/*-----------------------------------------------
CSS Framework Lisena
Author:   hmelii
Version:  6.00 07.10.17 n
----------------------------------------------- */
/*---------------------- basic styles --------------------------------------*/
@import url("bases.css");
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,400i,600,600i,700,700i&subset=cyrillic');
@import url("modals/fade_in_and_scale.css");
@import url("jquery-ui.css");

@font-face {
    font-family: 'Arial Narrow Local';
    src: url('../fonts/ArialNarrowRegular/ArialNarrowRegular.eot?15485633');
    src: url('../fonts/ArialNarrowRegular/ArialNarrowRegular.eot#iefix') format('embedded-opentype'),
    url('../fonts/ArialNarrowRegular/ArialNarrowRegular.woff?15485633') format('woff'),
    url('../fonts/ArialNarrowRegular/ArialNarrowRegular.ttf?15485633') format('truetype');
    font-weight: normal;
    font-style: normal;
}

/*---------------------- end basic styles ----------------------------------*/
/*---------------------- global --------------------------------------*/
html {
    height: 100%;
    overflow-y: scroll;
    font-size: 62.5%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
}

.main_page {
    background: #fff;
}

body {
    background: #213a51 url(../images/pic47.png) no-repeat 50% 0;
    height: 100%;
    color: #fff;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.4;
    text-align: left;
    word-wrap: break-word;
}

input, button, select, textarea, html {
    font-family: Arial, Helvetica, sans-serif;
}

a {
    color: #fff;
    text-decoration: underline;
}

a:hover, a:hover:visited {
    text-decoration: none;
}

.nu a:hover, a.nu:hover {
    text-decoration: underline;
}

.nu a, a.nu {
    text-decoration: none;
}

a.link_dashed, .link_dashed a {
    text-decoration: none;
    border-bottom: 1px dashed;
}

a.link_dashed:hover, .link_dashed a:hover {
    border: 0;
    text-decoration: none;
}

.h1 {
    font-family: 'Open Sans', sans-serif;
    font-size: 30px;
    font-size: 3.0rem;
    font-style: italic;
    font-weight: bold;
    color: #f9e10f;
    margin: 0 0 25px;
    line-height: 1.1;
    text-transform: uppercase;
    text-shadow: 1px 1px 3px #736f6b, -1px -1px 3px #a7acaf, 1px 1px #736f6b, -1px -1px #a7acaf;

}

.main_page .h2 {
    margin: 0 0 37px;
}

.h2 {
    font-family: 'Open Sans', sans-serif;
    font-size: 30px;
    font-size: 3.0rem;
    font-style: italic;
    font-weight: bold;
    color: #f9e10f;
    margin: 0 0 34px;
    line-height: 1.1;
    text-transform: uppercase;
    text-shadow: 1px 1px 3px #736f6b, -1px -1px 3px #a7acaf, 1px 1px #736f6b, -1px -1px #a7acaf;
}

.h3 {
    font-family: 'Open Sans', sans-serif;
    font-size: 30px;
    font-size: 3.0rem;
    font-style: italic;
    font-weight: bold;
    color: #f9e10f;
    margin: 0 0 37px;
    line-height: 1.1;
    text-transform: uppercase;
    text-shadow: 1px 1px 3px #736f6b, -1px -1px 3px #afaca9, 1px 1px #736f6b, -1px -1px #afaca9;
}

.h4 {
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: bold;
    margin: 0 0 1.33em;
}

.h5 {
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: bold;
    margin: 0 0 1.67em;
}

.h6 {
    font-size: 11px;
    font-size: 1.1rem;
    font-weight: bold;
    margin: 0 0 2.33em;
}

/*colors*/
/*end colors*/
/*fonts*/
@font-face {
    font-family: "LatoBold";
    src: url("../fonts/LatoBold.eot");
    src: url("../fonts/LatoBold.eot?#iefix") format("embedded-opentype"), url("../fonts/LatoBold.woff") format("woff"), url("../fonts/LatoBold.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}

.f-10 {
    font-size: 10px;
    font-size: 1rem;
}

.f-11 {
    font-size: 11px;
    font-size: 1.1rem;
}

.f-12 {
    font-size: 12px;
    font-size: 1.2rem;
}

.f-13 {
    font-size: 13px;
    font-size: 1.3rem;
}

.f-14 {
    font-size: 14px;
    font-size: 1.4rem;
}

.f-15 {
    font-size: 15px;
    font-size: 1.5rem;
}

.f-16 {
    font-size: 16px;
    font-size: 1.6rem;
}

.f-17 {
    font-size: 17px;
    font-size: 1.7rem;
}

.f-18 {
    font-size: 18px;
    font-size: 1.8rem;
}

.f-20 {
    font-size: 20px;
    font-size: 2rem;
}

/*end fonts*/
/*forms fields*/
.field {
    background: #fff;
    border: 1px solid #fff;
    padding: 10px 14px;
    -webkit-transition: all 0s ease 0s;
    transition: all 0s ease 0s;
    color: #0c0c0c;
}

.field[required] {
    background: #fff url(../images/pic55.png) no-repeat 96% 16px;
}

.field:focus {
    border-color: #51cbee;
    -webkit-box-shadow: rgba(81, 203, 238, 1) 0px 0px 5px;
    box-shadow: rgba(81, 203, 238, 1) 0px 0px 5px;
}

.field:-moz-placeholder {
    opacity: 1;
    color: #0c0c0c;
}

.field::-moz-placeholder {
    opacity: 1;
    color: #0c0c0c;
}

.field::-webkit-input-placeholder {
    opacity: 1;
    color: #0c0c0c;
}

.field:-ms-input-placeholder {
    opacity: 1;
    color: #0c0c0c;
}

.field.placeholder {
    color: #0c0c0c;
}

.field.invalid {
    background: #fff4f4;
    border: 1px solid #be0404;
}

.field[required].invalid {
    background: #fff4f4 url(../images/pic55.png) no-repeat 96% 16px;
    border: 1px solid #be0404;
}

.parent_field {
    display: inline-block;
    vertical-align: top;
}

.invalid_message {
    display: block;
    color: red;
    font-size: 11px;
    font-size: 1.1rem;
    line-height: 1.2;
}

.valid_message {
    display: none;
    color: green;
    font-size: 11px;
    font-size: 1.1rem;
    line-height: 1.2;
}

/*end forms fields*/
/*over blocks*/
.o {
    overflow: hidden;
}

.cx:before, .cx:after {
    content: "";
    display: table;
}

.cx:after {
    clear: both;
}

.ct {
    display: table;
}

.ct:after {
    content: '. . . . . . . . . . .';
    display: block;
    word-spacing: 99in;
    height: 0;
    overflow: hidden;
    font-size: 0.05em;
    line-height: 0.05em;
}

/*end over blocks*/
/*other*/
hr {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    border: 0;
    margin: 0 0 10px;
    height: 0;
    display: block;
    width: 100%;
    vertical-align: top;
    overflow: hidden;
    border-top: 1px solid #a5b136;
}

::-moz-selection {
    background-color: rgba(255, 0, 0, 0.5);
    color: #fff;
    text-shadow: none;
}

::selection {
    background-color: rgba(255, 0, 0, 0.5);
    color: #fff;
    text-shadow: none;
}

img::-moz-selection {
    background-color: transparent;
    -moz-box-shadow: none;
}

img::selection {
    background-color: transparent;
    box-shadow: none;
}

/*end other*/
/*---------------------- end global ----------------------------------*/
/*---------------------- wrapper ------------------------------------*/
.wrapper {
    min-width: 1000px;
    min-height: 100%;
    margin: auto;
    overflow: hidden;
    position: relative;
    z-index: 1;
}

.bg_top {
    background: #354175;
    height: 75px;
    position: absolute;
    top: 0;
    right: -10000px;
    left: -10000px;
    z-index: -3;
}

.box_4 {
    background: url(../images/pic37.png) no-repeat;
    width: 158px;
    height: 233px;
    padding: 120px 25px 0;
    position: fixed;
    bottom: 0;
    right: 0;
    z-index: 99;
    text-align: center;
    opacity: .8;
    -webkit-transform: translate(0, 321px);
    transform: translate(0, 321px);
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

.box_4:hover {
    opacity: 1;
}

.box_4.active {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
}

.box_4 .time3 {
    position: absolute;
    top: 43px;
    right: 16px;
    color: #fff;
    line-height: 1;
    font-size: 8px;
    font-family: Arial, sans-serif;
}

.box_4 .time2 {
    position: absolute;
    top: 61px;
    left: 27px;
    color: #fff;
    line-height: 1;
    font-size: 46px;
    font-family: "Arial Narrow", 'Arial Narrow Local', Arial, sans-serif;
}

.box_4 p {
    margin: 0 0 12px;
}

.box_4 .toggle {
    background: url(../images/pic106.png) no-repeat;
    display: block;
    width: 15px;
    height: 15px;
    position: absolute;
    top: 12px;
    right: 18px;
}

.box_4.active .toggle {
    background-image: url("../images/pic105.png");
}

.box_4 .title-finish,
.box_4 .title-start {
    margin: 0 -15px 6px;
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    font-weight: bold;
    line-height: 1.2;
}

.box_4 .title-finish {
    display: none;
}

.box_4 .time {
    margin: 0 0 27px;
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    font-weight: bold;
    color: #f9e10f;
}

.btn_1 {
    background: #f9e10f;
    border-radius: 16px;
    display: inline-block;
    width: 150px;
    height: 33px;
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
    color: #282828;
    text-align: center;
    line-height: 33px;
    text-decoration: none;
    text-transform: uppercase;
}

.btn_2 {
    background: #d04523;
    border-radius: 16px;
    display: inline-block;
    width: 150px;
    height: 33px;
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
    color: #fff;
    text-align: center;
    line-height: 33px;
    text-decoration: none;
    text-transform: uppercase;
}

.feedback_bubble {
    position: fixed;
    top: 30%;
    right: 0;
    z-index: 99;
}

.feedback_bubble .list {
    position: absolute;
    top: 0;
    right: 100%;
}

.feedback_bubble .item {
    margin: 0 0 18px;
}

.feedback_bubble .send_request {
    background: url(../images/pic5.png) no-repeat;
    display: block;
    width: 67px;
    height: 57px;
}

.feedback_bubble .callback {
    background: url(../images/pic6.png) no-repeat;
    display: block;
    width: 68px;
    height: 57px;
}

.inner {
    width: 960px;
    margin: auto;
}

.inner:before, .inner:after {
    content: "";
    display: table;
}

.inner:after {
    clear: both;
}

/*---------------------- *** ----------------------------------------*/
/*---------------------- header -------------------------------------*/
.header {
    padding: 92px 0 0;
    position: relative;
}

.promo_fig {
    position: absolute;
    top: 0;
    right: -170px;
    left: -475px;
    z-index: -4;
}

.logo {
    background: url(../images/logo.png) no-repeat;
    width: 186px;
    height: 117px;
    position: absolute;
    top: 23px;
    left: 0;
}

.logo:before {
    content: "";
    background: url(../images/pic2.png) no-repeat;
    width: 769px;
    height: 236px;
    position: absolute;
    top: -23px;
    left: -170px;
    z-index: -2;
}

.logo .link {
    display: block;
    width: inherit;
    height: inherit;
}

.slogan {
    background: url(../images/pic1.png) no-repeat;
    width: 320px;
    height: 97px;
    padding: 19px 0 0 66px;
    position: absolute;
    top: 0;
    left: 185px;
    font-family: 'Open Sans', sans-serif;
    font-size: 19px;
    font-style: italic;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 1.3;
}

.slogan .big_text {
    font-size: 25px;
}

.phone {
    position: absolute;
    top: 25px;
    right: 180px;
    font-family: "LatoBold", sans-serif;
    font-size: 18px;
}

.phone .link {
    background: url(../images/pic3.png) no-repeat 0 1px;
    display: inline-block;
    padding: 0 0 0 27px;
    color: #fff;
    text-decoration: none;
}

.mail {
    position: absolute;
    padding: 20px;
    top: 6px;
    right: -20px;
    font-family: 'Open Sans', sans-serif;
}

.mail .link {
    background: url(../images/pic4.png) no-repeat 0 6px;
    display: inline-block;
    padding: 0 0 0 26px;
    color: #fff;
}

.main_page .nav {
    margin: 0 0 414px 389px;
}

.nav {
    height: 27px;
    margin: 0 0 50px 389px;
    position: relative;
    z-index: 10;
}

.nav> .list {
    display: table;
    width: 584px;
    position: relative;
    z-index: 1;
}

.nav> .list:before, .nav> .list:after, .nav> .list> .item:before, .nav> .list> .item:after {
    display: none;
}

.nav> .list> .item {
    display: table-cell;
    vertical-align: top;
    position: relative;
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
}

.nav> .list> .item> .link {
    display: table;
    width: 100%;
    height: 27px;
    position: relative;
    color: #fff;
    text-decoration: none;
    z-index: 2;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}

.nav> .list> .item:hover> .link, .nav> .list> .active> .link {
    background: #354175;
    border-radius: 10px;
}

.nav .text {
    display: table-cell;
    vertical-align: middle;
    padding: 0 10px 8px;
    text-align: center;
}

.nav .sub {
    position: absolute;
    top: 20px;
    left: 0;
    width: 400px;
    display: none;
}

.nav .sub_menu {
    background: #354175;
    border-radius: 0 6px 6px 6px;
    display: block;
    padding: 12px 40px 6px 12px;
    float: left;
    position: relative;
}

.nav .sub_menu .item {
    margin: 0 0 9px;
    font-family: 'Open Sans', sans-serif;
    font-size: 11px;
}

.nav .sub_menu .link {
    display: block;
    color: #fff;
    text-decoration: none;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}

.nav> .list> .item:hover .sub {
    display: block;
}

.carousel_2 {
    width: 928px;
    margin: 0 0 20px;
    padding: 0 16px;
    position: relative;
    z-index: 2;
}

.carousel_2 .next, .carousel_2 .prev {
    background: url(../images/pic16.png) no-repeat 100% 50%;
    width: 37px;
    height: 131px;
    position: absolute;
    top: 0;
    right: -21px;
    z-index: 3;
}

.carousel_2 .prev {
    background: url(../images/pic15.png) no-repeat 0 50%;
    right: auto;
    left: -21px;
}

.carousel_2 .in {
    padding: 0 0 92px;
    position: relative;
    overflow: hidden;
}

.carousel_2> .in> .main_list:before, .carousel_2> .in> .main_list:after, .carousel_2> .in> .main_list> .item:before, .carousel_2> .in> .main_list> .item:after {
    display: none;
}

.carousel_2 .main_list {
    display: table;
    table-layout: fixed;
    width: 100%;
    position: relative;
}

.carousel_2 .main_list.animate {
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
}

.carousel_2> .in> .main_list> .item {
    width: 131px;
    display: table-cell;
    padding: 0 28px 0 0;
    vertical-align: top;
    position: relative;
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
    text-align: center;
    line-height: 1.2;
}

.carousel_2> .in> .main_list> .item> .title {
    margin: 0;
}

.carousel_2> .in> .main_list> .item> .title> .link {
    color: #fff;
    text-decoration: none;
}

.carousel_2> .in> .main_list> .item:hover {
    z-index: 3;
}

.carousel_2> .in> .main_list> .item:hover> .title> .link {
    color: #ffb6a8;
}

.carousel_2 .fig {
    background: url(../images/pic14.png) no-repeat;
    border-radius: 66px;
    border: 3px solid #fff;
    display: block;
    width: 125px;
    height: 125px;
    margin: 0 0 8px;
    position: relative;
    overflow: hidden;
}

.carousel_2> .in> .main_list> .item:hover .fig {
    background: url(../images/pic13.png) no-repeat;
}

.carousel_2 .img {
    max-width: 100%;
    max-height: 100%;
    margin: auto;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    vertical-align: top;
}

.carousel_2> .in> .main_list> .item .fig_white {
    opacity: 0;
    visibility: hidden;
}

.carousel_2> .in> .main_list> .item:hover .fig_white {
    opacity: 1;
    visibility: visible;
}

.carousel_2> .in> .main_list> .item:hover .fig_yellow {
    opacity: 0;
    visibility: hidden;

}

.carousel_2 .text {
    display: block;
    height: 30px;
    padding: 1px 3px 0;
    position: relative;
    z-index: 2;
}

.carousel_2> .in> .main_list> .have_sub:hover .text {
    background: #345880;
    border-radius: 6px 6px 6px 6px;
}

.carousel_2 .arrow {
    background: url(../images/pic17.png) no-repeat;
    display: inline-block;
    width: 5px;
    height: 4px;
    opacity: 0;
    visibility: hidden;
}

.carousel_2> .in> .main_list> .have_sub:hover .arrow {
    opacity: 1;
    visibility: visible;
}

.carousel_2 .sub {
    background: #345880;
    display: none;
    width: 208px;
    margin: -6px 0 0;
    padding: 13px 7px 6px;
    position: absolute;
    top: 100%;
    left: 0;
}

.carousel_2> .in> .main_list> .item:hover .sub {
    display: block;
    border-radius: 0 6px 6px 6px;
}

.carousel_2> .in> .main_list> .item:nth-child(6) .sub {
    left: auto;
    right: 28px;
}

.carousel_2 .sub .item {
    margin: 0 0 11px;
    font-size: 11px;
    text-align: left;
}

.carousel_2 .sub .link {
    color: #fff;
    text-decoration: none;
    font-style: normal;
}

.carousel_2 .sub .link:hover {
    color: #f5b1a5;
    text-decoration: none;
    font-style: normal;
}

.services_list_3 {
    margin: 0 0 22px 183px;
}

.services_list_3> .item {
    width: 97px;
    position: relative;
    font-family: 'Open Sans', sans-serif;
    font-size: 11px;
    text-align: center;
}

.services_list_3> .item> .title {
    margin: 0;
}

.services_list_3> .item> .title> .link {
    color: #fff;
    text-decoration: none;
}

.services_list_3> .item:hover {
    z-index: 3;
}

.services_list_3> .active> .title> .link,
.services_list_3> .item:hover> .title> .link {
    color: #ffb6a8;
}

.services_list_3 .fig {
    background: url(../images/pic66.png) no-repeat;
    border-radius: 41px;
    border: 3px solid #fff;
    display: inline-block;
    width: 76px;
    height: 76px;
    margin: 0 0 9px;
    position: relative;
    overflow: hidden;
}

.services_list_3> .active .fig,
.services_list_3> .item:hover .fig {
    background: url(../images/pic67.png) no-repeat;
}

.services_list_3 .img {
    max-width: 100%;
    max-height: 100%;
    margin: auto;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    vertical-align: top;
}

.services_list_3> .item .fig_white {
    opacity: 0;
    visibility: hidden;
}

.services_list_3> .active .fig_white,
.services_list_3> .item:hover .fig_white {
    opacity: 1;
    visibility: visible;
}

.services_list_3> .active .fig_yellow,
.services_list_3> .item:hover .fig_yellow {
    opacity: 0;
    visibility: hidden;

}

.services_list_3 .text {
    display: block;
    height: 30px;
    padding: 1px 3px 0;
    position: relative;
    z-index: 2;
}

.services_list_3> .have_sub:hover .text {
    background: #345880;
    border-radius: 6px 6px 6px 6px;
}

.services_list_3 .arrow {
    background: url(../images/pic17.png) no-repeat;
    display: inline-block;
    width: 5px;
    height: 4px;
    margin: 2px -5px 0 5px;
    opacity: 0;
    visibility: hidden;
}

.services_list_3> .have_sub:hover .arrow {
    opacity: 1;
    visibility: visible;
}

.services_list_3 .sub {
    background: #345880;
    display: none;
    width: 208px;
    margin: -6px 0 0;
    padding: 13px 7px 6px;
    position: absolute;
    top: 100%;
    left: 0;
    border-radius: 0 6px 6px 6px;
}

.services_list_3> .item:hover .sub {
    display: block;
}

.services_list_3> .item:last-child .sub {
    left: auto;
    right: 0;
}

.services_list_3 .sub .item {
    margin: 0 0 11px;
    font-size: 11px;
    text-align: left;
    text-decoration: none;
}

.services_list_3 .sub .link {
    color: #fff;
    text-decoration: none;
    font-style: normal;
}

.services_list_3 .sub .link:hover {
    color: #f5b1a5;
    text-decoration: none;
    font-style: normal;
}

/*---------------------- end header ----------------------------------*/
/*---------------------- side ---------------------------------------*/
.side {
    width: 297px;
    margin: 0 45px 0 0;
    position: relative;
    float: left;
}

.services_list_4 {
    margin: 0 0 25px;
}

.services_list_4> .item {
    margin: 0 0 7px;
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    font-weight: bold;
}

.services_list_4> .item> .title {
    margin: 0;
}

.services_list_4> .item> .title> .link {
    color: #fff;
    text-decoration: none;
}

.services_list_4 .fig {
    background: url(../images/pic75.png) no-repeat;
    border-radius: 14px;
    border: 3px solid #fff;
    display: inline-block;
    vertical-align: middle;
    width: 22px;
    height: 22px;
    margin: 0 8px 0 0;
    position: relative;
    overflow: hidden;
}

.services_list_4> .item:hover .fig {
    background: url(../images/pic87.png) no-repeat;
}

.services_list_4> .active .fig {
    background: url(../images/pic87.png) no-repeat;
}

.services_list_4> .item .fig_yellow {
    opacity: 0;
    visibility: hidden;
}

.services_list_4> .item:hover .fig_white {
    opacity: 0;
    visibility: hidden;
}

.services_list_4> .active .fig_white {
    opacity: 0;
    visibility: hidden;
}

.services_list_4> .item:hover .fig_yellow {
    opacity: 1;
    visibility: visible;
}

.services_list_4> .active .fig_yellow {
    opacity: 1;
    visibility: visible;
}

.services_list_4 .img {
    max-width: 100%;
    max-height: 100%;
    margin: auto;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    vertical-align: top;
}

.services_list_4 .text {
    display: inline-block;
    vertical-align: middle;
    width: 255px;
}

.services_list_4 .sub {
    margin: 18px 0 0 40px;
}

.services_list_4 .sub .item {
    margin: 0 0 17px;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
}

.services_list_4 .sub .link {
    color: #fff;
    text-decoration: none;
}

.side .h3 {
    margin: 0 0 41px -2px;
}

.table_3 {
    width: 100%;
}

.table_3 td {
    background: rgba(31, 55, 79, 0.71);
    padding: 5px 0 4px 17px;
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
}

.table_3 tr:nth-child(2n) td {
    background: rgba(53, 93, 137, 0.83);
}

/*---------------------- end side ------------------------------------*/
/*---------------------- content -------------------------------------*/
.content {
    position: relative;
}

.side + .content {
    float: left;
    width: 618px;
}

.box_1 {
    margin: -28px 0 36px;
    position: relative;
}

.box_1 .h1 {
    margin: 0 0 201px;
}

.box_1 .calculator {
    position: absolute;
    top: -56px;
    right: -170px;
    text-align: center;
}

.box_1 .calculator .link {
    background: url(../images/pic20.png) no-repeat;
    display: block;
    width: 227px;
    height: 169px;
    padding: 55px 367px 0 142px;
    font-size: 26px;
    font-style: italic;
    font-weight: bold;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
}

.box_1 .calculator .title {
    display: block;
    font-size: 30px;
    color: #f9e10f;
    text-shadow: 1px 1px 3px #736f6b, -1px -1px 3px #d6ab9f, 1px 1px #736f6b, -1px -1px #d6ab9f;
}



.box_1 .calculator .fig {
    background: #fff;
    border-radius: 86px;
    width: 174px;
    height: 174px;
    position: absolute;
    top: 32px;
    right: 170px;
    overflow: hidden;
}

.box_1 .calculator .fig:before {
    content: "";
    border: 3px solid #3d81df;
    border-radius: 80px;
    width: 154px;
    height: 154px;
    position: absolute;
    top: 7px;
    left: 7px;
}

.box_1 .calculator .img {
    max-width: 100%;
    max-height: 100%;
    margin: auto;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    vertical-align: top;
}

.services_list_1 {
    margin: 0 0 0 -26px;
}

.services_list_1 .item {
    width: 241px;
    margin: 0 0 26px 26px;
    position: relative;
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    font-style: italic;
    font-weight: bold;
}

.services_list_1 .item:first-child {
    width: 425px;
    margin: -155px 0 26px 26px;
    font-size: 24px;
}

.services_list_1 .link {
    color: #fff;
}

.services_list_1 .fig {
    border-radius: 7px;
    display: block;
    width: 241px;
    height: 173px;
    position: relative;
    overflow: hidden;
}

.services_list_1 .item:first-child .fig {
    width: 425px;
    height: 326px;
}

.services_list_1 .fig:before {
    content: "";
    background: rgba(56, 56, 56, 0.48);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.services_list_1 .item:first-child .fig:before {
    background: rgba(214, 61, 31, 0.54);
}

.services_list_1 .img {
    vertical-align: top;
}

.services_list_1 .text {
    display: table;
    width: 241px;
    height: 173px;
    position: absolute;
    top: 0;
    left: 0;
}

.services_list_1 .item:first-child .text {
    width: 425px;
    height: 326px;
}

.services_list_1 .in {
    display: table-cell;
    vertical-align: middle;
    width: 241px;
    height: 173px;
    text-align: center;
}

.services_list_1 .item:first-child .in {
    width: 425px;
    height: 326px;
}

.services_list_1 .title {
    display: block;
    text-transform: uppercase;
}

.services_list_1 .price {
    display: block;
    font-size: 32px;
}

.services_list_1 .item:first-child .price {
    font-size: 48px;
}

.tarif_box {
    margin: 0 0 51px;
    padding: 210px 0 170px;
    position: relative;
}

.tarif_box:before {
    content: "";
    background: #213a51 url(../images/pic24.jpg) no-repeat 50% 0;
    position: absolute;
    top: 0;
    right: -10000px;
    bottom: 0;
    left: -10000px;
    z-index: -1;
}

.box_2 {
    float: right;
    width: 480px;
    margin: 0 -20px 0 0;
}

.table_1 {
    width: 100%;
}

.table_1 td {
    background: rgba(31, 55, 79, 0.71);
    height: 45px;
    padding: 10px 0 10px 29px;
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
    font-style: italic;
    font-weight: bold;
    line-height: 1.2;
}

.table_1 td:nth-child(2n) {
    padding: 10px 38px 10px 18px;
}

.table_1 tr:nth-child(2n) td {
    background: rgba(49, 89, 133, 0.83);
}

.table_1 .number {
    background: #fff;
    border: 2px solid #1b5791;
    border-radius: 20px;
    display: block;
    width: 35px;
    height: 35px;
    position: relative;
    font-size: 19px;
    font-style: italic;
    font-weight: bold;
    color: #1c548d;
    text-align: center;
    line-height: 35px;
}

.table_1 .number:before {
    content: "";
    border: 3px solid #f9e10f;
    border-radius: 50%;
    width: 39px;
    height: 39px;
    position: absolute;
    top: -5px;
    left: -5px;
}

.box_3 {
    float: left;
    width: 480px;
    margin: 0 0 0 -6px;
}

.table_2 {
    width: 100%;
}

.table_2 td {
    background: rgba(31, 55, 79, 0.71);
    padding: 5px 0 6px 23px;
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
}

.table_2 tr:nth-child(2n) td {
    background: rgba(49, 89, 133, 0.83);
}

.all {
    background: #f7e001;
    border-radius: 21px;
    display: inline-block;
    height: 43px;
    padding: 0 30px;
    font-family: 'Open Sans', sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #29353e;
    text-decoration: none;
    line-height: 43px;
    text-transform: uppercase;
}

.services_list_2 {
    position: relative;
    width: 960px;
    height: 474px;
    margin: 0 0 57px;
}

.services_list_2 .item {
    position: absolute;
    top: 0;
    left: 0;
    font-size: 30px;
    line-height: 1.2;
}

.services_list_2 .item:nth-child(2) {
    position: absolute;
    top: 0;
    left: 489px;
}

.services_list_2 .item:nth-child(3) {
    position: absolute;
    top: 245px;
    left: 489px;
}

.services_list_2 .text {
    font-weight: bold;
    font-style: italic;
    color: #f9e10f;
    font-family: 'Open Sans', sans-serif;
    text-shadow: 0 0 16px rgba(255, 110, 78, .55) /*, 1px 1px 3px #736f6b, -1px -1px 3px #aaabaa, 1px 1px #736f6b, -1px -1px #aaabaa*/;
    text-decoration: none;
    text-transform: uppercase;
}


@supports (-webkit-background-clip: text) and
          (-webkit-text-fill-color: transparent) {

    .services_list_2 .text,
    .h1,
    .h2,
    .h3,
    .box_1 .calculator .title {
        text-shadow: none;
        filter: drop-shadow(0px 1px 1px rgba(5, 6, 6, .79));
        background: -webkit-linear-gradient(to bottom, #dbaa18 0%, #f7e000 20%, #eebf32 51%, #dccd0d 78%, #ffa902 100%);
        background: linear-gradient(to bottom, #dbaa18 0%, #f7e000 20%, #eebf32 51%, #dccd0d 78%, #ffa902 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }
}

.services_list_2 .fig {
    display: block;
    position: relative;
}

.services_list_2 .fig:before {
    content: "";
    background: url(../images/pic25.png) repeat-x;
    height: 382px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}

.services_list_2 .item:nth-child(2) .fig:before {
    background: url(../images/pic26.png) repeat-x;
    height: 229px;
}

.services_list_2 .item:nth-child(3) .fig:before {
    background: url(../images/pic26.png) repeat-x;
    height: 229px;
}

.services_list_2 .img {
    vertical-align: top;
}

.services_list_2 .text {
    position: absolute;
    bottom: 52px;
    left: 42px;
    z-index: 2;
}

.services_list_2 .item:nth-child(2) .text {
    bottom: 31px;
    left: 28px;
}

.services_list_2 .item:nth-child(3) .text {
    bottom: 31px;
    left: 28px;
}

.advantages_box {
    margin: 0 0 41px;
    padding: 52px 0 28px;
    position: relative;
}

.advantages_box:before {
    content: "";
    background: #396495 url(../images/pic46.png) no-repeat 50% 0;
    background-size: auto 100%;
    position: absolute;
    top: 0;
    right: -10000px;
    bottom: 0;
    left: -10000px;
    z-index: -1;
}

.advantages_box .h3 {
    margin: 0 0 28px;
}

.advantages_list_1 {
    -webkit-column-count: 3;
    column-count: 3;
}

.advantages_list_1 .item {
    width: 320px;
    margin: 0 0 30px;
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    line-height: 1.2;
}

.advantages_list_1 .fig {
    background: #fff;
    border-radius: 31px;
    display: inline-block;
    vertical-align: top;
    width: 61px;
    height: 61px;
    margin: 0 15px 0 0;
    position: relative;
    overflow: hidden;
}

.advantages_list_1 .img {
    max-width: 100%;
    max-height: 100%;
    margin: auto;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    vertical-align: top;
}

.advantages_list_1 .text {
    display: inline-block;
    vertical-align: top;
    width: 238px;
    padding: 10px 0 0;
}

.main_page .promo {
    margin: 0 0 45px;
    color: #3b3b3b;
}

.promo {
    clear: both;
    margin: 0 0 34px;
}

.promo_2 {
    margin: 0 0 34px;
}

.crumbs {
    margin: 0 0 20px;
}

.crumbs:before, .crumbs:after {
    display: none;
}

.crumbs:after {
    clear: both;
}

.crumbs .item {
    background: url(../images/pic82.png) no-repeat 2px 5px;
    display: inline;
    padding: 0 0 0 13px;
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    color: #fff;
    line-height: 1.6;
}

.crumbs .item:first-child {
    background: none;
    padding-left: 0;
}

.crumbs .item:before, .crumbs .item:after {
    display: none;
}

.crumbs .item:after {
    clear: both;
}

.crumbs .link {
    color: #fff;
}

.services_list_5 {
    margin: 0 0 34px;
}

.services_list_5 .item {
    margin: 0 0 6px;
    position: relative;
    font-size: 30px;
    line-height: 1.2;
}

.services_list_5 .link {
    font-weight: bold;
    font-style: italic;
    color: #f9e10f;
    text-shadow: 0 0 16px rgba(255, 110, 78, .55) /*1px 1px 3px #736f6b, -1px -1px 3px #aaabaa, 1px 1px #736f6b, -1px -1px #aaabaa*/;
    text-decoration: none;
    text-transform: uppercase;
}

.services_list_5 .fig {
    display: block;
    width: 474px;
    position: relative;
    padding-bottom: 50px;
}

.services_list_5 .fig:before {
    content: "";
    background: url(../images/pic76.png) repeat-x;
    height: 229px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}

.services_list_5 .img {
    vertical-align: top;
}

.services_list_5 .text {
    padding: 0 189px 0 0;
    */position: absolute;
    */bottom: 28px;
    */left: 28px;
    */z-index: 2;
}
.services_list_5 .fig ~ .text {
    position: absolute;
    bottom: 28px;
    left: 28px;
    z-index: 2;
}

.fig_1 {
    margin: 0 0 33px;
}

.fig_1 .img {
    vertical-align: top;
}

.btn_3 {
    background: #d63d1f url(../images/pic84.png) no-repeat 24px 15px;
    border-radius: 28px;
    display: inline-block;
    height: 57px;
    padding: 0 21px 0 72px;
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    line-height: 57px;
}

.box_5 {
   */ background: rgba(255, 255, 255, 0.8);
    border-radius: 10px;
    margin: 0 0 22px;
    padding: 13px 0px 12px;
    font-size: 16px;
   */ color: #213a51;
    line-height: 1.3;
    color: #fff;
}

.box_5 a{
    color: #fff;
    font-size: 16px;
    text-decoration: underline;

}


.box_5 p {
    margin: 0 0 0px;
}

.back {
    font-size: 16px;
    font-style: italic;
    color: #fff;
}

.services_list_6 {
    margin: 0 0 0 -30px;
}

.services_list_6 .item {
    width: 290px;
    margin: 0 0 42px 30px;
    position: relative;
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    font-style: italic;
    font-weight: bold;
}

.services_list_6 .link {
    color: #fff;
}

.services_list_6 .fig {
    border-radius: 8px;
    display: block;
    width: 290px;
    height: 208px;
    position: relative;
    overflow: hidden;
}

.services_list_6 .fig:before {
    content: "";
    background: rgba(56, 56, 56, 0.52);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.services_list_6 .img {
    vertical-align: top;
}

.services_list_6 .text {
    display: table;
    width: 290px;
    height: 208px;
    position: absolute;
    top: 0;
    left: 0;
}

.services_list_6 .in {
    display: table-cell;
    vertical-align: middle;
    width: 290px;
    height: 208px;
    text-align: center;
}

.services_list_6 .title {
    display: block;
    text-transform: uppercase;
}

.services_list_6 .price {
    display: block;
    font-size: 32px;
}

.status_list_1 {
    margin: 0 0 14px -42px;
}

.status_list_1 .item {
    width: 458px;
    margin: 0 0 36px 42px;
}

.status_list_1 .img {
    vertical-align: top;
}

.list_1 {
    margin: 2px 0 0;
}

.list_1 .item {
    margin: 0 0 9px;
    font-size: 16px;
    font-style: italic;
}

.list_1 .link {
    color: #1d3e5c;
}

.form_box_2 {
    margin: 0 0 34px;
}

.form_box_2 .clear {
    background: none;
    border: 0;
    padding: 0;
    font-family: 'Open Sans', sans-serif;
    color: #fff;
    text-decoration: underline;
}

.form_box_2 .clear:hover {
    text-decoration: none;
}

.form_box_2 .field {
    background: #fff;
    border: 1px solid #fff;
    padding: 11px 18px 14px;
    -webkit-transition: all 0s ease 0s;
    transition: all 0s ease 0s;
    font-size: 16px;
    color: #213a51;
}

.form_box_2 .field[required] {
    background: #fff url(../images/pic99.png) no-repeat 96% 19px;
}

.form_box_2 .field:-moz-placeholder {
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    font-style: italic;
    color: #213a51;
}

.form_box_2 .field::-moz-placeholder {
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    font-style: italic;
    color: #213a51;
}

.form_box_2 .field::-webkit-input-placeholder {
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    font-style: italic;
    color: #213a51;
}

.form_box_2 .field:-ms-input-placeholder {
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    font-style: italic;
    color: #213a51;
}

.form_box_2 .field.placeholder {
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    font-style: italic;
    color: #213a51;
}

.form_box_2 .field.invalid {
    background: #fff4f4;
    border: 1px solid #be0404;
}

.form_box_2 .field[required].invalid {
    background: #fff4f4 url(../images/pic99.png) no-repeat 96% 19px;
    border: 1px solid #be0404;
}

.form_box_2 .button {
    background: #d63d1f;
    border-radius: 25px;
    border: none;
    width: 172px;
    height: 51px;
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    font-weight: normal;
    color: #fff;
    line-height: 51px;
    text-align: center;
    text-transform: uppercase;
}

.form_box_2 .captcha {
    display: inline-block;
    padding-left: 82px;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.form_box_2 .captcha .fig {
    background: #fff;
    border: none;
    border-left: 1px solid #213a51;
    width: 80px;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
}

.form_box_2 .captcha .fig img {
    max-width: 100%;
    max-height: 100%;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.form_box_2 .captcha .field {
    border: 1px solid #fff;
    width: 100%;
}

.h-140 {
    height: 140px;
}

.title_1 {
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    font-size: 1.6rem;
    font-style: italic;
    font-weight: bold;
    color: #f9e10f;
    margin: 0 0 7px;
    line-height: 1.1;
    text-shadow: 0 0 16px rgba(255, 110, 78, .55) /*1px 1px 3px #736f6b, -1px -1px 3px #5e6367, 1px 1px #736f6b, -1px -1px #5e6367*/;
}

.checkbox {
    cursor: pointer;

    border: 3px solid #fff;
    border-radius: 22px;
    display: inline-block;
    width: 38px;
    height: 38px;
    position: relative;
    vertical-align: middle;
}

.checkbox .fig {
    background: url(../images/pic96.png) no-repeat;
    display: block;
    width: 38px;
    height: 38px;
    position: relative;
    overflow: hidden;
}

.checkbox input:checked + .fig {
    background-image: url("../images/pic104.png");
}

.checkbox .img {
    max-width: 100%;
    max-height: 100%;
    margin: auto;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    vertical-align: top;
}

.checkbox input {
    clip: rect(0, 0, 0, 0);
    position: absolute !important;
}

.checkbox .fig_white {
    display: none;
}

.checkbox input:checked {
    background: url(../images/pic95.png) no-repeat;
}

.checkbox input:checked ~ .fig .fig_yellow {
    display: none;
}

.checkbox input:checked ~ .fig .fig_white {
    display: block;

}

.w-460 {
    width: 460px;
}

/*
.select {
    background: #fff;
    border: 1px solid #fff;
    display: inline-block;
    height: 47px;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}



.select__label {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 11;
}

.select__radio {
    z-index: 100;
    position: absolute;
    !*clip: rect(0, 0, 0, 0);*!
    !*position: absolute;*!
}


.select__radio:checked + .select__label {
    z-index: 0;
}

.select__radio_hide:focus:checked ~ .select__sub
{
    height: 0;
    max-height: 47px;
    overflow: hidden;
}


.select__radio_show:focus:checked ~ .select__sub
 {
    height: auto;
    max-height: 250px;
    overflow-y: auto;
}



.select__sub {
    background: #fff;
    margin: 0;
    padding: 0;
    height: 0;
    padding-top: 47px;
    max-height: 47px;
    position: absolute;
    top: 0;
    left: -1px;
    right: -1px;
    list-style: none;
    overflow: hidden;
    -webkit-transition: all .1s ease;
    transition: all .1s ease;
}

.select__sub:before {
    content: '';
    background: url(../images/pic98.png) no-repeat 50% 1.5em;
    width: 34px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
}

.select__list-label {
    display: block;
}

.select__list-radio {
    clip: rect(0, 0, 0, 0);
    position: absolute;
}

.select__list-text {
    display: block;
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    font-style: italic;
    color: #213a51;
}

.select__list-radio:checked + .select__list-text {
    height: 47px;
    position: absolute;
    top: 0;
    left: 15px;
    right: 38px;

    overflow: hidden;
    line-height: 47px;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.select__list-label {
    display: block;
}

.select__list-item {
    margin: 0;
    padding: 0;
}

.select__list {
    margin: 0 0 10px 15px;


}

.select__list .item {
    margin: 3px 0 0;
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    font-style: italic;
    color: #213a51;


}*/

.ng-cloak {
    display: none;
}

.select {
    background: #fff url("../images/pic98.png") no-repeat 95% 50%;
    border-radius: 0;
    border: 1px solid #fff;
    height: 47px;
    padding: 0 15px;
    color: #013751;
    font-size: 16px;
    font-style: italic;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;

}

.file {
    display: inline-block;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.file input {
    clip: rect(0, 0, 0, 0);
    position: absolute;
}

.file .btn {
    position: absolute;
    top: 0;
    left: 0;
    font-family: 'Open Sans', sans-serif;
    color: #fff;
    font-size: 16px;
    font-style: italic;
    font-weight: 600;
    text-decoration: underline;
}

.file .btn:hover {
    text-decoration: none;
}

.datepicker {
    background: #fff url(../images/pic100.png) no-repeat 97% 50%;
    border: 1px solid #fff;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.datepicker .field {
    background: none;
    border: 0;
    width: 458px;
    padding: 11px 38px 14px 18px;
}

.box_6 {
    background: url(../images/pic102.png) no-repeat 100% 29px;
    margin: 0 0 43px;
    padding: 13px 0 0;
    font-family: 'Open Sans', sans-serif;
    font-size: 23px;
    font-weight: 300;
    line-height: 1.2;
}

.box_6 .h1 {
    margin: 0 0 61px;
    font-size: 47px;
    font-style: normal;
    font-weight: normal;
    text-shadow: none;
    text-transform: none;
    color: #fff;
}

.box_6 .link {
    color: #fff;
    text-transform: uppercase;
}

.box_6 .fig {
    margin: 0 0 53px;
}

.mr-160 {
    margin-right: 160px;
}

.pink_text {
    font-size: 12px;
    font-style: italic;
    color: #ee9e8a;
}

.white_text {
    font-size: 12px;
    font-style: italic;
    color: #fff;
}

.label {
    font-size: 14px;
    color: #fff;
}

.field_2 {
    background: none;
    border: 2px solid #fff;
    padding: 10px 14px;
    -webkit-transition: all 0s ease 0s;
    transition: all 0s ease 0s;
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    color: #d3d8dc;
}

.field_2:focus {
    border-color: #51cbee;
    -webkit-box-shadow: rgba(81, 203, 238, 1) 0px 0px 5px;
    box-shadow: rgba(81, 203, 238, 1) 0px 0px 5px;
}

.field_2:-moz-placeholder {
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    font-style: italic;
    color: #d3d8dc;
}

.field_2::-moz-placeholder {
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    font-style: italic;
    color: #d3d8dc;
}

.field_2::-webkit-input-placeholder {
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    font-style: italic;
    color: #d3d8dc;
}

.field_2:-ms-input-placeholder {
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    font-style: italic;
    color: #d3d8dc;
}

.field_2.placeholder {
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    font-style: italic;
    color: #d3d8dc;
}

.field_2.invalid {
    background: #fff4f4;
    border: 2px solid #be0404;
}

.tire {
    background: url(../images/pic103.png) no-repeat;
    display: inline-block;
    vertical-align: middle;
    width: 16px;
    height: 1px;
    margin: 25px 3px 0;
}

.box_7 {
    background: rgba(255, 255, 255, 0.80);
    border-radius: 10px;
    margin: 0 0 100px;
    padding: 5px 10px 7px;
    color: #1d3e5a;
    text-align: center;
}

.box_7 p {
    margin: 0;
}

.box_7 .title {
    margin: 0 0 2px;
    font-size: 18px;
}

.modal {
    position: fixed;
    z-index: 1000;
}

.modal__inner {
    overflow: hidden;
    overflow-y: scroll;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.modal, .modal__bg {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.modal__horisontal_inner {
    display: table;
    height: 100%;
    margin: auto;
}

.modal__vertical_inner {
    display: table-cell;
    vertical-align: middle;
    -webkit-perspective: 1300px;
    perspective: 1300px;
}

.modal__bg {
    background: #5f5f5f;
    zoom: 1;
    filter: alpha(opacity=0);
    opacity: 0;
    position: absolute;
    z-index: -1;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.show .modal__bg {
    zoom: 1;
    filter: alpha(opacity=50);
    opacity: 0.65;
}

.modal__content {
    background: url(../images/pic52.jpg) no-repeat;
    padding: 24px;
    position: relative;
}

.button {
    background: #bb7258;
    border-radius: 21px;
    border: none;
    width: 259px;
    height: 43px;
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    line-height: 43px;
    text-align: center;
    text-transform: uppercase;
}

.captcha {
    display: inline-block;
    padding-left: 100px;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.captcha .fig {
    background: #fff;
    border: 1px solid #c4c4c4;
    width: 100px;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
}

.captcha .fig img {
    max-width: 100%;
    max-height: 100%;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.captcha .field {
    border: 1px solid #c4c4c4;
    width: 100%;
}

.h-130 {
    height: 130px;
}

.modal__content .h3 {
    margin: 0 0 23px;
    font-family: 'Open Sans', sans-serif;
    font-style: normal;
    color: #fff;
    text-shadow: none;
}

.modal_box_form .modal__content {
    background: url(../images/pic57.jpg) no-repeat;
    width: 341px;
    height: 510px;
    padding: 74px 71px 0;
    text-align: center;
}

.modal_box_form_2 .modal__content {
    background: url(../images/pic56.jpg) no-repeat;
    width: 341px;
    height: 404px;
    padding: 63px 71px 0;
    text-align: center;
}

.modal_box_form_2 .modal__content .h3 {
    margin: 0 0 15px;
    line-height: 1.2;
}

.box_thanks .modal__content {
    background: url(../images/pic53.jpg) no-repeat;
    width: 443px;
    height: 100px;
    padding: 51px 20px 0;
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    text-align: center;
}

.box_thanks .modal__content .h3 {
    margin: 0;
}

.modal__close_btn {
    background: url(../images/pic51.png) no-repeat 50% 50%;
    width: 48px;
    height: 66px;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
}

.box_fig .modal__content {
    padding: 64px 51px 16px;
}

.modal_lightbox__title {
    margin: 14px 0 0;
    font-size: 18px;
    text-align: center;
}

.modal_lightbox__image img {
    vertical-align: top;
}

.modal_lightbox__prev, .modal_lightbox__next {
    cursor: pointer;
    width: 50%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
}

.modal_lightbox__next {
    left: auto;
    right: 0;
}

.modal_lightbox__prev:before, .modal_lightbox__next:before {
    content: "";
    background: #bb7258 url(../images/pic49.png) no-repeat 50% 50%;
    width: 51px;
    height: 51px;
    margin-top: -26px;
    position: absolute;
    top: 50%;
    left: 0;
}

.modal_lightbox__next:before {
    background: #bb7258 url(../images/pic50.png) no-repeat 50% 50%;
    left: auto;
    right: 0;
}

/*---------------------- end content ----------------------------------*/
/*---------------------- footer ---------------------------------------*/
.footer {
    width: 960px;
    height: 175px;
    margin-left: -480px;
    position: absolute;
    bottom: 0;
    left: 50%;
}

.footer:after {
    content: "";
    background: #282828;
    position: absolute;
    top: 0;
    right: -10000px;
    bottom: 0;
    left: -10000px;
    z-index: -2;
}

.nav_footer {
    position: absolute;
    top: 35px;
    right: 409px;
}

.nav_footer .item {
    margin: 0 0 7px;
    font-family: 'Open Sans', sans-serif;
}

.nav_footer .link {
    background: url(../images/pic38.png) no-repeat 0 9px;
    display: inline-block;
    padding: 0 0 0 15px;
    color: #fff;
    text-decoration: none;
}

.phone_footer {
    position: absolute;
    top: 31px;
    left: 0;
    font-family: "LatoBold", sans-serif;
    font-size: 18px;
}

.phone_footer .link {
    background: url(../images/pic3.png) no-repeat 0 1px;
    display: inline-block;
    padding: 0 0 0 27px;
    color: #fff;
    text-decoration: none;
}

.mail_footer {
    position: absolute;
    top: 32px;
    left: 204px;
    font-family: 'Open Sans', sans-serif;
}

.mail_footer .link {
    background: url(../images/pic4.png) no-repeat 0 6px;
    display: inline-block;
    padding: 0 0 0 26px;
    color: #fff;
}

.address_footer {
    position: absolute;
    top: 63px;
    left: 0;
    font-family: 'Open Sans', sans-serif;
}

.company_footer {
    position: absolute;
    top: 112px;
    left: 0;
    font-family: 'Open Sans', sans-serif;
}

.securitypolicy {
    position: absolute;
    top: 132px;
    left: 0;
    font-family: 'Open Sans', sans-serif;
}
.social_networks {
    position: absolute;
    top: 106px;
    left: 222px;
}

.social_networks_list {
    margin: 0 0 0 -4px;
}

.social_networks_list .item {
    margin: 0 0 0 4px;
}

.social_networks_list .img {
    vertical-align: top;
}

.subscription {
    position: absolute;
    top: 32px;
    right: 0;
}

.subscription .link {
    background: #d63d1f url(../images/pic45.png) no-repeat 35px 17px;
    border-radius: 25px;
    display: inline-block;
    height: 49px;
    padding: 0 32px 0 71px;
    font-family: 'Open Sans', sans-serif;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    line-height: 49px;
}

.developer {
    position: absolute;
    top: 115px;
    right: 127px;
    font-family: 'Open Sans', sans-serif;
}

.developer .link {
    color: #fff;
}

.counter {
    position: absolute;
    top: 111px;
    right: 18px;
}

/*---------------------- end footer -----------------------------------*/
/* media queries */
/* small screens (portrait and landscape) */
@media only screen and (max-width: 767px) {
    .wrapper {
        min-width: 0;
    }

    .inner {
        width: auto;
        margin: 0 !important;
    }

    body {
        font-size: 15px;
    }

    .header {
        background: #fff;
        padding: 15px;
    }

    .promo_fig {
        height: 0;
        margin: 0 -30px;
        padding-bottom: 76.25%;
        position: relative;
        overflow: hidden;
        left: 0;
        right: 0;
        z-index: 1;
    }

    .promo_fig .img {
        width: 100%;
        min-height: 100%;
        position: absolute;
        top: 0;
        left: 0;
    }

    .logo:before {
        display: none;
    }

    .mail,
    .logo,
    .phone,
    .slogan {
        margin-bottom: 10px;
        position: relative;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
    }

    .logo {
        background-size: 143px auto;
        width: 143px;
        height: 90px;
    }

    .slogan {
        background-size: 120% auto;
        width: 153px;
        height: 78px;
        padding: 12px 0 0 37px;
        position: absolute;
        top: 0;
        left: 166px;
        font-size: 11px;
    }

    .slogan .big_text {
        font-size: 14px;
    }

    .main_page .nav,
    .nav {
        margin: 0;
    }

    .nav {
        height: 40px;
        z-index: 10;
    }

    .nav:before {
        content: '';
        background: #000;
        box-shadow: 0 6px 0 #000, 0 12px 0 #000;
        width: 30px;
        height: 3px;
        position: absolute;
        top: 10px;
        left: 0;
    }

    .nav:after {
        content: 'МЕНЮ';
        position: absolute;
        top: 8px;
        left: 40px;
        color: #000;
        font-size: 15px;
        font-weight: bold;
        text-transform: uppercase;
    }

    .nav> .list {
        background: #354175;
        display: none;
        width: auto;
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
    }

    .nav_active> .list {
        display: block;
    }

    .nav> .list> .item {
        display: block;
        font-size: 15px;
    }

    .nav .sub {
        width: auto;
        position: relative;
        top: 0;
    }

    .nav .sub_menu {
        float: none;
        padding: 12px;
    }

    .nav .sub_menu .item {
        text-align: center;
    }

    .nav .text {
        padding: 10px 5px;
    }

    .carousel_2 {
        position: absolute;
        bottom: 20px;
        left: 0;
        right: 0;
        width: auto;
        margin: 0;
        padding: 0 40px;

    }

    .carousel_2 .prev {
        background-position: 50%;
        left: 0;
    }

    .carousel_2 .next {
        background-position: 50%;
        right: 0;
    }

    .carousel_2> .in> .main_list> .item {
        width: calc(100vw - 90px);
        text-align: center;
    }

    .carousel_2 .fig {
        margin: 0 auto 8px;
    }

    .mail,
    .phone {
        background: #354175;
    }

    .carousel_2 .next, .carousel_2 .prev {
        background-position: 50%;

    }

    .datepicker .field {
        width: 100%;
    }

    .datepicker {
        width: 100%
    }

    .mb-90 {
        margin-bottom: 3px !important;
    }

    .mail .link,
    .phone .link {
        background-position: 10px 50%;
        display: block;
        padding: 5px 5px 5px 40px;
        color: #fff;
    }

    .bg_top {
        display: none;
    }

    .carousel_2 .in {
        padding-bottom: 0;
    }

    .box_1 {
        margin: 0;
    }

    .box_1 .calculator {
        position: relative;
        top: 0;
        right: 0;
    }

    .box_1 .h1 {
        margin-bottom: 20px;
    }

    .services_list_1 .item:first-child {
        margin: 0 0 20px;
    }

    .services_list_1 {
        margin: 0;
    }

    .services_list_1 .item {
        display: block;
        width: auto;
        margin: 0 0 20px;
    }

    .services_list_1 .fig,
    .services_list_1 .item:first-child .fig {
        width: auto;
        height: auto;
    }

    .services_list_1 .item:first-child {
        width: auto;
    }

    .services_list_1 .text,
    .services_list_1 .in,
    .services_list_1 .item:first-child .text,
    .services_list_1 .item:first-child .in {
        display: block;
        width: auto;
        height: auto;
    }

    .services_list_1 .img {
        width: 100%;
    }

    .services_list_1 .text {
        display: block;
        top: 50%;
        left: 0;
        right: 0;
        transform: translate(0, -50%);
        text-align: center;
    }

    .services_list_1 .item:first-child .price {
        font-size: 30px;
    }

    .services_list_1 .item:first-child {
        font-size: 16px;
    }

    .content {
        padding: 15px;
    }

    .carousel_2 .sub {
        margin-top: -37px;
        -webkit-transform: translate(0, -100%);
        transform: translate(0, -100%);
    }

    .carousel_2> .in> .main_list> .item> .title> .link {
    }

    .carousel_2 .text {
        height: auto;
    }

    .box_1 .calculator .fig {
        width: 74px;
        height: 74px;
        right: auto;
        left: 45px;

    }

    .box_1 .calculator .img {
        max-width: 50%;
        max-height: 50%;
    }

    .box_1 .calculator {
        margin-left: -60px;
        margin-bottom: 20px;
    }

    .tarif_box {
        padding: 20px 0;
    }

    .box_2 {
        float: none;
        width: auto;
        margin: 0 0 20px;
    }

    .table_1 {
        border-collapse: separate;
        border-spacing: 0 10px;
    }

    .table_1 td:empty {
        display: none;
    }

    .box_3 {
        float: none;
        width: auto;
        margin: 0;
    }

    .table_2 td {
        padding: 5px 10px;
    }

    .tarif_box {
        margin-bottom: 20px;
    }

    .services_list_2 {
        width: auto;
        height: auto;
        margin: 0 0 20px;
    }

    .services_list_2 .item {
        display: block;
        margin: 0 0 20px;
    }

    .advantages_box {
        margin-bottom: 20px;
        padding: 15px 0;
    }

    .advantages_list_1 {
        -webkit-column-count: 1;
        column-count: 1;
    }

    .services_list_2 .item:nth-child(3),
    .services_list_2 .item:nth-child(2),
    .services_list_2 .item {
        margin-bottom: 10px;
        overflow: hidden;
        position: relative;
        top: 0;
        left: 0;
    }

    .services_list_2 {
        margin: 0 -15px;
    }

    .services_list_2 .img {
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
    }

    .services_list_2 .text {
        padding: 0 15px;
        position: absolute;
        top: 50%;
        left: 0;
        right: 0;
        font-size: 18px;
        text-align: center;
        -webkit-transform: translate(0, -50%);
        transform: translate(0, -50%);
    }

    .services_list_2 .fig {
        height: 0;
        padding-bottom: 26.25%;
    }

    .services_list_2 .fig:before {
        height: 100% !important;
    }

    .box_4 {
        display: none;
    }

    .main_page .promo,
    .promo {
        padding: 0 15px;
    }

    .footer {
        padding: 15px;
        position: relative;
        width: auto;
        height: auto;
        margin: 0;
        left: 0;
    }

    .phone_footer,
    .nav_footer,
    .mail_footer,
    .address_footer,
    .social_networks,
    .company_footer,
    .securitypolicy,
    .subscription,
    .developer,
    .counter {
        margin-bottom: 15px;
        position: relative;
        top: 0;
        right: 0;
        left: 0;
        bottom: 0;
    }




    .services_list_3 {
        margin: 0;
    }

    .services_list_3> .item {
        width: 50%;
        margin-bottom: 20px;
    }


    .services_list_3> .item> .title> .link {
        color: #000;
        font-size: 15px;
    }

    .services_list_4 {
        margin-bottom: 20px;
        padding-top: 40px;
        position: relative;
    }

    .services_list_4_active {
        height: auto;
    }

    .services_list_4:before {
        content: 'Услуги';
        position: absolute;
        top: 10px;
        left: 10px;
        color: #fff;
        font-size: 18px;
        font-weight: bold;
        letter-spacing: 0;
        line-height: 1;
    }

    .services_list_4:after {
        content: '';
        border-right: 3px solid #fff;
        border-bottom: 3px solid #fff;
        width: 10px;
        height: 10px;
        margin: auto;
        position: absolute;
        bottom: 0;
        top: 0;
        right: 10px;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    .services_list_4 .fig {
        float: left;
    }

    .services_list_4 .item {
        display: block;
        width: auto;
    }

    .services_list_4 .text {
        display: block;
        overflow: hidden;
        width: auto;
    }

    .services_list_4 {
        margin: 0;
    }

    .services_list_4> .item {
        display: none;
    }

    .services_list_4_active> .item {
        display: block;
    }

    .services_list_4> .item> .title> .link {
        font-size: 15px;
    }

    .box_6 {
        background: none;
        padding: 0;
    }

    .box_6 .img {
        width: 100%;
    }

    .crumbs .item {
        font-size: 15px;
    }

    .services_list_3> .item:nth-child(2n) .sub {
        left: auto;
        right: 0;
    }

    .fl.w-460,
    .fl.w-300,
    .fr.w-460,
    .fr.w-300 {
        float: none;
        width: auto;
    }

    .w-460,
    .w-300 {
        width: 100%;
    }

    .label {
        font-size: 15px;
    }

    .pink_text {
        font-size: 15px;
    }

    .status_list_1 {
        margin: 0 0 20px;
    }

    .status_list_1 .item {
        display: block;
        width: auto;
        margin: 0 0 20px;
    }

    .status_list_1 .img {
        width: 100%
    }

    .services_list_5 .img {
        width: 100%;
    }

    .services_list_5 .fig {
        width: auto;
    }

    .services_list_5 .fig:before {
        height: 100%;
    }

    .services_list_5 .text {
        padding: 0;
        font-size: 18px;
    }

    .modal__horisontal_inner {
        width: 100%;
    }

    .box_thanks .modal__content,
    .modal_box_form_2 .modal__content,
    .modal_box_form .modal__content {
        width: auto;
        height: auto;
        padding: 15px;
    }

    .w-340 {
        width: 100%
    }

    .modal_lightbox__image img {
        width: 100%
    }

    .services_list_6 {
        margin: 0;
    }

    .services_list_6 .item {
        display: block;
        width: auto;
        margin: 0 0 20px;
    }

    .services_list_6 .img {
        width: 100%
    }

    .services_list_6 .item,
    .services_list_6 .fig,
    .services_list_6 .text,
    .services_list_6 .in {
        width: 100%
    }

    .side {
        float: none;
        width: auto;
        padding: 15px;
        margin: 0;
    }


}

/* print media */
@media print {
    * {
        color: black !important;
        background: transparent !important;
        text-shadow: none !important;
        box-shadow: none !important;
        border: none !important;
        float: none !important;
        clear: none !important;
    }

    html, body, article, header, section, footer, aside, div {
        width: 100% !important;
    }

    a, a:link, a:visited, a:hover, a:active, abbr, acronym {
        text-decoration: none;
        border-bottom: 0 none;
    }

    h1, h2, h3, h4, h5, h6, p, li {
        page-break-inside: avoid;
        orphans: 3;
        widows: 3;
    }

    h1, h2, h3, h4, h5, h6 {
        page-break-after: avoid;
    }

    thead {
        display: table-header-group;
    }

    tr, img {
        page-break-inside: avoid;
    }

    nav {
        display: none;
    }
}