@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i&subset=latin-ext');

/* Layout */ 
html, body {height:80%; padding:0; margin:0; background:#fff; font-family: 'Open Sans', sans-serif; color:#363636; font-size:15px; font-weight: 400;}
.top_background{height:30px; width:100%; background: #0090cf url(./img/bg.png) top repeat;}

/* Zakladni styly */
hr {border-color:#4d2517;}
.cont_main img{max-width:100%;}

.barro_color_blue{color:#009fe3;}
.barro_color_red{color:#e30613;}
.barro_color_green{color:#76b729;}
.barro_color_yellow{color:#fecc00;}

.barro_bg_blue{background-color:#009fe3; color:#fff;}
.barro_bg_red{background-color:#e30613; color:#fff;}
.barro_bg_green{background-color:#76b729; color:#fff;}
.barro_bg_yellow{background-color:#fecc00; color:#fff;}

.barro_bg_blue_hover:hover{background-color:#009fe3; color:#fff; border-color:#009fe3;}
.barro_bg_red_hover:hover{background-color:#e30613; color:#fff; border-color:#e30613;}
.barro_bg_green_hover:hover{background-color:#76b729; color:#fff; border-color:#76b729;}
.barro_bg_yellow_hover:hover{background-color:#fecc00; color:#fff; border-color:#fecc00;}

.barro_bg_outline{border:2px #000 solid; color:#000;}
.barro_bg_outline_blue{border:2px #009fe3 solid; color:#000;}
.barro_bg_outline_red{border:2px #e30613 solid; color:#000;}
.barro_bg_outline_green{border:2px #76b729 solid; color:#000;}
.barro_bg_outline_yellow{border:2px #fecc00 solid; color:#000;}


.cont_page p { color:#363636; font-size: 14px; text-align: justify; line-height: 30px;}
/*h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{text-decoration:none !important; }*/
h1, h2, h3, h4, h5, h6 {font-weight: 400;}
.cont_page h1 {font-size:32px; color:#000;}
.cont_page h2 {font-size:25px; color:#000;}
.cont_page h3 {font-size:20px; color:#000;} 
.cont_page h4 {font-size:18px; color:#000;}
.cont_page h5 {font-size:16px; color:#000;}
.cont_page h6 {font-size:14px; color:#000;}


address{line-height:20px; padding-top:20px;}
/**/

.container, .container-fluid{
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
	}

.header_toggle_menu i{font-size:22px !important; color:#000;}/*velikost menu ico*/
.top_carousel_mask{width:100%; height: 338px; background:url(./img/top-carousel-mask.png) top center repeat-x; position:absolute; top:0; z-index: 1000;}


.cont_nadpis{font-size:37px; text-align: center; font-weight: 300; padding-top:20px;}
	.cont_nadpis_black{color:#000;}
	.cont_nadpis_white{color:#fff;}





/* BOXES */
.box{padding:40px 0 25px 0; min-height: 400px;}
@media (max-width: 768px) {
	.box{min-height: inherit; padding:15px 0 15px 0; }
	}
.box h3{text-align:center;}
.box p{text-align:center; padding:0 15px;}
.box a:hover{text-decoration: none;}

.box_round{width:190px; height: 190px; border-radius: 50%; margin:0 auto 25px auto; cursor: pointer;}
.box_round:hover, .box_round{
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
.box_round_2line_h3{text-align:center; font-weight: 400; padding-top:68px;}
.box_round_1line_h3{text-align:center; font-weight: 400; padding-top:80px;}

.cont_kontakt_ico{margin:40px 0 10px 0;}


.barro_bg_outline h3, .barro_bg_outline_blue h3, .barro_bg_outline_red h3, .barro_bg_outline_green h3, .barro_bg_outline_yellow h3{margin:0;}

/* HP REF */

@media (max-width: 1200px) {
	}
@media (max-width: 992px) {
	}



.bg-black{background:#000;;}
.sign{padding:5px 0 12px 0; font-size:13px;}
.sign_logo{padding-top:12px;}
.sign_text{padding-top:14px; padding-bottom:10px; color:#fff;}
	.sign a{color:#fff;}
	


@media (max-width: 992px) {
.tm-center{text-align:center;}
}
@media (max-width: 768px) {
.m-center{text-align:center;}
}

.fb-like{padding:10px;}

.fb-page{padding-bottom:10px; text-align:center;}

/* *** Float containers fix:

http://www.csscreator.com/attributes/containedfloat.php *** */
.myClearFix{clear:both; height:1px;}
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix{display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */



/* Formularova tlacitka, formulare */
input[type="submit"],input[type="button"] {}
input[type="submit"]:hover,input[type="button"]:hover {}
form[name=form_search] {}

/*** NOVINKY ***/
.novinky{}
.novinky_uvod{color:#e2001a; font-size:22px; padding:25px 0 10px 0;}
.novinky_nadpis{}
	.novinky_nadpis a{font-size:22px; color:#1eaee3; font-weight:600;
		-webkit-transition: all 0.4s ease;
		-moz-transition: all 0.4s ease;
		-ms-transition: all 0.4s ease;
		-o-transition: all 0.4s ease;
		transition: all 0.4s ease;}
	.novinky_nadpis a:hover{color:#fe6500; text-decoration:none;
		-webkit-transition: all 0.4s ease;
		-moz-transition: all 0.4s ease;
		-ms-transition: all 0.4s ease;
		-o-transition: all 0.4s ease;
		transition: all 0.4s ease;}
.novinky_date{color:#888888; font-size:11px; width:200px; height:23px; float:left; margin:10px 0 20px 0;}
.novinky_perex{}
.novinky_vice a{
	background:#5ec4f1 url(./img/btn-clanek-dalsi.png) no-repeat; width:106px; height:23px; float:right; margin:10px 0 20px 0;
	border:#fff 1px solid;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;}
.novinky_vice a:hover{
	border:#fe6500 1px solid;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;}
.novinky_odd{height:1px; width:100%; margin:20px 0 20px 0; border-bottom:#e8e8e8 2px dotted; clear:both;}
.novinky_img{width:auto; height:auto; float:left; border:5px solid #efefef; margin:0 15px 15px 0;}
/**/


/*** TABULKY ***/

.table-striped>tbody>tr:nth-child(odd)>td, .table-striped>tbody>tr:nth-child(odd)>th{/*background:#fff0d7;*/}
.table-bordered>thead>tr>th, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>tbody>tr>td, .table-bordered>tfoot>tr>td
{/*border:#4d2517 1px dashed;*/}
.table-bordered{/*border:#4d2517 1px dashed;*/}



/***************/



/******************/
/*UI*/
/******************/
#mbContainer{ cursor:pointer; }
#mbCenter{z-index:10000001 !important;}
#mbOverlay{z-index:10000000 !important;}

/*#mbCenter{width:auto !important; height:auto !important;}*/


#fotogalerie{clear:both; padding:20px 0 20px 0; }
#fotogalerie .credits {
	border-bottom: solid 1px #ccc;
	padding-bottom: 5px;
	margin: 0 0 30px 0;
}
#fotogalerie .credits em {
	color: #999;
}
#fotogalerie .backlink a {
	font-size: 10px;
	text-decoration: none;
	color: #AAA;
}
#fotogalerie .backlink a:hover,
#fotogalerie .backlink a:visited:hover {
	color: #000;
}
#fotogalerie img {
	border: none;
}
#fotogalerie #page_nav {
	color: #999;
	clear:both;
	text-align: center;
}
#fotogalerie #page_nav a:link, #fotogalerie #page_nav a:visited, #fotogalerie #page_nav a:hover, #fotogalerie #page_nav a:visited:hover {
	text-decoration: none;
	color: #222;
}
#fotogalerie #breadcrumb_nav {
	color: #999;
	clear:both;
}
#fotogalerie #breadcrumb_nav a:link, #fotogalerie #breadcrumb_nav a:visited, #fotogalerie #breadcrumb_nav a:hover, #fotogalerie #breadcrumb_nav a:visited:hover {
	text-decoration: none;
	color: #222;
}
#fotogalerie a {
	color: black;	
}
#fotogalerie #container {
	overflow: auto;
	width: 100%
}
#fotogalerie .hidden {
	visibility: hidden;
	position:absolute;
	top:0;
	left:0;
	display:inline;
}

/* ---------- gallery styles start here ----------------------- */
#fotogalerie .gallery {
	list-style: none;
	margin: 0;
	padding: 0;
	width: <% gallery_width %>;
	
}

#fotogalerie .gallery li {
	padding: 10px;
	margin: 0;
	float: left;
	position: relative;
	/*width: 130px;
	height: 130px;*/
}
#fotogalerie .gallery li:hover img {
	border:1px solid #e2001a;
	background: #fff;
	-webkit-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}
#fotogalerie .gallery img {
	background: #fff;
	border: 1px solid #ddd;
	border-radius: 4px;
	-webkit-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
	padding: 5px;
}
#fotogalerie .gallery em {
	background: #fff url(../inc/nano/images/grey-gradient.gif) repeat-y;
	color: #000;
	font-style: normal;
	padding: 2px 10px;
	display: block;
	position: absolute;
	top: 110px;
	left: 9px;
	border: 1px solid #61803f;
	border-left-color: #61803f;
}
#fotogalerie .gallery a {
	text-decoration: none;
}
#fotogalerie .gallery a:hover em {
	background: #61803f url(../inc/nano/images/orange-gradient.gif) repeat-y;
	border-color: #61803f;
	color:#fff;
}
#fotogalerie .newversion {
	position: absolute;
	right: 0;
	top: 0;
	margin: 0;
	padding: 0;
	border: none;
	float: none;
}
#fotogalerie .newversion a img {
	background-color: transparent;
	color: white;
	border: none;
	text-decoration: none;
}

/*
	REFERENCE
*/

 

.ref_box{padding:110px 12% 20px 12%; }
.ref_box h2{font-size:30px;}
.ref_box p{text-align:center;}
.ref_row_height{height:350px;}
.ref_row_img{height:350px; overflow: hidden; background-color:#000; text-align:center;}
.ref_row_img img{
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
	-webkit-transition: 0.4s ease;
	transition: 0.4s ease;
	/*width:100%; max-width:110%; text-align: center;
	-webkit-transition: all 0.9s ease;
	-moz-transition: all 0.9s ease;
	-ms-transition: all 0.9s ease;
	-o-transition: all 0.9s ease;
	transition: all 0.9s ease;*/
}

.ref_row{min-height:350px;
	background-color:#fff;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.ref_row:hover{background:#eee;
	-webkit-transition: all 0.6s ease;
	-moz-transition: all 0.6s ease;
	-ms-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease;
}
.ref_row-md{display: inherit;}
.ref_row-sm{display: none;}

@media (max-width: 992px) {
	.ref_row-md{display: none; }
	.ref_row-sm{display: block; }
	}



.ref_row:hover h2{/*color:#76b729 !important;*/}

.ref_row:hover img{
	-webkit-transform: scale(1.4);
	transform: scale(1.4);
	-webkit-transition: 1.5s ease;
	transition: 1.5s ease;
	/*width:110%;
	-webkit-transition: all 1.9s ease;
	-moz-transition: all 1.9s ease;
	-ms-transition: all 1.9s ease;
	-o-transition: all 1.9s ease;
	transition: all 1.9s ease;*/
}

.ref_row .btn_ref{background:#76b729; border:none; border-radius:0;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;}
.ref_row .btn_ref:hover{background:#65a618;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;} 


/* Ref karta */

/*.ref_karta_img{height: 250px; overflow: hidden; padding-left:0px; padding-right:0px; background:#000 url(../img/zoom.png) center center no-repeat; border:1px solid #fff;}
.ref_karta_img img{
	-webkit-transform: scale(1.6);
	transform: scale(1.6);
	-webkit-transition: .6s ease;
	transition: .6s ease;
}
.ref_karta_img img:hover{
	opacity: .4;
	-webkit-transform: scale(1.8);
	transform: scale(1.8);
}


@media (max-width: 1200px) {
	.ref_karta_img img{
		-webkit-transform: scale(2.2);
		transform: scale(2.2);
	}
	.ref_karta_img img:hover{
		-webkit-transform: scale(2.4);
		transform: scale(2.4);
	}
}
@media (max-width: 992px) {

}
@media (max-width: 768px) {
	.ref_karta_img{height:auto; max-height: 300px;}
	.ref_karta_img img{
		-webkit-transform: scale(1.1);
		transform: scale(1.1);
	}
	.ref_karta_img img:hover{
		-webkit-transform: scale(1.4);
		transform: scale(1.4);
	}
}*/


.ref_karta_img{height: 250px; overflow: hidden; padding-left:0px; padding-right:0px; background:center center no-repeat; border:2px solid #fff; background-size: cover; 
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;}
.ref_karta_img:hover{opacity: 1.0; overflow: hidden; -webkit-filter: brightness(145%);filter: brightness(150%); 
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;}
.caption{width:100%; height: 35px; padding-top:7px; background:rgba(0,0,0,0.80); text-align: center; color:#fff; bottom: 0; position: absolute;}



/*
PAGE REFERENCE
*/

.row_ref_page_imgtit{margin-bottom:40px; margin-top:-20px;}






/*
	CAROUSEL
*/

.slider-size {
/*height: 400px;*/ /* This is your slider height */
}
.carousel {
/*width:100%; 
margin:0 auto;*/ /* center your carousel if other than 100% */ 
}
/**/

/*
FORM
*/
.contact_form .button{
		float: right;
		width: auto;
	}
	
/* Form Elements CSS starts */
.contact_form form{
	margin: 0;
	padding: 0;
}
.contact_form form p{
	margin: 0;
}
/* Placeholder Style */
.contact_form .hasPlaceholder {
	color: #666666;
}
.contact_form textarea, .contact_form input[type="text"], .contact_form input[type="password"], .contact_form input[type="datetime"], .contact_form input[type="datetime-local"], .contact_form input[type="date"], .contact_form input[type="month"], .contact_form input[type="time"], .contact_form input[type="week"], .contact_form input[type="number"], .contact_form input[type="email"], .contact_form input[type="url"], .contact_form input[type="search"], .contact_form input[type="tel"], .contact_form input[type="color"], .uneditable-input{
	background: transparent;
	border: 1px solid #003477;
	box-shadow: none;
	color: #000000;
	font-size: 15px;
	font-style: normal;
	font-weight: 400;
	line-height: 20px;
	height: 50px;
	padding: 9px 19px;
	margin: 0 0 20px 0;
	transition: all 0.3s ease 0s;
		-webkit-transition: all 0.3s ease 0s;
		-moz-transition: all 0.3s ease 0s;
		-ms-transition: all 0.3s ease 0s;
		-o-transition: all 0.3s ease 0s;
	width: 100%;
}
.contact_form textarea{
	height: 190px;
	max-width: 100%;
	min-width: 100%;
}

.contact_form textarea:focus, .contact_form input[type="text"]:focus, .contact_form input[type="password"]:focus, .contact_form input[type="datetime"]:focus, .contact_form input[type="datetime-local"]:focus, .contact_form input[type="date"]:focus, .contact_form input[type="month"]:focus, .contact_form input[type="time"]:focus, .contact_form input[type="week"]:focus, .contact_form input[type="number"]:focus, .contact_form input[type="email"]:focus, .contact_form input[type="url"]:focus, .contact_form input[type="search"]:focus, .contact_form input[type="tel"]:focus, .contact_form input[type="color"]:focus, .uneditable-input:focus{
	border: 1px solid #D0D0D0;
	box-shadow: none;
	color: #000000;
}
.contact_form input:focus:invalid:focus, textarea:focus:invalid:focus, select:focus:invalid:focus {
    border-color: #E9322D;
    box-shadow: none;
}

/* Errors */
.contact_form checkbox.error:focus,
.contact_form radio.error:focus,
.contact_form input.error:focus,
.contact_form select.error:focus,
.contact_form textarea.error:focus {
	border-color: #b94a48;
}

.contact_form label.error {
	color: #d6012a;
	background-color: #f2dede;
	border: 1px solid #eed3d7;
	border-radius: 5px;
		-moz-border-radius: 5px;
		-o-border-radius: 5px;
		-ms-border-radius: 5px;
		-webkit-border-radius: 5px;
	font-size: 13px;
	margin: -5px 0 20px 0;
	padding: 8px 35px 8px 14px;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}
.contact_form .alert{
	clear: both;
}

.contact_form input[type="submit"]{
	background-color: #e60014;
	border: 1px solid #e60014;
	color: #FFF;
	cursor: pointer;
	display: block;
	font-weight: 400;
	height: 46px;
	line-height: 46px;
	margin-bottom: 20px;
	overflow: hidden;
		-webkit-transition: all 0.3s ease 0s;
		-moz-transition: all 0.3s ease 0s;
		-ms-transition: all 0.3s ease 0s;
		-o-transition: all 0.3s ease 0s;
		transition: all 0.3s ease 0s;
	text-align: center;
}
	.contact_form input[type="submit"]:hover, .contact_form input[type="submit"]:active, .contact_form input[type="submit"]:focus{
		color: #fff;
		background-color: #c80011;
	}
	
.contact_form .button, a.button{
	background-color: #e60014;
	border: 1px solid #e60014;
	color: #FFF;
	cursor: pointer;
	display: inline-block;
	font-weight: 400;
	margin-bottom: 20px;
	overflow: hidden;
		-webkit-transition: all 0.3s ease 0s;
		-moz-transition: all 0.3s ease 0s;
		-ms-transition: all 0.3s ease 0s;
		-o-transition: all 0.3s ease 0s;
		transition: all 0.3s ease 0s;
	text-align: center;
	
	padding: 0 20px;
    border-radius: 40px;
}

.contact_form .button:disabled, .contact_form .button:disabled:hover{background-color: #ccc !important;
	border: 1px solid #eee;}

.ochrana-osobnich-udaju{text-align:right; padding:0 0 20px 0;}

/**/

	
/* Form Elements CSS starts */
form{
	margin: 0;
	padding: 0;
}
form p{
	margin: 0;
}
/* Placeholder Style */
.hasPlaceholder {
	color: #666666;
}
textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input{
	background: transparent;
	border: 1px solid #D0D0D0;
	box-shadow: none;
	color: #000000;
	font-size: 15px;
	font-style: normal;
	font-weight: 400;
	line-height: 20px;
	height: 50px;
	padding: 9px 19px;
	margin: 0 0 20px 0;
	transition: all 0.3s ease 0s;
		-webkit-transition: all 0.3s ease 0s;
		-moz-transition: all 0.3s ease 0s;
		-ms-transition: all 0.3s ease 0s;
		-o-transition: all 0.3s ease 0s;
	width: 100%;
}
textarea{
	height: 190px;
	max-width: 100%;
	min-width: 100%;
}

textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus{
	border: 1px solid #D0D0D0;
	box-shadow: none;
	color: #000000;
}
input:focus:invalid:focus, textarea:focus:invalid:focus, select:focus:invalid:focus {
    border-color: #E9322D;
    box-shadow: none;
}

/* Errors */
checkbox.error:focus,
radio.error:focus,
input.error:focus,
select.error:focus,
textarea.error:focus {
	border-color: #b94a48;
}

label.error {
	color: #b94a48;
	background-color: #f2dede;
	border: 1px solid #eed3d7;
	border-radius: 5px;
		-moz-border-radius: 5px;
		-o-border-radius: 5px;
		-ms-border-radius: 5px;
		-webkit-border-radius: 5px;
	font-size: 13px;
	margin: -5px 0 20px 0;
	padding: 8px 35px 8px 14px;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}
.alert{
	clear: both;
}

input[type="submit"]{
	background-color: #e60014;
	border: 1px solid #e60014;
	color: #FFF;
	cursor: pointer;
	display: block;
	font-size: 13px;
	font-weight: 400;
	height: 46px;
	line-height: 46px;
	margin-bottom: 20px;
	overflow: hidden;
		-webkit-transition: all 0.3s ease 0s;
		-moz-transition: all 0.3s ease 0s;
		-ms-transition: all 0.3s ease 0s;
		-o-transition: all 0.3s ease 0s;
		transition: all 0.3s ease 0s;
	text-align: center;
	width: 100%;
}
	input[type="submit"]:hover, input[type="submit"]:active, input[type="submit"]:focus{
		color: #fff;
		background-color: #c80011;
	}
	
.button, a.button{
	background-color: #e60014;
	border: 1px solid #e60014;
	color: #FFF;
	cursor: pointer;
	display: inline-block;
	font-size: 14px;
	font-weight: 400;
	line-height: 51px;
	margin-bottom: 20px;
	padding: 0 28px;
	overflow: hidden;
		-webkit-transition: all 0.3s ease 0s;
		-moz-transition: all 0.3s ease 0s;
		-ms-transition: all 0.3s ease 0s;
		-o-transition: all 0.3s ease 0s;
		transition: all 0.3s ease 0s;
	text-align: center;
}

/**/

/* * * * * * */
/* C O V E R */
/* * * * * * */



/* CUSTOMIZE THE NAVBAR
-------------------------------------------------- */

/* Special class on .container surrounding .navbar, used for positioning it into place. */
.navbar-wrapper {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 20;
}

/* Flip around the padding for proper display in narrow viewports */
.navbar-wrapper .container {
  padding-right: 0;
  padding-left: 0;
}
.navbar-wrapper .navbar {
  padding-right: 15px;
  padding-left: 15px;
}

/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */
.carousel, .item, .active {
	height:420px;
}
.carousel-inner {
	height:420px;
}

.carousel {
	
}
.carousel-caption {
	z-index: 10;
}
.carousel .item {
	background-color: #777;
}

/*1*/
.carousel .carousel-inner .bg {
	background-repeat:no-repeat;
	background-size:cover;
}
.carousel .carousel-inner .bg1 {
	background-image:url(./img/slider/ref-1a.jpg);
	background-position: center center; 
}
.carousel .carousel-inner .bg2 {
	background-image:url(./img/carousel/ref-1a.jpg);
	background-position: center center; 
}
.carousel .carousel-inner .bg3 {
	background-image:url(./img/carousel/ref-1a.jpg);
	background-position: center center; 
}

.carousel .carousel-inner .bg4 {
	background-image:url(./img/carousel/04.jpg);
	background-position: center center; 
}

.carousel .carousel-inner .bg_akce {
	background-image:url(./img/carousel/akce.jpg);
	background-position: center center; 
}


/*2*/

.carousel .carousel-inner .bg21 {
	background-image:url(./img/carousel_m/img01.jpg);
	background-position: center center; 
}
.carousel .carousel-inner .bg22 {
	background-image:url(./img/carousel_m/img01.jpg);
	background-position: center center; 
}


/* MARKETING CONTENT
-------------------------------------------------- */

/* Pad the edges of the mobile views a bit */
.marketing {
  padding-right: 15px;
  padding-left: 15px;
}

/* Center align the text within the three columns below the carousel */
.marketing .col-lg-4 {
  margin-bottom: 20px;
  text-align: center;
}
.marketing h2 {
  font-weight: normal;
}
.marketing .col-lg-4 p {
  margin-right: 10px;
  margin-left: 10px;
}


/* Featurettes
------------------------- */
.featurette{margin-top:30px;}

.featurette-divider {
  margin: 40px 0; /* Space out the Bootstrap <hr> more */
}

/* Thin out the marketing headings */
.featurette-heading {
  font-weight: 300;
  line-height: 1;
  letter-spacing: -1px;
  font-size:40px !important;
}
.lead{font-size:15px !important;}



/* RESPONSIVE CSS
-------------------------------------------------- */

@media (min-width: 768px) {

  /* Remove the edge padding needed for mobile */
  .marketing {
    padding-right: 0;
    padding-left: 0;
  }

  /* Navbar positioning foo */
  .navbar-wrapper {
    margin-top: 20px;
  }
  .navbar-wrapper .container {
    padding-right: 15px;
    padding-left:  15px;
  }
  .navbar-wrapper .navbar {
    padding-right: 0;
    padding-left:  0;
  }

  /* The navbar becomes detached from the top, so we round the corners */
  .navbar-wrapper .navbar {
    border-radius: 4px;
  }

  /* Bump up size of carousel content */
  .carousel-caption p {
    margin-bottom: 20px;
    font-size: 21px;
    line-height: 1.4;
  }

  .featurette-heading {
    font-size: 50px;
  }
}

@media (min-width: 992px) {
  .featurette-heading {
    margin-top: 80px;
  }
}



/***************************************/

/***************************************/






/* DROPDOWN */
/****************************/
.dropbtn {
    background-color: #0090cf;
    color: #fff;
    padding: 14px 0;
    font-size: 14px;
    border: none;
    cursor: pointer;
	text-transform: uppercase;
	
}

.lang_dropdown {
    position: relative;
    display: inline-block;
	z-index: 10000000;
}

.lang_dropdown-content {
    display: none;
    position: absolute;
    background-color: #fff;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
	right: 0;
}

.lang_dropdown-content a {
    color: black;
    padding: 8px 16px;
    text-decoration: none;
    display: block;
}

.lang_dropdown-content_img {
    width:22px;
	float:left;
	padding-top:3px;
}

.lang_dropdown-content a:hover {background-color: #d9eef8}

.lang_dropdown:hover .lang_dropdown-content {
    display: block;
}

.lang_dropdown:hover .dropbtn {
    background-color: #0090cf;
	
}
.lang_dropdown-content_active{font-weight: bold; background-color: #f0f8fc;}

/* GRID REF */
.og-expander{background:#f1f1f1 !important;}
.og-grid li > a, .og-grid li > a img{max-height: 250px; max-width:250px;}
.og-details h3{color:#76b729; font-size:35px;}
.og-grid li.og-expanded > a::after{border-bottom-color:#f1f1f1;}
.og-details p{color:#0f0f0f;}
.og-details a{font-weight: 300;
    font-size: 16px;
    color: #fff;
    text-transform:uppercase;
    letter-spacing:normal;
    padding: 10px 20px;
    border: 1px solid #76b729;
    display: inline-block;
    margin: 30px 0 0;
    outline: none;
	background:#76b729;
	text-decoration: none;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
	.og-details a:hover{font-size: 16px; color: #fff; background: #599d09;
		-webkit-transition: all 0.4s ease;
		-moz-transition: all 0.4s ease;
		-ms-transition: all 0.4s ease;
		-o-transition: all 0.4s ease;
		transition: all 0.4s ease;
	}
.hpRefimg{height:250px; width:250px; overflow: hidden;}
.hpRef_img{
	-webkit-transition: .6s ease;
	transition: .6s ease;
}
.hpRef_img:hover{
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
	-webkit-transition: 1.6s ease;
	transition: 1.6s ease;
}

/*********************************/
/*  DEMO GALLERY  */
/*********************************/

.demo-gallery > ul {
  margin-bottom: 0;
}
.demo-gallery > ul > li {
  margin-bottom: 15px;
}
.demo-gallery > ul > li a {
  border: 3px solid #FFF;
  border-radius: 3px;
  display: block;
  overflow: hidden;
  position: relative;
  float: left;
}
.demo-gallery > ul > li a > img {
  -webkit-transition: -webkit-transform 0.15s ease 0s;
  -moz-transition: -moz-transform 0.15s ease 0s;
  -o-transition: -o-transform 0.15s ease 0s;
  transition: transform 0.15s ease 0s;
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  width: 100%;
}
.demo-gallery > ul > li a:hover > img {
  -webkit-transform: scale3d(1.1, 1.1, 1.1);
  transform: scale3d(1.1, 1.1, 1.1);
}
.demo-gallery > ul > li a:hover .demo-gallery-poster > img {
  opacity: 1;
}
.demo-gallery > ul > li a .demo-gallery-poster {
  background-color: rgba(0, 0, 0, 0.1);
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transition: background-color 0.15s ease 0s;
  -o-transition: background-color 0.15s ease 0s;
  transition: background-color 0.15s ease 0s;
}
.demo-gallery > ul > li a .demo-gallery-poster > img {
  left: 50%;
  margin-left: -10px;
  margin-top: -10px;
  opacity: 0;
  position: absolute;
  top: 50%;
  -webkit-transition: opacity 0.3s ease 0s;
  -o-transition: opacity 0.3s ease 0s;
  transition: opacity 0.3s ease 0s;
}
.demo-gallery > ul > li a:hover .demo-gallery-poster {
  background-color: rgba(0, 0, 0, 0.5);
}
.demo-gallery .justified-gallery > a > img {
  -webkit-transition: -webkit-transform 0.15s ease 0s;
  -moz-transition: -moz-transform 0.15s ease 0s;
  -o-transition: -o-transform 0.15s ease 0s;
  transition: transform 0.15s ease 0s;
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  height: 100%;
  width: 100%;
}
.demo-gallery .justified-gallery > a:hover > img {
  -webkit-transform: scale3d(1.1, 1.1, 1.1);
  transform: scale3d(1.1, 1.1, 1.1);
}
.demo-gallery .justified-gallery > a:hover .demo-gallery-poster > img {
  opacity: 1;
}
.demo-gallery .justified-gallery > a .demo-gallery-poster {
  background-color: rgba(0, 0, 0, 0.1);
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transition: background-color 0.15s ease 0s;
  -o-transition: background-color 0.15s ease 0s;
  transition: background-color 0.15s ease 0s;
}
.demo-gallery .justified-gallery > a .demo-gallery-poster > img {
  left: 50%;
  margin-left: -10px;
  margin-top: -10px;
  opacity: 0;
  position: absolute;
  top: 50%;
  -webkit-transition: opacity 0.3s ease 0s;
  -o-transition: opacity 0.3s ease 0s;
  transition: opacity 0.3s ease 0s;
}
.demo-gallery .justified-gallery > a:hover .demo-gallery-poster {
  background-color: rgba(0, 0, 0, 0.5);
}
.demo-gallery .video .demo-gallery-poster img {
  height: 48px;
  margin-left: -24px;
  margin-top: -24px;
  opacity: 0.8;
  width: 48px;
}
.demo-gallery.dark > ul > li a {
  border: 3px solid #04070a;
}

#aniimated-thumbnials .demo-gallery a {
  width: 190px;
  height: 132px;
}