/*******************************************************
 *
 * Contact 
 *
 *******************************************************/

 #inner-page-wrapper > .container {
     width: 100%;
     max-width: 1400px;
 }

  #inner-page-wrapper {
     margin-bottom: 91px;
 }

 #content-sidebar, #content-full {
    margin-top: 0;
}


body.page-template-contact .ip-banner canvas{
    background-image: url(../../images/contact_banner.jpg)!important;
}

.ip-banner:before {
    display: none;
}

 .ip-contact-container {
     display: block;
     position: relative;
     padding: 74px 0 0;
     font-size: 0;
 }

 .ip-contact-wrapper {
     display: block;
     position: relative;
 }

 .ip-contact-main {
     display: block;
     position: relative;
 }

 .ip-contact-row {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: justify;
         -ms-flex-pack: justify;
             justify-content: space-between;
 }

 .ip-contact-col {
     display: inline-block;
     vertical-align: top;
     position: relative;
     width: 50%;
 }

 .ip-contact-col:first-child {
     width: 31%;
 }

 .ip-contact-col:last-child {
     width: 69%;
 }

 .ip-contact-title {
     display: block;
     position: relative;
     text-align: right;
 }

 #content .ip-contact-title h2 {
     margin: 0 0 12px;
     font-size: 45px;
     font-weight: 300;
     line-height: 1;
     color: #212228;
     font-family: var(--title-font);
 }



 #content .ip-contact-title  span {
     display: block;
     font-size: 19px;
     line-height: 1;
     letter-spacing: 2px;
     color: #4d4e56;
     text-transform: uppercase;
     margin-bottom: 12px;
     font-weight: 500;
     font-family: var(--body-font);
 }


 .ip-contact-form-widget {
     display: block;
     position: relative;
     padding: 10px 101px 0 73px;
 }

 .ip-contact-field input:not([type=submit]), .ip-contact-field textarea {
     width: 100%;
     height: 52px;
     font-size: 20px;
     line-height: normal;
     letter-spacing: 1.12px;
     color: #47484d;
     padding: 0 12px;
     border: 1px solid #66666d;
     font-family: var(--extra-font);
     font-weight: 300;
 }


 .ip-contact-field {
     display: block;
     position: relative;
     width: 100%;
 }

 .ip-contact-field.submit input[type=submit] {
     width: 100%;
     height: 100%;
     border: none;
     display: block;
     position: relative;
     background: transparent;
     padding: 0;
     color: #906e51;
     font-size: 18px;
     line-height: 1;
     letter-spacing: 2.18px;
     text-transform: uppercase;
     font-weight: 500;
     font-family: var(--body-font);
 }

 .ip-contact-field.submit {
     max-width: 298px;
 }

 .ip-contact-sub.global-btn {
     padding: 0;
     height: 71px;
 }

 .ip-contact-form-widget div.wpcf7 .ajax-loader {
     position: absolute;
     bottom: -18px;
     left: 0;
     right: 0;
     margin: 0 auto;
 }

 .ip-contact-field:not(:last-child) {
     margin-bottom: 44px;
 }

 .ip-contact-form {
     display: block;
     position: relative;
 }

 #content .ip-contact-form-widget form {
     position: relative;
     margin: 0;
 }

 .ip-contact-field textarea {
     height: 213px;
     padding: 18px 12px;
     resize: none;
 }

 .ip-contact-sub.global-btn:before {
     top: 6px;
     height: calc(100% - 12px);
 }

 .ip-contact-sub.global-btn:after {
     width: calc(100% - 12px);
     left: 6px;
 }



 .ip-contact-form-widget div.wpcf7-response-output {
     margin: 2em auto 1em;
     text-align: center;
     font-size: 13px;
 }

 .ip-contact-form-widget .use-floating-validation-tip span.wpcf7-not-valid-tip {
     font-size: 12px;
 }

 .ip-contact-field:nth-child(3) {
    margin-bottom: 59px;
}


#content .ip-contact-title span a:hover {
    color: #906e51;
}

#content .ip-contact-title span a {
    color: #4d4e56;
    -webkit-transition: 0.3s all ease-in-out;
    -o-transition: 0.3s all ease-in-out;
    transition: 0.3s all ease-in-out;
}

/*******************************************************
 *
 * Mobile styles and other media queries
 *
 *******************************************************/

 
/* iPad(landscape) | iPad(landscape) | Galaxy Tab 4 (landscape) | Galaxy Tab 3 (landscape) */ 
@media only screen and (max-width: 1199px) {
    
    .ip-contact-form-widget {
        padding: 10px 50px 0 50px;
    }

    .ip-contact-col:last-child {
        width: 60%;
    }

    .ip-contact-col:first-child {
        width: 40%;
    }

    #content .ip-contact-title h2 {
        font-size: 40px;
    }

    #content .ip-contact-title span {
        font-size: 16px;
    }
} 

/* iPad(portrait) | Galaxy Tab 4(portrait)  */ 
@media only screen and (max-width: 991px) {
    .ip-contact-row {
        display: block;
    }

    .ip-contact-col {
        display: block;
        width: 100%!important;
    }

    .ip-contact-title {
        text-align: center;
        margin-bottom: 50px;
    }

    .ip-contact-form-widget {
        padding: 0;
    }

    .ip-contact-field.submit {
        margin: 0 auto;
    }

    .ip-contact-field:not(:last-child) {
        margin-bottom: 30px!important;
    }

    #content .ip-contact-title span {
        font-size: 14px;
    }
    
} 

/* Galaxy Tab 3(portrait) | Galaxy S5(landscape) */ 
@media only screen and (max-width: 767px) {

}

/* Galaxy S5(portrait) | iPod Touch(landscape) | iPod Touch(portrait) */ 
@media only screen and (max-width: 480px) {

}