/* Contact CSS */
.contact_us_content {
    padding: 80px 0;
}
.contact_left_widget p {
    color: #12284c;
    font-family: "Gotham-Book";
    font-size: 15px;
    margin: 0;
}
.contact_left_widget {
    margin: 0 0 30px;
}
.contact_left_widget h4 {
    color: #12284c;
    font-family: "GothamMedium";
    font-size: 18px;
    margin: 0;
    line-height: 22px;
}
.contact_left_widget .phone_num, .email_lnk {
    color: #12284c;
    font-family: "GothamBold";
    font-size: 18px;
}
.contact_left_widget .email_lnk {
    text-decoration: underline;
    color: #12284c;
    font-family: "GothamBold";
    font-size: 18px;
}
.contact_left_widget span {
    display: block;
    color: #12284c;
    font-family: "GothamBold";
    font-size: 18px;

}
.contact_left_widget .email_lnk:hover {
     color: #12284c;
}
.contact_left_widget .faqs_link {
    color: #0070ba;
    font-family: "GothamBold";
    font-size: 18px;
    text-decoration: underline;
}
.social_links_left li {
    display: inline-block;
    margin-right: 20px;
}
.social_links_left a {
    color: #12284c;
    font-size: 25px;
}
.contact_us_form {
    padding-left: 30px;
}
.contact_us_top h1 {
    color: #102d56;
    font-family: "Sentinel-Semibold";
    font-size: 40px;
    line-height: 40px;
    margin: 0 0 40px;
}
.form-group.input_fields textarea.form-control {
    height: 130px;
}
.type_message h4 {
    color: #12284c;
    font-family: "Gotham-Book";
    font-size: 20px;
}
.type_message {
    margin: 40px 0;
}
.contact_us_top p {
    color: #12284c;
    font-family: "Gotham-Book";
    font-size: 18px;
    line-height: 25px;
    margin: 0;
}
.contact_us_top {
    margin: 0 0 35px;
}
.input_fields select.form-control {
    background-image: url("../images/arrow-down-navy.svg")!important;
    background-size: 13px auto !important;
    background-position: right 15px center !important;
}
.submit_btn .cta_btn {
    width: 220px;
}
.modal.discount_modal.in {
    -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column
}
.discount_modal .modal-dialog {
    max-width: 500px;
}
.discount_modal .modal-body {
    padding: 50px 30px;
    text-align: center;
}
.modal-content {
    border-radius: 0;
}
.modal-body {
    border-top: 10px solid #12284c;
}
.discount_modal .modal-body button.close {
    color: #000;
    font-size: 40px;
    height: 45px;
    margin: 0;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    width: 50px;
}
.discount_modal .modal-body h2 {
    font-family: "Gotham-Book";
    font-size: 20px;
    margin: 5px 0 35px;
}
.discount_modal .modal-body h2#get_coupon_mess {
    font-family: "Sentinel-Semibold";
    font-size: 24px;
    margin: 0;
}
.form-group.input_fields label.error{
	color: #d50057;
	top: 50px;
	left: 0px;
}
.form-group.input_fields label#form_message-error{
	top: 130px;
}
.form-group.input_fields{
	margin: 10px 0 20px 0;
}
.form-group.input_fields .form-control:focus ~ label.error, .form-group.input_fields .form-control:valid:not(:focus) ~ label.error{
	top: 50px;
	left: 0px;
	font-family: "Gotham-Book";
	font-size: 16px;
}
.type_message .form-group.input_fields label{
	text-transform: none;
}
.faqcta_wrapper h4 {
    color: #12284c;
    font-family: "GothamMedium";
    font-size: 18px;
    margin: 0 0 8px;
}
.faqcta_wrapper .cta_btn {
    margin: 0 0 35px;
}
.faqcta_wrapper .cta_btn span {
    padding: 12px 30px;
}

.msg-error {
     color: #D50057;
    margin: 0px 0 0 100px;
    font-size: 16px;
    font-family: 'Gotham-Book';
}

.cta_btn_gradient2 {width: 250px !important}




@media only screen and (min-width: 992px) and (max-width: 1200px) {
    .contact_us_form {padding-left: 0;}
    
}

/* Tablet Layout: 768px. */
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .contact_us_form {padding-left: 0;}
    .contact_us_top p .rwd-line {display: none;}    
    .contact_us_top p {font-size: 18px;}
    .type_message h4 {font-size: 16px;}    
    
}

/* Mobile Layout: 320px. */
@media only screen and (max-width: 767px) {
    .contact_us_content {padding: 140px 0 50px;}
    .contact_left_widget h2 {color: #12284c;font-family: "Sentinel-Semibold";font-size: 28px;margin: 0;}    
    .contact_us_form {padding-left: 0;}    
    .contact_us_top p {font-size: 16px;line-height: 20px}  
    .type_message h4 {font-size: 15px;}    
    .contact_us_top h1 {font-size: 28px;line-height: normal;margin: 0 0 30px;}
    .faqcta_wrapper h4 {font-size: 16px}
    .submit_btn .cta_btn {width: 100%;max-width: 315px;margin: 0px auto;display: block;}
    .contact_vitamin_packs {margin: 30px 0 0;}
    .contact_left_widget:last-child {margin: 0;}
    .faqcta_wrapper .cta_btn span {padding: 12px 22px;}
    .form-group.input_fields {margin: 0 0 25px!important;}
    .form-group.input_fields .form-control:focus ~ label.error, .form-group.input_fields .form-control:valid:not(:focus) ~ label.error {font-size: 14px!important;}
    .type_message {margin: 20px 0 0;}
    .cancel_call {margin: 0 auto;width: 240px}
    
    
    
}