/******************************************************************************\
                                    Общее
\******************************************************************************/
@import "/templates/default/fonts/montserrat/montserrat.css";
@import "/templates/default/css/c3.css";

html, body {  padding: 0px; margin:0px;  min-height: 100vh; }
body { background: #fff; position: relative; }
body, table, input, textarea { color: #2f2f2f; font-size: 14px; font-family: 'Montserrat', 'sans-serif'; }

input[type="submit"], input[type="button"] , input[type="checkbox"]{  cursor: pointer; -webkit-appearance: none; -moz-appearance: none; -o-appearance: none; appearance: none; }
input[type="checkbox"], input[type="radio"], label { vertical-align: middle; }

a, .a { color: #9c141e; outline: none; text-decoration: none; cursor: pointer; }
a:hover, .a:hover { text-decoration: none; color: #9c141e; }
* { box-sizing: border-box; }
a img {	border: none; outline: none; }
table { border-collapse: collapse; }
td { vertical-align: top; /*padding: 0px;*/ }
p { margin-top: 0; }
h1, h2 { margin: 0;  }
h3 { margin: 0; font-size: 28px; font-weight: 500; }

.error { border: 1px solid #fc6540; color: #fc6540; padding: 17px 31px 16px; border-radius: 6px; font-weight: 600; overflow-wrap: break-word; word-wrap: break-word;}
.hide { display: none !important; }

form { margin: 0px; }
input, textarea { outline-width: 0; outline-style: none; }
label {	cursor: pointer; }

.holder-page { width: 100%; padding: 40px; min-width: 380px; }
.holder-content { max-width: 1200px; margin: 0 auto; display: flex; flex-direction: column; gap: 40px; }

.holder-header { display: flex; justify-content: center; }
.header-evolutionist { width: 200px; height: 200px; border-radius: 100%; border: 10px solid #fff; box-shadow: 5px 5px 10px 5px rgba(50, 50, 50, .2); background: url('/templates/default/pictures/evolutionist.jpg') center center no-repeat; background-size: contain; }
.page-title { text-align: center; }
.page-title h1 { font-size: 36px; color: #9c141e; text-transform: uppercase; }
.holder-slogan { text-align: center; font-size: 22px; }

.holder-separator { width: 100%; margin: 0; border: none; height: 2px; background: #b1b1b1; }

.script-text h2 { margin-bottom: 14px;  }
/*----------------------------------------------------------------------------*\
                                формы
\*----------------------------------------------------------------------------*/
.form  { padding: 0 24px 24px; font-size: 15px; line-height: 20px; display: flex; flex-direction: column; gap: 20px; max-width: 600px;  }
.form textarea, .form input[type="text"], .form input[type="password"] { border: 1px solid #b1b1b1;  padding: 6px 0px; font-size: 15px; width: 100%;
     border-radius: 4px; color: #000; padding: 11px 10px 10px 10px; background: #fff;  }
.form textarea { resize: vertical; height: 150px; }
.form .req { color: #E7596E; margin-left: 4px; }
.form-label { font-size: 14px; }
.item-form-block { display: flex; position: relative; flex-direction: column; gap: 6px; }

.form.feedback { margin: 0 auto; }
.form .feedback-title { text-align: center; font-size: 24px; padding-bottom: 10px; }


.item-form-element { padding: 8px 0; }
.item-form-element label { display: inline-block; position: relative; cursor: pointer; margin-left: 30px; padding-top: 1px; font-size: 18px; color: #9c141e; }
.item-form-element input[type="radio"] + label::before { content: "";  display: inline-block;  height: 20px; width: 20px; position: absolute; left: -30px; top: 0px; border-radius: 20px; background: #f9f9f9; border: 1px solid #b1b1b1 ; }
.item-form-element input[type="radio"]:checked + label::before { background-position: 0 100%; background-color: #9c141e; border: 1px solid #9c141e ; }
.item-form-element input[type="radio"] { display: none; }

.link-button  { display: inline-block; background: #9c141e; color: #fff; border-radius: 4px; padding: 13px 26px 14px; cursor: pointer; font-size: 15px; line-height: 1; font-weight: 500; text-align: center; min-width: 80px; border: none; }
.link-button:hover { color: #fff; background: #b1b1b1; }


/*----------------------------------------------------------------------------*\
                                Диалоговый слой
\*----------------------------------------------------------------------------*/
.popup-place, .fon_proccess { position:absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; z-index: 2147483600; display: none; }
.popup-place { background: rgba(0,0,0,.8) }
.fon_proccess { z-index: 2147483647; cursor: progress;  }
.popup-place .popup-window { position: absolute; font-size: 0; }
.popup-place .popup-window-content { opacity: 1; background: #fff; border: none; border-radius: 11px 11px 10px 10px; font-size: 19px; line-height: 25px; padding: 0px; width: 510px; box-shadow: 1px 1px 5px #333; /*overflow: hidden;*/position: relative; }
.popup-place .popup-window-title { font-size: 22px; line-height: 30px; text-transform: uppercase; font-style: normal; border-radius: 10px 10px 0 0;
     text-align: center; padding: 10px 50px; margin: 0; font-weight: normal; background: #9c141e; color: #fff;  }
.popup-place .popup-window-close { position: absolute; border-radius: 3px; font-size: 0; line-height: 0; top: 12px; right: 13px; width: 25px; height: 25px; background: url(/templates/default/pictures/popup-close.png) no-repeat 50% 50%; cursor: pointer; }
.popup-place .popup-window-close:hover { background-color: #b1b1b1; }
.popup-place .popup-window-alert { padding: 24px 30px 20px 30px; }
.popup-place .popup-window-function { padding: 10px 30px 25px 30px;  margin: 0 ; white-space: nowrap; min-height: 34px; }


.popup-place .popup-window.callback { max-width: 456px; }

.continue {margin-right: 16px}

.popup-place .popup-window-alert b { font-weight: 600; }
.popup-place .popup-window-function.helper-city { padding-top: 24px; }
.popup-place .popup-window-content .comment { margin: 0; padding: 0 30px 30px; }
.popup-place .popup-window-content .form-footer { padding-bottom: 0; }
.popup-place .popup-window-content .form-footer .link-button {margin-right: 10px; margin-bottom: 10px;}
.popup-place .popup-window-function .link-button {margin-right: 10px; }

.popup-place .popup-content { position: relative; width: 100%;  /*overflow: hidden;*/ }