/*
// -----------------------základní prvky---------------------------------------
*/
*{

 margin: 0;
 padding: 0;
 outline: 0;
 font-size: 100%;
 font-family: inherit;
 vertical-align: baseline;
 box-sizing: border-box;
 }
*{
 max-width:  100%;

 }
body{
 }
.around{
 background:0;
 }
.inputs,
#larea,
#loginbar,
#top,#ads336{
 width: 100%;
 float:none;
 }
#menu2{
 margin-left:40px;
 }
#loginbar #admin #menu1 li,
#loginbar #admin #menu2 li{
 width:100%;
 } 
 
#loginbar .menu-text,
#loginbar .bar-user{
 display:none;
 }  
#top{
 }
.head {
 height: 64px;
 padding-top:0;
     }
.head .content {
  margin: 0;
 } 
#logo{
 max-width: 20%;
 width:100%;
 margin-left:16px;
 margin-top:14px;
  }
#logo img{
 width:100%;
	 }
#logo a{
 display:block;
	 }
#logo span, #callus {
 display:none;
	 }    
.tc10 .head .content {
 overflow:hidden;
     } 
fieldset input{
 width:100% !important;
 max-width: 100%;
 }
.head h2{
 margin:0;
 padding:0;
 text-align:center;
 float:none;
 width: 100%;
 height:auto;
 }
.head form,.head form div{
 float:none;
 text-align:center;
 margin:0;
 padding:0;
 margin:6px auto;
 }
#lefthead{
 float:none;
 width: 100%;
 height:auto;
 }
#langbar{
 padding-top:14px;
 }
#langbar ul, #langbar li, #langbar li a{
 width:auto;
 }
#langbar li img{
 float:none;
 }
.topbar {
 width: 30px;
 height: auto;
 float: right;
 margin-top:0;
 margin-right: 18px;
 padding: 0;
 min-height: 44px;
 z-index: 1000;
 position:absolute;
 top:0;
 right:0;
}
.topbar a{
 background:transparent;
 }
.topbar ul{
 padding-right:18px;
 }
.icon-bar,#nav-button,.topbar a.button{
 display:inline-block;
 background:transparent;
 padding:5px;
 /*background:url('/ikony/bar.png');*/
 margin:3px auto;
 color:#fff;
 font-size:24px;
 /* background: rgb(125,126,125); /* Old browsers */
 /* background: -moz-linear-gradient(top, rgba(125,126,125,1) 0%, rgba(14,14,14,1) 100%); /* FF3.6+ */
 /* background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(125,126,125,1)), color-stop(100%,rgba(14,14,14,1))); /* Chrome,Safari4+ */
 /* background: -webkit-linear-gradient(top, rgba(125,126,125,1) 0%,rgba(14,14,14,1) 100%); /* Chrome10+,Safari5.1+ */
 /* background: -o-linear-gradient(top, rgba(125,126,125,1) 0%,rgba(14,14,14,1) 100%); /* Opera 11.10+ */
 /* background: -ms-linear-gradient(top, rgba(125,126,125,1) 0%,rgba(14,14,14,1) 100%); /* IE10+ */
 /* background: linear-gradient(to bottom, rgba(125,126,125,1) 0%,rgba(14,14,14,1) 100%); /* W3C */
 /* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7d7e7d', endColorstr='#0e0e0e',GradientType=0 ); /* IE6-9 */
  -webkit-border-radius: 4px;
 -moz-border-radius: 4px;
 border-radius: 4px;
 border:0;
 font-family:Arial;

 }
#box108,#box109{
 z-index:1000;
 display:none;
 background:#192639;
 position:absolute;
 width:90%; 
 }
.topbar div{
 display:none;
 padding-top:6px;
 }

.topbar ul{
 margin:3px;
 list-style-type:none;
 font-family:Arial, serif;
 text-transform:Uppercase;
 clear:both;
 }
.topbar li{
 width:100%;
 float:none;
 }
.topbar li a {
 display:block;
 text-align:left;
 color:#e1e1e1;
 text-decoration: none;
 padding: 14px 14px 14px 34px;
}
.topbar-btn a:hover {
 color:#fff !important;
 }  
.hc-offcanvas-nav .first-nav {
 margin-top: 12px; 
 }  
.hc-offcanvas-nav .lvl2 {
 margin-top:0;
 box-shadow:none;
 width:100%;
 display:block;
 }    
.lvl2 li:last-child > a {
 border-radius:0;
}  
#konzultace-zdarma {
 padding-bottom: 14px;
 border-radius:0;
}
.hc-offcanvas-nav .second-nav{
 margin-top: 8px;
 display: flex;
 flex-wrap: nowrap;
 align-items: stretch;
 width: 100%;
 position:absolute;
 bottom:0;
} 
.hc-offcanvas-nav .second-nav li {
 text-align: center;
 flex: auto;
 display: flex;
 align-items: center;
 justify-content: center;
 line-height: 100%;
}
.hc-offcanvas-nav .second-nav li a {
 padding:10px 17px;
}
.hc-offcanvas-nav .second-nav li img {
 width:38px;
}
.hc-offcanvas-nav .second-nav li a:last-child img {
 width: 88px;
}
.hc-offcanvas-nav .second-nav .cartitem {
 margin-top: -12px;
 margin-left: -8px;
} 
.hc-offcanvas-nav .second-nav .nav-item{
 display:inline-block;
 border-bottom:none;
 }
.topbar li a:hover, .menu-sluzby:hover > span {
  color: #fff;
} 
.lvl2 li {
  line-height: initial;
}
.lvl2 li a {
  font-size:20px;
  color:#fff;
  padding: 14px 17px;
} 
.lvl2 li:first-child > a {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.introObsah > div {
 padding-top: 0;
} 
.introObsah p {
 font-size: 2.8em;
}
#intro .cta {
 font-size: 18px;
 padding: 10px 40px;
}
#top_rss{display:none;}
.leftside{
 width:100%;
 float: none ;
 text-align:left;
 height:auto;
 }
#rightads{
 text-align:center;
 width:100%;
 background:0;
 }
.middle,
.middlew,
.pagebody,
.sidebar{
 float:none;
 width: auto;
 height:auto;
 } 
.item-box-flex {
 padding: 10px 0; 
}
.threecols {
 margin-top:15px;
 margin-bottom:15px;
}
#pagewrap .sidebar{
 position:static;
 }
.row {
 padding: 2rem 0;
 } 
.row-bottom {
  padding-bottom: 0;
} 
.middle fieldset{
 padding:10px;
 }
.middle .content {
 margin: 0 20px;
 }
.tc8 .middle > .content {
 margin: 0;
 }   
.middle h1 {
 font-size:2.4em;
 }   
.middle h2 {
 font-size:1.4rem;
 }  
.middle h3 {
 font-size:1.2em;
 }
.middle p {
  margin: 0.75rem 0 0.75rem 0;
  font-size:1em;
}  
.tab label {
 font-size: 1.2em;
}   
.first {
  margin-top: 20px;
}
#how .center p, .row .center p {
 font-size: 1em;
 padding:0;
}   
/*.middle .content>p{
 padding:0 8px;
 }*/
.table-container{
 overflow-x:auto;
 }
#kont td, #kont th, fieldset td, fieldset th {
 display: block !important;
} 
#kont td.cell, #kont th.cell, fieldset td.cell, fieldset th.cell {
 display: table-cell !important;
} 
#cta-form label {
 font-size:0.9em;
} 
.article-preview {
 margin: 0 10px 40px;
}
#showchildren .flexcontainer {
 max-width: 100%;
}
.footer{
 width:auto;
 text-align:center;
 padding-top:0;
 padding-bottom:0;
 }
.bottommenu{
 padding:2rem 0;
 }
.footer .twocols div.col1 {
 width: 80% !important;
 float:left;
} 
.footer .col1 p {
 padding-top: 15px;
}
.footer .col1 img {
 margin-top: 0;
 margin-left: 20px;
 margin-right: 40px;
 padding-right: 30px;
}
.footer .twocols div.col2 {
 width: 20% !important;
 float:left;
}
.footer .col2 img {
 padding-right: 20px;
}
#tagcloud{
 display:none;
 }
img.nahled{
 margin-top:0;
 }
.twocols div.col1,
.twocols div.col2,
.threecols>div{
 float:none;
 width:100% !important;
 display:block  !important;
 }
.clanahled{
 width:50%;
 }
.banner{
 display:none;
 }
#langbar{
 margin-right:4rem;
 }


@media only screen and (max-width: 690px) {
	body{
	 padding:0;
	 }
	#around{
	  margin:0;
	  }
	.head h1,
	.head h1 a,
	.headintro,
	#headlog {
		margin:0;
		padding:0;
		text-align:center;
		float:none;
		width: 100%;
		height:auto;
			}
	.head h1 img,
	   {
		margin:0 auto;
		width: auto;
		height:auto;
		float:none;
		}
	#headlog, #langbar .cta-login, .cta-call {
	  display:none;
	  }
    #logo{
      max-width: 30%;
     }  
    #langbar .langbar-phone-icon {
      background: none;
      border: none;
      color: rgb(63, 99, 184);
      line-height: 100%;
      margin-right: 0.5rem;
      display:block !important;
     } 
    #langbar .langbar-phone-icon span {
      font-size:1.35em;
     }  
    .first-nav-button {
      display:block !important;
       } 
    .first-nav-button a {
      border: 2px solid #fff !important;
      text-align: center;
      margin: 10px 16px; 
       } 
	.textBody {
    margin: 0px;
    }	
	#introSocial{
		position: static;
		margin:8px 0;
		width:100%;
		}    
    .introObsah > div {
        padding-bottom: 2rem;
        }
    #introIcons span{
        font-size:3em;
		} 
    #introIcons div:before,
    #introIcons h4{
        font-size:1em;
		}     
    #introIcons div {
        min-width: auto;
        padding: 0.5em 1em;
        }      
    #introIcons div:nth-child(3):before {
        display:none;
    }  
    #introIcons div:nth-child(4):before {
        right: auto;
        left: -0.7em;
        display:block;
    }        
	.clanahled{
 		width:100%;
 		float:none;
 		}
 
    #kdo-jsem .twocols{
     flex-direction: column-reverse;
    }  
    #preview_img img {
     max-width: 100%;
    }   
    #kont {
     width: 100%;
    }
    #cta-form .container {
     padding: 15px;
    }
    .flexcontainer {
     flex-direction: column;
        } 
    #usp .flexcol {
     padding:10px 0;
        }   
    .table-numbers, .ceny-pozn {
     max-width: 100%;
     text-align:center;
        } 
    .map {
     height:100%;
    }  
    #map-overlay {
     position: initial;
     text-align:center;
     padding-bottom:2rem;
    } 
    #map-overlay p {
     text-align:center;
    }   
    .footer .footer-primary {
     font-size: 1.2em;
    }  
             
	}
@media only screen and (max-width: 480px) {
    .introObsah span {
         font-size: 1.25em;
        }
    .introObsah p {
        font-size: 1.8em;
        }
    #introIcons div:before, #introIcons h4 {
        font-size: 0.85em;
        } 
    #intro .cta {
        font-size: 16px;
        padding: 8px 32px;
        }
     .middle a.cta {
        font-size: 1.1em;
        padding: 1rem 1.5rem;
        max-width: 75%;
      }
     .timeline-content h3{
      font-size:1.1em;
      }
      #quotes .item {
      width:100%;
      padding: 0 40px;
      }
     #quotes .item p {
     font-size:1.2em;
     } 
     #quotes .content:nth-child(2) {
      margin:0;
      }
    .owl-nav span:before {
      margin:0;
      }
    #articles > p {
     max-width: 100%;
      }
    .article-preview img.nahled {
     margin-bottom: 20px;
      }   
    .narrow {
     max-width: 100%;
    }  
     .form-date {
        width: 100% !important;
      } 
      #custom-select-cena .select-selected {
        background: url(/ikony/select-arrows.svg) 98% / 8% no-repeat transparent;
        }
      .custom-select {
        width: 100%;
        }      
     .timeline-content ul li {
      width: 100%;
      } 
     /*.middle > .row .col1 > p {
      display:none;
      }*/
     .middle blockquote {
      margin-left:0;
      padding-right:0;
       } 
     .table-numbers td, .table-numbers th {
      padding: 4px !important;
        }
     .showfoto {
      grid-template-columns: repeat(2, 1fr);
      }   
     .footer{
      padding-top:0;
     }   
     .footer .twocols div.col1 {
      padding-bottom: 16px;
      width: 100% !important;
     }
     .footer .col1 img {
      margin: 0;
      width: 64px;
      margin-right: 0;
      padding-right: 0;
      border-right: none;
      float: none;
     }
     .footer .col1 p {
      padding-top:0;
     }
     .footer .twocols div.col2 {
      text-align: center;
      float:left;
      width:100% !important;
     }
     .footer .col2 img {
      max-width: 30%;
      padding-right:0;
     }
     .footer ul li {
      display: block;
     }
     .footer .social-icons {
     padding-top: 3rem;
     }
   }
   
@media only screen and (max-width: 480px) {
  .inputfile + label strong {
    padding-top: 10px;
    }
   }   

#loginbar #admin h4,
#loginbar #admin li,
#loginbar #loginarea li{
 width:auto;
 }
#loginbar .menu-text,
#loginbar .bar-user{
 display:none;
 }
#partners img{
 max-width:80px;
 }   
#gmap div *{
 max-width:none; 
 }  
.hvr-overline-from-center:before {
 display:none;
}


.timeline-content, .timeline-containter {
 padding-bottom: 0;
}
.timeline-content .twocols {
 flex-direction: column;
}
.timeline-content .col2 {
 column-count: 1;
 padding-left:0;
 margin-top: 16px;
}
.timeline-content ul {
 display: flex;
 flex-direction: column;
 padding-left:1em;
}
.timeline-content ul li:first-child {
  order: 1;
}
.timeline-content ul li:nth-child(2) {
  order: 3;
}
.timeline-content ul li:nth-child(3) {
  order: 2;
}
.timeline-content ul li:nth-child(4) {
  order: 4;
}

/*------Owl Carusel------*/  
.owl-carousel .owl-stage {
    max-width: none !important;
}