/*

    CSS Specific To Contact Page

*/



.banner-section-wrapper{

    background-attachment: fixed;

    background-repeat: no-repeat;

    background-size: 100%;

    padding: 240px 0 180px;

}

.contact-banner-section-wrapper.banner-section-wrapper{

    padding: 240px 0 180px;

}

.banner-title-wrapper{

    text-align: center;

}

.banner-title-wrapper h2 {

    background: rgba(0, 159,  227, .75);

    display: inline-block;

    color: #FFF;

    font-size: 45px;

    font-weight: 600;

    line-height: 50px;

    padding: 50px 50px;

}

.contact-intro-section-wrapper, .contact-form-wrapper{

    text-align: center;

    padding: 60px 0;
    background: #00278a;

}

.contact-section-row-container{

    padding: 0 80px;

}

.contact-intro-section-title {

    color: #0d0140;

    width: 60%;

    margin: 0 auto 30px;

    font-size: 33px;

    font-weight: 600;

    line-height: 40px;

}

.contact-intro-section-content {

    text-align: left;

    font-size: 18px;

}

.contact-form-wrapper{

    background: #111324;

}

.contact-us .contact-form-wrapper{
    background: #65b9ff;
    background: -moz-#00278a;
    background: -webkit-#00278a;
    background: #00278a;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#7856FF', endColorstr='#65B9FF', GradientType=1);
}

.contact-form-wrapper .contact-intro-section-title{

    color: #FFF;

}

.contact-form-section-content {

    text-align: center;

    font-size: 18px;

}

.contact-form-section-content label {

    text-align: left;

    font-weight: 500;

    color: #FFF;

    width: 100%;

    font-size: 15px;

}

.contact-form-section-content input, .contact-form-section-content select, .contact-form-section-content textarea{

    color: #0d0140;

    outline: none;

    padding: 10px;

    width: 100%;

    border-radius: 4px;

    height: 40px;
	font-size: 15px;

}

.contact-form-section-content input.wpcf7-form-control.wpcf7-submit {

    background: #009FE3;

    border: 2px solid #FFF;

    color: #FFF;

    padding: 7px 0;

    transition: all .5s;

    width: 50%;

	margin-top: 20px;

}

.contact-form-section-content input.wpcf7-form-control.wpcf7-submit:hover {

    color: #009FE3;

    background: #FFF;

    border: 2px solid #009FE3;

    font-weight: 600;

}

.contact-form-section-content form.wpcf7-form {

    width: 45%;

    margin: 0 auto;

}

.contact-form-section-content .wpcf7-form p {

    margin-bottom: 20px;

}

.contact-form-section-content textarea {

    height: 170px;

}

.contact-form-section-content .form-recaptcha {

    width: 69%;

    margin: 20px auto 25px;

}

.contact-form-section-content .mailchimp-optin span, .contact-form-section-content .mailchimp-optin {

    font-size: 14px;
	color: #fff;

}

.contact-form-section-content .wpcf7-form p.mailchimp-optin {

    width: 90%;

    margin: 10px 0;

    color: #FFF;

    text-align: left;

}

.mailchimp-optin span.wpcf7-list-item {
    margin: 0;
}

.contact-form-section-content .btn_submit {
	text-align: center;
}

.contact-form-section-content .wpcf7-form p.mailchimp-optin input {

    width: auto;

    float: left;

    margin-right: 10px;

	height: auto;

}

.contact-form-section-content .wpcf7-form p.mailchimp-optin a {

    font-weight: 700;

    color: #FFF;

}

.contact-form-section-content .wpcf7-form p.mailchimp-optin a:hover {

    color: #337ab7;

}

.contact-form-section-content .wpcf7-form p.google-policies {
    font-size: 15px;
    margin-top: 10px;
    color: #fff;
}


.plan-link {

	color: #009FE3;

}



.plan-link:Hover {

	color: #211452;

}



.btn-green .wpcf7-submit {

    background: #26d509 !important;

}



.btn-green .wpcf7-submit:Hover {

    background: #fff !important;

    color: #26d509 !important;

    font-weight: 600;

    border: 2px solid #26d509 !important;

}



div.wpcf7-mail-sent-ng {

    color: #fff;

}



div.wpcf7-mail-sent-ok {

    border: 2px solid #26d509 !important;

    color: #fff;

}


.contact-section-wrapper.contact-section2-wrapper {
    padding: 60px 0 60px;
	background: #fff;
}

.contact-section2-title {
    color: #111324;
    text-align: center;
    font-weight: 600;
    font-size: 33px;
    margin-bottom: 40px;
}

.contact-section2-row-container {
    padding: 0 150px;
}

.contact-section2-row-container p {
    color: #111324;
}


.contact-section2-row-container .col-4 {
    width: 33.33%;
    float: left;
}

.contact-address-wrapper {
    padding: 90px 0 60px;
    background: #fff;
}

.contact-office-container {
    color: #FFF;
    margin-bottom: 35px;
    padding: 0 50px;
}

.contact-office-container img {
    width: 50px;
}

h5.contact-flag-title {
    font-size: 20px;
    padding-top: 10px;
}
.wpcf7-response-output{
	color: #FFF;
}


/*Media Queries*/

@media screen and (max-width: 1400px){

    .contact-banner-section-wrapper.banner-section-wrapper {

        background-size: cover;

        background-position: center center;

    }

}

@media screen and (max-width: 1200px){

    .contact-intro-section-title{

        width: 65%;

    }

    .contact-form-section-content .form-recaptcha {

        width: 86%;

    }

}

@media screen and (max-width: 993px){

    .contact-intro-section-title{

        width: 90%;

    }

    .contact-section-row-container {

        padding: 0;

    }

    .contact-form-section-content .form-recaptcha {

        width: 94%;

    }
    
    .contact-section2-row-container{
        padding: 0;
    }

}

@media screen and (max-width: 767px){

    .contact-intro-section-title{

        width: 100%;

    }

    .contact-form-section-content form.wpcf7-form {

        width: 50%;

    }

    .contact-form-section-content .form-recaptcha {

        width: 96%;

    }

    .contact-banner-section-wrapper.banner-section-wrapper {

        background-size: cover;

        background-position: center center;

        padding: 100px 0;

        background-attachment: scroll;

    }
    
    .contact-office-container{
            padding: 0 15px;
    }

}

@media screen and (max-width: 650px){

    .contact-form-section-content form.wpcf7-form {

        width: 55%;

    }

    .g-recaptcha {

        transform:scale(0.77);

        -webkit-transform:scale(0.77);

        transform-origin:0 0;

        -webkit-transform-origin:0 0;

    } 

}

@media screen and (max-width: 600px){

    .banner-title-wrapper h2 {

        font-size: 35px;

        line-height: 40px;

        padding: 40px 30px;

    }

    .contact-form-section-content form.wpcf7-form {

        width: 65%;

    }

}

@media screen and (max-width: 450px){

    .banner-title-wrapper h2 {

        font-size: 28px;

        line-height: 30px;

        padding: 30px 20px;

    }

    .contact-form-section-content form.wpcf7-form {

        width: 100%;

    }

    .contact-form-section-content input.wpcf7-form-control.wpcf7-submit{

        width: 70%;

    }
    
    .contact-section2-row-container .col-4, .contact-flag-address{
        width: 100%;
        text-align: center;
    }

}