/*
Theme Name: sluys.eu
Description: An HTML5 version.
Version: 1.0
Tags: html5, naked, clean, basic
*/
@import "/assets/theme/css/reset.css";
@import "/assets/theme/css/layout.css";
body {
  background-attachment: fixed;
  background-image: url("/assets/theme/images/body_bg.png");
  background-position: center top;
  background-repeat: no-repeat;
  background-size: 100% auto;
  float: left;
  height: 100%;
  width: 100%;
}
* { box-sizing: border-box; margin: 0; padding: 0;}
a {text-decoration: none;}
p{ color: #4a4a4a; font: 13px/1.23em Arial;}
.inner_page {
  position: relative;
}
.custom_img {
  bottom: -105px;
  left: 0;
  position: absolute;
  width: auto;
}
.inner_page p{ color: #717070; font: 15px/1.3em Arial; color:#4A4A4A; }
h3 { color: #544300;  font-family: arial;  font-size: 19px; line-height: 1.21em;}
h4 { color: #717070; font-family: arial; font-size: 19px; line-height: 2em;}
li {list-style: none;}
strong {  font-weight: bold;}
img[src=""] { display: none;}
img { height: auto; max-width: 100%;}
iframe {margin: 0; padding: 0;}
.page-id-18 iframe { max-width: 100%;  position: unset !important;}
.page-id-18 .shadow {
  background-image: url("/assets/theme/images/bg.png");
  background-repeat: repeat-x;
  background-size: 100% auto;
  height: 12px;
}
.row{ float: left; width: 100%;}
.half{ float: left; width: 50%;}
.half_l{ float: left; width: 47%;}
.half_l{ float: right; width: 47%;}
.main {float: left; width: 100%;}
.container { margin: 0 auto; width: 980px;}
.container_inn { margin: 0 auto; width: 839px;}
.container_innn { margin: 0 auto; width: 800px;}
.bg_white { background: #fff none repeat scroll 0 0; float: left; width: 100%;}
.header_area { float: left;  width: 100%;}
.logo {
  float: left;
  height: 129px;
  width: 100%;
}
.logo_img_wrap { float: left; width: 44%;}
.logo_img_wrap:first-child img { margin-left: 1px;}

.logo_img_wrap:nth-child(2) { float: left;  margin-top: 10px;  width: 495px;}
.logo_img_wrap:nth-child(2) img { /*height: 102px;*/  margin-left: 1px;}
.shadow {background-image: url("/assets/theme/images/bg.png"); background-repeat: repeat-x; height: 29px; background-size: 100% 218%;}
.slider_area { position: relative;}
.home .slider {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
  color: #717070;
  float: right;
  margin-top: -3px;
  width: 96.4%;
}
.slider { box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5); color: #717070; float: left;  width: 100%;}
.slider .bx-wrapper { height: 391px;  overflow: hidden;}
.repeater_class { box-shadow: 0 0 3px 1px;  color: #717070;  float: left;  width: 100%;}
#repeater_slier { float: left; width: 100%;}
#repeater_inn .bx-wrapper { margin: 0;}
#repeater_inn .bx-wrapper .bx-controls-direction a { height: 46px; top: 47%;}
#repeater_inn .bx-wrapper .bx-next {right: 0;}

#repeater_inn .bx-pager {
  bottom: 0px;
  position: absolute;
}
#repeater_inn .bx-wrapper .bx-pager {
  background: rgba(74, 74, 74, 0.8) none repeat scroll 0 0;
  color: #fff;
  font-family: Arial;
  font-size: 12px;
  font-weight: normal;
  padding: 13px 8px 13px 0;
  text-align: right;
}
.sli_thumb {float: left; width: 70%;}
.sli_tit_cont { float: left; padding-left: 9px;  width: 230px;}
.sli_tit { color: #717070; float: left; font: 30px/1.4em Arial;  margin-top: 10px;  width: 100%;}
.sli_cont { float: left; width: 100%;}
.sli_cont p { color: #717070; font: 12px/1.4em Arial; margin: 0 0 16px;}
.headline {
  background-image: url("/assets/theme/images/liftedshadow_medium.png");
  background-position: right bottom;
  background-repeat: no-repeat;
  background-size: 162% auto;
  border: 0 solid rgba(74, 74, 74, 1);
  border-radius: 0;
  bottom: 0;
  cursor: pointer !important;
  float: left;
  height: 80px;
  left: 0;
  position: absolute;
  right: 0;
  top: 46px;
  transition: border-color 0.4s ease 0s, background-color 0.4s ease 0s;
  width: 155px;
  z-index: 11;
}

.headline p {
  background-color: rgba(255, 204, 0, 1);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.6);
  color: #4a4a4a;
  float: left;
  font-size: 22px;
  line-height: 2.73em;
  text-align: center;
  width: 100%;
}
.menu_area {
  float: left;
  width: 100%;
}
.menu_inn { float: right; width: 100%;}
.menu_inn ul { float: right;  width: auto;}
.menu_inn li { border-left: 1px solid rgba(74, 74, 74, 1);  display: inline-block;  padding: 9px 0;}
.menu_inn li:first-child { border: none;}
.home .menu_inn li a {color: #4a4a4a; font: 13px/1.4em Arial; margin: 0 19.8px; transition: color 0.4s ease 0s;}
.menu_inn li a {color: #4a4a4a; font: 13px/1.4em Arial; margin: 0 21.2px; transition: color 0.4s ease 0s;}
.page-id-12 .menu_inn li a {color: #4a4a4a; font: 13px/1.4em Arial; margin: 0 18.5px; transition: color 0.4s ease 0s;}
.page-id-13 .menu_inn li a {
  color: #4a4a4a;
  font: 13px/1.4em Arial;
  margin: 0 19.4px;
  transition: color 0.4s ease 0s;
}
.page-id-14 .menu_inn li a {
  color: #4a4a4a;
  font: 13px/1.4em Arial;
  margin: 0 18.2px;
  transition: color 0.4s ease 0s;
}

.menu_inn .current-menu-item > a {
  color: #717070;
}
.menu_inn li:last-child a { margin-right: 0;}
.menu_inn li a:hover { color: #717070;}
.inexx_divi_main { margin-top: 30px;}
.inexx_divid { float: left; width: 36.5%;}
.inexx_divid:first-child {padding: 0 24px;}
.inexx_divid:nth-child(2) { padding-left: 17px;}
.inexx_divid:nth-child(2) h3 { margin-bottom: 7px;}
.inexx_divid:last-child { float: left; padding-left: 2px;  width: 25%;}
.inexx_divid > p strong { float: left; font: 19px/1.21em arial; margin: 12px 0 5px; width: 100%;}
.arrow {float: left; width: 100%;}
.arrow li { background-image: url("/assets/theme/images/arrow_right.png"); background-position: left center;  background-repeat: no-repeat;
font-family: arial; font-size: 15px; font-weight: bold; line-height: 1em; margin: 15px 0; padding: 0 0 0 18px; cursor: pointer;}
.arrow .active { background-image: url("/assets/theme/images/arrow8_down.png");}
.arrow > li strong { color: #4a4a4a; font: 700 15px/1.2em Arial;}
.dott { float: left; margin-top: 8px; width: 100%;}
.dott > li {color: #4a4a4a; float: left; font: 15px/1.2em arial; margin: 7px 0; width: 100%;}
/*inner*/
.inner_page_inn {float: left; margin-top:20px; padding-left: 65px; width: 100%;}
/*about*/

.inner_page #about_l p { color: #4a4a4a; font: 15px/1.13em Arial;}
.repeater_area {
  position: relative;
}
.abt_img_tit {
  bottom: 8px;
  color: #fff;
  font-family: arial;
  font-size: 13px;
  line-height: 1.4em;
  margin-right: 2.2%;
  position: absolute;
  right: 0;
  width: auto;
  z-index: 111;
}
#_about_r > p { color: #4a4a4a;  font-size: 10px;}
#about_l {float: left; width: 40%;}
/*about_end*/
/*oqs*/
#oqs_l { width: 50%;}
#oqs_r { float: right;  margin: 0; width: 45%;}
#oqs_r h3 {
  margin-bottom: 6px;
  margin-top: 10px;
}
#oqs_r .arrow > li { color: #4a4a4a; line-height: 1em;}
/*oqs END*/
/*op*/
#op h3 { padding-bottom: 5px;}
#op .arrow > li {  color: #4a4a4a;}
#op_r_op {  float: left;  padding-left: 28px;  width: 48%;}
#op_r_op h3 {
  margin-bottom: 7px;
}
.page-id-13 #oqs_l p { font: 15px/1.13em arial;}
/*op END*/
/*contact_form*/
#mapp_l { float: left; margin-right: 0 !important; width: 55%;}
#mapp_l p img:first-child { width: 100%;}

#contact_us_r { float: right; width: 41%;}
#contact_us_r strong { font-size: 13px;}
.contact-fom { float: left; width: 100%;}
.contact_form { float: left; position: relative;  width: 100%;}
.context { float: left;  width: 100%;}
.context textarea { height: 130px;}

.context textarea {
  background-color: rgba(255, 255, 255, 1);
  border: 1px solid rgba(170, 168, 168, 1);
  color: #717070;
  float: left;
  font-family: arial;
  font-size: 15px;
  margin: 0 0 5px;
  padding: 4px 0 0 5px;
  width: 80%;
}
.context input {
  background-color: rgba(255, 255, 255, 1);
  border: 1px solid rgba(170, 168, 168, 1);
  color: #717070;
  float: left;
  font-family: arial;
  font-size: 15px;
  height: 34px;
  margin: 0 0 5px;
  padding: 9px 0 9px 5px;
  width: 80%;
}
.consub { float: right; margin-right: 58px; width: auto;}
.consub input {cursor: pointer;  background: #717070 none repeat scroll 0 0; border: medium none; color: #fff;  font: 14px/1.4em verdana; padding: 7px 4px; text-transform: capitalize;}
/*.page-id-18 .menu_area {
  position: absolute;
right: 0;
  top: 140px;
}*/
.page-id-18 .menu_inn li a { margin: 0 16px;}
.page-id-18 .inner_page_inn {
  margin-top: 34px;
}
.page-id-18 div.wpcf7-mail-sent-ok { border: medium none;}
.page-id-18 div.wpcf7-response-output { bottom: 0; color: #bada55;  font-family: helvetica;  font-size: 14px;  left: -17px;
  position: absolute;}
.map_shadow { box-shadow: 0 1px 4px rgba(0, 0, 0, 0.6);}
.page-id-18 .ajax-loader {  display: none;}

/*contact_form_end*/
/*page_id*/
.page-id-14 .repeater_area { margin-top: 17px;  position: relative;}
.page-id-14 .inner_page p { font: 15px/1.2em Arial; margin-bottom: 2px;}
.page-id-14  #op > p:nth-child(4) {  line-height: 1.3em;}
.page-id-14 #op > p:last-child { line-height: 1.4em;}
.page-id-18 .inner_page_inn { padding-left: 56px;}
.page-id-18 span.wpcf7-not-valid-tip {
  bottom: -197px;
  color: #8b0000;
  float: left;
  font-family: helvetica;
  font-size: 14px;
  left: 0;
  position: inherit;
}
.page-id-18 div.wpcf7-validation-errors {  border: medium none;}

.page-id-12 .inner_page p { font: 15px/1.13em Arial;}
.page-id-13 #oqs_r { float: right;  padding-left: 8px;  width: 45%;}
.page-id-13 p strong { color: #717070;  font-family: arial;  font-size: 19px; line-height: 2em;}
.page-id-13 #oqs_r h3 { margin-bottom: 0; margin-top: -8px;}

.page-id-13 .arrow {  margin-left: 4px;}
.page-id-13 .arrow li { line-height: 0.5em!important;}
/*page_id _end*/
/*Footer*/
.footer_area { height: 60px;  margin-top: 10px;}
.footer_area .shadow_ftr { background-image: url("/assets/theme/images/bg.png"); background-repeat: repeat-x; height: none;}
.footer_content .textwidget { color: #4a4a4a;float: right; font-family: arial;font-size: 13px;margin-top: 17px;  width: 19%;}

