@import 'https://fonts.googleapis.com/css?family=Roboto:300,400,700';
* {
	box-sizing: border-box;
	font-family: 'Roboto', sans-serif;
	text-decoration: none;
	font-size: 11pt;
	transition: 0.3s;
}

.mobile {display: none;}
.TDblockSite {position: absolute; left: 50%; margin-left: -217px; width: 435px; margin-top: 150px;}
/* WHITEFIELD LOADING */
.td_whitefield {width: 100%; height: 100%; display: block; background-color: #fff; position: fixed; top: 0; left: 0; z-index: 100000;}
.td_loading {position: absolute; top: 50%; left: 50%; z-index: 100000; margin-left: -100px; margin-top: -100px;}



h2 {color: #fff;}
h2 a:link, h2 a:visited {color: #fff;}
h3 a:link, h3 a:visited {color: #fff; font-size: 12pt;}

h2 { background-color: rgba(0,0,0,0.7); width: 100%; padding: 25px; float: left; margin: 0; margin-bottom: 15px; position: relative; 	font-size: 1.8vw; }
h2 a:link, h2 a:visited {font-size: 1.5vw; }
h2 img.icon {position: absolute; right: 10px; top: -7px; height: 71px;}
.arrow { width: 10%; vertical-align: middle; margin-right: 15px;}
.half h2 {text-align: center;}
.innerIcon {float: left; width: 30%;}
.innerIcon1, .innerIcon2, .innerIcon3 {margin: 0 auto; float: none; width: 50%;}
.mainPagePaddingTop {float: left; width: 70%;}
.h2icon {position: relative; width: 90%; padding-top: 50px; padding-right: 10px;}
.logo {width: 25%; margin-bottom: -1px;}
body {
  background: url(/files/bg.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  padding: 25px 100px;
	}

header {
	position: relative;
	width: 100%;
	padding: 15px;
	float: left;	
	z-index: 51;
}

footer{
	position: relative;
	width: 100%;
	float: left;	
	z-index: 51;
}

footer .centered {text-align: center;}
footer a:link, footer a:visited {color: #000;}

section {
	border-top: 1px solid white;
	-webkit-border-bottom-right-radius: 50px;
	-webkit-border-bottom-left-radius: 50px;
	-moz-border-radius-bottomright: 50px;
	-moz-border-radius-bottomleft: 50px;
	border-bottom-right-radius: 50px;
	border-bottom-left-radius: 50px;
	position: relative;
	width: 100%;
	float: left;	
	z-index: 51;
	background-color: rgba(0,0,0,0.5);
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,1);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,1);
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,1);
}

.cars {width: 15%; position: absolute; left: 20px; bottom: 0;}
	
div.centered {
	width: 1280px;
	margin: 0 auto;
	padding: 15px;
	position: relative;
	}
	
	
ul.menu {
	position: absolute; 
	width: auto;  
	z-index: 555; 
	float: right; 
	right: 0;
	bottom: -25px;
	}
ul.menu li {float: left; padding: 0; position: relative; padding: 0; margin: 0;  display: block; width: auto;}
ul.menu a:link, ul.menu a:visited, ul.menu .td_not_clickable  {
	float: left; 
	color: #005998; 
	z-index: 150; 
	font-size: 11pt; 
	text-align: left;
	padding: 5px 15px;
	width: auto;
	text-transform: uppercase;
	text-decoration: none;

}



ul.menu a:hover,  ul.menu .td_not_clickable:hover {
background-color: #005998; color: white; background-image: url('/files/bg.png');
}
ul.menu li a#active {}
ul.menu li a#active:hover {}

ul.submenu {
	z-index: 150; 
	display: none; 
	position: absolute; 
	left: 0px; 
	top: 30px;
	width: 190px; 
	border-top: 0; 
	margin: 0;}
ul.submenu li a:link, ul.submenu li a:visited {
	width: 190px;
	font-size: 12pt; 
	display: block; margin: 0; 
	background-color: rgba(0,0,0,0.8); color: #ddd;
	border-bottom: 1px solid #333;
	padding: 3px 15px;
	text-align: left;
	float: left;

	}
ul.submenu li {	border: none;}
ul.submenu li a:hover {color: #fff;}
ul.submenu li:first-child  {border: none;}


ul.submenu ul {}
ul.submenu ul li a:link, ul.submenu ul li a:visited {
	padding-left: 30px; font-size: 10pt; ;}

.td_slick {width: 100%;height: auto;}
.td_slick img {width: 100%;  height: auto;}

.td_slick div {position: relative;}
.td_slick .texty {position: absolute; width: 1200px; left: 50%; margin-left: -600px; text-align: right; font-size: 40pt; color: white; bottom: 25px; text-shadow: 0px 0px 10px rgba(0, 0, 0, 1);}

.third {
	width: 30%;
	float: left;
	padding: 15px; 
	}
	
.halfs {
	float: left;
}
.half {
	cursor: pointer;
	position: relative;
	width: 33.33%;
	top: 0px; left: 0;
	float: left;
	opacity: 0.65;
	border-right: 1px solid #ddd;
}

.half:nth-of-type(3), .half-6 {
	border-right: 0px solid #ddd;
}

.half2 {
	cursor: pointer;
	position: relative;
	width: 66.6666%;
	top: 0px; left: 0;
	float: left;
	padding-bottom: 45px;
	opacity: 0.65;
}


.half2 {opacity: 1; border: 0; color: white;}
.half2 p, .half2 div {color: white;}
.half2 h1 {font-size: 2vw;}
.iconys {width: 2%; transform: translate(0,20%);}
.menubar {list-style: none; float: left; width: 100%; padding: 0; margin-left: 8px; margin-top: 28px;}
.menubar li {margin: 0; float: left;}
.menubar li a:link,.menubar li a:visited {margin: 5px; color: white; padding: 15px 25px;  background-color: rgba(0,0,0,0.8); }
.menubar li a:hover {color: black; background-color: rgba(255,255,255,0.8); }

.half:hover {
	opacity: 1;
}
.half .mainPagePaddingTop {color: #000;}
.half .mainPagePaddingTop li, .half .mainPagePaddingTop p, .half .mainPagePaddingTop div{color: #fff; font-size: 0.8vw;}

.half:nth-of-type(2) {border: 0;}

.flags {z-index: 52; position: absolute; right: 10px; top: 5px;}
.flags img {border: 3px solid #aaa; border-radius: 50%;}
.flags img:hover {border: 3px solid #fff;}

	

	
.innerPadding {padding: 0px 25px; width: 100%; float: left;}
.mainPic {float: left; width: 100%;
	opacity: 1; 	
	border-bottom: 3px solid #555;
	}


.mainPagePaddingTop {float: left;}
.mainPagePaddingTop p {text-align: left; font-size: 0.8vw; color: white;}

.contact {float: left; text-align: center; width: 100%;}
.company {font-size: 2vw; color: #fff; font-weight: bold; }
.phone {font-size: 1.2vw; color: #fff; }

.thumbnails h3 {margin-left: 10px;}
.thumbnails {float: left; margin-top: 25px;}
.thumbnaillabel,.image_captions {display: none;}
div.thumbnail {padding: 0; float: left; width: calc(20% - 6px); height: auto; margin: 3px; }
div.thumbnail a.fancyboxtn {padding: 0; margin: 0; float: left;}
div.thumbnail img {width:  100%; height: 100%; margin: 0; border: 1px solid #888;}
div.thumbnail img:hover {border: 1px solid #fff;}



@media (max-width:1366px) { 
	div.thumbnail {width: calc(25% - 6px);}
	.h2icon {position: relative; width: 100%;}

	.mainPagePaddingTop p {font-size: 1vw;}
	.half h2{font-size: 1.8vw;}
	footer .centered {width: 100%;  min-width: 100%;}
}

@media (max-width:1023px) {
	.mobile {display: block; float: left; width: 100%;}
	nav.mobile a.mobileButton:link, nav.mobile a.mobileButton:visited {float: left; width: calc(50% - 3px); margin-right: 3px; margin-bottom: 3px; background: rgba(0,0,0,0.7); color: white; text-decoratioN: none; padding: 15px; text-align: center; font-size: 2.5vw;}
	.halfline, .halfline2, .halfline3 {display: none;}
	.menubar {width: 100%; margin: 0;}
	.menubar li {width: 100%; float: left;}
	.menubar li a:link, .menubar li a:visited {float: left; width: 100%; text-align: center; font-size: 5vw; margin: 0; margin-bottom: 3px;}
	.half2  h1 {font-size: 6vw; }
	div.thumbnail {width: calc(33% - 6px);}
	.logo {width: 33%; margin-top: 30px;}
	body {padding: 15px;}
	header img.cars {display: none;}
	.half {opacity: 1; width: 100%; border: 0;}
	.half2 {width: 100%;}
	.innerIcon {float: left; width: 60%; margin-left: 20%;}
	.h2icon {position: relative; width: 100%; padding-top: 0px; padding-right: 0px;}
	.mainPagePaddingTop {width: 100%;}
	.mainPagePaddingTop p {text-align: center; font-size: 2vw;}
	.company {font-size: 3vw; font-weight: bold;}
	.phone {font-size: 1.7vw;  }
	.half h2{font-size: 3vw; white-space: nowrap;}
	h2 a:link, h2 a:visited {font-size: 3vw; white-space: nowrap;}
		.half .mainPagePaddingTop li, .half .mainPagePaddingTop p, .half .mainPagePaddingTop div, .half .mainPagePaddingTop em, .half .mainPagePaddingTop strong{color: #fff; font-size: 3vw;}
}

@media (max-width:600px) { 	header {padding: 0; padding-bottom: 20px;}
nav.mobile a.mobileButton:link, nav.mobile a.mobileButton:visited {float: left; width: calc(100%); margin-bottom: 3px; background: rgba(0,0,0,0.7); color: white; text-decoratioN: none; padding: 15px; text-align: center; font-size: 5vw;}
	.logo {width: 70%; margin-top: 30px;}
	body {padding: 5px;}
	.company {font-size: 5vw; font-weight: bold;}	.phone {float: left; font-size: 4vw; color: white;}	.iconys {width: 7%;}
	.half h2{padding: 10px;}
	.mainPagePaddingTop p {text-align: center; font-size: 3vw;}
	footer .centered, footer a:link, footer a:visited {font-size: 2.5vw;}
	.innerPadding {padding: 0 10px;}
	.half .mainPagePaddingTop li, .half .mainPagePaddingTop p, .half .mainPagePaddingTop div, .half .mainPagePaddingTop em, .half .mainPagePaddingTop strong{color: #fff; font-size: 3vw;}
}

@media (max-width:550px) { 
	.arrow {display: none;};
}