/* © vilao.ru */

body{
    margin:0 auto;
    width: 100%;
    padding:0;
    border:0;
    background:#eef1f8;
    color:#242933;
    font:400 14px Montserrat, "PT Sans", "Open Sans", Arial, Verdana, Helvetica, sans-serif;
    letter-spacing:0.3pt;
    line-height:1.4;}

h1,h2,h3,h4,h5,h6 {margin:0; padding:0; border:0;}

a {text-decoration: none;}
.b {font-weight:700;}
.part {display: inline-block;}

img {
    max-width: 100%;
    vertical-align: middle;}


html {
    scrollbar-gutter: stable;
    scroll-behavior: smooth;}




.header-box,
.header, .head-line-1, .head-line-1-table-row, 
.head-line-1-left, .head-line-1-middle, 
.head-line-1-right,
.head-line-2, .head-line-2-table-row, 
.head-line-2-left, .head-line-2-middle, 
.head-line-2-right,

.head-logo-block-table,
.head-logo-block-row,
.head-logo-block-img,
.head-logo-block-text,
.line-link, .nav-main, .nav-main a, .nav-product, .nav-product-box, .nav-product a, 
.head-line-phone-block, .head-line-phone-block a,
.time, .phone,
.head-menu-block, .menu-box, .menu-l-b, .menu-l-sp,

.form-head, .formbutton-head,
.widget,

.menu-page-box,

.content-mn-offer,
.content-mn-offer-box,
.content-mn-offer-box-text,

.mn-offer1,
.mn-offer2,
.mn-offer3,
.mn-offer4,
.mn-offer5,

.main-offer-part-buttons,
.formtop1,
.formtop2,
.formbuttontop1,
.formbuttontop2,


.content-mn-adv,
.content-mn-adv-table,
.content-mn-adv-table-row,
.content-mn-adv-table-1td-left,
.content-mn-adv-table-1td-right,
.content-mn-adv-table-2td-left,
.content-mn-adv-table-2td-right,
.content-mn-adv-textbox,
.content-mn-adv-table-td-sp,
.content-mn-adv-table-td-sp-div1,
.content-mn-adv-table-td-sp-div2,
.mn-adv-title1,
.mn-adv-title2,
.mn-adv-text,
.content-mn-adv-head,
.content-mn-adv-textbox,

.content-mn-spec,
.content-mn-spec-table,
.content-mn-spec-table-row,
.content-mn-spec-table-td-left,
.content-mn-spec-table-td-right,
.mn-spec-name,
.mn-spec-text,
.title-mn-spec,
.mn-spec-price,
.mn-spec-bottom,

.content-mn-spoilers,

.content-mn-advantage,
.content-mn-advantage-box,
.content-mn-advantage-block,
.content-mn-advantage-box-table,
.content-mn-advantage-box-table-row, 
.content-mn-advantage-box-table-td,

.content-mn-footernav,

.footer,
.footer-box-all-pages,
.footer-table,
.footer-table-row,
.footer-td-left,
.footer-td-right,
.footer-text-inline-block,



.menunav,
.menunav-link,

.page-content-title,
.page-content-text,
.page-content-text p,




.round-icon-block,
.round-icon-block-col,
.round-icon-block-col-img,
.round-icon-block-col-text,
.round-icon-block-col-text-title,
.number-table,
.number-table-row, 
.number-table-td-left, 
.number-table-td-right,
.number-table-td-right-title,


.num-box,
.num123








{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}







/* ===========  H E A D E R  ============ */

.header-box {
    width: 100%;
    position: fixed;
    z-index: 10;}


.header {
    width: 100%;
    max-width: 1200px;
    background: #fff;
    box-shadow:0 5px 5px -5px rgba(67, 84, 109, 0.75);
    margin: 0 auto;}



/* ==  Первая линия  == */
.head-line-1 {
    display: table; 
    width: 100%;
    min-width: 280px;
    margin: 0 auto;}

.head-line-1-table-row {display: table-row; width: 100%;}

/* ==  Первая линия - левый блок  == */
.head-line-1-left {
    display: table-cell;
    vertical-align: middle;
    padding:0 0 0 10px;
    height: 72px;
    min-width: 280px;
    text-align: left;}

/* ==== Логотип ==== */
.head-logo-block-table {
    display: table;
    vertical-align: middle;}

.head-logo-block-row {display: table-row; width: 100%;}

.head-logo-block-img {
    display: table-cell;
    vertical-align: middle;
    height: 72px;
    width: 100px;
    background: url("../images/logo.svg") center center no-repeat;
    background: url("../images/logo.png") center right no-repeat;
    background-size:auto 44px;}

.head-logo-block-text {
    display: table-cell;
    vertical-align: middle;
    padding: 3px 0 0 6px;
    height: 72px;
    font-size: 14px;
    font-weight: 600;
    font-family: Montserrat, "Open Sans";
    letter-spacing: 1.5px;
    line-height:1;
    color:#242933;}

.logo-text-box {
    padding: 0;}

.head-logo-block-text-description {
    font-size: 10px;
    letter-spacing: 0.5px;}
/* ==== Логотип ==== */

/* ==  Первая линия - средний блок  == */
.head-line-1-middle {
    display: table-cell;
    vertical-align: middle;
    height: 72px;
    padding: 0 20px 0 0;
    text-align: right;
    font-size: 12px;
display: none;
}

/* ==  Первая линия - правый блок  == */
.head-line-1-right {
    display: table-cell;
    vertical-align: middle;
    height: 72px;
    min-width: 200px;
    text-align: right;
    padding: 0 30px 0 0;}

/* ==== Телефон ==== */
.head-line-phone-block {
    display: inline-block;
    vertical-align: middle;
    padding:0 36px 0 0;}

.head-line-phone-block a{
    display:inline-block;
    vertical-align:middle;
    color:#242933;}

.phone {
    text-align:right;
    font-size:17px;
    font-weight:700;
    padding: 5px 0;
    font-family: Montserrat, "Open Sans", sans-serif;
    letter-spacing:1px;}

/* ==== Кнопка меню ==== */
.head-menu-block {
    display: inline-block;
    color:#242933;
    vertical-align: middle;
    height: 40px;
    width: 80px;
    padding: 15px 28px 0;}

.menu-box {height: 12px; width: 24px;}
.menu-l-b {height: 2px; width: 24px;background:#242933;}
.menu-l-sp {height: 2px; width: 24px;}

/* ==== Форма в шапке ==== */
.form-head {
    display:inline-block;
    vertical-align:middle;
    z-index: 1;
display: none;
}

.formbutton-head {
    vertical-align:middle;
    margin: 6px 0;
    padding:12px 40px;
    border:dotted 1px #2d2d2d;
    border-radius:5px;
    text-align:center;
    font-family: Montserrat, "Open Sans", sans-serif;
    font-size:13.5px;
    font-weight:500;
    letter-spacing:0.4pt;
    background-color: transparent;
    background:#fff;
    -webkit-transition:all 0.3s ease;
    -moz-transition:all 0.3s ease;
    -khtml-transition:all 0.3s ease;
    -o-transition:all 0.3s ease;
    -ms-transition:all 0.3s ease;
    transition:all 0.3s ease;}

.formbutton-head:hover {
    border:solid 1px #000;
    color:#000;
    background:#fff;}





/* ==  Вторая линия  == */
.head-line-2 {
    display: table; 
    width: 100%;
    min-width: 280px;
    margin: 0 auto;
    border-top:solid 1px #cfd5de;
display: none;
}

.head-line-2-table-row {display: table-row; width: 100%;}

/* ==  Вторая линия - левый блок  == */
.head-line-2-left {
    display: table-cell;
    vertical-align: middle;
    padding:0 0 0 30px;
    text-align: left;}

/* ==  Вторая линия - средний блок  == */
.head-line-2-middle {
    display: table-cell;
    vertical-align: middle;
    padding: 0 20px 0 0;
    text-align: right;}

/* ==  Вторая линия - правый блок  == */
.head-line-2-right {
    display: table-cell;
    vertical-align: middle;
    padding:0 30px 0 0;
    text-align: right;}


/* ==== Ссылки ==== */
.nav-main-left {
    width: 100%;
    text-align: left;}

.nav-main-right {
    width: 100%;
    text-align: right;}

.line-link {
    display: inline-block;
    vertical-align: middle;
    padding: 12px 20px 12px;
    font-size: 13.5px;
    font-weight: 400;
    font-family: Montserrat, "Open Sans";
    letter-spacing: 0.5px;
    transition: all 0.3s ease;
    line-height:1.5;}

a.line-link:link {color:#242933;}
a.line-link:visited {color:#242933;} 
a.line-link:hover {color:#242933;}
a.line-link:active {color:#242933;}

a.line-link:after {
    display: block;
    content: "";
    height: 1px;
    width: 0%;
    background-color: #fff;
    transition: all .7s ease;} 

a.line-link:hover:after {width: 100%; background-color: #242933;}




.top-line {height: 118px;height: 72px;}















/* ===========  CONTENT  ============ */

.content-mn-offer {
    width:100%;
    max-width: 1200px;
    min-width:280px;
    margin:0 auto;
    color:#eef1f8;
    background:#122943;
    padding: 0;}

.content-mn-offer-box-m {
    width:100%;
    padding: 0;
    background: url("../images/main.jpg") center center no-repeat;
    background-size:auto 680px;}

.content-mn-offer-box1 {
    width:100%;
    padding: 0;
    background: url("../images/img01.webp") center center no-repeat;
    background-size:auto 646px;}

.content-mn-offer-box2 {
    width:100%;
    padding: 0;
    background: url("../images/img02.webp") center center no-repeat;
    background-size:auto 646px;}

.content-mn-offer-box3 {
    width:100%;
    padding: 0;
    background: url("../images/img03.webp") center center no-repeat;
    background-size:auto 646px;}

.content-mn-offer-box4 {
    width:100%;
    padding: 0;
    background: url("../images/img04.webp") center center no-repeat;
    background-size:auto 646px;}

.content-mn-offer-box5 {
    width:100%;
    padding: 0;
    background: url("../images/img05.webp") center center no-repeat;
    background-size:auto 646px;}

.content-mn-offer-box6 {
    width:100%;
    padding: 0;
    background: url("../images/img06.webp") center center no-repeat;
    background-size:auto 646px;}

.content-mn-offer-box7 {
    width:100%;
    padding: 0;
    background: url("../images/img07.webp") center center no-repeat;
    background-size:auto 646px;}

.content-mn-offer-box8 {
    width:100%;
    padding: 0;
    background: url("../images/img08.webp") center center no-repeat;
    background-size:auto 646px;}






.content-mn-offer-box-text {
    width:80%;
    padding: 70px 0 70px 70px;}


.mn-offer1 {
    font-size:28px;
    font-weight:500;
    color:#ecdddd;}

.mn-offer2 {
    font-size:20px;
    font-weight:300;
    padding: 4px 0;}

.mn-offer3 {
    font-size:20px;
    font-weight:300;}

.mn-offer4 {
    padding: 40px 0;
    color:#9EA3AB;}

.mn-offer4-span-price {
    font-weight:500;
    font-size:20px;
    color:#F2F5F9;}

.mn-offer5 {
    font-size:14px;
    font-weight:300;
    color:#ecdddd;}

.mn-offer5 p {margin:0 0 10px 0;}



/* ===========  ФОРМЫ первого слайда  ============ */

.main-offer-part-buttons {padding: 20px 0 0 0;}

.formtop1 {
    display: inline-block;
    vertical-align: middle;}

.formtop2 {
    display: inline-block;
    vertical-align: middle;}




.formbuttontop1 {
    vertical-align:middle;
    margin: 6px auto;
    padding:12px 40px;
    border:solid 1px #cfd5de;
    border-radius:5px;
    text-align:center;
    font-family: Montserrat, "Open Sans", sans-serif;
    font-weight:500;
    font-size:15px;
    letter-spacing:0.4pt;
    -webkit-transition:all 0.3s ease;
    -moz-transition:all 0.3s ease;
    -khtml-transition:all 0.3s ease;
    -o-transition:all 0.3s ease;
    -ms-transition:all 0.3s ease;
    transition:all 0.3s ease;
    color:#eef1f8;
    background-color: transparent;}

.formbuttontop1:hover {
    border:solid 1px #f3f5fa;
    color:#242933;
    background: #f3f5fa;}



.formbuttontop2 {
    vertical-align:middle;
    margin: 6px auto;
    padding:12px 40px;
    border:solid 1px #f3f5fa;
    border-radius:5px;
    text-align:center;
    font-family: Montserrat, "Open Sans", sans-serif;
    font-weight:500;
    font-size:15px;
    letter-spacing:0.4pt;
    -webkit-transition:all 0.3s ease;
    -moz-transition:all 0.3s ease;
    -khtml-transition:all 0.3s ease;
    -o-transition:all 0.3s ease;
    -ms-transition:all 0.3s ease;
    transition:all 0.3s ease;
    color:#242933;
    background: #f3f5fa;}

.formbuttontop2:hover {
    border:solid 1px #cfd5de;
    color:#eef1f8;
    background-color: transparent;}







/* ===========  Реклама  ============ */

.content-mn-adv {
    width:100%;
    max-width: 1200px;
    min-width:280px;
    margin:0 auto;
    background: #fff;
    color:#242933;
    padding: 100px 50px;}

.content-mn-adv-table {
    display: table; 
    width: 100%;
    max-width: 1000px;
    margin:0 auto;}

.content-mn-adv-table-row {display: table-row; width: 100%;}

.content-mn-adv-table-td-sp {
    display: table-cell;
    vertical-align: top;
    width:2%;}

.content-mn-adv-table-td-sp-div1 {width: 30px;}
.content-mn-adv-table-td-sp-div2 {width: 30px;}

.content-mn-adv-table-1td-left {
    display: table-cell;
    vertical-align: top;
    width:49%;
    border-top:solid 1px #cfd5de;
    border-right:solid 1px #cfd5de;
    border-bottom:none;
    border-left:solid 1px #cfd5de;
    background: #f3f5fa;
    text-align: center;
    padding: 50px 30px;}

.content-mn-adv-table-1td-right {
    display: table-cell;
    vertical-align: top;
    width:49%;
    border-top:solid 1px #cfd5de;
    border-right:solid 1px #cfd5de;
    border-bottom:none;
    border-left:solid 1px #cfd5de;
    background: #f3f5fa;
    text-align: center;
    padding: 50px 30px;}


.content-mn-adv-table-2td-left {
    display: table-cell;
    vertical-align: top;
    width:49%;
    border-top:solid 1px #cfd5de;
    border-right:solid 1px #cfd5de;
    border-left:solid 1px #cfd5de;
    border-bottom:solid 1px #cfd5de;
    position: relative;}

.content-mn-adv-table-2td-right {
    display: table-cell;
    vertical-align: top;
    width:49%;
    border-top:solid 1px #cfd5de;
    border-right:solid 1px #cfd5de;
    border-left:solid 1px #cfd5de;
    border-bottom:solid 1px #cfd5de;
    position: relative;}

.content-mn-adv-head {}

.mn-adv-title1 {
    font-size:16px;
    font-weight:600;
    text-transform:uppercase;}

.mn-adv-title2 {
    font-size:14px;
    font-weight:400;
    margin: 10px 0 0;
    color:#3e485b;}

.content-mn-adv-textbox {
    background: #fff;
    padding: 50px;
    color:#3e485b;}

.content-mn-adv-textbox p {margin: 0 0 26px;}

.content-mn-adv-textbox ul {padding-left: 10px; margin: 0 0 100px 0;}
.content-mn-adv-textbox li {margin: 16px 0 0;}



.mn-adv-form {
    text-align: center;
    background: #fff;
    position: absolute;
    bottom: 40px;
    margin: 0 auto;
    width:100%;}


.mn-adv-hidden {
    display: none;
    border-bottom:solid 1px #cfd5de;
    background: #f3f5fa;
    text-align: center;
    padding: 50px 30px;}






/* ===========  F O R M   1  ============ */

.formbutton1 {
    vertical-align:middle;
    margin: 6px auto;
    padding:12px 40px;
    border:solid 1px #3e485b;
    border-radius:5px;
    text-align:center;
    font-family: Montserrat, "Open Sans", sans-serif;
    font-weight:500;
    font-size:15px;
    letter-spacing:0.4pt;
    -webkit-transition:all 0.3s ease;
    -moz-transition:all 0.3s ease;
    -khtml-transition:all 0.3s ease;
    -o-transition:all 0.3s ease;
    -ms-transition:all 0.3s ease;
    transition:all 0.3s ease;
    color:#eef1f8;
    background: #3e485b;}

.formbutton1:hover {
    border:solid 1px #242933;
    color:#242933;
    background: #fff;}













/* ===========  Специализация  ============ */

.title-mn-spec {
    width:100%;
    max-width: 1200px;
    min-width:280px;
    margin:0 auto;
    padding: 60px 20px 0;
    border-bottom:solid 1px #3e485b;
    font-size:22px;
    font-weight:300;
    text-align:center;
    text-transform:uppercase;
    background:#3e485b;
    color:#eef1f8;}

.content-mn-spec {
    width:100%;
    max-width: 1200px;
    min-width:280px;
    margin:0 auto;
    padding: 60px 60px 80px;
    background:#3e485b;}

.content-mn-spec-table {
    display: table; 
    width: 100%;
    border-spacing: 1px;}

.content-mn-spec-table-row {display: table-row; width: 100%;}

.content-mn-spec-table-td-left {
    display: table-cell;
    vertical-align: top;
    border: 1px solid #fff;
    width: 50%;
    padding: 50px;
    background: #fff;
    position: relative;}

.content-mn-spec-table-td-right {
    display: table-cell;
    vertical-align: top;
    border: 1px solid #fff;
    width: 50%;
    padding: 50px;
    background: #fff;
    position: relative;}

.mn-spec-name {
    padding: 10px 0 20px;
    font-size:14px;
    font-weight:600;}

.mn-spec-text {
    color: #3e485b;
    padding: 0 0 80px;}



.mn-spec-bottom {
    position: absolute;
    bottom: 40px;}

.mn-spec-price {
    font-size:14px;
    font-weight:600;
    padding: 16px 0 0 0;
    color: #3e485b;}



.spec-link{
    display:inline-block;
    vertical-align:top;
    margin: 20px 0 0;
    -webkit-transition:all 0.3s ease;
    -moz-transition:all 0.3s ease;
    -khtml-transition:all 0.3s ease;
    -o-transition:all 0.3s ease;
    -ms-transition:all 0.3s ease;
    transition:all 0.3s ease;}
a.spec-link:link{color:#9da9bd;}
a.spec-link:visited{color:#9da9bd;}
a.spec-link:hover{color:#242933;}
a.spec-link:active{color:#9da9bd;}







/* ===========  Спойлеры  ============ */

.content-mn-spoilers {
    width: 100%;
    max-width: 1200px;
    min-width: 280px;
    margin: 0 auto;
    padding: 60px;
    background:#fff;}

details {padding: 16px;}

summary {
    font-weight: 400;
    font-size:17px;
    cursor: pointer;
    outline: none;
    list-style: none; /* Убирает стандартную стрелочку в некоторых браузерах */}

/* Кастомный маркер */
summary::before {
    content: "+";
    color: #242933;
    display: inline-block;
    border: 1px solid #cfd5de;
    border-radius: 20px;
    padding: 6px;
    width: 24px;
    height: 24px;
    vertical-align: middle;
    text-align: center;
    margin: 0 14px 0 0;
    font-weight:400;}

details[open] summary::before {
    content: "-";
    display: inline-block;
    vertical-align: middle;}

.mn-spoiler {
    margin-top: 30px;
    padding: 50px 60px;
    background: #f3f5fa;
    border-radius: 10px;
    color: #3e485b;}


.mn-spoiler li {margin-top: 30px;}

ol.skobka {
    list-style-type: none; /* Убираем исходные маркеры */
    counter-reset:  item; /* Обнуляем счетчик списка */}

li.skobka:before {
    content: counter(item) ') '; /* Добавляем к числам скобку */
    counter-increment: item; /* Задаем имя счетчика */}


p.spoiler-text-title {
    margin-top: 50px;
    font-weight:700;
    font-size:15px;
    text-transform:uppercase;}


p.spoiler-text-b {
    margin-top: 40px;
    font-weight:700;}




/* ===========  Преимущества  ============ */

.content-mn-advantage {
    width: 100%;
    max-width: 1200px;
    min-width: 280px;
    margin: 0 auto;
    padding: 60px 10px;
    text-align: center;
    background:#fff;
    border-bottom: 1px solid #cfd5de;
background: -webkit-linear-gradient(270deg, rgb(222, 104, 20) 6%, rgb(200, 75, 75));
background: -moz-linear-gradient(270deg, rgb(222, 104, 20) 6%, rgb(200, 75, 75));
background: linear-gradient(270deg, rgb(222, 104, 20) 6%, rgb(200, 75, 75));

background: -webkit-linear-gradient(90deg, rgb(15, 39, 62) 8%, rgb(6, 79, 111));
background: -moz-linear-gradient(90deg, rgb(15, 39, 62) 8%, rgb(6, 79, 111));
background: linear-gradient(90deg, rgb(15, 39, 62) 8%, rgb(6, 79, 111));

background: -webkit-linear-gradient(90deg, rgb(32, 76, 120) 8%, rgb(43, 126, 163));
background: -moz-linear-gradient(90deg, rgb(32, 76, 120) 8%, rgb(43, 126, 163));
background: linear-gradient(90deg, rgb(32, 76, 120) 8%, rgb(43, 126, 163));}


.content-mn-advantage-box {
    display:inline-block;
    vertical-align:middle;
    width: 50%;
    min-width: 400px;
    text-align: center;
    margin: 0 auto;
    padding: 20px 0;}


.content-mn-advantage-box-table {display:table; width: 100%;}
.content-mn-advantage-box-table-row {display: table-row; width: 100%;}
.content-mn-advantage-box-table-td {
    display: table-cell;
    vertical-align: top;
    width: 50%;}


.content-mn-advantage-block {
    display:inline-block;
    vertical-align:middle;
    padding: 20px 10px;
    font-weight:600;
    font-size:18px;
    color: #fff;}




















/* ===========  F O O T E R   N A V  ============ */


.topline-footernav {
    height: 50px;
    width: 100%;
    max-width: 1200px;
    min-width: 280px;
    margin: 0 auto;
    background:#fff;}

.content-mn-footernav {
    width: 100%;
    max-width: 1200px;
    min-width: 280px;
    margin: 0 auto;
    padding: 60px 50px 30px;
    background:#3e485b;
    color: #cfd5de;}

.footernav-link{
    display:inline-block;
    vertical-align:top;
    border-bottom:dotted 1px #ccc;
    margin:0 20px 20px 0;
    -webkit-transition:all 0.3s ease;
    -moz-transition:all 0.3s ease;
    -khtml-transition:all 0.3s ease;
    -o-transition:all 0.3s ease;
    -ms-transition:all 0.3s ease;
    transition:all 0.3s ease;}
a.footernav-link:link{color:#cfd5de;}
a.footernav-link:visited{color:#cfd5de;}
a.footernav-link:hover{color:#fff;border-bottom:solid 1px #fff;}
a.footernav-link:active{color:#cfd5de;}










/* ===========  F O O T E R  ============ */

.footer{width:100%;}

.footer-box-all-pages{
    width:100%;
    max-width: 1200px;
    min-width:280px;
    margin:0 auto;
    background:#3e485b;
    font-size:10px;
    font-weight:300;
    color:#cfd5de;}

.footer-table{
    display:table;
    width:100%;}

.footer-table-row{
    display:table-row;
    width:100%;}

.footer-td-left{
    display:table-cell;
    vertical-align:top;
    width:70%;
    padding:24px 0 20px 50px;}

.footer-td-right{
    display:table-cell;
    vertical-align:top;
    width:30%;
    min-width:300px;
    padding:24px 50px 20px 0;
    text-align:right;}

.name:before{content:"2017-2026. ";}

.footer-text-inline-block{
    display:inline-block;
    vertical-align:top;
    margin:0 0 3px 0;}

.footer-link-all-pages{
    display:inline-block;
    vertical-align:top;
    border-bottom:solid 1px #5a6985;
    margin:0 10px 3px;
    -webkit-transition:all 0.3s ease;
    -moz-transition:all 0.3s ease;
    -khtml-transition:all 0.3s ease;
    -o-transition:all 0.3s ease;
    -ms-transition:all 0.3s ease;
    transition:all 0.3s ease;}
a.footer-link-all-pages:link{color:#cfd5de;}
a.footer-link-all-pages:visited{color:#cfd5de;}
a.footer-link-all-pages:hover{color:#fff;border-bottom:solid 1px #fff;}
a.footer-link-all-pages:active{color:#cfd5de;}







/* ===========  FIXED CALL FOOTER  ============ */

.fixed-call-footer{
    display:none;
    position:fixed;
    left:0;
    bottom:0;
    width:100%;
    z-index: 10;}

.fixed-call-footer a{
    display:block;
    width:100%;
    max-width:1200px;
    min-width:280px;
    margin:0 auto;
    background-color:rgba(181, 0, 28, 0.7);
    border-top:solid 1px #fff;
    padding:13px 2px;
    text-align:center;
    font-size:13px;
    font-weight:400;
    font-family: Montserrat, sans-serif;
    text-transform:uppercase;}

.fixed-call-footer-table{
     display:table; 
     margin:0 auto;}

.fixed-call-footer-row{display:table-row;}

.fixed-call-footer-icon{
    display:table-cell;
    vertical-align:middle;
    height:20px;
    width:20px;
    background:url("../images/icon-phone.svg") left center no-repeat;}

.fixed-call-footer-text{
    display:table-cell;
    vertical-align:middle;
    height:20px;
    padding:0 0 0 6px;
    color:#f2f5f7;
    letter-spacing:1pt;}







/* ===========  СТРАНИЦЫ  ============ */


.text-part {display: inline-block;}
.nobr {display:inline-block;}


.page-content-title {
    width: 100%;
    max-width: 1200px;
    min-width: 280px;
    margin:0 auto;
    padding: 60px 50px 40px;
    border-bottom:solid 1px #cfd5de;
    font-size:22px;
    font-weight:300;
    text-align:center;
    text-transform:uppercase;
    background:#fff;
    color: #3e485b;}

.page-content-text {
    width: 100%;
    max-width: 1200px;
    min-width: 280px;
    margin: 0 auto;
    padding: 60px 60px 20px;
    background:#fff;
    color: #3e485b;}

.page-content-text p {margin: 16px 0;}

.page-content-link {
    border-bottom:dotted 1px #3e485b;
    -webkit-transition:all 0.3s ease;
    -moz-transition:all 0.3s ease;
    -khtml-transition:all 0.3s ease;
    -o-transition:all 0.3s ease;
    -ms-transition:all 0.3s ease;
    transition:all 0.3s ease;}
a.page-content-link:link{color:#3e485b;}
a.page-content-link:visited{color:#3e485b;}
a.page-content-link:hover{color:#242933;border-bottom:solid 1px #242933;}
a.page-content-link:active{color:#3e485b;}






/* ====  КРУГЛЫЕ ИКОНКИ - БЛОК  ==== */
.round-icon-block{
    width:100%;
    text-align:center;}

.round-icon-block-col{
    display:inline-block;
    vertical-align:top;
    width:30%;
    min-width:400px;
    margin:10px 10px 30px;
    padding:0 50px 20px;
    background:#fff;}

.round-icon-block-col-img{
    height:120px;
    width:100%;}

.round-icon-block-col-text{
    width:100%;
    font-size:15px;
    font-weight:400;}

.round-icon-block-col-text-title{
    font-size:16px;
    font-weight:700;
    margin:0 0 16px 0;}
/* ====  КРУГЛЫЕ ИКОНКИ - БЛОК  ==== */







/* ===========  Этапы  ============ */
.number-table{
    display:table;
    min-height:120px;
    width:100%;
    margin:0 auto 30px;}

.number-table-row{
    display:table-row;
    width:100%;}

.number-table-td-left{
    display:table-cell;
    vertical-align:top;
    width:20%;
    min-width:140px;}

.number-table-td-right{
    display:table-cell;
    vertical-align:top;
    width:80%;
    padding:26px 0 0 0;}


.number-table-td-right-title{
    margin:0 0 20px 0;
    font-weight:700;
    font-size:17px;
    text-transform:uppercase;}




.num-box {
    display:table;
    height:80px;
    width:80px;
    margin: 20px auto;
    text-align:center;
    border:solid 1px #cfd5de;
    border-radius:80px;}

.num123 {
    display:table-cell;
    vertical-align:middle;
    font-size:40px;
    font-weight:400;
    border-radius:80px;}

















/* ===========  MENU PAGE  ============ */

.menunav {
    width:100%;
    max-width:1200px;
    min-width:280px;
    margin:4px auto 0;
    background:#fff;}

a.menunav-link {
    display:block;
    border-bottom:solid 1px #cfd5de;
    padding:16px 2px;
    text-align:center;
    font-size:14px;
    font-weight:400;
    text-transform:uppercase;}

a.menunav-link:link {color:#3e485b;}
a.menunav-link:visited {color:#3e485b;} 
a.menunav-link:hover {color:#242933;}
a.menunav-link:active {color:#3e485b;}






/* ===========  Стили Битрикса  ============ */

.widget {letter-spacing:0.2pt !important;}

.b24-widget-button-popup-name {
    font:700 14px Montserrat, "PT Sans", "Open Sans", Arial, Verdana, Helvetica, sans-serif !important;
    color:#3e485b !important;
    letter-spacing:0.3pt !important;}

.b24-widget-button-popup-description {
    font:400 13px Montserrat, "PT Sans", "Open Sans", Arial, Verdana, Helvetica, sans-serif !important;
    color:#3e485b !important;
    letter-spacing:0.2pt !important;}


.bx-livechat-copyright {display: none !important;}
.b24-form-sign {display: none !important;}


.bx-im-message-content-text {letter-spacing:0.1pt !important;}
.b24-form-field-agreement-link {
    letter-spacing:0 !important;
    font:400 12px "PT Sans" !important;}






/* ===========  COOKIE  ============ */

#cookie_note {
    display: none;
    position: fixed;
    bottom: 20px;
    left: 20px;
    width: 140px;
    padding: 20px;
    background-color: white;
    border-radius: 4px;
    box-shadow: 2px 3px 10px rgba(0, 0, 0, 0.4);
    z-index: 20;}

#cookie_note p {
    margin: 0 0 12px;
    font-size: 11px;
    text-align: left;
    color:#242933;
    letter-spacing:0.1pt;}

.cookie_accept {}

#cookie_note.show {
    display: block;
    text-align: left;}

.cookie-button {
    margin: 0;
    padding:10px 30px;
    border:dotted 1px #5a6985;
    border-radius:5px;
    text-align:center;
    font-family: Montserrat, "Open Sans", sans-serif;
    font-size:12px;
    font-weight:500;
    letter-spacing:0.1pt;
    background-color: transparent;
    color:#242933;
    background:#eef1f8;
    -webkit-transition:all 0.3s ease;
    -moz-transition:all 0.3s ease;
    -khtml-transition:all 0.3s ease;
    -o-transition:all 0.3s ease;
    -ms-transition:all 0.3s ease;
    transition:all 0.3s ease;}

.cookie-button:hover {
    border:solid 1px #242933;
    color:#242933;
    background:#fff;}

a.cookie_note_link {
    font-size:11px;
    font-weight:400;}

a.cookie_note_link:link {color:#242933;}
a.cookie_note_link:visited {color:#242933;} 
a.cookie_note_link:hover {color:#000;}
a.cookie_note_link:active {color:#242933;}

       #cookie_note.show {
                  }













/* ===========  1 3 0 0  ============ */
@media screen and (max-width: 1300px) {





}




/* ===========  1 1 0 0  ============ */
@media screen and (max-width: 1100px) {


/* == шапка == */
    .head-line-1-left {
        height: 50px;
       min-width: 180px;}

    .head-line-1-middle {height: 50px;}

    .head-line-1-right {height: 50px; padding: 0 20px 0 0;}
    .head-logo-block-img {
        height: 50px;
        width: 80px;
        background: url("../images/logo.png") center right no-repeat;
        background-size:auto 38px;}

    .head-logo-block-text {
        height: 50px;
        font-size: 13px;
        font-weight:700;}
    .address {display: none;}
    .head-line-phone-block {padding:0 6px 0 0;}
    .phone {padding: 12px 0 10px; font-size:15px;}
    .form-head {display: none;}
    .head-menu-block {display: inline-block;}
   
    .head-line-2 {display: none;}

    .top-line {height: 50px;}
/* == шапка == */






}


/* ===========  9 5 0  ============ */
@media screen and (max-width: 950px) {



html {
    overflow-x: hidden;
    margin-right: 0;}

    .widget {display:none !important;}
    .b24-widget-button-visible {display:none !important;}

    .fixed-call-footer {display:block;}

    .footer {border-bottom:solid 50px #3e485b;}



    /* ====  КРУГЛЫЕ ИКОНКИ - БЛОК  ==== */
    .round-icon-block-col{min-width:400px; padding:0 30px 20px;}
    /* ====  КРУГЛЫЕ ИКОНКИ - БЛОК  ==== */



}



/* ===========  8 0 0  ============ */
@media screen and (max-width: 800px) {

/* == шапка == */
    .head-line-1-right {padding: 0 10px 0 0;}
/* == шапка == */




/* == реклама == */
.content-mn-adv {padding: 100px 50px;}

.content-mn-adv-table {
    display: block; 
    width: 100%;
    max-width: 1000px;
    margin:0 auto;}

.content-mn-adv-table-row {display: block; width: 100%;}

.content-mn-adv-table-td-sp {
    display: block;
    width:100%;}

.content-mn-adv-table-1td-left {display: none;}

.content-mn-adv-table-1td-right {display: none;}

.content-mn-adv-table-2td-left {
    display: block;
    width:100%;
    position: relative;}

.content-mn-adv-table-2td-right {
    display: block;
    width:100%;
    position: relative;}

.mn-adv-hidden {display: block;}
.content-mn-adv-table-td-sp-div1 {display: none;}
.content-mn-adv-table-td-sp-div2 {width: 100%; height: 72px;}
/* == реклама == */





/* == специализация == */
.content-mn-spec-table {
    display: block; 
    width: 100%;}
.content-mn-spec-table-row {
    display: block; 
    width: 100%;}
.content-mn-spec-table-td-left {
    display: block;
    border: 1px solid #3e485b;
    width: 100%;
    padding: 50px;}
.content-mn-spec-table-td-right {
    display: block;
    border: 1px solid #3e485b;
    width: 100%;
    padding: 50px;}
/* == специализация == */




    /* ===========  Этапы  ============ */
    .number-table{display:block;}
    .number-table-row{display:block;}
    .number-table-td-left{
        display:block;
        width:100%;
        min-height:120px;
        min-width:140px;
        margin:50px auto 4px;}
    .number-table-td-right{
        display:block;
        width:100%;
        padding:0;}
    .number-table-td-right-title{text-align:center;}
    /* ===========  Этапы  ============ */





}



/* ===========  7 0 0  ============ */
@media screen and (max-width: 700px) {


    /* ====  Footernav  ==== */ 
    .content-mn-footernav {text-align:center;}
    /* ====  Footernav  ==== */ 

    /* ====  Footer  ==== */ 
    .footer-table{display:block;}
    .footer-table-row{display:block;}
    .footer-td-left{
        display:block;
        width:100%;
        padding:20px;
        text-align:center;}
    .footer-td-right{
        display:block;
        width:100%;
        padding:0 20px 20px;
        text-align:center;}
    .footer-text-inline-block{margin:0 auto;}
    /* ====  Footer  ==== */ 

/* == content == */
    .content-mn-offer-box-m {
        background: url("../images/main.jpg") center center no-repeat;
        background-size:auto 800px;}

    .mn-offer1 {font-size:22px;}
    .mn-offer2 {font-size:17px;}
    .mn-offer3 {font-size:17px;}
    .mn-offer4 {padding: 34px 0;}
    .mn-offer4-span-price {font-size:19px;}
    .mn-offer5 {font-size:13px; font-weight:400;}
/* == content == */


}



/* ===========  6 5 0  ============ */
@media screen and (max-width: 650px) {


/* == шапка == */
    .head-logo-block-img {
        width: 70px;
        background: url("../images/logo.svg") center center no-repeat;
        background: url("../images/logo.png") center right no-repeat;
        background-size:auto 38px;}

    .phone {font-size:14px;}
/* == шапка == */


/* == content == */
.content-mn-offer-box-m {
    background: url("../images/main.jpg") center center no-repeat;
    background-size:auto 1200px;}

.content-mn-offer-box1 {
    background: url("../images/img01.webp") center center no-repeat;
    background-size:auto 800px;}

.content-mn-offer-box2 {
    background: url("../images/img02.webp") center center no-repeat;
    background-size:auto 800px;}

.content-mn-offer-box3 {
    background: url("../images/img03.webp") center center no-repeat;
    background-size:auto 800px;}

.content-mn-offer-box4 {
    background: url("../images/img04.webp") center center no-repeat;
    background-size:auto 800px;}

.content-mn-offer-box5 {
    background: url("../images/img05.webp") center center no-repeat;
    background-size:auto 800px;}

.content-mn-offer-box6 {
    background: url("../images/img06.webp") center center no-repeat;
    background-size:auto 800px;}

.content-mn-offer-box7 {
    background: url("../images/img07.webp") center center no-repeat;
    background-size:auto 800px;}

.content-mn-offer-box8 {
    background: url("../images/img08.webp") center center no-repeat;
    background-size:auto 800px;}
/* == content == */




}








/* ===========  5 0 0  ============ */
@media screen and (max-width: 500px) {

/* == шапка == */
    .head-line-1-left {min-width: 120px;}

    .head-logo-block-img {
        width: 50px;
        background: url("../images/logo.svg") center center no-repeat;
        background: url("../images/logo.png") center right no-repeat;
        background-size:auto 34px;}

    .head-logo-block-text {
        padding: 3px 0 0 2px;
        font-size: 13px;}

    .phone {font-size:12px;}
    .head-menu-block {
        padding: 15px 8px 0;
        width: 40px;}
/* == шапка == */



/* ====  Footer  ==== */ 
    .footer-table{height:150px;}
/* ====  Footer  ==== */ 



/* ====  КРУГЛЫЕ ИКОНКИ - БЛОК  ==== */
    .round-icon-block-col{
        width:96%;
        min-width:200px;
        margin:0 0 20px;
        padding:0 30px 24px;}
/* ====  КРУГЛЫЕ ИКОНКИ - БЛОК  ==== */



/* ====  СТРАНИЦЫ  ==== */
.page-content-title {
    padding: 50px 40px 40px;
    font-size:20px;
    font-weight:400;}

.page-content-text {
    padding: 40px 40px 20px;
    text-align:justify;}
/* ====  СТРАНИЦЫ  ==== */



/* ====  все формы  ==== */
.formbuttontop1 {
    margin: 6px auto;
    padding:12px 30px;
    font-weight:500;
    font-size:14px;}

.formbuttontop2 {
    margin: 6px auto;
    padding:12px 30px;
    font-weight:500;
    font-size:14px;}

.formbutton1 {
    margin: 6px auto;
    padding:12px 30px;
    font-weight:500;
    font-size:14px;}
/* ====  все формы  ==== */



/* ====  Специализация  ==== */
    .content-mn-spec {padding: 60px 20px 80px;}
/* ====  Специализация  ==== */



/* ====  Спойлеры  ==== */
    .content-mn-spoilers {padding: 60px 20px;}
    .mn-spoiler {padding: 40px 40px;}
/* ====  Спойлеры  ==== */



/* ====  Преимущества  ==== */
.content-mn-advantage-box {min-width: 280px;}

.content-mn-advantage-block {
    padding: 20px 10px;
    font-weight:600;
    font-size:16px;}
/* ====  Преимущества  ==== */



}





/* ===========  450  ============ */
@media screen and (max-width: 450px) {


/* == реклама == */
    .content-mn-adv {padding: 80px 20px;}
/* == реклама == */


}







/* ===========  3 1 9  ============ */
@media screen and (max-width: 319px) {


/* == шапка == */
    .head-logo-block-text {display: none;}
/* == шапка == */



}