/* `XHTML, HTML4, HTML5 Reset
----------------------------------------------------------------------------------------------------*/

a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
dialog,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
font,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
hr,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
meter,
nav,
object,
ol,
output,
p,
pre,
progress,
q,
rp,
rt,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video,
xmp {
    border: 0;
    margin: 0;
    padding: 0;
    font-size: 100%;
}

html,
body {
    height: 100%;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    /*
      Override the default (display: inline) for
      browsers that do not recognize HTML5 tags.

      IE8 (and lower) requires a shiv:
      http://ejohn.org/blog/html5-shiv
      */
    display: block;
}

b,
strong {
    /*
      Makes browsers agree.
      IE + Opera = font-weight: bold.
      Gecko + WebKit = font-weight: bolder.
      */
    font-weight: bold;
}

img {
    color: transparent;
    font-size: 0;
    vertical-align: middle;
    /*
      For IE.
      http://css-tricks.com/ie-fix-bicubic-scaling-for-images
      */
    -ms-interpolation-mode: bicubic;
}

ol,
ul {
    list-style: none;
}

li {
    /*
      For IE6 + IE7:

      "display: list-item" keeps bullets from
      disappearing if hasLayout is triggered.
      */
    display: list-item;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

th,
td,
caption {
    font-weight: normal;
    vertical-align: top;
    text-align: left;
}

q {
    quotes: none;
}

q:before,
q:after {
    content: '';
    content: none;
}

sub,
sup,
small {
    font-size: 75%;
}

sub,
sup {
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

svg {
    /*
      For IE9. Without, occasionally draws shapes
      outside the boundaries of <svg> rectangle.
      */
    overflow: hidden;
}

/*
  960 Grid System ~ Text CSS.
  Learn more ~ http://960.gs/

  Licensed under GPL and MIT.
  */

/* `Basic HTML
----------------------------------------------------------------------------------------------------*/

pre,
code {
    font-family: 'DejaVu Sans Mono', Menlo, Consolas, monospace;
}

hr {
    border: 0;
    border-top: 1px solid #eee;
    clear: both;
    height: 0;
}

/* `Headings
----------------------------------------------------------------------------------------------------*/

h1 {
    font-size: 25px;
}

h2 {
    font-size: 23px;
}

h3 {
    font-size: 21px;
}

h4 {
    font-size: 19px;
}

h5 {
    font-size: 17px;
}

h6 {
    font-size: 15px;
}

/* `Spacing
----------------------------------------------------------------------------------------------------*/

ol {
    list-style: decimal;
}

ul {
    list-style: disc;
}

li {
    margin-left: 30px;
}

p,
dl,
hr,
h1,
h2,
h3,
h4,
h5,
h6,
ol,
ul,
pre,
table,
address,
fieldset,
figure {
    margin-bottom: 20px;
}

.alpha {
    margin-left: 0;
}

.omega {
    margin-right: 0;
}

html, body {
    height: 100%;
    font-family: Roboto, sans-serif;
    font-size: 15px;
    font-weight: 400;
    color: #0b0e17;
    line-height: 23px;
    background: #fff;
}

a {
    color: #76b3e4;
    /*color: #3a75a5;*/
    transition: color ease-out .2s;
    /*text-decoration: underline;*/
}

a:hover {
    text-decoration: none;
    color: #312a20;
}

a:focus {
    outline: none;
    text-decoration: none;
}

.main {
    min-height: 100%;
    width: 100%;
    margin: 0 auto -126px;
    position: relative;
}

.all {
    padding-bottom: 126px;
}

.footer {
    min-width: 1005px;
    margin: auto;
    height: 155px;
    background-color: #3a75a5;
    border-top: 3px solid #76b3e4;
    /*background: url(img/footer-back.jpg) repeat-x;*/
}

.inner {
    width: 1005px;
    margin: auto;
    position: relative;
}

.button_red {
    display: inline-block;
    position: relative;
    margin: 0;
    padding: 0 25px;
    outline: 0;
    cursor: pointer;
    height: 46px;
    line-height: 46px;
    /*width: 247px;*/
    border-top: none;
    border-right: none;
    border-left: none;
    border-bottom: 3px solid #b32424;
    font-size: 15px;
    font-weight: 300;
    color: #fff;
    text-decoration: none;
    background-color: #d92b2b;
    transition: background-color ease-out .2s;
}

.button_red:hover,
.js-call.button_red:hover {
    background-color: #b32424;
    color: #fff;
    text-decoration: none;
}

.button_red:active {
    -webkit-box-shadow: inset 1px 1px 1px 0 #e6e6e6, inset -1px -1px 1px 0 #e6e6e6, inset 0px 5px 5px 0 rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 1px 1px 1px 0 #e6e6e6, inset -1px -1px 1px 0 #e6e6e6, inset 0px 5px 5px 0 rgba(0, 0, 0, 0.2);
    box-shadow: inset 1px 1px 1px 0 #e6e6e6, inset -1px -1px 1px 0 #e6e6e6, inset 0px 5px 5px 0 rgba(0, 0, 0, 0.2);
}

.button_red:focus {
    color: #fff;
}

.button_grey {
    display: inline-block;
    position: relative;
    margin: 0;
    padding: 0 25px;
    outline: 0;
    cursor: pointer;
    height: 46px;
    line-height: 46px;
    /*width: 247px;*/
    border-top: none;
    border-right: none;
    border-left: none;
    font-size: 15px;
    color: #0b0e17;
    text-decoration: none;
    background-color: #ededed;
    transition: background-color ease-out .2s;
}

.button_grey:hover {
    background-color: #f7f4f0;
    text-decoration: none;
}

.button_grey:active {
    background-color: #ededed;
}

.button_red:focus {
    color: #fff;
}

.button_red_small {
    display: inline-block;
    position: relative;
    margin: 0;
    padding: 0 10px;
    outline: 0;
    cursor: pointer;
    height: 30px;
    line-height: 30px;
    border-top: none;
    border-right: none;
    border-left: none;
    font-size: 13px;
    color: #fff;
    text-decoration: none;
    background-color: #d92b2b;
    text-align: center;
    font-weight: 300;
    transition: background-color ease-out .2s;
}

.button_red_small:active {
    background-color: #d92b2b;
}

.button_red_small:hover,
.button_red_small:focus {
    background-color: #c02222;
    color: #fff;
    text-decoration: none;
}

.button_red i,
.button_red_small i {
    padding-right: 5px;
}

.button_blue {
    display: inline-block;
    position: relative;
    margin: 0;
    padding: 0;
    outline: 0;
    cursor: pointer;
    height: 27px;
    line-height: 25px;
    width: 51px;
    font-size: 13px;
    color: #fff;
    text-decoration: none;
    text-align: center;
    background-color: #009fdb;
    border-radius: 3px;
}

.button_blue:hover {
    background-color: #006287;
}

.button_blue2 {
    display: inline-block;
    position: relative;
    margin: 0;
    padding: 0;
    outline: 0;
    cursor: pointer;
    height: 41px;
    line-height: 39px;
    width: 237px;
    border: 1px solid #18bce8;
    border-radius: 10px;
    font-size: 15px;
    color: #fff;
    text-decoration: none;
    text-align: center;
    background: #71e5f5; /* Old browsers */
    background: -moz-linear-gradient(top, #71e5f5 0%, #01c1dd 56%, #00b2d2 56%, #01c1dd 56%, #01c1dd 56%, #009bbf 57%, #007ba3 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #71e5f5), color-stop(56%, #01c1dd), color-stop(56%, #00b2d2), color-stop(56%, #01c1dd), color-stop(56%, #01c1dd), color-stop(57%, #009bbf), color-stop(100%, #007ba3)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #71e5f5 0%, #01c1dd 56%, #00b2d2 56%, #01c1dd 56%, #01c1dd 56%, #009bbf 57%, #007ba3 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #71e5f5 0%, #01c1dd 56%, #00b2d2 56%, #01c1dd 56%, #01c1dd 56%, #009bbf 57%, #007ba3 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #71e5f5 0%, #01c1dd 56%, #00b2d2 56%, #01c1dd 56%, #01c1dd 56%, #009bbf 57%, #007ba3 100%); /* IE10+ */
    background: linear-gradient(to bottom, #71e5f5 0%, #01c1dd 56%, #00b2d2 56%, #01c1dd 56%, #01c1dd 56%, #009bbf 57%, #007ba3 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#71e5f5', endColorstr='#007ba3', GradientType=0); /* IE6-9 */
    -webkit-box-shadow: inset 1px 1px 1px 0 #d3f7fc, inset -1px -1px 1px 0 #a8cfdd;
    -moz-box-shadow: inset 1px 1px 1px 0 #d3f7fc, inset -1px -1px 1px 0 #a8cfdd;
    box-shadow: inset 1px 1px 1px 0 #d3f7fc, inset -1px -1px 1px 0 #a8cfdd;
}

input.button_blue2:hover,
.js-call.button_blue2:hover {
    background: #71e5f5; /* Old browsers */
    background: -moz-linear-gradient(top, #007ba3 0%, #71e5f5 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e51111), color-stop(100%, #ff9b9b)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #007ba3 0%, #71e5f5 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #007ba3 0%, #71e5f5 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #007ba3 0%, #71e5f5 100%); /* IE10+ */
    background: linear-gradient(to bottom, #007ba3 0%, #71e5f5 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#71e5f5', endColorstr='#71e5f5', GradientType=0); /* IE6-9 */
}

.button_white {
    display: inline-block;
    position: relative;
    margin: 0;
    padding: 0;
    outline: 0;
    cursor: pointer;
    height: 27px;
    line-height: 25px;
    width: 51px;
    border-radius: 3px;
    font-size: 13px;
    color: #484747;
    text-decoration: none;
    text-align: center;
    background-color: #f7f4f0;
}

.button_white:hover {
    background-color: #dedbd7;
}

/*.input {*/
/*margin: 0;*/
/*padding: 0;*/
/*outline: 0;*/
/*border-top: 1px solid #d5d7d7;*/
/*border-right: 1px solid #d5d7d7;*/
/*border-bottom: 1px solid #e1e2e3;*/
/*border-left: 1px solid #d3d5d6;*/
/*-webkit-box-shadow: inset -1px -1px 1px 0 #f2f3f3;*/
/*-moz-box-shadow: inset -1px -1px 1px 0 #f2f3f3;*/
/*box-shadow: inset -1px -1px 1px 0 #f2f3f3;*/
/*height: 25px;*/
/*width: 100px;*/
/*padding: 0 5px;*/
/*!*font-family: Roboto, sans-serif;*!*/
/*font-size: 13px;*/
/*color: #686565;*/
/*}*/

/*.input2 {*/
/*margin: 0;*/
/*padding: 0;*/
/*outline: 0;*/
/*border: 1px solid #d6d8d8;*/
/*height: 32px;*/
/*width: 235px;*/
/*padding: 3px 11px 0;*/
/*!*font-family: Roboto, sans-serif;*!*/
/*font-size: 14px;*/
/*color: #686565;*/
/*}*/

/* header elmnt */

.header {
    min-width: 1005px;
    height: 247px;
    background-color: #3a75a5;
    border-bottom: 3px solid #76b3e4;
    /*background: url(img/header-back.jpg) repeat-x;*/
}

.header .logo {
    height: 66px;
    left: 1px;
    position: absolute;
    top: 20px;
    width: 355px;
}

.header .logo a {
    display: block;
    width: 195px;
    height: 88px;
    text-indent: -9999px;
    background: url(img/head-logo.png) no-repeat;
}

.header .b-city {
    position: absolute;
    top: 13px;
    left: 445px;
}

.header .b-city .title {
    display: inline-block;
    margin-right: 2px;
    font-size: 13px;
    font-weight: 300;
    color: #76b3e4;
}

.header .title .span {
    color: #fbfbfb;
    font-weight: 700;
}

.header .b-city .spisok {
    display: inline-block;
    font-weight: 300;
}

.header .b-city .spisok .current {
    display: inline-block;
    padding-right: 14px;
    background: url(img/citys-arrow.png) no-repeat 100% 10px;
}

.header .b-city .spisok .current a {
    color: #fff;
    font-size: 13px;
    text-decoration: none;
    border-bottom: 1px dotted #fff;
    transition: border-bottom-width ease-out .1s;
}

.header .b-city .spisok .current a:active {
    color: #76b3e4;
}

.header .b-city .spisok .current a:hover {
    border-bottom-width: 0;
}

.header .b-city .city-list {
    margin: 0;
    padding: 8px 13px;
    background: #fff;
    -webkit-box-shadow: 0px 0px 15px 0 rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0px 0px 15px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0px 0px 15px 0 rgba(0, 0, 0, 0.15);
    position: absolute;
    top: 27px;
    left: 72px;
    z-index: 501;
    min-width: 148px;
}

.header .b-city .city-list li {
    display: block;
    margin: 0;
    padding: 0;
}

.header .b-city .city-list li a {
    color: #3189ab;
    font-size: 13px;
    transition: color ease-out .2s;
}

.header .b-city .city-list li a:active {
    color: #3189ab;
}

.header .b-city .city-list li a:hover {
    color: #0b0e17;
}

.header .b-city .question {
    position: absolute;
    top: 16px;
    left: 58px;
    width: 204px;
    height: 156px;
    background: url(img/city-question.png) no-repeat;
    z-index: 1;
}

.header .b-city .question .title {
    color: #3189ab;
    font-size: 13px;
    border-bottom: 1px solid #e5e5e5;
    position: absolute;
    top: 22px;
    left: 18px;
    width: 158px;
    height: 43px;
    line-height: 49px;
    padding-left: 12px;
}

.header .b-city .question .buttons .text {
    color: #484747;
    font-size: 13px;
    position: absolute;
    bottom: 62px;
    left: 31px;
}

.header .b-city .question .but_yes {
    position: absolute;
    bottom: 25px;
    left: 34px;
}

.header .b-city .question .but_no {
    position: absolute;
    bottom: 25px;
    right: 44px;
}

.header .b-phone {
    position: absolute;
    top: 44px;
    left: 445px;
}

.header .b-phone .title {
    font-size: 13px;
    color: #76b3e4;
    font-weight: 300;
    line-height: 20px;
    margin-top: 7px;
}

.header .b-phone .phone {
    font-size: 20px;
    color: #fff;
    font-weight: 100;
}

.header .b-phone .phone span {
    font-weight: 500;
}
.header .b-phone .phone {
    font-weight: 500;
}

a[href^=tel] {
    color: #fff;
    text-decoration: none;
}

.header .b-phone .title span {
    font-weight: 400;
    color: #fff;
    display: block;
}

.header .b-quest {
    position: absolute;
    top: 26px;
    left: 810px;
    padding-left: 20px;
    background: url(img/ico-quest.png) no-repeat 0 7px;
}

.header .b-backcall {
    position: absolute;
    top: 13px;
    right: 210px;

    display: flex;
    flex-direction: column;
    gap: 5px;
    /*padding-left: 20px;
    background: url(img/ico-backcall.png) no-repeat 0 6px;*/
}

.header .b-quest a,
.header .b-backcall a {
    /*color: #fff;
    font-size: 14px;
    text-decoration: none;
    border-bottom: 1px dashed #fff;
    outline:none;*/
}

.header .b-quest a:hover,
.header .b-backcall a:hover {
    border-bottom: none;
}

.header .header-menu {
    position: absolute;
    top: 13px;
    right: 0px;
    width: 105px;
}

.header .header-menu ul {
    margin: 0;
    padding: 0;
}

.header .header-menu ul li {
    margin: 0;
    padding: 0;
    list-style: none;
}

.header .header-menu ul li a {
    color: #fff;
    font-size: 13px;
    font-weight: 300;
    letter-spacing: 0.02em;
    text-decoration: none;
    transition: color ease-out .2s;
}

.header .header-menu ul li.active a,
.header .header-menu ul li a:hover {
    color: #76b3e4;
}

.b-ico {
    position: absolute;
    top: 93px;
    right: 0;
}

.b-ico a {
    text-indent: -9999px;
    width: 12px;
    height: 12px;
    display: inline-block;
}

.b-ico a.mail {
    margin-right: 5px;
    background: url(img/ico-mail.png) no-repeat 0 0px;
}

.b-ico a.map {
    background: url(img/ico-map.png) no-repeat 0 0px;
}

/* post-header elmnt */

.post-header {
    height: 325px;
    margin-bottom: 30px;
}

.post-header .inner {
    width: 1006px;
    /*background: url(img/post-header-back.png) no-repeat 50% 50%;*/
    height: 325px;
    margin-top: -111px;
    background-color: #f7f4f0;
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.15);
}

.post-header .menu {
    margin: 0;
    padding: 0;
    height: 43px;
    display: table;
    width: 100%;
    position: relative;
}

.post-header .menu li {
    margin: 0;
    padding: 0;
    display: table-cell;
}

.post-header .menu:first-child li {
    /*border-radius: 3px 0 0 0;*/
}

.post-header .menu li a {
    display: block;
    padding: 0 20px;
    line-height: 42px;
    color: #fff;
    text-decoration: none;
    border-right: 1px solid #fff;
    margin-top: 0;
    margin-left: 0px;
    background-color: #76b3e4;
    text-align: center;
    font-size: 15px;
    font-weight: 300;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    transition: background-color ease-out .2s;
}

.post-header .menu li a.icon {
    padding: 0 15px;
}

.post-header .menu li.active a {
    background-color: #3a75a5;
    color: #fff !important;
}

.post-header .menu li.active a:hover {
    color: #fff !important;
    background-color: #3a75a5;
}

.post-header .menu li:first-child a {
    border-left: none;
    /*border-radius: 10px 0 0 0;*/
}

.post-header .menu li:last-child a {
    border-right: none;
    /*border-radius: 0px 10px 0 0;*/
}

.post-header .menu li a:hover {
    color: #fff;
    background-color: #5ba6e3;
    /*background: url(img/menu-hover.jpg) repeat-x;*/
}

/* content elmnt */

.content {
    padding-bottom: 50px;
}

.content .c-left {
    width: 779px;
    margin-right: 32px;
    float: left;
}

.content .c-left .price {
    color: #484747;
    font-size: 18px;
    font-weight: 400;
}

.content .c-left .price a {
    /* color: #1186ab; */
}

.content .c-right {
    width: 190px;
    float: left;
}

.content .block {
    /*border: 1px solid #dedbd7;*/
    /*border-radius: 10px;*/
    text-align: center;
    background-color: #f7f4f0;
}

.content h1 {
    font-size: 28px;
    line-height: 33px;
    font-weight: 500;
    color: #3a75a5;
    margin-bottom: 30px;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.content h2 {
    font-size: 24px;
    line-height: 34px;
    font-weight: 400;
    color: #3a75a5;
    margin-bottom: 30px;
    margin-top: 45px;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.content h3 {
    font-size: 20px;
    font-weight: 400;
    line-height: 24px;
    color: #0b0e17;
    margin: 0 0 15px;
}

.content h4 {
    font-size: 14px;
    line-height: 22px;
    font-weight: 700;
    color: #484747;
    margin-bottom: 6px;
}

.content p {
    margin-bottom: 15px;
}

.content ul.list {
    margin: 0 0 17px 0;
    padding: 0;
}

.content ul.list li {
    display: block;
    margin: 0;
    padding: 0 0 0 16px;
    background: url(img/li-item.png) no-repeat 3px 10px;
    line-height: 28px;
}

.content ul.list_inline li {
    display: inline-block;
}

.content .for-video {
    margin: 30px 0;
    text-align: center;
}

.content .video {
    margin: auto;
    /* width: 582px;
    height: 328px;*/
    padding: 15px;
    line-height: 0;
}

.content .video iframe {
    display: inline-block;
    width: 100%;
    /*max-width: 582px;
    max-height: 341px;*/
}

.content .for-backcall {
    width: 100%;
    height: 74px;
    line-height: 77px;
    margin-bottom: 40px;
    margin-top: 25px;
}

.content .for-backcall .phone {
    font-size: 18px;
    color: #484747;
    display: inline-block;
    margin-left: -12px;
    margin-right: 61px;
}

.content .for-backcall .phone .tel {
    font-size: 23px;
    color: #ff4141;
}

.content .for-backcall .phone .tel span {
    font-weight: 700;
}

.content .for-backcall a.button_red {
    position: relative;
    top: -3px;
}

.content img[align="left"] {
    display: inline-block;
    float: left;
    margin-right: 23px;
    margin-bottom: 20px;
    position: relative;
    top: 4px;
}

.content .b-licence {
    width: 186px;
    text-align: center;
    margin-bottom: 30px;
}

.content .b-licence .pic {
    display: inline-block;
    margin-top: 24px;
    width: 115px;
    height: 161px;
    border: 2px solid #c3c3c3;
    margin-bottom: 16px;
}

.content .b-licence .pic img {
    max-width: 115px;
    max-height: 161px;
}

.content .b-licence .text {
    font-size: 13px;
    line-height: 15px;
    color: #666;
    margin-bottom: 13px;
    padding: 0 10px;
}

.content .b-credit {
    margin-bottom: 20px;
}

.content .b-credit .button_red {
    height: 79px;
    width: 185px;
    text-align: center;
    margin-bottom: 14px;
}

.content .b-credit .button_red .text {
    color: #fff;
    font-size: 16px;
    text-decoration: none;
    position: relative;
    top: 2px;
}

.content .b-credit .button_red .alpha {
    width: 105px;
    height: 32px;
    background: url(img/alpha.jpg) no-repeat;
    position: absolute;
    bottom: 1px;
    left: 39px;
}

.content .b-calc-but .button_grey .alpha1 {
    width: 105px;
    height: 32px;
    background: url(img/alpha2.png) no-repeat;
    position: absolute;
    bottom: 1px;
    left: 39px;
}

.content .b-calc-but {
    margin-bottom: 24px;
}

.content .b-calc-but .button_grey {
    height: 82px;
    width: 188px;
}

.content .b-calc-but .button_grey .text {
    display: inline-block;
    color: #484747;
    font-size: 16px;
    line-height: 20px;
    text-decoration: none;
    position: absolute;
    top: 11px;
    left: 13px;
}

.content .b-calc-but .button_grey .ico_calc {
    width: 78px;
    height: 65px;
    background: url(img/ico-calc.jpg) no-repeat;
    position: absolute;
    right: 1px;
    bottom: 6px;
}

.content .b-calc-but .button_grey .text_right {
    top: 11px;
    left: auto;
    right: 11px;
    text-align: right;
}

.content .b-calc-but .button_grey .ico_budget {
    width: 68px;
    height: 47px;
    background: url(img/ico-budget.jpg) no-repeat;
    position: absolute;
    left: 10px;
    top: 21px;
}

.content .b-right-menu {
    margin-bottom: 30px;
    text-align: left;
    padding: 0;
}

.content .b-right-menu ul {
    padding: 0;
    margin: 0;
}

.content .b-right-menu ul li {
    display: block;
    padding: 0;
    margin: 0 0px;
}

.content .b-right-menu ul li a {
    font-size: 13px;
    line-height: 18px;
    color: #3a75a5;
    display: block;
    padding: 15px 15px;
    border-bottom: 1px solid #fff;
    text-decoration: none;
}

.content .b-right-menu ul li:last-child a {
    border-bottom: none;
}

.content .b-right-menu ul li a:hover {
    background-color: #f7efe4;
}

.content .b-right-menu ul li.active a {
    background-color: #3a75a5;
    color: #fff;
}

.content .b-calculator {
    width: 185px;
    margin-bottom: 0px;
    text-align: left;
    background-color: #f7f4f0;
    border: 1px solid #dedbd7;
}

.content .b-calculator .title {
    height: 44px;
    line-height: 47px;
    color: #484747;
    font-size: 16px;
    margin-bottom: 13px;
    text-align: center;
    border-bottom: 1px solid #d9d9d9;
}

.content .b-calculator .calc {
    padding-left: 10px;
    padding-bottom: 5px;
}

.content .b-calculator .calc .row-input {
    margin-bottom: 12px;
}

.content .b-calculator .calc .row-input .input {
    width: 154px;
}

.content .b-calculator .calc .row-label-input {
    position: relative;
    margin-bottom: 12px;
    height: 27px;
}

.content .b-calculator .calc .row-label-input.notactive {
    opacity: 0.4;
}

.content .b-calculator .calc .row-label-input label {
    position: absolute;
    top: 1px;
    left: 6px;
    font-size: 13px;
    color: #686565;
}

.content .b-calculator .calc .row-label-input_two label {
    line-height: 14px;
    top: -2px;
}

.content .b-calculator .calc .row-label-input .input {
    position: absolute;
    top: 0px;
    left: 105px;
    width: 84px;
    text-align: center;
}

.content .b-calculator .calc .row-label-input .signature {
    font-size: 13px;
    color: #686565;
    position: absolute;
    top: 1px;
    left: 211px;
}

.content .b-calculator .calc .row-label-box {
    position: relative;
    margin-bottom: 11px;
    height: 13px;
}

.content .b-calculator .calc .row-label-box label {
    position: absolute;
    top: 0px;
    left: 6px;
    font-size: 13px;
    color: #686565;
}

.content .b-calculator .calc .row-label-box .box {
    position: absolute;
    top: 6px;
    right: 50px;
    width: 13px;
    height: 13px;
    background: url(img/box.png) 0 0;
    cursor: pointer;
}

.content .b-calculator .calc .row-label-box .box.active {
    background-position: 0 -13px;
}

.content .b-calculator .calc .row-label-box_last {
    height: 37px;
}

.content .b-calculator .calc .row-label-box_last label {
    line-height: 16px;
    margin-top: 4px;
}

.content .b-calculator .calc .label_two label {
    line-height: 16px;
    margin-top: -2px;
}

.content .b-calculator .calc .row-label-box_last .box {
    top: 12px;
}

.content .b-calculator .itog {
    border-top: 1px solid #d9d9d9;
    height: 59px;
    line-height: 55px;
    text-align: center;
}

.content .b-calculator .itog .t {
    display: inline-block;
    font-size: 16px;
    color: #484747;
    padding-right: 5px;
}

.content .b-calculator .itog .sum {
    display: inline-block;
    font-size: 16px;
    color: #006e98;
}

.content .b-calculator .button_red {
    margin-bottom: 10px;
    width: 265px;
}

.content #calc_svayi .button_red {
    margin-top: 10px;
}

.c-left img {
    display: inline-block;
    border: 1px solid #ebe8e4;
    border-radius: 0;
}

/* footer elmnts */

.footer .logo {
    width: 195px;
    height: 88px;
    position: absolute;
    top: 30px;
    left: 0;
    background: url(img/logo-footer.png) no-repeat;
}

.footer .copyright {
    font-size: 12px;
    font-weight: 100;
    color: #fff;
    position: absolute;
    top: 69px;
    left: 282px;
    line-height: 18px;
}

.footer .foot-menu {
    position: absolute;
    top: 28px;
    right: 0;
    margin: 0;
    padding: 0;
}

.footer .foot-menu li {
    display: inline-block;
    padding: 0 0 0 15px;
    margin: 0;
    /*background: url(img/foot-menu-item.png) no-repeat 100% 6px;*/
}

.footer .foot-menu li:first-child {
    padding-left: 0;
}

.footer .foot-menu li:last-child {
    padding-right: 0;
    background: none;
}

.footer .foot-menu li a {
    color: #fff;
    font-size: 12px;
    font-weight: 300;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    transition: color ease-out .2s;
}

.footer .foot-menu li a:hover {
    color: #76b3e4;
}

/* cycle */
.cycle-slideshow {
    position: absolute;
    width: 940px;
    height: 218px;
    top: 72px;
    left: 32px;
}

.cycle-slideshow img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding: 0;
    display: block;
}

.cycle-slideshow img:first-child {
    position: static;
    z-index: 100;
}

.cycle-pager {
    text-align: center;
    width: 100%;
    z-index: 500;
    position: absolute;
    top: 226px;
    overflow: hidden;
}

.cycle-pager span {
    width: 15px;
    height: 15px;
    display: inline-block;
    cursor: pointer;
    background: url(img/cycle-pager.png);
    text-indent: -9999px;
    margin-right: 4px;
}

.cycle-pager span.cycle-pager-active {
    background-position: 0 -15px;
}

.cycle-pager span:last-child {
    margin-right: 0px;
}

.cycle-pager > * {
    cursor: pointer;
}

/* pseudo select */

.selectbox {
    vertical-align: middle;
    cursor: pointer;
}

.selectbox .select {
    color: #686565;
    font-size: 13px;
    width: 135px;
    height: 25px;
    padding: 0 25px 0 5px;
    border-top: 1px solid #d5d7d7;
    border-right: 1px solid #d5d7d7;
    border-bottom: 1px solid #e1e2e3;
    border-left: 1px solid #d3d5d6;
    -webkit-box-shadow: inset -1px -1px 1px 0 #f2f3f3;
    -moz-box-shadow: inset -1px -1px 1px 0 #f2f3f3;
    box-shadow: inset -1px -1px 1px 0 #f2f3f3;
    z-index: 0 !important;
    background: #fff;
}

.selectbox .select .text {
    display: block;
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.selectbox .trigger {
    position: absolute;
    top: 0;
    right: 0px;
}

.selectbox .trigger .arrow {
    position: absolute;
    top: 4px;
    right: 3px;
    width: 17px;
    height: 17px;
    background: url(img/a-arrow.png) no-repeat;
}

.selectbox .dropdown {
    top: 25px;
    left: 0px;
    width: 149px;
    margin: 0;
    padding: 7px 8px 0px;
    background: #fff;
    z-index: 10000 !important;
    border: 1px solid #d3d5d5;
}

.selectbox ul {
    margin-bottom: 9px;
}

.selectbox li {
    display: block;
    margin: 0 0 9px;
    padding: 0px 0px 0px;
    color: #3189ab;
    font-size: 13px;
    line-height: 13px;
}

.selectbox_right .select {
    left: 85px;
    width: 50px;
    height: 25px;
    text-align: center;
}

.selectbox_right .dropdown {
    left: 85px;
    width: 62px;
    padding-left: 10px;
}

/* feedback form */

.backcall-form {
    width: 330px;
}

.backcall-form .title {
    color: #484747;
    font-size: 14px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    background: #f7f4f0;
    margin-bottom: 24px;
}

.backcall-form .for-input {
    margin-left: 34px;
    margin-bottom: 23px;
}

.backcall-form .button_red {
    margin-left: 39px;
    margin-bottom: 29px;
    margin-top: 12px;
    width: 251px;
}

input.err {
    border-color: #d92b2b;
}

/* colorbox */

#colorbox, #cboxOverlay, #cboxWrapper {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9999;
    overflow: visible;
}

#cboxOverlay {
    position: fixed;
    width: 100%;
    height: 100%;
}

#cboxMiddleLeft, #cboxBottomLeft {
    clear: left;
}

#cboxContent {
    position: relative;
}

#cboxLoadedContent {
    -webkit-overflow-scrolling: touch;
}

#cboxLoadingOverlay, #cboxLoadingGraphic {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow {
    cursor: pointer;
}

#colorbox, #cboxContent, #cboxLoadedContent {
    box-sizing: content-box;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
}

#cboxPrevious, #cboxNext {
    display: none !important;
}

#cboxOverlay {
    background: #000;
}

#colorbox {
    outline: 0;
}

#cboxContent {
}

.cboxIframe {
    background: #fff;
}

#cboxError {
    padding: 50px;
    border: 1px solid #ccc;
}

#cboxLoadedContent {
    background: #fff;
    -webkit-box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.4);
    box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.4);
    border: 1px solid #d9d9d9;
}

#cboxClose {
    position: absolute;
    top: -7px;
    right: -8px;
    display: block;
    background: url(img/close.png) no-repeat;
    width: 27px;
    height: 27px;
    text-indent: -9999px;
    border: 0;
    outline: 0;
    display: none;
}

.inline-colorbox #cboxContent {
    background: transparent;
}

.inline-colorbox #cboxLoadedContent {
    background: #fff;
    border-radius: 10px;
    box-shadow: 0px 0px 57px 0px rgba(0, 0, 0, 0.75);
    -webkit-box-shadow: 0px 0px 57px 0px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 0px 57px 0px rgba(0, 0, 0, 0.75);
}

.popup {
    display: none;
}

/* b calc content */

.content .b-calc-content {
    width: 285px;
    float: left;
    margin-right: 30px;
    margin-bottom: 30px;
}

.content .b-calc-content_two {
    float: none;
    margin-bottom: 20px;
}

.content .b-calc-content .selectbox_right .select {
    left: 105px;
    width: 125px;
}

.content .b-calc-content .selectbox_right .dropdown {
    left: 105px;
    width: 137px;
}

.content .b-calc-content .itog {
    height: auto;
    line-height: 23px;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center;
    /* padding-left: 18px;
    padding-right: 18px; */

    display: flex;
    flex-direction: column;
    gap: 12px;
}

#calc_svayi__contact-form {
    padding-top: 10px;
    /* padding-bottom: 10px; */
    border-top: 1px solid #d9d9d9;

    padding-left: 18px;
    padding-right: 18px;

    display: flex;
    flex-direction: column;
    gap: 12px;
}

#calc_svayi__contact-form input:not([type="hidden"]) {
    color: #686565;
    font-size: 13px;
    padding: 0 5px 0 5px;
    border-top: 1px solid #d5d7d7;
    border-right: 1px solid #d5d7d7;
    border-bottom: 1px solid #e1e2e3;
    border-left: 1px solid #d3d5d6;
    box-shadow: inset -1px -1px 1px 0 #f2f3f3;
    width: 100%;
    z-index: 0 !important;
    background: #fff;
}

#calc_svayi__contact-form .button_red {
    width: 100% !important;
    margin-bottom: unset !important;
}

#calc_svayi .row-label-box {
    margin-top: 20px;
}

#calc_svayi .row-label-box .box {
    right: 155px;
}

/* result calc table */

.result-calc {
    border-collapse: collapse;
}

.result-calc thead td {
    font-weight: 700;
}

.result-calc td {
    border: 1px solid #000;
    padding: 5px;
    text-align: center;
    vertical-align: middle;
}

.result-calc tbody tr td:nth-child(2) {
    text-align: left;
}

/* gallery */

.b-gallery {
    margin-top: 18px;
}

.b-gallery .pic-list {
    margin: 0;
    padding: 0;
}

.b-gallery .pic-list li {
    display: inline-block;
    margin: 0 19px 32px 0;
    padding: 0;
    max-width: 244px;
    vertical-align: top;
}

.b-gallery .pic-list li:nth-child(3n+3) {
    margin-right: 0;
}

.b-gallery .pic-list li a {
    display: block;
    width: 242px;
    height: 179px;
    margin-bottom: 5px;
    overflow: hidden;
    text-align: center;
    line-height: 179px;
    outline: 0;
}

.b-gallery .pic-list li a img {
    max-width: 242px;
    max-height: 182px;
}

.b-gallery .pic-list li .name {
    text-align: center;
}

/* full width calc */

.content .b-calc-content.full-width {
    width: 778px;
    padding-top: 20px;
}

.content .b-calc-content.full-width .calc-left {
    width: 287px;
    float: left;
    padding-left: 58px;
    margin-right: 95px;
}

.content .b-calc-content.full-width .calc-right {
    width: 274px;
    float: left;
}

.content .b-calc-content.full-width .calc .row-label-box .box {
    right: 74px;
}

.content .b-calc-content.full-width .button_red {
    left: 50%;
    margin-left: -132px;
    margin-top: 20px;
}

/* table price */

.b-table-price .head {
    font-weight: 700;
    color: #484747;
    margin-bottom: 5px;
}

.b-table-price .tabs {
    margin: 0 0 15px 0;
    padding: 0;
    position: relative;
    z-index: 1;
}

.b-table-price .tabs li {
    display: inline-block;
    margin: 0;
    padding: 0;
    height: 33px;
    width: 85px;
    border-top: 1px solid #e7e7e7;
    background: #fcfcfc;
    position: relative;
    margin-right: 8px;
    border-bottom: 1px solid #d9d9d9;
}

.b-table-price .tabs li:before {
    display: block;
    position: absolute;
    top: -1px;
    left: -15px;
    content: " ";
    height: 34px;
    width: 15px;
    background: url(img/tabs-back.png) 0 -34px;
    border-bottom: 1px solid #d9d9d9;
}

.b-table-price .tabs li:after {
    display: block;
    position: absolute;
    top: -1px;
    right: -15px;
    content: " ";
    height: 34px;
    width: 15px;
    background: url(img/tabs-back.png) -15px -34px;
    border-bottom: 1px solid #d9d9d9;
}

.b-table-price .tabs li a {
    display: block;
    height: 33px;
    color: #656565;
    font-size: 13px;
    line-height: 33px;
    text-align: center;
    text-decoration: none;
}

.b-table-price .tabs li.active {
    background: #fefefe; /* Old browsers */
    background: -moz-linear-gradient(top, #fefefe 0%, #e9e9e9 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fefefe), color-stop(100%, #e9e9e9)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #fefefe 0%, #e9e9e9 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #fefefe 0%, #e9e9e9 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #fefefe 0%, #e9e9e9 100%); /* IE10+ */
    background: linear-gradient(to bottom, #fefefe 0%, #e9e9e9 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fefefe', endColorstr='#e9e9e9', GradientType=0); /* IE6-9 */
    z-index: 11 !important;
}

.b-table-price .tabs li.active:before {
    background-position: 0px 0px;
}

.b-table-price .tabs li.active:after {
    background-position: -15px 0px;
}

.b-table-price .tabs li.active a {
    font-size: 14px;
    color: #484747;
    font-weight: 700;
}

.b-table-price .tabs li:nth-child(1) {
    z-index: 10;
}

.b-table-price .tabs li:nth-child(2) {
    z-index: 9;
}

.b-table-price .tabs li:nth-child(3) {
    z-index: 8;
}

.b-table-price .tabs li:nth-child(4) {
    z-index: 7;
}

.b-table-price .tabs li:nth-child(5) {
    z-index: 6;
}

.b-table-price .tabs li:nth-child(6) {
    z-index: 5;
}

.b-table-price .tabs li:nth-child(7) {
    z-index: 4;
}

.b-table-price table {
    width: 794px;
    table-layout: fixed;
    border-collapse: collapse;
    position: relative;
    left: -15px;
}

.b-table-price table td,
.b-table-price table th {
    height: 45px;
    vertical-align: middle;
    text-align: center;
    font-size: 12px;
    color: #3e3e3e;
    line-height: 14px;
}

.b-table-price table th {
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    color: #000;
    font-weight: 700;
    background: #d3d3d3;
}

.b-table-price table th:last-child {
    border-right: none;
}

.b-table-price table tr td {
    border-right: 1px solid #fff;
    border-bottom: 2px solid #fff;
    background: #f7f8f8;
}

.b-table-price table tr td:last-child {
    border-right: none;
}

.b-table-price table tbody tr:nth-child(2n+2) td {
    background: #e9e9e9;
}

.b-table-price table tbody tr:hover td {
    background: #00d0ed;
    cursor: pointer;
}

/* news page */

p.news-item {
    margin-bottom: 10px;
    margin-top: 35px;
}

p.news-item a {
    font-size: 18px;
}

.news-detail h3 {
    font-size: 18px;
}

.logo_text_1,
.logo_text_2,
.logo_text_3 {
    font-weight: 100;
    font-size: 12px;
    color: #fff;
    letter-spacing: 0.04em;
}

.logo_text_1 {
    position: absolute;
    top: 13px;
    left: 180px;
}

.logo_text_2 {
    position: absolute;
    left: 162px;
    top: 29px;
}

.logo_text_3 {
    position: absolute;
    left: 143px;
    top: 46px;
}

.content .prices {
    border: 1px solid #dedbd7;
    padding: 10px 14px;
    overflow: hidden;
    margin: 28px 0 34px;
    background-color: #f7f4f0;
}

.content .prices p {
    font-size: 16px;
    color: #484747;
    margin-bottom: 16px;
}

.content .prices .one_price {
    float: left;
    width: 330px;
    margin-bottom: 21px;
}

.content .prices .one_price .name {
    font-size: 16px;
    margin-bottom: 5px;
    color: #d92b2b;
}

.content .prices .one_price .name span {
    color: #3a75a5;
    display: inline-block;
    width: 170px;
}

.content .prices .one_price .name span a {
    font-size: 16px;
    margin-bottom: 0;
}

.content .prices .one_price .har {
    font-size: 14px;
    color: #484747;
}

.content .prices .one_price .har span {
    width: 70px;
    display: inline-block;
}

.content .prices .separator {
    clear: both;
    width: 100%;
    height: 1px;
    background-color: #ebe8e4;
    margin-bottom: 10px;
    position: relative;
    top: -4px;
}

.content .prices a {
    color: #006e98;
    font-size: 14px;
    margin-bottom: 2px;
    display: block;
}

.content .feedback_text {
    margin: 50px 0;
    background-color: #f7f4f0;
    padding: 30px;
}

.content .feedback_text p {
    display: block;
    float: left;
    width: 60%;
    font-weight: 300;
}

.content .feedback_text .button_red {
    display: block;
    float: right;
    text-align: center;
    margin-top: 6px;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

.content ul {
    margin: -7px 0 10px 15px;
}

.content .price_fundament {
    overflow: hidden;
    width: 100%;
    margin-bottom: 30px;
}

.content .price_fundament .one_price {
    float: left;
    width: 31.33333%;
    border: 1px solid #f1f1f1;
    margin-right: 3%;
    margin-bottom: 3%;
    padding: 15px 15px 13px;
    background-color: #f9f9f9;
    -webkit-box-sizing: content-box;
    box-sizing: border-box;
}

.content .price_fundament .one_price:last-child {
    margin-right: 0;
}

.content .price_fundament .one_price .name {
    font-size: 15px;
    font-weight: 400;
    color: #006e98;
    margin-bottom: 12px;
}

.content .price_fundament .one_price img {
    margin-bottom: 15px;
    width: 100%;
    width: auto\9;
    height: auto;
}

.content .price_fundament .one_price .hr {
    font-size: 14px;
    color: #484747;
    margin-bottom: 11px;
}

.content .price_fundament .one_price .hr div {
    overflow: hidden;
    margin-bottom: 3px;
}

.content .price_fundament .one_price .hr div span.left {
    display: block;
    float: left;
}

.content .price_fundament .one_price .hr div span.right {
    display: block;
    float: right;
}

.content .price_fundament .one_price .price {
    font-size: 14px;
    color: #d92b2b;
}

.content .price_fundament .one_price .price span.left {
    display: block;
    float: left;
    color: #484747;
}

.content .price_fundament .one_price .price span.right {
    display: block;
    float: right;
}

.servis_block {
    overflow: hidden;
    padding: 20px;
    margin-bottom: 3px;
    background-color: #f9f9f9;
}

.servis_block .img {
    float: left;
    width: 240px;
    margin-bottom: 17px;
}

.servis_block .img img {
    transition: opacity ease-out .2s;
}

.servis_block .img a:hover img {
    opacity: .7;
}

.servis_block .cont {
    float: right;
    width: 75%;
}

.servis_block .cont .cont_title {
    display: inline-block;
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 15px;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.servis_block .cont .cont_title:hover {
    text-decoration: none;
}

.servis_block .cont ul {
    margin: -2px 0 13px;
}

.servis_block .cont p {
    margin-bottom: 10px;
}

.contact_text {
    margin-bottom: 30px;
}

.map_block {
    margin-bottom: 30px;
}

.form_contacts {
    width: 100%;
    background-color: #f7f4f0;
    margin-bottom: 20px;
    overflow: hidden;
    padding: 20px;
}

.form_contacts span {
    display: block;
    float: left;
    margin-right: 20px;
}

.form_contacts form select {
    width: 200px;
    outline: 0;
}

.separator_td {
    width: 100%;
}

.price_section_table {
    width: 778px;
    border-spacing: 0;
    margin: -5px 0 0;
}

.td_title {
    width: 373px;
    border: 1px solid #d9d9d9;
    border-bottom: none;
    border-top: none;
}

.td_title > div {
    width: 359px;
    padding: 0 0 9px 14px;
}

.td_title div a {
    font-size: 16px;
    color: #006e98;
    text-decoration: underline;
}

.td_title div a:hover {
    text-decoration: none;
}

.td_text, .td_picture {
    width: 373px;
    border: 1px solid #d9d9d9;
    border-bottom: none;
    border-top: none;
}

.td_text > div {
    width: 345px;
    padding: 0 14px 21px 14px;
    font-size: 14px;
    color: #484747;
    line-height: 23px;
}

.td_picture > div {
    width: 345px;
    padding: 0 14px 21px 14px;
}

.td_separator_horizontal {
    width: 373px;
    border: 1px solid #d9d9d9;
    border-bottom: none;
    border-top: none;
}

.td_separator_horizontal > div {
    width: 345px;
    border-top: 1px solid #f2f2f2;
    margin: 0 14px;
    padding-bottom: 18px;
}

.td_top_el {
    width: 373px;
    border: 1px solid #d9d9d9;
    border-bottom: none;
    border-top: none;
}

.td_top_el > div {
    width: 345px;
    margin: 0 14px;
    font-size: 14px;
    color: #484747;
    overflow: hidden;
}

.td_top_el .one_top {
    float: left;
    width: 150px;
    margin-bottom: 22px;
}

.td_top_el .one_top .one_top_line {
    overflow: hidden;
}

.td_top_el .one_top .price_line {
    margin-top: 5px;
}

.td_top_el .one_top .one_top_line .one_top_line_left {
    display: block;
    float: left;
}

.td_top_el .one_top .one_top_line .one_top_line_right {
    display: block;
    float: right;
    text-align: right;
}

.td_top_el .one_top .one_top_line .red {
    color: #e51111;
}

.td_more_info {
    width: 373px;
    border: 1px solid #d9d9d9;
    border-bottom: none;
    border-top: none;
}

.td_more_info > div {
    width: 345px;
    margin: 0 14px;
    font-size: 14px;
    padding-bottom: 4px;
}

.td_more_info > div > a {
    color: #006e98;
    text-decoration: underline;
}

.td_more_info > div > a:hover {
    text-decoration: none;
}

.top_table {
    overflow: hidden;
}

.top_table .top_table_border {
    border: 1px solid #d9d9d9;
    border-bottom: none;
    border-radius: 10px 10px 0 0;
    width: 373px;
    height: 12px;
    float: left;
}

.top_table .top_table_separ {
    float: left;
    width: 28px;
    height: 12px;
}

.bottom_table {
    overflow: hidden;
    margin-bottom: 39px;
}

.bottom_table .bottom_table_border {
    border: 1px solid #d9d9d9;
    border-top: none;
    border-radius: 0 0 10px 10px;
    width: 373px;
    height: 12px;
    float: left;
}

.bottom_table .bottom_table_separ {
    float: left;
    width: 28px;
    height: 12px;
}

.svai_description {
    margin-bottom: 17px;
}

.diam_list {
    overflow: hidden;
}

.diam_list .one_diam {
    float: left;
    font-size: 14px;
    cursor: pointer;
    color: #3a75a5;
    text-align: center;
    width: 73px;
    height: 36px;
    background-color: #f7f4f0;
    line-height: 36px;
    margin-right: 1px;
    margin-bottom: 1px;
    transition: background-color ease-out .2s;
}

.diam_list .one_diam:hover {
    background-color: #f7efe4;
}

.diam_list .one_diam.active {
    color: #fff;
    background-color: #3a75a5;
    cursor: default;
}

.svai_price_table {
    width: 100%;
    margin-bottom: 26px;
}

.table_overflow {
    display: none;
}

.active_table {
    display: block;
}

.svai_price_table tr td {
    text-align: center;
    font-size: 13px;
    color: #333;
}

.svai_price_table tr.header_tr td, .svai_price_table thead tr td {
    font-weight: 700;
    background-color: #747370;
    border: 2px solid #fff;
    padding: 7px 0;
    vertical-align: middle;
    line-height: 15px;
    color: #fff;
}

.svai_price_table tbody tr.tr_1 td {
    background-color: #f7f4f0;
    border: 2px solid #fff;
    padding: 14px 0;
    vertical-align: middle;
    line-height: 15px;
}

.svai_price_table tbody tr.tr_2 td {
    background-color: #dedbd7;
    border: 2px solid #fff;
    padding: 14px 0;
    vertical-align: middle;
    line-height: 15px;
}

.svai_price_table tr.tr_1:hover td, .svai_price_table tr.tr_2:hover td, .svai_price_table tr.tr_1.active td, .svai_price_table tr.tr_2.active td {
    background-color: #cbe2f5;
    color: #333;
}

.stoimost_rabot {
    overflow: hidden;
    font-size: 14px;
    color: #484747;
}

.stoimost_rabot span {
    display: block;
    float: left;
}

.stoimost_rabot .stoimost_rabot_text {
    padding-right: 5px;
}

.stoimost_rabot .stoimost_rabot_dotted {
    padding-right: 215px;
    border-bottom: 1px dotted #484747;
    height: 16px;
    margin-right: 5px;
}

div.blog_media {
    margin-bottom: 30px;
    overflow: hidden;
    width: 820px;
}

div.blog_media .video_2 {
    float: left;
    margin-right: 19px;
    width: 380px;
}

span.price_color {
    color: #e51111;
}

.content .right_block {
    margin-bottom: 24px;
    padding-left: 0px;
}

.h_right_block {
    color: #484747;
    font-size: 16px;
    margin-bottom: 10px;
}

.svaya_block {
    margin: 35px 0;
}

.svaya_item_block {
    overflow: hidden;
    padding: 20px;
    margin-bottom: 3px;
    background-color: #f9f9f9;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

.svaya_item_block .svaya_item_block_left {
    float: left;
    width: 160px;
    text-align: center;
    left: 1px;
    position: relative;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

.svaya_item_block .svaya_item_block_left a:hover img {
    opacity: 0.7;
}

.svaya_item_block .svaya_item_block_right {
    float: right;
    width: 765px;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

.svaya_item_block .svaya_item_block_right .svaya_item_block_title {
    font-size: 18px;
    font-weight: 400;
    display: inline-block;
    margin-bottom: 15px;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.svaya_item_block .svaya_item_block_right .svaya_item_block_text {
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid #f1f1f1;
}

.svaya_item_block .svaya_item_block_right .svaya_item_block_hits_title {
    margin-bottom: 10px;
    color: #d92b2b;
    font-size: 15px;
    font-weight: 400;
    text-transform: uppercase;
}

.svaya_item_block .svaya_item_block_right .svaya_item_block_hits_block {
    /*margin-bottom:24px;*/
}

.svaya_item_block .svaya_item_block_right .svaya_item_block_hits_block .svaya_item_block_hits_line {
    overflow: hidden;
    /*margin-bottom:7px;*/
    line-height: 28px;
}

.svaya_item_block .svaya_item_block_right .svaya_item_block_hits_block .svaya_item_block_hits_line a {
    text-decoration: none;
    font-weight: 300;
    letter-spacing: 0.04em;
    transition: background-color ease-out .2s;
}

.svaya_item_block .svaya_item_block_right .svaya_item_block_hits_block .svaya_item_block_hits_line .svaya_item_block_hits_line_1 {
    float: left;
    width: 99px;
}

.svaya_item_block .svaya_item_block_right .svaya_item_block_hits_block .svaya_item_block_hits_line .svaya_item_block_hits_line_2 {
    float: left;
    width: 110px;
}

.svaya_item_block .svaya_item_block_right .svaya_item_block_hits_block .svaya_item_block_hits_line .svaya_item_block_hits_line_3 {
    float: left;
    width: 110px;
}

.svaya_item_block .svaya_item_block_right .svaya_item_block_hits_block .svaya_item_block_hits_line .svaya_item_block_hits_line_4 {
    float: left;
    width: 99px;
}

.svaya_item_block .svaya_item_block_right .svaya_item_block_more_link {
    text-decoration: none;
}

.svaya_item_block .svaya_item_block_right .svaya_item_block_more_link:hover {
    text-decoration: underline;
}

/*
Подробная карточка каталога
*/

.catalog-detail .product h2 {
    margin: 0 0 20px;
}

.catalog-detail .product .right-content {
    float: right;
    width: 720px;
}

.catalog-detail .product .right-content .price {
    margin-bottom: 20px;
}

.catalog-detail .product .right-content .price .primary {
    font-size: 30px;
    font-weight: 500;
    float: left;
}

.catalog-detail .product .right-content .price .primary span,
.catalog-detail .product .right-content .price .button-buy span {
    display: block;
    font-size: 14px;
    font-weight: 300;
    /*color: #b3b3b3;*/
}

.catalog-detail .product .right-content .price .primary span {
    margin-top: 10px;
}

.catalog-detail .product .right-content .price .button-buy span {
    margin-top: 0;
}

.catalog-detail .product .right-content .price .button-buy {
    float: right;
    text-align: center;
}

.catalog-detail .product .right-content .price .optional {
    font-size: 18px;
    line-height: 28px;
    margin-top: 10px;
    font-weight: 400;
}

.catalog-detail .product .right-content .price p {
    font-size: 14px;
    font-weight: 300;
    /*color: #b3b3b3;*/
    margin: 15px 0 0;
}

.catalog-detail .product .right-content .text-preview {

}

.catalog-detail .product .right-content .text-block {
    margin-top: 30px;
}

.catalog-detail hr {
    margin: 40px 0;
}

.catalog-detail .tabs {
    margin-top: 30px;
}

.catalog-detail .tabs > ul {
    margin: 0;
    background-color: #f7f4f0;
    border: none;
}

.catalog-detail .tabs > ul > li {
    margin-left: 0;
    margin-bottom: 0;
}

.catalog-detail .tabs > ul > li a {
    border-radius: 0;
    text-decoration: none;
    border-right: 1px solid #fff;
    border-bottom: none;
    border-left: none;
    border-top: none;
    margin-right: 0;
    font-weight: 300;
}

.catalog-detail .tabs > ul > li a:hover {
    border-bottom: none;
    background-color: #f7efe4;
    color: #3a75a5;
}

.catalog-detail .tabs > ul > li.active a {
    border: none;
    background-color: #3a75a5;
    color: #fff;
}

.catalog-detail .tabs > ul > li.active a:after {
    content: '';
    width: 0;
    height: 0;
    position: absolute;
    left: 50%;
    margin-left: -5px;
    bottom: 0;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent #fff;
}

.catalog-detail .tabs .tab-content {
    border-top: 2px solid #3a75a5;
    padding-top: 20px;
}

.catalog-detail .product-alike {
    margin-top: 35px;
    padding-top: 35px;
    border-top: 2px solid #3a75a5;
}

.catalog-detail .product-alike h2 {
    margin-bottom: 25px;
}

/*
Таблица свай
*/

.table > thead > tr > th {
    font-weight: 500;
    vertical-align: top;
    /* background-color: #F7F4F0; */
}

.table-hover > tbody > tr:hover {
    background-color: #f7f4f0;
}

.table > tbody > tr.active > td, .table > tbody > tr.active > th, .table > tbody > tr > td.active, .table > tbody > tr > th.active, .table > tfoot > tr.active > td, .table > tfoot > tr.active > th, .table > tfoot > tr > td.active, .table > tfoot > tr > th.active, .table > thead > tr.active > td, .table > thead > tr.active > th, .table > thead > tr > td.active, .table > thead > tr > th.active {
    background-color: #f7f4f0;
}

/*
Список характеристик
*/

ul.property-list {
    padding: 0;
    margin: 0;
    list-style-type: none;
}

ul.property-list li {
    border-bottom: 1px dotted #c2c2c2; /* Необязателен. Здесь задается толщина, тип и цвет точек */
    position: relative;
    padding: 0;
    margin-bottom: 5px; /* Необязателен. Задается для установки расстояния между блоками li */
    margin-left: 0;
}

ul.property-list li span {
    background-color: #fff; /* Это необходимо, чтобы перекрыть точки фоном */
    margin: 0;
}

ul.property-list li span.text, ul.property-list li span.value {
    bottom: -6px; /* Смещаем значимые блоки, чтобы они перекрыли точки */
}

ul.property-list span.text {
    position: relative;
    margin-right: 7em; /* Задается чтобы текст не заходил на номера страниц */
    padding-right: 5px; /* Необязателен. Задается чтобы точки не подходили вплотную к концу текста */
}

ul.property-list span.value {
    position: absolute;
    right: 0;
    padding-left: 5px; /* Необязателен. Задается чтобы точки не подходили вплотную к номерам страниц */
}

/*
-----
*/

.breadcrumbs {
    margin-bottom: 20px;
    color: #dedbd7;
    font-size: 12px;
    font-weight: 300;
}

.breadcrumbs a {
    text-decoration: none;
}

.breadcrumbs a:hover {
    text-decoration: underline;
}

.breadcrumbs span {
    color: #312a20;
}

.big_button_red {
    /*width:295px;*/
    height: 57px;
    line-height: 25px;
    padding-top: 10px;
}

.big_button_blue {
    display: inline-block;
    position: relative;
    outline: 0;
    cursor: pointer;
    height: 57px;
    line-height: 25px;
    border-top: none;
    border-right: none;
    border-left: none;
    border-bottom: 3px solid #006287;
    margin: 0 0 15px 0;
    padding: 10px 25px 0 25px;
    font-size: 15px;
    color: #fff;
    font-weight: 300;
    text-decoration: none;
    background-color: #009fdb;
}

.big_button_blue span, .big_button_red span {
    display: block;
    text-transform: uppercase;
}

.big_button_blue:hover,
.button_blue_small:hover {
    background-color: #006287 !important;
    border-bottom: 3px solid #006287;
}

.big_button_blue:focus,
.big_button_red:focus {
    color: #fff;
}

.button_blue_small {
    background-color: #009fdb;
    border-bottom: 3px solid #006287;
}

.table_note {
    padding-bottom: 20px;
    color: #b3b3b3;
    margin-top: 10px;
}

/* Наши работы
---------------------------------------------------------------------*/
.our-work-list-text-top {
    padding-bottom: 30px;
}

.our-work-item {
    margin-bottom: 3px;
    padding: 20px;
    background-color: #f9f9f9;
}

.our-work-title a {
    font-size: 18px;
    font-weight: 400;
    display: inline-block;
    margin-bottom: 15px;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.our-work-list .our-work-preview-text {
    margin-bottom: 20px;
}

.our-work-list .wlist-gallery a img {
    width: 180px;
    height: 120px;
}

.our-work-list .wlist-gallery {
    width: 100%;
    height: auto;
    margin: 0;
}

.our-work-list .wlist-gallery a {
    display: inline-block;
    width: 180px;
    height: 120px;
    overflow: hidden;
    margin-right: 15px;
    margin-bottom: 15px;
}

.our-work-list .wlist-gallery a:nth-child(4) {
    margin-right: 0px;
}

.our-work-detail {
    word-wrap: break-word;
}

.our-work-detail .our-work-preview-text {
    margin-bottom: 20px;
}

.our-work-detail .our-work-prop {
    font-size: 20px;
    font-weight: 300;
    margin: 30px 0;
    /*background-color: #f9f9f9;*/
    /*padding: 20px;*/
}

.our-work-detail .our-work-prop .table {
    display: table;
    color: #444;
    width: 100%;
    margin-bottom: 0;
}

.our-work-detail .our-work-prop .row {
    display: table-row;
}

.our-work-detail .our-work-prop .cell {
    display: table-cell;
}

.our-work-detail .our-work-prop .cell1 {
    width: 40%;
    text-align: left;
}

.our-work-detail .our-work-prop .cell2 {
    width: 30%;
    text-align: right;
}

.our-work-detail .group-preview-top :nth-child(3n) {
    margin-right: 0px;
}

.our-work-detail .our-work-stage {
    font-size: 0;
    background-color: #f7f4f0;
}

.our-work-detail .our-work hr {
    margin-top: 30px;
}

.our-work-detail .wlist-gallery a {
    display: block;
    width: 240px;
    height: 160px;
    overflow: hidden;
}

.our-work-detail .wlist-gallery a img {
    width: 100%;
    height: auto;
}

.our-work-detail .wlist-gallery span {
    margin-top: 10px;
    margin-bottom: 10px;
    line-height: 1;
    display: block;
    text-align: center;
    color: #afafaf;
    font-size: 13px;
    line-height: 17px;
}

.our-work-detail .wlist-gallery {
    display: block;
    position: relative;
    float: left;
    margin-right: 28px;
    margin-bottom: 20px;
    width: 240px;
    height: 200px;
}

.our-work-detail .kno3 {
    margin: 15px 0 0;
}

.our-work-detail .kno3 a {
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 0px;
    color: RGB(27, 137, 140);
    text-decoration: none;
    line-height: 1;
    border-bottom: 1px dotted RGB(27, 137, 140);
}

.our-work-detail .kno3 a:hover {
    color: #3a75a5;
    border-bottom: 1px dotted #3a75a5;
}

.our-work-detail .knopka {
    display: inline-block;
    padding: 10px 15px;
    border-right: 1px solid #fff;
    text-decoration: none;
    font-weight: 300;
    font-size: 15px;
    position: relative;
}

.our-work-detail .knopka:hover {
    background-color: #f7efe4;
    color: #3a75a5;
}

.our-work-detail .acta,
.our-work-detail .knopka:focus {
    background: #3a75a5;
    color: #fff;
    text-decoration: none;
}

.our-work-detail .acta:after {
    content: '';
    width: 0;
    height: 0;
    position: absolute;
    left: 50%;
    margin-left: -5px;
    bottom: 0;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent #fff;
}

.our-work-detail .fobl :nth-child(3n) {
    margin-right: 0px;
}

.our-work-detail .dinone {
    display: none;
    padding-top: 20px;
    border-top: 2px solid #3a75a5;
}

/* Постраничная навигация
---------------------------------------------------------------------*/
.pagenavigation {
    border-top: 1px solid #ebe8e4;
    padding-top: 30px;
}

/* Советы покупателя
---------------------------------------------------------------------*/
.news-item {
    padding: 20px;
    background-color: #f9f9f9;
    margin-bottom: 3px;
    /*border-bottom: 1px solid #ebe8e4;*/
}

.left-list {
    display: inline-block;
    vertical-align: top;
    width: 177px;
    float: left;
    margin-right: 30px;
}

.right-list {
    display: inline-block;
    vertical-align: top;
    width: 75%;
}

.left-list a {
    display: block;
}

.left-list img {
    /*border: 0;*/
}

.item-title a {
    font-size: 18px;
    font-weight: 400;
    display: inline-block;
    margin-bottom: 15px;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

/* Формы
---------------------------------------------------------------------*/

.modal-header .close {
    margin-top: 0;
    opacity: 0.4;
}

.modal-header .close:focus,
.modal-header .close:hover {
    opacity: 0.8;
}

.modal-content {
    border-radius: 0;
}

.modal-title {
    text-transform: uppercase;
    font-weight: 600;
    color: #3a75a5;
}

.form-control {
    border-radius: 0;
}

label {
    margin-bottom: 5px;
}

/* Кнопки
---------------------------------------------------------------------*/

.btn {
    border-radius: 0;
    font-weight: 300;
    letter-spacing: 0.04em;
    transition: background-color ease-out .2s;
}

.btn-danger {
    background-color: #c02222;
    border-color: #a72925;
}



/* Изображения
---------------------------------------------------------------------*/

.gallery-wrapper {
    background-color: #f7f4f0;
    padding: 20px;
    margin-bottom: 30px;
}

.image-item {
    float: left;
    width: 296px;
}

.image-item .caption {
    margin-top: 10px;
    font-size: 16px;
    font-weight: 300;
    line-height: 25px;
    text-align: center;
}

.image-item img {
    display: inline-block;
    border-radius: 0;
    transition: opacity ease-out .2s;
    width: 100%;
    width: auto\9;
    height: auto;
}

.image-item img:hover {
    opacity: 0.7;
}

.image-item.width-187 {
    width: 24.25%;
}

.image-item.width-187 img {
    /*border: 5px solid #ededed;*/
}

.image-item.width-187 {
    margin-right: 1%;
}

.image-item.width-187:nth-child(4n) {
    margin-right: 0;
}

/* Block: video
---------------------------------------------------------------------*/

.block-video {
    position: relative;
    cursor: pointer;
}

.block-video:after {
    content: ' ';
    display: block;
    position: absolute;
    width: 68px;
    height: 50px;
    top: 50%;
    left: 50%;
    margin-top: -25px;
    margin-left: -34px;
    background: url(img/icon-play.png) 0 0 no-repeat transparent;
}

.block-video:hover:after {
    background-position: 0 -50px;
}

.block-video.play:after {
    display: none;
}

/* Главная страница
---------------------------------------------------------------------*/

.main-video {
    margin-top: 30px;
}

.main-video__video {
    float: left;
    width: 600px;
    line-height: 0;
}

.main-video__text {
    float: right;
    width: 372px;
}

/* Block: section
---------------------------------------------------------------------*/

.section__text {
    margin-bottom: 20px;
}

/* Block: article
---------------------------------------------------------------------*/

.article__item--20 {
    float: left;
    width: 18.4%;
    margin-right: 2%;
}

.article__item--20:nth-child(5n) {
    margin-right: 0;
}

.article__item--33 {
    float: left;
    width: 31.33333%;
    margin-right: 3%;
    margin-bottom: 3%;
}

.article__item--33:nth-child(3n) {
    margin-right: 0;
}

.article__item--50 {
    float: left;
    width: 48.5%;
    margin-right: 3%;
    margin-bottom: 3%;
}

.article__item--50:nth-child(2n) {
    margin-right: 0;
}

.article__item--50:nth-child(2n+1) {
    clear: left;
}

.article__item--center {
    text-align: center;
}

.article__item--padding-top {
    padding-top: 50px;
}

.content .article__item-header {
    font-size: 20px;
    font-weight: 400;
    line-height: 24px;
    color: #0b0e17;
    margin: 0 0 15px;
}

.article__item-text {
    font-weight: 300;
}

.article__item img {
    width: 100%;
}

.article__img-title {
    margin-top: 10px;
    font-size: 16px;
    font-weight: 300;
    line-height: 25px;
    text-align: center;
}

/* Block: form-order
---------------------------------------------------------------------*/

.form-order p {
    font-weight: 300;
}

.form-order p > span {
    font-weight: 400;
}

.form-order__wrap {
    padding: 30px;
}

.form-order__left {
    float: left;
    width: 60%;
}

.form-order__right {
    float: right;
    width: 30%;
}

.content .form-order__header {
    font-size: 20px;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 15px;
    margin-top: 0;
}

.form-order--bg-color {
    background-color: #f7f4f0;
}

.form-order--margin {
    margin: 50px 0;
}

/* Block: элеметны форм
---------------------------------------------------------------------*/

.input-wrap {
    margin-bottom: 30px;
    line-height: 0;
}

.input-wrap--no-label {
    margin-bottom: 15px;
}

.required-field {
    color: #d92b2b;
}

.label-field {
    display: inline-block;
    margin-bottom: 10px;
    line-height: 15px;
    font-weight: 500;
}

.label-field--no-margin {
    margin: 0;
}

.label-field--light {
    font-size: 12px;
    font-weight: 300;
    line-height: 14px;
    color: #0b0e17;
}

.input-field {
    outline: none;
    border: 1px solid #ededed;
    background-color: #fff;
    line-height: 40px;
    height: 40px;
    padding: 0 15px;
    width: 100%;
    transition: border-color ease-out .2s;
}

textarea.input-field {
    height: auto;
    resize: vertical;
}

.input-field:focus {
    border: 1px solid #76b3e4;
}

.input-field--error {
    border: 1px solid #d92b2b;
}

.button--full-width {
    width: 100%;
}

.button--flat-big {
    border: none;
    background-color: #d92b2b;
    outline: none;
    color: #fff;
    font-size: 17px;
    font-weight: 300;
    line-height: 40px;
    letter-spacing: 0.04em;
    padding: 0 20px;
    text-align: center;
    transition: background-color ease-out .2s;
}

.button--flat-big:hover {
    background-color: #b32424;
}

.button--flat-big:active {
    background-color: #d92b2b;
}

.checkbox-group {
    padding: 0;
    margin: 0;
}

.checkbox-group__left {
    float: left;
    width: 20px;
}

.checkbox-group__left .input-checkbox {
    margin: 0 10px 0 0;
}

.checkbox-group__right {
    float: left;
}

.checkbox-group--error {
    color: #d92b2b !important;
}

.checkbox-group--error a {
    color: #d92b2b;
}

/* Block: msg
---------------------------------------------------------------------*/

.msg {
    padding: 15px;
    margin: 30px 0;
    font-size: 14px;
}

.msg--success {
    background-color: #c5ebd4;
    border-left: 4px solid rgba(0, 0, 0, 0.1);
}

.msg--no-margin-top {
    margin-top: 0;
}

/* Block: payment
---------------------------------------------------------------------*/

.payment--margin-top {
    margin-top: 30px;
}

.payment__header {
    display: block;
    font-size: 17px;
    font-weight: 300;
    margin-bottom: 10px;
}

.content .payment__list {
    margin: 0;
    padding: 0;
    font-size: 0;
}

.payment__list-item {
    display: inline-block;
    list-style-type: none;
    margin: 0 10px 0 0;
}

/**
    Блок: text-box
 */

.text-box {

}

.text-box__wrap {
    padding-left: 20px;
    border-left: 2px solid #3a75a5;
}

.text-box__title {
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 20px;
}

.text-box__content {
    font-size: 15px;
    font-weight: 300;
}

/* Вспомогательные классы
---------------------------------------------------------------------*/
.msg-send {
    margin-bottom: 20px;
}

.msg-send p {
    padding: 10px 15px;
    margin: 0;
}

.margin-no {
    margin: 0 !important;
}

.border-no {
    border: none !important;
}

.border-bottom-no {
    border-bottom: none !important;
}

.txt-center {
    text-align: center !important;
}

.txt-center--margin-top {
    margin-top: 20px;
}

.hdn {
    display: none !important;
}

.clear {
    width: 100%;
    clear: both;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.clearfix:before, .clearfix:after {
    display: table;
    content: ' ';
}

.clearfix:after {
    clear: both;
}

.contact-nav {
    max-width: max-content;
    max-height: max-content;
    height: auto;

    position: fixed;
    right: 42px;
    bottom: 42px;
}

.contact-nav nav {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.contact-nav nav a {
    --size: 40px;
    width: var(--size);
    height: var(--size);
    min-width: var(--size);
    min-height: var(--size);

    text-decoration: unset;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.contact-nav nav a:hover {
    scale: 1.05;
}

.contact-nav nav a:nth-of-type(1) {
    background-image: url('img/vk-icon.svg');
}

.contact-nav nav a:nth-of-type(2) {
    background-image: url('img/telegram-icon.svg');
}

.contact-nav nav a:nth-of-type(3) {
    background-image: url('img/max.webp');
}

.contact-nav nav a img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.sv-ic {
    --size: 13px;
    width: var(--size);
    height: var(--size);
    min-width: var(--size);
    min-height: var(--size);
    display: block;

    background-image: url('./img/svaiic.svg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.svai__button_red_small {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 5px;
}