/****** LikeCMS CSS Builder, last build: 2018-02-26 16:55:14 ******/


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

@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; box-sizing: border-box;}.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: 1100px;}}
@media (min-width: 1800px) {.container {width: 1100px;}}
@media (min-width: 2000px) {.container {width: 1100px;}}

/* 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 (max-width: 768px) {
  .tab8 {width: 100%;}.tab4 {width: 100%;}
}
@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;}
}


/*--------------------------------------------------------------
# General Settings
--------------------------------------------------------------*/
html,body {
  font-family: 'Muli', sans-serif;
  font-size:15px;
  line-height:1.4;
  color:#000;
  background:#8ecad9;
}
.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:#676868; font-size: 20px;}
h1 {text-indent: -9999em; background-image: url(../img/logo.png); background-repeat: no-repeat; width: 228px; height: 290px;
}
h2 {font-size: 32px; color:#8b8d8d; font-weight: 700; line-height: 1.2; float: left; padding-left: 0px; padding-right: 10px;}
h3 {font-size: 32px; color:#8b8d8d;  font-weight: 300; line-height: 1.2; float: left;}
h4 {display: block; color:#8b8d8d; font-size: 20px; font-weight: 700; line-height: 1.2;}
h5 {display: block; color:#8b8d8d; font-size: 20px; font-weight: 300; line-height: 1.2; border-bottom:dotted 1px #999; padding-bottom:20px; margin-top:10px; margin-bottom:20px;}
strong {font-weight:700;}
mark {color:#ac1526;}
a {text-decoration:none; color:#009999;}
a:hover {color:#00cccc;}
a.more {color: #676868; font-size: 28px; font-weight: 300; text-align: right; display: block;}


/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
input, textarea, select {
	width:100%;
	display:block;
	height:35px;
	padding:0px 10px;
	color:#000;
	background:#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:#644152;}

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
.header {height:100%;}
.topbar {
	/*position:fixed; top:0; left:0; right:0;*/
	z-index:500;
	padding:100px 30px 0px 30px;
/*	display:flex; -moz-box:flex; -ms-flexbox:flex; -webkit-flex:flex;
	flex-direction: row;
	justify-content:space-between;*/
	display: table;
	width:100%;
	margin-bottom: 40px;
}

.topbar_inner {
	display: table;
	vertical-align: bottom;
}

.logo {
	display: table-cell;
	vertical-align: bottom;
	float: left;
	padding-right: 40px;
}
.logo img {height:100%;}

.headerpic {
	height:100%;
	position: relative;
	background:#333;
	background-image:url("../img/headerpic.jpg");
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	display:flex; -moz-box:flex; -ms-flexbox:flex; -webkit-flex:flex;
	align-items:center;
	justify-content: center;
}
.headerpic_overlay {
	background:url("../img/pattern.png");
	position: absolute; top:0; left:0; bottom:0; right:0;
}
.headertext {z-index:200; text-align:center; color:#FFF; max-width:800px;}
.headertext h1 {color:#FFF;}
.headertext p {color:#FFF;}

/* Controlbar */
.controlbar {
	/*display:flex; -moz-box:flex; -ms-flexbox:flex; -webkit-flex:flex;
	flex-direction: row; justify-content:flex-end;*/
	display: table-cell;
	vertical-align: bottom;
}

.mainmenu {margin-right:20px;}
.mainmenu ul {list-style-type:none;}
.mainmenu ul li {float:left; color:#676868; position:relative; margin-left:60px;}
.mainmenu ul li a {display:block; color:#676868; line-height:40px; font-size:32px; padding-bottom: 20px;}
.mainmenu ul li a:hover {text-shadow: 0 0 .65px #676868, 0 0 .65px #676868; transition: all 0.5s linear; -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -o-transition: all 0.5s linear;}
.mainmenu ul li a.active {text-shadow: 0 0 .65px #676868, 0 0 .65px #676868;}

.controlbar button {background:none; padding:0; margin:0px 0px 0px 10px; font-size:20px; color:#FFF;}
.controlbar .fa {color:#fff; font-size:35px;}
.menu_button {display:none; margin-top:12px; z-index:1000; border: 0px; cursor: pointer;}
.menu_button:hover {background:none; color:#FFF;}
.close_button {display:none; margin-top:12px; z-index:2000; border: 0px; cursor: pointer;}

.search_button .fa {font-size:26px;}
.searchbar {opacity:0; display:block; position:absolute; left:100%; right:0; top:80px; margin-top:-1px; text-align:right;}
.searchbar input {width:100%; background:rgba(0,0,0,0.7); border:none; height:50px; margin:0px; padding:0px 30px; color:#FFF; text-align:right;}
.searchbar_open {opacity:1; left:0;}
::-webkit-input-placeholder {color:#FFF;}
::-moz-placeholder {color:#FFF;}
:-ms-input-placeholder {color:#FFF;}
input:-moz-placeholder {color:#FFF;}



@media (max-width: 480px) {
	
	h1 {background-image: url(../img/logo_small.png); background-repeat: no-repeat; width: 110px; height: 140px;}
	.topbar {height:60px; padding:0px 15px; margin-bottom: 20px;}
	.topbar_inner {width: 100%;}
	.logo {margin:15px 0px; width: 100%; display: block; text-align: center; padding: 0px;}
	.logo img {height: 140px;}
	.controlbar {display: block; width: 100%; text-align: center;}
	.mainmenu {background:rgba(0,0,0,0.6); border-left:solid 3px #686868; position:fixed; left:0; right:0; top:-1000px; width:auto; z-index:800; height:0; overflow:auto; margin:0; padding:15px;}
	.mainmenu ul {float:none; position:relative; width:auto; height:auto; margin-top:60px;}
	.mainmenu ul li {float:none; border-bottom:solid 1px #fff; margin:0px; margin-left: 0px!important;}
	.mainmenu ul li a {padding:15px 0px; color: #fff; line-height:1; height:auto; font-size:14px;}
	.mainmenu ul li a.active {text-shadow: 0 0 .65px #fff, 0 0 .65px #fff;}
	.mainmenu_show {top:0px; bottom:0; height:100%;}
	.menu_button {display:block; float: right; position: relative; margin-top: -160px!important}

	.searchbar {top:60px;}

	section {padding: 30px!important;}
}

@media (max-width: 1100px) {
	.mainmenu ul li a {line-height: 30px;}
	.mainmenu ul li {margin-left:20px;}
}

/*--------------------------------------------------------------
# Slider
--------------------------------------------------------------*/



/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
section {
	background: #eceded;
	padding: 50px;
	margin-bottom: 30px;
}

section img {
	width: 100%;
	margin: 20px 0px;
}



/*--------------------------------------------------------------
# Sidebar
--------------------------------------------------------------*/
aside p {
	font-size: 18px;
}

aside section img {
	margin-bottom: 0px;
	width: auto;
}

.avatar {display: table; width: 100%; margin-bottom: 20px;}

.name {display:table-cell; vertical-align: middle; font-size: 32px; color:#8b8d8d; font-weight: 700; text-transform: uppercase; text-align: left;}

.pic {display: table-cell; vertical-align: top; text-align: right;}

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/



/*--------------------------------------------------------------
# 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
--------------------------------------------------------------*/
.scrollicon {
	position:fixed;
	bottom:50px;
	right:50px;
	z-index:1000;
	border-radius:100%;
	width:50px; height:50px;
	background:#676868;
	cursor:pointer;
	text-align:center;
	padding-top:12px;
	display: none;
}
.scrollicon .fa {color:#FFF; font-size:20px;}



/*--------------------------------------------------------------
# Breakpoints
--------------------------------------------------------------*/
@media(max-width:1000px){
	
}
@media(max-width:800px) {
	
}




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

html,body {
color: #676868;
font-size: 20px;

}