/*@import url("styles_povodne.css");*/

/* --------- RESET*/
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;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
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;
}
/* --------- RESET*/

b,strong{
	font-weight:bold;
}
em{
	font-style:italic;
}


/*-------------CLEARFIX------------------*/
.cf:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.cf { display: inline-block; }
/* start commented backslash hack \*/
* html .cf { height: 1%; }
.cf { display: block; }
/* close commented backslash hack */



.image_slider {
    width: 100%;
    height: 360px;
    position: relative;
}
.image_slider .slide {
        z-index: 1;
        position: absolute;
        width: 100%;
        top: 0;
        left: 0;
        height: 100%;
        transition: opacity 2s ease-in-out;
 
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
 
        opacity: 0;
}
.image_slider .slide.show {
            opacity: 1;
        }


.image_top {
    width: 100%;
    height: 360px;
    background-position:bottom center;
	background-size:cover;
	background-repeat:no-repeat;
}		
		
		
body{
	height:100%;
	color:#111;
	/*font-family: 'Open Sans', sans-serif,verdana, arial;*/
	font-family: 'Roboto', sans-serif,verdana, arial;
	line-height:25px;
	text-align:left;
}

sup{ 
    vertical-align: super;
    font-size: smaller;
}

header{
}




.parallax-window {
    min-height: 400px;
    background: transparent;
	box-sizing: border-box;
    /*padding-top: 100px;*/
}

.mobile-menu1 {
	display:none;
    cursor: pointer;
	position:absolute;
	top: calc(50% - 20px);
    right: 10px;
	/*margin:26px;*/
	z-index:3;
}
.bar1, .bar2, .bar3 {
    width: 35px;
    height: 5px;
    background-color: #333;
    margin: 6px 0;
    transition: 0.4s;
}
.change .bar1 {
    -webkit-transform: rotate(-45deg) translate(-8px, 6px) ;
    transform: rotate(-45deg) translate(-8px, 6px) ;
}
.change .bar2 {opacity: 0;}
.change .bar3 {
    -webkit-transform: rotate(45deg) translate(-8px, -8px) ;
    transform: rotate(45deg) translate(-8px, -8px) ;
}
.page_width{
	width:1140px;
}
@media only screen and (max-width: 1200px) {
	.page_width{
		width:100%;
		padding:0px 15px;
		box-sizing: border-box;
	}
}

.top_logo{
	width: auto;
	height: 90px;
}

.anniversary{
	position: absolute;
	z-index: 500;
	bottom: -80px;
    left: 100px;
    width: 150px;
	transition:0.4s all ease-in-out;
}
.anniversary_up{
    bottom: -70px;
    left: 75px;
    width: 150px;
    transform: scale(0.8);
	transition:0.4s all ease-in-out;
}

#top_menu_div a{
	transition:0.4s all ease-in-out;
}
#top_menu_div a.menu{
	border-bottom: 3px solid #FFF;
}

#top_menu_div a.menu:hover{
	border-bottom: 3px solid #00548e;
}
#top_menu_div a.menu.active_menu{
	border-bottom: 3px solid #00548e;
}

.menu{
	    display: flex;
    align-items: center;
}
.jazyky-mobile a{
    width: 33.33333333%;
    background-color: #8e8e8e;
    padding: 10px 0px;
    color: #fff;
}
.jazyky-mobile a:hover{
	background-color:#00548e;
	color:#FFF;
}
.jazyky-mobile a.active{
	background-color:#00548e;
	color:#FFF;
}
.jazyky-mobile a:nth-child(2){
	border-left: 1px solid #FFF;
    border-right: 1px solid #FFF;
}

.m_menu:hover{
	background-color:#00548e;
	color:#FFF;
}
.m_menu.active{
	background-color:#00548e;
	color:#FFF;
}

#mobile_top_menu_div{
	background-color: #FFF;
	position:absolute;
	top:90px;
	width:100%;
	left:-100%;
	transition: left 0.3s ease-in-out;
	z-index:5;
}
#mobile_top_menu_div.show{
	left:0;
	transition: left 0.3s ease-in-out;
}


@media only screen and (max-width: 700px) {
	.mobile-menu1{
		display:block;
	}
	.menu{
		display:none;
	}
	#anniversary{
		display:none;
	}
}


.map_frame{
	width:100%;
	height:400px;
}



.box_tile{
	width: 24%;
	background: linear-gradient(#00548e, #0161a2);
	transition:0.2s all ease-in-out;
}
.box_tile>img{
	width:80px;
	margin: 0 auto;
}
.box_tile:hover{
	transform:scale(1.05);
	transition:0.2s all ease-in-out;
}


.box_tile1{
	width:24%;
	background: linear-gradient(#00548e, #0161a2);
	transition:0.4s all ease-in-out;
	min-width: 240px;
}
.box_tile1>img{
	width:60px;
}
.box_tile1>div{
	width:100%;height:160px;overflow:hidden;
}
.box_tile1>div>div{
	transition:0.4s all ease-in-out;
}
.box_tile1:hover>div>div{
	transform:scale(1.05);
	transition:0.4s all ease-in-out;
}

@media only screen and (max-width: 480px) {
	.box_tile1{
		width:100%;
	}
}

.scroll_top{
	background-image: url(http://www.novoplast.sk/pictures/arr_u.png);
    background-color: #005690;
    z-index: 1500;
    background-position: center center;
    background-repeat: no-repeat;
    width: 80px;
    height: 80px;
    position: fixed;
    right: -100px;
    bottom: 100px;
	transition:0.4s all ease-in-out;
}
.scroll_top:hover{
	transition:0.4s all ease-in-out;
	transform:scale(1.05);
}
.scroll_top.show{
	right: 0px;
	transition:0.4s all ease-in-out;
}

header{
	 background-color: #FFF;
}

.jazyky a{
	background-color:#8e8e8e;
}
.jazyky a:hover{
	background-color:#00548e;
	color:#FFF;
}
.jazyky a.active{
	background-color:#00548e;
	color:#FFF;
}


footer{
	background-color:#3D3D3D;
}

.grid1{
	width:24%;
	box-sizing: border-box;
	padding:20px;
}
.grid2{
	width:38%;
	box-sizing: border-box;
	padding:20px;
}
.grid2 table{
	max-width:300px;
}
.grid2:nth-child(odd){
	/*margin-top:100px;*/
}

@media only screen and (max-width: 830px) {
	.footer{
		flex-wrap:wrap;
	}
	.grid1{
		width:100%;
		box-sizing: border-box;
		padding:20px;
	}
	.grid2{
		width:100%;
		box-sizing: border-box;
		padding:20px;
		margin-top:0px;
	}
	.grid2:nth-child(odd){
		margin-top:0px;
	}
}


.technologie_icons{
	transition:0.2s all ease-in-out;
	background-color:#FFF;
}
.technologie_icons:hover{
	transition:0.2s all ease-in-out;
	background-color:#F2F2F2;
}
.technologie_icons:hover div figure{
	transform:scale(1.1);
	transition:0.2s all ease-in-out;
}

.technologie_icons div:first-child{
	width: 13%;
	min-width: 140px;
}
.technologie_icons div{
	width: 85%;
}
.technologie_icons div figure{
	height: 100px;
	width:100px;
    background-size: contain;
    border-radius: 50%;
    border: 5px solid #00548e;
	transition:0.2s all ease-in-out;
	transform:scale(1);
	margin: 0 auto;
}

@media only screen and (max-width: 500px) {
	.technologie_icons{
		flex-wrap:wrap;
	}
	.technologie_icons div{
		width: 100%;
	}
	.technologie_icons div{
		width: 100%;
		margin-top:20px;
	}
}

.scroll{
	height:350px;
}
.scroll div{
	width: 100%;
    background-attachment: fixed;
    height: 350px;
	background-size: cover;
}

@media only screen and (max-width: 500px) {
	.scroll div{
		background-attachment: initial;
		background-size:cover;
	}
}

.galeria3{
	justify-content: space-between;
	flex-wrap:wrap;
	margin:20px 0px 50px 0;
}
.galeria3 a{
	background-size:cover;
	width:28%;
	height:200px;
	transform:scale(1) 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
	border:8px solid #FFF;
	min-width:340px;
	box-sizing: border-box;
	margin-top:25px;
}
.galeria3 a:hover{
	transform: scale(1.02);
    transition: 0.3s ease-in-out;
}

.galeria4{
	justify-content: space-between;
	flex-wrap:wrap;
	margin:20px 0px 50px 0;
}
.galeria4 a{
	background-size:cover;
	width:22%;/*28%;*/
	height:380px;/*500px;*/
	transform:scale(1) 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
	border:8px solid #FFF;
	min-width:250px;/*340px;*/
	box-sizing: border-box;
	margin-top:25px;
}
.galeria4 a:hover{
	transform: scale(1.02);
    transition: 0.3s ease-in-out;
}

@media only screen and (max-width: 1080px) {
	.galeria3, .galeria4{
		justify-content: space-around;
	}
}


.boxy_o_firme{
	display: flex;
    flex-wrap: wrap;
	justify-content: space-between;
}
.boxy_o_firme figure{
	width: 24%; 
    background-color: #00548e;
	transform:scale(1) 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
	min-width:230px;
	margin-bottom:10px;
}
.boxy_o_firme figure:hover{
	transform: scale(1.02);
    transition: 0.3s ease-in-out;
	background-color: #0162a5;
}
.boxy_o_firme figcaption{
	
}
@media only screen and (max-width: 1000px) {
	.boxy_o_firme figure{
		width: 33%;
	}
}
@media only screen and (max-width: 760px) {
	.boxy_o_firme figure{
		width: 48%;
	}
}
@media only screen and (max-width: 480px) {
	.boxy_o_firme figure{
		width: 100%;
	}
}


.legend{
	top: -10px;
    right: 10px;
}

.input_button{
	width:50%;
	min-width:300px;
}
.input_width1{
	width:20%;
	min-width:160px;
}
.input_width2{
	width:20%;
	min-width:200px;
}
@media only screen and (max-width: 460px) {
	.input_width2{
		width:90%;
		min-width:90%;
	}	
}

@media only screen and (max-width: 400px) {
	.input_width1{
		width:100%;
		min-width:100%;
	}
}


@media only screen and (max-width: 1140px) {
	.footer_menu{
		display:none;
	}
}


@-webkit-keyframes cf4FadeInOut {
 0% {
   opacity:1;
 }
 17% {
   opacity:1;
 }
 25% {
   opacity:0;
 }
 92% {
   opacity:0;
 }
 100% {
   opacity:1;
 }
}

@-moz-keyframes cf4FadeInOut {
 0% {
   opacity:1;
 }
 17% {
   opacity:1;
 }
 25% {
   opacity:0;
 }
 92% {
   opacity:0;
 }
 100% {
   opacity:1;
 }
}

@-o-keyframes cf4FadeInOut {
 0% {
   opacity:1;
 }
 17% {
   opacity:1;
 }
 25% {
   opacity:0;
 }
 92% {
   opacity:0;
 }
 100% {
   opacity:1;
 }
}

@keyframes cf4FadeInOut {
 0% {
   opacity:1;
 }
 17% {
   opacity:1;
 }
 25% {
   opacity:0;
 }
 92% {
   opacity:0;
 }
 100% {
   opacity:1;
 }
}

.top_images{
  position:relative;
  height:350px;
  width:100%;
  margin:0 auto;
}
.top_images img {
  position:absolute;
  left:0;
  right:0;
  top:0;
  bottom:0;
  width:100%;
  height:350px;
  background-size:cover;
  background-repeat:no-repeat;
  background-position:center center;
}

.top_images img {
  -webkit-animation-name: cf4FadeInOut;
  -webkit-animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-duration: 24s;

  -moz-animation-name: cf4FadeInOut;
  -moz-animation-timing-function: ease-in-out;
  -moz-animation-iteration-count: infinite;
  -moz-animation-duration: 24s;

  -o-animation-name: cf4FadeInOut;
  -o-animation-timing-function: ease-in-out;
  -o-animation-iteration-count: infinite;
  -o-animation-duration: 24s;

  animation-name: cf4FadeInOut;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  animation-duration: 24s;
}
.top_images img:nth-of-type(1) {
  -webkit-animation-delay: 18s;
  -moz-animation-delay: 18s;
  -o-animation-delay: 18s;
  animation-delay: 18s;
}
.top_images img:nth-of-type(2) {
  -webkit-animation-delay: 12s;
  -moz-animation-delay: 12s;
  -o-animation-delay: 12s;
  animation-delay: 12s;
}
.top_images img:nth-of-type(3) {
  -webkit-animation-delay: 6s;
  -moz-animation-delay: 6s;
  -o-animation-delay: 6s;
  animation-delay: 6s;
}
.top_images img:nth-of-type(4) {
  -webkit-animation-delay: 0;
  -moz-animation-delay: 0;
  -o-animation-delay: 0;
  animation-delay: 0;
}

select#sposob_1 option:enabled,select#sposob_2 option:enabled,select#sposob_3 option:enabled,select#druh option:enabled  {
    background-color: #d9e1f3;
}


.gal{
	flex-wrap: wrap;
}

.gal a{
	width: 32%;
	min-width:250px;
	display:block;
	height:200px;
	margin-top:10px;
	transition:0.2s all ease-in-out;
	background-size:cover;
	background-position:center center;
}
.gal a:hover{
	transform:scale(1.05);
	transition:0.2s all ease-in-out;
}

@media only screen and (max-width: 800px) {
	.gal a{
		width: 48%;
	}
}

@media only screen and (max-width: 550px) {
	.gal a{
		width: 100%;
	}	
}


.google-maps {
	position: relative;
	padding-bottom: 28.5%; // This is the aspect ratio
	height: 0;
	overflow: hidden;
}
@media screen and (max-width: 800px) {
	.google-maps {
		padding-bottom: 50%; // This is the aspect ratio
	}
}
@media screen and (max-width: 400px) {
	.google-maps {
		padding-bottom: 100%; // This is the aspect ratio
	}
}

.kontakt div{
	width:45%;
	min-width:300px;
}


table.kontakt{
	margin-top:10px;
	width:100%;
}
table.kontakt tr td:first-of-type{
	width:150px;
}
.kontakt_div>div{
	width:50%;
}
@media screen and (max-width:700px) {
	.kontakt_div>div{
		width:100%;
	}
}



.kontakt1{
	width:35%;
}
.kontakt2{
	order:0;
	padding: 0px 30px;
	width:55%;
}

@media screen and (max-width:640px) {
	.kontakt1{
		width:100%;
	}
	.kontakt2{
		padding: 20px 30px;
		width:100%;
	}
}

/*
.wis{
	width:333px;
	height:400px;
}
.wis img{
	position:absolute;
	display:block;
	right:0px;
}
.wis img+span{
	background-color: #d2dce0;
    text-align: center;
    line-height: 40px;
	color:#FFF;
	
}
.wis img:hover{
	right:-30px;
	transition:all 0.2s ease-in-out;
}
.wis img:hover+span{
	display:block;
}
.wis img.part1{
	z-index: 7;
	top:0px;
	transition:all 0.2s ease-in-out;
}
.wis img.part2{
	z-index: 6;
	top:26px;
	transition:all 0.2s ease-in-out;
}
.wis img.part3{
	z-index: 5;
	top:52px;
	transition:all 0.2s ease-in-out;
}
.wis img.part4{
	z-index: 4;
	top:78px;
	transition:all 0.2s ease-in-out;
}
.wis img.part5{
	z-index: 3;
	top:90px;
	transition:all 0.2s ease-in-out;
}
.wis img.part6{
	z-index: 2;
	top:110px;
	transition:all 0.2s ease-in-out;
}
.wis span{
	background-color: #d2dce0;
    text-align: center;
    line-height: 31px;
	color: #FFF;
	right: 190px;
	z-index: 8;
	position: absolute;
	border-radius: 3px;
}
.wis span.span1{ 
    top: 10px;
    width: 156px;
	display:none;
}
.wis span.span2{ 
    top: 56px;
    width: 156px;
	display:none;
}
.wis span.span3{ 
    top: 80px;
    width: 156px;
	display:none;
}
.wis span.span4{ 
    top: 120px;
    width: 156px;
	display:none;
}
.wis span.span5{ 
    top: 150px;
    width: 156px;
	display:none;
}
.wis span.span6{ 
    top: 200px;
    width: 156px;
	display:none;
}











.popiska>.popiska_div{
	bottom: 0px;
    left: 0px;
    right: 0px;
    color: white;
    background-color: #d2dce0;
    text-align: center;
    line-height: 40px;
    opacity: 0;
    transition: all 0.2s ease-in-out;
}
.popiska:hover>.popiska_div{
	bottom: 0px;
    left: 0px;
    right: 0px;
    color: white;
    background-color: #d2dce0;
    text-align: center;
    line-height: 40px;
    opacity: 1;
    transition: all 0.2s ease-in-out;
}
*/

.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}




.g, a.g{color:#4CA100;}
.r, a.r{color:#920a0a;}
.r1, a.r1{color:#8C0000;}
.b, a.b{color:#0216D9;}
.b1, a.b1{color:#00548e;}
.bb, a.bb{color:#000000;}
.bb1, a.bb1{color:#202020;}
.w, a.w{color:#FFFFFF;}
.gray, a.gray{color:#CCCCCC;}
.yellow, a.yellox{color:#FFFF00;}

.back_brown{
	background-color:#C1AB7D;
}
.back_gray{
	background-color:#e0e0e0;
}
.back_gray_dark{
	background-color:#8e8e8e;;
}
.back_gray_light1{
	background-color:#EAEAEA;
}
.back_orange{
	background-color:#FFA500;
}
.back_red{
	background-color:#921f1f; /*#c50e0e;*/
}
.back_white{
	background-color:#FFF;
}
.back_white_trans{
	background-color:rgba(255,255,255,0.8);
}
.back_blue{
	background-color:#00548e;
}

.back_green{
	background-color:#66CC33;
}
.back_ok{
	background-color:#66CC33;
}
.back_fail{
	background-color:#FF0000;
}
.back_warning{
	background-color:#FFC0B;
}

.square{
	list-style-type: square;
}


.to_red:hover{
	color:#CC0000;
	transition:all 0.2s ease-in-out;
}
.to_light_red:hover{
	color:#FF0000;
	transition:all 0.2s ease-in-out;
}
.back_to_light_green:hover{
	color:#00CC00;
	transition:all 0.2s ease-in-out;
}
.to_green:hover{
	color:#4CA100;
	transition:all 0.2s ease-in-out;
}
.back_to_light_red:hover{
	background-color:#FF0000;
	transition:all 0.2s ease-in-out;
}

.f_size40{
	font-size:2.5rem;
}
.f_size24{
	font-size:1.5rem;
}
.f_size22{
	font-size:1.375rem;
}
.f_size20{
	font-size:1.25rem;
}
.f_size18{
	font-size:1.125rem;
}
.f_size17{
	font-size:1.0625rem;
}
.f_size16{
	font-size:1rem;
}
.f_size15{
	font-size: 0.9375rem;
}
.f_size14{
	font-size: 0.875rem;
}
.f_size13{
	font-size: 0.8125rem;
}
.f_size12{
	font-size: 0.75rem;
}

.f_size20{
	font-size: 1.25rem;
}

.f_bold{
	font-weight:700;
}
.f_normal{
	font-weight:400;
}

.text-left{
	text-align:left;
}
.text-right{
	text-align:right;
}
.text-center{
	text-align:center;
}
.text-justify{
	text-align:justify;
}
.text-dec-none, a.text-dec-none{
	text-decoration:none;
}

.disp-block{
	display:block;
}
.disp-inline{
	display:inline;
}
.disp-inline-block{
	display:inline-block;
}
.disp-table{
	display:table;
}
.disp-flex{
	display:flex;
}
.disp-none{
	display:none;
}

.width100{
	width:100%;
}
.width70{
	width:70%;
}
.width90{
	width:90%;
}
.width50{
	width:50%;
}
.width75{
	width:75%;
}
.width150px{
	width:150px;
}
.width40px{
	width:40px;
}
.width400px{
	width:400px;
}
.width450px{
	width:450px;
}
.width200px{
	width:200px;
}
.width100px{
	width:100px;
}
.width120px{
	width:120px;
}
.minwidth170px{
	min-width:170px;
}
.minwidth70px{
	min-width:70px;
}
.width600px{
	width:600px;
}
.mwidth700px{
	max-width:700px;
}
.mwidth800px{
	max-width:800px;
}


.height100{
	height:100%;
}
.l_spacing05{
	letter-spacing: 0.5rem;
}

.pos-abs{
	position:absolute;
}
.pos-rel{
	position:relative;
}

.borderb2_888{
	border-bottom:2px solid #888;
}
.border1_ccc{
	border:1px solid #CCC;
}
.border1_cc0000{
	border:1px solid #CC0000;
}
.border1_cc0000_err{
	border:1px solid #CC0000 !important;
}
.border0{
	border:0;
}
.border1_dash_fff{
	border:1px dashed #FFF;
}
.border1_dash_blue{
	border:1px dashed #005B9A;
}

.top0{
	top:0px;
}
.left0{
	left:0px;
}
.right0{
	right:0px;
}
.bottom0{
	bottom:0px;
}


.box-size-border{
	box-sizing:border-box;
}
.box-size-content{
	box-sizing:content-box;
}



.fl{float:left;}
.fr{float:right;}
.clr{clear:both;margin:0;padding:0;}


.corner4, a.corner4{
	-webkit-border-radius:4px 4px 4px 4px;
	-moz-border-radius:4px 4px 4px 4px;
	border-radius:4px 4px 4px 4px;
}
.corner3, a.corner3{
	-webkit-border-radius:3px 3px 3px 3px;
	-moz-border-radius:3px 3px 3px 3px;
	border-radius:3px 3px 3px 3px;
}
.corner1, a.corner1{
	-webkit-border-radius:1px 1px 1px 1px;
	-moz-border-radius:1px 1px 1px 1px;
	border-radius:1px 1px 1px 1px;
}

.pad10{
	padding:10px;
}
.pad10-0-20-0{
	padding:10px 0px 20px 0px;
}
.pad10-0-40-0{
	padding:10px 0px 40px 0px;
}
.pad15{
	padding:15px;
}
.pad5{
	padding:5px;
}
.pad50-0{
	padding:50px 0px;
}
.pad100-10-40-30{
	padding:100px 10px 40px 30px;
}
.pad100-30-40-10{
	padding:100px 30px 40px 10px;
}
.pad6{
	padding:6px;
}
.pad8{
	padding:8px;
}
.pad8-15{
	padding:8px 15px;
}
.pad8-40-8-8{
	padding:8px 40px 8px 8px;
}
.pad5-1{
	padding:5px 1px;
}
.pad0-10{
	padding:0px 10px;
}
.pad20{
	padding:20px;
}
.pad10-0{
	padding:10px 0px;
}
.pad60-10{
	padding:60px 10px;
}
.pad0-5{
	padding:0px 5px;
}
.pad7-10{
	padding:7px 10px;
}
.pad7-0{
	padding:7px 0px;
}
.pad20-25{
	padding:20px 25px;
}
.pad20-15{
	padding: 20px 15px;
}
.pad20-10{
	padding:20px 10px;
}
.pad10-0-5-5{
	padding:10px 0px 5px 5px;
}
.pad10-30{
	padding:10px 30px;
}
.pad3-0{
	padding:3px 0px;
}
.pad2-10{
	padding:2px 10px;
}
.pad5-0{
	padding:5px 0px;
}
.pad0-10-10-10{
	padding:0px 10px 10px 10px;
}
.pad0-0-0-10{
	padding:0px 0px 0px 10px;
}
.pad20-0{
	padding:20px 0px;
}
.padl20{
	padding-left:20px;
}
.padt10{
	padding-top:10px;
}
.padr20{
	padding-right:20px;
}
.pad30-0{
	padding:30px 0px;
}
.pad30-10{
	padding:30px 10px;
}
.pad50-10{
	padding:50px 10px;
}
.padb20{
	padding-bottom:20px;
}

.marg70-0{
	margin:70px 0px 0px 0px;
}
.marg10-0{
	margin:10px 0px;
}
.marg30-10-10-10{
	margin:30px 10px 10px 10px;
}
.marg30-0-30-150{
	margin:30px 0px 30px 150px;
}
.marg0-20{
	margin:0px 20px;
}
.marg5-0{
	margin:5px 0px;
}
.marg0-10{
	margin:0px 10px;
}
.marg50-0{
	margin:50px 0px;
}
.marg30-0{
	margin:30px 0px;
}
.marg50-5{
	margin:50px 5px;
}
.marg5{
	margin:5px;
}
.marg4{
	margin:4px;
}
.marg10{
	margin:10px;
}
.margr15{
	margin-right:15px;
}
.margr10{
	margin-right:10px;
}
.margr5{
	margin-right:5px;
}
.margl20{
	margin-left:20px;
}
.margl40px{
	margin-left:40px;
}
.margl30{
	margin-left:30px;
}
.margl150px{
	margin-left:150px;
}
.margl5{
	margin-left:5px;
}
.margl10{
	margin-left:10px;
}
.marg10-auto{
	margin:10px auto;
}
.marg20-auto{
	margin:20px auto;
}
.marg50-auto{
	margin:50px auto;
}
.marg0-auto{
	margin:0px auto;
}
.marg-6-0-0-150{
	margin:-6px 0px 0px 150px;
}
.marg10-0-20-10{
	margin:10px 0px 20px 10px;
}
.margb20{
	margin-bottom:20px;
}
.margb10{
	margin-bottom:10px;
}
.marg110-auto-0-auto{
	margin:110px auto 0px auto;
}
.margt10{
	margin-top:10px;
}
.margt20{
	margin-top:20px;
}
.margt30{
	margin-top:30px;
}
.margt32{
	margin-top:32px;
}

.line-h20{
	line-height:20px;
}
.line-h16{
	line-height:16px;
}
.line-h23{
	line-height:23px;
}
.line-h25{
	line-height:25px;
}
.line-h26{
	line-height:26px;
}
.line-h32{
	line-height:32px;
}
.line-h30{
	line-height:30px;
}
.line-h38{
	line-height:38px;
}
.line-h40{
	line-height:40px;
}
.shadow{
	-webkit-box-shadow: 1px 1px 2px 0px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    1px 1px 2px 0px rgba(50, 50, 50, 0.75);
	box-shadow:         1px 1px 2px 0px rgba(50, 50, 50, 0.75);
}
.cur_pointer:hover{
	cursor:pointer;
}


/* GRID */

*  SECTIONS  */
.section {
	clear: both;
}

/*  COLUMN SETUP  */
.col {
	display: block;
	float:left;
	margin: 1% 0 1% 1.6%;
}
.col:first-child { margin-left: 0; }

/*  GROUPING  */
.group:before,
.group:after { content:""; display:table; }
.group:after { clear:both;}
.group { zoom:1; /* For IE 6/7 */ }

/*  GRID OF SIX  */
.span_6_of_6 {
	width: 100%;
}

.span_5_of_6 {
  	width: 83.06%;
}

.span_4_of_6 {
  	width: 66.13%;
}

.span_3_of_6 {
  	width: 49.2%;
}

.span_2_of_6 {
  	width: 32.26%;
}

.span_1_of_6 {
  	width: 15.33%;
}

/*  GO FULL WIDTH BELOW 600 PIXELS */
@media only screen and (max-width: 600px) {
	.col {  margin: 1% 0 1% 0%; }
	.span_1_of_6, .span_2_of_6, .span_3_of_6, .span_4_of_6, .span_5_of_6, .span_6_of_6 { width: 100%; }
}


.sticky{
  position: fixed;
  top: 0;
  width: 100%;
    z-index: 5;
    background-color: #FFF;
}
.sticky>div>#top_menu_div>a{
	height:60px;
	transition:0.4s all ease-in-out;
}




.fade_riadok1{
    font-size: 30px;
    z-index: 2;
    color: #ffffff;
    position: absolute;
    left: 53%;
    top: 140px;
    width: 700px;
    text-shadow: 2px 2px #000;
    line-height: 36px;
	opacity:0;
	transition:2s all ease-in-out;
}
.fade_riadok1.zobraz1{
	transition:2s all ease-in-out;
	display:block;
    left: 52%;
    top: 130px;	
	opacity:1;
}
.fade_riadok2{
    font-size: 30px;
    z-index: 2;
    color: #ffffff;
    position: absolute;
    left: 53%;
    top: 220px;
    width: 700px;
    text-shadow: 2px 2px #000;
    line-height: 36px;
	visibility: hidden;
	/*transition:2s all ease-in-out;*/
}
.fade_riadok2.zobraz2{
	transition:2s all ease-in-out;
	display:block;
    left: 52%;
    top: 210px;	
	visibility: visible;
}








/*jssor slider loading skin spin css*/
.jssorl-009-spin img {
	animation-name: jssorl-009-spin;
	animation-duration: 1.6s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}

@keyframes jssorl-009-spin {
	from { transform: rotate(0deg); }
	to { transform: rotate(360deg); }
}

/*jssor slider bullet skin 032 css*/
.jssorb032 {position:absolute;}
.jssorb032 .i {position:absolute;cursor:pointer;}
.jssorb032 .i .b {fill:#fff;fill-opacity:0.7;stroke:#000;stroke-width:1200;stroke-miterlimit:10;stroke-opacity:0.25;}
.jssorb032 .i:hover .b {fill:#000;fill-opacity:.6;stroke:#fff;stroke-opacity:.35;}
.jssorb032 .iav .b {fill:#000;fill-opacity:1;stroke:#fff;stroke-opacity:.35;}
.jssorb032 .i.idn {opacity:.3;}

/*jssor slider arrow skin 051 css*/
.jssora051 {display:block;position:absolute;cursor:pointer;}
.jssora051 .a {fill:none;stroke:#fff;stroke-width:360;stroke-miterlimit:10;}
.jssora051:hover {opacity:.8;}
.jssora051.jssora051dn {opacity:.5;}
.jssora051.jssora051ds {opacity:.3;pointer-events:none;}




.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 40; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
    background-color: #fefefe;
    margin: auto;
    padding: 20px;
    border: 1px solid #888;
    width: 80%;
	max-width: 800px;
    text-align: right;
}

/* The Close Button */
.close {
    color: #aaaaaa;
    float: right;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}