/*checkbox style*/
input[type="checkbox"] {display:none !important}
.popup-main-flex-label {font: normal 12px 'helvetica neue';color: #333;min-height: 20px;line-height: 15px;position: relative;display:flex; align-items:center;}
.popup-main-flex-label span {width: 20px;height: 20px;border: 1px solid #dce3f0;border-radius: 3px;background-color: #fff;display: inline-block;    vertical-align: top;margin-right: 10px; position:relative}
.popup-main-flex-label span:after {position: absolute;top: 0;right: 0;bottom: 0;left: 0;margin: auto;content: "";background: url(../../images/ico/check.png) no-repeat center / contain;width: 11px;height: 9px;opacity: 0;transition: .3s;}
input[type="checkbox"]:checked + .popup-main-flex-label span:after {opacity: 1;}
/*popup*/
.callback-out-popup {position: fixed;width: 100%;height: 100%;top: 0;left: 0;z-index: 999;display: none;overflow-y: auto;}
.callback-out-popup-inner {display:flex;  width: 100%;height: 100%; position: fixed;}
.callback-out-popup-bg{position: fixed;width: 100%;height: 100%; z-index: 800;background-color: #222a3c;opacity: .8;}
.callback-out-popup-content {margin:auto; background:#fff; display:flex;position:relative; align-items:center;width:900px; height:550px; z-index: 900;}

.callback-out-popup-content-text {padding:0 100px}
.callback-out-popup-content-text-title {margin-bottom:50px;     font: 300 24px 'helvetica neue';}
.callback-out-popup-content-text-title  span{color:#008dcc}
.callback-out-popup-content-text-desc {margin-bottom:50px;font: normal 14px 'helvetica neue';color: #999999;line-height: 28px;}

.callback-out-popup-content-text a{font: normal 14px 'helvetica neue';color: #008dcc; text-decoration:none}
.callback-out-popup-content-text a:after{content:''; display:inline-block;width:6px; height:12px; background:url(../../images/ico/right.png); margin-left:10px;position: relative;top: 2px; }


.callback-out-close {position: absolute;right: -43px;top: -38px;width: 32px;height: 32px;cursor: pointer;z-index: 900;background: url(../../images/ico/cancel.png) ;}

.callback-out-popup-content._main {width:530px;padding:0px;box-sizing: border-box;display:block; height: 750px; }
._main .callback-out-popup-content-text {overflow-y: auto;height: 100%;padding: 40px 50px;box-sizing: border-box;}
.popup-main-title {font: 300 24px 'helvetica neue';color: #333; margin-bottom:40px}
.popup-main-desc {font: 300 16px 'helvetica neue';color: #999; line-height:1.4; margin-bottom:40px}

.popup-main-tabs{display:flex; margin-bottom:30px }
.popup-main-tabs span{padding: 8px 20px;font: normal 14px 'helvetica neue';color: #333;transition: .3s;border: 2px solid #e5e5e5;cursor: pointer; border-radius:3px 0 0 3px; transition:.3s}
.popup-main-tabs span:last-child{border-left:none;border-radius:0 3px 3px 0}

.popup-main-tabs span._current {background:#008dcc; border-color:#008dcc; color:#fff;}

.popup-main-form-title{font: bold 13px 'helvetica neue';text-transform: uppercase;color: #333; margin-bottom:30px;display:flex; align-items:center}

.popup-main-form {}
.popup-main-form input[type='text']{width: 100%;height: 48px;box-sizing: border-box;border-radius: 3px;border: 2px solid #dce3f0;font: 300 14px 'helvetica neue';color: #333;padding-left: 15px;transition: .3s;outline: none;margin-bottom: 20px;/*max-width:270px;*/ display:block; margin-bottom:20px}
.popup-main-form input[type='text'].failed{border: 2px solid red;}
input[type='text'].failed{border: 2px solid red;}
.popup-main-form textarea{width: 100%;height: 120px;box-sizing: border-box;border-radius: 3px;border: 2px solid #dce3f0;font: 300 14px 'helvetica neue';color: #333;padding: 15px;transition: .3s;outline: none;margin-bottom: 20px; display:block; margin-bottom:20px;resize: none;}

.popup-main-form input[type='button'] {padding:0px 43px;border-radius: 5px; text-align: center;display: inline-block; position: relative;font: 300 14px 'helvetica neue';color: #fff;text-transform: uppercase;letter-spacing: 1px;line-height: 14px;  transition: .3s;height: 48px;line-height: 48px;background-color: #008dcc;cursor: pointer;border:none}
.popup-main-form input[type='button']:hover {background-color:#022552}

.popup-main-form-title input {display:none !important}
.popup-main-form-title label {font: 300 14px 'helvetica neue';color: #008dcc; text-transform:none;cursor:pointer;display:flex; align-items:center; padding-left:20px}
.popup-main-form-title label span {display:block; width:16px; height:18px; background:url(../../images/ico/upload.png); margin-right:5px}
.popup-main-form-title label em { border-bottom:1px dotted; }
.popup-main-form-flex {display:flex; justify-content:space-between; align-items:center}

#popup-main-form-complaint {display:none}

@media (max-width:1024px)	{
    .callback-out-popup-content-text{padding:0 20px}
    .callback-out-close {right:10px; top:10px;}
}


@media (max-width:920px)	{
    .callback-out-popup-content {width:380px; flex-direction:column; max-height:90vh; overflow-y:auto;}
    .callback-out-popup-content-text-title {text-align:center;}
    .callback-out-popup-content img {display:none}
    .callback-out-popup-content-text-desc{text-align:justify}

}

@media (max-width:500px){

    .popup-main-tabs {flex-direction:column}
    .popup-main-tabs span{padding: 8px 20px;font: normal 14px 'helvetica neue';color: #333;transition: .3s;border: 2px solid #e5e5e5;cursor: pointer; border-radius:3px 3px 0 0; text-align:center}
    .popup-main-tabs span:last-child{border-left:2px solid #e5e5e5;border-top:0;border-radius:0 0 3px 3px}
    .popup-main-tabs span:last-child._current {border-color: #008dcc;}
    .popup-main-form-flex {display:block;}
    .popup-main-form input[type='button'] {margin-top:20px}

}
@media (max-width:400px)	{
    .callback-out-popup-content {width:300px;}
    .callback-out-popup-content-text{padding:200px 10px 10px 10px}
    .callback-out-popup-content-text-title {margin-bottom:20px;}
    .callback-out-popup-content-text-desc {margin-bottom:20px;}
}
.good_calls-call-back,
.bad_calls-call-back{
    display: none !important;
}
/**************!--CallBack--!****************/