@charset "UTF-8";
@import url('https://fonts.googleapis.com/css?family=Montserrat:300,300i,400,400i,500,500i,600,600i,700,700i&subset=latin-ext');

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,font,img,ins,kbd,q,s,samp,
small,strike,sub,sup,tt,var,
dd,dl,dt,li,ol,ul,input,
fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td {
	color: #959595;
	font-family: 'Montserrat', sans-serif, Arial, Helvetica;
	font-weight:300;
	font-size:14px;
}

html, body {
	margin: 0;
	padding: 0;
	overflow-x: hidden;
	font-size: 14px;
}

*, *::before, *::after {
    box-sizing: border-box;
}

.site-wrapper{
	position: relative;
	width:100%;
}

.clear{clear:both; height:0;}
a{outline:0;}
a:hover{text-decoration:none;}
img{border:none;}
form{margin:0; padding:0;}
.uppercase{text-transform:uppercase;}
.text-center{text-align:center;}
.text-right{text-align:right;}
.text-left{text-align:left;}
p{margin:0; padding:0; margin-bottom: 5px;}

h2{margin:0; padding:0; font-size:70px; font-family:'Montserrat', sans-serif, Arial, Helvetica; font-weight:600; color:#014493; margin-bottom:55px;}
h3{margin:0; padding:0; font-size:40px; font-family:'Montserrat', sans-serif, Arial, Helvetica; font-weight:700; color:#014493; margin-bottom:40px;}

.page-inner{margin:0 auto; position: relative; max-width:1500px;}
.page-inner-2{margin:0 auto; position: relative; max-width:1330px;}

#null {
	height:117px;
}

/* HEAD MENU */
#head-menu{
	height:117px;
	position:fixed;
	width: 100%;
	z-index:200;
}
#head-menu .content{
	max-width:1500px;
	margin:0 auto;
}
#head-menu a.logo {
	display: inline-block;
  float: left;
  margin: 0;
  position: fixed;
	left:30px;
	top:29px;
  width:60px;
}

/* TOP MENU */
.top-menu{
  margin: 0;
  padding: 0;
  float: right;
}
.top-menu li {
	float: left;
  line-height:116px;
  list-style-type: none;
	margin-left:35px;
	margin-right:35px;
}
.top-menu li a{
	text-decoration:none;
	text-transform:uppercase;
	font-size:15px;
	font-weight:bold;
	display:block;
}

.menu-v-1{border-bottom:1px solid transparent;}
.menu-v-1 .top-menu li a{color:white;}
.menu-v-1 .top-menu li a:hover{border-bottom:1px solid white;}
.menu-v-1 .top-menu li a.active{border-bottom:1px solid white;}
.menu-v-1 .logo-1{display:block;}
.menu-v-1 .logo-2{display:none;}

.menu-v-2{border-bottom:1px solid #f5f5f5; background-image:url(../images/opacity.png);	background-repeat:repeat;}
.menu-v-2 .top-menu li a{color:black;}
.menu-v-2 .top-menu li a:hover{border-bottom:1px solid #014493;}
.menu-v-2 .top-menu li a.active{border-bottom:1px solid #014493;}
.menu-v-2 .logo-1{display:none;}
.menu-v-2 .logo-2{display:block;}

/* menu mobil */
#mainMenu2{
	display:none;
	color: white;
	float: right;
	width: 14px;
	height: 10px;
	/*background-image: url(../images/btnMenu.png);
	background-repeat: no-repeat;
	background-position: right;*/
	margin-right:35px;
	margin-top:53px;
}

#main-menu-mobil{display:none; width: 100%; min-height:100px; background-color:white; position:fixed; z-index:200; top:117px;}
#main-menu-mobil ul{margin:0; padding:0;}
#main-menu-mobil ul li,
#main-menu-mobil ul li a{
	list-style-type: none;
	min-height:30px;
	color: black;
	font-size: 15px;
	font-weight: bold;
	margin: 0;
	text-transform: uppercase;
	padding:5px;
	text-decoration:none;
}
#main-menu-mobil ul li a{
	display:block;
}
#main-menu-mobil ul li a:hover{
	text-decoration: underline;
}


/* slider HP */
#slider-hp{
	background-color:white;
	min-height:150px;
}
#slider-hp .scroller{
	display:block;
	position: absolute;
	text-align:center;
	width:100%;
	height:31px;
	box-sizing: border-box;
}
#slider-hp .scroller img {
	-webkit-animation: blink 3s;
  -webkit-animation-iteration-count: infinite;
	-moz-animation: blink 3s;
	-moz-animation-iteration-count: infinite;
	-o-animation: blink 3s;
	-o-animation-iteration-count: infinite;
}

@-webkit-keyframes blink {
	0% {opacity: 1;}
	49% {opacity: 1;}
	50% {opacity: 0;}
	100% {opacity: 0;}
}
@-moz-keyframes blink {
	0% {opacity: 1;}
	49% {opacity: 1;}
	50% {opacity: 0;}
	100% {opacity: 0;}
}
@-o-keyframes blink {
	0% {opacity: 1;}
	49% {opacity: 1;}
	50% {opacity: 0;}
	100% {opacity: 0;}
}

/* slogan hp */
#slogan-hp{position:absolute; width:100%;}
#slogan-hp div{display:block; text-align:center; font-family: 'Montserrat', sans-serif, Arial, Helvetica;}
#slogan-hp .text-strong{font-size:80px; font-weight:700; text-transform:uppercase; color:white;}
#slogan-hp .text-light{font-size:80px; text-transform:uppercase; color:white;}
#slogan-hp .text-info{font-size:30px; color:white; font-weight:400; padding-top:25px;}

/* footer */
#footer{background-color:#060604; width:100%; position:relative; min-height:360px;}
#footer .f-box{width:33.33%; float:left; color:white; font-size:16px;}

#footer .f-box-1{margin-top:202px;}
#footer .f-box-1 ul{margin:0; padding:0; margin-bottom:32px;}
#footer .f-box-1 ul li{float:left; list-style-type:none; margin-left:24px; margin-right:24px;}
#footer .f-box-1 ul li:first-child{margin-left:0;}
#footer .f-box-1 ul li:last-child{margin-right:0;}
#footer .f-box-1 ul li a{
	text-decoration:none;
	color:white;
	text-transform:uppercase;
	font-size:12px;
	font-weight:bold;
	display:block;
}
#footer .f-box-1 .slogan{display:block; margin-bottom:64px;}

#footer .f-box-2{margin-top:110px;}
#footer .f-box-2 div{margin:0 auto; width:55%; color:white; font-size:16px;}
#footer .f-box-2 b{font-weight:600;}

#footer .f-box-3 img{float:right; margin-top:196px;}

/* other pages */
#sluzby-hp{min-height:675px; background-color:white; background-image:url(../images/plastev_right.png); background-position:right bottom; background-repeat:no-repeat;}
#sluzby-hp h2{padding-top:65px; margin-bottom:33px;}
#sluzby-hp .div-first{float:left; width:33.3%; padding-right:35px;}
#sluzby-hp .div-first p{font-size:24px;}
#sluzby-hp .div-second{float:left; width:66.6%;}

#sluzby-hp .sluzby-box{float:left; width:50%; border-left:6px solid #014493; margin-bottom:58px; padding-left:15px; min-height:85px; padding-right:35px; padding-top:6px;}
#sluzby-hp .sluzby-box span{color:#060604; font-weight:500; font-size:20px;}
#sluzby-hp .sluzby-box span.poznamka{color:#959595; font-size:16px; font-weight:300;}
#sluzby-hp .sluzby-box a{display:block; text-decoration:none;}

#flipbook-hp{background-color:#d4d4d4;}
#flipbook-hp .bg{background-image:url(../images/flipbook_back.png); background-position:left center; min-height:500px; background-repeat:no-repeat;}
#flipbook-hp .fb-left{float:left; width:65%;}
#flipbook-hp .fb-right{float:left; width:35%; padding:50px; padding-top:100px;}
#flipbook-hp .fb-right p{color:#060604; font-size:20px; margin-bottom:40px;}
#flipbook-hp img{position:absolute; max-width: 100%; height: auto;}

#partneri-hp{min-height:672px; background-color:white; background-image:url(../images/plastev_left.png); background-position:left bottom; background-repeat:no-repeat;}
#partneri-hp h2{padding-top:82px; margin-bottom:33px;}
#partneri-hp .div-first{float:left; width:33.3%; padding-right:35px;}
#partneri-hp .div-first p{font-size:24px;}
#partneri-hp .div-second{float:left; width:66.6%;}

#partneri-obsah{}
#partneri-obsah .partneri-box{border-left:6px solid #014493; margin-bottom:58px; padding-left:15px; min-height:82px; }
#partneri-obsah .partneri-box .pb-logo{float:left; width:50%; margin-right:1%;  min-height:82px;}
#partneri-obsah .partneri-box .pb-obsah{float:left; width:49%; font-size:16px;}
#partneri-obsah .partneri-box .pb-obsah .nadpis{color:#060604; font-weight:400; }
#partneri-obsah .partneri-box .pb-logo img{max-width: 100%; height: auto;}

#partneri-obsah .partneri-box .pb-logo{position: relative;}
#partneri-obsah .partneri-box .pb-logo img{position: absolute; top: 50%; left: 50%; margin-right: -50%; transform: translate(-50%, -50%);}

a.link-btn{
	display:block;
	min-height:50px;
	line-height:50px;
	width:160px; 
	border:2px solid #014493;
	font-size:16px;
	font-family: 'Montserrat', sans-serif, Arial, Helvetica;
	color:#014493;
	background-color:transparent;
	cursor:pointer;
	text-align:center;
	text-decoration:none;
	font-weight:400;
}
a.link-btn:hover{border:2px solid #014493; background-color:#014493; color:white;}


#page-404{padding:25px;}
#page-404 h1{margin:0; padding:0; font-size:70px; font-family:'Montserrat', sans-serif, Arial, Helvetica; font-weight:600; color:#014493; margin-bottom:30px;}
#page-404 p{margin:5px;}

h2.h2-pages{margin-top:135px; margin-bottom: 38px; font-weight:700; }

h3.h3-line{color:#959595; text-align:center; font-size:18px; font-weight:400; text-transform:uppercase; margin-top: 25px; margin-bottom:25px;}
h3.h3-line:before,
h3.h3-line:after {
    background-color: #959595;
    content: "";
    display: inline-block;
    height: 1px;
    position: relative;
    vertical-align: middle;
    width: 60px;
}
h3.h3-line:before {
    right: 0.5em;
    margin-left: -50%;
}
h3.h3-line:after {
    left: 0.5em;
    margin-right: -50%;
}


.back-first-box{background-image:url(../images/plastev_right.png); background-position:right 349px; background-repeat:no-repeat;}
.back-bottom-box{background-image:url(../images/plastev_left.png); background-position:left 410px; background-repeat:no-repeat;}

#reference{margin-bottom:99px;}
.reference-boxy{/*display: flex;*/}
.reference-boxy .r-box{position:relative; float:left; display:block; width:23.5%; height:350px; margin-right:1.5%; margin-bottom:1.5%; box-sizing: border-box; background-repeat:no-repeat; background-position: center;}
/*.reference-boxy .r-box:nth-of-type(3),.reference-boxy .r-box:nth-of-type(6),.reference-boxy .r-box:nth-of-type(9) {margin-right:0;}*/

.reference-boxy .r-box a{display:block; width:100%; height:100%;}
.reference-boxy .r-box .rbox-popis{position:absolute; color:white; font-size:16px; left:20px; bottom:20px; text-transform:uppercase; padding-right: 10px;}

#page-type-1{padding-bottom:70px;}
#page-type-1 .pt-left{float:left; width:455px;}
#page-type-1 .pt-right{float:left; width:875px;}
#page-type-1 .pt-box-text{float:left; width:47%;margin-right:3%; margin-bottom: 50px;}
#page-type-1 .pt-perex{margin-bottom: 45px;}
#page-type-1 .pt-perex p{font-weight: 500; color:black; font-size:23px;}

#page-type-2{padding-bottom:70px;}
#page-type-2 .pt-left{float:left; width:455px;}
#page-type-2 .pt-right{float:left; width:875px;}
#page-type-2 .pt-box-text{float:left; width:47%;margin-right:3%; margin-bottom: 50px;}

#page-type-2 .pt-left ul{margin:0; padding:0; width:80%;}
#page-type-2 .pt-left ul li{
	list-style-type: none;
	min-height:30px;
	margin: 0;
	padding-bottom:41px;
}
#page-type-2 .pt-left ul li a{
	display:block;
	text-decoration:none;
	color: #959595;
	font-size: 18px;
	font-weight: bold;
	text-transform: uppercase;
}
#page-type-2 .pt-left ul li a:hover,
#page-type-2 .pt-left ul li a.active{
	color:#060604;
}

#page-type-2 .pt-right ul{}
#page-type-2 .pt-right li{margin-bottom:10px;}

#page-type-3{padding-bottom:70px;}
#page-type-3 .kategorie-reference ul{margin:0; padding:0; padding-bottom: 60px;}
#page-type-3 .kategorie-reference li{
	float: left;
	list-style-type: none;
	margin-right: 30px;
}
#page-type-3 .kategorie-reference ul li a{color:#959595; font-size: 20px; text-decoration: none;}
#page-type-3 .kategorie-reference ul li a:hover,
#page-type-3 .kategorie-reference ul li a.active{
	color:#060604;
}
#page-type-3 .box-text{margin-bottom: 40px;}

#page-type-4{padding-bottom:110px;}
#page-type-4 .pt-left{float:left; width:455px;}
#page-type-4 .pt-right{float:left; width:875px;}
#page-type-4 .pt-box-text{float:left; width:47%;margin-right:3%; margin-bottom: 50px;}

#page-type-5{padding-bottom:70px;}
#page-type-5 .pt-left{float:left; width:455px;}
#page-type-5 .pt-right{float:left; width:875px;}
#page-type-5 .pt-image{margin-bottom: 40px;}
#page-type-5 .pt-box-text{float:left; width:47%;margin-right:3%; margin-bottom: 50px;}
#page-type-5 .pt-image img{max-width: 100%; height: auto;}
#page-type-5 .pt-left p.detail-popis-left{width:90%;}

#ism{padding-bottom:10px;}
#ism .box-left{float:left; width:50%;}
#ism .box-right{float:left; width:50%;}
#ism .box-text{padding-left:55px; padding-right: 55px;}
#ism img{max-width: 100%; height: auto;}
#ism h2{margin-top:70px; margin-bottom:55px;}

#oceneni{padding-bottom:70px;}
#oceneni .o-left{float:left; width:455px;}
#oceneni .o-right{float:left; width:875px;}

#oceneni .o-box{float:left; width:50%; /*margin-right: 40px;*/}
/*#oceneni .o-box:nth-of-type(2) {margin-right:0;}*/
#oceneni .o-box .o-box-img{border-left:6px solid #014493;  min-height: 80px;}
#oceneni .o-box .o-box-img img{max-width: 100%; height: auto;}
#oceneni .o-box .o-box-text{color:#959595; font-size:14px; padding-top: 21px; padding-bottom: 21px;}

#mapa{padding-bottom:95px;}
#mapa .box-left{float:left; width:50%;}
#mapa .box-right{float:left; width:50%;}
#mapa .box-text{padding-left:55px; padding-right: 55px;}
#mapa img{max-width: 100%; height: auto;}
#mapa h2{margin-top:75px; margin-bottom:55px;}

#mapa iframe{width:100%;}

/* form */
#page-type-4 input[type='text'], textarea {
	font-size:16px;
	font-family:'Montserrat', sans-serif, Arial, Helvetica;
	font-weight:400;
	padding:17px;
	border:1px solid #d7d7d7;
	width:100%;
	outline:none;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	background-color:white;
	color:black;
}
#page-type-4 .row{width:100%; padding-top:9px; padding-bottom:9px; overflow:hidden;}
#page-type-4 .row2{width:100%; padding-top:49px; padding-bottom:9px; overflow:hidden;}
#page-type-4 .cell0{overflow:hidden; float:left; width:100%;}
::-webkit-input-placeholder{color:#a7a7a7; opacity:1 !important;}
:-moz-placeholder{color:#a7a7a7; opacity:1 !important;}
::-moz-placeholder{color:#a7a7a7; opacity:1 !important;}
:-ms-input-placeholder{color:#a7a7a7;}
#page-type-4 input[type='text']:focus, textarea:focus{border-color:#d7d7d7;}
#page-type-4 input[type='text'].error, textarea.error{border:1px solid red;}
#page-type-4 label.error{width:none; color:red; font-size:13px;}
#page-type-4 textarea{resize:none; height:60px;}
#page-type-4 textarea.ta-expand{resize:none; height:180px;}

.input-btn,.input-btn2{
	height:50px;
	line-height:50px;
	width:160px; 
	border:2px solid #014493;
	font-size:16px;
	font-family:'Montserrat', sans-serif, Arial, Helvetica;
	color:#014493;
	background-color:transparent;
	cursor:pointer;
	font-weight:400;
	text-decoration:none;
}
.input-btn2{background-color:white;}
.input-btn:hover,.input-btn2:hover{border:2px solid #014493; background-color:#014493; color:white;}

/* error */
#chyba-hlaska-div{border:2px solid red; background: white; padding:5px; margin-bottom:5px; line-height: 150%; color: red;}
#chyba-hlaska{margin:0px; padding:0px;}
#chyba-hlaska li{list-style-type:none; padding-bottom:2px; color: red;}

.pt-left{font-size: 24px;}
.o-left p{font-size: 24px;}
.pt-left p{font-size: 24px;}

/*#zasady .box-text{padding-left:55px; padding-right: 55px;}*/

#slider-detail{width:100%; min-height: 656px;}/*440*/

#strankovani{margin-bottom:10px;}
#strankovani .box-prev{float:left; font-size: 20px;}
#strankovani .box-next{float:right; font-size: 20px;}
#strankovani .box-off{color:#dcdcdc;}
#strankovani a{
	color: #959595;
	font-size: 20px;
	text-decoration: none;
}
#strankovani a:hover{color:#060604;}

.text-cerny-velky{ color: black; font-size: 23px; font-weight: 500;}