/****** LikeCMS CSS Builder, last build: 2022-10-27 11:05:48 ******/


/*** project-files/css/main.css ***/

@charset "utf-8";

/* @charset "utf-8";

@font-face {
  font-family: 'FontAwesome';
  src: url('project-files/fonts/font-awesome/fontawesome-webfont.eot?v=4.5.0');
  src: url('project-files/fonts/font-awesome/fontawesome-webfont.eot?#iefix&v=4.5.0') format('embedded-opentype'), url('project-files/fonts/font-awesome/fontawesome-webfont.woff2?v=4.5.0') format('woff2'), url('project-files/fonts/font-awesome/fontawesome-webfont.woff?v=4.5.0') format('woff'), url('project-files/fonts/font-awesome/fontawesome-webfont.ttf?v=4.5.0') format('truetype'), url('project-files/fonts/font-awesome/fontawesome-webfont.svg?v=4.5.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
} */

/*--------------------------------------------------------------
# Reset
--------------------------------------------------------------*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video, div
{margin:0; padding:0; border:0; outline:0;}
mark {background:none;}
article,aside,details,figcaption,figure, footer,header,hgroup,menu,nav,section
{display:block;}
nav ul {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content:''; content:none;}
a {margin:0; padding:0; text-decoration:none;}
hr { display:block; height:1px; border:0; border:none; padding:0;}
input, select {vertical-align:middle;}
.clear {clear:both; margin: 0; padding:0;}
img {line-height:0;}

/*--------------------------------------------------------------
# Grid
--------------------------------------------------------------*/
* {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}.container:before,.container:after,.container-fluid:before,.container-fluid:after,.row:before,.row:after {clear:both; content:" ";display:table;}

/* Container */
.container {padding: 0 15px; margin: 0 auto; position:relative;}.container-fluid {padding: 0 15px; margin: 0 auto;}.row {margin: 0 -15px;}
@media (min-width: 768px) {.container {width: 95%;}}
@media (min-width: 1050px) {.container {width: 90%;}}
@media (min-width: 1250px) {.container {width: 1170px;}}
@media (min-width: 1800px) {.container {width: 1170px;}}
@media (min-width: 2000px) {.container {width: 1600px;}}

/* Clear */
.tab4:nth-of-type(3n+1) {clear:both;}
.mobile0, .tab0, .medium0, .large0, .mobile1, .tab1, .medium1, .large1, .mobile2, .tab2, .medium2, .large2, .mobile3, .tab3, .medium3, .large3, .mobile4, .tab4, .medium4, .large4, .mobile5, .tab5, .medium5, .large5, .mobile6, .tab6, .medium6, .large6, .mobile7, .tab7, .medium7, .large7, .mobile8, .tab8, .medium8, .large8, .mobile9, .tab9, .medium9, .large9, .mobile10, .tab10, .medium10, .large10, .mobile11, .tab11, .medium11, .large11, .mobile12, .tab12, .medium12, .large12, .tab20 {position: relative; min-height: 1px; padding: 0 15px; display:block;}
.mobile0, .mobile1, .mobile2, .mobile3, .mobile4, .mobile5, .mobile6, .mobile7, .mobile8, .mobile9, .mobile10, .mobile11, .mobile12 {float: left;}
.mobile12 {width: 100%;}.mobile11 {width: 91.66666667%;}.mobile10 {width: 83.33333333%;}.mobile9 {width: 75%;}.mobile8 {width: 66.66666667%;}.mobile7 {width: 58.33333333%;}.mobile6 {width: 50%;}.mobile5 {width: 41.66666667%;}.mobile4 {width: 33.33333333%;}.mobile3 {width: 25%;}.mobile2 {width: 16.66666667%;}.mobile1 {width: 8.33333333%;}.mobile0 {display:none;}

@media (min-width: 768px) {
  .tab1, .tab2, .tab3, .tab4, .tab5, .tab6, .tab7, .tab8, .tab9, .tab10, .tab11, .tab12, .tab20 {float: left;}
  .tab12 {width: 100%;}.tab11 {width: 91.66666667%;}.tab10 {width: 83.33333333%;}.tab9 {width: 75%;}.tab8 {width: 66.66666667%;}.tab7 {width: 58.33333333%;}.tab6 {width: 50%;}.tab5 {width: 41.66666667%;}.tab4 {width: 33.33333333%;}.tab3 {width: 25%;}.tab2 {width: 16.66666667%;}.tab1 {width: 8.33333333%;}.tab0 {display:none;}.tab20 {width: 20%;}
}
@media (min-width: 1050px) {
  .medium1, .medium2, .medium3, .medium4, .medium5, .medium6, .medium7, .medium8, .medium9, .medium10, .medium11, .medium12 {float: left;}.medium12 {width: 100%;}
  .medium11 {width: 91.66666667%;}.medium10 {width: 83.33333333%;}.medium9 {width: 75%;}.medium8 {width: 66.66666667%;}.medium7 {width: 58.33333333%;}.medium6 {width: 50%;}.medium5 {width: 41.66666667%;}.medium4 {width: 33.33333333%;}.medium3 {width: 25%;}.medium2 {width: 16.66666667%;}.medium1 {width: 8.33333333%;}.medium0 {display:none;}
}
@media (min-width: 1250px) {
  .large1, .large2, .large3, .large4, .large5, .large6, .large7, .large8, .large9, .large10, .large11, .large12 {float: left;}
  .large12 {width: 100%;}.large11 {width: 91.66666667%;}.large10 {width: 83.33333333%;}.large9 {width: 75%;}.large8 {width: 66.66666667%;}.large7 {width: 58.33333333%;}.large6 {width: 50%;}.large5 {width: 41.66666667%;}.large4 {width: 33.33333333%;}.large3 {width: 25%;}.large2 {width: 16.66666667%;}.large1 {width: 8.33333333%;}.large0 {display:none;}
}

/* Flexgrid */
.flexrow {
	margin:0px -15px;
	display:-webkit-flex;
    display:-webkit-box;
    display:-moz-flex;
    display:-moz-box;
    display:-ms-flexbox;
    display:flex;
	flex-direction:row;
}
.flexrow_equalheight {align-items:stretch; -webkit-align-items: stretch;}
.flexbox6 {width:50%; padding:0px; position:relative; -webkit-order:1; order:1;}
.flexbox_left {padding:0px 7% 0px 0px; padding-left:18%;}
.flexbox_right {padding:0px 0px 0px 7%; padding-right:18%;}
.flexbox_text_line {border-right:solid 1px #FFF;}
.flexbox_padding {padding-top:80px; padding-bottom:80px;}

@media (max-width: 768px) {
	.flexbox6 {width:100%;}
	/*.flexbox4 {-webkit-order:2; order:2;}
	.flexbox8 {-webkit-order:1; order:1;}*/
	.flexrow {display:block; margin:0px;}
}


/*--------------------------------------------------------------
# General Settings
--------------------------------------------------------------*/
html,body {
  font-family: 'Open Sans', sans-serif;
  font-size:16px;
  line-height:1.4;
  color:#000;
}
.clear {clear:both;}
.section_padding {padding:80px 0px;}
@media(max-width:768px){
	.section_padding {padding:60px 0px;}
}
@media(max-width:500px){
	.section_padding {padding:20px 0px;}
}

/*--------------------------------------------------------------
# Typo
--------------------------------------------------------------*/
p {margin-bottom:20px; color:#000;}
h1 {display: block; font-size: 40px; font-weight: 600; line-height: 1.2; margin-bottom:10px; text-align:left; color:#075caa; text-transform:uppercase;}
h2 {display: block; font-size: 40px; font-weight: 300; line-height: 1.2; margin-bottom:40px; text-align:left; text-transform:uppercase;}
h3 {display: block; font-size: 20px; font-weight: 300; line-height: 1.2; letter-spacing:2px;}
h4 {display: block; font-size: 15px; font-weight: 600; line-height: 1.2;}
h5 {display: block; font-size: 18px; font-weight: 600; line-height: 1.2; border-bottom:dotted 1px #999; padding-bottom:5px; margin-top:20px; margin-bottom:20px;}
strong {font-weight:700;}
mark {color:#ac1526;}
a {text-decoration:none; color:#ac1526;}
a:hover {color:#901624;}

#company a {color:#FFF; font-weight:600;}

.section {overflow:hidden;}


/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
input, textarea, select {
	width:100%;
	display:block;
	height:35px;
	padding:0px 10px;
	color:#000;
	backrgound:#FFF;
	border:solid 1px transparent;
	outline:none;
	font-size:13px;
	transition:all 0.3s;
	-webkit-transition:all 0.3s;
	-moz-transition:all 0.3s;
}
input:focus, textarea:focus, select:focus {background:#FFF; border-color:#a41624;}

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
#header {background:#FFF; overflow:hidden; padding:0px;}
.header_bg {
	background-image:url("../img/headerpic1.jpg");
	background-size:cover;
	background-position:center;
	overflow:hidden;
}
.logo {
	margin-top:180px;
	margin-left:-170px;
	margin-bottom:30px;
	max-width:448px;
}
.logo img {width:100%;}

.menu_area {width:100%; height:300px; overflow:hidden; position:fixed; right:0px; top:0px; width:50%; z-index:500;}
.menubar {background:rgba(0,0,0,0.7); height:60px; position:absolute; width:100%; right:0px;}
.mainmenu {}
.mainmenu ul {list-style-type:none; display:block;}
.mainmenu li {
	/*position:relative;*/
	display:inline-block;
	height:100%;
	width:auto;
	line-height:60px;
	height:60px;
	padding:0px 10px;
	color:#FFF;
	transition:all 0.3s;
	margin:0;
	z-index:500;
	font-weight:400;
}
.mainmenu li a {display:block; color:inherit!important; height:100%; text-transform:uppercase; font-size:14px;}
.mainmenu ul li ul {
	position:absolute;
	left:0;
	top:100%;
	width:1000px;
}
.submenu {
	opacity: 0;
	visibility: hidden;
	transition:all 0.3s;
}
.submenu_background {
	position:absolute;
	left:0; right:0;
	background:rgba(0,0,0,0.5);
	top: 100%;
	height:60px;
	width:100%;
	padding: 0 1000em;
	margin: 0 -1000em;
	border-bottom:solid 1px #999;
}
.submenu ul li {padding:0px 15px; display:block; float:left;}
.submenu ul li a {font-size:12px;}
.mainmenu ul li:hover > .submenu {
  opacity: 1;
  visibility:visible;
}
.mainmenu ul li:hover {color:#FFF; background:#a41624;}
.mainmenu ul li.active {color:#FFF; background:#a41624; font-weight:400;}
a#pull {display:none;}

@media(max-width:1200px) {
	.menu_area {width:50%; overflow:auto; height:400px;}
	.menubar {width:50%;}
	.mainmenu {width:100%; z-index:1500;}
	.mainmenu ul {display:none; background:rgba(0,0,0,0.9); border-bottom:solid 1px #FFF; position:relative; top:60px; margin:0 0px;}
	.submenu ul {border-bottom:0; margin:0!important; display:block;}
	.mainmenu ul li {display:block; width:100%; height:auto; line-height:1; border-top:dotted 1px #666; padding:0;}
	.mainmenu ul li a {padding:20px 25px; height:auto; line-height:1;}
	.mainmenu ul li:hover {/*color:#434e9f; */background:none!important;}
	a#pull {
		display:block;
		cursor:pointer;
		z-index:500;
		margin:20px auto;
		height:25px;
		line-height:20px;
		text-align:left;
		font-size:18px;
		color:#a41624;
		position:absolute;
		left:25px;
	}
	a#pull img {width:25px; float:left; margin-right:10px;}
	.content_icon .icon {font-size:30px;}
	.mainmenu ul li ul {
		position:relative!important;
		left:inherit;
		top:inherit;
		width:auto!important;
		background:rgba(255,255,255,0.1);
	}
	.submenu {
		opacity: 1;
		visibility: visible;
		transition:none;
		display:none;
	}
	.level2 ul {background:none;}
	.level3 ul {background:none;}
	.level3 ul a {margin-left:20px;}

	.submenu_background {display:none;}
	.submenu ul li {display:inline-block; float:none;}

	.haschildren {}
	.haschildren:before {
		content:"\f107";
		position:absolute; right:15px; top:13px;
		font-family: 'FontAwesome';
		color:#FFF;
		font-size:25px;
		transition:all 0.3s;
	}

	.submenu_open:before {
		-moz-transform:rotate(180deg);
	    -webkit-transform:rotate(180deg);
	    -o-transform:rotate(180deg);
	    -ms-transform:rotate(180deg);
	}
}

@media(max-width:768px) {
	.menu_area {width:100%; overflow:auto; height:400px;}
	.menubar {position:relative;}
}




.searchbar {position:absolute; top:10px; right:30px;}
.searchbar input {background:rgba(255,255,255,0.3); color:#FFF;}

.searchbar ::-webkit-input-placeholder {color: #FFF;}
.searchbar ::-moz-placeholder {color: #FFF;}
.searchbar :-ms-input-placeholder {color: #FFF;}
.searchbar :-moz-placeholder {color: #FFF;}


/*--------------------------------------------------------------
# Company
--------------------------------------------------------------*/
#company {background:#a41624; color:#FFF; padding:80px 0px;}
#company h2, #company p {color:#FFF;}
#company p {text-align:left;}



/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
#footer {background:#747474; color:#FFF;}
#footer p {color:#FFF;}
.footer_headline {font-size:20px; font-weight:400; text-transform:uppercase; margin-bottom:15px;}
.footer_section {margin-bottom:20px;}
.footmenu {}
.footmenu ul {list-style-type:none;}
.footmenu ul li {}
.footmenu ul li a {color:#FFF; font-weight:600;}
.footmenu ul li a:hover {text-decoration:underline;}


/*--------------------------------------------------------------
# GoogleMap
--------------------------------------------------------------*/
.googlemap {height:400px; width:100%; border-top:solid 1px #FFF; position:relative;}
.googlemap iframe {height:100%; width:100%;}
#map-canvas {z-index:400; height:100%; width:100%;}
#map_overlay {position:absolute; top:0; right:0; bottom:0; left:0; background:transparent; z-index:500; cursor:pointer;}


/*--------------------------------------------------------------
# Scrolltop
--------------------------------------------------------------*/
.scrolltop {
	position:fixed;
	bottom:50px;
	right:50px;
	z-index:1000;
	border-radius:100%;
	width:50px; height:50px;
	background:#FFF;
	box-shadow:0px 0px 5px 1px #666;
	cursor:pointer;
	text-align:center;
	padding-top:12px;
	display:none;
}
.scrolltop .fa {color:#a41624; font-size:20px;}



/*--------------------------------------------------------------
# Breakpoints
--------------------------------------------------------------*/
@media(max-width:1350px){
	.flexbox_left {padding-left:14%;}
	.flexbox_right {padding-right:14%;}
	.logo {max-width:350px; margin-left:-132px;}
}
@media(max-width:1000px){
	.sidebar_section h3 {font-size:23px;}
	h1 {font-size:30px;}

	.flexbox_left {padding-left:10%;}
	.flexbox_right {padding-right:10%;}

	.logo {max-width:250px; margin-left:-10px;}
}
@media(max-width:768px) {
	
	#company {padding:40px 0px;}

	.flexbox_left, .flexbox_right {padding:0px 25px;}
	.flexbox_padding {padding-top:40px; padding-bottom:40px;}

	.header_bg {position:inherit; height:300px;}
	.menubar {top:0px; left:0px; right:0px; width:100%; background:#FFF; z-index:2000;}
	.searchbar input {
		background:none;
		border:solid 1px #999;
		color:#666;
	}
	.searchbar ::-webkit-input-placeholder {color: #999;}
	.searchbar ::-moz-placeholder {color: #999;}
	.searchbar :-ms-input-placeholder {color: #999;}
	.searchbar :-moz-placeholder {color: #999;}
	
	h1 {font-size:30px;}
	h2 {font-size:30px;}
	#header {padding:0px 0px;}
	.logo {
		margin-top:100px;
		margin-left:-10px;
		margin-bottom:10px;
		max-width:250px;
	}

	.coverimage {min-height:250px;}

	.flexbox_text_line {border-right:none;}
	
}


/*** project-files/css/site.css ***/