*{ margin:0; padding:0; outline:none;}
#wrapper {min-height:100%;}
body{ margin:0; padding:0; -ms-word-wrap:break-word; word-wrap:break-word; background:url('/wp-content/uploads/2017/02/11053080_10205030304769720_8386054312888361823_o.jpg'); position:relative; font:13px/22px 'Arimo'; color:#5b5b5b;}
img{ margin:0; padding:0; border:none; max-width:100%; height:auto; }
section img{max-width:100%;}
h1,h2,h3,h4,h5,h6{ margin:0; padding:0 0 15px;}
p{ margin:0; padding:0;}
a{ text-decoration:none; color:#464545;}
a:hover{ text-decoration:none; color:#fff;}
ul{ margin:0 0 0 15px; padding:0;}
.clear{ clear:both;}
.center{ text-align:center; margin-bottom:40px;}
.middle-align{ margin:0 auto; padding:0;}
.wp-caption{ margin:0; padding:0; font-size:13px; max-width:100%;}
.wp-caption-text{ margin:0; padding:0;}
.sticky{ margin:0; padding:0;}
.gallery-caption, .screen-reader-text, .bypostauthor{ margin:0; padding:0;}
.alignleft, img.alignleft {display: inline; float: left; margin-right:45px; margin-top:4px; margin-bottom:20px; padding:0; }
.alignright, img.alignright { display: inline; float: right; }
.aligncenter, img.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; margin-top:0; }
.comment-list .comment-content ul { list-style:none; margin-left:15px;}
.comment-list .comment-content ul li{margin:5px;}
.main-container ol{list-style-position:outside; margin-left:20px;}
.main-container ol li{margin:5px 0;}
.toggleMenu{display:none;}
section{ padding: 15px 0; position:relative;}
h2.section-title { font-family:'Roboto'; font-size:35px; font-weight:400; padding:0 0 25px 0; text-align:center; text-transform:uppercase; display:table; margin:0 auto 50px; border-bottom:1px solid #00b1e9; color:#242424;}
.section-subtitle { padding:0 0 15px 0;text-align:center; display:table;margin-bottom:30px; width:100%; font-family:'Roboto'; font-size:19px; font-weight:400; color:#464545;}
#slider{ max-width:1400px; margin:0 auto; padding:0; position:relative;}
#slider .top-bar{ margin:0; padding:16px 0 20px; position:relative;}
#slider .top-bar h4{ border-radius:5px 5px 0 0; padding:25px 25px 0 25px;text-transform:uppercase; font:400 20px 'Roboto'; background-color:rgba(0,0,0,0.3);}
#slider .top-bar h2{font:700 40px 'Roboto'; padding:0 0 5px 25px; text-transform:uppercase; line-height:55px; background-color:rgba(0,0,0,0.3);}
#slider .top-bar p{ color:#ffffff; font-weight:400; margin:0 0 10px 0; line-height:20px; padding-bottom:15px; padding-left:25px; border-radius:0 0 5px 5px; font:13px/20px 'Arimo'; background-color:rgba(0,0,0,0.3);}
a.read-more, a.blog-more{ display:inline-block; font:400 16px 'Roboto'; padding:10px 30px; margin-top:21px; margin-right:15px; color:#ffffff;}


/*-----------------------------------HEADER STYLES---------------------------------------------*/

.main-container{margin:0; padding:0;}
.header.fixed{position:fixed !important; top:0 !important; margin:0; padding:15px 0; z-index:99; background-color:#000000; opacity:inherit;}
.header .header-inner{ margin:0 auto; padding:0; position:relative; width:1160px;}
.header .header-inner .header-top { padding:5px 0; background:#00b1e9;}
.header-top .top-left { float:left; padding-left:27px;}
.top-left p { float:left; display:inline-block; font:700 13px 'Roboto'; color:#ffffff; margin:0; padding:10px 15px 10px 0;}
.top-left p a { color:#ffffff;}
.top-left p:first-child { padding-left:0;}
.top-left .fa-envelope, .top-left .fa-phone { color:#ffffff; margin-right:10px; position:relative; top:2px;}
.header-top .top-right { float:right; padding-top:5px; padding-right:10px;}
.header-top .top-right .social-icons { display:none;}
.header-top .top-right .social-icons a { height:25px; width:25px; font-size:16px; margin-bottom:0; margin-right:5px; color:#ffffff;}
.header .header-inner .header-bottom { padding:20px 0;}
.header .header-inner .logo{margin:0; padding:0; }
.header .header-inner .logo h1{ font-weight:700; text-transform:uppercase; padding:0; margin-bottom:8px; font-size:27px; font-weight:bold; }
.header .header-inner .logo a{ font-family:'Roboto';}
.header .header-inner .logo p{ font-size:16px; font-family:arimo; color:#000;}
.container{ width:1160px; margin:0 auto; padding:0; position:relative;}
.toggle{display:none;}
.header{position:absolute; z-index:999; width:100%;  height:auto; padding:0px; background-color:rgba(0,0,0,0.2);}
.header .header-inner .nav{ margin:0; padding:0; text-align:right; float:right;}
.header .header-inner .nav ul { float:right; margin:14px 0 0; padding:0; font-family:'Roboto'; font-weight:700; font-size:15px;}
.header .header-inner .nav ul li{ display:inline-block; margin:0; position:relative;}
.header .header-inner .nav ul li.current-menu-item { border-radius:5px;}
.header .header-inner .nav ul li a{ padding:5px 20px; display:block;}
.header .header-inner .nav ul li a:hover{background:#f7c767; padding:5px 20px; border-radius:5px;color:#FFF;}
@media screen and (min-width:1000px){
.header .header-inner .nav ul li ul{display:none; z-index:2;}
.header .header-inner .nav ul li:hover > ul{display:block; background:#000000; width:165px; position:absolute; top:18px; left:0; text-align:left; box-shadow:5px 5px 5px #f7c767; }
.header .header-inner .nav ul li:hover ul li a { color:#ffffff;}
.header .header-inner .nav ul li:hover ul li a:hover { padding:10px 20px; border-radius:0;}
.header .header-inner .nav ul li:hover ul li ul{display:none;}
.header .header-inner .nav ul li:hover ul li:hover > ul{display:block; position:absolute; left:165px; top:-14px; box-shadow:none;}
.header .header-inner .logo{float:left; margin-top:8px;}
}

div#logo {color :#000;}
.services { width:100%; margin:0 auto; position:relative; }
#services-box { width:30%; height:auto; display:inline-block; float:left;  text-align:center;  margin:0 14px 0 0; padding:0 9px 9px 2px; position:relative; transition:0.3s; border-bottom-left-radius:5px; border-bottom-right-radius:5px; border-top-right-radius:5px; }
.last { margin-left:0 !important;}
#services-box:hover {cursor:pointer;color:#000;}
#services-box img {width:82px; height:82px; display: block; margin:auto; border-radius:50%;}
#services-box h2 { text-transform: uppercase; padding:20px 0;}
#services-box h2 span { font-size:40px; font-style:normal; display:block; margin:10px 0 0; line-height:36px; }
#services-box p { margin-bottom:30px;}
#services-box i.fa {display: inline-table; height:100px; text-align: center; width:100px; font-size:4em; color:#222222;}
#services-box a.check { background:#00b1e9; padding:10px 10px; color:#ffffff; font:700 14px 'Open Sans'; }
#services-box:hover a.check { color:#00b1e9; background:#ffffff;}
#services-box:hover i.fa, #services-box:hover p { color:#ffffff;}
.services-inner { background:#ffffff; padding:30px 20px; }
#services-box:hover .services-inner { background:#00b1e9;}

#footer {background:#ffab62;width:100%;	height:100px;	position:absolute;	bottom:0;	left:0; }

/*------------------------------------------- SERVICES END -------------------------------------------*/

/** Blog post css **
-----------------------------------------------------------------*/
section#works{ padding-bottom:0;}
.blogs { margin:0; padding:0;}
.blogposts { width:48%; margin:0 40px 20px 0; display:inline-block; position:relative; vertical-align:top;}
.blogposts:nth-child(2n+2) { margin-right:0;}
.blogposts h2 { font-weight:normal; font-family:'Roboto'; font-size:20px; text-transform:uppercase; margin:0; padding:20px 0 0;}
.blogposts h2 a {color:#464545;}
.cat_comments{ color: #464545; padding: 12px 0px;}
.cat_comments .cat, .cat_comments .comnt { height: 26px; line-height: 24px; padding:0;}
.cat_comments .cat{ float: left;}
.cat_comments .cat i.fa, .cat_comments .comnt i.fa { margin-right:10px; font-size:15px; position:relative; top:2px; color:#464545;}
.cat_comments .comnt { float:left; margin-left:20px;}
.blogposts a.blog-more{ color:#ffffff;}
.lastcols { margin-right:0 !important;}

/* --------- Pages ------- */
.content-area{ width:1160px; margin:0 auto; padding:10px;}
div #content {background:rgba(255,255,255,0.6); min-height:400px; width: 100%;
-webkit-border-radius: 5px;
-webkit-border-top-right-radius: 7px;
-moz-border-radius: 5px;
-moz-border-radius-topright: 7px;
border-radius: 5px;
border-top-right-radius: 7px;
padding:5px;}

.site-main{ width:1160px; margin:0 auto; padding:0;}
h2.entry-title { margin-top:30px; font:400 25px 'Roboto';}
#sitefull{ width:auto !important;}
#nosidebar{ width:80%; margin:0 auto; float:none; text-align:center;}
#sidebar{ width:270px; margin:0; padding:0; float:right;}

/*copyright css*/
.copyright-wrapper { position:absolute; width:100%; bottom:0px; padding:10px 0; color:#ffffff;opacity:0.5;}

/* ------ Contact Form ------ */
.wpcf7{ margin:0; padding:10px; font:400 15px 'Roboto Condensed', sans-serif; color:#000;}
.wpcf7 form{ margin:5; padding:5;}
.wpcf7 form span.last{ float:none !important;}
.wpcf7 form input[type="text"], .wpcf7 form input[type="email"], .wpcf7 form input[type="tel"], .wpcf7 form input[type="url"], .wpcf7 form input[type="date"], .wpcf7 form select, .leftdiv input[type="text"], .leftdiv input [type="url"], .leftdiv input[type="email"], .leftdiv input[type="tel"], .wpcf7 form textarea, .rightdiv textarea{ width:94%; background-color:#f8f8f8; border:1px solid #e6e5e5; padding:10px; margin-top:15px; font:400 14px 'Roboto Condensed', sans-serif; color:#777777;}
.wpcf7 form textarea, .rightdiv textarea{height:144px;}
.wpcf7 form input[type="checkbox"], .wpcf7 form input[type="radio"], .wpcf7 form input[type="file"]{ margin-top:10px; padding:0;}
span.wpcf7-list-item{ margin:0 15px 0 0 !important;}
.wpcf7 form input[type="submit"], #contact input[type="submit"], .entry-content input[type="submit"] {font:400 15px 'Roboto Condensed', sans-serif; margin:25px 0 0 0; padding:5px 20px; border:none; color:#ffffff; border-radius:4px; -moz-border-radius:4px; -o-border-radius:4px; -webkit-border-radius:4px; cursor:pointer; background-color:#00b1e9;}

/* ------ Extra ------ */
.error_msg{padding:10px; background:#ffd3ce; color:#e00; border:1px #e00 solid; margin:15px 0;}
.success_msg{padding:10px; background:#dcffc5; color:#070; border:1px #070 solid; margin:15px 0;}
.spacer20{height:20px; clear:both;}
.nav-links{display:table; clear:both; margin-top:15px;}
.nav-links a, .nav-links .page-numbers{background:#2e2e2e; color:#fff; padding:5px 10px; display:inline-block;}
.nav-links .current, .nav-links a:hover{background:#03a9f5;}
h1.entry-title {font-size:24px; padding-left:5px; padding-top:5px;padding-bottom:5px; margin-bottom:15px;text-transform:uppercase;width:99%;background:rgba(255,255,255,0.4);
h1.page-title{padding-bottom:20px; font-size:30px; text-transform:uppercase;}
article.tag-sticky-2{background:#f6f6f6; padding:10px;}
article img{height:auto;}
article p{margin:10px 0;}
.post: {background: #fff; }
.post-date{display:inline;}
.post-comment{display:inline;}
.post-categories{display:inline;}
.post-tags{display:inline;}
form.search-form{margin-bottom:15px;}
input.search-field, .post-password-form input[type=password]{border:1px #eee solid; padding:4px;}
input.search-submit, .post-password-form input[type=submit]{border:none; color:#ffffff; padding:4px 10px; cursor:pointer;}
aside.widget{margin-bottom:30px;}
aside.widget ul{ list-style:disc; margin-left:13px;}
nav.post-navigation{padding:10px 0 20px;}
#sidebar ul li{margin:5px 0;}
.comment-list, ol.comment-list{list-style:none; margin-left:0; margin-top:20px; margin-bottom:20px;}
.comment-list ul, ol.comment-list ul{list-style:none;}
.comment-list li.comment{margin-top:20px;}
.comment-list .comment-content h1, .comment-list .comment-content h2, .comment-list .comment-content h3, .comment-list .comment-content h4, .comment-list .comment-content h5, .comment-list .comment-content h6{margin-top:15px;}
h3.widget-title{ font-size:18px; border-bottom:1px solid #cccccc; padding-bottom:15px; margin-bottom:15px; text-transform:uppercase;}
.blog-post-repeat{ border-bottom:1px solid #cccccc; margin-bottom:40px;}

/* woocommerce */
a.added_to_cart{background:#e1472f; padding:5px; display:inline-block; color:#fff; line-height:1;}
a.added_to_cart:hover{background:#000000;}
a.button.added:before{content:'' !important;}
#bbpress-forums ul li{padding:0;}
#subscription-toggle a.subscription-toggle{padding:5px 10px; display:inline-block; color:#e1472f; margin-top:4px;}
textarea.wp-editor-area{border:1px #ccc solid;}
.woocommerce input[type=text], .woocommerce textarea{border:1px #ccc solid; padding:4px;}
form.woocommerce-ordering select{ padding:5px; color:#777777;}
.woocommerce table.shop_table th, .woocommerce-page table.shop_table th{ font-family:'Roboto Condensed',san-serif; color:#ff8a00;}
.woocommerce ul.products li.product .price, .woocommerce-page ul.products li.product .price{ color:inherit !important;}
h1.product_title, p.price{ margin-bottom:10px;}
a.blogthumbs img{ width:100%;}

/**/
.social-icons{ text-align:center;}
.social-icons a { height:50px; margin:0 13px 13px 0; vertical-align:0; width:50px; display:table; float:left;}
.fa::before, fa::after{ display:table-cell; vertical-align:middle;}

/*------- COMMENT STYLES --------*/
.comment-author.vcard{display:inline-block; margin-right:15px; float:left;}
.comment-list ul.children li.comment{background-image:none; padding-left:5px;}
.hrule{border-top:1px #dbdbdb solid; margin-top:15px; padding-bottom:15px;}
ol.commentlist{list-style:none;}
#commentform p{margin:5px 0;}
#commentform label{display:block;}
#commentform input#email, #commentform input#url, #commentform input#author, #commentform textarea, #commentform input#eazycfc_captcha{max-width:96%; border:1px #ccc solid; padding:5px 2%;}
#commentform input#submit{font:400 15px 'Roboto Condensed', sans-serif;  border:none; padding:5px 10px; color:#fff; display:inline-block;}
#commentform input#submit:hover{ cursor:pointer;}
.form-allowed-tags{display:none;}
ul.errormsg{background:#ffe4e4;}
ul.errormsg li{padding:5px;}
.entry-content table, .comment-body table{ border-collapse:collapse; margin:10px 0;}
.entry-content table td, .entry-content table th, .comment-body table td, .comment-body table th{padding:10px 5px; text-align:left;}
.entry-content table th, .comment-body table th{color:#676767; font:normal 18px Oswald; border-bottom:1px #888 solid;}
.entry-content table td, .comment-body table td{border-bottom:1px #ccc solid;}
.fvch-codeblock:hover .comment-form-url{display:block !important;}
.nav-links{ width:100%;}
.nav-previous{ float:left;}
.nav-next{ float:right;}
section.menu_page{ background-color:#f5f5f5;}

/* Logerenaandekust.be - custom */
#content { background: #fff; opacity: 0.8;padding-left:50px;}
#contactForm { background: #fff; float:right;margin-right: 50px;}
section #huge_it_gallery { background-color: #fff !important;} 
.powrIcon {display:none;}
.powrMarkText {display:none;}