#header .logo{background:none;}
.logo:hover{background-color: transparent!important ;}
.site_logo img{display:table; width: 134px; height: 45px; }
h2 span{font-size:70%; color:#666;}

a{word-break:break-all;}

body.overflow_hide{overflow:hidden!important; position: fixed;}
body.overflow_y_hide, .overflow_y_hide  {overflow-y: hidden!important}
.content_popup { display: block; opacity: 0; z-index: 10002; position: fixed; bottom: -100%; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.9); transition:ease all 0.5s; overflow-x: hidden;}
.content_popup.active { overflow-y: auto; z-index: 10002; opacity: 1; bottom: 0; transition:ease all 0.5s; }

.post_popup_button {cursor: pointer}
.popup_holder { display: table; position: relative; width: 100%; background: #EEF3FA; margin: 0 auto; max-width: 980px; }
.xbutton {width: 30px; height: 30px; float: right; color: #333; font-size: 1.3em; margin: 10px; font-family: sans-serif; background: none; border: none; cursor:pointer; position: absolute; top: 0; right: 0; z-index: 3}

.content_popup .gallery_holder{display:table;width:100%;height:100%;position: relative;margin: 0; padding: 0!important;}
.content_popup .gallery_full_panel{display:table-cell; width:100%; height:100%; max-height:100%; vertical-align:middle; }
.gallery_photo_upload_holder{display:table; width:100%; height:100%; float:left; position: relative}
.gallery_container{ display:table-cell; vertical-align:middle; width:100%; height:100%; max-height:500px; max-width:500px; position: relative; z-index: 2; }
.gallery_container .popup_box_here{display:table; width:100%; height:auto; max-width:500px; margin:0 auto; background: #fff; position: relative;}

.mobile_xbutton{display:none;}
.desktop_xbutton{display:block;}

/*popup header*/
.popup_header {display: table; width: 100%; height: auto; max-width: 600px; margin: 0 auto; background: #efefef; position: relative; padding: 40px 20px; }
.popup_header .row {display: block; width: 100%; margin: 0 auto; text-align: center}
.popup_header h4 {font-size: 1.2em; font-weight: bold; margin: 0 auto 10px; padding: 0; color: #2897f3; line-height: normal}
.popup_header h3 {font-size: 1.3em; font-weight: normal; margin: 0 auto; padding: 0; color: #000; line-height: normal; text-transform: uppercase}
.popup_header p.small-desc {font-size: 0.9em; font-weight: normal; margin: 0 auto; padding: 0; color: #000; line-height: normal}

.popup_header p {font-size: 1.1em; font-weight: normal; margin: 0 auto; padding: 0; color: #6c7073; line-height: normal}

/*popup contact*/
.content_popup.contact_popup { background: rgba(245, 245, 245, 1);}
.contact_popup .content_holder {display: table; width: 100%; margin: 0 auto; padding: 20px 20px;}

.contact_popup .popup_box_here { max-width: 600px; padding: 20px;}
.contact_popup .popup_box_here:before {content: '';background: url(../images/feature1-bg.png) no-repeat center center;background-size: 100%;position: absolute;z-index: -1;top: 50%;left: 50%;display: block;transform: translate(-50%, -50%);width: 150%; height: 120%;}

.contact_popup .popup_box_here h3{font-size: 2.2em;text-align: center;margin: 0;padding: 0;line-height: normal;color: #4f595a;font-weight: bold;}
.contact_form .form-row {display: table; width: 100%; padding: 0; margin: 0 auto; position: relative}
.contact_form .form-row .two_column_form {display: block;width: calc(50% - 10px);float: left;padding: 0;}
.contact_form .form-row .two_column_form:first-child {margin: 0 10px 0px 0;}
.contact_form .form-row .two_column_form:last-child {margin: 0 0 0px 10px;}

.contact_form .form-row input, .contact_form .form-row select, .contact_form .form-row textarea{font-weight: 400;display: block;width: 100%;-webkit-box-sizing: border-box;box-sizing: border-box;background: transparent;color: #777;margin: 10px auto;background-color: transparent;border: 0;border-bottom: 1px solid;border-color: #797979!important;border-radius: 0;padding: 8px 12px;height: 40px;font-size: 1em;}
.contact_form .form-row select{ display: block; position: relative; width: 100%;float: right;background-image: none;-ms-word-break: normal;word-break: normal; cursor: pointer}
.contact_form .form-row select option {padding: 5px 10px}
.contact_form .form-row textarea {border: 1px solid #9e9e9e; padding: 10px; margin: 30px auto; height: 200px; box-shadow: none;}
select option[disabled] { color: #ccc; background: transparent; opacity: 0.2 }
.contact_form input::placeholder, .contact_form textarea::placeholder  { color: #cecece;}

.msg { color: #12ab12; margin-bottom: 20px;}
.msg.error {color: #f00}

.content_popup .row.banner_action_group {text-align: center}

/*animate close btn*/
.circle {width: 40px;height: 40px;background: transparent;border: 2px solid #4f595a;-moz-border-radius: 50%;-webkit-border-radius: 50%;border-radius: 50%;cursor: pointer;margin: 15px; padding: 0}
.circle:hover {background-color: #4f595a; }
.circle:after {width: 24px; height: 3px; background-color: #4f595a; content: ""; left: 50%; top: 50%; margin-left: -12px;margin-top: -2px;position: absolute;-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-webkit-transform: rotate(-45deg);transform: rotate(-45deg);}
.circle:before {left: 50%;top: 50%;margin-left: -12px;margin-top: -2px;width: 24px;height: 3px;background-color: #4f595a;content: "";position: absolute;-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-webkit-transform: rotate(45deg);transform: rotate(45deg);}

.first-name-error,
.last-name-error,
.contact-email-error,
.contact-number-error,
.contact-subject-error,
.contact-message-error{color: #c30000;position: absolute;display: none;left: 0;bottom: -11px;padding: 5px 10px;border-radius: 20px;font-size: 11px;font-weight: 400;}

.first-name-error:after,
.last-name-error:after,
.contact-email-error:after,
.contact-number-error:after,
.contact-subject-error:after,
.contact-message-error:after{position: absolute;content: "";width: 0;height: 0;border-style: solid;border-width: 11px;border-color: rgb(195, 0, 0) transparent transparent transparent;left: 25px;top: -24px;display: none;}
#contact-loading{display: none;cursor: inherit;line-height: 110px;}
#contact-loading:hover{color: inherit;}
.contact-message{text-align: center;font-size: 12px; display: table; width: 100%;}

.contact_form .form-row .has-error {border-color: #f00!important}
input[type=number]::-webkit-inner-spin-button { -webkit-appearance: none;}

.popup_header p.contact-line, .popup_header p.contact-email { font-size: 0.9em;font-weight: normal;margin: 0 auto;padding: 0;color: #222;line-height: normal;}
.popup_header p.contact-email a {text-decoration: underline!important; }
.popup_header p.contact-email a:hover, .popup_header p.contact-email a:focus, .popup_header p.contact-email a:active {text-decoration: underline!important; color: #2897f3}


@media (max-width: 767px) {
    .contact_form .form-row .two_column_form { width: calc(100% - 0px); float: none;}
    .contact_form .form-row .two_column_form:first-child { margin: 0;}
    .contact_form .form-row .two_column_form:last-child { margin: 0;}
    
    .contact_form .form-row input, .contact_form .form-row select, .contact_form .form-row textarea {margin: 0 auto  20px}
    .contact_form .form-row textarea {margin-bottom: 20px}
    .first-name-error, .last-name-error, .contact-email-error, .contact-number-error, .contact-subject-error, .contact-message-error {bottom: -22px}
    
    .contact_popup .popup_box_here { padding: 40px 20px;}
    .content_popup .gallery_holder{padding: 0!important;}
        
    .desktop_xbutton{display:none;}
    .mobile_xbutton{display:block;}
    .circle {width: 35px; height: 35px; margin: 10px;}
    .circle:before { width: 20px; margin-left: -10px;}
    .circle:after { width: 20px; margin-left: -10px;}
    
    .popup_box_here h1 {font-size: 2.4em;}

}

@media (max-width:600px) {
.gallery_full_panel{display:table; width:100%; position: relative}
.gallery_container { display: table; margin:0 auto; max-width: 100%;}

}

@media (max-width: 479px) {
     .contact_popup .popup_box_here:before {display: none}    
}

.boxShadow {
  -moz-transition: box-shadow 200ms ease-out, -moz-transform 200ms ease-out, opacity 200ms ease-in-out;
  -o-transition: box-shadow 200ms ease-out, -o-transform 200ms ease-out, opacity 200ms ease-in-out;
  -webkit-transition: box-shadow 200ms ease-out, -webkit-transform 200ms ease-out, opacity 200ms ease-in-out;
  transition: box-shadow 200ms ease-out, transform 200ms ease-out, opacity 200ms ease-in-out;
}
.boxShadow:after, .boxShadow:before {
  -moz-transition: linear 400ms;
  -o-transition: linear 400ms;
  -webkit-transition: linear 400ms;
  transition: linear 400ms;
}

.boxShadow:hover:not(.fadeOut) {
  -moz-box-shadow: 0px 0px 0px 20px #4f595a inset;
  -webkit-box-shadow: 0px 0px 0px 20px #4f595a inset;
  box-shadow: 0px 0px 0px 20px #4f595a inset;
  -moz-transform: scale(0.8);
  -ms-transform: scale(0.8);
  -webkit-transform: scale(0.8);
  transform: scale(0.8);
}
.boxShadow:hover:not(.fadeOut):after {
  background-color: #fff;
  -moz-transform: rotate(-45deg) scale(0.6);
  -ms-transform: rotate(-45deg) scale(0.6);
  -webkit-transform: rotate(-45deg) scale(0.6);
  transform: rotate(-45deg) scale(0.6);
}
.boxShadow:hover:not(.fadeOut):before {
  background-color: #fff;
  -moz-transform: rotate(45deg) scale(0.6);
  -ms-transform: rotate(45deg) scale(0.6);
  -webkit-transform: rotate(45deg) scale(0.6);
  transform: rotate(45deg) scale(0.6);
}