/* CUSTOMER SUPPORT */
.fon-customersupport-block { margin: 0; padding: 0;height: 500px; display: flex;
    align-items: center; border-radius: 4px 0 0 4px; flex: 0 0 100%;  max-width: 100%; width: 100%;
    background:#242424 url("../../../images/p-customersupport/fon-customersupport.jpg") no-repeat scroll 50% 0;}

.fon-customersupport-block .fon-title-block {display: flex;  align-items: center;flex: 0 0 100%;  max-width: 100%; width: 100%; }

.customersupport-text {  width: 700px;  margin: 0 auto;  text-align: center;}
.customersupport-text h1{padding: 0; color:#fff;font-family: montserratmedium, sans-serif;
    font-size: 3.6em; line-height: 1.2em; text-transform: uppercase; margin: 0 0 5px 0;}
.customersupport-text p{padding: 0; color:#fff;font-family: montserratlight, sans-serif;
    font-size: 1.8em; line-height: 1.6em; margin: 0;}

.support-blocks {float: left; width: 100%; margin: 0; padding: 0 0 20px 0;}
.support-blocks .row {margin-top:-100px; z-index: 30;}
.support-blocks .col-md-3 { width: 25%; padding: 0 10px;}

.support-block{border-radius: 3px; padding: 55px 15px 30px 15px; text-align: center;
    min-height: 140px; -webkit-box-shadow: 0 1px 1px 1px rgba(0,0,0,0.05);
    -moz-box-shadow: 0 1px 1px 1px rgba(0,0,0,0.05);  box-shadow: 0 1px 1px 1px rgba(0,0,0,0.05);}
.support-block img{width: 70px; position: absolute; top: -35px; right: 50%; margin: 0 -35px 0 0; }

.support-block h2{color:#cf1c35;font-family: montserratsemibold, sans-serif; border-bottom: 1px solid #e8e8e8;
    font-size: 2em; line-height: 1.2em; text-transform: uppercase;margin: 0 0 10px 0;padding: 0 0 7px 0;}
.support-block p{color:#2f2f2f;font-family: montserratlight, sans-serif; font-size: 1.4em;
    padding: 0; margin: 0 0 15px 0;}
.support-block p:last-child{margin: 0;}
.support-block .btn-default { color: #2f2f2f; font-family: montserratmedium, sans-serif; font-size: 16px;
    line-height: 1em;  background-color: #fff;  border:1px solid #cf1c35 !important; padding: 13px 0;
    width: 86%; margin: 0 7%;}
.support-block p.small{color:#aaaaaa; font-family: montserratsemibold, sans-serif; font-size: 1.1em; }

.panel-block{float: left; width: 100%; margin: 10px 0 20px 0; padding: 0;}
.panel-block:last-child{ margin: 10px 0 40px 0;}
.panel-block .panel-default{border: 0; margin: 0;}
.panel-block .panel-heading {background-color: #fafafa; border-left: 3px solid #cf1c35; padding: 15px 15px 12px 15px;}
.panel-block .panel-heading h3.panel-title {font-size: 1.8em; color: #2f2f2f; font-weight: normal;
    font-family: montserratmedium, sans-serif;}

.panel-block.contact-form{ margin:0;}
.panel-block.contact-form .panel{margin: 10px 0 20px 0;}

.support-message{width: 500px; margin: 0 auto;}
.support-message form{float: left; width: 100%; margin: 10px 0 0 0; padding: 0;}
.support-message .form-group{float: left; width: 100%; margin: 0 0 10px 0; }
.support-message .form-control{border: 1px solid #e4e4e4; background: #fbfbfb; height: 45px; padding: 10px 18px;
    -webkit-box-shadow: none; box-shadow:none; color: #2f2f2f; font-size: 13px; font-family: montserratmedium, sans-serif; font-weight: normal;}
.support-message .form-control::-moz-placeholder { color: #6d6d6d; opacity: 1;}
.support-message .form-control:focus { border-color: #8f8f8f; outline: 0; -webkit-box-shadow: none; box-shadow:none;}
.panel.form-wrap {display: none;}
.panel.form-wrap.f-show {display: block;}

.support-message .dropdown .btn-default {border: 1px solid #e4e4e4; background: #fbfbfb; height: 45px; padding: 15px 18px;
    -webkit-box-shadow: none; box-shadow:none; color: #6d6d6d; width: 100%; font-size: 13px;}
.support-message .dropdown button .dd-text { float: left; font-family: montserratmedium, sans-serif; font-weight: normal;font-size: 13px;
    line-height: 1.1em; width: 100%; padding: 0 26px 0 2px; text-align: left;}
.support-message .caret { color: #9f9f9f;  top: 50%;  margin: -2px 0 0 0;  float: right;  position: absolute; right: 15px;}
.support-message .dropdown-menu{width: 100%;color:#2f2f2f;font-family: montserratlight, sans-serif; font-size: 1.4em; }

.support-message .upload{border: 1px solid #e4e4e4; background: #fbfbfb; height: 45px; padding: 10px 18px;
    border-radius: 4px; display: inline-block; -webkit-box-shadow: none; box-shadow:none; color: #2f2f2f;
    font-size: 13px; font-family: montserratmedium, sans-serif; font-weight: normal;}

.support-message textarea.form-control { height: 100px;}
.support-message .contact-button{width: 300px; margin: 10px auto;}
.support-message .contact-button .btn-default{padding: 12px 18px; width: 100%; text-align: center;}

.jsv-error-message{width: 100%; float: left; margin: 3px 0 10px 0; padding: 0;}
.jsv-error-message p{margin: 0; padding: 0; color: #e7344c;  font-size: 1.2em; font-family: montserratmedium, sans-serif;}

.send-message-area{width: 100%; float: left;}
.send-message-area .alert{margin: 35px 0 5px 0;padding: 30px 20px;}
.send-message-area img {width: 40px;margin: 0 0 10px 0;}
.send-message-area .alert-success, .send-message-area .alert-danger { color: #2f2f2f;  background-color: #fff;  border: none;}
.send-message-area button{margin: 15px 0 0 0;}


/* CUSTOMER SUPPORT - popup */
.live-chat-confirm.modal .modal-content {padding: 20px 16px;border-bottom: none;}
.live-chat-confirm.modal .modal-body { padding: 0;}
.live-chat-confirm.modal .modal-content p{margin: 0 0 16px 0; font-size: 1.4em; line-height: 1.5em;}
.live-chat-confirm.modal .modal-content p:last-child{margin: 0;}
.live-chat-confirm.modal .modal-content p a {color: #8f8f8f; text-decoration: underline;}
.live-chat-confirm.modal .modal-content p a.open-livechat{color: #fff; padding: 10px 24px; text-decoration: none;}

@media (min-width: 1920px) {

    /* CUSTOMER SUPPORT */
    .fon-customersupport-block {
        background: #242424 url("../../../images/p-customersupport/fon-customersupport-2560.jpg") no-repeat scroll 50% 0;
    }
}

@media (min-width: 1440px) and (max-width: 1920px) {

    /* CUSTOMER SUPPORT */
    .fon-customersupport-block {
        background: #242424 url("../../../images/p-customersupport/fon-customersupport-1920.jpg") no-repeat scroll 50% 0;
    }
}

@media (max-width: 1440px) and (min-width: 1080px) {

    /* CUSTOMER SUPPORT */
    .fon-customersupport-block {
        background: #242424 url("../../../images/p-customersupport/fon-customersupport-1440.jpg") no-repeat scroll 50% 0;
    }
}

@media (max-width: 1080px){

    /* CUSTOMER SUPPORT */
    .customersupport-text{width: 100%; margin: 0;}

    .support-blocks  .clearfix.visible-xs-block{height: 50px; width: 100%;float: left; display: block !important;}
    .support-blocks .col-md-3 {  width: 50%;   padding: 0 10px;  float: left; }
    .support-blocks .row { margin-top: -90px;}
    .support-block {margin: 0 0 10px 0; min-height: 260px;}

    .support-message {width: 100%; margin: 0; padding: 0 15px;}


}

@media (max-width: 640px) {

    /* CUSTOMER SUPPORT */
    .support-block .btn-default{font-size: 14px}
    .support-blocks .row { margin-top: -50px; }

}

@media (max-width: 767px) {

    /* CUSTOMER SUPPORT */
    .customersupport-text p { font-size: 1.4em; line-height: 1.4em;}
    .support-message .contact-button { width: 100%; margin: 0; }

}

@media (max-width: 450px) {

    /* CUSTOMER SUPPORT */
    .fon-customersupport-block{height: 320px;}

    .support-block .btn-default{font-size: 12px}

    .customersupport-text h1{font-size: 3em;}
    .customersupport-text p{font-size: 1.4em;}

    .support-block{min-height: 300px;}



}

@media (max-width: 359px) {

    /* CUSTOMER SUPPORT */
    .support-block .btn-default { font-size: 10px; }
    .support-block{min-height: 350px;}

    .support-blocks .row { margin-top: -10px;}


}