/* -------------------------------------------------------------------------------------------- */

/*body.layout-full {     background-color: #000 !important; }*/

h1, h2, h3, h4 { font-family: 'Open Sans', sans-serif; font-weight: 700; }

.entry-content h4 { color: #2E6895; font-size: 15px; font-weight: 700;  }

.entry-content h2 {    font-size: 42px !important;  font-weight: 200 !important;  }

#main { padding: 0px;   width: 100%;  }
#masthead { width: 100%; margin: 0px auto; padding: 0px; }
.full-container {   width: 100%;  max-width: 100% !important; }
body.layout-full {     background-color: #FFF;  }

div.col4 { width: 33%; float: left;}
div.col6 { width: 50%; float: left;}
div.col8 { width: 66%; float: left;}

#main { background: #FFFFFF none repeat scroll 0 0;  }

.entry-content {    color: #444;    line-height: 1.6em; }

.entry-content table {    border-left: 3px solid #ededed;  border-bottom: 0px solid #ededed;  }    				
.entry-content table td { padding-left: 12px; }		

/*------- header ---------------------------------*/


.widget-social-icons a.flag { margin: 0px 5px 0px 0px; position: relative; top: 13px; }

/* yellow FFD824 */
							 
#masthead {  	min-height: 125px;    }
/* #masthead:before {    content: "";    background-color: #FCFCFC;    position: absolute;    left: -228px;    top: 0px;    width: 50.3%;       height: 125px;    z-index: 9;
    -webkit-transform: skew(40deg);    -moz-transform: skew(40deg);    -o-transform: skew(40deg);    transform: skew(40deg);   } */
.container {  width: 100%;    }

.top-bar {  max-width: 1080px;   margin: 0px auto 0px auto;  height: 40px;    line-height: 40px;         position: relative;    overflow: hidden; }
.top-bar div { border-left: 1px #888 solid;  color: #fff; padding: 0px 20px 0px 20px; float: left; }

.logo_bar {  max-width: 1080px;   margin: 0px auto 0px auto;  height: 120px; padding-top: 20px; padding-bottom: 0px; } 
.logo_bar div {  color: #000; line-height: 30px;    }  

/*.top-bar:before {    content: "";    background: #fff;    position: absolute;    right: -63px;    top: 0px;    width: 80px;    background: #fff;    height: 40px;    z-index: 9;
    -webkit-transform: skew(-40deg);    -moz-transform: skew(-40deg);    -o-transform: skew(-40deg);    transform: skew(-40deg); }
.top-bar .call {    background: #f19100;    height: 40px;    padding: 0 30px;    float: right;    margin-right: 50px;    -webkit-transform: skew(40deg); 
   -moz-transform: skew(40deg);    -o-transform: skew(40deg);    transform: skew(40deg); }
.top-bar .call p {     -webkit-transform: skew(-40deg);    -moz-transform: skew(-40deg);    -o-transform: skew(-40deg);    transform: skew(-40deg); } */

.image-logo { /*position: relavite; top: -10px;*/ }	     
 

.menu-container { max-width: 1080px;  margin: 0px auto 0px auto; }
.main-navigation {   background: transparent; /*border-top: 1px #ccc solid;*/ }
#search-icon {    height: 55px;    float: right;   position: static;  border-left: 1px #ccc solid;   border-right: 1px #ccc solid;   z-index: 110;  }
#search-icon #search-icon-icon { background-color: #fff;  } 
#search-icon #search-icon-icon .vantage-icon-search { color: #000; } 

/*
.main-navigation ul li { float: left; }
.main-navigation a {    color: #fff;  display: block;    font-weight: bold;    text-decoration: none;   font-family: Open Sans;    font-size: 14px;    font-weight: 400;  
						border-right: 1px #888 solid; background-color: #404347;  letter-spacing:	1px; }

.main-navigation li:last-child a {    border-right: 0px solid #888; }
.main-navigation ul li a {  text-align: center;  box-sizing: border-box;    line-height: 1em;    padding: 25px 10px;  }

.main-navigation li.current-menu-parent > a:first-child { border-bottom: 4px red solid; padding: 25px 10px 21px 10px; } 

.menu-menu_cz-container > ul > li  {    width: 16.65%; }   
*/
/*------------------------------------------------------------*/

.additional-menu { line-height: 1; list-style: outside none none;  float: right;    margin-bottom: 0px;  } 
.additional-menu li {    float: left;  margin: 0;    display: block;     position: relative; list-style: outside none none; }
.additional-menu li a {    padding: 16px 26px 16px 76px;    position: relative; background-color: #0A5E91;    color: #ffffff; height:  25px;  text-decoration: none; letter-spacing: 1px;	text-transform: uppercase; }
.additional-menu li a i {    font-size: 18px !important;    left: 0; padding: 15px 8px 15px 25px;;    position: absolute;    top: 0;    width: 36px; height: 22px; margin-right: 15px; background: rgba(0, 0, 0, 0) url("images/transparent.png") repeat scroll 0 0; }

/* sipky v menu polozkach */
/*.main-navigation a:after {  margin-left: 4px; content: "\f107";  font-family: 'FontAwesome'; }*/

/*.socicons a { color: #fff; text-decoration: none; margin-right: 3px; font-size: 15px; }
.main-navigation ul ul { background: #FFD824 none repeat scroll 0 0;  }*/

/* ----------------------------  obarvveni skrolovatka ------------------------   */
#scroll-to-top {  background: rgba(9, 81, 121, 0.8) none repeat scroll 0 0; color: #000; 	}
#scroll-to-top span {  color: #fff !important; 	}

#mapa {  }
#mapa .textwidget {  width: 100%; height: 100%; }
#mapa .textwidget a { width: 100%; height: 100%; display: block; }


.textwidget ol li { margin-bottom: 10px; }

						 
/* --------------- IT HUGE slider ------------------------------------------------*/

/* paramtry jsou v tabulce wpf_huge_itslider_params */

.huge_it_slideshow_description_text_2 {
    background: rgba(0, 0, 0, 0.4) none repeat scroll 0 0 !important;
    background-image: url(images/bg-slider.png) !important;
    width: 420px !important; margin: 120px auto 0px auto;   
    height: 320px;	
    position: relative !important; top: none !important;    left: -330px !important; right: none !important;
    color: #ffffff;    
    font-size: 32px !important;
    padding: 30px 30px 30px 50px  !important;        
    text-align: justify;
    text-decoration: none;  
    z-index: 1000 !important;
}

.huge_it_slideshow_description_text_2 h2 { font-size: 25px !important; font-weight: bold !important; color: #fff; }
.huge_it_slideshow_description_text_2 p { font-size: 15px; font-weight: normal; }


.msacwl-gallery-caption { display: none; }
.msacwl-gallery-carousel .slick-dots { bottom: 20px; }

.msacwl-carousel-wrap p.slick-slide   { width: 0px !important; }

.extratext {  background-color: #ddd; padding: 20px 20px 20px 40px; border-left: 10px #7DD1E3 solid;  }

/* ------------------- cicrlce icons ---------------------------------------------*/
/*
<div data-index="2" id="panel-4-2-0-0" class="so-panel widget widget_circleicon-widget panel-first-child panel-last-child">						
	<div class="circle-icon-box ">
		<div class="circle-icon-wrapper">
					<div class="circle-icon">
							<div class="fa fa-building"></div>				
					</div>
	  </div>
	  <h4>25 zkušeností</h4>            
		<p class="text">...</p>					
	</div>
*/

/* styl frentech */


.features2 .widget_circleicon-widget { background-color: #fff !important; }
.features2 .widget_circleicon-widget .circle-icon-box { width: 100%;  height: 240px;  display: box; padding: 0px !important; }
.features2 .widget_circleicon-widget .circle-icon-wrapper  {   height: 100%;  float: left;   }
.features2 .widget_circleicon-widget .circle-icon-box.circle-icon-size-medium .circle-icon {border-radius: 0px;    height: 100%;     width: 18%; }  
.features2 .widget_circleicon-widget .circle-icon {   left: 0 !important;  margin-left: 0px !important; background-color: #EBEBEB !important; top: 5% !importatn; }
.features2 .widget_circleicon-widget h4  {  float: right;  width: 75%; text-align: left; margin-top: 10px !important;  }
.features2 .widget_circleicon-widget p  {  float: right; width: 75%; text-align: left;  }
.features2 .widget_circleicon-widget .fa  {  top: 15% !important; color: #000 !important; }
	


/* ------------------- hranate icony  --------------------------------------*/
 
.widget_circleicon-widget .circle-icon-box.circle-icon-size-medium .circle-icon {border-radius: 0px;    height: 100px;       width: 100px;  }  
.widget_circleicon-widget .circle-icon-box .circle-icon {   background-color: #888;  }
.widget_circleicon-widget .circle-icon-box.circle-icon-size-medium.circle-icon-position-top { padding-top: 110px; }
.widget_circleicon-widget .circle-icon-box.circle-icon-size-medium.circle-icon-position-top .circle-icon {    left: 50%; margin-left: -45.625px; top: 0; }				    


/* ------------------- cicrlce icons feature  --------------------------------------*/

.icon_feature_right .circle-icon-wrapper  { /*width: 65px; height: 65px; display: block;   float: left; color: #fff;*/ }
.icon_feature_right h4,.icon_feature_left h4 { /*float: left;*/ color: #333 !important; }
.icon_feature_right  .circle-icon, .icon_feature_left  .circle-icon { background-color: #888  !important; }
.icon_feature_right .circle-icon .fa,.icon_feature_left .circle-icon .fa { color: #fff !important; }
.icon_feature_left h4 { text-align: right;   padding-right: 18px; }
.icon_feature_right h4 { text-align: left;  padding-left: 18px; }
#featurerow .widget_circleicon-widget { margin-bottom: 0px !important; height: 80px !important; /*border: 1px red solid;*/ }
.icon_feature_right .circle-icon { left: 0; margin-top: 0px !important; top: -10px !important; }
.icon_feature_left .circle-icon {  margin-top: 0px !important; top: -10px !important; }
.icon_feature_left .more-button { display: none !important; }

/* --------------------------------------------------------------------------------------------------- */



/* ------------------- obecne trídy -----------------------------------------------*/

/* row obecna fixni sirka */
.fixedrow  { max-width: 1080px; margin: 0px auto !important; background-color: #fff; }

.rowwhite, #rowwhite { background-color: #fff; }

/* row pro slider */
#rowslider .panel-grid-cell {  padding: 0px !important; }
#rowslider { padding-top: 0px !important; }
#rowslider .panel-widget-style { }



#separrow .panel-row-style {  padding-top: 0px  !important; padding-bottom: 0px  !important; }

#paralaxrow .panel-row-style {  padding-top: 0px  !important; padding-bottom: 0px  !important; border-bottom: 5px solid #ffd824 !important;  }
#paralaxrow .panel-grid-cell  {  padding: 0px  !important;  }
 

#content .panel-grid {   margin: 0px;  }
/*#content .panel-grid .panel-row-style {   padding: 0px 0px 0px 0px; }*/

.entry-content h3 {      font-size: 1.5em; font-weight: 600 !important;  }

/* k olate ikony featura ve dvou sloupich u sebe */

#featurerow  { background: url(images/IMGP5686_1920.jpg); background-size: cover; background-repeat: no-repeat; background-color: transparent; }
#featurerow .panel-row-style { padding: 0px !important; }
#featurerow #pgc-4-featurerow-0  {  background-color:rgba(10,90,145,0.7); }
#featurerow .widget_siteorigin-panels-builder {  max-width: 1080px; margin: 0px auto !important; padding-top: 40px; padding-bottom: 60px; margin-bottom: 80px; }
#featurerow h2,#featurerow p { color: #fff; }


.features .circle-icon { border-radius: 0px !important; }
.features .more-button { display: none !important; }

.projlist .so-panel { margin-bottom: 20px !important; }

/*
.icon_feature_right .circle-icon-wrapper  { width: 65px; height: 65px; display: block;   float: left; color: #fff;  }
.icon_feature_right h4,.icon_feature_left h4 { / * float: left;* / color: #fff !important; }
.icon_feature_right  .circle-icon, .icon_feature_left  .circle-icon { background-color: #fff  !important; }
.icon_feature_right .circle-icon .fa,.icon_feature_left .circle-icon .fa { color: #000 !important; }
.icon_feature_left h4 { text-align: right;   padding-right: 18px; }
.icon_feature_right h4 { text-align: left;  padding-left: 18px; }
#featurerow .widget_circleicon-widget { margin-bottom: 0px !important; height: 80px !important;  }
.icon_feature_right .circle-icon { left: 0; margin-top: 0px !important; top: -10px !important; }
.icon_feature_left .circle-icon {  margin-top: 0px !important; top: -10px !important; }
*/

#halatitle { font-size: 19px; position: relative; top: 440px; /*border: 1px red solid;*/ width: 1080px; margin: 0px auto; color: #fff; height: 30px;   }
#halatitle_odd { height: 30px; width: 30px; background-color: #7DD1E3; float: left; margin-right: 15px; top: -3px; }

/* --------------------------------------------------*/  

/*  */

/*
.textbox { color: #fff; }
.textbox .widget-title   {    float: left;     width: 30%;  color: #fff;   padding-bottom: 4px; }
.textbox .textwidget {     float: right;     width: 70%; }
.textbox .widget-title:before  {    content: "";  display: block;    position: relative;    right: 0px;    top: 40px;    width: 100px;   background: #f19100; height: 2px;  z-index: 1000; }

  
.textbox-white .textwidget h2 { text-align: center;  margin: 10px 0px 0px 0px; font-size: 1.9em; }
.textbox-white .textwidget p { text-align: center;  }
.textbox-white .textwidget hr {   margin: 10px auto !important;  background: #f19100 none repeat scroll 0 0;  box-sizing:	content-box;   border: medium none;     height: 3px;     margin-left: 0;     width: 100px; }


.titlebox { max-width: 1080px; margin: 0px auto !important; }
.titlebox .textwidget { margin-top: 0px; padding-top: 80px; }
.titlebox h1 { color: #FFF; text-align: center; font-size: 62px;  }
.titlebox h2 { color: #FFF; text-align: center; font-size: 40px; }        */

/* ----------- GALERY ----------------- */
#pg-23-1 { background-color: #FFD824 !important; }

.boxgal { background-color: #000; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; overflow: hidden;  }
.boxgal .sow-image-container img { width: 330px !important; }
.boxgal h2 { font-family: 	"Open Sans",​sans-serif;  font-size: 16px; color: #F18E00;  margin-left: 20px; }

/*----------- POST LOOP ------------------- */

.homepost article {  width: 45% !important; background: #FFF;   margin: 5px 5px 5px 20px !important; padding: 0px  !important;
    border-color:  #f8f8f8;      border-style: solid solid solid solid;    border-width: 2px;    display: inline-block; }
.homepost article:first-child {  margin: 5px 25px 5px 35px !important;  }    
.homepost .grid-thumbnail { width: 250px !important;  float: left; padding: 0px !important; border: none !important; margin: 0px !important; }
.homepost .grid-thumbnail img { height: 300px !important; }
.homepost h3  {  font-size: 20px !important;   color: #f19100 !important;    font-weight: 700 !important;    line-height: 30px !important;     margin: 15px 0 15px !important;  font-family: "Raleway",sans-serif !important; }
.homepost h3 a { margin-left: 20px; }
.homepost .excerpt { min-height: 60px;  }
.homepost .excerpt p { margin: 15px 10px 15px 20px !important;  font-family: "Open Sans"  !important; font-size: 14px  !important; line-height: 18px; color: rgb(51,51,51); height: auto !important; }

/*a.btn {   font-size: 1em;     padding: 0.6em 1.8em;    background: #020202;     color: #ffffff !important;     border: 1px solid #020202; font-weight: 700 !important; text-decoration: none;
    border-width: 1px 0;    -webkit-border-radius: 0.25em;    -moz-border-radius: 0.25em;    border-radius: 0.25em; margin: 20px 0px 0px 18px !important; position: relative; top: 8px;}*/
    
.colorbox {
    background: rgba(0, 0, 0, 0) linear-gradient(to right, rgba(241, 145, 0, 1) 0%, rgba(199, 64, 64, 1) 100%) repeat scroll 0 0;
    display: inline-block;     letter-spacing: 0;    padding: 0px 0 20px 40px;     width: 90%;    color: #FFF; }
.colorbox h2 { color: #FFF; }		    


.fancybtns .widget_sow-button { margin-bottom: 15px !important; }
.fancybtns .ow-button-base a { line-height: 20px; }
.fancybtns .ow-button-base a {
		     -webkit-clip-path: polygon(5% 0, 100% 0, 100% 85%, 95% 100%, 0 100%, 0 15%);;
			clip-path: polygon(3% 0, 100% 0, 100% 85%, 97% 100%, 0 100%, 0 15%);
}		


.t1 div {  font-size: 38px   !important; margin-bottom: 20px  !important;    font-family: "Open Sans"   !important;     text-shadow: 0px 2px 5px rgb(0 0 0 / 50%)   !important;  font-weight: 700 !important; }
.t2 div {  font-size: 28px   !important;;    font-family: "Open Sans"   !important;     text-shadow: 0px 2px 5px rgb(0 0 0 / 50%)   !important;  font-weight: 700 !important;  }
 
/* ---------------- footer -----------------------*/
                                                                 
#footer-widgets {   width: 1080px; margin: 0px auto !important; border-bottom: 4px #0A5E91 solid; padding-top: 10px; padding-bottom: 20px; }
#colophon {    background: #000 none repeat scroll 0 0;  }
#footer-widgets .widget { color: #fff; /*width: 33%;*/ }
#footer-widgets .textwidget img { position: relative; top: 5px;}
#black-studio-tinymce-2 { width: 70% !important; }
#black-studio-tinymce-3 { width: 30% !important; }

/*-------------------- subpage ------------------------------*/
#subpage_title_row { height: 180px; padding: 0px;  background-color: #F5F5F5; }
#subpage_title { font-size: 33px; position: relative; top: 80px; /*border: 1px red solid;*/ width: 1080px; margin: 0px auto; color: #fff; height: 30px; font-weight: bold; color: #000;  }
#subpage_title #odd { height: 30px; width: 30px; background-color: #7DD1E3; float: left; margin-right: 15px; top: -3px; }

@media (max-width: 1080px) {
    #subpage_title { width: 600px;  top: 20px;  }
}



/************** mapa **************************/

a#googlemaps { display: block; width: 42px; height: 42px; background-color: #666; position: absolute; left: 200px; bottom: 0px;  background: url(images/ico42.png ); }


/*------------------- header -------------------------------------------------*/

#logo_jsme_clenem {	 background: url(images/logo_jsme_clenem_horizontalni-01-01.png);	 background-position: center center; background-repeat: no-repeat;	 }
#logo_jsme_clenem_en {		  background: url(images/logo_jsme_clenem_horizontalni-ENG-01.png); background-position: center center; background-repeat: no-repeat; }	


.logo_jsme_clenem {
		width: 165px; height: 95px; position: absolute; top: 10px; right: -370px; 		 
}


@media (max-width: 992px) {
	.logo_jsme_clenem {   position: absolute; top: 10px; right: 80px; }
} 




.container {
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
}
.container {
    width: 1170px;
}



.header__widgets {    height: 90px;     padding: 22.5px 0;  }

.header__widgets {    display: flex;
    height: 120px;
    justify-content: flex-end;
    order: 2;
    padding: 37.5px 0;
    text-align: right;
    width: calc(100% - 270px);
}
.header__widgets {
    background-color: #ffffff;
    order: 3;
    width: 100%;
}


/*--------------------------*/

.header .icon-box {
    display: inline-block;
    text-align: left;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid rgba(0,0,0,0.1);
    width: 100%;
}

@media (min-width: 992px) {
    .header .icon-box {
        margin-right: 20px;
        margin-bottom: 0;
        padding-left: 20px;
        padding-bottom: 0;
        border-left: 1px solid rgba(0,0,0,0.1);
        border-bottom: 0;
        width: auto;
    }
}

@media (min-width: 1200px) {
    .header .icon-box {
        margin-right: 30px;
        padding-left: 30px;
    }
}

.header .icon-box:hover {
    text-decoration: none;
}

.header .icon-box .fa {
    color: #e21f2f;
    margin-right: 3px;
}

.header .icon-box__title {
    font-family: "Roboto",Helvetica,Arial,sans-serif;
    display: inline-block;
    font-size: 13px;
    color: #aaa;
    font-weight: 400;
    margin: 0;
    letter-spacing: 0;
}

.header .icon-box__subtitle {
    display: block;
    color: #444;
    font-weight: 700;
}



/*------------------------------*/


.widget-icon-box { height: 60px; overflow: hidden; }
/*.widget_text  { height: 60px; overflow: hidden; }*/



.header {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
}

.header__logo {
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    background-color: #fff;
    width: 100%;
    border-bottom: 1px solid rgba(0,0,0,0.1);
    margin-bottom: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    /*position: relative; top: 5px;*/
    height: 100px;
}

/*.header__widgets::after { position: absolute; width: 10px; height: 30px; background-color: red; }-*/


@media (min-width: 992px) {

 

    .header__logo {
        z-index: 1;
        width: 270px;
        
        margin-bottom: 0;
        padding-top: 0;
        padding-bottom: 0;
        border-bottom: 0;
    }
}

@media (min-width: 1200px) {
    .header__logo {
        position: relative;
        height: 150px;
    }
}

@media (min-width: 1200px) {
    .header__logo::after {
        position: absolute;
        content: "";
        z-index: -1;
        height: 43px;
        width: 43px;
        background-color: #fff;
        -webkit-transform: rotate(135deg);
        -ms-transform: rotate(135deg);
        transform: rotate(135deg);
        bottom: 9px;
        right: -22px;
    }
}

.header__logo img {
    display: inline-block;
    margin-top: 15px;
    margin-bottom: 25px;
    /*width: 60%;*/
}

@media (min-width: 480px) {
    .header__logo img {
        /*width: auto;*/
    }
}

@media (min-width: 992px) {
    .header__logo img {
        margin-bottom: 0;
    }
}

.header__logo a {
    transition: all 100ms ease-out;
    position: relative; top: 5px; left: 40px;
}

.header__logo a:hover {
    text-decoration: none;
}

.header__logo a h1 {
    margin: 40px 0;
    color: #444;
}

.header__logo a h1:hover {
    color: #000;
}

.header__widgets {
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3;
    background-color: #fff;
    width: 100%;
}

@media (min-width: 992px) {
    .header__widgets {
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2;
        width: calc(100% - 270px);
        height: 55px;
        text-align: right;
        padding: 22.5px 0;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }
}

@media (min-width: 1200px) {
    .header__widgets {
        height: 55px;
        padding: 32.5px 0;
    }
}


.header__navigation {
    margin-left: 50px;
    width: calc(80% - 300px);
    margin-top: 0px;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
    width: 100%;  
		height: 60px; /* - vyska cele headeru - vzajeme s margin-top: -20 */   
}


@media (min-width: 992px) {
    .header__navigation {
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3;
        width: 75%;
        margin-top: 0px;
    }
}

@media (min-width: 1200px) {
    .header__navigation {
        width: calc(85% - 254px);
        margin-left: 290px;
        margin-top: -25px;
    }
}

@media (max-width: 1100px) {
	.container {    width: 90%; }
	.header__widgets { padding: 0px; height: 100%; justify-content: flex-start; }
	.widget-icon-box { margin-right: 10px; }
						
	.layout-full .panel-row-style.panel-row-style-wide-grey, .layout-full .panel-row-style.panel-row-style-full-width, .layout-full.panels-style-force-full .panel-row-style {
   		 margin: 0 0px; padding: 25px 20px 25px 20px;
	}
		
}

 /* mobilní verze */
@media (max-width: 700px) {
				
	.header__logo {   	height: auto;    }
	.header__logo img {   margin-top: 10px;   margin-bottom: 10px; }
	.header__widgets {	display: block; }
		
	.header__logo > a   { 	position: static; margin: 10px auto; display: block; text-align: center; }
	#logo_jsme_clenem {		position: static; margin: 10px auto; 	}
	
	.widget-icon-box {   height: auto;   }	
	.header__navigation { display: none; }
	.header .icon-box__subtitle { display: inline-block; }
	.header__navigation-widgets {      padding: 0px 0px 20px 0px!important; }	
	.header .icon-box {    margin-bottom: 5px;    padding-bottom: 5px;    }					
}



.header__navigation-widgets {
    -webkit-order: 4;
    -ms-flex-order: 4;
    order: 4;
    width: 100%;
    padding: 20px 0;
}

@media (min-width: 992px) {
    .header__navigation-widgets {
        width: 10%;
        padding: 10px 0;
        text-align: right;
    }
}

@media (min-width: 1200px) {
    .header__navigation-widgets {
        margin-top: -30px;
        width: 10%;
    }
}

.header__container {
    background-color: #fff;
    position: relative;
}

@media (min-width: 992px) {
    .header__container {
        background-color: #1f425d;
        
ackground-image: -webkit-gradient( linear, left top, left bottom, color-stop( 50%, #fff ), color-stop( 50%, #fff ), color-stop( 50%, #1f425d ) ); /* Chrome, Safari4+ */
background-image: -webkit-linear-gradient( top, #fff 50%, #fff 50%, #1f425d 50% ); /* Chrome10+, Safari5.1+ */    
background-image:    -moz-linear-gradient( top, #fff 50%, #fff 50%, #1f425d 50% ); /* Fx3.6+ */   
background-image:         linear-gradient(      #fff 65%, #fff 65%, #1f425d 50% );         
        
    }

    .header__container::before,.header__container::after {
        content: "";
        position: absolute;
        top: 0;
        width: calc(50% - 470px);
        background-color: #fff;
        bottom: 65px;
    }

    .header__container::before {
        left: 0;
    }

    .header__container::after {
        right: 0;
    }
}

@media (min-width: 1200px) {
    .header__container::before,.header__container::after {
        width: calc(50% - 570px);
    }

    .header__container::before {
        bottom: 35px;
    }
}

/*------------------------------*/




/*------------------------------------*/

.main-navigation {
    padding: 0 0 20px;
    margin: 0 0 20px;
    border-bottom: 1px solid rgba(0,0,0,0.1);
}

@media (min-width: 992px) {
    .main-navigation {
        padding: 0;
        margin: 0;
        border-bottom: 0;
        font-size: 0;

        
        
    }
}

@media (min-width: 1200px) {
    .main-navigation {
        padding-left: 10px;
    }
}

.main-navigation>li {
    position: relative;
}

@media (min-width: 992px) {
    .main-navigation>li {
        display: inline-block;
        font-size: 14px;
    }
}

.main-navigation>li>a {
    position: relative;
    display: block;
    font-size: 15px;
    line-height: 1.5;
    font-weight: 700;
    color: #444;
    padding: 10px 0;
}

@media (min-width: 992px) {
    .main-navigation>li>a {
        color: #fff;
        padding: 18px 8px;
    }
}

@media (min-width: 992px) {
    .main-navigation>li>a::before {
        position: absolute;
        content: "";
        width: 4px;
        height: 4px;
        right: -2px;
        top: calc(50% - 2px);
        border-radius: 50%;
        background: rgba(250,250,250,0.2);
    }
}

.main-navigation>li:last-of-type>a::before {
    display: none;
}

.main-navigation>li:hover>a,.main-navigation>li:focus>a,.main-navigation>li[aria-expanded="true"]>a {
    color: #1f425d;
    text-decoration: none;
}

@media (min-width: 992px) {
    .main-navigation>li:hover>a,.main-navigation>li:focus>a,.main-navigation>li[aria-expanded="true"]>a {
        color: #fff;
    }
}

@media (min-width: 992px) {
    .main-navigation>li:hover>a::after,.main-navigation>li:focus>a::after,.main-navigation>li[aria-expanded="true"]>a::after {
        position: absolute;
        content: "";
        width: calc(100% - 30px);
        height: 5px;
        left: 15px;
        bottom: 0;
        background-color: #e21f2f;
    }
}

.main-navigation>li:hover>.sub-menu,.main-navigation>li:focus>.sub-menu,.main-navigation>li[aria-expanded="true"]>.sub-menu {
    left: 0;
}

@media (min-width: 992px) {
    .main-navigation>.current-menu-item>a::after {
        position: absolute;
        content: "";
        width: calc(100% - 30px);
        height: 5px;
        left: 15px;
        bottom: 0;
        background-color: #e21f2f;
    }
}

@media (min-width: 992px) {
    .main-navigation .menu-item-has-children>a {
        padding: 18px 8px 18px 8px;
    }
}

/*@media (min-width: 992px) {
    .main-navigation .menu-item-has-children::after {
        position: absolute;
        content: "\f0d7";
        font-family: "FontAwesome";
        font-size: 12px;
        right: 18px;
        top: calc(50% - 10px);
        color: #fff;
    }
} */

.main-navigation .menu-item-has-children:hover::after {
    color: #1f425d;
}

@media (min-width: 992px) {
    .main-navigation .menu-item-has-children:hover>a {
        color: #1f425d;
        background-color: #fff;
        border-top-left-radius: 2px;
        border-top-right-radius: 2px;
        /*padding: 18px 12px 18px 12px;*/
        margin: 0px 0px;
    }
}

@media (min-width: 992px) {
    .main-navigation .menu-item-has-children:hover>a::before {
        right: -7px;
        top: 18px;
    }
}

@media (min-width: 992px) {
    .main-navigation .menu-item-has-children:hover>a::after {
        display: none;
    }
}



.main-navigation .menu-item-has-children:hover > a, .main-navigation .sub-menu > li > a, .main-navigation ul.sub-menu {
    background-color: #ffffff;
}

/*--------------------*/
.main-navigation .sub-menu {
    list-style: none;
    padding: 0;
}

@media (min-width: 992px) {
    .main-navigation .sub-menu {
        position: absolute;
        left: -9999em;
        z-index: 9999;
        margin-left: 5px;
        box-shadow: 0 1px 2px rgba(0,0,0,0.15);
    }
}

.main-navigation .sub-menu>li {
    position: relative;   width: 100%;
}

.main-navigation .sub-menu>li>a {
    display: block;
    font-size: 14px;
    font-weight: 700;
    padding: 12px 20px;
    background-color: #fff;
    color: #999; width: 100%;
}

@media (min-width: 992px) {
    .main-navigation .sub-menu>li>a {
        border-bottom: 1px solid rgba(0,0,0,0.1);
        min-width: 160px;
        white-space: nowrap;
    }
}

.main-navigation .sub-menu>li>a:hover {
    color: #1f425d;
    text-decoration: none;
}

@media (min-width: 992px) {
    .main-navigation .sub-menu>li:last-of-type>a {
        border-bottom-left-radius: 2px;
        border-bottom-right-radius: 2px;
        border-bottom: 0;
    }
}

.main-navigation .sub-menu>li:hover>.sub-menu,.main-navigation .sub-menu>li[aria-expanded="true"]>.sub-menu {
    left: 100%;
}

.main-navigation .sub-menu>li>.sub-menu {
    margin-top: 0;
    top: 0;
    margin-left: 0;
    padding-left: 20px;
}

@media (min-width: 992px) {
    .main-navigation .sub-menu>li>.sub-menu {
        padding-left: 0;
        box-shadow: 1px 0 1px #dadada;
    }
}

@media (min-width: 992px) {
    .main-navigation .sub-menu>li>.sub-menu>li>a {
        border-left: 1px solid rgba(0,0,0,0.1);
    }
}

.main-navigation .sub-menu>li>.sub-menu>li:first-of-type>a {
    border-bottom-left-radius: 0;
    border-top-right-radius: 2px;
}

.main-navigation .sub-menu>li>.sub-menu>li:last-of-type>a {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 2px;
}

.main-navigation .sub-menu>li>.sub-menu>li:hover.menu-item-has-children>a {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.main-navigation .sub-menu .menu-item-has-children {
    position: relative;
}

.main-navigation .sub-menu .menu-item-has-children:hover>a {
    margin: 0;
    padding: 12px 20px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.main-navigation .sub-menu .menu-item-has-children:hover::after {
    color: #1f425d;
}

@media (min-width: 992px) {



    .main-navigation .sub-menu .menu-item-has-children::after {
        position: absolute;
        content: "\f0da";
        font-family: "FontAwesome";
        font-size: 12px;
        right: 15px;
        top: calc(50% - 10px);
        color: #999;
    }
}


.main-navigation > li:hover > .sub-menu, .main-navigation > li[aria-expanded="true"] > .sub-menu {
    left: -5px;
}

/*-------------------------*/

.social-icons__link {
    display: inline-block;
    width: 40px;
    height: 40px;
    font-size: 22px;
    text-align: center;
    line-height: 42px;
    border-radius: 2px;
    transition: all 100ms ease-out;
    padding-left: 1px;
    margin-right: 5px;
    background-color: rgba(0,0,0,0.5);
    color: #fff;
}

@media (min-width: 992px) {
    .social-icons__link {
        margin-left: 5px;
        margin-right: 0;
        background-color: rgba(250,250,250,0.5);
        color: #1f425d;
    }
}

.social-icons__link:hover {
    background-color: rgba(0,0,0,0.7);
    
    
    
    color: #fff;
}

@media (min-width: 992px) {
    .social-icons__link:hover {
        background-color: #fff;
        color: #1f425d;
    }
}

.skype-button {
    position: relative;
    display: block;
    padding: 11px;
    background-color: #1fa7da;
    border-radius: 2px;
    transition: all 100ms ease-out;
}

.skype-button .fa {
    font-size: 40px;
    float: right;
    color: #79cae9;
    transition: all 100ms ease-out;
}

.skype-button:hover {
    background-color: #1ea0d1;
}

.skype-button:hover .fa {
    color: #8fd3ed;
}

.skype-button:focus {
    background-color: #1fa7da;
}

.skype-button:focus .fa {
    color: #79cae9;
}

.skype-button:active {
    background-color: #1c99c8;
    box-shadow: inset 0 1px 2px rgba(0,0,0,0.125);
}

.skype-button:active .fa {
    color: #9cd8ef;
}

.skype-button__title {
    display: inline-block;
    padding: 5px 10px;
    margin: 0;
    color: #fff;
    font-family: "Source Sans Pro",Helvetica,Arial,sans-serif;
    font-size: 18px;
}


/*-------------------------------------------*/

.top, .top-navigation > li > a, .top-navigation .sub-menu > li > a {
    color: #aaaaaa;
}
.top, .top-navigation .sub-menu > li > a {
    border-bottom-color: #ededed;
}
.top, .top-navigation .sub-menu > li > a {
    background-color: #f5f5f5;
}
.top {
    background-color: #f5f5f5;
    border-bottom: 1px solid #ededed;
    color: #aaaaaa;
    font-size: 13px;
}
.top__tagline {
    float: left;
    padding: 7.5px 0;
}
.top__tagline {
    padding: 2px 0 2.5px;
    text-align: center;
}
/*.top__menu {
    float: right;
} */	
.top__menu {
    text-align: center;
}

.container2 {
    width: 1080px; height: 30px; margin: 0px auto;
}

/*------------------------------------------------*/

.btn-info, .btn-primary, body.woocommerce-page .widget_shopping_cart_content .buttons .checkout {
    border-color: #4ab9cf;
}

.btn-info, .btn-primary, body.woocommerce-page .widget_shopping_cart_content .buttons .checkout {
    border-color: #4ab9cf;
}
.btn-info {
    background-color: #4ab9cf;
}
.btn-primary, .btn-info {
    text-shadow: 0 1px rgba(0, 0, 0, 0.16);
}

.btn {
    -moz-user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
    line-height: 1.6;
    margin-bottom: 0;
    padding: 6px 12px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
}
.btn {
    border-radius: 2px;
    font-weight: bold;
    height: 45px;
    line-height: 45px;
    padding: 0 20px;
    text-transform: uppercase;
    transition: all 100ms ease-out 0s;
    position: relative; left: -20px;
    margin-left: 20px;
    
}
.btn-info {
    background-color: #4ab9cf;
    border-color: #4ab9cf;
    color: #fff;
    text-decoration: none;
}




.amazingcarousel-image >  div {  background-color: transparent !important;  }
.amazingcarousel-image >  div a { color: transparent !important;  }
.amazingcarousel-title { color: transparent !important;  } 






/* ------------------------------------------------------------
 * Fixní (sticky) modrý pruh s menu na desktopu
 * overflow:hidden na body/#page-wrapper blokuje sticky,
 * overflow-x:clip zachová ořez do šířky bez vlivu na sticky.
 * ---------------------------------------------------------- */
@media (min-width: 1200px) {
	body,
	#page-wrapper { overflow: visible !important; overflow-x: clip !important; }
	/* hlavička je 185 px, modrý pruh začíná na 120 px -> nahoře zůstane jen pruh */
	.header__container { position: sticky; top: -120px; z-index: 999; }
	body.admin-bar .header__container { top: -88px; } /* -120 + 32 px admin lišta */
}

/* ------------------------------------------------------------
 * Mobil / tablet (hamburger menu WP Responsive Menu je aktivní do 1199 px)
 * 1) loga vedle sebe  2) telefon + e-mail na střed
 * 3) sociální sítě na střed  4) vlajky do lišty s hamburgerem vpravo
 * ---------------------------------------------------------- */
@media (max-width: 1199px) {
	/* bílé pozadí hlavičky – desktopový přechod do modré by mezi 992–1199 px dělal modré pruhy */
	.header__container { background: #fff !important; }

	/* 1) loga v jednom řádku */
	.header__logo { display: flex !important; flex-wrap: nowrap; align-items: center; justify-content: center; gap: 20px !important; width: 100%; padding: 10px 0 !important; }
	.header__logo > a { display: block; width: auto !important; flex: 0 0 auto; position: static !important; top: 0 !important; margin: 0 !important; }
	.header__logo img { width: 130px !important; height: auto; }
	.header__logo .logo_jsme_clenem { position: static !important; left: auto !important; top: auto !important; margin: 0 !important; width: 130px !important; height: 75px !important; background-size: contain !important; flex: 0 0 auto; }

	/* desktopové menu nahrazuje hamburger – skrýt prázdné místo */
	.header .header__navigation { display: none !important; }

	/* 2) + 3) telefon, e-mail a sociální sítě na střed */
	.header__widgets { width: 100%; text-align: center; }
	.header__widgets .widget-icon-box { margin: 0 !important; width: 100% !important; text-align: center; float: none !important; }
	.header__widgets .icon-box { display: inline-block; text-align: center; }

	/* 4) vlajky do lišty s hamburgerem, vpravo */
	.header__navigation-widgets { position: fixed !important; top: 0; right: 12px; height: 42px; z-index: 100000; display: flex !important; align-items: center; padding: 0 !important; margin: 0 !important; width: auto !important; }
	body.admin-bar .header__navigation-widgets { top: 46px; } /* jen pro přihlášené: admin lišta */
	.header__navigation-widgets .widget-social-icons { display: flex !important; align-items: center; gap: 8px; margin: 0 !important; padding: 0 !important; }
	.header__navigation-widgets .flag { display: block !important; position: static !important; top: 0 !important; margin: 0 !important; padding: 0 !important; line-height: 0; }
	.header__navigation-widgets .flag img { display: block; width: 28px; height: auto; margin: 0 !important; }
}
@media (min-width: 783px) and (max-width: 1199px) {
	body.admin-bar .header__navigation-widgets { top: 32px; }
}