@charset "utf-8";




.icheck{font-size:15px; color:#000; line-height:1; padding: 5px 0 }
.icheck.white{ color: #fff}
.icheck *{}
.icheck a{text-decoration:underline; color:#000; font-size:15px; }
.icheck.white a{ color: #fff}

.icheck.white.error a,
.icheck.white.error{ color:#f19696}
.icheck.white.error label span::after{ border-color:#f19696 }


.icheck.error a,
.icheck.error{ color:#EC1115}
.icheck a:hover{text-decoration:none}
.icheck input{ position: absolute; left: 0; top: 0; width: 0; height: 0; opacity: 0}
.icheck label{position: relative; cursor: pointer}
.icheck label span{ display: block; padding-left: 34px; position: relative; cursor: pointer}
.icheck label span::after{ width: 24px; height: 24px; border-radius: 4px; background: #fff; border: 1px solid #cecece; left: 0; top: 50%; margin-top: -13px; z-index: 1}
.icheck label input:checked + span::before{ width: 26px; height: 26px; left: 0; top: 50%; margin-top: -13px; content: "\f00c"; font-family: 'FontAwesome'; text-align: center; line-height: 26px; cursor: pointer; z-index: 2; color:#000}




.icheck.error a,
.icheck.error{ color:#EC1115}


.overlay-tnx,
.overlay{ background-color:rgba(255,255,255,0.4); z-index:9999; position:fixed; top:0; left:0; width:100%; height:100%; display:block; visibility:hidden; }
.overlay-tnx{background-color:rgba(255,255,255,0.7); z-index:999993}

.dialog-tnx,
.dialogs { position:absolute; background:#fff; left:50%; top:0; transform: translateX(-50%);  z-index:999991;width:100%;  max-width:480px;  padding:30px 16px; color:#000; display:block; visibility:hidden; font-size:1em; overflow: hidden;   border-radius: 8px;
-webkit-box-shadow: 0px 0px 30px 0px rgba(174, 191, 201, 1);
-moz-box-shadow:    0px 0px 30px 0px rgba(174, 191, 201, 1);
box-shadow:         0px 0px 30px 0px rgba(174, 191, 201, 1); }
.dialogs *{ transition:none; }


.dialogs h3{font-size: 27px; color: #00284f; margin-bottom: 20px;}
.dialogs input,
.dialogs textarea{ width: 100%; height: 44px; border: 1px solid #cecece; padding: 0 15px;  border-radius: 5px; margin-bottom: 17px; font-size: 16px;}
.dialogs textarea{ padding:15px; height: 95px; }
.dialog-tnx .close,
.dialogs .close{  position:absolute; top:15px;right:15px; cursor:pointer; z-index:100; color: #ccd4dc; background: none; border: none}
.dialog-tnx .close:hover,
.dialogs .close:hover{ color: #012951 }
.dialogs .btns{ margin-top: 20px; text-align: center}
.dialogs .btns.flex{ justify-content: space-between}



.dialog-tnx{z-index:999999; width:auto; min-width:300px; max-width:600px; position:fixed; background:#fff; }
.dialog-tnx .dheader{padding-top: 10px}
.dialog-tnx .jstxt{padding:20px 15px; color:#000; }
.dialog-tnx .jstxt p{margin-bottom:1em;}
.dialog-tnx h2{font-size: 1.3em;}
.dialog-tnx.error .jstxt{ color:#cb2626}
.dialog-tnx.error h2{color:#cb2626; font-size: 1.3em;}
.dialog-tnx{ max-width:400px;}
.dialog-tnx h2{ color:#000; text-align:center; text-transform:none; font-size:33px; padding-bottom:0; margin-bottom:10px; }
.dialog-tnx h2::after{display:none}
.dialog-tnx.error .close{}
.errors-list{ margin-top:10px;}
.errors-list .efield{display:block; font-size:16px;}
.dialogs textarea.error,
.dialogs input.error{ border-color:#F83033}
.dialog-tnx .btns{text-align: center}
.dialog-tnx .btns button{ max-width: none; width: auto; min-width: 100px}

.dialogs label.radio{ position: relative; display: inline-block; margin: 5px 0; cursor: pointer}
.dialogs label.radio input{position: absolute; opacity: 0; width: 1px; height: 1px;}
.dialogs label.radio input + span{ display: inline-block; padding-left: 35px; font-size: 21px; }
.dialogs label.radio input + span::after{ position: absolute; left: 0; top: 3px; width: 16px; height: 16px; border-radius: 100%; border: 2px solid #000;}
.dialogs label.radio input:checked + span::before{ position: absolute; left: 4px; top: 7px; width: 12px; height: 12px; border-radius: 100%; background: #000}
.rservices{margin-bottom: 20px;}









.dialogs#helpForm{max-width:1240px; padding: 25px 30px; color:#414141; font-size:20px;  }
.dialogs#helpForm .hlpHead{ margin-bottom:25px;}
.dialogs#helpForm .hlpHead img,
.dialogs#helpForm .hlpHead span{ display:inline-block; vertical-align:middle; margin-right:15px; font-size:23px; font-weight:bold;}

.dialogs#helpForm .txt{}
.dialogs#helpForm .txt p{ margin-bottom:1.2em}
.dialogs#helpForm .txt ul{padding-left:50px;}
.dialogs#helpForm .txt li{ margin-bottom:0.5em;}
.dialogs#helpForm .txt ul li{ padding-left:20px; position:relative}
.dialogs#helpForm .txt ul li::after{ width:5px; height:5px; border-radius:100%; background:#e30016; left:0; top:12px;}
.dialogs#helpForm .txt .img{ text-align:center; margin:15px 0;}
.dialogs#helpForm .txt .img img{ display:inline-block}