@charset "utf-8";
/*
Theme Name: Kubeso
Theme URI: http://www.kubeso.cz
Author: SnadnýWeb
Author URI: http://www.snadnyweb.cz
Version: 1.1
Text Domain: kubeso

*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;float:left;}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}

@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;500;700&display=swap');

@font-face {
    font-family: 'Dosis-light';
    src:url(../fonts/Dosis-Light.ttf);
	src:url(../fonts/Dosis-Light.eot);
	src:url(../fonts/Dosis-Light.woff);
}

@font-face{
	font-family: 'Dosis-medium';
    src:url(../fonts/Dosis-Medium.eot);
	src:url(../fonts/Dosis-Medium.woff);
	src:url(../fonts/Dosis-Medium.ttf);
}
@font-face{
	font-family: 'Dosis-bold';
    src:url(../fonts/Dosis-Bold.eot);
	src:url(../fonts/Dosis-Bold.woff);
	src:url(../fonts/Dosis-Bold.ttf);
}



/* main styles */
body {
	color:#000;
	background:#fff;
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
}
section{
	display: inline-block;
	width: 100%;
}
a:focus{
	outline: none;
}
body.home {
	background:#ebfaff;
}

h3, .h3 {
    font-weight: 500;
}

#container-main {
	min-height: 100%;
	position: relative;
	/*width:100%;*/
	overflow: visible;
}
@media screen and (max-width: 1000px){
	#container-main{
		overflow:visible;
	}
}
.smaller {
	font-size:70%;
}
.for_input{
	float: left;
	display: inline-block;
	position: relative;
	width: 100%;
	max-width: 248px;
	z-index:102;
	padding: 0 10px 25px;

	@media(max-width: 545px){
		max-width: none;
	}

	&.required{
		&:after{
			content: '*';
			position: absolute;
			width:17px;
			height:17px;
			background:#01b154;
			font-size:18px;
			border-radius: 100%;
			display: inline-block;
			text-align: center;
			padding-top: 2px;
			right: 1px;
			top: -7px;
		}
	}
	
	&.ta{
		max-width: 745px;
	}
	
	input {
		font-family:'Roboto';
		font-size:18px;
		color: #005578;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		height: 50px;
		width: 100%;
		text-align:center;
		border:none;
		border-top:3px solid #e2f0f5;
	}
	
	textarea {
		box-sizing:border-box;
		resize:none;
		padding:15px 20px 40px 15px;
		width: 100%;
		height:218px;
		font-family:'Roboto';
		color: #005578;
		font-size:18px;
		border:none;
		border-top:3px solid #e2f0f5;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		position:relative;
	}
}

/*.required.ta{
	margin-left:737px;
}*/

/*.required.ok{
	margin:0 0 0 223px;
}*/

/*.required.ok.ta{
	margin-left:477px;
}*/
//.pomocnik{
//	float:left;
//}
sub{
	font-size:60%;
	padding-bottom:-5px;
	position:relative;
	top:3px;
}
sup{
	font-size:60%;
	padding-bottom:5px;
	position:relative;
	top:-5px;
}
strong{
	font-family:'Roboto';
	font-weight: 500;
}
/******** drobeckova navigace ***********/

.drobecek{
	display: inline-block;
    width: 100%;
	margin-top: 24px;
	line-height: 135%;
}
.drobecek .breadcrumbs{
	max-width: 1000px;
    margin: auto;
	font-size: 16px;
}
.drobecek .breadcrumbs a{
	color: #000;
	text-decoration: none;
}
.drobecek .breadcrumbs a:hover{
	text-decoration: underline;
}
.drobecek .breadcrumbs .separator{
	display: inline-block;
	height: 11px;
	width: 17px;
	background: url(../images/arrow-bread.png) no-repeat center;
	margin-left: 7px;
	margin-right: 7px;
}

/* header */
header {
	background:#009ee0;
	//padding-top: 120px;
	width: 100%;
	display: inline-block;
	/*height:430px;*/
	overflow:hidden;
	position: relative;

	@media(max-width: 767px){
		padding-top: 10px;
	}
}
header.page-template-poradna-php,header.page-template-o-firme-php,header.page-template-kontakty-page-php, header.page-template-kalkulace-page-php, header.page-template-podstranka-php, header.page-template-cenik-php, header.page-template-reference-php, header.single-post{
	background:#009ee0;
	min-height:155px;
	overflow:visible;

	@media(max-width: 767px){
		min-height:190px;
	}
}
header.home {
	float: left;
	/*height:672px;*/
}
header.page-template-produkty-php {
	height:310px;

	@media(max-width: 767px){
		height: auto;
		min-height: 230px;
	}
}
header section.header-produkt {
	/*width:100%;*/
}
/*header .uvodni-foto{
	width:100%;
	height:430px;
	position:relative;
	top:-392px;
	right:-51px;
	z-index:20;
	float:left;
	left:50%;
	margin-left:-100px;
	-moz-transform: skewX(-13.4deg);
	-webkit-transform: skewX(-13.4deg);
	-o-transform: skewX(-13.4deg);
	-ms-transform: skewX(-13.4deg);
	transform: skewX(-13.4deg);
	overflow:hidden;
}*/
header .uvodni-foto{
	float:left;
	position:absolute;
	bottom: 0;
	left: 50%;
	height:430px;
	/*margin: -392px 0 0 420px;*/
	overflow:hidden;
	-moz-transform: skewX(-13.4deg);
	-webkit-transform: skewX(-13.4deg);
	-o-transform: skewX(-13.4deg);
	-ms-transform: skewX(-13.4deg);
	transform: skewX(-13.4deg);

	@media(max-width: 991px){
		left: 60%;
	}
	@media(max-width: 767px){
		display: none;
	}
}
/*.page-id-1690 header .uvodni-foto{
	margin-left:480px;
}*/
.page-template-produkty-clony-php .uvodni-foto{
	margin-left:660px;
}
header .uvodni-foto .uvodni-img{
	-moz-transform: skewX(13.4deg);
	-webkit-transform: skewX(13.4deg);
	-o-transform: skewX(13.4deg);
	-ms-transform: skewX(13.4deg);
	transform: skewX(13.4deg);
	height:430px;
	margin-left:-51px;
	overflow:hidden;
}
header section.header-produkt .header-desc{
	float:left;

	@media(min-width: 768px){
		min-width:350px;
	}
}
header section.header-produkt h1,
header section.header-produkt h3 {
	color: #fff;
	float:left;
	font-size: 24px;
	margin: 46px 0 0 0;
	line-height: 1.2;
    font-weight: 500;

	@media(max-width: 767px){
		margin: 20px 0 30px;
	}

	@media(max-width:500px){
		font-size: 36px;
	}
}
header section.header-produkt h1 span,
header section.header-produkt h2 {
	float:left;
	clear:both;
	font-size: 60px;
}
.page-id-42 header section.header-produkt h1 span{
	display: none;
}
.page-id-40 header section.header-produkt h1,.page-id-36 header section.header-produkt h1, .page-id-189 header section.header-produkt h1, .page-id-202 header section.header-produkt h1, .page-id-44 header section.header-produkt h1, .page-id-195 header section.header-produkt h1, .page-id-883 header section.header-produkt h1, .page-id-42 header section.header-produkt h1, .page-id-657 header section.header-produkt h1{
	margin-top:65px; 
	font-size: 70px;

	@media(max-width: 767px){
		font-size: 50px;
		margin-top:20px;
		margin-bottom:20px;
	}
}
header section.header-produkt ul {
	float:left;
	max-width:340px;
	width: 100%;
	color:#fff;
	clear:both;
	margin: 45px 0 5px 0;
	font-family:'Roboto';

	@media(max-width: 767px){
		display: none;
	}
}
header section.header-produkt .arrows {
	background:url('../images/arrows.png') no-repeat transparent;
	float:right;
	width:115px;
	height:72px;
	margin: 50px 10px 0 0;
	position:relative;
	z-index:21;
}
header section.header-produkt ul li {
	float:left;
	margin:0 27px 0 0;
	font-weight:500;
	font-size:15px;
	min-height:40px;
}
header section.standard-header {
	margin: 40px 0 0 0;
	overflow:visible;

	@media(max-width: 767px){
		margin: 25px 0 0;
		padding-bottom: 25px;
	}
}
.content-podstranka h1,
header section.standard-header h1 {
	font-size:63px;
	color:#fff;
	float:left;
	margin-left:10px;

	@media(max-width: 991px){
		font-size: 50px;
	}
}
header section.standard-header ul {
	float:right;
	text-align:right;
	max-width:365px;
	width: 100%;
	color:#fff;
	margin: 15px 0 0 0;
	font-family:'Roboto';

	@media(max-width: 991px){
		margin: 0;
	}

	@media(max-width: 767px){
		display: none;
	}
}
header section.standard-header ul li {
	display:inline-block;
	margin:0 10px;
	font-weight:500;
	min-height:40px;
}
header section.standard-header ul li.zaruka, section.home-slider ul li.zaruka, section.header-produkt ul li.zaruka {
	background:url('../images/zaruka.png') no-repeat;
	padding:15px 0 30px 50px;
	margin-right:0px;
}
header section.standard-header ul li.tradice, section.home-slider ul li.tradice, section.header-produkt ul li.tradice {
	background:url('../images/tradice.png') no-repeat;
	padding:10px 0 35px 50px;
	margin-top:5px;
}
section.main-menu {
	//position:absolute;
	top:0;
	//z-index:2;
	height:117px;
	z-index:299;
	background: white;

	@media(max-width: 767px){
		min-height: 90px;
		height: auto;
	}
}
section.main-menu .container.main {
	height:117px;
	position: relative;
	overflow:visible;

	@media(max-width: 767px){
		height: 90px;
	}
}
.kruh {
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background-color: #01b154;
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	display: inline-block;
	animation: blinker 0.6s cubic-bezier(1, 0, 0, 1) infinite alternate;
	margin-right: 10px;
}
#container-main .warning {
	width: 100%;
	height: 40px;
	background-color: black;
	color: white;
	display: block;
	padding-top: 11px;
	text-align: center;

	@media(max-width: 1141px){
		height: auto;
		text-align: left;
		padding: 8px 8px 8px 8px;
		width: 100%;
		margin: 0;
	}

}
section.main-menu .container.main:after {
	content: "";
	position: absolute;
	top: 0;
	right: -40px;
	width: 9999px;
	height: 0;
	border-top: 117px solid #ffffff;
	border-right: 28px solid transparent;
	z-index:-1;
	
	@media(max-width: 1199px){
		right: 10px;
	}
	
	@media(max-width: 767px){
		border-right: 0;
		right: 0;
		border-top: 90px solid #ffffff;
	}
}
section.main-menu .container.main * {
	z-index:999;
}
section.main-menu a.logo{
	margin-top: 28px;
    display: inline-block;
	
	h1,h2{
		text-indent: -9999px;
	}
	
	img{
		max-width: 100%;
	}
	
	@media(max-width: 991px){
		width: 136px;
	}
	
	@media(max-width: 767px){
		margin-left: 15px;
	}

	@media(max-width: 350px){
		width: 120px;
	}
} 
/* menu */
section.main-menu .hlavni-menu {
	float:left;
	background-color: transparent;
	border: none;
	width: 100%;

	
	@media(max-width: 767px){
		margin-bottom: 0;

		.navbar-collapse{
			border: none;
			background: #fff;
			padding: 0;
			text-align:center;
		}
	}
	
	.navbar-header{
		button.navbar-toggle{
			border: none;
			border-radius: 0;
			background-color: #009ee0;
			
			font-size: 16px;
			color: #fff;
			padding: 8px 18px 7px 9px;
    		margin-top: 23px;

			-moz-transform: skewX(-13deg);
			-webkit-transform: skewX(-13deg);
			-o-transform: skewX(-13deg);
			-ms-transform: skewX(-13deg);
			transform: skewX(-13deg);

			&:before{
				content: '';
				display: inline-block;
				margin-right: 5px;
				width: 30px;
				height: 30px;
				background: url('../images/burger.png') no-repeat center;
				-moz-transform: skewX(13deg);
				-webkit-transform: skewX(13deg);
				-o-transform: skewX(13deg);
				-ms-transform: skewX(13deg);
				transform: skewX(13deg);
			}

			span{
				display: inline-block;
				float: right;
				-moz-transform: skewX(13deg);
				-webkit-transform: skewX(13deg);
				-o-transform: skewX(13deg);
				-ms-transform: skewX(13deg);
				transform: skewX(13deg);
				line-height: 30px;
				font-size: 23px;
			}
		}
	}
}
section.under_menu{
	display: none;
	//background: #005578;
	position: absolute;
	z-index: 200;
	top: 0;
	left: 0;
	min-height: 200px;

	&.show1{
		display: inline-block;
	}
}
section.main-menu ul#menu-hlavni-menu {
    float: right;
    margin: 39px 10px 0 0;
	height: 78px;

	@media(max-width: 767px){
		width: 100%;
		margin: 10px 0;
		height: auto;
	}
	
	>li.menu-item {
		position: relative;
		font-size: 16px;
		padding: 6px 30px 0 5px;
		height: 35px;
		vertical-align: top;
		line-height: 40px;
		
		@media(max-width: 991px){
			padding: 6px 22px 0 0;
            font-size: 14px;
		}
		
		@media(max-width: 767px){
			clear: left;
			text-align: center;
    		width: 100%;
			height: auto;
			padding: 0;
			border-bottom: 1px solid #dedede;

			&:first-child{
				border-top: 1px solid #dedede;
			}
		}

		>ul.sub-menu{
			background: #005578;
			display: none;
			z-index: 200;

			@media(min-width: 768px){
				position: absolute;
				top: 78px;
				min-height: 250px;

				>li{
					position: relative;

					&:nth-child(3){
						left: -20%;
						margin-top: 50px;
					}
					&:nth-child(4){
						left: -40%;
						margin-top: 100px;
					}
					&:nth-child(5){
						left: -40%;
						margin-top: 0;
					}
					&:nth-child(6){
						position:absolute;
						left: 60%;
						top: 35px;
					}
					&:nth-child(7){
						position:absolute;
						right: 0;
						top: 35px;
					}
					&:nth-child(8){
						position:absolute;
						right: 0;
						margin-top: 50px;
					}
					&:nth-child(9){
						position:absolute;
						right: 0;
						margin-top: 100px;
					}
				}
			}
			@media(min-width: 768px)and (max-width: 992px){
				min-height: 280px;
			}
		}

		&.show1{
			@media(max-width: 767px){
				background: #005578;
				color: #fff;

			}
			>ul.sub-menu{
				display: inline-block;
				padding-top: 35px;

				@media(max-width: 767px) {
					padding-top: 0;
				}

				>li{
					line-height: 30px;
					display: inline-block;
					width: 20%;
					float: left;
					padding-bottom: 20px;

					@media(min-width: 768px){
						padding-left: 10px;

						&.right{
							/*float: right;*/
						}

					}

					@media(max-width: 767px){
						width: 100%;
						line-height: 25px;
						padding: 0;
					}

					>a{
						font-size: 21px;
						color: #fff;
						
						text-transform: none;
						font-weight: 300;
						display: inline-block;
						border-bottom: 1px solid #fff;
						padding: 0;
						line-height: 100%;

						@media(max-width: 767px){
							border-bottom: 1px solid transparent;
							font-size: 16px;
							width: 100%;
							padding: 10px 0;
						}

						&:hover{
							border-bottom: 1px solid transparent;
						}
					}


					>.sub-menu{
						float: left;
						width: 100%;

						@media(max-width: 767px){
							display: none
						}

						>li{
							float: left;
							clear: left;
							position: relative;

							@media(min-width: 768px){
								padding-left: 13px;
							}

							@media(max-width: 767px){
								width: 100%;
								text-align: center;
							}

							a{
								float: left;
								font-size: 16px;
								color: #fff;
								
								text-transform: none;
								font-weight: 300;
								padding: 0;
								margin: 0 0 10px;
								line-height: 100%;
								display: inline-block;
								border-bottom: 1px solid transparent;

								@media(min-width: 768px) {
									&:hover {
										border-bottom: 1px solid #fff;
									}
								}

								@media(max-width: 767px){
									float: none;
									width: 100%;
									margin: 0;
									padding: 10px 0;

								}

								span{
									display: inline-block;
									width: 8px;
									height: 2px;
									background: #009ee0;
									margin-right: 10px;
									margin-bottom: 6px;

									@media(min-width: 768px) {
										display: none;
									}

								}

							}

							&:before{
								content: '';
								display: inline-block;
								position: absolute;
								width: 8px;
								height: 2px;
								background: #009ee0;
								float: left;
								left: 0;
								top: 9px;

								@media(max-width: 767px){
									display: none;
								}
							}
						}
					}

					&.show1{
						@media(max-width: 767px){
							background: #004967;
							padding-bottom: 15px;

							>ul.sub-menu{
								@media(max-width: 767px){
									display: inline-block;
								}
							}
						}
					}
				}
			}
		}

		&:after{
			content: '';
			position: absolute;
			right: 11px;
			top: 0;
			width: 1px;
			height: 33px;
			background: #f2f2f2;
			-moz-transform: skewX(-13deg);
			-webkit-transform: skewX(-13deg);
			-o-transform: skewX(-13deg);
			-ms-transform: skewX(-13deg);
			transform: skewX(-13deg);
		}
		
		@media(max-width: 767px){
			&:after{
				display: none;
			}
		}
		&:last-child{
			&:after{display: none;}
		}
		a {
			vertical-align: top;
			text-decoration:none;
			padding:0;
            color: #000;

			@media(max-width: 767px){
				font-size: 21px;
				color: #000;
				padding: 15px 0;
			}

			@media(min-width: 768px) {
				&:hover {
					color: #000;
					font-weight: 500;
				}
			}
		}
		
		&.menu-trigger.show1,
		&.current_page_item{
			>a{
				/*background: url('../images/menu-hover-normal.png') no-repeat center bottom;*/
				padding:0 0 52px 0;
				color:#000;
				font-weight: 500;

				@media(max-width: 767px){
					padding: 15px 0;
					//color: #fff;
					font-weight: 300;
				}

				&:before{
					content: '';
					display: inline-block;
					position: absolute;
					left: calc(~"50% - 10px");
					bottom: -2px;
					width: 20px;
					height: 10px;
					background: url('../images/menu-hover-normal.png') no-repeat center bottom;

					@media(max-width: 767px){
						background: none;
					}
				}
				
				&.nobgr{
					&:before{
						background: none;
					}
				}
			}
			
			&:first-child a{
				&:before{
					background:none;
				}
			}
		}
		&.menu-trigger.show1{
			>a{

				@media(max-width: 767px){
					color: #fff;

				}
				&:before{
					background: url('../images/menu-hover-normal2.png') no-repeat center bottom;

					@media(max-width: 767px){
						background: none;
					}
				}
			}
		}
	}
}

/*header section.main-menu ul li.menu-trigger.product_active{
	background: url('../images/menu-hover-normal2.png') no-repeat 31px bottom;
	text-align:center;
	padding-bottom:48px;
	color:#000;
	font-weight: 500;
}*/

section.form .online-button {
	background:url('../images/online-button.png') no-repeat;
	width: 164px;
	height: 57px;
	margin: 30px 0 0 0;
	padding: 20px 0 0 0;
}/*
header section.main-menu .online-button a, section.container-content .vice-info a, section.uvod-content .tab .vice-info a, section.content-produkt .online-button a, section.online-mid .online-button a, section.form-kalkulace .online-button a {
	color:#fff;
	
	text-decoration:none;
	padding: 0px 0 0 25px;
}*/
a.online-button{
	width:180px;
	height:59px;
	box-sizing:border-box;
	background:#01b154;
	color:#fff;
	text-decoration:none;
	padding-top:20px;
	text-align:center;
	display:block;
	margin-top:26px;
	font-size:18px;
    font-weight: 500;
	-moz-transform: skewX(-13deg);
	-webkit-transform: skewX(-13deg);
	-o-transform: skewX(-13deg);
	-ms-transform: skewX(-13deg);
	transform: skewX(-13deg);
}
a.online-button.kontakt-button{
	background:#009ee0;
	border-bottom:2px solid #005578;
}

.main-menu a.online-button{
	display: block;
    float: right;
    background: #009ee0;
    width: 160px;
    
    @media(max-width: 767px){
		float: none;
        margin: .5rem auto;
	}
}
a.online-button div{
	-moz-transform: skewX(13deg);
	-webkit-transform: skewX(13deg);
	-o-transform: skewX(13deg);
	-ms-transform: skewX(13deg);
	transform: skewX(13deg);
}
a.online-button:hover{
	text-decoration:underline;
}
header section.main-menu .online-button a:hover, section.container-content .vice-info a:hover, section.uvod-content .tab .vice-info a:hover, section.content-produkt .online-button a:hover, section.online-mid .online-button a:hover, section.form-kalkulace .online-button a:hover {
	text-decoration:underline;
}
section.home-produkty {
	display:none;
	position:absolute;
	z-index:200;
	box-sizing:border-box;
	min-height: 419px;
	top:117px;

	@media(max-width: 767px){
		top: 198px;
	}
}
section.home-produkty .container {
	min-height:419px;
	overflow:visible;
	padding-top:27px;
	position: relative;

	@media(max-width: 767px){
		background: #005578;
		min-height:325px;
		padding-bottom: 7px;
		padding-top:7px;
	}
}
section.home-produkty .container:after {
	content: "";
	position: absolute;
	top: 0;
	right: -11px;
	width: 2300px;
	height: 0;
	border-top: 410px solid #005578;
	border-right: 95px solid transparent;
	z-index: -1;

	@media(max-width: 1199px){
		right: 38px;
	}

	@media(max-width: 767px){
		display: none;
	}
}
section.home-produkty ul.products {
	@media(min-width: 768px){
		margin: 0px 0 0 50px;
	}
}
section.home-produkty ul.products li {
	margin: 20px 10px 40px 30px;
	float:left;
	text-align:center;

	@media(max-width: 767px){
		margin: 10px 0;
		width: 100%;
	}
}
section.home-produkty ul.products li:first-child{
	@media(min-width: 768px){
		margin-left:73px;
	}
}
section.home-produkty ul.products a{
	color:#fff;
	text-decoration:none;
	font-family:'Roboto';
	font-weight: 300;
}
section.home-produkty ul.products a:hover {
	text-decoration:underline;
}
section.home-produkty ul.products div.product-image{
	width:150px;
	height:90px;
	border:2px solid #fff;
	overflow:hidden;
	-moz-transform: skewX(-13deg);
	-webkit-transform: skewX(-13deg);
	-o-transform: skewX(-13deg);
	-ms-transform: skewX(-13deg);
	transform: skewX(-13deg);
	background:#009ee0;

	@media(max-width: 991px){
		width: 95px;
	}
	@media(max-width: 767px){
		display: none;
	}
}
section.home-produkty ul.products div.product-image img{
	-moz-transform: skewX(13deg);
	-webkit-transform:skewX(13deg);
	-o-transform: skewX(13deg);
	-ms-transform:skewX(13deg);
	transform: skewX(13deg);
	margin-left:-10px;
}
section.home-produkty ul.products div.product-image img:hover{
	opacity:0.6;
}
section.home-produkty ul.products p {
	margin:10px 0 0 -20px;
	font-size: 21px;

	@media(max-width: 991px){
		font-size: 19px;
	}

	@media(max-width: 767px){
		margin: 0;
	}
}
/* arrow up */

.start{
	position: fixed;
	z-index: 60;
	right: 15px;
	bottom: 15px;
	display: none;

	span{
		display: inline-block;
		width: 40px;
		height: 40px;
		background: #009ee0;
		line-height:  34px;
		text-align: center;
		color: #fff;
		font-size: 32px;

		-webkit-transform: rotate(-90deg);

		/* Firefox */
		-moz-transform: rotate(-90deg);

		/* IE */
		-ms-transform: rotate(-90deg);

		/* Opera */
		-o-transform: rotate(-90deg);

		/* Internet Explorer */
		filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);

	}
}

/* content */
section.content-produkt {
	margin:20px 0 0 0;
	overflow:hidden;
	float:left;
	font-size:18px;

}
section.content-produkt .container {
	overflow:visible;
}
section.content-produkt a.online-button{
	margin-top:38px;
	margin-left:1px;
	margin-bottom:35px;
	padding-top:18px;
}
.for_space{
	/*display: none;*/
	float: left;
	width: 100%;
	height: 130px;
	position: relative;

	@media(min-width: 992px){
		display: none;
	}
}
.produktovy-button{
	display: inline-block;
	width: 100%;
	max-width: /*170*/ 200px;
	left:0;
	position: relative;
	z-index: 50;
	margin-top: 40px;

	&.fixed{
		position: fixed;
		top: 0;
		margin-top: 0;
	}
	&.absolute{
		position: absolute;
		margin-top: 0;
	}

	a.for_menu {
		background: #009ee0;
		width: 100%;
		display: inline-block;
		color: #fff;
		text-decoration: none;
		padding: 25px 10px;
		text-align: center;
		
		font-size: 16px;
	}
}
.for_product_menu{
	@media(max-width: 991px){
		display: none;
	}
}
.for_mobile_product_menu{
	position:relative;
	overflow: auto;
	max-height: calc(~"100vh - 48px");

	.menu{
		/*position: absolute;*/
		/*left:-155px;*/
		display:none;
		top:0;
		margin-bottom: 0 !important;

		&.active{
			/*left:0;*/
		}
	}

}
.for_mobile_product_menu ul.menu,
section.content-produkt ul.menu{
	float:left;
	width:100%;
	max-width: 210px;
	font-size:16px;
	border:1px solid #aad6e6;
	border-bottom:none;
	font-weight: 500;
	line-height:43px;
	margin-bottom: 40px;
}
.page-template-produkty-clony-php section.content-produkt ul.menu, .page-template-produkty-rozcestnik-php section.content-produkt ul.menu{
	margin-right:67px;
	margin-bottom:30px;
}
.for_mobile_product_menu ul.menu li,
section.content-produkt ul.menu li{
	float:left;
	width:100%;
	box-sizing:border-box;
	border-bottom:1px solid #aad6e6;
}
.for_mobile_product_menu ul.sub-menu,
section.content-produkt ul.sub-menu{
	border:none;
	display:none;

	li:first-child{
		border-top:1px solid #aad6e6;
	}

	li:last-child {
		border-bottom: none;
	}
}

.for_mobile_product_menu ul.menu a,
section.content-produkt ul.menu a{
	float:left;
	width:100%;
	height:100%;
	background:#ebfaff;
	color: #005578;
	text-decoration:none;
	box-sizing:border-box;
	line-height: 1.3;
	padding:15px 20px 15px 18px;
}
.for_mobile_product_menu ul.sub-menu a,
section.content-produkt ul.sub-menu a{
	background:#fff;
	color:#3fb6e8;
	font-size:13px;
}
.for_mobile_product_menu ul.menu a:hover, .for_mobile_product_menu ul.menu li.current_page_item a,
section.content-produkt ul.menu a:hover, section.content-produkt ul.menu li.current_page_item a{
	background:#009ee0;
	color:#fff;
}
.for_mobile_product_menu ul.menu li.current_page_item ul.sub-menu li a,
section.content-produkt ul.menu li.current_page_item ul.sub-menu li a {
	background:#fff;
	color: #3FB6E8;
}
.for_mobile_product_menu ul.menu li.current_page_item ul.sub-menu li a:hover,
section.content-produkt ul.menu li.current_page_item ul.sub-menu li a:hover {
	background:#009ee0;
	color:#fff; 
}
.for_mobile_product_menu ul.menu li.current_page_item ul.sub-menu li.current_page_item a,
section.content-produkt ul.menu li.current_page_item ul.sub-menu li.current_page_item a {
	background:#009ee0;
	color:#fff; 
}
.for_mobile_product_menu ul.menu li.current_page_item.never-active a,
section.content-produkt ul.menu li.current_page_item.never-active a{
	background:#ebfaff;
	color: #005578;
}
.for_mobile_product_menu ul.menu li.current_page_item.never-active a:hover,
section.content-produkt ul.menu li.current_page_item.never-active a:hover{
	background:#009ee0;
	color:#fff; 
}
.for_mobile_product_menu ul.menu li.current_page_parent ul.sub-menu,
section.content-produkt ul.menu li.current_page_parent ul.sub-menu{
	display:block;
}
.for_mobile_product_menu ul.menu li.current-page-ancestor ul.sub-menu,
.for_mobile_product_menu ul.menu li.current_page_item.menu-item-has-children ul.sub-menu,
section.content-produkt ul.menu li.current-page-ancestor ul.sub-menu,
section.content-produkt ul.menu li.current_page_item.menu-item-has-children ul.sub-menu{
	display:block;
}
.for_mobile_product_menu ul.menu li.menu-item-592 a,
section.content-produkt ul.menu li.menu-item-592 a{
	line-height:normal;
	padding-top:4px;
	padding-bottom:4px;
}
section.content-produkt .right-text {
	margin: 20px 0;
	line-height:1.5;
	position:relative;
	padding-bottom: 160px;
	margin-bottom: 30px;

	@media(max-width: 1199px){
		padding-bottom: 520px;

		&.atelier{
			padding-bottom: 130px;
		}
	}

	.for_content{
		width: 100%;
        padding-bottom: 20px;

		@media(min-width: 1200px){
			max-width: 440px;
		}
	}
}
.page-template-produkty-clony-php section.content-produkt .right-content{
	line-height:24px;
	margin-bottom:50px;
}
.page-template-produkty-clony-php section.content-produkt .right-content img.detail{
	float:right;
	max-width:340px;
	width: 100%;
	margin:60px 0 20px 40px;

	@media(max-width: 767px){
		margin:10px 0 20px;
		float: left;
	}
}
.page-id-645.page-template-produkty-clony-php section.content-produkt .right-content img.detail{
	border:none;
}
.page-template-produkty-clony-php section.content-produkt .right-content .body{
	float:left;
}
.page-template-produkty-clony-php section.content-produkt .right-content h2{
	font-size:22px;
	font-weight:500;
	color:#000;
	margin:10px 0 20px 0;

	@media(max-width: 767px){
		clear: both;
	}
}
.page-template-produkty-clony-php section.content-produkt .right-content ul.seznam{
	margin:20px 0 0 25px;;
	font-weight:500;
	list-style-image:url("../images/check.png");
}
section.content-produkt .right-text h2.heading,
section.content-produkt .right-text p.heading {
	margin:0 0 20px 0;
	font-weight: 500;
}
section.content-produkt .lemovani-text{
	box-sizing:border-box;
	padding-top:20px;

	img.ovladaci-img{
		margin:40px 20px;
		float: left;

		@media(max-width: 767px){
			margin: 30px 10px;
		}
	}

	p{
		line-height:24px;

		@media(max-width: 767px){
			float:left;
			width: 100%;
		}
	}

	&.perex{
		color:#000;
		font-weight: 500;
		text-align:left;
	}

	&.right{
		img{
			float:right;
			margin:10px 0 15px 30px;

			@media(max-width: 767px){
				float:left;
				margin:10px 30px 30px 0;
			}
		}
	}
	&.left{
		img{
			float:left;
			margin:10px 30px 30px 0;
		}
		p{
			margin-top:83px;
		}
	}
}

.page-id-189 section.content-produkt .lemovani-text{
	line-height:200%;
}
section.content-produkt .lemovani-text{
	.together{
		float: left;
		clear: left;
	}
}
.content-podstranka h2,
section.content-produkt .lemovani-text h2{
	font-size:22px;
	color:#000;
	font-weight:500;
	margin:10px 0 20px 0;
}
.content-podstranka h3,
section.content-produkt .lemovani-text h3{
	font-size:19px;
	color:#000;
	font-weight:500;
	margin:10px 0 20px 0;
}
section.content-produkt .antihmyz-img{
	float:left;
	height:280px;
	margin:30px 0 30px 10%;
}
.page-template-produkty-bezpecnostni-zamek-php section.content-produkt img{
	float:left;
	height:280px;
	margin:30px;
	display:block;
}
section.content-produkt .antihmyz-img.img2{
	float:right;
	margin:30px 10% 30px 0;

	@media(max-width: 767px){
		float:left;
		margin:30px 0 30px 10%;
	}
}
section.content-produkt{
	.sit{
		width: 50%;
		float: left;

		&.sit1, &.sit2{
			@media(max-width: 767px){
				width: 100%;
				clear: left;
			}
		}
	}
}
section.content-produkt .antihmyz-desc{
	float:left;
	font-size:14px;
	padding-left: 20%;
}
section.content-produkt .antihmyz-desc.desc2{
	padding-left: 40%;

	@media(max-width: 767px){
		float: left;
		padding-left: 20%;
	}
}
section.content-produkt .lemovani-text .ovladaci-doplnek {
	margin-bottom: 40px;

	p.vertical-cen {
		margin-top: 80px;
		line-height: 200%;
	}
	.ovladaci-img {
		float: left;
		max-height: 200px;
		max-width: calc(~"100% - 40px");
		margin: 20px;
	}

	.rj24 {
		height: 101px;
	}

	.ovladaci-img.right {
		float: right;
		margin-left: 30px;

		@media(max-width: 767px){
			float: left;
			clear: left;
		}
	}

	.tucny {
		font-weight: 500;
	}
}
section.content-produkt .lemovani-text .maly_cenik{
	border:none;
	text-align:left;
	font-size:14px;
	color:#000;
	float:left;
	margin-right:50px;
}
section.content-produkt .lemovani-text .maly_cenik td{
	padding:5px;
}
section.content-produkt .lemovani-text .maly_cenik td.sirka-prvniho-td{
	width:80px;
}
section.content-produkt .lemovani-text .maly_cenik td:nth-child(odd){
	text-align:right;
}
section.content-produkt .lemovani-text .maly_cenik td:nth-child(0){
	width:70px;
}
section.content-produkt .lemovani-text .maly_cenik td.nazev-polozky{
	text-align:left;
	font-size:16px;
	font-weight:500;
	padding-top:15px;
}
section.content-produkt .lemovani-text .maly_cenik tr.bez_dph{
	font-size:20px;
}
.page-id-195 section.content-produkt .lemovani-text.perex p{
	line-height:24px;
	margin-top:0;
}
.page-id-195 section.content-produkt .lemovani-text ul{
	float:left;
	line-height:200%;
	margin:40px 0 0 40px;
	list-style-image:url("../images/check.png");
}
.page-id-202 section.content-produkt .lemovani-text p.druha{
	margin-top:50px;
	line-height:200%;
}
.page-id-202 section.content-produkt .lemovani-text p.prvni{
	line-height:200%;
	margin-top:90px;
}
section.content-produkt .lemovani-text img.kour-img{
	margin:20px;
	float:right;
	height:200px;
	margin-top:10px;

	@media(max-width: 767px){
		float: left;
		clear: left;
	}
}
.page-id-706 section.content-produkt .lemovani-text h2{
	display:block;
}
.page-id-706 section.content-produkt .lemovani-text img.montazni-img{
	float:left;
	margin:20px;
	margin-right:30px;
}
.page-id-706 section.content-produkt .lemovani-text p.montaz{
	margin-top:100px;
	line-height:200%;
}
.page-id-706 section.content-produkt .lemovani-text p.montaz.poradi2{
	margin-top:110px;
	line-height:200%;
}
.page-id-706 section.content-produkt .lemovani-text p.montaz.poradi3{
	margin-top:110px;
	line-height:200%;
}
section.content-produkt .lemovani-text p.perex{
	line-height:200%;
	font-weight:500;
	color:#000;
}
section.content-produkt .container.stresni-vylezy .right_col {
	/*float:right;
	width: 100%;
	max-width:780px;
	box-sizing:border-box;
	padding:20px 0 20px 60px;*/
	.perex p {
		text-align: left;
		line-height: 24px;
		margin-top: 0;
		float: left;
	}
	h2 {
		font-size: 22px;
		color: #000;
		font-weight: 500;
		margin: 50px 0 20px 0;
		float: left;
	}
	h3 {
		/*float:left;*/
		font-size: 17px;
		clear: left;
		color: #000;
		font-weight: 500;
		margin: 40px 0 10px 0;
	}
	img{
		float:right;
		margin:0 100px 0 30px;

		@media(max-width: 991px) {
			margin: 0 60px 0 20px;
		}

		@media(max-width: 767px){
			float:left;
			margin: 0 60px 30px 20px;
		}

		&.dekor{
			float:left;
			margin:20px 0 0 0;
		}
	}
	.stresni-vylez{
		padding:20px;
		box-sizing:border-box;
		float: left;
		width: 100%;

		&.modry{
			background:#ebfaff;
		}

		ul{
			line-height:200%;
			text-align:left;
			margin-top:20px;
			margin-bottom: 30px;
			float:left;
			list-style-image: url("../images/check.png");
			padding-left:25px;
		}
	}
	p{
		line-height:200%;
		text-align:left;
		margin-top:20px;
		float:left;
	}
}
section.content-produkt .container.stresni-vylezy.plastova-okna h3{
	margin:10px 0 10px 0;
}
section.content-produkt .container.stresni-vylezy.plastova-okna .perex{
	float:left;
	margin-bottom:40px;
}
/*section.content-window {
	background:url('../images/produkt-right-bg.png') right bottom no-repeat transparent;
	min-height:450px;
	right:0;
	float:right;
	z-index:-99;
	width: 1210px;
	margin: -470px 0 70px 0;
}
section.content-window p {
	float: left;
	margin: 340px 0 0 -10px;
	color: #fff;
	font-size: 1.7em;
	width: 300px;
	font-weight: 500;
	line-height: 35px;
}*/
section.content-produkt .wood {
	margin: 0;
	padding-bottom: 28px;
	position:absolute;
	left: 15px;
	bottom: 0;
	width: 2500px;
	min-height:130px;
	background:url('../images/trojuh.png') 0% 100% no-repeat, url('../images/wood.jpg') repeat-x;
	overflow:visible;

	@media(max-width: 1199px){
		min-height: 80px;
	}

	@media(max-width: 767px){
		width: 100%;
		min-height: 65px;
	}

	&.plast{
		background:url('../images/trojuh.png') left top no-repeat, url('../images/plast.png') repeat-x;

		>p{
			padding: 23px 0 0 75px;
			line-height: 27px;
			font-size: 20px;

			@media(max-width: 767px){
				padding: 15px 25px 0 65px;
			}
		}
	}
}
section.content-produkt{
	.atelier{
		.wood>p{
			@media(max-width: 1199px) {
				max-width: 375px;
			}
		}
	}
}
section.content-produkt .wood>p {
	float: left;
	padding: 30px 25px 0 75px;
	color: #fff;
	font-size: 24px;
	font-weight: 500;
	line-height: 1.2;
	

	@media(min-width: 1200px){
		width: 400px;
	}

	@media(max-width: 1199px){
		padding: 25px 25px 0 75px;
		max-width: 710px;
	}

	@media(max-width: 767px){
		padding: 15px 25px 0 65px;
		font-size: 24px;
		max-width: 500px;
	}

	@media(max-width: 450px){
		font-size: 22px;
	}
}

/************* poradna ****************/
.for_kotvy{
	display: inline-block;
	min-height: 57px;
	width: 100%;

	@media(max-width: 450px){
		min-height: 150px;
	}

	@media(max-width: 320px){
		min-height: 190px;
	}

	&.for_fix{
		display: none;
	}

	ul{
		list-style: none;
		width: 100%;

		li{
			float: left;
			width: calc(~"100%/3");
			text-align:center;
			min-width: 130px;

			a{
				display: inline-block;
				padding: 20px 0;
				background: #009ee0;
				color: #fff;
				font-size: 17px;
				text-decoration: none;
				width: 100%;

				&.active{
					background: rgb(151, 210, 234);
				}

				&:hover{
					@media(min-width: 992px){
						background: rgb(151, 210, 234);
					}
				}
			}
		}
	}
	&.fixed{
		position: absolute;
		top: 0;
		left: 15px;
		width: calc(~"100% - 30px");
	}
}

section.content-produkt .container.stresni-vylezy{
	.for_kotvy{
		display: inline-block;
		min-height: 57px;
		width: 100%;

		@media(max-width: 450px){
			min-height: 150px;
		}

		@media(max-width: 320px){
			min-height: 190px;
		}
		
		&.for_fix{
			display: none;
		}
	
		ul{
			list-style: none;
			width: 100%;
			
			li{
				float: left;
				width: calc(~"100%/3");
				text-align:center;
				min-width: 130px;
				
				a{
					display: inline-block;
					padding: 20px 0;
					background: #009ee0;
					color: #fff;
					font-size: 17px;
					text-decoration: none;
					width: 100%;
					
					&.active{
						background: rgb(151, 210, 234);
					}

					&:hover{
						@media(min-width: 992px){
							background: rgb(151, 210, 234);
						}
					}
				}
			}
		}
		&.fixed{
			position: absolute;
			top: 0;
			left: 15px;
			width: calc(~"100% - 30px");
		}
	}
	.in_poradna{
		position: relative;
		
		img{
			margin: 0;
			float: none;
		}
		
		.top{
			display: inline-block;
			float: left;
			width: 100%;
		}
		
		.mezera{
			display: inline-block;
			width: 100%;
			height: 10px;
		}
		.prava,
		.leva{
			display: inline-block;
			width: 49%;
			padding: 10px 0;
			
			@media(max-width: 767px){
				width: 100%;
				float: left;
			}
		}
		@media(min-width: 768px){
			.leva{
				float: left;
				clear: left;
				
				img{
					float: left;
				}
			}
			.prava{
				float: right;
				clear: right;
				
				img{
					float: right;
				}
			}
		}

		.kotv{
			display: inline-block;
			width: 100%;
		} 
		p,h2{
			float: none;
		}
		p{
			margin-top: 0;
			margin-bottom: 20px;
		}
		h2{
			margin: 50px 0 30px 0;
		}
		h3{
			margin: 15px 0 10px;
		}
		p a{
			display: inline-block;
			color: #009ee0;
			
			&:hover{
				text-decoration: none;
			}
		}

		img{
			max-width: 100%;
			height: auto;
		}
	}
}
/*********** /poradna *****************/
/************ bile okno ***************/
.container.white {

	.text {
		float: left;
		width: 49%;
		padding-top: 20px;
        font-size: 16px;
        line-height: 1.5;

		h2 {
			font-size: 24px;
			font-weight: 500;
			margin-bottom: 20px;
            color: #009ee0;
		}
	}
	.okno {
		float: right;
		width: 49%;
		max-height: auto;

		img {
			max-width: 100%;
			max-height: 220px;
			height: auto;
			padding-left: 25px;

			@media(max-width: 767px){
				padding:15px 0 0;
			}
		}
	}
	@media(max-width: 767px){
		.text,.okno{
			width: 100%;
		}
	}
}
/********** /bile okno ***************/

.page-template-produkty-clony-php section.content-produkt .right-blue{
	margin: -162px 0 0 0;
	position:absolute;
	left:278px;
	width: 4000px;
	height:157px;
	background:#009ee0;
	overflow:visible;
	-moz-transform: skewX(-13deg);
	-webkit-transform: skewX(-13deg);
	-o-transform: skewX(-13deg);
	-ms-transform: skewX(-13deg);
	transform: skewX(-13deg);
}
.page-template-produkty-clony-php section.content-produkt .right-blue .window{
	-moz-transform: skewX(13deg);
	-webkit-transform: skewX(13deg);
	-o-transform: skewX(13deg);
	-ms-transform: skewX(13deg);
	transform: skewX(13deg);
	left:294px;
	top:-400px;
	max-width:300px;
	width: 100%;
	height:300px;
	overflow:hidden;
	background:blue;
}
section.content-produkt {

	.wood {
		.window {
			text-align: center;
			position: absolute;
			width: 100%;
			max-width: 485px;
			height: 422px;
			z-index: 20;
			top: -291px;
			left: 315px;
			margin-left: 90px;

			@media (max-width: 1199px) {
				left: -40px;
				top: -430px;
			}

			@media (max-width: 767px) {
				margin-left: 0;
				width: calc(~"100% - 30px");
				max-width: 400px;
				top: -350px;
				left: 0;
			}

			img {
				max-width: 100%;
				height: auto;

				@media(max-width: 767px){
					max-height: 330px;
				}
			}
		}
	}

	.atelier{
		.wood{
			.window{
				width:385px;
				height:505px;
				left:14%;
				top:-330px;


				@media(max-width: 1199px){
					left: 9%;
					top: -360px;
				}

				@media(max-width: 991px){
					left: 10%;
				}

				@media(max-width: 767px){
					display: none;
				}

				img{
					max-width: 100%;
					height: auto;
				}
			}
		}
	}
}
/******* nalepka **********/

section.content-produkt .window .nejprodavanejsi{
	display: inline-block;
	position: absolute;
	top: 79%;
    right: 0;
	-moz-transform: skewX(-13deg);
    -webkit-transform: skewX(-13deg);
    -o-transform: skewX(-13deg);
    -ms-transform: skewX(-13deg);
    transform: skewX(-13deg);
	background: #009ee0;
	padding: 15px;
	text-align:center;

	@media(max-width: 767px){
		top: 54%;
		right: 4%;
	}
}
section.content-produkt .window .nejprodavanejsi p{
	-moz-transform: skewX(13deg);
    -webkit-transform: skewX(13deg);
    -o-transform: skewX(13deg);
    -ms-transform: skewX(13deg);
    transform: skewX(13deg);
    color: #fff;
    font-size: 16px;
    width: auto;
    line-height: 1.5;
	margin: 0;
	float: none;
}

section.content-produkt .window .nejprodavanejsi p:last-child{
	font-weight: 500;
}

/***** /nalepka ***********/
.page-template-produkty-clony-php section.content-produkt .window{
	top:-265px;
}
section.produkt-sluzby .online-button {
	margin:0 auto;
	float:none;
}
.galerie-produkt{
	margin:60px 0 30px;

	ul.bigger{
		@media(max-width: 767px){
			display: none;
		}
	}
	div.smaller{
		text-align: center;

		@media(min-width: 768px){
			display:none;
		}

		.one{
			display: inline-block;
			width: 100%;
			max-width: 400px;

			.rotation{
				float: none;
			}

			.carousel-indicators{
				display: none;
			}

			.carousel-inner{
				.item>a>img{
					width: 100%;
				}
			}
		}
	}

	.for_max{
		max-width: 300px;
	}

	@media(max-width: 991px){
		&.slider3 {
			display: none;
		}
	}

	&.slider7 {
		@media(max-width: 767px){
			display: none;
		}
		@media(min-width: 992px){
			display: none;
		}
	}

	&.slider5 {
		@media(min-width: 768px) {
			display: none;
		}

		text-align: center;

		.rotation{
			clear: both;
			float: none;

			@media(max-width: 767px) {
				font-size: 60px;
				padding-bottom: 0;
			}
		}
		.carousel-inner {
			ul.thumbnails {
				li.photo {
					width: 100%;

					img {
						float: none;
						max-width: none;
						max-height: none;
						width: 100%;
					}
				}
			}
		}
	}
	h3 {
		font-size: 24px;
		font-weight: 500;
		float: left;
		line-height: 1.2;
        color: #009ee0;

		@media(max-width: 767px){
			font-size: 20px;
		}

	}
	ul{
		float: left;
		width: 100%;
		margin:25px 0 40px 0;

		li{
			float: left;
			width: 20%;
			padding: 0 1% 10px;
			min-width: 150px;
			position: relative;
			overflow: hidden;

			@media(max-width: 991px){
				width: 25%;
			}

			@media(max-width: 767px){
				width: 50%;
				min-width: 200px;
			}

			a{
				display: inline-block;
				width: 100%;
				position: relative;
				overflow: hidden;

				img{
					width: 100%;
					height: auto;
				}
			}
			.fotohover {
				width: 100%;
				height: 100%;
				position: absolute;
				top: 0;
				left: 0;
				background: url('../images/galery_plus.png') center no-repeat, rgba(70, 107, 113, 0.6);
				margin-top: 0;
				visibility: hidden;
			}

			&:hover {
				cursor: pointer;

				.fotohover {
					visibility: visible;
				}
			}
		}
	}

	.carousel-inner{
		ul.thumbnails {

			li.photo {
				text-align: center;
				min-width: 0;

				img {
					float: left;
					position: relative;
					max-width: 182px;
					max-height: 170px;
				}
			}
		}
	}
	&.vzornik {
		float:left;
		margin-top:40px;

		h3 {
			float: none;
		}

		ul{
			width: 100%;
			max-width:700px;
			line-height:100%;

			li {
				width:96px;
				height:96px;
				margin:2px;
				overflow:hidden;
				position: relative;
				min-width: 0;
				padding: 0;

				.number{
					position: absolute;
					color: #fff;
					width: 100%;
					text-align: center;
					bottom: 29%;
					font-size: 13px;
				}

				.fotohover{
					width:96px;
					height:96px;
					position:absolute;
					left:0;
					top:0;
					text-align:center;
					box-sizing:border-box;
					color:#fff;
					padding:55px 8px 5px 8px;
					font-size:13px;
					background: linear-gradient(to top, rgba(70, 107, 113, 0.4) 48px, rgba(70, 107, 113, 0.0) 48px);
					margin-top:0;
					visibility: hidden;
				}

				&:hover{
					.fotohover {
						visibility: visible;
					}
				}
			}
		}
	}
}

	//.galerie-produkt .gallery-slider {
	//	margin:20px 0 40px 0;
	//	float:left;
	//	overflow:hidden;
	//	width:100%;
	//	height:170px;
	//	position:relative;
	//}
	//.galerie-produkt .gallery-slider .slide-wrapper {
	//	position:absolute;
	//	height:170px;
	//}
	//.galerie-produkt .gallery-slider .slide-wrapper .slide-group {
	//	float:left;
	//	width:1000px;
	//}
	//.galerie-produkt .gallery-slider .photo {
	//	width:182px;
	//	height:170px;
	//	float: left;
	//	margin: 0 9px;
	//	overflow:hidden;
	//}
	//.galerie-produkt .gallery-slider .photo .fotohover{
	//	width:182px;
	//	height:340px;
	//	float:left;
	//	position:relative;
	//	margin-left:-182px;
	//	background:url('../images/galery_plus.png') 50% 241px no-repeat, linear-gradient(to top, rgba(70, 107, 113, 0.6) 170px, rgba(70, 107, 113, 0.0) 170px);
	//	margin-top:0;
	//}
	//.galerie-produkt .gallery-slider .photo .fotohover:hover{
	//	margin-top:-170px;
	//}
	//.galerie-produkt .gallery-slider .photo img{
	//	float:left;
	//	position:relative;
	//	max-width:182px;
	//	max-height:170px;
	//}
	.page-template-produkty-clony-php .galerie-produkt ul {
		margin-bottom:0px;
		float:left;
	}
	section.small-header {
		/*background: #009EE0;*/
		padding-bottom: 25px;
		float: left;

		@media (min-width: 768px) {
			display: none;
		}

		h2 {
			float: left;
			margin: 30px 0 0 0;
			font-size: 2.5em;
			color: #fff;
			line-height: 50px;
			position: relative;
			z-index: 1;
			max-width: 410px;

			@media(max-width: 767px){
				font-size: 1.8em;
				line-height: 36px;
				max-width: 350px;
			}

			/*@media(max-width: 500px){
				font-size: 1.8em;
				line-height: 36px;
				max-width: 350px;
			}*/

			@media(max-width: 450px){
				max-width: 210px;
				width: 100%;
				font-size: 1.6em;
			}

			span {
				
				font-weight: 500;
			}

			&:before{
				content: '';
				display: inline-block;
				width: calc(~"100% + 15px");
				height: 130px;
				position: absolute;
				left: -15px;
				top: -10px;
				background: rgba(0,158,224,0.7);
				z-index: -1;

				@media(max-width: 767px){
					height: 95px;
				}

				@media(max-width: 450px){
					height: 130px;
				}
			}
			&:after{
				content: "";
				position: absolute;
				top: -10px;
				right: -50px;
				width: 0;
				height: 0;
				border-top: 130px solid rgba(0,158,224,0.7);
				border-right: 50px solid transparent;

				@media(max-width: 767px){
					border-top: 95px solid rgba(0,158,224,0.7);
					border-right: 35px solid transparent;
					right: -35px;
				}

				@media(max-width: 450px){
					border-top: 130px solid rgba(0,158,224,0.7);
					border-right: 45px solid transparent;
					right: -45px;
				}
			}
		}

		ul {
			float: left;
			clear: both;
			width: 100%;
			max-width: 365px;
			color: #fff;
			margin: 50px 0 0 0;
			
			position: relative;
			z-index: 1;

			@media(max-width: 450px){
				max-width: 200px;
			}

			li {
				float: left;
				margin: 0 10px;
				font-weight: 500;
				min-height: 40px;

				&.zaruka{
					background:url('../images/zaruka.png') no-repeat;
					padding:15px 0 30px 50px;
					margin-right:0px;
				}
				&.tradice{
					background:url('../images/tradice.png') no-repeat;
					padding:10px 0 35px 50px;
					margin-top:5px;
				}
			}

			&:before{
				content: '';
				display: inline-block;
				width: calc(~"100% + 15px");
				height: 70px;
				position: absolute;
				left: -15px;
				top: -8px;
				background: rgba(0,158,224,0.7);
				z-index: -1;

				@media(max-width: 450px){
					height: 130px;
				}
			}
			&:after{
				content: "";
				position: absolute;
				top: -8px;
				right: -25px;
				width: 0;
				height: 0;
				border-top: 70px solid rgba(0,158,224,0.7);
				border-right: 25px solid transparent;

				@media(max-width: 450px){
					border-top: 130px solid rgba(0,158,224,0.7);
					border-right: 45px solid transparent;
					right: -45px;
				}
			}
		}
	}
	section.home-slider {
		height:377px;
		margin:165px 0 0 0;
		width:100%;
        float: left;

		@media(max-width: 767px){
			display: none;
		}
	}
	section.home-slider .container {
		position:static;
	}
	section.home-slider .container {
		position:relative;
		z-index:2;
	}
	section.home-slider .container .for_half {
		position: absolute;
		top: 3px;
		width: 43.9%;
		min-height: 243px;
		background-color: #009EE0;
		z-index: 1;
		opacity:0.85;

		@media(max-width: 991px){
			width: 73.9%;
		}

		&:before{
			content: "";
			position: absolute;
			top: 0;
			height: 243px;
			left: -400px;
			width: 400px;
			background-color: #009EE0;
		}

		&:after{
			content: "";
			position: absolute;
			top: 0;
			right: -65px;
			width: 0;
			height: 0;
			border-top: 243px solid #009EE0;
			border-right: 65px solid transparent;
		}
	}

	/*section.home-slider .slider-background {
        position: absolute;
        top: 281px;
        width: 46.9%;
        min-width: 537px;
        height: 243px;
        background-color: #009EE0;
        z-index: 1;
        opacity:0.85;
    }*/
	/*section.home-slider .slider-background:before {
        content: "";
        position: absolute;
        top: 0;
        right: -65px;
        width: 0;
        height: 0;
        border-top: 243px solid #009EE0;
        border-right: 65px solid transparent;
    }*/
	section.home-slider .slides-viewport {
		position:absolute;
		top:0;
		left:0;
		z-index:0;
		width:100%;
		height:672px;
		overflow:hidden;
	}
	section.home-slider .slides {
		position:absolute;
		top:0;
		left:0;
		z-index:0;
		width:100%;
		overflow:hidden;
	}
	section.home-slider .slides img {
		float:left;
		margin:0 auto;
	}
	section.home-slider h2 {
		float: left;
		margin: 30px 0 0 0;
		font-size: 2.3em;
		color: #fff;
		line-height: 50px;
        font-weight:500;
	}
	
	section.home-slider ul {
		float: left;
		clear: both;
		width: 365px;
		color: #fff;
		margin: 35px 0 0 0;
		
		li {
			float: left;
			margin: 0 10px;
			font-weight: 500;
			min-height: 40px;
		}
	}
	section.home-slider .arrows {
		float:left;
		width:114px;
		height:72px;
		margin: 31px 0 0 30px;
		position: absolute;
		z-index: 5;
		left: 46.9%;
		margin-left: -41px;
		margin-top: 155px;

		@media(max-width: 991px){
			left: 77.9%;
		}
	}
	@media (max-width:1163px) {
		section.home-slider .arrows {
			/*left: 537.46875px;*/
		}
	}
	section.home-slider .arrows div {
		float:left;
		width:57px;
		height:56px;
		-moz-transform: skewX(-15deg);
		-webkit-transform: skewX(-15deg);
		-o-transform: skewX(-15deg);
		-ms-transform: skewX(-15deg);
		transform: skewX(-15deg);
		background-color:#ffffff;
		overflow:hidden;
	}
	section.home-slider .arrows div a {
		float:left;
		width:100%;
		height:100%;
		-moz-transform: skewX(15deg);
		-webkit-transform: skewX(15deg);
		-o-transform: skewX(15deg);
		-ms-transform: skewX(15deg);
		transform: skewX(15deg);
	}
	section.home-slider .arrows .arrow-left a {
		background:url('../images/arrows2.png') no-repeat transparent;
		background-position:0px 0px;
	}
	section.home-slider .arrows .arrow-right a {
		background:url('../images/arrows2.png') no-repeat transparent;
		background-position:0px -56px;
	}
	section.content-uvod {
		margin:60px 0 25px 0;
		display: inline-block;
		width: 100%;

		@media(max-width: 767px){
			margin:40px 0 5px 0;
		}

		h2 {
			color: #009ee0;
			font-size: 24px;
			line-height: 30px;
			
			font-weight: 500;
		}

		.right {
			font-size: 16px;
			line-height: 24px;
			max-width: 650px;

			@media(max-width: 767px){
				margin: 20px 0;
			}
		}
		h4 {
			
			font-weight: 500;
			padding:0 0 15px 0;
		}
	}
	section.personal {
		min-height:240px;
		float:left;
		display: inline-block;
		width: 100%;

		.container{
			overflow:visible;
		}
		.content {
			background:#ebfaff;
			min-height:130px;
			margin: 0;

			@media(min-width: 992px){
				margin: 60px 0 0 0;
			}

			@media(max-width: 767px){
				margin: 10px 0 0;
			}
		}
		.person-photo{
			position:relative;
			right:70px;
			float:right;
			margin-top:-45px;

			@media(max-width: 991px){
				margin-top:9px;
			}
		}
		p {
			margin: 40px 0 0 0;
			line-height: 24px;
			font-size: 16px;

			@media(max-width: 767px){
				margin: 10px 0 0;
			}
		}
		h5 {
			font-weight: 500;
			margin: 20px 0 0 0;

			@media(max-width: 767px){
				padding-bottom: 15px;
			}
		}
		h5 span {
			font-weight: 300;
		}
	}
	section.vyrobni-proces {
		margin:0 0 56px 0;
		float:left;
	}
	section.vyrobni-proces h2 {
		color: #009ee0;
		font-size: 36px;
		text-align:center;
		margin-top:30px;
		margin-bottom: 36px;
	}
	section.vyrobni-proces .box1,
	section.vyrobni-proces .box2{
		float: left;
		width: 100%;
		margin: 30px 0 0 0;
		position: relative;

		.for_content {
			float: left;
			width: 50%;
			max-width: 460px;
			padding-top: 10px;

			@media(min-width: 992px){
				padding-left:30px;
			}

			@media(max-width: 767px){
				width: 100%;
			}
			h3 {
				float: left;
				font-size: 16px;
				
				line-height: 30px;
				font-weight: 500;

				@media(min-width: 992px){
					margin: 0 0 10px 30px;
				}
			}
			p {
				float: left;
				clear:left;
				line-height: 24px;
				font-size: 16px;
				padding-bottom: 20px;

				@media(min-width: 992px){
					margin: 0 0 10px 30px;
				}
			}
		}
		img {
			max-width:499px;
			width: 50%;
			float:right;
			position: relative;

			&.smaller{
				display: none;
			}

			@media(max-width: 767px){
				width: 100%;
				float: left;
				margin-bottom: 15px;
			}
		}
	}
	section.vyrobni-proces .box2 {
		margin: 0;

		.for_content {
			padding-left: 10px;

			h3 {
				@media(min-width: 992px){
					margin: 30px 0 10px 30px;
				}
			}
		}
		img {
			float: left;

			@media(max-width: 767px){
				&.smaller{
					display: inline-block;
				}
				&:not(.smaller){
					display: none;
				}
			}
		}
	}

	section.container-content {
		/*background:url('../images/container-content-wrapper.png') no-repeat center bottom #ffffff;*/
		background-color:#ffffff;
		min-height: 163px;
		box-shadow: 0px 0px 7px 0px rgba(0, 85, 120, 0.07);
		-webkit-box-shadow: 0px 0px 7px 0px rgba(0, 85, 120, 0.07);
		-moz-box-shadow: 0px 0px 7px 0px rgba(0, 85, 120, 0.07);

		.for_window{
            position: relative;
			@media(max-width: 767px){
				text-align: center;

				img{
					float: none;
					margin: 30px 0;
				}
			}

            @media(max-width: 991px) and (min-width: 768px){

                img {
                    position: absolute;
                    top: 35px;
                    right: 0;
                }
            }
		}
		.for_button{
			@media(max-width: 767px){
				text-align: center;

				.vice-info{
					float: none;
				}
			}
		}
		.for_headline{
			@media(max-width: 767px){
				text-align: center;

				h2{
					float: none;
				}
			}
		}
	}
	section.container-content h2 {
		font-size: 32px;
		float:left;
		
		font-weight: 300;
		margin: 40px 0 0 5px;
		line-height: 37px;
	}
	section.container-content h2 span {
		color: #009ee0;
		
		font-weight: 500;
	}
	section.container-content img{
		float:left;
        max-width: 100%;
		max-height:150px;
		margin:6px 0 0 10px;
	}
	/*section.container-content img {
        position: absolute;
        max-width:320px;
        left: 560px;
        top: 5px;
        float:left;
    }*/
	/*section.container-content .vice-info, section.uvod-content .tab .vice-info, section.shrnuti .vice-info {
        float: right;
    }*/
	a.vice-info{
		display:inline-block;
		color:#fff;
		-moz-transform: skewX(-13deg);
		-webkit-transform: skewX(-13deg);
		-o-transform: skewX(-13deg);
		-ms-transform: skewX(-13deg);
		transform: skewX(-13deg);
		padding: 20px;
		font-weight:500;
		margin-top:36px;
		text-decoration:none;
		background-color: #009ee0;
	}
	a.vice-info:hover{
		text-decoration:underline;
	}
	a.vice-info div{
		-moz-transform: skewX(13deg);
		-webkit-transform: skewX(13deg);
		-o-transform: skewX(13deg);
		-ms-transform: skewX(13deg);
		transform: skewX(13deg);
	}
	.page-id-14 a.vice-info{
		position:absolute;
		top:0;
		right:105px;
		margin-top: 2px;

		@media(max-width: 991px){
			right: 50px;
		}

		@media(max-width: 767px){
			right: auto;
			left: 15px;
			bottom: 35px;
			top: auto;

			&.bigger1{
				display: none;
			}
		}

		@media(min-width: 768px){
			&.smaller1{display: none;}
		}
	}
	section.container-content .vice-info{
		float:right;
		margin:53px 0 0 0;

		@media(max-width: 991px){
			float: left;
			margin:13px 0 30px 0;
		}
	}
	.algn{
		text-align:center;
		width:100%;

		a.add-next-window{
			display: inline-block;
			margin-right: 15px;
			text-decoration: underline;
			color: #009ee0;
			cursor: pointer;

			&:hover{
				text-decoration: none;
			}
		}

		a.vice-info{
			margin: 28px auto;
			float:none;
			display:inline-block;
			background-color: #01b154;
		}
	}
	/*
    section.container-content .vice-info a, section.uvod-content .tab .vice-info a, section.shrnuti .vice-info a {
        color: #009ee0;                                               
        font-weight: 500;
    }
    section.shrnuti .vice-info {
        margin: 60px auto 0;
        padding: 20px 0 0 32px;
        float:none;
    }
    section.shrnuti .vice-info a {
        text-decoration:none;
    }
    section.shrnuti .vice-info a:hover {
        text-decoration:underline;
    }*/
	section.uvod-content {
		background:#ebfaff;
		min-height:350px;
		margin: 50px 0 40px 0;
		box-sizing:border-box;
	}
	section.uvod-content .for_reference{
		@media(max-width: 991px){

			margin-top: 30px;
			clear: left;

			.tab.references{
				float: left;
			}
		}

		@media(max-width: 767px){
			text-align: center;

			.tab.references{
				float: none;
				display: inline-block;
			}
		}
	}
	section.uvod-content .for_why{
		@media(max-width: 767px){
			text-align: center;
			margin-top: 30px;

			.tab{
				float: none;
				display: inline-block;
				max-width: 300px;
				text-align:left;
			}
		}
	}
	section.uvod-content .for_price{
		@media(max-width: 767px){
			text-align: center;

			.tab{
				float: none;
				display: inline-block;
				text-align:left;
			}
		}
	}
	section.uvod-content .tab {
		width:/*278px*/ 100%;
		max-width: 300px;
		margin:5px 0 0;
		float:left;
	}
	section.uvod-content .tab:first-child {
		margin: 5px 0 0 5px;
	}
	/*section.uvod-content .tab:nth-child(2) {
        width: 287px;
    }*/
	section.uvod-content .tab h3 {
		color:#009ee0;
		float:left;
		font-size: 34px;
		line-height: 41px;
		margin:0 0 15px 0;
	}
	section.uvod-content .tab h3 a, section.uvod-content .tab h3 a:visited, section.uvod-content .tab h3 a:active {
		color:#009ee0;
		float:left;
		font-size: 34px;
		line-height: 41px;
		margin:0 0 15px 0;
		text-decoration:none;
	}
	section.uvod-content .tab h3 a:hover {
		text-decoration:underline;
	}
	section.uvod-content .tab p {
		float:left;
		font-size: 16px;
		line-height:200%;
	}
	section.uvod-content .tab p span {
		font-weight:500;
		font-family:'Roboto';
		font-size:18px;
		padding:13px 0;
		display:block;
	}
	section.uvod-content .tab ul {
		margin:10px 0 0 25px;
	}
	section.uvod-content .tab ul li {
		list-style-image:url('../images/check.png');
		margin:15px 0;
		font-family:'Roboto';
		font-weight:500;
		float:left;
		width:100%;
		font-size: 16px;
	}
	section.uvod-content .tab .rotation, .galerie-produkt .rotation {
		float:right;
		font-family:'Roboto';
		font-weight:500;
		color:#009ee0;
		font-size:2em;
		padding:7px 0 0 0;

		@media(max-width: 767px){
			padding: 0 0 25px;
		}
	}
	section.uvod-content .tab .rotation a, .galerie-produkt .rotation a {
		color:#009ee0;
		text-decoration:none;
		background-image: none;
		background-image: none;
		background-image: none;
		background-image: none;
		filter: none;
		background-repeat: no-repeat;

		@media(max-width: 767px){
			padding: 0 15px;
		}

		&.carousel-control{
			position:relative;
			top: auto;
			bottom: auto;
			left: auto;
			width: auto;
			font-size: 32px;
			color: #009ee0;
			text-align: center;
			text-shadow: none;
			background-color: none;
			filter: none;
			opacity: 1;

			@media(max-width: 767px){
				font-size: 60px;
			}
		}
	}
	section.uvod-content .tab.references{
		max-width: 278px;
		float: right;

        &.two{
            display:none;
        }

        @media(max-width: 991px) and (min-width: 768px){
            &.one{
                display: none;
            }
            &.two{
                display: inline-block;
                max-width: none;

                a.group{
                    float: left;
                    width: 50%;

                    img{
                        width: 100%;
                        height: auto;
                    }
                }
            }
        }
	}
    section.uvod-content .tab.references #myCarousel4,
	section.uvod-content .tab.references #myCarousel2{
		display: inline-block;
		width: 100%;
		height: auto;

		.carousel-indicators{
			display: none;
		}
	}
	section.uvod-content .tab .rotation a:hover  {
		color:#01b154;
	}
	section.uvod-content .tab .slides-viewport {
		position:relative;
		width:100%;
		height:236px;
		overflow:hidden;
	}
	section.uvod-content .tab .slides {
		position:absolute;
		width:100%;
		top:0;
		left:0;
		overflow:hidden;
		margin-left:0px;
	}
	section.uvod-content .tab .single-slide {
		position:relative;
		height:236px;
		float:left;
		width: /*278px*/ 100%;
	}
	section.uvod-content .tab .reference {
		position:absolute;
		background:url('../images/reference-bg.png') no-repeat transparent;
		bottom: 0px;
		height: 208px;
		width: 100% /*278px*/;
	}
	section.uvod-content .tab .reference h4 {
		color:#fff;
		font-size:26px;
		margin: 120px 0 0 20px;
		width: 70%;
	}
	section.uvod-content .tab .reference p {
		font-size:14px;
		color:#009ee0;
		margin:10px 0 0 20px;
		font-family:'Roboto';
		font-weight:500;
	}/*
section.uvod-content .tab .vice-info {
	margin: 37px 110px 0 0;
	padding: 20px 0 0 0;
}
section.uvod-content .tab .vice-info a {
	padding:0 0 0 33px;
}*/
	section.zajem-kalkulace {
		background:url('../images/zajem-kalkulace.jpg') repeat-x center top transparent;
		float:left;
		min-height:154px;
	}
	section.zajem-kalkulace{
		.center {
			margin:55px 0 0 0;
			text-align:center;
			display: inline-block;
			width: 100%;
		}
		h2 {
			font-family:'Roboto';
			font-weight: 500;
			color:#fff;
			font-size: 32px;
			float:left;
			margin: 0;
			padding-top: 8px;

			@media(max-width: 991px){
				font-size: 30px;
				padding-top: 9px;
			}
		}
		h3 {
			font-size: 32px;
			color:#fff;
			margin:0 0 0 15px;
			float:left;
			padding-top: 8px;

			@media(max-width: 991px){
				font-size: 30px;
				padding-top: 9px;
			}
		}
		.online-button {
			float:right;
			margin:0;
			display: inline-block;
		}

		@media(max-width: 1000px){
			text-align: center;
			.center {
				margin: 25px 0;
			}
			.for_button{
				display: inline-block;
				width: 100%;
				padding: 20px 0 15px;

				.online-button{
					margin: 0;
				}
			}

			h2,h3,.online-button{
				float: none;
			}
		}
	}
	.page-id-7 section.zajem-kalkulace h2, .page-id-7 section.zajem-kalkulace h3, .page-id-7 section.zajem-kalkulace .online-button{
		float:none;
	}
	.page-id-7 section.zajem-kalkulace h2{
		margin:20px 0 5px 0;
	}
	.page-id-7 section.zajem-kalkulace h3{
		margin:0 0 30px 0;
	}
	.page-id-7 section.zajem-kalkulace .online-button{
		margin:20px auto;
	}
	.page-id-7 section.zajem-kalkulace{
		min-height:337px;

        @media(max-width: 991px){
            min-height: 298px;
        }
	}
	section.zajem-kalkulace .online-button a {
		color:#fff;
		text-decoration:none;
		
	}
	section.zajem-kalkulace .online-button a:hover {
		text-decoration:underline;
	}
	body.about section.zajem-kalkulace, body.page-template-produkty-page-php section.zajem-kalkulace {
		background:url('../images/zajem-kalkulace.jpg') no-repeat center top transparent;
		height:154px;
	}
	body.about section.zajem-kalkulace .center, body.page-template-produkty-page-php section.zajem-kalkulace .center {
		margin:60px 0 0 0;
		text-align:center;
	}
	body.about section.zajem-kalkulace h2, body.page-template-produkty-page-php section.zajem-kalkulace h2 {
		font-family:'Roboto';
		font-weight: 500;
		float:left;
		color:#fff;
		font-size: 34px;
	}
	body.about section.zajem-kalkulace h3, body.page-template-produkty-page-php section.zajem-kalkulace h3{
		font-size: 34px;
		float:left;
		color:#fff;
		margin:0 0 0 20px;
	}
	body.about section.zajem-kalkulace .online-button, body.page-template-produkty-page-php section.zajem-kalkulace .online-button{
		float:left;
		margin:-8px 0 0 60px;
	}
	body.about section.zajem-kalkulace .online-button a, body.page-template-produkty-page-php section.zajem-kalkulace .online-button a {
		color:#fff;
		text-decoration:none;
		
	}
	body.about section.zajem-kalkulace .online-button a:hover, body.page-template-produkty-page-php section.zajem-kalkulace .online-button a:hover {
		text-decoration:underline;
	}
	section.dokumentace {

		&.poradna{
			min-height:272px;
			padding-top: 50px;
			overflow:hidden;
			box-sizing:border-box;
			float:left;

			.content {
				min-height: 145px;
				padding: 1px;
				overflow: visible;
				position: relative;

				@media (max-width: 767px) {
					margin-bottom: 60px;
				}

				.dp-header {
					min-height: 182px;
					width: 2500px;
					background: #01B154;
					position: absolute;
					left: 39px;
					padding-bottom: 20px;
					-moz-transform: skewX(-13deg);
					-webkit-transform: skewX(-13deg);
					-o-transform: skewX(-13deg);
					-ms-transform: skewX(-13deg);
					transform: skewX(-13deg);
					overflow: visible;
					z-index: 24;

					a {
						//color: #fff;

						&:hover {
							text-decoration: underline;
						}
					}

					@media(max-width: 450px){
						left: 30px;
					}

					@media(max-width: 400px){
						left: -15px;
						-moz-transform: skewX(0deg);
						-webkit-transform: skewX(0deg);
						-o-transform: skewX(0deg);
						-ms-transform: skewX(0deg);
						transform: skewX(0deg);
					}
					div.text {
						-moz-transform: skewX(13deg);
						-webkit-transform: skewX(13deg);
						-o-transform: skewX(13deg);
						-ms-transform: skewX(13deg);
						transform: skewX(13deg);
						margin: 20px 0 0 45px;
						max-width: 500px;

						@media (max-width: 991px) {
							max-width: 450px;
						}

						@media (max-width: 767px) {
							max-width: 300px;
						}

						@media (max-width: 450px) {
							margin: 20px 0 0 20px;
						}

						@media (max-width: 400px) {
							-moz-transform: skewX(0deg);
							-webkit-transform: skewX(0deg);
							-o-transform: skewX(0deg);
							-ms-transform: skewX(0deg);
							transform: skewX(0deg);
							max-width: 250px;
						}
					}
				}
			}
			.container{
				 overflow:visible;
			 }
		}

	}

	section.dokumentace .content .katalog{
		width:300px;
		height:269px;
		background:url('../images/katalog.png') no-repeat;
		position:absolute;
		top:-15px;
		left:15%;
		z-index:23;
		-moz-transform: skewX(13deg);
		-webkit-transform: skewX(13deg);
		-o-transform: skewX(13deg);
		-ms-transform: skewX(13deg);
		transform: skewX(13deg);

		@media(max-width: 991px){
			display: none;
		}
	}

	section.dokumentace .content div.trig{
		width:20px;
		height:10px;
		background:url('../images/trig.png') no-repeat;
		position:absolute;
		left:195px;
		margin-top:181px;
	}
	section.dokumentace{
		h3 {
			color: #ffffff;
			font-size: 36px;
			line-height: 31px;
		}
		&.poradna{
			h3 {
				color: #ffffff;
				font-size: 36px;
				line-height: 31px;

				@media(max-width: 767px){
					font-size: 32px;
				}

				@media(max-width: 400px){
					font-size: 28px;
				}
			}

		}

	}
	section.dokumentace ul {
		margin:20px 0 0 0;
		float:left;
		color:#005578;
		font-family:'Roboto';
		font-weight: 300;
		font-size:17px;
		width: 100%;
		max-width:520px;
		line-height: 24px;
	}
	section.dokumentace ul li {
		float:left;
		margin:0 10px 0 0;
	}
	section.dokumentace ul li.active {
		color: #fff;
	}
	section.dokumentace{

		&.produkt{
			min-height:272px;
			padding-top: 40px;
			overflow:hidden;
			box-sizing:border-box;
			float:left;
			position: relative;

			.content {
				min-height: 145px;
				padding:1px;
				overflow:visible;
				position: relative;

				.dp-header{
					min-height:116px;
					width:2500px;
					position:absolute;
					left:0;
					overflow:visible;
					z-index:24;
				}

				.katalog {
					width: 100%;
					max-width: 300px;
					height: 269px;
					background: url('../images/katalog.png') no-repeat;
					position: absolute;
					top: -10px;
					left: 28%;
					z-index: 23;
					-moz-transform: skewX(0deg);
					-webkit-transform: skewX(0deg);
					-o-transform: skewX(0deg);
					-ms-transform: skewX(0deg);
					transform: skewX(0deg);
				}
			}
		}
	}

	section.dokumentace .content .nzu{
		width:137px;
		height:123px;
		background:url('../images/nova-zelena-usporam.png') 100% 100% no-repeat;
		position:absolute;
		top: 25px;
		left: 680px;
		z-index:23;
		-moz-transform: skewX(13deg);
		-webkit-transform: skewX(13deg);
		-o-transform: skewX(13deg);
		-ms-transform: skewX(13deg);
		transform: skewX(13deg);

		@media(max-width: 991px){
			left: 550px;
		}

		@media(max-width: 767px){
			left: 415px;
			top: 45px;
		}

		@media(max-width: 660px){
			display: none;
		}
	}
	section.dokumentace.produkt .content .dp-header div.text{
		margin:20px 0 0;

		@media(max-width: 450px){
			margin:20px 0 0;
		}
	}
	section.dokumentace.produkt .content div.trig{
		display: none;
	}
	section.dokumentace.produkt h3 {
		color: #009ee0;
		font-size: 36px;
		line-height: 31px;

		@media(max-width: 450px){
			font-size: 24px;
		}
	}
	section.dokumentace.produkt h4 {
		font-size: 1.7em;
		margin-top:10px;
        color: #009ee0;

		@media(max-width: 450px){
			font-size: 1.2em;
		}
	}
	section.dokumentace.produkt ul {
		margin:30px 0 0 130px;
		float:left;
		color:#005578;
		font-family:'Roboto';
		font-size:17px;
		width:700px;
		line-height: 31px;
	}
	section.dokumentace.produkt ul li {
		float:left;
		margin:0 40px 20px 0;
	}
	section.dokumentace.produkt ul li.active {
		color:#fff;
		font-weight: 500;
	}
	section.dokumentace .ke-stazeni {
		margin:0 0 20px 0;
		float:left;
		font-weight:400;
	}
	section.dokumentace .ke-stazeni ul {
		margin:0 0 40px 0;
		max-width:650px;
		width: 100%;
	}
	section.content-produkt ul.navod{
		margin:15px 0 0 0;
	}
	section.content-produkt ul.rozcestnik{

	}
	section.content-produkt ul.rozcestnik li{
		float:left;
		width: 31%;
		padding: 0 1%;
		margin: 0 0 40px 0;
		text-align:center;

		@media(min-width: 500px) {
			&:nth-child(3n + 1) {
				clear: left;
			}
		}

		@media(max-width: 500px) {
			width: 48%;

			&:nth-child(2n + 1) {
				clear: left;
			}
		}
	}

	section.content-produkt ul.rozcestnik li img{
		max-width:100%;
        height:auto;
		margin-bottom:10px;
		max-height: 162px;
	}
	section.content-produkt ul.rozcestnik li a{
		text-decoration:none;
		color:#6E6E6E;

		span{
			display: inline-block;

			&.around{
				width: 100%;
				height: 100%;
				background: #c1c2c7;
				margin-bottom: 10px;
				padding: 10px;
			}
		}
	}
	section.content-produkt ul.rozcestnik li a:hover{
		span{
			text-decoration:underline;
		}
	}
	section.dokumentace .ke-stazeni ul li {
		height:32px;
		float:left;
	}
	section.content-produkt ul.navod li {
		float:none;
		margin:0;
		height:32px;
	}
	section.dokumentace .ke-stazeni ul li.pdf{
		background: url('../images/pdf-icon.png') no-repeat;
		padding:1px 0 0 45px;

		@media(max-width: 450px){
			clear: left;
		}
        
        a {
            color: #000;
        }
	}
	section.content-produkt ul.navod li{
		background: url('../images/pdf-icon.png') no-repeat;
		padding:7px 0 0 50px;
		font-size:17px;
		font-weight:500;
		box-sizing:border-box;
	}
	section.dokumentace .ke-stazeni ul li a, section.content-produkt ul.navod li a {
		text-decoration:underline;
	}
	section.dokumentace .ke-stazeni ul li a:hover, section.content-produkt ul.navod li a:hover {
		text-decoration:none;
	}
	section.left-content.odsadit {
		padding-bottom: 230px;
		/*background:url('../images/left-krivak.png') bottom left no-repeat transparent;*/
		/*min-height:415px;*/

		@media(max-width: 450px){
			padding-bottom: 185px;
		}
	}
	section.left-content .container {
		overflow:visible;
		position: relative;
	}
	section.left-content .ram {
		float:left;
		margin: 20px 0 0 220px;
		position:absolute;
		bottom:-150px;

		@media(max-width: 991px){
			margin: 20px 0 0 0;
			max-width: 90%;
		}
		@media(max-width: 767px){
			bottom: -35px;
			max-width: 70%;
		}
		@media(max-width: 450px){
			bottom: 20px;
			width: 70%;
			max-width: 200px;
		}
		img{
			max-width: 100%;
			height: auto;
		}
	}
	section.left-content .blue {
		position:absolute;
		min-height:130px;
		width:2500px;
		right:45px;
		background:#009ee0;
		bottom:-200px;
		z-index:-2;
		-moz-transform: skewX(-13deg);
		-webkit-transform: skewX(-13deg);
		-o-transform: skewX(-13deg);
		-ms-transform: skewX(-13deg);
		transform: skewX(-13deg);


		@media(max-width: 991px){
			right:55px;
		}
		@media(max-width: 767px){
			width: 100%;
			min-height: 90px;
		}
		@media(max-width: 450px){
			bottom: -150px;
		}
	}
	section.left-content .blue p{
		color: #fff;
		padding: 40px 40px 40px 60px;
		max-width: 480px;
		width: 100%;
		font-size: 24px;
		float: right;
		line-height: 1.2;
        font-weight: 500;
		-moz-transform: skewX(13deg);
		-webkit-transform: skewX(13deg);
		-o-transform: skewX(13deg);
		-ms-transform: skewX(13deg);
		transform: skewX(13deg);

		@media(max-width: 600px){
			font-size: 1em;
			padding: 20px 20px 20px 60px;
		}
	}

	section.left-content ul {
		float:right;
		margin:20px 0 50px 0;
		width: 100%;
		max-width:430px;

		@media(max-width: 767px){
			padding: 0 0 350px 30px;

		}
	}
	.content-podstranka ul{
		margin:10px 0;
	}
	.page-template-produkty-atelierova-php section.left-content ul{
		float:left;
		margin:30px 0 0 0;
		padding-left: 19%;
		max-width:700px;
		width: 100%;

		@media(max-width: 1199px){
			max-width: none;
			padding-left: 29%;
		}

		@media(max-width: 991px){
			padding-left: 3%;
		}

		@media(max-width: 767px){
			padding: 0 0 0 10%;
		}
	}
	section.left-content ul li {
		list-style-image:url('../images/check.png');
		line-height:1.5;
		padding:0 0 10px 10px;
		font-size: 16px;
	}
	.content-podstranka ul li{
		list-style-image:url('../images/check.png');
		line-height: 130%;
		padding: 10px 0 10px 10px;
		margin-left: 26px;
	}
	section.left-content h3 {
		color: #fff;
		margin: 75px 0 0 60px;
		width: 350px;
		
		font-size: 1.5em;
		float: left;
		line-height: 30px;
	}
	section.dokumentace-produkt .ke-stazeni {
		margin: -115px 0 60px 0;
		float:left;
	}
	section.dokumentace-produkt .ke-stazeni ul {
		margin:0 0 40px 0;
	}
	section.dokumentace-produkt .ke-stazeni ul li {
		margin:5px 15px;
		height:32px;
		float:left;
	}
	section.dokumentace-produkt .ke-stazeni ul li.pdf {
		background: url('../images/pdf-icon.png') no-repeat;
		padding:1px 0 0 50px
	}
	section.dokumentace-produkt .ke-stazeni ul li a {
		text-decoration:underline;
	}

	section.produkt-sluzby {
		margin:0;
		background:#ebfaff;
		min-height:233px;
		float:left;
		padding-top: 10px;
		padding-bottom: 30px;
	}
	section.produkt-sluzby .box {
		margin:57px 0 0;
		padding-bottom: 20px;

		.for_center{
			display: inline-block;
			max-width: 300px;
			width: 100%;
		}
		@media(max-width: 991px){
			text-align: center;
		}
		.for_img{
			display: inline-block;
			float: left;
			min-height: 40px;

			@media(max-width: 991px){
				float: none;
			}
			img {
				float:left;

				@media(max-width: 991px){
					float: none
				}
			}
		}

		p.heading {
			clear: both;
			font-size: 24px;
			margin:15px 0 10px 0;
            font-weight: 500;
            color: #009ee0;

			@media(max-width: 991px){
				width: 100%;
				text-align: center;
                font-size: 20px;
				margin: 5px 0 10px;
			}

			a {
				margin:0;
				text-decoration:none;
                color: #009ee0;

				@media(max-width: 991px){
					float: none
				}
			}
		}
		p {
			float:left;
			line-height:20px;
			font-size:18px;
			font-weight: 300;
            line-height: 1.5;

			@media(max-width: 991px){
				margin: 0;
				float: none;
			}
		}
	}
	section.online-mid {
		height:120px;
		float:left;
		position:relative;

		.container{
			position: relative;

			.for_absolute{
				display: inline-block;
				width:calc(~"100% - 30px");
				position: absolute;
				left: 15px;
				top: 10px;
			}
		}
	}
	section.online-mid .online-button {
		float:none;
		margin:7px auto;
	}

	section.cenik {
		background:#d5f2fc;
		padding-bottom:46px;
		padding-top:20px;
		box-sizing:border-box;
		margin: 0;
		float:left;
	}
	.page-template-produkty-php section.cenik {
		padding-bottom:40px;
	}
	section.cenik h3 {
		margin:32px 0 25px 0;
		text-align:center;
		color: #009ee0;
		font-size: 36px;
	}
	section.cenik table {
		background:#fff;
		width:100%;
	}
	section.cenik table tr {
		text-align:center;
	}
	section.cenik table td {
		min-width: 55px;
		font-size: 12px;
		vertical-align: middle;
		border:1px solid #D5F2FC;
		text-align:center;
		padding-bottom:10px;
		padding-top:10px;
	}
	section.cenik table tr:first-child td {
		vertical-align:bottom;
		height: 50px;
		border-bottom:none;
		padding-bottom:2px;
	}
	.page-template-produkty-plastova-okna-php section.cenik table tr:first-child td {
		vertical-align:center;
		padding-bottom:10px;
	}
	section.cenik table tr:nth-child(2) {
		text-align:center;
	}
	section.cenik table tr:nth-child(2) td {
		border-top:none;
		padding-bottom:10px;
		padding-top:0px;
	}
	section.cenik table td span {
		display: block;
		margin: 5px 0 0 0;
        font-weight: 500;
	}
	section.cenik table td span.price {
		margin-top:10px;
	}
	section.cenik table td.head {
		font-size:16px;
		font-weight: 300;
		text-align:left;
		padding-left:15px;
		min-width: 145px;
	}
	section.cenik p.poznamka {
		color: #005578;
		line-height:200%;
		font-size:14px;
		font-family:'Roboto';
		font-weight: 500;
		margin-left: 3px;
	}
	.jiny-cenik,
	.cenik, section.shrnuti {
		.for_show {
			float: left;
			width: 100%;
			position: relative;
            text-align: center;

			&.plast{
				@media(min-width: 470px){
					display: none;
				}
			}

			&.drevo{
				@media(min-width: 992px){
					display: none;
				}
			}

			&.doplnky{
				@media(min-width: 740px){
					display: none;
				}
			}
			&.in_shrnuti{
				@media(min-width: 650px){
					display: none;
				}
			}

			.center {
				display:inline-block;
				padding-top: 20px;
				padding-bottom: 20px;

				@media(max-width: 420px){
					text-align: center;
				}

				span {
					display: inline-block;
					width: 50px;
					height: 50px;
					float: left;
					background: url("../images/swipe.png") no-repeat center;
					background-size: contain;
					margin-right: 20px;

					@media(max-width: 420px){
						float: none;
						margin-right: 0;
					}
				}
				p {
					float: left;
					padding-top: 15px;

					@media(max-width: 420px){
						float: none;
					}
				}
			}
		}
	}
	/*.table-responsive{
		.for_show_more{
			margin-right:30px;
			display: inline-block;
			width: 100%;

			@media(min-width: 992px){
				margin-right:0;
			}
		}
	}*/
	section.jiny-cenik {
		background: #d5f2fc;
		box-sizing: border-box;
		margin: 0;
		padding-top: 20px;
		float: left;
		padding-bottom: 40px;

		table {
			width: 100%;
			background: #fff;
			color: #005578;

			th {
				padding: 10px 15px 10px 15px;
				font-size: 19px;
				
				font-weight: 300;
				text-align: left;
				border-bottom: 2px solid #d5f2fc;
				border-left: 1px solid #D5F2FC;
			}
			tr {
				&.colored:nth-child(odd) {
					background: #ebfaff;
				}

				th,td{
					min-width: 135px;
				}
				th:first-child,
				td:first-child {
					border-left: none;

					min-width: 420px;
				}

			}
			td {
				padding: 10px 15px 10px 15px;
				border-left: 1px solid #D5F2FC;

				&.vcetne-dph {
					color: #01B154;
				}
			}
		}

		h3 {
			margin: 32px 0 25px 0;
			text-align: center;
			color: #009ee0;
			font-size: 36px;
		}
	}
	.page-id-883 section.jiny-cenik table th{
		font-size:12px;
		padding:10px 0 10px 0;
		text-align:center;
		border-left:1px solid #D5F2FC;
	}
	.page-id-883 section.jiny-cenik table th.head{
		font-size:19px;
		text-align:left;
		padding-left:15px;
		border-left:none;
	}
	.page-id-883 section.jiny-cenik table td{
		padding:10px 10px;
		text-align:center;
		border-left:1px solid #D5F2FC;
	}
	.page-id-883 section.jiny-cenik table tr td:first-child{
		text-align:left;
		padding:10px 15px;
		border-left:none;
	}

	section.content-kontakt {
		background:url('../images/kontakt-content-bg.png') no-repeat center top;
		min-height:558px;

		@media(max-width: 767px){
			background: none;
		}

		.kontakt-info {
			margin:50px 0 0 0;

			.tab {
				margin:0 0 40px;
				line-height: 21px;

				hr {
					display: block;
					height: 1px;
					border: 0;
					border-top: 1px solid #ebfaff;
					margin: 3em 0 1em;
					padding: 0;
				}
				&.one{
					hr{

						margin: 6em 0 1em;

						@media(min-width: 768px){
							margin: 3em 0 1em;
						}
					}
				}
				h3 {
					color:#009ee0;
					font-size: 1.2em;
					font-family:'Roboto';
					font-weight:500;
				}
				p {
					font-size: 1.2em;
				}
			}
		}
		.kontakt-user {
			float:left;
			margin:68px 0 0 0;
			padding-bottom: 25px;

			ul {
				margin:0 0 0 18px;

				li {
					margin:0 0 25px 0;
					font-size: 33px;
					height:40px;
					color:#3d3d3d;

					@media(max-width: 991px){
						font-size: 26px;
					}

					&.mail {
						background:url('../images/mail-kontakt.png') no-repeat;
						padding:0 0 0 50px;
					}
					&.phone {
						background:url('../images/phone-kontakt.png') no-repeat;
						padding:4px 0 0 50px;
						margin-bottom:15px
					}

					a {
						color:#3d3d3d;
						font-size: 33px;
						text-decoration:none;
						position:relative;

						@media(max-width: 991px){
							font-size: 26px;
						}

						&:after {
							position:absolute;
							bottom:4px;
							left:0px;
							width:100%;
							height:1px;
							background:#000;
							content:"";
						}

						&:hover:after {
							display:none;
						}
					}
				}
			}
			.user {
				float:left;
				margin:25px 0 0 10px;
				max-width: 300px;
				width: 100%;

				img {
					float:left;
				}
			}
		}
	}
	section.content-kontakt .kontakt-user .user h4, section.content-kontakt .kontakt-user .user p {
		float:left;
		margin:0 0 0 30px;
	}
	section.content-kontakt .kontakt-user .user h4 {
		color:#3d3d3d;
		font-family:'Roboto';
		font-weight: 500;
		font-size: 16px;
		margin:20px 0 0 30px;
		max-width:160px;
	}
	section.content-kontakt .kontakt-user .user p span {
		color: #009ee0;
		font-size: 16px;
		margin:0 0 15px 0;
		display:block;
	}
	section.content-kontakt .kontakt-user .user p {
		font-size: 15px;
		color: #3d3d3d;
		line-height:17px;
	}
	section.form {
		background-color:#005578;
		min-height: 510px;
		text-align:center;
		color:#fff;
		padding-top:1px;
		margin-top:40px;
	}
	.page-id-14 section.form {
		margin-top:0px;
	}
	section.form h3 {
		margin:46px 0 30px 0;
		font-size:34px;
	}
	section.form .kontaktni-formular {
		margin: 14px auto;
		max-width: 763px;
		width: 100%;
		display: inline-block;

		.for_submit{
			display: inline-block;
			text-align: center;
			width: 100%;
			position: relative;

			.absolute{
				position: absolute;
				text-align:center;
				bottom: 14px;
				width: 100%;

				input{
					
					font-size: 16px;
				}
			}
		}
	}

	/*section.form input {
    }
    section.form textarea {
        box-sizing:border-box;
        resize:none;
        padding:15px 20px 40px 15px;
        width: 100%;
        max-width:736px;
        height:218px;
        font-family:'Roboto';
        color: #005578;
        font-size:18px;
        border:none;
        border-top:3px solid #e2f0f5;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        position:relative;
        z-index:100;
    }*/
	input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
		color: #005578;
	}
	input:-moz-placeholder, textarea:-moz-placeholder {
		color: #005578;
	}
	section.form .online-button {
		border:none;
		position:relative;
		z-index:102;
		color:#fff;
		margin:0;
		padding:0;
		display:inline-block;
		cursor:pointer;
	}

	section.form .online-button:hover {
		text-decoration:underline;
	}
	section.form p.success {
		float:left;
		width:100%;
		margin:20px 0 0 0;
	}
	section.form p.success span {
		display:none;
	}
	/*--------- Online kalkulace ---------*/
	section.steps {
		margin:30px auto 50px auto;

		#top-typ_okna{
			@media(max-width: 767px){
				display: none;
			}
		}

		ul.in_steps {
			float:left;
			margin:31px auto 16px;
			width:100%;

			@media(max-width: 767px){
				display: none;
			}

			li {
				padding:8px 20px 20px 90px;
				font-size:19px;
				float:left;
				/*max-width: calc(~"23% - 30px");*/
				min-height:40px;
				min-width: 90px;
				position: relative;
				width: 25%;

				&:after{
					position: absolute;
					content: '';
					right: -13px;
					top: 11px;
					width: 20px;
					height: 20px;
					display: inline-block;
					background:url('../images/icons/arrow.png') no-repeat center;

					@media(max-width: 991px){
						right: -11px;
						top: 31px;
					}
				}

				&:last-child{
					&:after{
						display: none;
					}
				}

				@media(max-width: 991px){
					text-align: center;
				}

				&.check {
					background:url('../images/icons/check.png') no-repeat 30px 0px;
					color:#3f3f3f;
					font-size:20px;

				}
				&.time {
					background:url('../images/icons/time.png') no-repeat 30px 0px;
					color:#3f3f3f;
					padding:0 20px 20px 90px;
					font-size:20px;
				}

				&.control {
					background:url('../images/icons/control.png') no-repeat 30px 0px;
					color:#3f3f3f;
					font-size:20px;

					@media(max-width: 767px){
						clear: left;
					}
				}

				&.finish {
					background:url('../images/icons/finish.png') no-repeat 30px 0px;
					color:#3f3f3f;
					font-size:20px;
				}

				@media(max-width: 991px){
					&.check,&.time,&.control,&.finish {
						background-position: center top;
						padding: 50px 25px 20px;
					}
				}
			}
		}

		hr {
			display: block;
			height: 1px;
			border: 0;
			border-top: 1px solid #aad6e6;
			margin: 30px 10px;
			padding: 0;
		}
		h2.step1 {
			/*background:url('../images/step2.png') no-repeat transparent;*/
			padding: 6px 0 0 0;
			height: 40px;
			font-size: 27px;
			margin:0 0 19px 12px;
			float:left;
		}
		h2.step2 {
			/*background:url('../images/step1.png') no-repeat transparent;*/
			padding: 6px 0 0 0;
			height: 40px;
			font-size: 27px;
			margin:14px 0 -3px 12px;
			float:left;
		}
		.green_number.one {
			margin: 14px 0 0 12px;
			p{
				margin: 0 0 0 18px;
			}
		}
		p.error {
			float: left;
			width:100%;
			color: red;
			font-size:18px;
			display:none;
		}
		.for_center {
			@media(max-width: 500px){
				text-align: center;
				display: inline-block;
				width: 100%;
			}

			ul.vyber {
				float: left;
				margin: 15px auto 9px;
				width: 100%;
				padding-left: 19px;

				@media(max-width: 500px){
					max-width: 190px;
					margin: 15px 0;
					padding-left: 0;
					float: none;
					display: inline-block;
				}

				li {
					padding: 0 20px;
					min-height: 120px;
					float: left;
					width: 50%;
					max-width: 450px;

					@media(max-width: 500px){
						width: 100%;
						clear:left;
					}

					.for_text {
						display: inline-block;
						float: left;
						text-align: left;
						padding-bottom: 20px;

						p {
							clear: left;
						}
					}
				}
			}
		}
		.drevo{
			display:block;
			float:left;
			width: 100%;
			margin-bottom:27px;

			@media(max-width: 500px){
				text-align: center;
			}
			.center{
				@media(max-width: 500px){
					max-width: 190px;
					display:inline-block;
				}
			}
		}
		.plast{
			display:none;
			margin-left:19px;
			float:left;
			margin-bottom:27px;

			.okno img {
				margin:2px 0 2px -11px;
			}
			.text{
				float:left;
				width: 100%;
				max-width:450px;
				line-height:150%;
				font-size:34px;
				margin:75px 20px 20px 55px;
			}
		}
	}
	section.steps ul.vyber li p, section.steps ul.vyber li img, section.steps ul.vyber li input[type="radio"], section.steps .okno p, section.steps .okno img, section.steps .okno input[type="radio"] {
		float:left;
	}
	section.steps ul.vyber li .border {
		position:relative;
		float: left;
		width:180px;
		height:116px;
		border: 2px solid #ffffff;
		z-index:88;
		-ms-transform: skew(-13deg);
		-webkit-transform: skew(-13deg);
		transform: skew(-13deg);
		margin-right:16px;
		overflow:hidden;
	}
	section.steps ul.vyber li .border img {
		position:absolute;
		top:0;
		left:-13px;
		width:206px;
		height:116px;
		-ms-transform: skew(12.5deg);
		-webkit-transform: skew(12.5deg);
		transform: skew(12.5deg);
	}
	section.steps ul.vyber li .border.selected {
		border:2px solid #009ee0;
		overflow:hidden;
	}
	section.steps .okno {

		label {
			width: 100%;

			.border2 {
				position: relative;
				float: left;
				width: 100%;
				height: auto;
				text-align: center;
				padding: 10px;
				border: 2px solid #ffffff;
				z-index: 88;
				-ms-transform: skew(-13deg);
				-webkit-transform: skew(-13deg);
				transform: skew(-13deg);
				background: #ebfaff;
				height: 200px;

				@media (min-width: 992px) {
					width: 180px;
					height: 116px;
				}

				img {
					/*position:absolute;
                    top:0;
                    left:-13px;*/
					height:auto;
					-ms-transform: skew(12.5deg);
					-webkit-transform: skew(12.5deg);
					transform: skew(12.5deg);
					float: none;
					display: inline-block;
					max-width: 100%;
					max-height: 100%;

					@media(max-width: 991px) {
						/*width: 100%;*/
						max-width: 200px;
					}
					@media(max-width: 550px) {
						/*width: 100%;*/
						max-width: 100%;
					}
				}

				@media(max-width: 500px){
					height: 150px;
				}
			}
		}
	}
	section.steps .okno .border2.selected {
		border:2px solid #009ee0;
		overflow:hidden;
	}
	section.steps .plast .okno .border2 img.child999{
		margin-left:39px;
	}
	section.steps .plast .okno .border2 img.child1000{
		margin-left:44px;
	}
	section.steps .plast .okno .border2 img.child1001{
		margin-left:35px;
	}
	section.steps .plast .okno .border2 img.child1002{
		margin-left:50px;
	}
	section.steps ul.vyber li p {
		width:200px;
		margin: 10px 0 0;
		font-size: 14px;
		line-height: 20px;
		color:#7b7b7b;

		@media(max-width:991px){
			font-size: 16px;
		}
	}
	input[type="radio"],
	input[type="checkbox"] {
		display:none;
	}
	input[type="radio"] + label span,
	input[type="checkbox"] + label span {
		display:inline-block;
		float:left;
		width:22px;
		height:22px;
		margin:0 8px 0 0;
		vertical-align:middle;
		background:url(../images/checkbox.png) left top no-repeat;
		cursor:pointer;
	}
	input[type="checkbox"]:checked + label span {
		background:url(../images/checkbox.png) -26px top no-repeat;
	}
	input[type="radio"] + label span {
		width:22px;
		height:22px;
		background:url(../images/radio.png) -26px top no-repeat;
	}
	input[type="radio"]:checked + label span {
		background:url(../images/radio.png) left top no-repeat;
	}
	label{
		line-height:22px;
		display:inline-block;
	}
	section.steps .okno label label {
		margin: 10px 0 0 0;

		@media(max-width:991px){
			font-size: 19px;
			float: left;
			clear: left;
		}
	}
	section.steps ul.vyber li label label {
		margin: 17px 0 0;
		/*line-height:22px;*/
		float: left;
		font-size: 16px;
		
	}
	section.steps .okno {
		float:left;
		margin-top:36px;

		@media(min-width: 992px){
			//max-width:195px;
		}

		@media(max-width: 991px){
			&:nth-child(2n + 1){
				clear: left;
			}
		}
		@media(max-width: 500px){
			width: 100%;
		}
	}
	section.steps .okno p {
		width: 170px;

	}
	section.steps .okno input[type="radio"] {
		margin:14px 0 0 0;
		width:30px;
	}
	section.steps .okno label p {
		margin: 9px 0 10px 0;
		float: left;
		
		font-weight: 300;
		font-size: 14px;
		color:#7b7b7b;
		line-height:20px;
		text-align: left;

		@media(max-width:991px){
			font-size: 16px;
			float: left;
			clear: left;
		}
	}
	section.steps .okno label p.label{
		color:#000;
		font-size:18px;
		line-height:normal;
		margin-bottom:-4px;
	}
	section.steps p.rozmer {
		background:url('../images/rozmer.png') no-repeat;
		float:left;
		margin: 10px 30px 10px 16px;
		padding: 3px 0 0 40px;
		height: 32px;
		font-size: 16px;
		

		@media(max-width: 400px){
			background: none;
			padding-left: 0;
		}
	}
	section.steps p.kusu {
		background:url('../images/kusy.png') no-repeat;
		float:left;
		margin: 10px 30px 0 15px;
		padding: 3px 0 0 29px;
		height: 32px;
		font-size: 16px;
		

		@media(max-width: 650px){
			clear: left;
		}
		@media(max-width: 400px){
			background: none;
			padding-left: 0;
		}
	}
	section.steps .settings{
		float:left;
		margin-bottom:11px;

		>div{
			display: inline-block;
			//float: left;

			&.for_pocet{
				.smaller{
					.select{
						width: 70px;
					}
				}
				/*input{
					@media(max-width: 767px){
						display: none;
					}
				}*/
			}

			@media(max-width: 767px){
				margin-top: 15px;
				clear: left;
			}
		}
	}
	section.steps input#kusy {
		float: left;
		margin: 0 30px 0 0;
		height: 45px;
		width: 60px;
		font-size: 20px;
		
		padding: 0 0 0 15px;
		border-radius: 3px;
		border: 1px solid #aad6e6;
		border-top: 3px solid #e2f0f5;
	}
	section.steps div.select {
		float:left;
		position:relative;
	}
	section.steps div.select::before {
		content:'';
		right:32px; top:3px;
		width:20px; height:45px;
		border-bottom-right-radius:6px;
		border-top-right-radius:6px;
		background:#ffffff;
		position:absolute;
		pointer-events:none;
		display:block;
	}
	section.steps div.select::after {
		content: '';
		background:url(../images/select_sipka.png) no-repeat #ffffff;
		right:32px; top:21px;
		padding:0 0 2px;
		position:absolute;
		pointer-events:none;
		display:block;
		width:17px;
		height:8px;
	}
	section.steps select.select {
		float:left;
		width: 150px;
		height:49px;
		margin:0 30px 0 0;
		font-size:17px;
		
		padding: 10px;
		border-radius: 3px;
		border: 1px solid #aad6e6;
		border-top: 3px solid #e2f0f5;
		-webkit-appearance:none;
		-moz-appearance:none;
		appearance:none;
	}
	/*@media screen and (min-width:0\0) {
        section.steps div.select::after{
            display:none;
        }
        section.steps div.select::before {
        display:none;
      }
    }*/
	/*section.steps .dalsi-okno {
        background:url('../images/dalsi-okno-bg.png') no-repeat;
        width:263px;
        height:57px;
        float:left;
        padding: 20px 0 0 0;
    }
    section.steps .dalsi-okno a {
        padding: 0 0 0 100px;
        color: #009ee0;
        
        font-size: 15px;
        font-weight: 500;
        text-decoration: none;
    }
    section.steps .dalsi-okno a:hover {
        text-decoration:underline;
    }*/
	section.steps a.dalsi-okno{
		float:left;
		border:1px solid #009ee0;
		-moz-transform: skewX(-13deg);
		-webkit-transform: skewX(-13deg);
		-o-transform: skewX(-13deg);
		-ms-transform: skewX(-13deg);
		transform: skewX(-13deg);
		margin:8px 0 0 16px;
	}
	section.steps a.dalsi-okno span.plus{
		color:#fff;
		float:left;
		width:59px;
		height:55px;
		box-sizing:border-box;
		background:#009ee0;
		text-align:center;
		font-size:36px;
		box-sizing:border-box;
		padding-top:5px;
	}
	section.steps a.dalsi-okno span.plus div{
		-moz-transform: skewX(13deg);
		-webkit-transform: skewX(13deg);
		-o-transform: skewX(13deg);
		-ms-transform: skewX(13deg);
		transform: skewX(13deg);
	}
	section.steps a.dalsi-okno span.text{
		color:#009ee0;
		float:left;
		text-transform:none;
		box-sizing:border-box;
		padding:17px 20px 0 20px;
		font-weight:500;
		-moz-transform: skewX(13deg);
		-webkit-transform: skewX(13deg);
		-o-transform: skewX(13deg);
		-ms-transform: skewX(13deg);
		transform: skewX(13deg);
	}
	section.steps input#checkbox {
		float:left;
		margin:19px 0 0 22px;
	}
	section.steps p.montaz {
		float:left;
		margin: 12px 0 0 10px;
		font-size: 20px;
		
	}
	section.steps .green_number {
		float:left;
		margin: 0 0 0 12px;
		display: inline-block;
		border-radius:100%;
		height:39px;
		width:39px;
		background-color: #01b154;
	}
	section.steps .green_number.three{
		margin: 14px 0 0 12px;

		@media(max-width: 400px){
			display: none;
		}
	}
	section.steps .green_number p {
		font-size:18px;
		font-weight:900;
		color: #FFFFFF;
		line-height:39px;
		margin: 0 0 0 16px;
	}
	section.shrnuti {
		background:#ebfaff;
		padding-bottom:30px;
		padding-top:1px;
	}
	section.shrnuti h2 {
		text-align:center;
		margin:50px 0 44px 0;
		color: #009ee0;
		font-size: 34px;
	}
	.table-responsive{
		@media(max-width: 767px){
			border: none;
		}
	}
	section.shrnuti table {
		width:100%;
		margin:10px auto;
		text-align: center;
		min-width: 600px;

		th {
			color:#005578;
			font-size: 21px;
			margin:0 0 10px;
			text-align:center;
		}

		tr {
			background:#fff;
			height: 44px;
		}

		td {
			vertical-align: middle;
			
			color: #005578;
			font-weight: 500;

			&.delete span {
				cursor:pointer;
				display: inline-block;

				@media(min-width: 1200px){
					visibility:visible;
				}
			}
		}
	}
	section.shrnuti table tr:hover > td.delete span {
		visibility:visible;
	}
	section.shrnuti table tr:first-child {
		background:none;
	}
	section.shrnuti table tr:nth-child(2) {
		border-top: 1px solid #aad6e6;
	}
	section.shrnuti table tr:nth-child(2n+2) {
		background: #ddf4fc;
	}


	section.steps p.choose {
		margin: 10px 0 0 12px;
		float: left;
	}
	section.steps p.choose span {
		float:left;
		width:10px;
		height:38px;
		background:url('../images/lomeno.png');
		margin:-8px 13px;
	}
	section.steps p.choose a {
		color:#2F2F2F;
		font-family:'Roboto';
		float:left;
		font-size:20px;
		text-decoration:none;
	}
	section.steps p.choose a.active {
		color:#009ee0;
		font-weight:500;
	}

	section.form-kalkulace {
		background-color: #005578;
		min-height:611px;
		color:#fff;

		.triangel{
			margin:0 auto;
			width: 0px;
			height: 0px;
			border-style: solid;
			border-width: 15px 15px 0 15px;
			border-color: #ebfaff transparent transparent transparent;
		}
		h3 {
			text-align:center;
			margin:41px 0 41px 0;
			font-size: 34px;
		}
		table {
			width:100%;
			margin:0 auto;
		}
		input {
			font-size: 19px;
		}
		textarea {
			text-align:center;
			font-size: 19px;
			height:201px;
		}
		.over{
			@media(max-width: 500px){
				margin-left: 0;
				width: 100%;
			}
		}
		.left,.right {

			text-align: center;

			.center{
				display: inline-block;
				width: 100%;

				@media(max-width: 767px) {
					max-width: 500px;
				}
			}
		}
		.right{
			.for_input{
				max-width: 486px;

				@media(max-width: 767px){
					max-width: 495px;
				}
			}
		}
		.online-button {
			float:none;
			margin:76px auto 0;
			margin-bottom:15px;

			a {
				padding:0 0 0 29px;
			}
		}
		p.success {
			display:inline-block;
			width:100%;
			text-align:center;
			margin: 0px 0 20px 0;

			span {
				display:none;
			}
		}
	}
	.cleaner {
		clear:both;
	}
	.kde-najdu-stitek {
		cursor: pointer;
      	margin: 30px 0 -10px 10px;
      	float: left;
		color: #009ee0;
		font-weight: 500;

		&:hover {
			color: #009ee0;
			text-decoration: underline;
		}
	}

	/* footer */
	footer {
		position:relative;
		display: inline-block;
		width: 100%;
        background:#fff;
        
        .container {
            position:relative;
        }

		section.footer-main {
            position: absolute;
            left: 0;
            right: 0;
			background:#fff;
            border-top: 5px solid #009ee0;
			margin: 300px 0 0;
            padding: 20px 30px 0;
            line-height: 1.5;
            -moz-transform: skewX(-13deg);
			-webkit-transform: skewX(-13deg);
			-o-transform: skewX(-13deg);
			-ms-transform: skewX(-13deg);
			transform: skewX(-13deg);
            z-index: 10;
            
            @media(max-width: 991px){
    			margin: 200px 0 0;
    		}

			@media(max-width: 767px){
                position: static;
				border-top: 4px solid #009ee0;
				margin: 0;
                -moz-transform: skewX(0deg);
    			-webkit-transform: skewX(0deg);
    			-o-transform: skewX(0deg);
    			-ms-transform: skewX(0deg);
    			transform: skewX(0deg);
			}
            
            a {
                text-decoration: underline;
                color: #000;
            }    
            
            img {
                display: block;
                margin: 20px auto;
            }
		}
        
        .footer-main-content {
            -moz-transform: skewX(13deg);
			-webkit-transform: skewX(13deg);
			-o-transform: skewX(13deg);
			-ms-transform: skewX(13deg);
			transform: skewX(13deg);
            
            @media(max-width: 767px){
                -moz-transform: skewX(0deg);
    			-webkit-transform: skewX(0deg);
    			-o-transform: skewX(0deg);
    			-ms-transform: skewX(0deg);
    			transform: skewX(0deg);
			}
        }
	}
	
	footer section.footer-main .kontakt-menu {
		display: block;
		margin:30px 0 0;
        padding: 15px 0;
		position: relative;
        border-top: 1px solid #e9e9e9;
        
        img {
            display: inline-block;
            vertical-align: -.25rem;
            margin: 0 7px 0 0;
        }
	}
    
    .footer-menu {
        padding: 15px 0;
        background: #fff;
        text-align: center;
    }
	
	.footer-menu ul.menu li {
		display: inline-block;
		font-size: 16px;
		min-width:50px;
		padding: 0 30px 0 5px;
		height: 35px;
		vertical-align: top;
		line-height: 40px;
		position: relative;
        
        a {
            color: #000;
        }

		&:after{
			content: '';
			position: absolute;
			right: 11px;
			top: 0;
			width: 1px;
			height: 33px;
			background: #f2f2f2;
			-moz-transform: skewX(-13deg);
			-webkit-transform: skewX(-13deg);
			-o-transform: skewX(-13deg);
			-ms-transform: skewX(-13deg);
			transform: skewX(-13deg);
		}
	}
    
	.footer-menu ul.menu>li
	{
		>ul.sub-menu{
			display: none;
		}
		>a {
			vertical-align: top;
			text-decoration:none;
			padding:0;
		}
	}

	.footer-menu ul.menu li.current_page_item a, .footer-menu ul.menu li a:hover{
		font-weight:500;
		color:#000;
	}
    
	footer section.footer-main .kontakt-menu ul.menu li{&:last-child{&:after{display: none;}}}
	footer section.footer-main .kontakt-menu a.logo {
		float:left;
		margin: 36px 0 0 0;
		background-image: url('../images/snadnee.png');
		display:block;

		@media(max-width: 991px){
			margin-top:4px;
		}


	}
	footer section.footer-main .kontakt-menu a.logo:hover {
		background-position:bottom;
	}
	footer section.footer-main .for_sw{
		display: inline-block;

		@media(max-width: 767px){
			width: 100%;
			text-align: center;
		}

		@media(min-width: 768px) and (max-width: 991px){
			position: absolute;
			left: -170px;
			bottom: -42px;
		}

		.center{
			display: inline-block;

			@media(max-width: 767px){
				margin-top: 40px;
			}

			span.vytvoril{
				float:left;
				margin:40px 10px 0 10px;

				@media(max-width: 991px){
					/*margin:8px 10px 0 0;*/
                    display: none;

				}
			}
		}
	}

	footer #map-canvas {
		width:100%;
		height:620px;
		z-index:1;

		@media(max-width: 767px){
			display: none;
		}
	}
	footer .infobox-wrapper {
		display: none;
	}
	footer #infobox {
		width: 36px;
		height: 54px;
		margin-top: 8px;
		background-image: url('../images/map-icon.png');
	}

	/* Cookies */
	.cc_container {
		font-family: Roboto !important;
		font-size:14px !important;
		font-weight: 300;
	}

	@media screen and (min-width: 768px) {
		.cc_container {
			padding: 5px 309px 5px !important;
		}}

	.cc_container .cc_btn, .cc_container .cc_btn:visited {
		background: none !important;
		color: #009EE0 !important;
	}

/*******************************/
/****** Podstránka *************/
/*******************************/
.clear{
	clear: both;
}
.content-podstranka {
	padding-top: 40px;
	padding-bottom: 40px;

	.left {
		float: left;
	}
	.right {
		float: right;
	}
	@media (max-width: 767px) {
		.right, .left, .none {
			float: none;
			width: 100%;
			text-align: center;

			img.alignleft, img.alignright {
				float: none;
				margin-right: 0;
				margin-left: 0;
			}
		}
	}

	&.strokna {
		padding-top: 10px;
	}

	h1 {
		color: #000;
		float: none;
		margin: 20px 0 30px;
	}

	p {
		line-height: 130%;

		a {
			color: #009ee0;
			text-decoration: none;
			display: inline-block;
		}
	}

	li a {
		color: #009ee0;
		text-decoration: none;
		display: inline-block;

		&:hover {
			text-decoration: underline;
		}
	}

	p img {
		max-width: 100%;
		margin-top: 10px;
		margin-bottom: 10px;

		&.alignright {
			float: right;
			margin-left: 30px;
			clear: right;
		}

		&.alignleft {
			float: left;
			margin-right: 30px;
			clear: left;
		}

		&.aligncenter {
			margin: auto;
		}
	}

	p a:hover {
		text-decoration: underline;
	}
}

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

/********** Ceník ***********************/

/****************************************/
.content-cenik{
	margin-bottom: 30px;
	margin-top: 30px;
}
.content-cenik.doplnky{
	margin-top:60px;
	position: relative;
	overflow:visible;

}
.content-cenik.doplnky:before{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	float: left;
	width: 100%;
	height: 35px;
	margin-bottom: 40px;
	background-color: #edf6fc;

	@media(max-width: 1200px){
		width: 1240px;
	}
}
.vyhrazeno {
	text-align: center;
	margin-top: 20px;
	line-height: 130%;
	margin-bottom: 60px;
}
section.for_slide{
	overflow-x:auto;
	-webkit-user-select: none; /* Chrome/Safari */
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* IE10+ */
	-o-user-select: none;
	user-select: none;


	@media(max-width: 1240px){
		cursor: move;
	}

    .icon{
        position: fixed;
        width: 130px;
        height: 130px;
        display: inline-block;
        background: url("../images/swipe.png") no-repeat center;
        left: calc(~"50% - 65px");
        top: calc(~"50vh - 65px");
        z-index: 30;
        animation: nudge 2s linear infinite;

        @media(min-width: 1240px){
            display: none;
        }
    }
}

@keyframes nudge {
   0%, 50%, 100% {
     transform: translate(0, 0);
   }

   25% {
     transform: translate(50px, 0);
   }

   75% {
     transform: translate(-50px, 0);
   }
}
//@keyframes disap {
//  0%, 20% {
//     opacity: 1;
//  }
//
//  100% {
//     opacity: 0;
//  }
//}
.content-cenik .container{

	@media(min-width: 1200px){
		width: 1200px;
	}

	.for_head{
		display: inline-block;
		position: relative;
		width: 100%;
		min-width: 1200px;

        @media(max-width: 1240px) {
            padding: 0 20px 0 20px;
        }
	}
	.around-table{
		display: inline-block;

        @media(max-width: 1240px) {
            padding: 0 20px 0 20px;
        }
	}
	.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
		border-top: 0;
		padding: 0;
		line-height: inherit;

		&.okno{
			text-align:right;
			/*background-color: #ececed;*/
			margin-left: 0.4%;
			width: /*5.1%;*/ calc(~"(100% - 33.5%)/12 - 0.4%");
			position: relative;
			font-size: 13px;
			font-family:'Roboto';
			font-weight: 500;
			padding-right: 2px;

			&.cely_radek{
				width:  calc(~"100% - 33.5% - 0.4%");
				padding-left:11px;
				text-align:left;
				background: #f6f6f6;
			}

			&.cntr,
			&.height{
				text-align: center;
				padding:0 2px;
			}
		}
	}
	.table.half>tbody>tr>td, .table.half>tbody>tr>th, .table.half>tfoot>tr>td, .table.half>tfoot>tr>th, .table.half>thead>tr>td, .table.half>thead>tr>th {
		&.okno{
			width: 10.3%;
			margin-left: 0.8%;
		}
	}
}
.content-cenik .table-responsive{
	overflow: visible;

	@media(max-width: 767px){
		border: 0;
		margin: 0;
	}

	table.table{
		width: 100%;
		min-width: 1200px;
		line-height: 155%;
		position: relative;
	}
}
.content-cenik table.table h2{
	font-size: 26px;
	margin-top: 7px;
	color: #009cdd;
}
.content-cenik table.table h3{
	font-size: 18.6px;
	color: #009cdd;
}
.content-cenik table.table h4{
	color: #009cdd;
	padding:10px 0;
	font-family:'Roboto';
	font-weight: 500;
	margin-top: 20px;
}
.content-cenik table.table h5{
	float: left;
	font-size: 14px;
	margin-right: 8px;
	font-family:'Roboto';
	font-weight: 500;
}
.content-cenik table.table .zafixovat1,
.content-cenik table.table .zafixovat2{
	position: absolute;
	width: 100%;
	background: #fff;
	z-index: 20;
}
.content-cenik table.table .zafixovat1{
	padding-top: 10px;
}
.content-cenik table.table .zafixovat1 .druhy_nadpis{
	display: none;
}
.content-cenik table.table .zafixovat2{
	top: 122px;
	padding-top: 10px;
}

.content-cenik table.table .zafixovat2.fixed{
	top: 122px;
	padding-bottom: 5px;
	border-bottom: 1px solid #009ee0;
}
.content-cenik table.table .afterfix{
	height: 145px;
}
.content-cenik table.table .afterfix2{
	height: 45px;
}
.content-cenik.doplnky table.table h5{
	display: inline-block;
	width: 30px;
}
.content-cenik.doplnky table.table.half h5{
	display: inline-block;
	width: auto;
}
.content-cenik table.table .left{
	float: left;
	font-size: 13px;
}
.content-cenik table.table .right{
	float: right;
	font-size: 13px;
}
.content-cenik table.table .table-head{
	line-height: 160%;

	p{
		font-size: 18.2px;
	}
}
.content-cenik table.table .kod-okna{
	font-family:'Roboto';
	font-weight: 500;
	text-align: right;
	line-height: 160%;
}
.content-cenik table.table .okno,
.content-cenik table.table .popis{
	float: left;
}
.content-cenik table.table .popis{
	/*background-color: #edf6fc;*/
	width: 33.5%;
	/*padding: 0 10px;*/
}
.content-cenik table.table tr.light{
	border-bottom: 3px solid #ffffff;
}
/*.content-cenik table.table tr.info{
	background-color: #edf6fc;
}*/
.content-cenik table.table tr.info p{
	font-size: 14px;
	padding: 5px 10px;
}
.content-cenik table.table tr.info p strong{
	font-family:'Roboto';
	font-weight: 500;
}
.content-cenik table.table tr.info p span{
	color: #009cdd;
}
.content-cenik table.table tr.light .left span,
.content-cenik table.table tr.light .right{
	color: #009cdd;
}
.content-cenik table.table tr.light .okno{
	color: #009cdd;
	background: #f6f6f6;
}
.content-cenik table.table .popis.height,
.content-cenik table.table .okno.height{
	min-height: 115px;
}
.content-cenik table.table .okno.height div{
	position: absolute;
	bottom:0;
	width: 95%;
	text-align:center;
}
.content-cenik table.table .okno img{
	max-width: 100%;
}
.content-cenik table.table.half{
	width: 50%;
	max-width: 598px;
	min-width: 0;
	float: left;

	&.dva{
		margin-left: 4px;
		width: 49%;
	}
}
.content-cenik table.table.half .popis{
	width: 67%;
}
.content-cenik table.table.half .okno{
	width: 9.66%;
	margin-left: 0.76%;
}

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

/************ REFERENCE ***************/

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

.content-produkt .ref{
	padding: 10px;

	@media(max-width: 450px){
		width: 100%;
	}
}
.content-produkt .ref .for_ref {
	max-height: 236px;
	overflow: hidden;
}
.content-produkt .ref a{
	color: #000;
	text-decoration: none;
	float:left;
	text-align: center;
	/*border: 1px solid #fff;*/
}
.content-produkt .ref a h3{
	border-bottom: 1px solid #fff;
	font-size: 20px;
	text-align: center;
	display: inline-block;
	height: 50px;
	width: 100%;
}
.content-produkt .ref a:hover{
	text-decoration: none;
	/*border: 1px solid #009ee0;*/
}
.content-produkt .ref a:hover h3{

}
.content-produkt .ref img{
	width: 100%;
}


/*---------- SCREEN RESO ------------
@media screen and (max-width:1259px) {
	header section.main-menu {
		background-image: url('../images/mainmenu-bg-low.png') no-repeat;
	}
	section.content-window {
		background:url('../images/produkt-right-bg-low.png') right bottom no-repeat transparent;
		height:350px;
	}
	section.content-window p {
		margin: 340px 0 0 360px;
	}
	section.left-content {
		margin: 60px 0 0 0;
		background:url('../images/left-krivak-low.png') bottom left no-repeat transparent;
	}
	section.dokumentace-produkt {
		background:url('../images/dokumentace-produkt-bg-low.png') no-repeat right top #fff;
	}
	section.personal {
		background:url('../images/o-firme-personal-low.png') no-repeat left top transparent;
	}
	section.dokumentace {
		background:url('../images/dokumentace-bg-low.png') no-repeat right top #fff;
	}
	section.home-slider {
		background:url('../images/section-slider-bg-med.png') no-repeat transparent;
	}
	section.home-slider ul {
		margin: 35px 0 0 185px;
		float: left;
	}
	section.home-slider h2 {
		margin: 30px 0 0 200px;
		float: left;
	}
	section.home-slider .arrows {
		float: left;
		margin: 31px 0 0 39px;
	}
	header.home {
		background:url('../images/header-bg-uvod.jpg') 40% 20% #fff;
	}
	header section.header-produkt {
		background:url('../images/header-produkt-bgleft-med.png') no-repeat transparent;
	}
}
@media screen and (min-width: 1260px) and (max-width:1440px) {
	header section.main-menu {
		background-image: url('../images/mainmenu-bg-med.png') no-repeat;
	}
	section.content-window {
		background:url('../images/produkt-right-bg-low.png') right bottom no-repeat transparent;
		height:350px;
	}
	section.content-window p {
		margin: 340px 0 0 360px;
	}
	section.left-content {
		margin: 60px 0 0 0;
		background:url('../images/left-krivak-med.png') bottom left no-repeat transparent;
	}
	section.dokumentace-produkt {
		background:url('../images/dokumentace-produkt-bg-med.png') no-repeat right top #fff;
	}
	section.personal {
		background:url('../images/o-firme-personal-med.png') no-repeat left top transparent;
	}
	section.dokumentace {
		background:url('../images/dokumentace-bg-med.png') no-repeat right top #fff;
		margin-bottom: 60px;
	}
	section.home-slider {
		background:url('../images/section-slider-bg-med.png') no-repeat transparent;
	}
	section.home-slider ul {
		margin: 35px 0 0 185px;
		float: left;
	}
	section.home-slider h2 {
		margin: 30px 0 0 200px;
		float: left;
	}
	section.home-slider .arrows {
		float: left;
		margin: 31px 0 0 39px;
	}
	header.home {
		background:url('../images/header-bg-uvod.jpg') 40% 20% #fff;
	}
	header section.header-produkt {
		background:url('../images/header-produkt-bgleft-med.png') no-repeat transparent;
	}
}
@media screen and (min-width: 1440px) and (max-width:1600px) {
	section.content-window {
		background:url('../images/produkt-right-bg-med.png') right bottom no-repeat transparent;
		height:350px;
	}
	section.content-window p {
		margin: 340px 0 0 230px;
	}
}*/




/* **************** kalkulace 2 ******************** */


.p-l-28 {
	padding-left: 28px;
}

.for_input {
	max-width: 100%;
}

#colors {
	//height: 330px;
}

#window {
	height: 330px;
}


#window img {
	height: 400px;
}

#doplnek-select {
	width: 280px;
}

#total-price {
	//height: 110px;
}

.select-label {
	font-size: 16px;
	
	padding-top: 10px;
	padding-bottom: 10px;
}

textarea.texta {
	height: 126px !important;
}

header.page-id-1944 {
	min-height: 155px;
}

@media (max-width: 767px) {
	#colors {
		height: auto;
	}

	#window {
		height: auto;
	}


	#window img {
		height: auto;
	}

	.select-label {
		margin-top: 50px;
	}

	section.steps select.select, div.select, #doplnek-select, #velikost-select {
		width: 100%;
	}

	.p-l-28 {
		padding-left: 15px;
	}
}

#quantity-wrapper {
	vertical-align: top;
}
#quantity-wrapper label, #quantity-wrapper input {
	display: inline-block;
}
.shop-price {
	margin: 30px 0;
	font-weight: 500;
	font-size: 16px;

}
.shop-price span {
	color: #009ee0;
}
section.shrnuti table td {
	padding: 10px 0;
}
section.main-menu ul#menu-hlavni-menu > li.menu-item.show1 > ul.sub-menu > li > .sub-menu > li.green:before, section.main-menu ul#menu-hlavni-menu>li.menu-item.show1>ul.sub-menu>li>.sub-menu>li.green a span {
	background: #1ab058;
}
#colors label {
	position: relative;
}
#colors label span.number {
	position: absolute;
	bottom: 6px;
	right: -8px;
	background: linear-gradient(to top, rgba(70, 107, 113, 0.4) 48px, rgba(70, 107, 113, 0) 48px);
	width: 50px;
	text-align: center;
	color: white;
}
#step2, #step3, #step4, #step5, #step6 {
	display: none;
}
#step5 {
	padding-bottom: 25px!important;
}
.in_steps .green_number {
	position: absolute;
	left: 13%;
	top: 0;
	margin: 0!important;
}