/* ======================================= *\
	Reset
\* ======================================= */

*{margin:0; padding:0;}
input,textarea{outline:none;}
img{border:0; max-width:100%; height:auto;}


/* ======================================= *\
	Common
\* ======================================= */

h1, h2, h3, h4, h5, h6{font-weight:600; color:#151515;}

a{color:#0d7a9c; text-decoration:none;}
a:hover{color:#0d7a9c; text-decoration:underline;}

.clear{clear:both;}
.alignleft{float:left; margin: 0 15px 0 0;}
.alignright{float:right; margin: 0 0 0 15px;}
.left{flaot:left;}
.right{float:right;}

.gallery .gallery-item img{border:0 !important;}


/* ======================================= *\
	Body
\* ======================================= */

body{font-size:14px; font-family:'Open Sans', sans-serif; color:#000; text-align:center; background:url('../img/bg.jpg') center top fixed #e7ead8; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; -webkit-font-smoothing:antialiased;}

#container{margin:30px auto 20px auto; padding:30px; width:940px; text-align:left; background:#fff;}


/* ======================================= *\
	Header
\* ======================================= */

#header{margin:0 0 20px 0;}
#header #logo{float:left; width:370px;}
#header .phone{float:right; padding:0 0 0 23px; line-height:22px; background:url('../img/icon/phone.png') left center no-repeat;}
#header .phone a{font-size:16px; color:#6b6c6c;}

#header #top-menu{clear:both; float:right; margin:15px 0 0 0;}
#header #top-menu ul{list-style-type:none;}
#header #top-menu ul li{float:left;}
#header #top-menu ul li a{color:#616161; text-transform:uppercase;}
#header #top-menu ul li .seperator{display:inline-block; margin:0 10px; width:1px; height:11px; background:#616161;}
#header #top-menu ul li:last-of-type .seperator{display:none;}


/* ======================================= *\
	Menu
\* ======================================= */

#menu{height:44px; background:url('../img/menu.png');}
#menu ul{list-style-type:none;}
#menu ul li{position:relative; float:left; border-right:1px solid #1a6229;}
#menu ul li a{display:block; padding:0 11px; line-height:44px; font-size:13px; font-weight:700; color:#fff; text-transform:uppercase; text-decoration:none;}
#menu ul li a:hover,
#menu ul li.current-menu-item a,
#menu ul li.current-menu-ancestor a{color:#fff; text-decoration:none; background:#1e8638;}
#menu ul li:last-of-type{border:0;}
#menu ul li:last-of-type a{padding-right:11px;}

#menu ul li:hover .sub-menu{display:block;}
#menu ul li .sub-menu{position:absolute; display:none; padding:10px 0; width:230px; background:#196f2f; border-top:1px solid #1a6229; z-index:9;}
#menu ul li .sub-menu li{float:none; border:0;}
#menu ul li .sub-menu li a{padding:0 10%; width:80%; line-height:38px; font-size:13px; font-weight:600; text-transform:none; background:none;}
#menu ul li .sub-menu li a:hover,
#menu ul li .sub-menu li.current-menu-item a{background:#1e8638;}

#menu ul li .sub-menu li .sub-menu{padding:0; border-top:none; display:none;}
#menu ul li .sub-menu li:hover .sub-menu{display:block; position:absolute; padding:10px 0; border-top:1px solid #1a6229; left:230px; top:0;}
#menu ul li .sub-menu li:hover .sub-menu li a{background:none;}
#menu ul li .sub-menu li .sub-menu li:hover a{background:#1e8638;}

#menu .menu-title{display:none; margin:0 20px; line-height:44px; font-size:20px; text-transform:uppercase; color:#fff; background:url('../img/menu-title.png') right center no-repeat; background-size:25px 20px; cursor:pointer;}

#header #top-menu ul { float: left; }
#lang_sel_list { float: right; margin-left: .5em; }
#lang_sel_list img { margin-top: 2px; display: block; margin-left: 4px; }
#lang_sel_list a, #lang_sel_list a:visited { background: none !important }

/* ======================================= *\
	Breadcrumbs
\* ======================================= */

#breadcrumbs{display:block; height:auto; line-height:31px; font-size:12px; color:#969696; margin-bottom: 5px;}
#breadcrumbs a{color:#969696;}

/* ======================================= *\
	Content
\* ======================================= */

#content{float:right; width:690px; line-height:22px;}
#content p{margin:0 0 20px 0;}
#content h1{margin:0 0 15px 0;}
#content h2{margin:0 0 12px 0;}
#content h3{margin:0 0 10px 0;}
#content strong,
#content b{font-weight:400; color:#292929;}

#projects{margin:25px 0 0 0; border-top:1px solid #ddd;}
#projects h3{padding:25px 0; font-size:18px; font-weight:700; text-transform:uppercase;}
#projects .project{float:left; margin:0 0 25px 0; width:50%; font-size:13px;}
#projects .project .img{float:left; width:60px; height:60px;}
#projects .project .img img{max-width:100%;}
#projects .project .content{float:left; margin:0 0 0 14px; width:220px; line-height:18px;}
#projects .project .content .title{display:inline-block; margin:0 0 5px 0; font-weight:600; color:#196f2f;}
#projects .project .content p{margin:0 !important;}

#content ul { margin: 21px 28px; }


/* ======================================= *\
	Sidebar
\* ======================================= */

#sidebar{float:left; width:219px;}
#sidebar h3 {margin-left:15px; font-size:18px; text-transform:uppercase; margin-top:10px;}
#sidebar .menu{list-style-type:none; padding:0 0 10px 0; color:#343434;}
#sidebar .menu ul{list-style-type:none;}
#sidebar .menu ul li {border-bottom:solid 1px #018749;}
#sidebar .menu ul li a{display:block; padding:10px 0 10px 15px; color:#343434; font-weight:600; font-size:12px;}
#sidebar .menu ul li a:hover,
#sidebar .menu ul li.current_page_item a{color:#19732f;}
#sidebar .menu ul li.current_page_item .sub-menu li a{color:#343434 !important;}
#sidebar .menu ul li.current_page_item .sub-menu li:hover a,
#sidebar .menu ul li.active a {color:#19732f !important;}

#sidebar ul.sub-menu ul.sub-menu li:last-child { border: none; }
#sidebar ul.sub-menu ul.sub-menu a:before { content: "> "; }
#sidebar ul.sub-menu ul.sub-menu a { padding-left: 28px; }

#sidebar .sub-menu-line {background:url('../img/submenu-line.png')no-repeat;width:100%; height:22px;}
.contact-side p { margin-bottom: 8px; }
/* ======================================= *\
	Slider
\* ======================================= */

.slider-container{display:block; position:relative; margin:24px 0 68px 0; z-index:1;}
.slider-container .overlay{background:rgba(25,111,47,0.9); padding:25px; color:#fefefe; font-family:'Open Sans', sans-serif; position:absolute; right:35px; top:75px; z-index:11; width:270px;}
.slider-container .overlay .title{display:block; text-transform:uppercase; font-weight:700; font-size:25px; line-height:25px; margin-bottom:25px;}
.slider-container .overlay p{font-size:13px; line-height:20px; font-weight:600;}
.slider-container #slider{}
.slider-container #slider img{max-width:100%;}

.bx-controls{display:block; height:11px; position:absolute; right:35px; bottom:35px; z-index:11;}
.bx-controls .bx-pager-item{display:block; float:left; margin-left:5px;}
.bx-controls .bx-pager-item a{display:block; background:rgba(255,255,255,0.3); height:11px; width:11px;}
.bx-controls .bx-pager-item a.active{background:#fff;}


/* ======================================= *\
	Services
\* ======================================= */

#services{}
#services .service{float:left; position:relative; margin:0 0 0 10px; width:222px;}
#services .service.first{margin:0;}
#services .service img{display:block; max-width:100%;}
#services .service .title{position:absolute; left:0px; bottom:0px; width:100%; height:38px; line-height:38px; text-align:center; font-weight:700; color:#fff; text-transform:uppercase; background:#39834c; background:rgba(25,111,47,0.9); font-size: 13px;
-webkit-transition: 0.4s; transition: 0.4s;}
#services .service:hover .title{text-decoration:none; background:#24b5ec; background:rgba(0,169,233,0.9); height:64px;}


/* ======================================= *\
	Content blocks
\* ======================================= */

#content-blocks{margin:46px 0 0 0;}
#content-blocks .block{float:left; padding:12px 0; width:285px;}
#content-blocks .block.border{margin:0 24px; padding:12px 23px; width:274px; border-left:1px solid #ddd; border-right:1px solid #ddd;}

#content-blocks .block h3{margin:0 0 25px 0; font-size:18px; font-weight:700; text-transform:uppercase;}

#content-blocks .projects .project{margin:0 0 20px 0; font-size:13px;}
#content-blocks .projects .project .img{float:left; width:60px; height:60px;}
#content-blocks .projects .project .img img{max-width:100%;}
#content-blocks .projects .project .content{float:left; margin:0 0 0 14px; width:200px;}
#content-blocks .projects .project .content .title{display:inline-block; margin:0 0 5px 0; font-weight:600; color:#196f2f;}


/* ======================================= *\
	Projectoverzicht
\* ======================================= */
#projecten .project { padding:20px; border-bottom:1px solid #ddd; margin-bottom:20px; }
#projecten .project .left-wrap { width:100px; margin-right:20px; float:left; }
#projecten .project .left-wrap img { width:100%; height:auto; }
#projecten .project .right-wrap { float:left; width:530px; }
#projecten .project .right-wrap .title { display:inline-block; margin-bottom:10px; }
#projecten .project .right-wrap .title a { color:#196f2f; font-weight:600; font-size:18px; }

#projecten .project .right-wrap  p { margin-bottom:5px; }



/* ======================================= *\
	Footer menu
\* ======================================= */

#footer-menu{margin:32px 0 0 0; padding:32px 0 0 0; border-top:1px solid #ddd;}
#footer-menu .footer-menu{float:left; margin:0 0 0 20px; width:172px;}
#footer-menu .footer-menu.last{width:152px;}
#footer-menu .footer-menu .title{display:block; margin:0 0 10px 0; font-size:13px; font-weight:700; color:#464e40; text-transform:uppercase;}
#footer-menu .footer-menu ul{list-style-type:none;}
#footer-menu .footer-menu ul li{line-height:20px;}
#footer-menu .footer-menu ul li a{color:#919191;}
#footer-menu .footer-menu ul li a:hover{color:#000;}


/* ======================================= *\
	Partners
\* ======================================= */

#partners{margin:40px 0 0 0; min-height:95px; line-height:95px; text-align:center; background:#f8f9f3;}
#partners img{margin:0 25px; vertical-align:middle;}


/* ======================================= *\
	Footer
\* ======================================= */

#footer{margin:0 0 20px 0; color:#fff; text-shadow:1px 1px 1px rgba(0,0,0,0.5);}
#footer a{color:#fff;}


/* ======================================= *\
	Home page
\* ======================================= */

.home #content{font-size:13px;}
.home #content h1{font-size:30px; font-weight:800; text-transform:uppercase; line-height:28px;}


/* ======================================= *\
	Contactform
\* ======================================= */
.wpcf7 input,
.wpcf7 textarea{padding:10px; fontfamily:'Open Sans', sans-serif; color:#666; border:1px solid #CCC;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	max-width: 100%;
}
.wpcf7 textarea{fontfamily:'Open Sans', sans-serif; resize:vertical;}
.wpcf7 input[type="submit"]{padding:10px 40px; font-size: 14px}
.wpcf7 input[type="submit"]:hover{background:#CCC;}
.wpcf7 .wpcf7-list-item{display:block;}
.wpcf7 span.h3{display:block; font-weight:600; margin-bottom:-20px;}

.contact-side { padding: 10px 0 30px 5px; }
.contact-right,
.contact-left { width: 50%; float: left; }
.contact-right > div { float: right; }

.page-template-template-contact-php form textarea { height: 132px }
form .send { clear: both; }

form .wpcf7-not-valid-tip  { border-radius: 2px; border: 1px solid #EED3D7; background: #FFECEC; color: #A37878; font-size: 14px; line-height: 1.5; padding: 7px 14px; margin-top: 14px; }
form .wpcf7-validation-errors { border-radius: 2px; border: 1px solid #FBEED5; background: #FCF8E3; color: #C09853; font-size: 14px; line-height: 1.5; padding: 7px 14px; margin: 14px 0; }
form .wpcf7-mail-sent-ok { border-radius: 2px; border: 1px solid #D6E9C6; background: #DFF0D8; font-size: 14px; line-height: 1.5; padding: 7px 14px; margin: 14px 0; color: #7A866F; }

/* ======================================= *\
	Widget
\* ======================================= */

#sidebar img { position: relative !important; }
#logo img { position: relative !important; }

/* ======================================= *\
	Responsive
\* ======================================= */

@media (max-width: 1020px){

	body{font-size:13px;}

	#container{padding:20px; width:600px;}

	/*#header #menu-top-menu, #header #menu-top-menu-ukrainian {display:none;}*/
	#header #top-menu .menu { display: none; }
	#header #top-menu { margin-top: 12px; }

	#menu{position:relative;}
	#menu ul{display:none; position:absolute; z-index:50; width:100%; background:#196f2f; border-top:1px solid #1a6229;}
	#menu ul li{float:none; border:0;}
	#menu ul li a{line-height:36px;}
	#menu ul li .sub-menu{position:relative; display:block; padding:0; width:auto; border:0;}
	#menu ul li .sub-menu li a{padding:0 0 0 5%; width:95%; line-height:36px;}

	#menu ul li .sub-menu li .sub-menu{display:block;}
	#menu ul li .sub-menu li .sub-menu a{padding:0 0 0 8%; width:92%;}
	#menu ul li .sub-menu li:hover .sub-menu{display:block; position:relative; padding:0; border-top:none; left:0; top:0;}
	#menu ul li .sub-menu li:hover .sub-menu li a{background:none;}
	#menu ul li .sub-menu li .sub-menu li:hover a{background:#1e8638;}


	#menu .menu-title{display:block;}

	#slider{margin:20px 0;}

	.slider-container .overlay { top:50px; }
	.slider-container .overlay .title { font-size:20px; margin-bottom:10px; }
	.bx-controls { bottom:10px; right:10px; }

	#content-blocks .block{padding:0;}
	#content-blocks .block.border{margin:0; padding:0; border:0; }
	#content-blocks .block.projects{width:315px;}

	#projecten .project .left-wrap { width:100px; }
	#projecten .project .right-wrap { width:430px; }

	#services .service{margin-left:10px; width:142px;}
	#services .service .title{font-size:11px;}

	#content{float:none; width:auto !important;}
	#content img{max-width:100%;}

	#sidebar{display:none;}
	.page-template-template-contact-php #sidebar { display: block; width: 100%; }
	.page-template-template-contact-php #sidebar .sub-menu-line { background-image: none; border-bottom: 2px solid #196f2f; height: 10px; }
	#sidebar .mapp-layout { width: 100% !important; }

	#footer-menu{margin:20px 0 0 0; padding:20px 0 0 0;}
	#footer-menu .footer-menu{margin:0 0 20px 0; width:33.33%;}

	#partners{margin:0;}

	#footer{margin:20px auto; width:600px;}

}

@media (max-width: 660px){

	.alignleft, .alignright{float:none; margin:10px 0;}

	body{background:#fff;}

	#container{margin:0; padding:0; width:100%;}

	.contact-right,
	.contact-left { width: 100%; }


	#header{text-align:center;}
	#header .right{clear:both; float:none; padding:0 15px; height:43px; line-height:43px; text-align:left; border-bottom:1px solid #ddd;}
	#header .right .phone{float:none; display:inline-block;}
	#header #logo{float:none; display:block; margin:20px 0 0 0;  width: auto;}
	#header #logo img{max-width:90%;}

	#slider{margin-top:0;}

	.slider-container .overlay { display:none; }


	#content-blocks{margin:0; padding:0 20px;}
	#content-blocks .block{width:auto;}
	#content-blocks .block.projects{width:auto;}

	#projecten .project .left-wrap { width:100px; }
	#projecten .project .right-wrap { width:100%; }

	#services{display:none;}
	/*#services{padding:0 20px;}
	#services .service{margin:0 0 20px 0 !important; float:none; width:auto;}
	#services .service img{width:100%;}*/

	#breadcrumbs{padding:0 20px;}
	#content{padding:0 20px;}

	#projects .project{float:none; width:auto;}
	#projects .project .content{width:200px;}

	#footer-menu{padding:20px 20px 0 20px;}
	#footer-menu .footer-menu{width:50%;}

	#footer{padding:0 20px; width:auto; color:#878a75; text-shadow:none;}
	#footer a{color:#878a75;}

}
@media (max-width: 480px){
	.page-template-template-contact-php #sidebar { padding: 0 20px;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	#header #logo {max-width:90%; width: auto;}
}