/* Start:/application/bitrix/templates/main/template_styles.css?14915439172666*/
.modal {width: 600px;  position: fixed; left: 50%;  margin-left: -300px; opacity: 0; z-index: 5100; background: #fff; transition: .25s all; top: -10rem; height: 0px; overflow: hidden}
.modal.active {display: block; opacity: 1; top: 4rem; height: auto}

.modal-head {background: #fff; color: #000; padding: .5rem 1rem; }
.modal-head img {margin: 0 auto; display: block; max-width: 100%; height: auto}
.modal-body {background: #005bb6; color: #fff; padding: 1rem; position: relative;}
.modal-body input, .modal-body textarea {color: #000}

.modal .modal_close {position: absolute;	top: 10px;	right: 10px; cursor: pointer; display: block; padding: .5rem; transition: .25s all; }
.modal .modal_close:hover, .modal .modal_close:focus  {opacity: .85}

#modal-fade {z-index: 500; position:fixed; background-color:#0a1c40; opacity:0.75; width:100%; height:100%; top:0px; left:0px; cursor:pointer; transition: .25s all; }

.modal .modal-title {text-align: center; font: 32px 'SegoeUILight', Arial, sans-serif;; font-weight: 300; margin-bottom: 15px}
.modal .form-horizontal .form-group {width: 100%; margin-bottom: 15px}
.modal .form-horizontal .form-group .label_area, .form-horizontal .form-group .input_area {display: inline-block; vertical-align:top}
.modal .form-horizontal .form-group .label_area {width: 180px; margin-right: 15px; text-align: right; padding-top: .33rem}
.modal .form-horizontal .form-group .label_area label {font-size: 16px}
.modal .form-horizontal .form-group .input_area {width: 350px}
.modal .form-horizontal .form-group .input_area input, .modal .form-horizontal .form-group .input_area textarea {width: 100%; display: block; border: 0px; height: 36px; box-sizing: border-box; padding: .25rem .5rem; border-radius: 4px}
.modal .form-horizontal .form-group .input_area textarea {height: 144px}
.modal .form-horizontal .form-group .submit_btn {height: 48px; width: auto; box-sizing: border-box; padding: .25rem 3rem; background: #cc0033; border: 0px; color: #fff; font-size: 20px; transition: .25s all; border-radius: 4px}
.modal .form-horizontal .form-group .submit_btn:hover,.modal .form-horizontal .form-group .submit_btn:focus {opacity: .85}
.modal .form-horizontal .form-group .submit_btn:active {opacity: .65}

.form-descr {font-size: 14px; opacity: .5; text-align: center}
#phoneOrder_link {position: absolute; top: -30px; left: 10px; border-bottom: 1px dashed #EB392B; padding: 0px;}
#phoneOrder_link:hover, #phoneOrder_link:focus {border: none; color: #EB392B;}



#success-callback{
	text-align: center;
    font: 20px 'SegoeUILight', Arial, sans-serif;
    font-weight: 300;
    margin-bottom: 15px;
}
/* End */
/* /application/bitrix/templates/main/template_styles.css?14915439172666 */