/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v7.0.29,
* Autoprefixer: v9.7.6
* Browsers: last 4 version
*/

/*******************************************************
 *
 * Contact Us
 *
 *******************************************************/



#ip-contact-us .parallax-title-accent.is-left .parallax-text-holder:last-of-type {
    left: -3.2%;
    top: 0;
    bottom: auto;
}

#ip-contact-us .parallax-text-holder:last-of-type .parallax-text h2 {
    -webkit-text-stroke-color: #dde1e5;
}



#footer-contact {
    display: none;
}


 .ip-cu-lines {
    position: absolute;
    content: '';
    top: 0;
    left: 22%;
    width: 100%;
    height: 100%;
    max-width: 18.636%;
    margin: 0 auto;
    z-index: 2;
    pointer-events: none;
}

.ip-cu-lines:before, .ip-cu-lines:after {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 0.063vw;
    height: 88%;
    background: rgba(8,48,93,.08);
}

.ip-cu-lines:after {
    height: 29%;
    right: 0;
    left: auto;
}


 #inner-page-wrapper {
     margin-bottom: 0;
 }

.custom-container {
    width: 100%;
    padding: 0 4.500vw;
    margin: 0 auto;
}


.ip-banner:before {
    background: rgba(0,0,0,0.35);
}

.ip-banner:after {
    position: absolute;
    content: '';
    top: 0;
    left: 40.54%;
    width: 0.063vw;
    height: 100%;
    background: rgba(255,255,255,0.24);
    z-index: 1;
}

.ip-banner canvas {
    /*background-image: url(../../images/contact-us/contact-us-banner.jpg)!important;*/
}

.ip-cu-details .global-title h2 {
     font-size: 7.5vw;
     letter-spacing: 0.020em;
     font-weight: 400;
     margin-bottom: 1.25vw;
}


#ip-contact-us {
    letter-spacing: normal;
    line-height: 1;
    font-size: 0;
    overflow: hidden;
}

.ip-cu-form-widget div.wpcf7 .ajax-loader {
    position: absolute;
    bottom: -1.875vw;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 0.938vw;
    height: 0.938vw;
    background-size: contain;
}

.form-submit {
    margin-top: 3.25vw;
}

.form-field-row:not(:last-child) {
    margin-bottom: 0.313vw;
}

.ip-cu-form-widget  div.wpcf7-response-output {
    font-size: 0.75vw;
    line-height: normal;
    text-align: center;
    position: absolute;
    bottom: -3.063vw;
    left: 0;
    right: 0;
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    padding: 0.5em 1em 0.25em;
}

.ip-cu-form-widget .use-floating-validation-tip span.wpcf7-not-valid-tip {
    font-size: 0.75vw;
    position: absolute;
    top: 0;
    right: 0;
    left: auto;
    padding: 0.55em 1em 0.25em;
}


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

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

.ip-cu-form-sub-title {
    display: block;
    position: relative;
    margin-bottom: 1.438vw;
}

.ip-cu-container {
    display: block;
    position: relative;
}

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

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

.ip-cu-row {
    display: block;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

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

.ip-cu-contacts {
    display: block;
    position: relative;
    margin-bottom: 2.5vw;
    padding-left: 0.938vw;
    z-index: 2;
}

.ip-cu-smi {
    display: block;
    position: relative;
    padding-left: 0.938vw;
    z-index: 2;
}


.ip-cu-smi ul {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.ip-cu-smi ul > li {
   display: block;
   position: relative;
   margin-right: 2.188vw;
}

.ip-cu-smi ul > li > a {
    display: block;
    font-size: 1.5vw;
    color: #000;
    line-height: 1;
    -webkit-transition: 0.3s all ease-in-out;
    -o-transition: 0.3s all ease-in-out;
    transition: 0.3s all ease-in-out;
}

.ip-cu-smi ul > li:last-child {
    margin-right: 0;
}

.ip-cu-smi ul > li > a:hover {
    color: #06356a;
}


.ip-cu-contacts span {
    display: block;
    position: relative;
    font-size: 1.125vw;
    line-height: 1;
    letter-spacing: 0.020em;
    color: #000;
    font-family: var(--roboto);
}

.ip-cu-contacts span a:hover {
    color: #06356a;
}

.ip-cu-contacts span a {
    color: #000;
    -webkit-transition: 0.3s all ease-in-out;
    -o-transition: 0.3s all ease-in-out;
    transition: 0.3s all ease-in-out;
}

.ip-cu-contacts span > em[class*="ai-font-"] {
    display: inline-block;
    vertical-align: middle;
    width: 1.188vw;
    margin-right: 0.625vw;
    color: #000;
}

.ip-cu-contacts span em.ai-font-location-c {
    font-size: 1.313vw;
}

.ip-cu-contacts span em.ai-font-envelope {
    font-size: 1vw;
}

.ip-cu-contacts span em.ai-icon-dre {
    background-image: url(../../images/ai-icon-dre.png);
    height: 0.813vw;
    vertical-align: baseline;
    width: 1.188vw;
    margin-right: 0.625vw;
    -webkit-filter: invert(1);
            filter: invert(1);
}

.ip-cu-contacts span:not(:last-child) {
    margin-bottom: 0.875vw;
}

.ip-cu-details {
    display: block;
    position: relative;
    padding: 5.25vw 1.25vw 7.75vw 8.5vw;
    height: 100%;
    width: 100%;
}

.ip-cu-details .global-title {
    margin-bottom: 2.5vw;
    z-index: 3;
}

.ip-cu-details .global-title span {
    font-family: var(--jost);
    font-size: 1.5vw;
    line-height: 1;
    letter-spacing: 0.020em;
    text-transform: uppercase;
    color: #06274b;
    display: block;
    padding-left: 0.938vw;
}

.ip-cu-details .global-title span:first-of-type {
    margin-bottom: 2.5vw;
}

.ip-cu-col:first-child {
    width: 48.875%;
}

.ip-cu-col:last-child {
    width: 51.125%;
}

.ip-cu-form-sub-title h2 {
    font-family: var(--jost);
    font-size: 2vw;
    line-height: 1;
    letter-spacing: 0.020em;
    text-transform: uppercase;
    color: #06274b;
    display: block;
    margin-bottom: 0.625vw;
}

.ip-cu-form-sub-title p {
    font-size: 1.125vw;
    line-height: 1.4;
    letter-spacing: 0.020em;
    color: #000;
    font-family: var(--roboto);
    font-weight: 300;
}

.form-field-row:not(:last-child) {
    margin-bottom: 1.125vw;
}

.form-field textarea {
    height: 8.063vw;
    padding-top: 1.875vw;
}

.ip-cu-form-container {
    display: block;
    position: relative;
    padding: 6.25vw 12.5vw 7.5vw 5vw;
}

.ip-cu-form-bg canvas {
    width: 100%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(../../images/footer-form-bg.jpg);
    display: block;
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
    opacity: 0.10;
}

.ip-cu-form-bg {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
}

.ip-cu-form-bg-right {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 5.875vw;
    height: calc(100% - 6.25vw);
    pointer-events: none;
    background: #06274b;
}

.ip-cu-form-bg-right canvas {
    display: block;
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url(../../images/footer-form-bg.jpg);
    opacity: .10;
}


.ip-cu-main-bg {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 74%;
    height: 54.722%;
    pointer-events: none;
    z-index: 1;
}

.ip-cu-main-bg canvas {
    width: 100%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(../../images/contact-us/contact-us-accent-bg.jpg);
    display: block;
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
    opacity: 0.15;
}

.ip-cu-main-bg:before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: calc(100% - 5.813vw);
    height: calc(100% - 5.5vw);
    background: #fff;
    z-index: 1;
}

.ip-cu-main-bg:after {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 98%;
    height: 66%;
    background: -webkit-gradient(linear,  left top, left bottom,  from(rgba(255,255,255,1)),to(rgba(255,255,255,0)));
    background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
    background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 );
    opacity: .40;
}

.form-submit span em:before {
    height: 2px;
}


/*******************************************************
 *
 * 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) {

} 

/* iPad(portrait) | Galaxy Tab 4(portrait)  */ 
@media only screen and (max-width: 991px) {

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

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

    .ip-cu-row {
        display: block;
    }

    .ip-cu-form-container {
        padding: 70px 30px;
    }

    .ip-cu-form-bg-right {
        width: 30px;
        height: 100%;
        display: none;
    }

    .ip-cu-form-sub-title h2 {
        font-size: 32px;
        margin-bottom: 10px;
    }

    .ip-cu-form-sub-title p {
        font-size: 18px;
    }

    .ip-cu-details .global-title span {
        font-size: 24px;
        padding-left: 0;
    }

    .ip-cu-details .global-title h2 {
        font-size: 60px;
        margin-bottom: 30px;
    }

    .ip-cu-smi ul > li > a {
        font-size: 24px;
    }

    .ip-cu-contacts span {
        font-size: 18px;
    }

    .ip-cu-contacts span em.ai-icon-dre {
        width: 19px;
        height: 13px;
        margin-right: 10px;
    }

    .ip-cu-contacts span > em[class*="ai-font-"] {
        width: 19px;
        margin-right: 10px;
        font-size: 13px;
    }

    .ip-cu-contacts span em.ai-font-phone {
        font-size: 15px;
    }

    .ip-cu-contacts span em.ai-font-envelope-f {
        font-size: 12px;
    }

    .ip-cu-contacts span em.ai-font-location-c {
        font-size: 21px;
    }


    .ip-cu-form-sub-title {
        margin-bottom: 20px;
        text-align: center;
    }

    .ip-cu-main-bg {
        width: 150px;
        display: none;
    }

    .ip-cu-details {
        padding: 50px 30px;
        text-align: center;
    }

    .ip-cu-details .global-title h2 br {
        display: none;
    }

    .ip-cu-details .global-title span:first-of-type {
        margin-bottom: 30px;
    }

    .ip-cu-details .global-title {
        margin-bottom: 40px;
    }

    .ip-cu-contacts span:not(:last-child) {
        margin-bottom: 20px;
    }

    .ip-cu-smi ul {
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
    }

    .ip-cu-smi ul > li {
        margin-right: 35px;
    }

    .ip-cu-contacts {
        margin-bottom: 20px;
        padding-left: 0;
    }

    .ip-cu-lines {
        max-width: 70%;
        left: 0;
        right: 0;
    }

    .ip-cu-lines:before, .ip-cu-lines:after {
        height: 100%;
    }

    .form-field textarea {
        height: 111px;
        padding-top: 30px;
    }

    .form-submit {
        margin-top: 50px;
    }


    .ip-cu-form-widget div.wpcf7-response-output {
        font-size: 12px;
        bottom: -47px;
    }

    .ip-cu-form-widget .use-floating-validation-tip span.wpcf7-not-valid-tip {
       font-size: 11px;
       width: auto;
       position: absolute;
       top: 4px;
       left: 20%;
       z-index: 100;
       border: 1px solid #dc3232;
       background: #fff;
       padding: .2em .8em;
    
    }

    .ip-cu-form-widget div.wpcf7 .ajax-loader {
        bottom: -30px;
        width: 16px;
        height: 16px;
    }



    
} 

/* 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) {
    .ip-cu-details .global-title h2 {
        font-size: 37px;
    }

    .ip-cu-details {
        padding: 50px 15px;
    }

    .ip-cu-details .global-title span {
        letter-spacing: normal;
        font-size: 22px;
    }

    .ip-cu-contacts span {
        font-size: 14px;
    }

    .ip-cu-form-container {
        padding: 70px 15px;
    }
}