@charset "UTF-8";




body {
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-top: 0px;
	text-align: left;
	font-family: Helvetica, Arial, sans-serif;
	background-color: #FFF;
	
	
	/*
	background-image: url(../backgrounds/navrh---www.go4.sk---navrh_final-01.jpg);
	background-position: center top;
	 */
	
	-webkit-transition-delay: 0.3s;
	transition-delay: 0.3s;
	min-width: 320px;
	background-repeat: no-repeat;
	box-sizing: border-box;
	font-size: 11px;
}






html{
	box-sizing:border-box;
	
	/* 
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	 user-select: none; 
	  */
}




a{
	outline: none;
	-moz-outline-style: none;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
}





*{
	outline: 0;
	box-sizing:border-box;
}





/* 
:root {
    --yellow-color1:rgba(242,194,0,1);
}
*/




/* 
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Roboto', sans-serif;
}
*/



.all-screan {
	width: 100%;
	max-width: 1080px;
	margin-right: auto;
	margin-left: auto;
	padding-right: 28px;
	padding-left: 28px;
	box-sizing: border-box;
}



.all-screan-max {
	width: 100%;
	position:relative;
	max-width: 1280px;
	margin-right: auto;
	margin-left: auto;
	padding-right: 28px;
	padding-left: 28px;
	box-sizing: border-box;
}



.center {
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}
.left {
	text-align: left;
}
.right {
	text-align: right;
}
.justify {
	text-align: justify;
}









.f_left {
	float: left;
}
.f_right {
	float: right;
}










.line-grey{
	background-color: #E3E3E3;
	height: 1px;
	width: 100%;
	margin-top: 12px;
	margin-bottom: 12px;
}







.red-gradient{
	background: rgba(96,5,2,1);
	background: -moz-linear-gradient(left, rgba(96,5,2,1) 0%, rgba(227,31,41,1) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(96,5,2,1)), color-stop(100%, rgba(227,31,41,1)));
	background: -webkit-linear-gradient(left, rgba(96,5,2,1) 0%, rgba(227,31,41,1) 100%);
	background: -o-linear-gradient(left, rgba(96,5,2,1) 0%, rgba(227,31,41,1) 100%);
	background: -ms-linear-gradient(left, rgba(96,5,2,1) 0%, rgba(227,31,41,1) 100%);
	background: linear-gradient(to right, rgba(96,5,2,1) 0%, rgba(227,31,41,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#600502', endColorstr='#e31f29', GradientType=1 );
}

















/* --------------------------------------- */
/*          site UP        START           */
/* --------------------------------------- */
.site-up {
	width: 100%;
	height: 742px;
	display: inline-block;
	position:relative;
	
	/**/
	background-image: url(../backgrounds/zahlavie-express-kurierske-sluzby---backg-02.jpg);
	background-color: rgba(51,51,51,1);
	background-position: center;
	background-repeat: no-repeat; 
	background-size: cover;
}
@media only screen and (max-width: 844px) {
.site-up {
	height: 700px;
}}
@media only screen and (max-width: 624px) {
.site-up {
	height: 680px;
}}
@media only screen and (max-width: 524px) {
.site-up {
	height: 642px;
}}
@media only screen and (max-width: 500px) {
.site-up {
	height: 622px;
}}
@media only screen and (max-width: 438px) {
.site-up {
	height: 610px;
}}



.site-up-detail {
	width: 100%;
	height: 362px;
	display: inline-block;
	position:relative;
	
	/**/
	background-image: url(../backgrounds/zahlavie-express-kurierske-sluzby---backg-02.jpg);
	background-color: rgba(51,51,51,1);
	background-position: center; 
	background-repeat: no-repeat; 
	background-size: cover;
	
}








.site-up_menu {
	width: 100%;
	height: 62px;
	background-color: rgba(8,8,8,1);
	text-align: center;
	position: fixed;
	z-index: 11;
}

.menu-all-screan{
	width: 100%;
	max-width: 1080px;
	margin-right: auto;
	margin-left: auto;
	padding-right: 28px;
	padding-left: 28px;
	box-sizing: border-box;
}
@media only screen and (max-width: 948px) {
.menu-all-screan{
	padding-right: 4px;
	padding-left: 26px;
}}
@media only screen and (max-width: 568px) {
.menu-all-screan{
	padding-right: 2px;
	padding-left: 24px;
}}



.menu a:link, .menu a:visited, .menu a:active{
	font-family: 'Rubik', sans-serif;
	font-size: 13.7px;
	font-weight: 300;
	letter-spacing: 0.5px;
	color: #CCCCCC;
	text-decoration: none;
	display: inline-block;
	padding-top: 23px;
	padding-right:20px;
	padding-bottom:22px;
	padding-left:20px;
	display: inline-block;
	-webkit-transition: 0.5s ease;
	transition: 0.5s ease;
	text-transform: uppercase;	
}
.menu a:hover{
	color: #FFFFFF;
	text-decoration: none;
	-webkit-transition: 0.5s ease;
	transition: 0.5s ease;
	background-color: #EF1F23;
}
@media only screen and (max-width: 1020px) {
.menu a:link, .menu a:visited, .menu a:active{
	font-size: 13.5px;
	letter-spacing: 0.3px;
	padding-right:18px;
	padding-left:18px;
}}
@media only screen and (max-width: 978px) {
.menu a:link, .menu a:visited, .menu a:active{
	padding-right:15px;
	padding-left:15px;
}}
@media only screen and (max-width: 944px) {
.menu a:link, .menu a:visited, .menu a:active{
	display:none;
}}



.hamburger-menu {
	float: right;
	padding-left: 10px;
}

.logo-menu {
	float:left;
}

@media only screen and (max-width: 688px) {
.logo-menu img{
	width:64px;
	height:auto;
}}






.lang-menu {
	float: right;
}
.lang a:link, .lang a:visited, .lang a:active{
	font-family: 'Rubik', sans-serif;
	font-size: 13.7px;
	font-weight: 300;
	letter-spacing: 0.5px;
	color: #CCCCCC;
	text-decoration: none;
	display: inline-block;
	padding-top: 23px;
	padding-right: 20px;
	padding-bottom: 22px;
	padding-left: 24px;
	display: inline-block;
	-webkit-transition: 0.5s ease;
	transition: 0.5s ease;
	text-transform: uppercase;
}
.lang a:hover{
	color: #EF1F23;
	text-decoration: none;
	-webkit-transition: 0.5s ease;
	transition: 0.5s ease;
}












.lang-up{
	padding-right: 8px;
	display: inline-block;
	float: right;
	width: 40px;
	text-align: right;
	margin: 3px;
}

.dropbtn {
	color: rgba(239,38,46,1);
	padding: 12px;
	font-size: 16.3px;
	border: none;
	cursor: pointer;
	margin-top: 6px;
	margin-left:9px;
	background-color: rgba(8,8,8,1);
}

.dropdown {
  position: relative;
  display: inline-block;
}

.dropdown-content {
	display: none;
	position: absolute;
	min-width: 44px;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	z-index: 1;
	border-radius: 4px;
	margin-left: 9px;
	background-color: rgba(255,255,255,1);
}

.dropdown-content a {
	font-size: 14px;
	color: rgba(124,124,124,1);
	text-decoration: none;
	display: block;
	text-align: center;
	padding-top: 12px;
	padding-bottom: 12px;
	-webkit-transition: 0.5s ease;
	transition: 0.5s ease;
}

.dropdown-content a:hover {
	border-radius: 4px;
	color: rgba(0,0,0,1);
	background-color: rgba(235,235,235,1);
}

.dropdown:hover .dropdown-content {
  display: block;-webkit-transition: 0.5s ease;
	transition: 0.5s ease;
}

.dropdown:hover .dropbtn {
	background-color: #333333;
}

















.h1-box{
	background: rgb(0,0,0);
	background: -moz-linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(40,40,40,0) 100%, rgba(9,9,121,1) 232%);
	background: -webkit-linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(40,40,40,0) 100%, rgba(9,9,121,1) 232%);
	background: linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(40,40,40,0) 100%, rgba(9,9,121,1) 232%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#090979",GradientType=1);
	padding-top: 14px;
	padding-bottom: 26px;
	position: absolute;
	bottom: 72px;
	left: 12%;
	display: inline-block;
	padding-right: 18%;
	border-radius: 6px;
	width: 70%;
}
@media only screen and (max-width: 1100px) {
.h1-box{
	left: 7%;
}}

@media only screen and (max-width: 1020px) {
.h1-box{
	left: 5%;
}}

@media only screen and (max-width: 882px) {
.h1-box{
	left: 4%;
	bottom: 182px;
}}
@media only screen and (max-width: 722px) {
.h1-box{
	width: 80%;
}}





.site-up-detail  .h1-box{
	bottom: 32px;
}



h1{
	font-family: 'Montserrat', sans-serif;
	font-size: 38px;
	padding-top: 12px;
	padding-bottom: 12px;
	display: block;
	padding-left: 9%;
	color: rgba(235,235,235,1);
	text-transform: uppercase;
	margin: 0px;
}
@media only screen and (max-width: 942px) {
h1{ font-size: 34px;
}}
@media only screen and (max-width: 902px) {
h1{ font-size: 30px;
}}
@media only screen and (max-width: 782px) {
h1{ font-size: 27px;
}}
@media only screen and (max-width: 682px) {
h1{ font-size: 25px;
}}



.h1-box .podnadpis{
	font-size: 13.4px;
	color: rgba(242,19,34,1);
	margin-left: 11%;
	display: inline-block;
	letter-spacing: 1.2px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
}
@media only screen and (max-width: 488px) {
.h1-box .podnadpis span{
	display:none;
}}


.h1-box .redline{
	background-color: rgba(242,19,34,1);
	height: 5px;
	width: 68px;
	float: left;
	border-radius: 5px;
	display: inline-block;
	padding: 0px;
	margin-top: 7px;
	margin-right: 12px;
}
@media only screen and (max-width: 622px) {
.h1-box .podnadpis{
	font-size: 13px;
	letter-spacing:0.8px;
}}
@media only screen and (max-width: 562px) {
.h1-box .redline{
	width: 40px;
	height: 4px;
}}






.top-novinky{
	position: absolute;
	width: 398px;
	bottom: 76px;
	right: 11%;
	padding: 3px;
	box-sizing: border-box;
	z-index: 10;
}
.top-novinky .numbr{
	opacity:0.48
}


@media only screen and (max-width: 1182px) {
.top-novinky{
	right:7%;
}}

@media only screen and (max-width: 998px) {
.top-novinky{
	width: 378px;
	right:5%;
}}
@media only screen and (max-width: 842px) {
.top-novinky{
	width: 352px;
}}

@media only screen and (max-width: 798px) {
.top-novinky{
	width: 86%;
	bottom: 17px;
	right:8%;
}}






.sledovanie-zasielky a:link, .sledovanie-zasielky a:visited, .sledovanie-zasielky a:active{
	font-family: 'Montserrat', sans-serif;
	font-size: 19px;
	width: 100%;
	background-color: rgba(238,62,59,1);
	border-radius: 11px;
	margin-bottom: 8px;
	color: rgba(255,255,255,1);
	padding-top: 13px;
	padding-right: 14px;
	padding-bottom: 14px;
	padding-left: 15px;
	display: inline-block;
	-webkit-transition: 0.5s ease;
	transition: 0.5s ease;
	text-transform: uppercase;
	font-weight: 600;
}
.sledovanie-zasielky a:hover{
	color: #FFFFFF;
	text-decoration: none;
	-webkit-transition: 0.5s ease;
	transition: 0.5s ease;
	background-color: #EF1F23;
	background-color: rgba(235,13,0,1);
}





.top-novinka-green{
	font-family: 'Montserrat', sans-serif;
	font-size: 21px;
	width: 100%;
	background-color: rgba(44,179,65,0.93);
	border-radius: 11px;
	margin-bottom: 8px;
	color: rgba(255,255,255,1);
	padding-top: 13px;
	padding-right: 14px;
	padding-bottom: 14px;
	padding-left: 15px;
}
@media only screen and (max-width: 842px) {
.top-novinka-green{
	font-size: 19px;
}}
@media only screen and (max-width: 798px) {
.top-novinka-green{
	padding-top: 10px;
	padding-bottom: 10px;
}}
@media only screen and (max-width: 798px) {
.top-novinka-green{
	font-size: 17px;
}}


.top-novinka-white{
	font-family: 'Montserrat', sans-serif;
	font-size: 21px;
	width: 100%;
	background-color: rgba(255,255,255,0.93);
	border-radius: 11px;
	color: rgba(51,51,51,1);
	display: inline-block;
	padding-top: 12px;
	padding-right: 14px;
	padding-bottom: 14px;
	padding-left: 15px;
}
.top-novinka-white .top-podnadpis{
	font-family: 'Montserrat', sans-serif;
	font-size: 16px;
	width: 100%;
	display: inline-block;
	box-sizing: border-box;
	padding-right: 8px;
	padding-left: 4px;
	line-height: 18px;
}

.top-novinka-white a:link, .top-novinka-white a:visited, .top-novinka-white a:hover, .top-novinka-white a:active {
	color: #333333;
}

a:link, a:visited, a:hover, a:active {
	color: #333333;
}

@media only screen and (max-width: 842px) {
.top-novinka-white{
	font-size: 19px;
}
.top-novinka-white .top-podnadpis{
	font-size: 14px;
	line-height: 16px;
}}


@media only screen and (max-width: 798px) {
.top-novinka-white{
	padding-top: 10px;
	padding-bottom: 10px;
}
.top-novinka-white .top-podnadpis{
	display:none;
}}
@media only screen and (max-width: 798px) {
.top-novinka-white{
	font-size: 17px;
}}






.red-corner-big{
	position: absolute;
	border-right-width: 32px;
	border-bottom-width: 32px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: rgba(238,35,44,1);
	border-bottom-color: rgba(238,35,44,1);
	height: 280px;
	width: 280px;
	bottom: 0px;
	right: 72px;
}
@media only screen and (max-width: 1282px) {
.red-corner-big{
	border-right-width: 30px;
	border-bottom-width: 30px;
	right: 38px;
}}
@media only screen and (max-width: 1182px) {
.red-corner-big{
	border-right-width: 30px;
	border-bottom-width: 30px;
	right: 0px;
}}
@media only screen and (max-width: 982px) {
.red-corner-big{
	border-right-width: 30px;
	border-bottom-width: 30px;
}}
@media only screen and (max-width: 828px) {
.red-corner-big{
	border-right-width: 28px;
	border-bottom-width: 28px;
}}
@media only screen and (max-width: 488px) {
.red-corner-big{
	border-right-width: 22px;
	border-bottom-width: 22px;
}}
@media only screen and (max-width: 420px) {
.red-corner-big{
	display:none;
}}







.black-up-baner {
	width: 100%;
	height: 156px;
	display: inline-block;
	position:relative;
	
	background-image: url(../backgrounds/zahlavie-black---backg-01.jpg);
	background-color: rgba(51,51,51,1);
	background-position: center;
	background-repeat: repeat-x;
	
	border-bottom-width: 8px;
	border-bottom-style: solid;
	border-bottom-color: rgba(204,204,204,1);
}
@media only screen and (max-width: 928px) {
.black-up-baner {
	height: 126px;
}}
@media only screen and (max-width: 788px) {
.black-up-baner {
	height: 106px;
}}






.blbub-right {
	width: 55%;
	height: 42px;
	position:absolute;
	display: inline-block;
	top: 0px;
	right: 0px;
	
	background: rgb(255,255,255);
	background: -moz-linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(0,0,0,1) 73%, rgba(9,9,121,1) 232%);
	background: -webkit-linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(0,0,0,1) 73%, rgba(9,9,121,1) 232%);
	background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(0,0,0,1) 73%, rgba(9,9,121,1) 232%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#090979",GradientType=1); 

}
.blbub-left {
	width: 45%;
	height: 58px;
	position: absolute;
	display: inline-block;
	top: 0px;
	left: 0px;
	background-image: url(../backgrounds/white-square-big---backg-01.jpg);
	background-color: rgba(0,0,0,1);
	background-position: right top;
	background-repeat: repeat-x;
}

.blbub-red-left {
	width: 22%;
	height: 20px;
	position: absolute;
	display: inline-block;
	top: 54px;
	left: 0px;
	background-color: rgba(247,26,36,1);
}

.blbub-red-right {
	width: 16%;
	height: 20px;
	position:absolute;
	display: inline-block;
	top: 42px;
	right: 16%;
	background-color: rgba(247,26,36,1);
}

















/* --------------------------------------- */
/*          photoMenu        START         */
/* --------------------------------------- */
.photo-menu{
	width: 100%;
	z-index: 1;
	/**/
	background-image: url(../backgrounds/photo-menu---bckgr.jpg);
	background-position: center top;
	padding-top: 32px;
	padding-bottom: 42px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
}

@media only screen and (max-width: 888px) {
.photo-menu{
	padding-top: 22px;
	padding-bottom: 32px;
}}


.photo-menu_up{
	width: 22.4%;
	text-align: left;
	background-color: #FFFFFF;
	box-sizing: border-box;
	display: inline-block;
	border-radius: 2px;
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: rgba(241,29,35,0.9);
	-webkit-transition: all 0.7s;
	transition: all 0.3s;
	margin-top: 16px;
	margin-right: 11px;
	margin-bottom: 12px;
	margin-left: 11px;
	position:relative;
}
.crop {
	width: 100%;
	height: 150px;
	overflow: hidden;
}
.crop img {
	width: 100%;
	margin: 0px 0px 0px 0px;
}


@media only screen and (max-width: 999px) {
.photo-menu_up{
	width: 21.4%;
}
.crop {
	width: 100%;
	height: 150px;
	overflow: hidden;
}
.crop img {
	width: 100%;
	margin: 0px 0px 0px 0px;
}}
@media only screen and (max-width: 948px) {
.crop {
	height: 120px;
}
.crop img {
	margin: -7px 0px 0px 0px;
}}
@media only screen and (max-width: 858px) {
.crop {
	height: 110px;
}}
@media only screen and (max-width: 788px) {
.crop {
	height: 100px;
}}


@media only screen and (max-width: 758px) {
.photo-menu_up{
	width: 46%;
}
.crop img {
	margin: -68px 0px 0px 0px;
}}
@media only screen and (max-width: 648px) {
.photo-menu_up{
	width: 45%;
}.crop img {
	margin: -38px 0px 0px 0px;
}}
@media only screen and (max-width: 588px) {
.photo-menu_up{
	width: 44%;
}.crop {
	height: 94px;
}}

@media only screen and (max-width: 478px) {
.photo-menu_up{
	width: 93%;
}.crop {
	height: 72px;
}.crop img {
	margin: -98px 0px 0px 0px;
}}





.photo-menu_up:hover{
	-webkit-box-shadow: 0px 0px 6px 4px rgba(0,0,0,0.18);
	-moz-box-shadow: 0px 0px 6px 4px rgba(0,0,0,0.18);
	box-shadow: 0px 0px 6px 4px rgba(0,0,0,0.18);
	transition: all 0.7s;
	background-color: rgba(222,222,222,0.4);
	-webkit-transition: all 0.4s;
	transition: all 0.4s;
	-webkit-transition: all 0.4s;
	color: #333333;
}
.photo-menu_up:visited, .photo-menu_up:active, .photo-menu_up:link, .photo-menu_up:focus{
	color: #666666;
}




.photo-menu_up-nadpis{
	width: 100%;
	font-family: 'Rubik', sans-serif;
	letter-spacing: 0px;
	box-sizing: border-box;
	font-size: 17px;
	border-radius: 3px;
	color: rgba(111,111,111,1);
	padding-top: 8px;
	padding-right: 8px;
	padding-bottom: 10px;
	padding-left: 8px;
	text-align: center;
}
.photo-menu_up-nadpis:hover, .photo-menu_up-nadpis:visited, .photo-menu_up-nadpis:active, .photo-menu_up-nadpislink, .photo-menu_up-nadpis:focus{color:#333333;}
















/* --------------------------------------- */
/*      web-navigator        START         */
/* --------------------------------------- */

.web-navigator{
	color: rgba(135,135,135,0.4);
	padding-top: 1px;
	padding-bottom: 1px;
	text-align: center;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: rgba(204,204,204,0.5);
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: rgba(204,204,204,0.5);
}
@media only screen and (max-width: 620px) {
.web-navigator{
	display:none;
}}

.nav-menu a:link, .nav-menu a:active, .nav-menu a:visited {
	font-family: 'Roboto', sans-serif;
	color: rgba(107,107,107,0.5);
	font-size: 13px;
	font-weight: 300;
	display: inline-block;
	box-sizing: border-box;
	padding-top: 10px;
	padding-bottom: 9px;
	display: inline-block;
	padding-right: 12px;
	padding-left: 12px;
	text-decoration: none;
	letter-spacing: 1px;
	text-transform: uppercase;
	transition: .3s all;
}
.nav-menu a:hover {
	color: rgba(225,83,77,1);
	transition: .3s all;
	text-decoration: none;
}

.nav-menu-active a:link, .nav-menu-active a:active, .nav-menu-active a:visited {
	color: rgba(31,31,31,0.8);
	font-weight: 400;
}
.nav-menu-active a:hover {
	color: rgba(31,31,31,1);
}

/* --------------------------------------- */
/*      web-navigator        START         */
/* --------------------------------------- */



















/*
.h1_box{
	width: 100%;
	height: 138px;
	
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: rgba(255,0,0,1);
}
 */


.h2-box-up{
	width: 100%;
	z-index: 1;
	display: inline-block;
	text-align: center;
	padding-top: 88px;
	padding-bottom: 38px;
}

.h2-box-up h2{
	font-family: 'Montserrat', sans-serif;
	font-size: 48px;
	letter-spacing: 1.7px;
	padding-bottom: 4.3px;
	margin: 0px;
	text-transform: uppercase;
	font-weight: 500;
}
@media only screen and (max-width: 890px) {
.h2-box-up h2{
	font-size: 44px;
}}
@media only screen and (max-width: 790px) {
.h2-box-up h2{
	font-size: 41px;
}}
@media only screen and (max-width: 680px) {
.h2-box-up{
	padding-bottom: 32px;
}
.h2-box-up h2{
	font-size: 38px;
}}
@media only screen and (max-width: 548px) {
.h2-box-up h2{
	font-size: 35px;
}}




.h2-box-up .podnadpis{
	font-size: 14px;
	color: rgba(242,19,34,1);
	padding: 2px;
	width: 258px;
	text-align: right;
	margin-right: auto;
	margin-left: auto;
	display: inline-block;
}
@media only screen and (max-width: 680px) {
.h2-box-up .podnadpis{
	font-size: 13px;
	width: 238px;
}}

.h2-box-up .redline{
	background-color: rgba(242,19,34,1);
	height: 7px;
	width: 78px;
	float: left;
	border-radius: 5px;
	display: inline-block;
	padding: 0px;
	margin-top: 4px;
}
@media only screen and (max-width: 680px) {
.h2-box-up .redline{
	height: 6px;
	width: 70px;
}}
@media only screen and (max-width: 548px) {
.h2-box-up .redline{
	height: 5px;
	width: 68px;
}}


















.site-h2{
	width: 100%;
	z-index: 1;
	display: inline-block;
	font-family: 'Montserrat', sans-serif;
	text-align: center;
	padding-top: 40px;
	padding-bottom: 38px;
}

.site-h2 h2{
	font-size: 33px;
	letter-spacing: 1.7px;
	padding-bottom: 0px;
	margin: 0px;
}
@media only screen and (max-width: 890px) {
.site-h2 h2{
	font-size: 30px;
}}

.site-h2 .podnadpis{
	font-size: 10.5px;
	color: rgba(242,19,34,1);
	padding: 2px;
	width: 220px;
	text-align: right;
	margin-right: auto;
	margin-left: auto;
	display: inline-block;
}
@media only screen and (max-width: 890px) {
.site-h2 .podnadpis{
	width: 200px;
}}

.site-h2 .redline{
	background-color: rgba(242,19,34,1);
	height: 5px;
	width: 68px;
	float: left;
	border-radius: 5px;
	display: inline-block;
	padding: 0px;
	margin-top: 5px;
}
@media only screen and (max-width: 890px) {
.site-h2 .redline{
	width: 48px;
}}








.site-h3{
	width: 100%;
	z-index: 1;
	display: inline-block;
	font-family: 'Montserrat', sans-serif;
	text-align: center;
	padding-top:28px;
	padding-bottom: 28px;
}

.site-h3 .vertical-redline{
	background-color: rgba(242,19,34,1);
	height: 35px;
	width: 3px;
	border-radius: 5px;
	display: inline-block;
	padding: 0px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 20px;
}

.site-h3 h3{
	font-size: 33px;
	letter-spacing: 1.7px;
	padding-bottom: 0px;
	margin: 0px;
	text-transform: uppercase;
}

.site-h3 .podnadpis{
	font-size: 11.4px;
	color: rgba(242,19,34,1);
	width: 228px;
	text-align: right;
	margin-right: auto;
	margin-left: auto;
	display: inline-block;
	padding-top: 0px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
}
.site-h3 .redline{
	background-color: rgba(242,19,34,1);
	height: 5px;
	width: 68px;
	float: left;
	border-radius: 5px;
	display: inline-block;
	padding: 0px;
	margin-top: 5px;
}



h4{
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
	font-size: 22px;
	color: rgba(51,51,51,1);
	margin: 0px;
	padding-top: 24px;
	padding-bottom: 2px;
}











/* --------------------------------------- */
/*          siteText        START         */
/* --------------------------------------- */
.site-text-up{
	width: 100%;
	z-index: 1;
	display: inline-block;
	padding-top: 7px;
	padding-bottom: 0px;
}
@media only screen and (max-width: 678px) {
.site-text-up{
	padding-bottom: 14px;
}}


.site-text-up h3{
	font-family: 'Montserrat', sans-serif;
	font-size: 25px;
	text-transform: none;
	color: rgba(242,30,36,1);
	padding-top: 12px;
	padding-bottom: 5px;
	font-weight: 300;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: rgba(204,204,204,1);
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 12px;
	margin-left: 0px;
	display: inline-block;
}





.site-text-up-menu{
	width: 28%;
	float: left;
	box-sizing: border-box;
	display: inline-block;
	padding-right: 34px;
	text-align: right;
	padding-top: 7px;
}
@media only screen and (max-width: 828px) {
.site-text-up-menu{
	width: 100%;
	padding-right: 0px;
	text-align: left;
	padding-bottom: 22px;
}}

.left-up-menu a:link, .left-up-menu a:visited, .left-up-menu a:active{
	font-family: 'Rubik', sans-serif;
	font-size: 14px;
	font-weight: 300;
	letter-spacing: 0.5px;
	color: rgba(153,153,153,1);
	text-decoration: none;
	display: inline-block;
	padding-top: 7px;
	padding-bottom: 6px;
	width: 100%;
	display: inline-block;
	-webkit-transition: 0.5s ease;
	transition: 0.5s ease;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: rgba(204,204,204,1);
	padding-right: 3px;
	padding-left: 9px;
	box-sizing:border-box;
}
.left-up-menu a:hover{
	color: rgba(195,35,42,1);
	text-decoration: none;
	-webkit-transition: 0.5s ease;
	transition: 0.5s ease;
	padding-left: 6px;
	background-color: rgba(204,204,204,0.3);
}

.site-text-up-text{
	width: 40%;
	box-sizing: border-box;
	display: inline-block;
	padding-right: 14px;
	padding-left: 2px;
}
@media only screen and (max-width: 848px) {
.site-text-up-text{
	width: 70%;
	padding-right: 0px;
}}
@media only screen and (max-width: 828px) {
.site-text-up-text{
	width: 100%;
	padding-right: 0px;
}}

.site-text-up-text p{
	width: 100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14.7px;
	color: rgba(102,102,102,1);
	text-align: justify;
	line-height: 21px;
	margin: 0px;
	padding: 5px 0px;
}
.site-text-up-text p strong{
	font-size: 14.7px;
	border-left-width: 3px;
	border-left-style: solid;
	border-left-color: rgba(234,33,25,1);
	border-radius: 2px;
	line-height: 18px;
	padding-left: 12px;
}
.site-text-up-text p em, .site-photo-text p em {
	font-size: 15.3px;
	font-style: normal;
	font-weight: bold;
}



.left-right-img{
	width: 30%;
	box-sizing: border-box;
	float: right;
	padding-top: 17px;
	text-align: right;
	height: 410px;
	background-repeat: no-repeat;
	position: relative;
	margin-top: 22px;
	margin-bottom: 17px;
}
.small-left-right-img{
	width: 30%;
	box-sizing: border-box;
	float: right;
	padding-top: 17px;
	text-align: right;
	height: 180px;
	background-repeat: no-repeat;
	position: relative;
	margin-top: 22px;
}

.photobox {
	width: 90%;
	position: absolute;
	height: auto;
	top: 0px;
	right: 15px;
	z-index: 8;
}
@media only screen and (max-width: 1048px) {
.left-right-img{
	margin-top: 32px;
	height: 400px;
}
.small-left-right-img{
	margin-top: 32px;
	height: 170px;
}}
@media only screen and (max-width: 1010px) {
.left-right-img{
	margin-top: 42px;
	height: 384px;
}.small-left-right-img{
	margin-top: 42px;
	height: 170px;
}}
@media only screen and (max-width: 968px) {
.left-right-img{
	height: 364px;
}
.small-left-right-img{
	height: 158px;
}
.photobox {
	width: 87%;
}}
@media only screen and (max-width: 938px) {
.left-right-img{
	height: 350px;
}.small-left-right-img{
	height: 151px;
}}
@media only screen and (max-width: 920px) {
.left-right-img{
	height: 340px;
}.small-left-right-img{
	height: 148px;
}}
@media only screen and (max-width: 892px) {
.left-right-img{
	height: 332px;
}.small-left-right-img{
	height: 142px;
}}
@media only screen and (max-width: 876px) {
.left-right-img{
	height: 325px;
}.small-left-right-img{
	height: 140px;
}}
@media only screen and (max-width: 856px) {
.left-right-img{
	height: 320px;
}}
@media only screen and (max-width: 848px) {
.left-right-img{
	margin-top: 24px;
	width: 50%;
	height: 525px;
	margin-right:6%;
}.small-left-right-img{
	margin-top: 24px;
	width: 50%;
	height: 227px;
	margin-right:6%;
}.photobox {
	width: 90%;
}}
@media only screen and (max-width: 824px) {
.left-right-img{
	width: 51%;
}.small-left-right-img{
	width: 51%;
}}
@media only screen and (max-width: 800px) {
.left-right-img{
	width: 53%;
}.small-left-right-img{
	width: 53%;
}}
@media only screen and (max-width: 780px) {
.left-right-img{
	width: 55%;
}.small-left-right-img{
	width: 55%;
}}
@media only screen and (max-width: 738px) {
.left-right-img{
	width: 57%;
}}
@media only screen and (max-width: 722px) {
.left-right-img{
	width: 59%;
}.small-left-right-img{
	width: 59%;
}}
@media only screen and (max-width: 704px) {
.left-right-img{
	width: 320px;
	height: 417px;
}.small-left-right-img{
	width: 320px;
	height: 186px;
}.photobox {
	width: 87%;
}}
@media only screen and (max-width: 428px) {
.left-right-img{
	margin-right:2%;
}.small-left-right-img{
	margin-top: 4px;
	margin-right:2%;
}}
@media only screen and (max-width: 392px) {
.left-right-img{
	width: 300px;
	height: 389px;
	margin-right:0%;
}.small-left-right-img{
	width: 300px;
	height: 172px;
	margin-right:0%;
}}
@media only screen and (max-width: 376px) {
.left-right-img{
	width: 280px;
	height: 364px;
}.small-left-right-img{
	width: 280px;
	height: 162px;
}}
@media only screen and (max-width: 352px) {
.left-right-img{
	width: 260px;
	height: 342px;
}.small-left-right-img{
	width: 260px;
	height: 150px;
}}






.redbox{
	width: 52%;
	height: 142px;
	position: absolute;
	background-color: rgba(242,30,36,1);
	right: 0px;
	bottom: 0px;
	border-left-width: 15px;
	border-left-style: solid;
	border-left-color: rgba(45,45,45,1);
	z-index: 4;
}
.small-left-right-img .redbox{
	height: 122px;
}
.greybox{
	width: 78%;
	height: 112px;
	position: absolute;
	background-color: rgba(240,225,218,1);
	left: 0px;
	top: 18px;
	border-top-width: 26px;
	border-bottom-width: 138px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: rgba(253,237,238,0.7);
	border-bottom-color: rgba(241,242,244,1);
	z-index: 3;
}
.small-left-right-img .greybox{
	height: 22px;
	border-bottom-width: 80px;
}


.popis{
	font-family: 'Montserrat', sans-serif;
	right: 52%;
	bottom: 0px;
	position: absolute;
	text-transform: uppercase;
	font-weight: 300;
	color: rgba(22,22,22,1);
	font-size: 10px;
	padding-right:8px;
	z-index: 4;
	padding-top: 3px;
}
.popis strong{
	font-weight: 500;
}




















.full-text{
	width: 100%;
	float: left;
	display: inline-block;
}
.full-text-up-menu{
	width: 24%;
	float: left;
	box-sizing: border-box;
	padding-right: 34px;
	text-align: right;
	padding-top: 32px;
}
.full-text p{
	width: 100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14.7px;
	color: rgba(102,102,102,1);
	padding-right: 44px;
	text-align: justify;
	line-height: 21px;
	display: inline-block;
}












.site-text-historia {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14.7px;
	color: rgba(102,102,102,1);
	line-height: 22px;
	float: right;
	width: 72%;
	padding-top: 20px;
	display: inline-block;
	/* */
}
@media only screen and (max-width: 828px) {
.site-text-historia {
	width: 100%;
}}



.site-text-historia h3{
	display: block;
	font-family: 'Montserrat', sans-serif;
	font-size: 46px;
	font-weight: 300;
	color: rgba(153,153,153,0.8);
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: rgba(204,204,204,1);
	margin: 0px;
	padding-top: 12px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
	width: 100%;
}
@media only screen and (max-width: 720px) {
.site-text-historia h3{
	font-size: 42px;
}}



.historia-redline{
	background-color: rgba(245,10,18,1);
	height: 4px;
	width: 52px;
	border-radius: 4px;
	display: block;
	margin-bottom: 48px;
	margin-top: 8px;
}















.novinka-detail-box {
	width: 100%;
	max-width:926px;
	margin-right: auto;
	margin-left: auto;	/* */
}



.novinka-detail {
	color: rgba(102,102,102,1);
	line-height: 22px;
	width: 100%;
	padding-top: 20px;
	display: inline-block;
	margin-right: auto;
	margin-left: auto;	/* */
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: rgba(204,204,204,1);
}
.novinka-detail:last-child{
	border-bottom-style: none;
}



.novinka-cislo{
	display: block;
	font-family: 'Montserrat', sans-serif;
	font-size: 46px;
	font-weight: 300;
	color: rgba(153,153,153,0.3);
	margin: 0px;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
	width: 100%;
	/* */
}
.novinka-detail h3{
	display: block;
	font-family: 'Montserrat', sans-serif;
	font-size: 32px;
	font-weight: 400;
	color: rgba(35,35,35,0.88);
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: rgba(204,204,204,1);
	margin: 0px;
	padding-top: 12px;
	padding-right: 0px;
	padding-bottom: 14px;
	padding-left: 0px;
	width: 100%;	/* */
	line-height: 35px;
}

.napisane {
	font-family: 'Montserrat', sans-serif;
	font-size: 14.7px;
	font-weight: 300;
	color: rgba(51,51,51,0.5);
	width: 100%;
	display: inline-block;
	padding-top: 7px;
	padding-bottom: 15px;
}
.napisane strong{
	font-size: 15.2px;
	color: rgba(102,102,102,0.9);
	padding-left: 3px;
}



.novinka-detail p{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14.7px;
	color: rgba(51,51,51,0.9);
}
.novinka-detail p strong{
	font-size: 16.9px;
	font-weight: bold;
	font-style: normal;
	font-variant: normal;
	padding-bottom: 2px;
	display: inline-block;
	padding-top: 9px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: rgba(204,204,204,1);
	margin-bottom: 7px;
}
.novinka-detail p em{
	font-size: 15.2px;
	font-weight: bold;
	font-style: normal;
	font-variant: normal;
	padding-right: 2px;
	padding-left: 2px;
}

.novinka-detail p span{
	font-size: 15.2px;
	color: rgba(102,102,102,0.5);
	padding-top: 22px;
	padding-bottom: 12px;
	display: inline-block;
}




.novinka-detail p a:link, .novinka-detail a:active, .novinka-detail a:visited {
	font-size: 15px;
	font-weight: bold;
	font-style: normal;
	font-variant: normal;
	display: inline-block;
	color: rgba(245,10,18,1);
	text-transform: uppercase;
	-webkit-transition: 0.5s ease;
	transition: 0.5s ease;
}
.novinka-detail a:hover {
	color: rgba(225,83,77,1);
	text-decoration: none;
	-webkit-transition: 0.5s ease;
	transition: 0.5s ease;
	padding-left: 3px;
}




.novinka-redline{
	background-color: rgba(245,10,18,1);
	height: 4px;
	width: 82px;
	border-radius: 4px;
	display: block;
	margin-bottom: 48px;
	margin-top: 48px;
}























.site-photo-text{
	width: 100%;
	z-index: 1;
	display: inline-block;
	padding-top: 2px;
	padding-bottom: 42px;
}


.site-photo-small{
	float: left;
	padding-top: 12px;
	padding-bottom: 4px;
	width: 28%;
}

.site-text-small{
	float: right;
	width: 72%;
	padding-top: 4px;
	padding-bottom: 4px;
	text-align: left;
}
@media only screen and (max-width: 828px) {
.site-text-small{
	width: 100%;
}}

.site-text-small p{
	width: 100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14.7px;
	color: rgba(102,102,102,1);
	text-align: justify;
	line-height: 22px;
}
.site-text-small p strong{
	font-size: 16px;
	border-left-width: 3px;
	border-left-style: solid;
	border-left-color: rgba(234,33,25,1);
	border-radius: 2px;
	line-height: 17.5px;
	padding-left: 12px;
}






ul{
	font-size: 14.7px;
	color: #5F5F5F;
	padding-top: 0px;
	padding-right: 34px;
	padding-bottom: 22px;
	padding-left: 7px;
	display: inline-block;
	margin: 0px 0px 7px;
}

ul li{
	font-family: Arial, Helvetica, sans-serif;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 3px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: rgba(213,213,213,1);
	text-align: left;
	margin-left: 8px;
	padding-right: 12px;
	line-height: 20.5px;
	font-size: 14.7px;
	font-weight: normal;
	color: rgba(102,102,102,1);
}
@media only screen and (max-width: 828px) {
ul {
	padding-right: 7px;
}}

.site-photo-text p{
	width: 100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14.7px;
	color: rgba(102,102,102,1);
	text-align: justify;
	line-height: 22px;
	float: right;
	margin: 0px;
	padding-top: 8px;
	padding-bottom: 10px;
}
.site-photo-text p strong{
	font-size: 16px;
	border-left-width: 3px;
	border-left-style: solid;
	border-left-color: rgba(234,33,25,1);
	border-radius: 2px;
	line-height: 18px;
	padding-left: 12px;
}









.site-text{
	width: 100%;
	height: 626px;
	z-index: 1;
	display: inline-block;
	
	
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: rgba(255,0,0,1);
}






















.pdf_button_small a:link, .pdf_button_small a:visited, .pdf_button_small a:active{
	font-family: 'Rubik', sans-serif;
	color: rgba(51,51,51,1);
	letter-spacing: 1px;
	text-decoration: none;
	font-size: 14.3px;
	font-weight: normal;
	-webkit-transition: all 0.53s;
	transition: all 0.53s;
	color: rgba(102,102,102,1);
	background-color: rgba(255,255,255,0.9);
	padding-top: 4px;
	padding-right: 4px;
	padding-bottom: 3px;
	padding-left: 4px;
	opacity: 0.7;
	display: inline-block;
	margin: 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	box-sizing:border-box;
	width: 100%;
}
.pdf_button_small a:hover{color:rgba(0,0,0,1);-webkit-transition:0.73s;transition:all 0.73s;opacity:1;}
.pdf_button_small a:before{
	font-family: FontAwesome;
	content: "\f15c";
	font-size: 14px;
	padding-left: 7px;
	color: rgba(241,29,35,0.9);
	padding-right: 12px;
}

.pdf_button_small:last-child{
	font-family: FontAwesome;
	content: "\f15c";
	font-size: 14px;
	color: rgba(241,29,35,0.9);
	padding-bottom: 28px;
}



































.site-referencie-loga {
	padding-top: 60px;
	padding-bottom: 40px;
	display: inline-block;
	width: 100%;
	background-repeat: no-repeat;
	text-align: center;
	display:inline-block;
}
.site-referencie-loga img{
	width: 32%;
	transition: all .3s;
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	opacity:0.7;
}.site-referencie-loga img:hover{
	-webkit-filter: none;
	filter: none;
	opacity:1;
}

@media only screen and (max-width: 648px) {
.site-referencie-loga img{
	width: 48%;
}}
































/* ----------------------------- */
/*   FOTOGALERIA -  FOTOGALERIA  */
/* ----------------------------- */
.site-text-fotogaleria{
	width: 100%;
	padding-top: 2px;
	padding-bottom: 48px;	
}


.photo-gallery-black {
	display: -webkit-box;
	display: flex;
	-webkit-box-pack: center;
	justify-content: center;
	flex-wrap: wrap;
	background-color: #0C0C0C;
	padding: 5px;
}

.photo-gallery-black .item{
	position: relative;
	overflow: hidden;
	-webkit-box-flex: 0;
	flex: 0 1 33.3%;
	max-width: 440px;
	border: 6px solid #000000;
}.photo-gallery-black .item img{
	max-width: 100%;
	transition: all .3s;
	display: block;
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%)
}.photo-gallery-black .item:hover img{
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
	-webkit-filter: none;
	filter: none;
}
@media only screen and (max-width: 648px) {
.photo-gallery-black .item{
	flex: 0 1 50%;
}}






.photo-gallery {
	display: -webkit-box;
	display: flex;
	-webkit-box-pack: center;
	justify-content: center;
	flex-wrap: wrap;
	padding-top: 5px;
	padding-right: 8px;
	padding-bottom: 5px;
	padding-left: 8px;
}

.photo-gallery .item{
	position: relative;
	overflow: hidden;
	-webkit-box-flex: 0;
	flex: 0 1 33.3%;
	max-width: 440px;
	border: 24px solid #FFFFFF;
}.photo-gallery .item img{
	max-width: 100%;
	transition: all .3s;
	display: block;
}.photo-gallery .item:hover img{
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}
@media only screen and (max-width: 648px) {
.photo-gallery .item{
	flex: 0 1 50%;
}}





/* ----------------------------- */
/*   FOTOGALERIA -  FOTOGALERIA  */
/* ----------------------------- */




































/* ------------------------- */
/*    KONTAKT --- KONTAKTY   */
/* ------------------------- */
.site-text-kontakt{
	width: 100%;
}



.kontakt-hlavny{
	padding-top: 24px;
	width: 100%;
	max-width: 1020px;
	padding-bottom: 48px;
	display: inline-block;
	margin-right: auto;
	margin-left: auto;
}
@media only screen and (max-width: 486px) {
.kontakt-hlavny{
	padding-bottom:28px;
}}




.kontakt-hlavny_logo{
	width: 50%;
	float: left;
	text-align: right;
	display: inline-block;
}
.kontakt-hlavny_logo img{
	padding: 4px;
	border: 5px solid rgba(138,138,138,1);
	border-radius: 50%;
	height:210px;
	width:210px;
	margin-right: 42px;
}
@media only screen and (max-width: 654px) {
.kontakt-hlavny_logo img{
	height:180px;
	width:180px;
	margin-right: 28px;
}}
@media only screen and (max-width: 486px) {
.kontakt-hlavny_logo{
	width: 100%;
	text-align: center;
}
.kontakt-hlavny_logo img{
	margin-right: 0px;
}}






.kontakt-hlavny_adresa{
	width: 50%;
	float:right;
	display: inline-block;
}
@media only screen and (max-width: 486px) {
.kontakt-hlavny_adresa{
	width: 100%;
	padding-left: 32%;
	padding-top: 32px;
}}
@media only screen and (max-width: 400px) {
.kontakt-hlavny_adresa{
	padding-left: 29%;
}}
@media only screen and (max-width: 358px) {
.kontakt-hlavny_adresa{
	padding-left: 27%;
}}
@media only screen and (max-width: 342px) {
.kontakt-hlavny_adresa{
	padding-left: 25%;
}}


.adresa b{
	font-weight: bold;
}




.nadpis-adresa{
	font-family: 'Roboto', sans-serif;
	display: inline-block;
	color: rgba(27,27,27,0.94);
	font-weight: 300;
	font-size: 19px;
	padding-top: 2px;
}
.nadpis-adresa strong{
	font-size: 26px;
	display: inline-block;
	font-weight: 500;
	padding-right: 4px;
}

.kontakt-hlavny_adresa p{
	margin: 0px;
	padding: 0px;
}

.adresa{
	font-family: Arial, Helvetica, sans-serif;
	display: inline-block;
	color: rgba(97,97,97,0.9);
	font-weight: 300;
	font-size: 15.7px;
}
.adresa strong{
	color: rgba(51,51,51,1);
	font-size: 16px;
	font-weight: bold;
}
.adresa italic{
	color: rgba(0,134,211,0.7);
	font-size: 14px;
	padding-right: 2px;
}
.kontakt-grey-line{
	width: 280px;
	height: 1px;
	background-color: rgba(204,204,204,1);
	margin-top: 13px;
	margin-bottom: 13px;
}

@media only screen and (max-width: 782px) {
.kontakt-grey-line{
	width: 260px;
}}
@media only screen and (max-width: 654px) {
.kontakt-grey-line{
	width: 242px;
}}
@media only screen and (max-width: 624px) {
.kontakt-grey-line{
	width: 222px;
}}
@media only screen and (max-width: 542px) {
.kontakt-grey-line{
	width: 200px;
}}
@media only screen and (max-width: 400px) {
.kontakt-grey-line{
	width: 180px;
}}


.tel-hlavny{
	font-family: Arial, Helvetica, sans-serif;
	display: block;
	color: rgba(97,97,97,0.9);
	font-weight: 300;
	font-size: 15.7px;
}
.tel-hlavny{
	font-family: Arial, Helvetica, sans-serif;
	display: block;
	color: rgba(97,97,97,0.9);
	font-weight: 300;
	font-size: 15.7px;
}
.tel-hlavny:before{
	font-family: FontAwesome;
	content: "\f095";
	font-size: 12px;
	padding-top: 3px;
	padding-right: 9px;
	float: left;
	opacity: 0.5;
	padding-left: 2px;
}



.email-hlavny{
	font-family: Arial, Helvetica, sans-serif;
	display: block;
	color: rgba(97,97,97,0.9);
	font-weight: 300;
	font-size: 15.7px;
}
.email-hlavny:before{
	font-family: FontAwesome;
	content: "\f0e0";
	font-size: 12px;
	padding-top: 3px;
	padding-right: 9px;
	float: left;
	opacity:0.5;
}










.kontakty-odelenia-all{
	max-width: 900px;
	width: 100%;
	padding-top: 44px;
	padding-bottom: 54px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
}



.kontakt-oddelenie{
	width: 49%;
	display: inline-table;
	padding-top: 12px;
	padding-bottom: 22px;
	text-align: left;
}
@media only screen and (max-width: 902px) {
.kontakt-oddelenie{
	width: 44%;
}
.kontakt-oddelenie:last-child{
	display:none;
}}
@media only screen and (max-width: 788px) {
.kontakt-oddelenie{
	width: 49%;
}}
@media only screen and (max-width: 568px) {
.kontakt-oddelenie{
	width:100%;
}}


.oddelenie-foto{
	padding-right: 18px;
	padding-left: 22px;
	display: inline-table;
	text-align: right;
	box-sizing:border-box;
	float: left;
}.oddelenie-foto img{
	padding: 3px;
	border: 4px solid rgba(138,138,138,1);
	max-width:140px;
	height:auto;
	border-radius: 50%;
}
@media only screen and (max-width: 902px) {
.oddelenie-foto{
	width: 100%;
	text-align: center;
}}



.kontakt-oddelenie-info{
	display: inline-table;
	box-sizing: border-box;
	float: left;
	padding-left: 8px;
	text-align: left;
}
@media only screen and (max-width: 902px) {
.kontakt-oddelenie-info{
	width: 100%;
	padding-left: 24%;
}}
@media only screen and (max-width: 722px) {
.kontakt-oddelenie-info{
	padding-left: 19%;
}}
@media only screen and (max-width: 622px) {
.kontakt-oddelenie-info{
	padding-left: 15%;
}}
@media only screen and (max-width: 568px) {
.kontakt-oddelenie-info{
	padding-left: 33%;
}}
@media only screen and (max-width: 528px) {
.kontakt-oddelenie-info{
	padding-left: 30%;
}}
@media only screen and (max-width: 448px) {
.kontakt-oddelenie-info{
	padding-left: 27%;
}}
@media only screen and (max-width: 400px) {
.kontakt-oddelenie-info{
	padding-left: 23%;
}}
@media only screen and (max-width: 368px) {
.kontakt-oddelenie-info{
	padding-left: 19%;
}}
@media only screen and (max-width: 344px) {
.kontakt-oddelenie-info{
	padding-left: 15%;
}}


.oddelenie-nazov{
	font-family: 'Roboto', sans-serif;
	font-size: 21px;
	color: rgba(67,67,67,1);
	display: block;
	font-weight: 500;
	padding-top: 22px;
}
@media only screen and (max-width: 942px) {
.oddelenie-nazov{
	font-size: 20px;
}}
@media only screen and (max-width: 722px) {
.oddelenie-nazov{
	font-size: 19px;
}}



.oddelenie-hodiny{
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	font-size: 15px;
	color: rgba(238,35,44,1);
	display: block;
	padding-left: 1px;
}
.oddelenie-hodiny sterong{
	font-weight: 500;
}

.oddelenie-tel{
	font-size: 14.3px;
	display: block;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: rgba(204,204,204,1);
	color: rgba(102,102,102,0.9);
	padding-top: 7px;
	margin-top: 5px;
	width: 228px;
	padding-bottom: 4px;
}.oddelenie-tel:before{
	font-family: FontAwesome;
	content: "\f095";
	font-size: 11px;
	padding-top: 1px;
	padding-right: 9px;
	float: left;
	opacity: 0.5;
	padding-left: 2px;
}
@media only screen and (max-width: 528px) {
.oddelenie-tel{
	width: 212px;
}}


.oddelenie-mail{
	font-size: 14.3px;
	display: block;
	color: rgba(102,102,102,0.9);
	margin-bottom: 4px;
}.oddelenie-mail:before{
	font-family: FontAwesome;
	content: "\f0e0";
	font-size: 11px;
	padding-top: 1px;
	padding-right: 9px;
	float: left;
	opacity:0.5;
}






.kontakty-all a:link, .kontakty-all a:visited, .kontakty-all a:active{
	font-family: 'Rubik', sans-serif;
	font-size: 14.3px;
	font-weight: 300;
	letter-spacing: 0.5px;
	color: #666666;
	text-decoration: none;
	display: inline-block;
	display: inline-block;
	-webkit-transition: 0.5s ease;
	transition: 0.5s ease;
	text-transform: uppercase;
	margin-top: 28px;
	padding-top: 10px;
	padding-right: 34px;
	padding-bottom: 10px;
	padding-left: 34px;
	border: 1px solid rgba(102,102,102,1);
}
.kontakty-all a:hover{
	color: rgba(255,255,255,1);
	text-decoration: none;
	-webkit-transition: 0.5s ease;
	transition: 0.5s ease;
	background-color: rgba(51,51,51,1);
}


.red-button a:link, .red-button a:visited, .red-button a:active{
	color: rgba(255,255,255,1);
	text-decoration: none;
	background-color: rgba(239,38,46,1);
	border: 1px solid rgba(239,38,46,1);
	border-radius:3px;
	border-radius:7px;
}
.red-button a:hover{
	color: rgba(255,255,255,1);
	background-color: rgba(51,51,51,1);
	border: 1px solid rgba(102,102,102,1);
}

.black-button a:link, .black-button a:visited, .black-button a:active{
	color: rgba(255,255,255,1);
	text-decoration: none;
	background-color: rgba(102,102,102,1);
	border: 1px solid rgba(102,102,102,1);
	border-radius:7px;
}
.black-button a:hover{
	color: rgba(255,255,255,1);
	background-color: rgba(51,51,51,1);
	border: 1px solid rgba(102,102,102,1);
}






.zona a:link, .zona a:visited, .zona a:active{
	margin-top: 18px;
}



@media only screen and (max-width: 482px) {
.kontakty-all a:link, .kontakty-all a:visited, .kontakty-all a:active{
	font-size: 14px;
	margin-top: 22px;
	padding-top: 7px;
	padding-right: 15px;
	padding-left: 15px;
	padding-bottom: 7px;
}}


/* ------------------------- */
/*    KONTAKT --- KONTAKTY   */
/* ------------------------- */



































/* --------------------------------------- */
/*        sitePrjekty        START         */
/* --------------------------------------- */

.grey-dot-lines{
	border-top-width: 2px;
	width: 100%;
	border-top-style: dotted;
	border-top-color: rgba(189,189,189,1);
	display: inline-block;
	margin-top: 28px;
	margin-bottom: 28px;
}



.site-projekty{
	width: 100%;
	padding-top: 45px;
	padding-bottom: 45px;
	display: inline-block;
}

.projekty-logo{
	width: 32%;
	display: inline-block;
	text-align: center;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: rgba(214,214,214,1);
	padding-top: 16px;
	padding-bottom: 16px;
}

.projekty-logo img{
	opacity:0.7;
	-webkit-transition: 0.5s ease;
	transition: 0.5s ease;
}
.projekty-logo img:hover{
	opacity:1;
	-webkit-transition: 0.5s ease;
	transition: 0.5s ease;
}
.projekty-logo:last-child {
	border-right-style: none;
}

@media only screen and (max-width: 738px) {
.projekty-logo img{
	box-sizing: border-box;
	width: 100%;
	height: auto;
	padding-right: 22px;
	padding-left: 22px;
}}
@media only screen and (max-width: 628px) {
.projekty-logo img{
	padding-right: 12px;
	padding-left: 12px;
}}
@media only screen and (max-width: 482px) {
.projekty-logo img{
	padding-right: 7px;
	padding-left: 7px;
}}










/* --------------------------------------- */
/*       sitePhoto row        START        */
/* --------------------------------------- */


.site-photo-row{
	width: 100%;
	z-index: 1;
	display: inline-block;
}



.row-gallery{
	display: -webkit-box;
	display: flex;
	-webkit-box-pack: center;
	justify-content: center;
	flex-wrap: wrap;
	background-color: #0C0C0C;
	padding: 5px;
}

.row-gallery .item{
	position: relative;
	overflow: hidden;
	-webkit-box-flex: 0;
	flex: 0 1 20%;
	max-width: 440px;
	border: 6px solid #000000;
}.row-gallery .item img{
	max-width: 100%;
	transition: all .3s;
	display: block;
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%)
}.row-gallery .item:hover img{
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
	-webkit-filter: none;
	filter: none;
}
@media only screen and (max-width: 728px) {
.row-gallery .item{
	flex: 0 1 50%;
	max-width: 440px;
}
.row-gallery .item:last-child{
	display:none;
}}























/* --------------------------------------- */
/*          siteSlogan        START        */
/* --------------------------------------- */
.site-slogan-any{
	width: 100%;
	z-index: 1;
	/* */
	background: rgb(0,0,0);
	background: -moz-linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(40,40,40,1) 100%, rgba(9,9,121,1) 232%);
	background: -webkit-linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(40,40,40,1) 100%, rgba(9,9,121,1) 232%);
	background: linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(40,40,40,1) 100%, rgba(9,9,121,1) 232%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#090979",GradientType=1);
	padding-bottom:118px;
}

.up-slogan-line{
	width: 270px;
	height: 18px;
	margin-left: 12%;	
}



.up-slogan-logos{
	padding-top: 72px;	
}

.slogan-dot-line{
	width: 34%;	
}
@media only screen and (max-width: 568px) {
.slogan-dot-line{
	display:none;	
}}


.slogan-any{
	padding-left: 22%;	
}
@media only screen and (max-width: 1220px) {
.slogan-any{
	padding-left: 20%;	
}}
@media only screen and (max-width: 1140px) {
.slogan-any{
	padding-left: 16%;	
}}
@media only screen and (max-width: 1080px) {
.slogan-any{
	padding-left: 12%;	
}}
@media only screen and (max-width: 990px) {
.slogan-any{
	padding-left: 8%;	
}}
@media only screen and (max-width: 568px) {
.slogan-any{
	padding-left: 24%;
}}
@media only screen and (max-width: 468px) {
.slogan-any{
	padding-left: 17%;
}}
@media only screen and (max-width: 412px) {
.slogan-any{
	padding-left: 12%;
}}
@media only screen and (max-width: 342px) {
.slogan-any{
	padding-left: 8%;
}}



.red-corner-medium{
	position: absolute;
	border-right-width: 18px;
	border-bottom-width: 18px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: rgba(238,35,44,1);
	border-bottom-color: rgba(238,35,44,1);
	height: 180px;
	width: 180px;
	
	top: 82px;
	right: 110px;
}
@media only screen and (max-width: 990px) {
.red-corner-medium{
	top: 112px;
	right: 10%;	
}}











/* --------------------------------------- */
/*        siteNovinky        START         */
/* --------------------------------------- */

.site-novinky_h2{
	width: 100%;
	z-index: 1;
	display: inline-block;
	font-family: 'Montserrat', sans-serif;
	text-align: center;
	padding-top: 40px;
	padding-bottom: 38px;
	background-color: rgba(239,239,239,1);
}

.site-novinky_h2 h2{
	font-size: 33px;
	letter-spacing: 1.7px;
	padding-bottom: 0px;
	margin: 0px;
}
@media only screen and (max-width: 990px) {
.site-novinky_h2 h2{
	font-size: 30px;
}}
@media only screen and (max-width: 590px) {
.site-novinky_h2 h2{
	font-size: 28px;
}}

.site-novinky_h2 .podnadpis{
	font-size: 10.5px;
	color: rgba(242,19,34,1);
	padding: 2px;
	width: 220px;
	text-align: right;
	margin-right: auto;
	margin-left: auto;
	display: inline-block;
}
.site-novinky_h2 .redline{
	background-color: rgba(242,19,34,1);
	height: 5px;
	width: 68px;
	float: left;
	border-radius: 5px;
	display: inline-block;
	padding: 0px;
	margin-top: 5px;
}





.site-novinky{
	width: 100%;
	z-index: 1;
	display: inline-block;
	padding-top: 78px;
	background-image: url(../backgrounds/novinky---bckgr.jpg);
	background-position: center bottom;
	background-repeat: repeat-x;
	padding-bottom: 78px;
	background-color: rgba(255,255,255,1);
}
.novinka-one{
	width: 32%;
	display: inline-table;
}
@media only screen and (max-width: 698px) {
.site-novinky{
	padding-bottom: 48px;
}
.novinka-one{
	width: 100%;
	display: inline-table;
	padding-bottom: 38px;
}}






.novinka-one_left{
	width: 15%;
	text-align: center;
	display: inline-table;
	font-family: 'Montserrat', sans-serif;
	font-size: 18px;
	color: rgba(238,35,44,1);
	font-weight: 600;
}


.novinka-line{
	width: 1px;
	height: 58px;
	background-color: rgba(214,214,214,1);
	margin-right: auto;
	margin-left: auto;
	margin-top: 20px;
}








.novinka-one_right{
	width: 82%;
	display: inline-table;
}

.novinka-one h3{
	font-family: 'Montserrat', sans-serif;
	width: 90%;
	font-size: 19px;
	margin: 0px;
	padding: 0px;
	line-height: 21px;
}

.novinka-one_right p{
	width: 92%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14.3px;
	color: rgba(67,67,67,0.87);
	margin: 0px;
	padding-top: 18px;
	line-height: 21px;
}

.novinka-viac-info {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: rgba(238,35,44,1);
}



.novinka-viac-info a:link, .novinka-viac-info a:visited, .novinka-viac-info a:active{
	font-family: 'Rubik', sans-serif;
	font-size: 13px;
	font-weight: 500;
	letter-spacing: 0.5px;
	color: rgba(255,0,0,1);
	text-decoration: none;
	display: inline-block;
	padding-top: 8px;
	padding-bottom: 8px;
	width: 100%;
	display: inline-block;
	-webkit-transition: 0.5s ease;
	transition: 0.5s ease;
	text-transform: uppercase;
	margin-top: 8px;
}
.novinka-viac-info a:hover{
	color: rgba(195,35,42,1);
	text-decoration: none;
	-webkit-transition: 0.5s ease;
	transition: 0.5s ease;
	padding-left: 3px;
}


















/* --------------------------------------- */
/*          siteDown        START          */
/* --------------------------------------- */
.site-down{
	width: 100%;
	z-index: 1;
	display: inline-block;
	background-color: rgba(25,25,25,1);
}


.site-down_menu{
	width: 100%;
	z-index: 1;
	display: inline-block;
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: rgba(255,0,0,1);
	background-color: rgba(0,0,0,1);
	padding-top: 9px;
	padding-bottom: 5px;
	background-image: url(../backgrounds/menu-down---bckgr.jpg);
	background-position: center top;
	background-repeat: repeat-x;	
}


.menu-down-one{
	width: 32%;
	display: inline-block;
}
@media only screen and (max-width: 848px) {
.menu-down-one:nth-child(1n){
	width: 29%;
}
.menu-down-one:nth-child(2n){
	width: 40%;
}
.menu-down-one:nth-child(3n){
	width: 29%;
}}

@media only screen and (max-width: 684px) {
.menu-down-one{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: rgba(255,255,255,0.2);
}
.menu-down-one:nth-child(1n){
	width: 100%;
}
.menu-down-one:nth-child(2n){
	width: 100%;
}
.menu-down-one:nth-child(3n){
	width: 100%;
	border-bottom-width: 0px;
}}




.menu-down a:link, .menu-down a:visited, .menu-down a:active{
	font-family: 'Rubik', sans-serif;
	font-size: 14.3px;
	font-weight: 300;
	letter-spacing: 0.5px;
	color: #CCCCCC;
	text-decoration: none;
	display: inline-block;
	padding-top: 16px;
	padding-bottom: 13px;
	width: 100%;
	display: inline-block;
	-webkit-transition: 0.5s ease;
	transition: 0.5s ease;
	text-transform: uppercase;
}
.menu-down a:hover{
	color: rgba(255,0,0,1);
	text-decoration: none;
	-webkit-transition: 0.5s ease;
	transition: 0.5s ease;
}
@media only screen and (max-width: 848px) {
.menu-down a:link, .menu-down a:visited, .menu-down a:active{
	font-size: 13.7px;
	letter-spacing: 0.3px;
	padding-top: 14px;
	padding-bottom: 11px;
	width: 100%;
}}







.site-down_logo{
	text-align: center;
	padding-top: 32px;
	padding-bottom: 28px;
}
.site-down_logo img{
	width:62px;
	height:auto;
}




.site-down_sitemap{
	width: 100%;
	max-width: 980px;
	margin-right: auto;
	margin-left: auto;
	padding-right: 28px;
	padding-left: 28px;
	box-sizing: border-box;
	
	text-align: center;
	padding-top: 2px;
	padding-bottom: 38px;
}





.sitemap-one{
	width: 20%;
	display: inline-table;
	text-align: left;
	box-sizing: border-box;
	padding-left: 22px;
}
.sitemap-one_onas{
	width: 15%;
	display: inline-table;
	text-align: left;
	box-sizing: border-box;
	padding-left: 22px;
}
.sitemap-one_zona{
	width: 21%;
	display: inline-table;
	text-align: left;
	box-sizing: border-box;
	padding-left: 22px;
}

@media only screen and (max-width: 948px) {
.sitemap-one{
	width: 26%;
}
.sitemap-one_onas{
	width: 17%;
}
.sitemap-one_zona{
	display:none;
}}

@media only screen and (max-width: 748px) {
.sitemap-one{
	width: 32%;
}
.sitemap-one_onas{
	display:none;
}}
@media only screen and (max-width: 648px) {
.sitemap-one{
	width: 100%;
	text-align: center;
	padding-left: 0px;
}}









.sitemap-nadpis a:link, .sitemap-nadpis a:visited, .sitemap-nadpis a:visited{
	font-family: 'Rubik', sans-serif;
	font-size: 12.5px;
	line-height: 11px;
	font-weight: 500;
	text-transform: uppercase;
	color: rgba(130,130,130,1);
	text-decoration: none;
	display: inline-block;
	-webkit-transition: 0.5s ease;
	transition: 0.5s ease;
	padding-left: 22px;
	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: rgba(151,151,151,0.3);
	padding-left: 14px;
	margin-top: 6px;
	margin-bottom: 12px;
}

.sitemap-nadpis a:hover{
	color: rgba(252,252,252,1);
	
	-webkit-transition: 0.5s ease;
	transition: 0.5s ease;
}

.sitemap-page a:link, .sitemap-page a:visited, .sitemap-page a:visited{
	font-family: 'Rubik', sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: rgba(130,130,130,0.8);
	text-decoration: none;
	display: block;
	-webkit-transition: 0.5s ease;
	transition: 0.5s ease;
	padding-left: 17px;padding-top: 2px;
}

.sitemap-page a:hover{
	color: rgba(200,200,200,1);
	-webkit-transition: 0.5s ease;
	transition: 0.5s ease;
	padding-left: 20px;
}




.sitemap-one p{
	font-family: 'Rubik', sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: rgba(130,130,130,0.8);
	text-decoration: none;
	display: block;
	-webkit-transition: 0.5s ease;
	transition: 0.5s ease;
	padding-left: 17px;
	margin: 0px;
	padding-bottom: 12px;
}


.sitemap-email a:link, .sitemap-email a:visited, .sitemap-email a:visited{
	font-family: 'Rubik', sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: rgba(130,130,130,0.8);
	text-decoration: none;
	-webkit-transition: 0.5s ease;
	transition: 0.5s ease;font-weight: 500;
}
.sitemap-email a:hover{
	color: rgba(200,200,200,1);
	-webkit-transition: 0.5s ease;
	transition: 0.5s ease;
}






.site-down_social{
	text-align: center;
	padding-bottom: 16px;
}


.social_icons_kontakt a:link, .social_icons_kontakt a:visited {
	text-decoration: none;
	color: rgba(244,244,244,0.61);
	border-radius: 50%;
	display: inline-table;
	height: 32px;
	width: 32px;
	transition: 0.5s ease;
	margin-right: 8px;
	margin-left: 9px;
	position: relative;
	margin-top: 0px;
	margin-bottom: 0px;
	opacity: 0.87;
	border: 1px solid rgba(255,255,255,0.3);
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.social_icons_kontakt a:hover, .social_icons_kontakt a:active{
	color: rgba(244,244,244,1);
	background-color: rgba(251,22,20,1);
	text-decoration: none;
	transition: 0.5s ease;
	opacity: 1;
}


.facebook_icon_kontakt:before{
	font-family: FontAwesome;content: "\f09a";font-size: 14px;
	position: absolute;top: 50%;left: 50%;
	transform: translate(-50%, -50%);
}
.instagram_icon_kontakt:before{
	font-family: FontAwesome;content: "\f16d";font-size: 14px;
	position: absolute;top: 50%;left: 50%;
	transform: translate(-50%, -50%);
}
.pinterest_icon_kontakt:before{
	font-family: FontAwesome;content: "\f0d2";font-size: 14px;
	position: absolute;top: 50%;left: 50%;
	transform: translate(-50%, -50%);
}
.mail_icon_kontakt:before{
	font-family: FontAwesome;content: "\f0e0";font-size: 14px;
	position: absolute;top: 50%;left: 50%;
	transform: translate(-50%, -50%);
}
.phone_icon_kontakt:before{
	font-family: FontAwesome;content: "\f095";font-size: 14px;
	position: absolute;top: 50%;left: 50%;
	transform: translate(-50%, -50%);
}





.vertical-red-line{
	color: rgba(244,244,244,1);
	background-color: rgba(251,22,20,1);
	height: 33px;
	width: 3px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 24px;
	margin-bottom: 42px;
	border-radius: 2px;
}








.copyright{
	width: 100%;
	z-index: 1;
	display: inline-block;
	background-color: rgba(62,62,64,1);
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11.7px;
	color: rgba(204,204,204,0.34);
	padding: 10px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: rgba(153,153,153,0.7);
	box-sizing:border-box;
}
.copyright p{
	margin: 0px;
	padding: 0px;
}

@media only screen and (max-width: 764px) {
.copyright span{
	display:none;
}}
@media only screen and (max-width: 448px) {
.copyright{
	width: 100%;
	padding: 0px;
	height:25px;
	display:block;
}	
.copyright p{
	display:none;
}}












.swd-box{
	width: 100%;
	background-color: rgba(0,0,0,1);
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: rgba(153,153,153,0.7);
	height: 44px;
	display: inline-block;
	font-size: 12px;
}

.swd-box_link a:link, .swd-box_link a:visited, .swd-box_link a:active {
	color: rgba(204,204,204,0.7);
	-webkit-transition: 0.5s ease;
	transition: 0.5s ease;
}
.swd-box_link a:hover{
	color: rgba(239,31,34,1);
	-webkit-transition: 0.5s ease;
	transition: 0.5s ease;
}
.swd-box strong{
	opacity: 0.4;
	font-weight: normal;
}


.swd-box_copyright{
	padding-top: 15px;
	padding-bottom: 15px;
	display: inline-block;
	color: rgba(255,255,255,0.2);
}














/* --------------------------- */
/*    LINE    LINE   LINE      */
/* --------------------------- */
















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





.no-line-10{
	display: inline-block;
	height: 10px;
	width: 100%;
	color: rgba(255,255,255,1);
}

.no-line-20{
	display: inline-block;
	height: 20px;
	width: 100%;
	color: rgba(255,255,255,1);
}



















/* --------------------------- */
/*    GOTOP   GOTOP   GOTOP    */
/* --------------------------- */
.cd-top {
	display: inline-block;
	height: 60px;
	width: 60px;
	border-radius: 50%;
	position: fixed;
	bottom: 14px;
	right: 14px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
	/* image replacement properties */
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: opacity .3s 0s, visibility 0s .3s;
	-moz-transition: opacity .3s 0s, visibility 0s .3s;
	transition: opacity .3s 0s, visibility 0s .3s;
	background-color: rgba(90,90,90,1);
	background-image: url(../images/svg/cd-top-arrow.svg);
	background-repeat: no-repeat;
	background-position: center 50%;
	z-index: 3;
}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
  -webkit-transition: opacity .3s 0s, visibility 0s 0s;
  -moz-transition: opacity .3s 0s, visibility 0s 0s;
  transition: opacity .3s 0s, visibility 0s 0s;
}
.cd-top.cd-is-visible {
  /* the button becomes visible */
  visibility: visible;
  opacity: 1;
}
.cd-top.cd-fade-out {
  /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
  opacity: 1;
}
.no-touch .cd-top:hover {
	background-color: rgba(90,90,90,1);
	opacity: 1;
}
@media only screen and (min-width: 768px) {
  .cd-top {
    right: 13px;
    bottom: 16px;
  }
}
@media only screen and (min-width: 1024px) {
  .cd-top {
    height: 60px;
    width: 60px;
    right: 13px;
    bottom: 16px;
  }
}
/* --------------------------- */
/*    GOTOP   GOTOP   GOTOP    */
/* --------------------------- */




























/* --------------------------- */
/*      RESPONSIVE MENU        */
/* --------------------------- */
.overlay{
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: rgba(28,28,28,0.99);
	z-index: 100;
}

/* Overlay closing cross */
.overlay .overlay-close{
	width: 30px;
	height: 30px;
	position: absolute;
	right: 26px;
	top: 18px;
	overflow: hidden;
	border: none;
	background: url(../images/png/cross-white.png) no-repeat center center;
	text-indent: 200%;
	color: transparent;
	outline: none;
	z-index: 100;
}

/* Menu style */
.overlay nav{
	text-align: center;
	position: relative;
	top: 80px;
	height: 80%;
	font-size: 35px;
	-webkit-transform: translateY(0%);
	transform: translateY(0%);
}

.overlay ul{
	list-style: none;
	padding: 0;
	margin: 0 auto;
	display: inline-block;
	height: 100%;
	width: 55%;
	position: relative;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

.overlay ul li{
	display: block;
	height: 16%;
	height: calc(100% / 6);
	min-height: 34px;
	text-decoration: none;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

.overlay ul li a{
	font-family: 'Montserrat', sans-serif;
	font-weight: 300;
	display: block;
	color: rgba(255,255,255,0.77);
	-webkit-transition: color 0.2s;
	transition: color 0.2s;
	text-decoration: none;
	font-size: 27px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: rgba(204,204,204,0.24);
	padding-bottom: 22px;
}

.overlay ul li a:hover,
.overlay ul li a:focus{
	color: rgba(242,30,36,1);
	text-decoration: none;
}

/* Effects */
.overlay-hugeinc{
	opacity: 0;
	visibility: hidden;
	-webkit-transition: opacity 0.5s, visibility 0s 0.5s;
	transition: opacity 0.5s, visibility 0s 0.5s;
	
}
.overlay-hugeinc.open{
	opacity: 1;
	visibility: visible;
	-webkit-transition: opacity 0.5s;
	transition: opacity 0.5s;
	
}

.overlay-hugeinc nav{
	-webkit-perspective: 1200px;
	perspective: 1200px;
}
.overlay-hugeinc nav ul{
	opacity: 0.4;
	-webkit-transform: translateY(-25%) rotateX(35deg);
	transform: translateY(-25%) rotateX(35deg);
	-webkit-transition: -webkit-transform 0.5s, opacity 0.5s;
	transition: transform 0.5s, opacity 0.5s;
}

.overlay-hugeinc.open nav ul{
	opacity: 1;
	-webkit-transform: rotateX(0deg);
	transform: rotateX(0deg);
}
.overlay-hugeinc.close nav ul{
	-webkit-transform: translateY(25%) rotateX(-35deg);
	transform: translateY(25%) rotateX(-35deg);
}


/* */
.responsive-btn{
	height: 36px;
	width: 36px;
	margin: 0px;
	padding: 0px;
	background-image: url(../background/responsive-3line.svg);
	background-position: center center;
	background-color:#999;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
}
.responsive-btn:hover{
	/* */
	background-image: url(../background/responsive-3line-up.svg);
}



@media only screen and (max-width: 640px){
.overlay ul{
	width:72%;
}
.overlay ul li a{
	font-size: 26px;
}}
@media only screen and (max-width: 540px){
.overlay ul{
	width:80%;
}
.overlay ul li a{
	font-size: 25px;
}}
@media only screen and (max-width: 440px){
.overlay ul{
	width:82%;
}
.overlay ul li a{
	font-size: 24px;
}}
/* --------------------------- */
/*      RESPONSIVE MENU        */
/* --------------------------- */


























/* --------------------------- */
/*           LIGHT BOX         */
/* --------------------------- */
/* Preload images */body:after { content: url(../images/close.png) url(../images/loading.gif) url(../images/prev.png) url(../images/next.png); display: none;}.lightboxOverlay { position: absolute; top: 0; left: 0; z-index: 9999; background-color: black; opacity: 0.87; display: none;}.lightbox { position: absolute; left: 0; width: 100%; z-index: 10000; text-align: center; line-height: 0; font-weight: normal;}.lightbox .lb-image { display: block; height: auto; max-width: inherit; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px;}.lightbox a img { border: none;}.lb-outerContainer { position: relative; background-color: white; width: 250px; height: 250px; margin: 0 auto; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px;}.lb-outerContainer:after { content: ""; display: table; clear: both;}.lb-container { padding: 4px;}.lb-loader { position: absolute; top: 43%; left: 0; height: 25%; width: 100%; text-align: center; line-height: 0;}.lb-cancel { display: block; width: 32px; height: 32px; margin: 0 auto; background: url(../images/loading.gif) no-repeat;}.lb-nav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10;}.lb-container > .nav { left: 0;}.lb-nav a { outline: none; background-image: url('data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==');}.lb-prev, .lb-next { height: 100%; cursor: pointer; display: block;}.lb-nav a.lb-prev { width: 34%; left: 0; float: left; background: url(../images/prev.png) left 48% no-repeat; opacity: 0; -webkit-transition: opacity 0.6s; -moz-transition: opacity 0.6s; -o-transition: opacity 0.6s; transition: opacity 0.6s;}.lb-nav a.lb-prev:hover { opacity: 1;}.lb-nav a.lb-next { width: 64%; right: 0; float: right; background: url(../images/next.png) right 48% no-repeat; opacity: 0; -webkit-transition: opacity 0.6s; -moz-transition: opacity 0.6s; -o-transition: opacity 0.6s; transition: opacity 0.6s;}.lb-nav a.lb-next:hover { opacity: 1;}.lb-dataContainer { margin: 0 auto; padding-top: 5px; width: 100%; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px;}.lb-dataContainer:after { content: ""; display: table; clear: both;}.lb-data { padding: 0 4px; color: #ccc;}.lb-data .lb-details { width: 85%; float: left; text-align: left; line-height: 1.1em;}.lb-data .lb-caption { font-size: 13px; font-weight: bold; line-height: 1em;}.lb-data .lb-number { display: block; clear: left; padding-bottom: 1em; font-size: 12px; color: #999999;}.lb-data .lb-close { display: block; float: right; width: 30px; height: 30px; background: url(../images/close.png) top right no-repeat; text-align: right; outline: none; opacity: 0.7; -webkit-transition: opacity 0.2s; -moz-transition: opacity 0.2s; -o-transition: opacity 0.2s; transition: opacity 0.2s;}.lb-data .lb-close:hover { cursor: pointer; opacity: 1;}