/*font-family: 'Quicksand', sans-serif;
font-family: 'Comfortaa', cursive;
*/

body, header, nav, main, footer, section, article{font-family: 'Ubuntu', sans-serif; color: #484848; font-size: 18px; font-weight: 400; background-color:#FFF; }
.no_display{display: none;}
.vcenter{display:flex;align-items:center;}
.clr{clear:both;}
h1{font-size: 36px;	 font-weight: 900; color:#1d1e1c; margin: 0; padding: 0; color: #1d1e1c; font-weight: 700; text-align: left;    line-height: 150%; border-bottom: 2px solid #9e9e9e;}
h2{font-size: 32px;	 font-weight: 700; color:#1d1e1c; margin: 0; padding: 0; font-weight: 700; text-align: left;    line-height: 150%; border-bottom: 3px solid; border-image:linear-gradient(90deg, rgba(250,223,18,1) 0%, rgba(250,223,18,1) 33%, rgba(254,0,0,1) 33%, rgba(254,0,0,1) 66%, rgba(0,0,0,1) 66%) 3;}
h3{font-size: 24px; font-weight: 400; color: #1d1e1c;  text-align:center;}
h6{font-size: 14px; font-weight: 700; color:#1d1e1c;}
p{ padding: 15px 0px;}

/*#######                 header                 ##########*/
header{margin: 20px 0px;}
header div.container div{display: -ms-flexbox; display: -webkit-flex; display: flex; align-items:center;}
header div.container div .icon_top a img{margin: 0 auto; display:inline-block;}
header div.container div .icon_top a {font-weight: 500; text-align:center; font-size: 14px;}
header div.container div .icon_top a:hover {text-decoration:none; opacity: 0.75;}
header div.container div .icon_top > img{ margin: 0 auto;}
.violett,.violett:hover{color: #754695;} .rot,.rot:hover{color: #e21f18;} .blau,.blau:hover{color:#008bd2;} .grun,.grun:hover{color: #389e31;}


/*#######     MENU             ##########*/
nav {height: 50px; border-bottom: 1px solid black; border-top: 1px solid black; }
nav .row {padding:0px;}
nav .logo {max-height: 40px;}
nav .banner img{margin:0 auto;}
nav .mobile_menu{ text-align:center; border:0px; outline:0px; }
nav .mobile_menu .mobile_icon{	text-decoration: none; display: none; text-align: center; padding: 5px; margin: 0 auto; }
nav ul.menu{padding:0;margin:0 auto;list-style: none;position: relative;text-align:center; border-bottom: 1px solid #ccc;}
nav ul.menu li {margin: 0px;display:inline-block;}
nav ul.menu li a{	display:block;font-size:15px;text-decoration:none;-webkit-transition: 0.3s ease-out;
    transition: 0.3s ease-out;color: #2b2b2a; font-weight: 700;    line-height: 60px;    padding: 0px 20px;}
 nav ul.menu li a:hover{	opacity: 0.70;}



 /*########## MAIN #############*/
#ds_div > main > div:nth-child(1) > div > ul{    display: block;
    list-style-type: none;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 40px;
	}
	
        ul > li:before {
            content: '? ';
            display: inline;
            color: #33b74f;
            font-size: 30px;
        } 
main .image-responsive.center{margin:0 auto;}

#ikony{font-size: 15px; color:#999999}
#ikony strong{color: #484848}
#ikony > div:nth-child(2){border-left: 1px solid #000; border-right: 1px solid #000; border-image:linear-gradient(0deg, rgba(255,255,255,0) 5%, rgba(72,72,72,0.7204131652661064) 50%, rgba(255,255,255,0) 95%) 1;}


#description_long img {margin: 0 auto;}

.row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
	padding: 25 0;
}
.row div{
	align-self: center;
}
.row:nth-child(2n+2){flex-direction: row-reverse;}


.align-items-center {
    -ms-flex-align: center!important;
    align-items: center!important;}
	

 
/*########## GALERY #############*/
#galery{position:relative; float:lEFT;}
#galery .first-image{border: 1px solid #c3c3c3;}
#galery .thumb span img{display: block;max-width: 100%;height: auto;width:100%; border: 1px solid #c3c3c3;}
#galery .thumb > img{width: 21%;float:left;margin:  2% 2%;-webkit-transition: 0.3s ease-out;transition: 0.3s ease-out; border: 1px solid #c3c3c3;	}
#galery .thumb > span{	display: none;	position: absolute;	z-index:1;	top:0;	left:0;	padding: 0px 15px;}
#galery .thumb:hover > span{	display:block;}
#galery .thumb:hover > img{	opacity: 0.7;}
#galery .payment_info { margin: 0px 2%; width:96%;} 


/*########## IKONY OPIS #############*/
.icons_description {margin-top: 20px;}
.icons_description div img{ margin: 0 auto;}
.icons_description div:after{content: ''; display: block; clear: both;}
/*#######                 TAB	/ tabelka				##########*/
.table-responsive .table tr:hover{background-color: #f7f7f7;}
.table-responsive .table tr:nth-child(1) td{border-top: 0px;}
.table-responsive .table tr{border-color:#919191;}
#liferumfang{margin-bottom: 30px;padding:20px;}

/*#######                 FOOTER		##########*/
footer{background: #efefef;	color:#000;}
footer .container{}
footer h4{	margin:0px;	padding: 15px;	font-size: 20px;	border-bottom: 1px solid #fff;}
footer .container div ul,footer .container div p{	margin: 20px 0px;}
footer p.info_small{	font-size: 65%;}
footer .container .information p a, footer .container .information p a:hover{	color: #535353; text-decoration:none;}
footer .container .information p a, footer .container .information p a:focus{	color: #535353; text-decoration:none;}











/*#########################################################*/
/*#######                 MEDIA                 ##########*/
/*#########################################################*/

@media screen and (max-width: 1200px){
	 nav ul.menu li.tags{
	 display:none;
 }
 nav ul.menu li a{  padding: 0px 10px;}
}

@media screen and (max-width: 992px){
	.mobile_none{
	display:none;
}


header div.container div .icon_top {padding:10px 0px;}
header div.container div .icon_top a{display:inline-block;}
header div.container div .icon_top a img{display:inline-block;}
header div.container div .icon_top a {color: #1d1d1b; font-weight: 700;}
header div.container div .icon_top a:hover {color: #1d1d1b; text-decoration:none;}
header div.container div .icon_top a:hover img{opacity: 0.8;}
#ikony > div:nth-child(2){border:none;}

header .container .row .logo img{
	width: 50%;
	margin: 0 auto;
}
header div:nth-child(2){	   
	   display: -ms-block;
		display: -webkit-block;
		display: block;
       align-items:center;}
		

/*#######                 CONTAKT                 ##########*/

header .contakt{
	margin-top:20px;
	margin-bottom:20px;
		   display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: space-around;
    -ms-flex-pack: start;
    justify-content: space-around;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
}
header div.container div{display: -ms-block; display: -webkit-block; display: block; align-items:center;}
header .contakt a {padding:0; margin:0; font-size: 14px; color: #919191;}
header .contakt a i {margin-right: 10px;font-size: 22px; color: #1d1d1b;}



/*#######     MENU             ##########*/
 nav .mobile_menu .mobile_icon{
	background: #fff;
    display: block;
	color: #2b2b2a;
	line-height:60px;
	border-bottom: 1px solid #ccc;	
 }
  nav .mobile_menu .mobile_icon span,nav .mobile_menu .mobile_icon img{
	  display:inline-block;
  } 
  nav ul.menu{display:none; }
  
 nav .mobile_menu:hover .menu{
	 display:block;
 }
 nav ul.menu li {
	margin: 0px;
	display:block;
	border-bottom: 1px solid #ccc;	
	}
 nav ul.menu li.tags{
	 display:none;
 }
 /*#######     MAIN             ##########*/
  main > .container{background-color:#fff; padding:0px 0px; -webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;}
}


@media screen and (max-width: 600px){

/*#######                 header                 ##########*/
header .container .row .logo img{
	width: 80%;
	margin: 0 auto;
}
header div:nth-child(2){	   
	   display: -ms-block;
		display: -webkit-block;
		display: block;
       align-items:center;}
		

/*#######                 CONTAKT                 ##########*/
header .contakt{
	margin-top:20px;
	margin-bottom:20px;
		   display: -ms-block;
    display: -webkit-block;
    display: block;   
}

header .contakt a {display: block; padding: 5px;}
header .contakt a i {margin-right: 10px;font-size: 22px; color: #1d1d1b;}

/*#######     MENU             ##########*/

}

@media screen and (max-width: 390px){
		/*#######                ICON TOP              ##########*/
#icons-top{
	   display: -ms-block;
    display: -webkit-block;
    display: block;

}
#icons-top i {
    display: block;
	padding: 5px;
}
}