/*******************************************************
 *
 * Login
 *
 *******************************************************/
 #inner-page-wrapper {
    margin-bottom: 0;
    z-index: auto;
}

#inner-page-wrapper > .container {
    width: 100%;
    padding: 0;
}

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

.ip-container #breadcrumbs {
    display: none;
}

.ip-banner {
}

.ip-banner canvas {
    height: 522px;
    min-height: 0;
}

#ip-contact {
    position: relative;
    padding: 0 0 89px;
}

.global-accent-bg.accent-1 {
    width: 61.500vw;
    height: 43.188vw;
    right: 4.375%;
    z-index: -1;
}

.global-accent-bg.accent-1 canvas {
    background-size: cover;
}

.ip-contact-bg {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: -1;
}

.ip-contact-bg canvas {
    display: block;
    width: 100%;
    background-position: center;
    background-size: cover;
}

.ip-contact-bg:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgb(244,243,239);
    background: -moz-linear-gradient(180deg, rgba(244,243,239,1) 0%, rgba(244,243,239,0) 100%);
    background: -webkit-linear-gradient(180deg, rgba(244,243,239,1) 0%, rgba(244,243,239,0) 100%);
    background: linear-gradient(180deg, rgba(244,243,239,1) 0%, rgba(244,243,239,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f4f3ef",endColorstr="#f4f3ef",GradientType=1);
}

.ip-contact-top {
    padding-left: 10.125%;
    display: flex;
    flex-flow: row wrap;
    align-items: flex-start;
}

.ip-contact-form {
    width: 52.851%;
    padding: 118px 93px 0 0;
}

.ip-contact-form-inner {
}

.ip-contact-form .global-title {
    margin-bottom: 60px;
}

.ip-contact-form form {
    font-size: 0;
    /* margin: 0 -8px; */
    position: relative;
}

.ip-contact-field.field-6 {
    width: 50%;
    margin-bottom: 40px;
}

.ip-contact-field.field-12 {
    width: 100%;
}

.ip-contact-field {
    display: inline-block;
    vertical-align: top;
    margin-bottom: 15px;
}

.ip-contact-field input, .ip-contact-field textarea {
    width: 100%;
    height: 50px;
    background-color: transparent;
    border: none;
    border-bottom: 1px solid var(--secondary-color);
    padding: 0;
    font-size: 17px;
    letter-spacing: 0.007em;
    line-height: normal;
    color: #153e35;
    padding-bottom: 4px;
}

.ip-contact-field textarea {
    padding-top: 12px;
    height: 109px;
    resize: none;
    padding-right: 60px;
}

.ip-contact-field-rel {
    position: relative;
}

.ip-contact-submit {
    position: absolute;
    bottom: 23px;
    right: 23px;
    font-size: 42px;
    color: #153e35;
    transition: color .3s ease;
}

.ip-contact-submit input {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    font-size: 0;
}

.ip-contact-submit .ajax-loader {
    position: absolute;
    bottom: -50px;
    right: 0;
    margin: auto;
}

.ip-contact-submit:hover {
    color: var(--secondary-color);
}

.ip-contact-form .wpcf7 form .wpcf7-response-output {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    font-size: 12px;
    margin: 15px 8px 0;
    text-align: center;
}

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

.ip-contact-img {
    width: 678px;
    width: 47.149%;
}

.ip-contact-img canvas {
    display: block;
    width: 100%;
    background-position: center;
    background-size: cover;
    background-color: #999;
    box-shadow: 0px 20px 30px 0px rgba(0, 0, 0, 0.3);
    border-bottom-left-radius: 340px;
    border-bottom-right-radius: 340px;
}

.ip-contact-info {
    position: relative;
    margin-top: -355px;
    z-index: 3;
    width: 1135px;
    display: flex;
    flex-flow: row wrap;
}

.ip-contact-map {
    width: 595px;
    width: 52.423%;
    display: none;
}

.ip-contact-map img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.ip-contact-map iframe {
    display: block;
    width: 100%;
    height: 100%;
    filter: grayscale(1);
    -webkit-filter: grayscale(1);
}

.ip-contact-info-inner {
    position: relative;
    margin-top: 13px;
    margin-bottom: 15px;
    background-color: #fff;
    width: 47.577%;
    padding: 69px 70px 50px 80px;
}

.ip-contact-info-inner:before {
    content: '';
    position: absolute;
    top: -13px;
    right: -9px;
    bottom: -15px;
    border: 1px solid var(--secondary-color);
    border-left: none;
    pointer-events: none;
    left: 0;
}

.ip-contact-info-inner img {
    display: block;
    width: 100%;
    height: auto;
    margin-bottom: 42px;
}

.ip-contact-info-inner ul {
}

.ip-contact-info-inner ul li {
    position: relative;
    font-size: 24px;
    letter-spacing: 0.01em;
    color: #133830;
    line-height: 1.125;
    padding-left: 40px;
    margin-bottom: 16px;
}

.ip-contact-info-inner ul li i {
    position: absolute;
    top: 0;
    left: 0;
    color: var(--secondary-color);
}

.ip-contact-info-inner ul li i.ai-font-phone {
    font-size: 19px;
    top: 1px;
}

.ip-contact-info-inner ul li i.ai-font-envelope-f {
    font-size: 15px;
    top: 4px;
}

.ip-contact-info-inner ul li i.ai-font-location-c {
    font-size: 32px;
    top: -2px;
    left: -4px;
}

.ip-contact-info-inner ul li:not(.smi) a {
    transition: color .3s ease;
}

.ip-contact-info-inner ul li:not(.smi) a:hover {
    color: var(--secondary-color);
}

.ip-contact-info-inner ul li.smi {
    position: relative;
    padding-left: 0;
    margin: 36px 0 0;
}

.ip-contact-info-inner ul li.smi a {
    display: inline-block;
    margin-right: 36px;
    font-size: 30px;
    color: var(--secondary-color);
    transition: color .3s ease;
}

.ip-contact-info-inner ul li.smi a:hover {
    color: #133830;
}

.footer-container {
    padding-top: 163px;
}

.ip-contact-form-submit button {
    border-radius: 25px;
    display: block;
    padding: 0;
    background-color: var(--secondary);
    width: 100%;
    height: 50px;
    font-size: 17px;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 0.050em;
    line-height: 1;
    border: none;
    max-width: 200px;
    -webkit-transition: 0.3s all ease-in-out;
    transition: 0.3s all ease-in-out;
}

.ip-contact-form-submit {
    display: block;
    position: relative;
    margin-top: 15px;
}

.ip-contact-form-submit button:hover {
    background-color: var(--primary);
}

/*******************************************************
 *
 * Mobile styles and other media queries
 *
 *******************************************************/
@media only screen and (min-width: 992px) {
    .ip-banner canvas {
        height: 32.625vw;
    }

    #ip-contact {
        padding: 0 0 11.813vw;
    }

    .ip-contact-form {
        padding: 7.375vw 5.813vw 0 0;
    }

    .ip-contact-form .global-title {
        margin-bottom: 3.750vw;
    }

    .ip-contact-form form {
        /* margin: 0 -0.500vw; */
    }

    .ip-contact-field.field-6 {
        margin-bottom: 2.500vw;
    }

    .ip-contact-field {
        margin-bottom: 0.938vw;
    }

    .ip-contact-form-submit {
        margin-top: 0.938vw;
    }

    .ip-contact-form-submit button {
        border-radius: 1.563vw;
        height: 3.125vw;
        font-size: 1.063vw;
        max-width: 12.500vw;
    }

    .ip-contact-field input, .ip-contact-field textarea {
        height: 3.125vw;
        font-size: 1.063vw;
        padding-bottom: 0.250vw;
    }

    .ip-contact-field textarea {
        padding-top: 0.750vw;
        height: 6.813vw;
        padding-right: 3.750vw;
    }

    .ip-contact-submit {
        bottom: 1.438vw;
        right: 1.438vw;
        font-size: 2.625vw;
    }

    .ip-contact-submit .ajax-loader {
        bottom: -3.125vw;
    }

    .ip-contact-info {
        margin-top: -22.188vw;
        width: 70.938vw;
    }

    .ip-contact-info-inner {
        margin-top: 0.813vw;
        margin-bottom: 0.938vw;
        padding: 4.313vw 4.375vw 3.125vw 5vw;
    }

    .ip-contact-info-inner:before {
        top: -0.813vw;
        right: -9px;
        bottom: -0.938vw;
    }

    .ip-contact-info-inner img {
        margin-bottom: 2.625vw;
    }

    .ip-contact-info-inner ul li {
        font-size: 1.500vw;
        padding-left: 2.500vw;
        margin-bottom: 1vw;
    }

    .ip-contact-info-inner ul li i.ai-font-phone {
        font-size: 1.188vw;
        top: 0.063vw;
    }

    .ip-contact-info-inner ul li i.ai-font-envelope-f {
        font-size: 0.938vw;
        top: 0.250vw;
    }

    .ip-contact-info-inner ul li i.ai-font-location-c {
        font-size: 2vw;
        top: -0.125vw;
        left: -0.250vw;
    }

    .ip-contact-info-inner ul li.smi {
        margin: 2.250vw 0 0;
    }

    .ip-contact-info-inner ul li.smi a {
        margin-right: 2.250vw;
        font-size: 1.875vw;
    }

    .footer-container {
        padding-top: 10.188vw;
    }
}

@media only screen and (max-width: 991px) {
    #ip-contact {
        padding-bottom: 60px;
    }

    .ip-contact-top {
        max-width: 750px;
        padding: 0 15px;
        margin: 0 auto;
    }

    .ip-contact-form {
        width: 100%;
        padding: 0 0 0;
    }

    .ip-contact-field textarea {
        padding-right: 40px;
    }

    .ip-contact-submit {
        font-size: 30px;
        bottom: 10px;
        right: 10px;
    }

    .ip-contact-img {
        width: 100%;
        margin: 50px 0 0;
    }

    .ip-contact-form .global-title {
        margin-bottom: 30px;
    }

    .ip-contact-info {
        width: 100%;
        max-width: 750px;
        padding: 0 15px;
        margin: 0 auto;
        flex-flow: column-reverse;
    }

    .ip-contact-map {
        width: 100%;
        margin-top: 40px;
    }

    .ip-contact-info-inner {
        width: 100%;
        padding: 8%;
        margin-top: 50px;
    }

    .ip-contact-info-inner:before {
        left: -10px;
        top: -10px;
        right: -10px;
        bottom: -10px;
        border-left: 1px solid var(--secondary-color);
    }

    .footer-container {
        padding-top: 60px;
    }

    .ip-banner canvas {
        height: auto;
        min-height: 350px;
    }
}

/* 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-contact-info-inner ul li {
        font-size: 15px;
        padding-left: 30px;
    }

    .ip-contact-info-inner ul li i.ai-font-phone {
        font-size: 14px;
        top: 1px;
    }

    .ip-contact-info-inner ul li i.ai-font-envelope-f {
        font-size: 11px;
        top: 1px;
    }

    .ip-contact-info-inner ul li i.ai-font-location-c {
        font-size: 23px;
        top: 0px;
        left: -4px;
    }
}