/* pop-up-block */
.fancybox-lock .fancybox-overlay{z-index: 9999;}
.open-popup{display: none; width: 100%; z-index:99999999; height: 100%;}
.fancybox-active .fancybox-success .fancybox-close-small{background: url(/application/themes/grootbos/images/close_black.png) no-repeat; position: absolute; top: 12px; right:12px; width: 28px; height: 28px; background-size: 27px;font-size: 0;color: transparent;}
.fancybox-active .fancybox-inner{overflow: hidden !important; width: 100% !important;}
.fancybox-is-open .fancybox-stage .open-popup {background: url(/application/themes/grootbos/images/popup.jpg); border-radius: 3px; -webkit-border-radius: 3px; width: 100%; margin: auto;height: calc(100% - 40px);background-color: transparent;padding: 50px 30px;}
.open-popup {max-width: 800px !important; width: 100% !important;}
.custom-scroll{height: 100%;}
.fancybox-active .fancybox-skin{}
.custom-scroll .mCSB_container > small{font-size: 18px; }
.custom-scroll .mCSB_container > small strong{color: #00b8b5;}
.fancybox-active .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {  border-radius: 0;  width: 8px;}
.fancybox-active .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {  background-color: #898989;}
.fancybox-active .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color: #898989;filter: "alpha(opacity=100)"; -ms-filter: "alpha(opacity=100)"; }
.fancybox-active .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .fancybox-active .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{	background-color: #898989; filter: "alpha(opacity=100)"; -ms-filter: "alpha(opacity=100)"; 	}
.fancybox-active .mCSB_scrollTools .mCSB_draggerRail {  border-radius: 0;}
.fancybox-active .mCSB_scrollTools .mCSB_draggerRail {  background-color: #dbdbdb;}
.fancybox-active .mCSB_scrollTools{ opacity: 1; filter: "alpha(opacity=100)"; -ms-filter: "alpha(opacity=100)";}
.make-inquiry{width: 100%; height: 100%; padding: 0 20px; margin-bottom: 20px;}
.inquiry-form{display: inline-block; vertical-align: top; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box;}
.inquiry-form h2{font-size: 40px; color: #321c00; text-transform:uppercase; line-height: 42px; margin-bottom: 10px;}
.inquiry-form p{font-size: 16px; color: #262626; line-height: 24px; font-family: 'Gotham Book';}
.inquiry-form .frm_element{width: 100%; margin-bottom: 10px; font-size: 0;}
.inquiry-form .frm_element .column{max-width: 345px; width: 100%; position: relative; display: inline-block; vertical-align: top; margin-right: 10px;}
.inquiry-form .frm_element .column.last{margin-right: 0;}
.inquiry-form .frm_element .column input{padding:0 19px;  font-size: 14px; color: #575757; width: 100%; height: 47px; border: 1px solid #a1a1a1; border-radius: 0; font-family: 'Gotham Book';}
.inquiry-form .frm_element textarea{width: 100%; font-size: 14px; color: #575757; background: rgba(255,255,255,1); height: 127px; padding: 20px; border: 1px solid #a1a1a1; border-radius: 0; font-family: 'Gotham Book';}
.inquiry-form .frm_element .customSelectWrap{width: 100% !important;}
.inquiry-form .frm_element .customSelectWrap .customSelect{/*max-width: 345px; */width: 100%; border: 1px solid #a1a1a1; height: 47px; background: rgba(255,255,255,1); font-size: 14px; color: #575757; line-height: 45px; text-transform: uppercase; padding: 0 20px; font-family: 'Gotham Book';}
.inquiry-form .frm_element .customSelectWrap .customSelect:after{background: url(/application/themes/grootbos/images/down-arrow_fill.png); width: 10px; height: 8px; top: 19px; right: 20px; position: absolute; content: "";}
.inquiry-form .frm_element .column input::-webkit-input-placeholder {color:#575757;}
.inquiry-form .frm_element .column input::-moz-placeholder {color:#575757;}
.inquiry-form .frm_element .column input::-ms-input-placeholder {color:#575757;}
.inquiry-form .frm_element textarea::-webkit-input-placeholder {color:#575757;}
.inquiry-form .frm_element textarea::-moz-placeholder {color:#575757;}
.inquiry-form .frm_element textarea::-ms-input-placeholder {color:#575757;}
.inquiry-form .frm_action .submit{float: right; border: 1px solid #336531; color: #ffffff; padding: 0px 23px; background: #336531; height: 44px; font-size: 15px; text-transform: uppercase; -webkit-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; margin-bottom: 30px; line-height: 42px; border-radius: 3px;}
.inquiry-form .frm_action .submit:hover{background-color: #ffffff; color: #336531;}
.inquiry-form .frm_element .date-part input{background: #fff url(/application/themes/grootbos/images/calender.png) no-repeat 21px 50%; padding-left: 53px;}
.ui-widget.ui-widget-content{z-index: 99999999 !important;}
.contact-info{width: 100%; box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.15);}
.contact-info > .title{width: 100%; background-color: #a67b52; padding: 13px 20px; border-top-right-radius: 3px; border-top-left-radius: 3px;}
.contact-info > .title h3{font-size: 20px; color: #fff; margin-bottom: 0;}
.contact-info .info{width: 100%; background-color: #fff; padding: 22px 19px; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px;}
.contact-info .info .block{max-width: 30%; width: 100%; float: left; margin-bottom: 10px; padding-left: 40px; background-position: 0% 0%; background-repeat: no-repeat;}
.contact-info .info .block.location{background-image: url(/application/themes/grootbos/images/location.png); padding-right: 20px; margin-bottom: 0;}
.contact-info .info .block.phone{background-image: url(/application/themes/grootbos/images/call.png);}
.contact-info .info .block.email{background-image: url(/application/themes/grootbos/images/email.png);}
.contact-info .info .block.fax{background-image: url(/application/themes/grootbos/images/fax.png);}
.contact-info .info .block:first-child{max-width: 40%;}
.contact-info .info .block .title{font-family: 'Trajan Pro'; text-transform: capitalize; font-size: 18px; color: #000;}
.contact-info .info .block .text-caption{font-size: 14px; font-family: 'Gotham'; font-weight: 300; line-height: 20px;}
#popup .mCSB_outside + .mCSB_scrollTools{right: 0;}

@media (max-width:640px) {

    .btn {font-size: 14px; line-height: 42px;}
    a.fancybox-close.icon {font-size: 12px; height: 30px; width: 30px; line-height: 26px; position: absolute; top: 10px; right: 10px; background-color: #336531;}
    a.fancybox-close.icon:before{line-height: 2;}
    #wrapper.home-page{padding-top: 48px;}
    /* header */
    header.main-header .top-header .left-head .logo-head {width: 130px; margin: 10px 0;}
    header.main-header .top-header .right-head {display: none;}
    header.main-header .bottom-header {display: none;}
    header.main-header .top-header .right-head-mobile {display: block;}
    .fancybox-is-open .fancybox-stage .open-popup {padding: 50px 0px 30px 10px !important;}
    .fancybox-is-open .fancybox-stage {max-width: 90%;}
    .make-inquiry{padding: 0 20px 0 10px;}
    .inquiry-form h2{font-size: 22px; line-height: 26px;}
    .inquiry-form p{font-size: 14px; line-height: 1.2;}
    .inquiry-form .frm_element{margin-bottom: 0;}
    .inquiry-form .frm_element .column{max-width: 100%; margin-right: 0; margin-bottom: 10px;}
    .inquiry-form .frm_element .column input{height: 42px; font-size: 12px; padding: 0px 10px;}
    .inquiry-form .frm_element .column .customSelectWrap .customSelect{height: 42px; line-height: 42px; font-size: 12px; padding: 0 10px; max-width: 100%;}
    .inquiry-form .frm_element .date-part input{padding-left: 42px; background-position-x: 11px;}
    .inquiry-form .frm_element textarea{margin-bottom: 20px; padding: 10px; font-size: 12px;}
    .inquiry-form .frm_action .submit{font-size: 14px;}
    .contact-info > .title h3{font-size: 20px;}
    .contact-info .info{padding: 10px;}
    .contact-info .info .block{max-width: 100%; float: none; display: block; margin-bottom: 15px;}
    .contact-info .info .block:first-child{max-width: 100%; margin-bottom: 15px;}
    .contact-info .info .block .title{font-size: 16px;}
}