@charset "UTF-8";

img {text-align: justify; }
@font-face {
   font-family: "SF Pro Display";
   font-display: swap;
   src: url(../fonts/SFProDisplay-Regular.woff) format("woff"), url(../fonts/SFProDisplay-Regular.woff2) format("woff2");
   font-weight: 400;
   font-style: normal
}

@font-face {
   font-family: "SF Pro Display";
   font-display: swap;
   src: url(../fonts/SFProDisplay-Semibold.woff) format("woff"), url(../fonts/SFProDisplay-Semibold.woff2) format("woff2");
   font-weight: 600;
   font-style: normal
}

@font-face {
   font-family: Ubuntu;
   font-display: swap;
   src: url(../fonts/Ubuntu-Bold.woff) format("woff"), url(../fonts/Ubuntu-Bold.woff2) format("woff2");
   font-weight: 700;
   font-style: normal
}

@font-face {
   font-family: Ubuntu;
   font-display: swap;
   src: url(../fonts/Ubuntu-Light.woff) format("woff"), url(../fonts/Ubuntu-Light.woff2) format("woff2");
   font-weight: 300;
   font-style: normal
}

@font-face {
   font-family: Ubuntu;
   font-display: swap;
   src: url(../fonts/Ubuntu-Medium.woff) format("woff"), url(../fonts/Ubuntu-Medium.woff2) format("woff2");
   font-weight: 500;
   font-style: normal
}

@font-face {
   font-family: Ubuntu;
   font-display: swap;
   src: url(../fonts/Ubuntu-Regular.woff) format("woff"), url(../fonts/Ubuntu-Regular.woff2) format("woff2");
   font-weight: 400;
   font-style: normal
}

* {
   padding: 0;
   margin: 0;
   border: 0
}

*,
:after,
:before {
   -webkit-box-sizing: border-box;
   box-sizing: border-box
}

:active,
:focus {
   outline: 0
}

a:active,
a:focus {
   outline: 0
}

aside,
footer,
header,
nav {
   display: block
}

body,
html {
   height: 100%;
   width: 100%;
   font-size: 100%;
   line-height: 1;
   font-size: 14px;
   -ms-text-size-adjust: 100%;
   -moz-text-size-adjust: 100%;
   -webkit-text-size-adjust: 100%
}

button,
input,
textarea {
   font-family: inherit
}

input::-ms-clear {
   display: none
}

button {
   cursor: pointer
}

button::-moz-focus-inner {
   padding: 0;
   border: 0
}

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

a:hover {
   text-decoration: none
}

ul li {
   list-style: none
}

img { vertical-align: top;
  

}

h1,
h2,
h3,
h4,
h5,
h6 {
   font-size: inherit;
   font-weight: inherit
}

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html {
   line-height: 1.15;
   -webkit-text-size-adjust: 100%
}

body {
   margin: 0
}

main {
   display: block
}

h1 {
   font-size: 2em;
   margin: .67em 0
}
h2 {
   font-size: 2em;
   margin: .67em 0
}
h3 {
   font-size: 2em;
   margin: .67em 0
}
hr {
   -webkit-box-sizing: content-box;
   box-sizing: content-box;
   height: 0;
   overflow: visible
}

pre {
   font-family: monospace, monospace;
   font-size: 1em
}

a {
   background-color: transparent
}

abbr[title] {
   border-bottom: none;
   text-decoration: underline;
   -webkit-text-decoration: underline dotted;
   text-decoration: underline dotted
}

b,
strong {
   font-weight: bolder
}

code,
kbd,
samp {
   font-family: monospace, monospace;
   font-size: 1em
}

small {
   font-size: 80%
}

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

sub {
   bottom: -.25em
}

sup {
   top: -.5em
}

img {
   border-style: none
}

button,
input,
optgroup,
select,
textarea {
   font-family: inherit;
   font-size: 100%;
   line-height: 1.15;
   margin: 0
}

button,
input {
   overflow: visible
}

button,
select {
   text-transform: none
}

[type=button],
[type=reset],
[type=submit],
button {
   -webkit-appearance: button
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
   border-style: none;
   padding: 0
}

[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
   outline: 1px dotted ButtonText
}

fieldset {
   padding: .35em .75em .625em
}

legend {
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
   color: inherit;
   display: table;
   max-width: 100%;
   padding: 0;
   white-space: normal
}

progress {
   vertical-align: baseline
}

textarea {
   overflow: auto
}

[type=checkbox],
[type=radio] {
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
   padding: 0
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
   height: auto
}

[type=search] {
   -webkit-appearance: textfield;
   outline-offset: -2px
}

[type=search]::-webkit-search-decoration {
   -webkit-appearance: none
}

::-webkit-file-upload-button {
   -webkit-appearance: button;
   font: inherit
}

details {
   display: block
}

summary {
   display: list-item
}

template {
   display: none
}

[hidden] {
   display: none
}
p  {
text-align: justify;}
.slick-slider {
   position: relative;
   display: block;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
   -webkit-touch-callout: none;
   -khtml-user-select: none;
   -ms-touch-action: pan-y;
   touch-action: pan-y;
   -webkit-tap-highlight-color: transparent
}

.slick-list {
   position: relative;
   display: block;
   overflow: hidden;
   margin: 0;
   padding: 0
}

.slick-list:focus {
   outline: 0
}

.slick-list.dragging {
   cursor: pointer;
   cursor: hand
}

.slick-slider .slick-list,
.slick-slider .slick-track {
   -webkit-transform: translate3d(0, 0, 0);
   -ms-transform: translate3d(0, 0, 0);
   transform: translate3d(0, 0, 0)
}

.slick-track {
   position: relative;
   top: 0;
   left: 0;
   display: block;
   margin-left: auto;
   margin-right: auto
}

.slick-track:after,
.slick-track:before {
   display: table;
   content: ""
}

.slick-track:after {
   clear: both
}

.slick-loading .slick-track {
   visibility: hidden
}

.slick-slide {
   display: none;
   float: left;
   height: 100%;
   min-height: 1px
}

[dir=rtl] .slick-slide {
   float: right
}

.slick-slide img {
   display: block
}

.slick-slide.slick-loading img {
   display: none
}

.slick-slide.dragging img {
   pointer-events: none
}

.slick-initialized .slick-slide {
   display: block
}

.slick-loading .slick-slide {
   visibility: hidden
}

.slick-vertical .slick-slide {
   display: block;
   height: auto;
   border: 1px solid transparent
}

.slick-arrow.slick-hidden {
   display: none
}

*,
:after,
:before {
   -webkit-box-sizing: border-box;
   box-sizing: border-box
}

body,
html {
   font-size: 100%
}

body {
   background: #fff;
   color: #222;
   padding: 0;
   margin: 0;
   font-family: "Helvetica Neue", Helvetica, Helvetica, Arial, sans-serif;
   font-weight: 400;
   font-style: normal;
   line-height: 1;
   position: relative;
   cursor: default
}

a:hover {
   cursor: pointer
}

a:focus {
   outline: 0
}

embed,
img,
object {
   max-width: 100%;
   height: auto
}

embed,
object {
   height: 100%
}

img {
   -ms-interpolation-mode: bicubic
}

#map_canvas embed,
#map_canvas img,
#map_canvas object,
.map_canvas embed,
.map_canvas img,
.map_canvas object {
   max-width: none !important
}

.left {
   float: left !important
}

.right {
   float: right !important
}

.text-left {
   text-align: left !important
}

.text-right {
   text-align: right !important
}

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

.text-justify {
   text-align: justify !important
}

.hide {
   display: none
}

.antialiased {
   -webkit-font-smoothing: antialiased
}

img {
   display: inline-block;
   vertical-align: middle
}

textarea {
   height: auto;
   min-height: 50px
}

select {
   width: 100%
}

.row {
   width: 100%;
   margin-left: auto;
   margin-right: auto;
   margin-top: 0;
   margin-bottom: 0;
   max-width: 62.5em
}

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

.row:after {
   clear: both
}

.row.collapse .column,
.row.collapse .columns {
   position: relative;
   padding-left: 0;
   padding-right: 0;
   float: left
}

.row .row {
   width: auto;
   margin-left: -.9375em;
   margin-right: -.9375em;
   margin-top: 0;
   margin-bottom: 0;
   max-width: none
}

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

.row .row:after {
   clear: both
}

.row .row.collapse {
   width: auto;
   margin: 0;
   max-width: none
}

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

.row .row.collapse:after {
   clear: both
}

.column,
.columns {
   position: relative;
   padding-left: .9375em;
   padding-right: .9375em;
   width: 100%;
   float: left
}

.twentytwenty-horizontal .twentytwenty-handle:after,
.twentytwenty-horizontal .twentytwenty-handle:before,
.twentytwenty-vertical .twentytwenty-handle:after,
.twentytwenty-vertical .twentytwenty-handle:before {
   content: " ";
   display: block;
   background: #fff;
   position: absolute;
   z-index: 30;
   -webkit-box-shadow: 0 0 12px rgba(51, 51, 51, .5);
   box-shadow: 0 0 12px rgba(51, 51, 51, .5)
}

.twentytwenty-horizontal .twentytwenty-handle:after,
.twentytwenty-horizontal .twentytwenty-handle:before {
   width: 3px;
   height: 9999px;
   left: 50%;
   margin-left: -1.5px
}

.twentytwenty-vertical .twentytwenty-handle:after,
.twentytwenty-vertical .twentytwenty-handle:before {
   width: 9999px;
   height: 3px;
   top: 50%;
   margin-top: -1.5px
}

.twentytwenty-after-label,
.twentytwenty-before-label,
.twentytwenty-overlay {
   position: absolute;
   top: 0;
   width: 100%;
   height: 100%
}

.twentytwenty-after-label,
.twentytwenty-before-label,
.twentytwenty-overlay {
   -webkit-transition-duration: .5s;
   -o-transition-duration: .5s;
   transition-duration: .5s
}

.twentytwenty-after-label,
.twentytwenty-before-label {
   -webkit-transition-property: opacity;
   -o-transition-property: opacity;
   transition-property: opacity
}

.twentytwenty-after-label:before,
.twentytwenty-before-label:before {
   color: #fff;
   font-size: 13px;
   letter-spacing: .1em
}

.twentytwenty-after-label:before,
.twentytwenty-before-label:before {
   position: absolute;
   background: rgba(255, 255, 255, .2);
   line-height: 38px;
   padding: 0 20px;
   border-radius: 2px
}

.twentytwenty-horizontal .twentytwenty-after-label:before,
.twentytwenty-horizontal .twentytwenty-before-label:before {
   top: 50%;
   margin-top: -19px
}

.twentytwenty-vertical .twentytwenty-after-label:before,
.twentytwenty-vertical .twentytwenty-before-label:before {
   left: 50%;
   margin-left: -45px;
   text-align: center;
   width: 90px
}

.twentytwenty-down-arrow,
.twentytwenty-left-arrow,
.twentytwenty-right-arrow,
.twentytwenty-up-arrow {
   width: 0;
   height: 0;
   border: 6px inset transparent;
   position: absolute
}

.twentytwenty-left-arrow,
.twentytwenty-right-arrow {
   top: 50%;
   margin-top: -6px
}

.twentytwenty-down-arrow,
.twentytwenty-up-arrow {
   left: 50%;
   margin-left: -6px
}

.twentytwenty-container {
   -webkit-box-sizing: content-box;
   box-sizing: content-box;
   z-index: 0;
   overflow: hidden;
   position: relative;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none
}

.twentytwenty-container img {
   max-width: 100%;
   position: absolute;
   top: 0;
   display: block
}

.twentytwenty-container.active .twentytwenty-overlay,
.twentytwenty-container.active :hover.twentytwenty-overlay {
   background: rgba(0, 0, 0, 0)
}

.twentytwenty-container.active .twentytwenty-overlay .twentytwenty-after-label,
.twentytwenty-container.active .twentytwenty-overlay .twentytwenty-before-label,
.twentytwenty-container.active :hover.twentytwenty-overlay .twentytwenty-after-label,
.twentytwenty-container.active :hover.twentytwenty-overlay .twentytwenty-before-label {
   opacity: 0
}

.twentytwenty-container * {
   -webkit-box-sizing: content-box;
   box-sizing: content-box
}

.twentytwenty-before-label {
   opacity: 0
}

.twentytwenty-before-label:before {
   content: attr(data-content)
}

.twentytwenty-after-label {
   opacity: 0
}

.twentytwenty-after-label:before {
   content: attr(data-content)
}

.twentytwenty-horizontal .twentytwenty-before-label:before {
   left: 10px
}

.twentytwenty-horizontal .twentytwenty-after-label:before {
   right: 10px
}

.twentytwenty-vertical .twentytwenty-before-label:before {
   top: 10px
}

.twentytwenty-vertical .twentytwenty-after-label:before {
   bottom: 10px
}

.twentytwenty-overlay {
   -webkit-transition-property: background;
   -o-transition-property: background;
   transition-property: background;
   background: rgba(0, 0, 0, 0);
   z-index: 25
}

.twentytwenty-overlay:hover {
   background: rgba(0, 0, 0, .5)
}

.twentytwenty-overlay:hover .twentytwenty-after-label {
   opacity: 1
}

.twentytwenty-overlay:hover .twentytwenty-before-label {
   opacity: 1
}

.twentytwenty-before {
   z-index: 20
}

.twentytwenty-after {
   z-index: 10
}

.twentytwenty-handle {
   height: 38px;
   width: 38px;
   position: absolute;
   left: 50%;
   top: 50%;
   margin-left: -22px;
   margin-top: -22px;
   border: 3px solid #fff;
   border-radius: 1000px;
   -webkit-box-shadow: 0 0 12px rgba(51, 51, 51, .5);
   box-shadow: 0 0 12px rgba(51, 51, 51, .5);
   z-index: 40;
   cursor: pointer
}

.twentytwenty-horizontal .twentytwenty-handle:before {
   bottom: 50%;
   margin-bottom: 22px;
   -webkit-box-shadow: 0 3px 0 #fff, 0 0 12px rgba(51, 51, 51, .5);
   box-shadow: 0 3px 0 #fff, 0 0 12px rgba(51, 51, 51, .5)
}

.twentytwenty-horizontal .twentytwenty-handle:after {
   top: 50%;
   margin-top: 22px;
   -webkit-box-shadow: 0 -3px 0 #fff, 0 0 12px rgba(51, 51, 51, .5);
   box-shadow: 0 -3px 0 #fff, 0 0 12px rgba(51, 51, 51, .5)
}

.twentytwenty-vertical .twentytwenty-handle:before {
   left: 50%;
   margin-left: 22px;
   -webkit-box-shadow: 3px 0 0 #fff, 0 0 12px rgba(51, 51, 51, .5);
   box-shadow: 3px 0 0 #fff, 0 0 12px rgba(51, 51, 51, .5)
}

.twentytwenty-vertical .twentytwenty-handle:after {
   right: 50%;
   margin-right: 22px;
   -webkit-box-shadow: -3px 0 0 #fff, 0 0 12px rgba(51, 51, 51, .5);
   box-shadow: -3px 0 0 #fff, 0 0 12px rgba(51, 51, 51, .5)
}

.twentytwenty-left-arrow {
   border-right: 6px solid #fff;
   left: 50%;
   margin-left: -17px
}

.twentytwenty-right-arrow {
   border-left: 6px solid #fff;
   right: 50%;
   margin-right: -17px
}

.twentytwenty-up-arrow {
   border-bottom: 6px solid #fff;
   top: 50%;
   margin-top: -17px
}

.twentytwenty-down-arrow {
   border-top: 6px solid #fff;
   bottom: 50%;
   margin-bottom: -17px
}

.cocoen {
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
   cursor: pointer;
   line-height: 0;
   margin: 0;
   overflow: hidden;
   padding: 0;
   position: relative;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none
}

.cocoen * {
   -webkit-box-sizing: inherit;
   box-sizing: inherit
}

.cocoen ::after,
.cocoen ::before {
   -webkit-box-sizing: inherit;
   box-sizing: inherit
}

.cocoen img,
.cocoen picture>img {
   max-width: none
}

.cocoen>img,
.cocoen>picture>img {
   display: block;
text-align: justify;
   width: 100%

}

.cocoen>div:first-child,
picture .cocoen>div {
   height: 100%;
   left: 0;
   overflow: hidden;
   position: absolute;
   top: 0;
text-align: justify;
   width: 50%

}

.cocoen-drag {
   background: #fff;
   bottom: 0;
   cursor: ew-resize;
   left: 50%;
   margin-left: -1px;
   position: absolute;
   top: 0;
   width: 2px
}

.cocoen-drag::before {
   border: 3px solid #fff;
   content: "";
   height: 30px;
   left: 50%;
   margin-left: -7px;
   margin-top: -18px;
   position: absolute;
   top: 50%;
   width: 14px
}

.mfp-bg {
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   z-index: 1042;
   overflow: hidden;
   position: fixed;
   background: #0b0b0b;
   opacity: .8
}

.mfp-wrap {
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   z-index: 1043;
   position: fixed;
   outline: 0 !important;
   -webkit-backface-visibility: hidden
}

.mfp-container {
   text-align: center;
   position: absolute;
   width: 100%;
   height: 100%;
   left: 0;
   top: 0;
   padding: 0 8px;
   -webkit-box-sizing: border-box;
   box-sizing: border-box
}

.mfp-container:before {
   content: "";
   display: inline-block;
   height: 100%;
   vertical-align: middle
}

.mfp-align-top .mfp-container:before {
   display: none
}

.mfp-content {
   position: relative;
   display: inline-block;
   vertical-align: middle;
   margin: 0 auto;
   text-align: left;
   z-index: 1045
}

.mfp-ajax-holder .mfp-content,
.mfp-inline-holder .mfp-content {
   width: 100%;
   cursor: auto
}

.mfp-ajax-cur {
   cursor: progress
}

.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
   cursor: -webkit-zoom-out;
   cursor: zoom-out
}

.mfp-zoom {
   cursor: pointer;
   cursor: -webkit-zoom-in;
   cursor: zoom-in
}

.mfp-auto-cursor .mfp-content {
   cursor: auto
}

.mfp-arrow,
.mfp-close,
.mfp-counter,
.mfp-preloader {
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none
}

.mfp-loading.mfp-figure {
   display: none
}

.mfp-hide {
   display: none !important
}

.mfp-preloader {
   color: #ccc;
   position: absolute;
   top: 50%;
   width: auto;
   text-align: center;
   margin-top: -.8em;
   left: 8px;
   right: 8px;
   z-index: 1044
}

.mfp-preloader a {
   color: #ccc
}

.mfp-preloader a:hover {
   color: #fff
}

.mfp-s-ready .mfp-preloader {
   display: none
}

.mfp-s-error .mfp-content {
   display: none
}

button.mfp-arrow,
button.mfp-close {
   overflow: visible;
   cursor: pointer;
   background: 0 0;
   border: 0;
   -webkit-appearance: none;
   display: block;
   outline: 0;
   padding: 0;
   z-index: 1046;
   -webkit-box-shadow: none;
   box-shadow: none;
   -ms-touch-action: manipulation;
   touch-action: manipulation
}

button::-moz-focus-inner {
   padding: 0;
   border: 0
}

.mfp-close {
   width: 44px;
   height: 44px;
   line-height: 44px;
   position: absolute;
   right: 0;
   top: 0;
   text-decoration: none;
   text-align: center;
   opacity: .65;
   padding: 0 0 18px 10px;
   color: #fff;
   font-style: normal;
   font-size: 28px;
   font-family: Arial, Baskerville, monospace
}

.mfp-close:focus,
.mfp-close:hover {
   opacity: 1
}

.mfp-close:active {
   top: 1px
}

.mfp-close-btn-in .mfp-close {
   color: #333
}

.mfp-iframe-holder .mfp-close,
.mfp-image-holder .mfp-close {
   color: #fff;
   right: -6px;
   text-align: right;
   padding-right: 6px;
   width: 100%
}

.mfp-counter {
   position: absolute;
   top: 0;
   right: 0;
   color: #ccc;
   font-size: 12px;
   line-height: 18px;
   white-space: nowrap
}

.mfp-arrow {
   position: absolute;
   opacity: .65;
   margin: 0;
   top: 50%;
   margin-top: -55px;
   padding: 0;
   width: 90px;
   height: 110px;
   -webkit-tap-highlight-color: transparent
}

.mfp-arrow:active {
   margin-top: -54px
}

.mfp-arrow:focus,
.mfp-arrow:hover {
   opacity: 1
}

.mfp-arrow:after,
.mfp-arrow:before {
   content: "";
   display: block;
   width: 0;
   height: 0;
   position: absolute;
   left: 0;
   top: 0;
   margin-top: 35px;
   margin-left: 35px;
   border: medium inset transparent
}

.mfp-arrow:after {
   border-top-width: 13px;
   border-bottom-width: 13px;
   top: 8px
}

.mfp-arrow:before {
   border-top-width: 21px;
   border-bottom-width: 21px;
   opacity: .7
}

.mfp-arrow-left {
   left: 0
}

.mfp-arrow-left:after {
   border-right: 17px solid #fff;
   margin-left: 31px
}

.mfp-arrow-left:before {
   margin-left: 25px;
   border-right: 27px solid #3f3f3f
}

.mfp-arrow-right {
   right: 0
}

.mfp-arrow-right:after {
   border-left: 17px solid #fff;
   margin-left: 39px
}

.mfp-arrow-right:before {
   border-left: 27px solid #3f3f3f
}

.mfp-iframe-holder {
   padding-top: 40px;
   padding-bottom: 40px
}

.mfp-iframe-holder .mfp-content {
   line-height: 0;
   width: 100%;
   max-width: 900px
}

.mfp-iframe-holder .mfp-close {
   top: -40px
}

.mfp-iframe-scaler {
   width: 100%;
   height: 0;
   overflow: hidden;
   padding-top: 56.25%
}

.mfp-iframe-scaler iframe {
   position: absolute;
   display: block;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .6);
   box-shadow: 0 0 8px rgba(0, 0, 0, .6);
   background: #000
}

img.mfp-img {
   width: auto;
   max-width: 100%;
   height: auto;
   display: block;
   line-height: 0;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
   padding: 40px 0 40px;
   margin: 0 auto
}

.mfp-figure {
   line-height: 0
}

.mfp-figure:after {
   content: "";
   position: absolute;
   left: 0;
   top: 40px;
   bottom: 40px;
   display: block;
   right: 0;
   width: auto;
   height: auto;
   z-index: -1;
   -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .6);
   box-shadow: 0 0 8px rgba(0, 0, 0, .6);
   background: #444
}

.mfp-figure small {
   color: #bdbdbd;
   display: block;
   font-size: 12px;
   line-height: 14px
}

.mfp-figure figure {
   margin: 0
}

.mfp-bottom-bar {
   margin-top: -36px;
   position: absolute;
   top: 100%;
   left: 0;
   width: 100%;
   cursor: auto
}

.mfp-title {
   text-align: left;
   line-height: 18px;
   color: #f3f3f3;
   word-wrap: break-word;
   padding-right: 36px
}

.mfp-image-holder .mfp-content {
   max-width: 100%
}

.mfp-gallery .mfp-image-holder .mfp-figure {
   cursor: pointer
}

body {
   min-width: 320px;
   min-height: 100%;
   width: 100%;
   overflow-x: hidden;
   color: #fff;
   position: relative;
   font-family: "Fira Sans", sans-serif;
   font-weight: 400;==============
}

.wrapper {
   min-height: 100%;
   overflow: hidden;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   position: relative
}

.container {
   position: relative;
   max-width: 1200px;
   padding: 0 15px 0 15px;
   margin: 0 auto
}

footer {
   margin-top: auto
}

section {
   padding-left: 210px;
   position: relative
}

h1,
h2,
h3,
h4,
h5,
h6{
   font-style: normal;
   text-transform: uppercase;
   font-family: inherit;
}

h1{
   font-size: 45px;
   color: #1d5789;
   line-height: 1.3;
   font-weight: 600;
}
h2{
   font-size: 32px;
   color: #1d5789;
   line-height: 1.2;
   font-weight: 700;
}

h3{
   font-size: 30px;
   color: #1d5789;
   line-height: 1.2;
   font-weight: 500;
}

h4{
   font-size: 25px;
   color: #1d5789;
   line-height: 1.5;
   font-weight: 400;
}

h5{
   font-size: 24px;
   color: #fff;
   line-height: 1.5;
   font-weight: 400;
}

h6{
   font-size: 20px;
   color: #333;
   line-height: 1.5;
   font-weight: 600;
}


.section-block {
   margin: 30px 0
}

.title {
   margin: 0 auto;
   color: #1d5789;
   font-size: 32px;
   text-align: center;
   line-height: 1.2;
   font-weight: 700;
   padding-bottom: 5px;
   border-bottom: 1px solid #11437b;
   position: relative;
   text-transform: uppercase
}

.title::after {
   content: "";
   position: absolute;
   bottom: -3px;
   height: 2px;
   width: 50%;
   left: 25%;
   background-color: #11437b
}

.info {
   font-size: 16px;
   line-height: 1.5;
   font-weight: 400;
   color: #000
}

.link-title {
   width: 100%;
   height: 136px;
   position: absolute;
   top: 0;
   left: 0;
   background-color: rgba(29, 87, 137, .65);
   font-size: 40px;
   letter-spacing: 1.2;
   text-transform: uppercase;
   font-weight: 600;
   padding: 45px 0;
   text-align: center
}

.link-title__bg {
   width: 100%;
   height: 136px;
   position: relative;
   top: 0;
   left: 0;
   background: url(../img/bg/title_bg.jpg);
   background-repeat: repeat;
   background-position: center center;
   background-size: contain;
   z-index: -1
}

.footfix {
   display: none;
   opacity: 0;
   margin-top: -50px
}

.slick-arrow {
   position: absolute;
   top: 50%;
   z-index: 10;
   font-size: 0;
   width: 15px;
   height: 24px;
   margin-top: -12px;
   fill: #fff
}

.slick-arrow.slick-prev {
   left: 10px;
   background: url(../img/icon/prev.svg) 0 0/100% no-repeat
}

.slick-arrow.slick-next {
   right: 10px;
   background: url(../img/icon/next.svg) 0 0/100% no-repeat
}

.reviews-slider__body .slick-arrow.slick-next {
   left: 10px;
   background: url(../img/reviews/prev.svg) 0 0/100% no-repeat
}

.slick-dots {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   z-index: 10
}

.slick-dots li {
   list-style: none;
   margin: 0 2px;
   -webkit-transform: translateY(-30px);
   -ms-transform: translateY(-30px);
   transform: translateY(-30px)
}

.slick-dots li.slick-active button {
   background: #fff;
   width: 12px;
   height: 12px
}

.slick-dots li button {
   font-size: 0;
   width: 10px;
   height: 10px;
   border: 1px solid #fff;
   background-color: transparent;
   border-radius: 50%
}

.b-lazy {
   opacity: 0;
   -webkit-transform: scale(3);
   -ms-transform: scale(3);
   transform: scale(3);
   -webkit-transition: all .5s;
   -o-transition: all .5s;
   transition: all .5s
}

.b-loaded {
   opacity: 1;
   -webkit-transform: scale(1);
   -ms-transform: scale(1);
   transform: scale(1)
}

.cb-modal {
   position: fixed;
   width: 100%;
   top: 25%;
   left: 25%;
   z-index: 999
}

.cb-modal__body {
   width: 40%;
   height: auto;
   background-color: #fff;
   border-radius: 10px
}

.cb-modal__top {
   width: 100%;
   height: 57px;
   background-color: #1d5789;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
   padding: 20px;
   color: #000
}

.cb-modal__top a {
   font-size: 20px;
   font-weight: 700;
   line-height: 1;
   color: #000;
   text-shadow: 0 1px 0 #fff
}

.cb-modal__inner {
   padding: 30px;
   color: #000
}

.cb-modal__inner p {
   padding: 20px 0
}

.cb-modal__form .input {
   width: 100%;
   height: 40px;
   padding: 10px 20px;
   display: block;
   border-top: 1px solid #495057;
   border-bottom: 1px solid #495057
}

.select {
   width: 100%;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   color: #000;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   padding: 20px 0
}

.select select {
   border: 1px solid #000;
   margin: 0 10px;
   padding: 6px 4px;
   font-size: 16px;
   line-height: 1.5
}

.time {
   width: 80px
}

.day {
   width: 150px
}

.input-submit {
   width: 100%;
   height: auto;
   display: block;
   padding: 14px 18px;
   font-size: 22px;
   font-weight: 700;
   letter-spacing: 1px;
   text-transform: uppercase;
   margin-top: 22px;
   background-color: #1d5789;
   color: #fff;
   cursor: pointer
}

.mfp-close {
   display: none
}

.scroller {
   position: fixed;
   width: 36px;
   height: 36px;
   padding: 5px;
   background: url(../img/icon/accordion.svg) 50% 50% no-repeat;
   background-color: #000;
   border-radius: 10px;
   right: 30px;
   bottom: 30px;
   cursor: pointer;
   opacity: .9;
   -webkit-transform: rotate(180deg);
   -ms-transform: rotate(180deg);
   transform: rotate(180deg);
   z-index: 20;
   display: none
}

.scroller:hover {
   opacity: 2;
   bottom: 33px
}

.thank {
   width: 100%;
   height: 100%;
   background-image: -o-radial-gradient(circle, #dae0e9, #a7b9d8, #7992c7, #4c6cb4, #18479f);
   background-image: radial-gradient(circle, #dae0e9, #a7b9d8, #7992c7, #4c6cb4, #18479f);
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center
}

.iframe-content .footer {
   display: none
}

.m-top- {
   margin-top: -100px
}

.header {
   width: 210px;
   height: 100vh;
   position: fixed;
   left: 0;
   top: 0;
   background-color: #1d5789;
   padding: 30px 0 0 0;
   overflow-x: hidden;
   z-index: 99
}

.header__item {
   height: 100%;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   position: relative
}

.header__logo {
   -webkit-box-flex: 0;
   -ms-flex: 0 1 20%;
   flex: 0 1 20%
}

.header__contact {
   width: 100%;
   font-size: 16px;
   font-weight: 400;
   line-height: 1.5;
   display: block
}

.header__contact a {
   display: block;
   margin-bottom: 5px;
   background-color: #fff;
   -webkit-box-shadow: 12px 0 0 #fff, -12px 0 0 #fff;
   box-shadow: 12px 0 0 #fff, -12px 0 0 #fff;
   color: #1d5789;
   padding-left: 30px
}

.header__contact a:active,
.header__contact a:focus,
.header__contact a:hover {
   color: #171838
}

.header__contact_text {
   background-color: #fff;
   -webkit-box-shadow: 12px 0 0 #fff, -12px 0 0 #fff;
   box-shadow: 12px 0 0 #fff, -12px 0 0 #fff;
   color: #1d5789;
   padding-left: 30px
}

.header__social {
   text-align: center;
   padding: 10px 0
}

.header__social a {
   color: #fff;
   line-height: 1.3;
   font-size: 30px;
   border-radius: 10px;
   -webkit-transition: all 1s cubic-bezier(.25, .8, .25, 1);
   -o-transition: all 1s cubic-bezier(.25, .8, .25, 1);
   transition: all 1s cubic-bezier(.25, .8, .25, 1)
}

.header__social a:hover {
   padding: 5px;
   border: 1px solid #fff;
   -webkit-transition: all 1s cubic-bezier(.25, .8, .25, 1);
   -o-transition: all 1s cubic-bezier(.25, .8, .25, 1);
   transition: all 1s cubic-bezier(.25, .8, .25, 1)
}

.header__callback {
   width: 210px;
   text-transform: uppercase;
   text-align: center;
   background-color: #fff;
   -webkit-box-shadow: 12px 0 0 #fff, -12px 0 0 #fff;
   box-shadow: 12px 0 0 #fff, -12px 0 0 #fff;
   cursor: pointer;
   overflow: hidden;
   position: relative;
   padding: 20px;
   z-index: 1
}

.header__callback a {
   color: #1d5789;
   font-size: 18px;
   font-weight: 600;
   line-height: 1.4;
   letter-spacing: 2px;
   z-index: 3
}

.header__callback::after {
   content: "";
   position: absolute;
   width: 100%;
   height: 100%;
   left: 100%;
   top: 0;
   background-color: #1d5789;
   -webkit-transition: ease .4s;
   -o-transition: ease .4s;
   transition: ease .4s;
   z-index: -1
}

.header__callback:hover a {
   color: #fff
}

.header__callback:hover::after {
   left: 0;
   -webkit-transition: ease .4s;
   -o-transition: ease .4s;
   transition: ease .4s
}

.header__burger {
   display: none;
   position: absolute;
   width: 25px;
   height: 21px;
   z-index: 101;
   top: 20px;
   right: 10px;
   -webkit-transition: all 1s ease 0s;
   -o-transition: all 1s ease 0s;
   transition: all 1s ease 0s;
   cursor: pointer
}

.header__burger span {
   position: absolute;
   background-color: #fff;
   left: 0;
   width: 100%;
   height: 4px;
   top: 9px;
   -webkit-transition: all 1s ease 0s;
   -o-transition: all 1s ease 0s;
   transition: all 1s ease 0s
}

.header__burger span:first-child {
   top: 0
}

.header__burger span:last-child {
   top: auto;
   bottom: 0
}

.header__burger.active {
   top: 10px;
   -webkit-transition: all 1s ease 0s;
   -o-transition: all 1s ease 0s;
   transition: all 1s ease 0s
}

.header__burger.active span {
   -webkit-transform: scale(0);
   -ms-transform: scale(0);
   transform: scale(0);
   background-color: #fff
}

.header__burger.active span:first-child {
   -webkit-transform: rotate(-45deg);
   -ms-transform: rotate(-45deg);
   transform: rotate(-45deg);
   -webkit-transition: all 1s ease 0s;
   -o-transition: all 1s ease 0s;
   transition: all 1s ease 0s;
   top: 9px
}

.header__burger.active span:last-child {
   -webkit-transform: rotate(45deg);
   -ms-transform: rotate(45deg);
   transform: rotate(45deg);
   -webkit-transition: all 1s ease 0s;
   -o-transition: all 1s ease 0s;
   transition: all 1s ease 0s;
   bottom: 8px
}

.branches {
   padding: 10px
}

.branches__list {
   width: 100%;
   height: 50px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center
}

.branches__link {
   width: 50px;
   height: 50px
}

.branches__link:hover {
   width: 55px;
   height: 55px
}

.menu {
   width: 210px
}

.menu__list {
   padding: 0 30px;
   -webkit-transition: all ease 1s;
   -o-transition: all ease 1s;
   transition: all ease 1s;
   cursor: pointer
}

.menu__list:hover {
   width: 100%;
   background-color: #fff;
   -webkit-transition: all ease 1.5s;
   -o-transition: all ease 1.5s;
   transition: all ease 1.5s
}

.menu__list:hover .menu__link {
   color: #1d5789;
   -webkit-transition: all ease 1.5s;
   -o-transition: all ease 1.5s;
   transition: all ease 1.5s
}

.menu__list.active {
   width: 100%;
   background-color: #fff
}

.menu__list.active .menu__link {
   color: #1d5789
}

.menu__link {
   font-family: "PT Sans", sans-serif;
   font-size: 14px;
   line-height: 40px;
   margin: 0;
   color: #fff;
   text-transform: uppercase;
   letter-spacing: 1px;
   -webkit-transition: all ease 1s;
   -o-transition: all ease 1s;
   transition: all ease 1s
}

.menu__burger {
   display: none;
   position: relative;
   padding: 40px 10px
}

.menu__burger a {
   color: #fff;
   display: block;
   text-align: center
}

.menu__title {
   font-size: 18px;
   line-height: 26px;
   text-align: center;
   font-weight: 700;
   padding-bottom: 30px
}

.menu__btn {
   width: 186px;
   height: 48px;
   margin: 5px auto;
   border: 2px solid #fff;
   background-color: #1d5789;
   color: #fff;
   -webkit-transition: -webkit-box-shadow .3s, -webkit-transform .3s;
   transition: -webkit-box-shadow .3s, -webkit-transform .3s;
   -o-transition: box-shadow .3s, transform .3s;
   transition: box-shadow .3s, transform .3s;
   transition: box-shadow .3s, transform .3s, -webkit-box-shadow .3s, -webkit-transform .3s;
   cursor: pointer
}

.menu__btn a {
   padding: 13px 0;
   font-size: 16px;
   font-weight: 400;
   text-transform: uppercase
}

.menu__subtitle {
   font-size: 20px;
   line-height: 20px;
   margin-bottom: 10px;
   text-align: center
}

.menu__social {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -ms-flex-pack: distribute;
   justify-content: space-around;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center
}

.menu__social a {
   max-width: 100px
}

.menu__text {
   font-size: 16px;
   font-weight: 700;
   line-height: 1.5;
   text-align: center
}

.phone__large {
   font-size: 18px;
   line-height: 30px
}

.phone__small {
   color: #fff;
   font-size: 16px;
   font-weight: 300;
   line-height: 1.5
}

.main {
   position: relative;
   width: 100%;
   padding-bottom: 80px
}

.main__row {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   padding: 0 20px
}

.main__column:nth-child(1) {
   min-width: 43%;
   padding-top: 60px;
   -webkit-transform: translateX(100px);
   -ms-transform: translateX(100px);
   transform: translateX(100px)
}

.main__column:nth-child(2) {
   width: 100%;
   height: 100%;
   position: relative;
   background-image: url(../img/bg/main.webp);
   background-repeat: no-repeat;
   background-size: contain;
   margin-top: 50px;
   padding: 0 0 50% 0;
   z-index: -1
}

.main__title {
   font-size: calc(31px + 14 * ((100vw - 990px)/ (1440 - 990)));
   color: #1d5789;
   line-height: 1.3;
   font-style: normal;
   font-weight: 600;
   text-transform: uppercase
}

.main__lable {
   max-width: 475px;
   width: 80%;
   font-size: calc(18px + 9 * ((100vw - 990px)/ (1440 - 990)));
   line-height: 1.5;
   text-transform: uppercase;
   margin: 20px 0 20px 50px;
   padding: 40px 0;
   color: transparent;
   -webkit-background-clip: text;
   background-clip: text;
   background-image: -o-linear-gradient(31deg, #1d5789ff 10%, #479fcc 66%, #479fcc);
   background-image: linear-gradient(59deg, #1d5789ff 10%, #479fcc 66%, #479fcc)
}

.main__button {
   position: relative;
   z-index: -1;
   overflow: hidden;
   padding: 20px 30px
}

.main__button::after {
   content: " ";
   position: absolute;
   top: -50%;
   right: 0;
   bottom: -50%;
   left: -50%;
   background: -webkit-gradient(linear, left top, left bottom, from(rgba(229, 172, 142, 0)), color-stop(50%, rgba(255, 255, 255, .7)), to(rgba(229, 172, 142, 0)));
   background: -o-linear-gradient(top, rgba(229, 172, 142, 0), rgba(255, 255, 255, .7) 50%, rgba(229, 172, 142, 0));
   background: linear-gradient(to bottom, rgba(229, 172, 142, 0), rgba(255, 255, 255, .7) 50%, rgba(229, 172, 142, 0));
   -webkit-transform: rotateZ(60deg) translate(-5em, 7.5em);
   -ms-transform: rotate(60deg) translate(-5em, 7.5em);
   transform: rotateZ(60deg) translate(-5em, 7.5em);
   opacity: 0;
   -webkit-animation: sheens 4s infinite;
   animation: sheens 4s infinite;
   z-index: 0
}

.main__btn {
   font-size: calc(14px + 2 * ((100vw - 990px)/ (1440 - 990)));
   line-height: 1.3;
   background-color: rgba(29, 87, 137, .9);
   padding: 20px 30px;
   -webkit-box-shadow: 0 0 12px -1px rgba(36, 76, 150, .76);
   box-shadow: 0 0 12px -1px rgba(36, 76, 150, .76);
   border-radius: 10px;
   cursor: pointer;
   color: #fff
}

.main__btn span{
   font-size: 32px;
   text-transform: uppercase;
}

.thank-title {
   text-align: center
}

.thank-btn {
   z-index: 1
}

.main-icon {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -ms-flex-pack: distribute;
   justify-content: space-around
}

.main-icon__item img {
   padding: 0 5px
}

.main-icon__item p {
   font-size: 14.5px;
   line-height: 1.5;
   color: #000;
   padding: 10px 0
}

@-webkit-keyframes sheens {

   0%,
   79% {
      opacity: 0;
      -webkit-transform: rotateZ(60deg) translate(-5em, 7.5em);
      transform: rotateZ(60deg) translate(-5em, 7.5em)
   }

   80% {
      opacity: 1;
      -webkit-transform: rotateZ(60deg) translate(-5em, 7.5em);
      transform: rotateZ(60deg) translate(-5em, 7.5em)
   }

   95% {
      opacity: 1;
      -webkit-transform: rotateZ(60deg) translate(1em, -11em);
      transform: rotateZ(60deg) translate(1em, -11em)
   }

   to {
      opacity: 0;
      -webkit-transform: rotateZ(60deg) translate(1em, -9em);
      transform: rotateZ(60deg) translate(1em, -9em)
   }
}

@keyframes sheens {

   0%,
   79% {
      opacity: 0;
      -webkit-transform: rotateZ(60deg) translate(-5em, 7.5em);
      transform: rotateZ(60deg) translate(-5em, 7.5em)
   }

   80% {
      opacity: 1;
      -webkit-transform: rotateZ(60deg) translate(-5em, 7.5em);
      transform: rotateZ(60deg) translate(-5em, 7.5em)
   }

   95% {
      opacity: 1;
      -webkit-transform: rotateZ(60deg) translate(1em, -11em);
      transform: rotateZ(60deg) translate(1em, -11em)
   }

   to {
      opacity: 0;
      -webkit-transform: rotateZ(60deg) translate(1em, -9em);
      transform: rotateZ(60deg) translate(1em, -9em)
   }
}

.wework {
   padding: 30px auto
}

.wework__top {
   display: flex;
   justify-content: space-between;
   align-items: center;
   margin: 20px 0 30px
}

.wework__title {
   flex: 1 0 40%;
   text-align: left;
   border: unset;
   font-size: calc(26px + 6 * ((100vw - 990px)/ (1200 - 990)))
}

.wework__title span {
   color: #ec0b0b
}

.wework__title:after {
   display: none
}

.wework__text {
   flex: 1 0 55%;
   color: #000;
   font-size: 16px;
   line-height: 1.5;
   padding: 0 25px
}

.wework__bottom {
   display: flex;
   justify-content: space-between;
   align-items: center;
   margin-top: 30px
}

.wework__image {
   flex: 1 0 40%;
   background-image: url(../img/bg/work.png);
   background-size: contain;
   background-repeat: no-repeat;
   background-position: 50% 50%;
   padding: 0 0 50% 0
}

.wework__inner {
   flex: 1 0 60%;
   padding: 20px
}

.wework__inner p {
   color: #1d5789;
   padding: 20px 0
}

.wework__subtitle {
   font-size: 20px;
   line-height: 20px;
   margin-bottom: 20px;
   color: #000
}

.wework__list {
   font-size: 16px;
   line-height: 20px;
   color: #000
}

.wework__link {
   font-size: 14px;
   line-height: 20px;
   color: #000;
   margin: 0 0 10px 15px;
   list-style-image: url(../img/icon/red.png)
}

.link-blue {
   list-style-image: url(../img/icon/blue.png)
}

.main-card {
   position: relative;
   width: 100%;
   padding-bottom: 80px
}

.main-card__body {
   padding: 0 20px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -ms-flex-pack: distribute;
   justify-content: space-around;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center
}

.main-card__column:nth-child(1) {
   -webkit-box-flex: 0;
   -ms-flex: 0 1 66.6667%;
   flex: 0 1 66.6667%
}

.main-card__column:nth-child(2) {
   -webkit-box-flex: 0;
   -ms-flex: 0 1 33.3334%;
   flex: 0 1 33.3334%
}

.main-card__row {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -ms-flex-pack: distribute;
   justify-content: space-around;
   margin-bottom: 20px
}

.main-card__cards {
   -webkit-box-flex: 0;
   -ms-flex: 0 1 50%;
   flex: 0 1 50%;
   margin: 0 20px
}

.main-cards__inner {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center
}

.main-cards__img {
   margin-bottom: 15px
}

.main-cards__text-body {
   padding: 15px 25px 5px
}

.main-cards__label {
   color: #000;
   font-size: 16px;
   line-height: 20px;
   text-decoration: underline;
   text-transform: uppercase;
   font-weight: 600
}

.main-cards__text {
   color: #000;
   font-size: 16px;
   line-height: 1.5;
   font-weight: 300
}

.main-cards-5 {
   background-color: #1d5789;
   -webkit-box-shadow: 0 0 0 0 #fff;
   box-shadow: 0 0 0 0 #fff;
   border: 5px double #fff
}

.main-cards-5__inner {
   padding: 15px
}

.main-cards-5__text-body {
   padding: 0
}

.main-cards-5__label {
   color: #fff;
   text-decoration: none
}

.main-cards-5__text {
   color: #fff
}

.fl-col {
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column
}

.land-card {
   margin: 0
}

.recovery {
   position: relative;
   width: 100%;
   padding-bottom: 80px
}

.recovery__top {
   padding: 0 20px
}

.tabs {
   padding-top: 30px;
   width: 100%
}

.tab-header {
   list-style: none;
   padding-left: 0;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -ms-flex-pack: distribute;
   justify-content: space-around;
   margin: 0
}

.tab-header__item {
   font-size: 16px;
   line-height: 1.5;
   font-weight: 400;
   padding: 15px 22px;
   text-align: center;
   white-space: nowrap;
   color: #11437b;
   border: 1px solid #11437b;
   border-bottom: 2px solid #fff;
   cursor: pointer
}

.tab-header__item.active {
   border-top: 4px solid #11437b;
   border-bottom: 4px solid #11437b;
   position: relative;
   background-color: #11437b;
   color: #fff;
   z-index: 1
}

.tab-content {
   list-style: none;
   padding: 0;
   margin: 0;
   position: relative
}

.tab-content__items {
   color: #11437b;
   display: none;
   padding: 20px;
   border-top: 1px solid #11437b
}

.tab-content__items.active {
   display: block
}

.tab-content__item {
   width: 100%;
   position: relative
}

.tab-content__title {
   text-align: center;
   position: absolute;
   font-size: 40px;
   font-weight: 700;
   line-height: 1.3;
   text-transform: uppercase;
   color: #1d5789;
   background: #fff;
   -webkit-box-shadow: 12px 0 0 #fff, -12px 0 0 #fff;
   box-shadow: 12px 0 0 #fff, -12px 0 0 #fff;
   -webkit-transform: translateX(80%);
   -ms-transform: translateX(80%);
   transform: translateX(80%)
}

.tab-content__body {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex
}

.tab-content__img {
   -webkit-box-flex: 0;
   -ms-flex: 0 1 50%;
   flex: 0 1 50%
}

.tab-content__img img {
   width: 100%;
   height: 100%;
   -o-object-fit: cover;
   object-fit: cover
}

.tab-content__text {
   -webkit-box-flex: 0;
   -ms-flex: 0 1 50%;
   flex: 0 1 50%;
   font-size: 16px;
   line-height: 1.5;
   font-weight: 400;
   color: #fff;
   background-color: #1d5789;
   padding: 90px 20px 0
}

.tab-content__text-2 {
   margin-top: -40px
}

.recovery-bottom__row {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
   padding: 20px 40px
}

.recovery-bottom__column:nth-child(1) {
   -webkit-box-flex: 0;
   -ms-flex: 0 1 33.334%;
   flex: 0 1 33.334%
}

.recovery-bottom__column:nth-child(2) {
   -webkit-box-flex: 0;
   -ms-flex: 0 1 66.6667%;
   flex: 0 1 66.6667%
}

.recovery-bottom__inner {
   height: 100%;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   border: 5px double #fff;
   -webkit-box-shadow: 0 0 0 0 #fff;
   box-shadow: 0 0 0 0 #fff;
   background-color: #1d5789
}

.recovery-bottom__label {
   font-size: 30px;
   line-height: 1.5;
   font-weight: 700;
   color: #fff;
   text-align: center
}

.recovery-bottom__item {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   border-bottom: 1px solid #1d5789
}

.recovery-bottom__item:last-child {
   border-bottom: none
}

.recovery-bottom__number {
   font-family: Montserrat;
   height: 90px;
   padding: 0 80px;
   font-size: 80px;
   font-weight: 300;
   line-height: 90px;
   text-align: center;
   color: transparent;
   -webkit-background-clip: text;
   background-clip: text;
   background-image: -o-linear-gradient(31deg, #1d5789ff 10%, #479fcc 66%, #479fcc);
   background-image: linear-gradient(59deg, #1d5789ff 10%, #479fcc 66%, #479fcc)
}

.recovery-bottom__text {
   font-size: 16px;
   font-weight: 400;
   line-height: 1.5;
   color: #000
}

.recovery__footer {
   display: flex;
   align-items: center;
   justify-content: space-between;
   padding: 30px 10px 0;
   margin: 10px
}

.recovery__price {
   position: relative;
   width: 50%;
   z-index: 1
}

.recovery__price_text {
   text-align: center;
   font-size: 22px;
   width: 140px;
   height: 40px;
   background: red;
   border-top-left-radius: 10px;
   border-top-right-radius: 10px
}

.recovery__price_price {
   text-align: center;
   font-size: 22px;
   width: 140px;
   height: 40px;
   background: red;
   border-bottom-left-radius: 10px;
   border-bottom-right-radius: 10px
}

.recovery__callback {
   margin: 0 auto;
   width: 180px;
   text-transform: uppercase;
   text-align: center;
   background-color: #fff;
   -webkit-box-shadow: 12px 0 0 #fff, -12px 0 0 #fff;
   box-shadow: 12px 0 0 #fff, -12px 0 0 #fff;
   cursor: pointer;
   overflow: hidden;
   position: relative;
   padding: 10px 20px;
   z-index: 1
}

.recovery__callback a {
   color: #1d5789;
   font-size: 18px;
   font-weight: 600;
   line-height: 1.4;
   letter-spacing: 2px;
   z-index: 3
}

.test {
   width: 100%;
   height: 500px;
   position: relative;
   padding-bottom: 80px
}

.test__body {
   position: absolute;
   width: 110%;
   height: 100%;
   background-image: url(../img/bg/test-bg.jpg);
   background-size: cover;
   background-position: 0 0;
   background-repeat: no-repeat;
   padding: 0 0 30% 0;
   -webkit-transform: translateX(-20px);
   -ms-transform: translateX(-20px);
   transform: translateX(-20px);
   z-index: -3
}

.test__inner {
   width: 100%;
   height: 100%;
   position: relative;
   padding: 50px;
   text-align: center
}

.test__label {
   color: #ec0b0b;
   font-size: 32px;
   text-align: center;
   line-height: 1.2;
   font-weight: 700;
   padding-bottom: 150px;
   text-transform: uppercase
}

.test__button {
   position: relative;
   padding: 20px 30px;
   overflow: hidden
}

.test__button::after {
   content: "";
   position: absolute;
   top: 0;
   left: 30%;
   width: 200px;
   height: 50px;
   background: -webkit-gradient(linear, left top, left bottom, from(rgba(229, 172, 142, 0)), color-stop(50%, rgba(255, 255, 255, .7)), to(rgba(229, 172, 142, 0)));
   background: -o-linear-gradient(top, rgba(229, 172, 142, 0), rgba(255, 255, 255, .7) 50%, rgba(229, 172, 142, 0));
   background: linear-gradient(to bottom, rgba(229, 172, 142, 0), rgba(255, 255, 255, .7) 50%, rgba(229, 172, 142, 0));
   -webkit-transform: rotateZ(60deg) translate(10px, 420px);
   -ms-transform: rotate(60deg) translate(10px, 420px);
   transform: rotateZ(60deg) translate(10px, 420px);
   opacity: 0;
   -webkit-animation: sheens 4s infinite;
   animation: sheens 4s infinite;
   z-index: 0
}

.btn-red {
   background-color: #ec0b0b
}

.m-top {
   margin-top: 40px
}

.mfp-iframe {
   min-height: 600px
}

.iframe-content {
   min-height: 600px
}

.mfp-fade.mfp-bg {
   opacity: 0;
   -webkit-transition: all .15s ease-out;
   -o-transition: all .15s ease-out;
   transition: all .15s ease-out
}

.mfp-fade.mfp-bg.mfp-ready {
   opacity: .8
}

.mfp-fade.mfp-bg.mfp-removing {
   opacity: 0
}

.mfp-fade.mfp-wrap .mfp-content {
   opacity: 0;
   -webkit-transition: all .15s ease-out;
   -o-transition: all .15s ease-out;
   transition: all .15s ease-out
}

.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
   opacity: 1
}

.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
   opacity: 0
}

.work {
   position: relative;
   width: 100%;
   padding-bottom: 80px
}

.work__row {
   padding: 50px 40px 0;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between
}

.work__column {
   -webkit-box-flex: 0;
   -ms-flex: 0 1 50%;
   flex: 0 1 50%;
   position: relative
}

.work__column:first-child {
   padding: 60px 0;
   min-width: 0
}

.work__info {
   position: relative
}

.work__bottom {
   padding: 0 70px
}

.work-slider__item img {
   width: 100%;
   -o-object-fit: cover;
   object-fit: cover
}

.work-info__inner {
   position: absolute;
   top: 0;
   left: 0;
   background: #fff;
   -webkit-box-shadow: -6px 6px 19px 0 rgba(0, 0, 0, .33);
   box-shadow: -6px 6px 19px 0 rgba(0, 0, 0, .33);
   padding: 20px 10px 30px 30px;
   -webkit-transform: translateX(-5px);
   -ms-transform: translateX(-5px);
   transform: translateX(-5px);
   z-index: 10
}

.work-info__label {
   position: absolute;
   font-size: 25px;
   line-height: 1.5;
   color: #fff;
   background-color: #1d5789;
   -webkit-box-shadow: #1d5789 12px 0 0, #1d5789 -30px 0 0;
   box-shadow: #1d5789 12px 0 0, #1d5789 -30px 0 0
}

.work-info__text {
   color: #000;
   font-size: 16px;
   font-weight: 400;
   line-height: 1.5;
text-align: justify;
   margin-top: 40px

}

.work-info__text ol {
   padding-left: 40px
}

.reverse {
   -webkit-box-orient: horizontal;
   -webkit-box-direction: reverse;
   -ms-flex-direction: row-reverse;
   flex-direction: row-reverse
}

.reverse .work__column:first-child {
   padding: 0;
   min-width: 0
}

.reverse .work__column:last-child {
   padding: 120px 0
}

.reverse .work-info__inner {
   -webkit-transform: translateX(5px);
   -ms-transform: translateX(5px);
   transform: translateX(5px)
}

.rev {
   -webkit-box-orient: horizontal;
   -webkit-box-direction: normal;
   -ms-flex-direction: row;
   flex-direction: row
}

.rev .work-info__inner {
   -webkit-transform: translateX(-5px);
   -ms-transform: translateX(-5px);
   transform: translateX(-5px)
}

.after {
   position: relative;
   width: 100%;
   padding-bottom: 80px
}

.after__gallery {
   padding: 50px 40px 0;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center
}

.after__btn {
   position: absolute;
   top: 0;
   bottom: 0;
   left: 0;
   right: 0;
   padding: 8px 20px;
   font-size: calc(14px + 2 * ((100vw - 990px)/ (1440 - 990)));
   line-height: 1.3;
   text-transform: uppercase;
   text-align: center;
   color: #fff;
   cursor: pointer;
   z-index: 10
}

.after__button {
   position: relative;
   margin-top: 10px;
   width: 100%;
   height: 33px;
   background-color: rgba(29, 87, 137, .9);
   -webkit-box-shadow: 1px 1px 20px 1px #ced3d5;
   box-shadow: 1px 1px 20px 1px #ced3d5;
   overflow: hidden;
   cursor: pointer
}

.after__button::after {
   content: "";
   position: absolute;
   width: 100%;
   height: 100%;
   left: 100%;
   top: 0;
   background-color: #f75b30;
   -webkit-transition: ease .4s;
   -o-transition: ease .4s;
   transition: ease .4s
}

.after__button:hover::after {
   left: 0;
   -webkit-transition: ease .4s;
   -o-transition: ease .4s;
   transition: ease .4s
}

.popup-gallery__row {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap
}

.popup-gallery img {
   width: 150px;
   height: 120px;
   margin: 3px auto;
   -o-object-fit: cover;
   object-fit: cover;
   margin: 2px
}

.section-top {
   padding-top: 90px
}

.master {
   margin-bottom: 30px
}

.master__body {
   background-color: rgba(29, 87, 137, .9);
   padding: 30px;
   margin-top: 50px;
   border: 3px double #000
}

.master__list {
   color: #fff
}

.master__list li {
   padding: 5px
}

.video__body {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -ms-flex-pack: distribute;
   justify-content: space-around
}

.video {
   position: relative;
   padding-bottom: 80px
}

.video__title {
   margin-bottom: 30px
}

.video__body {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -ms-flex-pack: distribute;
   justify-content: space-around;
   margin-top: 40px
}

.video__row {
   width: 100%;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -ms-flex-pack: distribute;
   justify-content: space-around
}

.video__card {
   -webkit-box-flex: 0;
   -ms-flex: 0 1 33%;
   flex: 0 1 33%;
   margin: 0 15px
}

.video__video iframe {
   width: 100%;
   height: 100%
}

.video__info {
   padding: 20px 30px 30px
}

.akril {
   position: relative;
   padding-bottom: 90px
}

.akril__title {
   margin-bottom: 30px
}

.akril__row {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   margin-top: 40px
}

.akril__img {
   -webkit-box-flex: 0;
   -ms-flex: 0 1 45%;
   flex: 0 1 45%;
   margin: 0 auto
text-align: justify;
}

.akril__info {
   -webkit-box-flex: 0;
   -ms-flex: 0 1 50%;
   flex: 0 1 50%
}

.akril-price {
   text-align: center
}

.akril-price__new {
   font-size: 30px;
   font-weight: 400;
   line-height: 1.5;
   font-weight: 500;
   color: #1d5789
}

.akril-price__new span {
   font-size: 40px
}

.akril-price__old {
   position: relative
}

.akril-price__old::before {
   content: "";
   border-bottom: 2px solid #11437b;
   position: absolute;
   width: 100%;
   height: 140%;
   -webkit-transform: rotate(-12deg);
   -ms-transform: rotate(-12deg);
   transform: rotate(-12deg)
}

.akril-price p {
   text-decoration: underline
}

.acril-shop__row {
   display: flex;
   justify-content: space-between;
   align-items: center;
   flex-wrap: wrap
}

.acril-shop__item {
   -webkit-box-flex: 0;
   -ms-flex: 0 1 31%;
   flex: 0 1 31%;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
   padding: 10px 0 0;
   -webkit-box-shadow: -6px 0 19px 0 rgba(0, 0, 0, .3);
   box-shadow: -6px 0 19px 0 rgba(0, 0, 0, .3);
   overflow: hidden;
   -webkit-transition: ease .9s;
   -o-transition: ease .9s;
   transition: ease .9s;
   cursor: pointer;
   margin-bottom: 40px
}

.acril-shop__label {
   width: 100%;
   height: 80px;
   font-size: calc(18px + 6 * ((100vw - 990px)/ (1440 - 990)));
   line-height: 1.5;
   font-weight: 400;
   text-align: center;
   color: #fff;
   padding: 5px 20px;
   margin-top: 10px;
   -webkit-box-shadow: #1d5789 10px 0 0;
   box-shadow: #1d5789 10px 0 0;
   background-color: #1d5789
}

.acril-shop__img {
   padding: 50px
}

.acril-shop__img img {
   width: 100%;
   height: 100%;
   height: 235px;
   object-fit: contain
}

.acril-shop__price {
   margin: 0 auto;
   padding: 0 0 50px 0
}

.question {
   position: relative;
   padding-bottom: 80px
}

.question__title {
   margin-bottom: 30px
}

.question__body {
   padding-top: 50px
}

.question__items {
   width: 100%;
   position: relative;
   margin-top: 40px
}

.question__item {
   padding: 10px 30px 10px 15px;
   border: 1px solid #1d5789;
   position: relative;
   overflow: hidden;
   cursor: pointer;
   z-index: 1
}

.question__item::after {
   content: "";
   position: absolute;
   width: 10px;
   height: 16px;
   top: 15px;
   right: 15px;
   background-image: url(../img/icon/accordion.svg);
   background-repeat: no-repeat;
   background-position: center center;
   -webkit-transform: rotate(-90deg);
   -ms-transform: rotate(-90deg);
   transform: rotate(-90deg);
   -webkit-transition: all .5s;
   -o-transition: all .5s;
   transition: all .5s
}

.question__item.active::after {
   -webkit-transform: rotate(0);
   -ms-transform: rotate(0);
   transform: rotate(0)
}

.question__item.active .question__info {
   transform: translateY(0);
   visibility: visible;
   height: auto;
   opacity: 1;
   transform: scale(1)
}

.question__lable {
   font-size: 16px;
   font-weight: 400;
   line-height: 1.5;
   color: #000;
   background: #fff
}

.question__info {
   padding: 10px 15px;
   -webkit-transition: all .9s;
   -o-transition: all .9s;
   transition: all .9s;
   transform: scale(0);
   visibility: hidden;
   height: 0;
   opacity: 0
}

.three-steps {
   position: relative;
   padding-bottom: 80px
}

.three-steps__title {
   margin-bottom: 30px
}

.three-steps__row {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
   -webkit-box-align: stretch;
   -ms-flex-align: stretch;
   align-items: stretch;
   margin-top: 40px
}

.three-steps__item {
   -webkit-box-flex: 0;
   -ms-flex: 0 1 31%;
   flex: 0 1 31%;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
   padding: 10px 0 0;
   -webkit-box-shadow: -6px 0 19px 0 rgba(0, 0, 0, .3);
   box-shadow: -6px 0 19px 0 rgba(0, 0, 0, .3);
   overflow: hidden;
   -webkit-transition: ease .9s;
   -o-transition: ease .9s;
   transition: ease .9s;
   cursor: pointer
}

.three-steps__item:hover {
   -webkit-transform: translateY(-15px);
   -ms-transform: translateY(-15px);
   transform: translateY(-15px)
}

.three-steps__label {
   width: 100%;
   font-size: 24px;
   line-height: 1.5;
   font-weight: 400;
   text-align: center;
   color: #fff;
   padding: 5px 20px;
   margin-top: 10px;
   -webkit-box-shadow: #1d5789 10px 0 0;
   box-shadow: #1d5789 10px 0 0;
   background-color: #1d5789
}

.three-steps__text {
   text-align: center;
   font-weight: 300;
   padding: 20px 15px
}

.three-steps__text a {
   color: #000
}

.contact {
   position: relative;
   padding-bottom: 80px
}

.contact__title {
   margin-bottom: 80px
}

.contact__row {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   padding: 20px 0
}

.contact__img {
   -webkit-box-flex: 0;
   -ms-flex: 0 1 55%;
   flex: 0 1 55%;
   margin: 0 auto
}

.contact__info {
   -webkit-box-flex: 0;
   -ms-flex: 0 1 40%;
   flex: 0 1 40%;
   font-weight: 300
}

.contact__info p {
   margin: 10px 0 0
}

.contact__mobile a {
   font-size: 20px;
   line-height: 1.5;
   font-weight: 400;
   color: #333
}

.contact__label {
   color: #333;
   font-size: 20px;
   text-transform: uppercase;
   font-weight: 600
}

.contact__button {
   margin-top: 10px;
   display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
   text-decoration: none;
   border: 4px solid #fff;
   position: relative;
   overflow: hidden;
   background: #1d5789;
   cursor: pointer
}

.contact__button:hover {
   border: 4px double #fff
}

.contact__btn {
   font-size: 16px;
   line-height: 20px;
   padding: 12px 18px;
   color: #fff;
   font-weight: 400;
   text-transform: uppercase
}

.contact__social {
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center
}

.contact__social a {
   margin: 5px
}

.contact-img {
   position: relative;
   -webkit-box-shadow: -6px 0 19px 0 rgba(0, 0, 0, .3);
   box-shadow: -6px 0 19px 0 rgba(0, 0, 0, .3);
   -webkit-transform: rotate(-5deg);
   -ms-transform: rotate(-5deg);
   transform: rotate(-5deg);
   -webkit-transition: ease .3s;
   -o-transition: ease .3s;
   transition: ease .3s
}

.contact-img::after {
   content: "";
   position: absolute;
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
   z-index: 1
}

.contact-img:hover {
   -webkit-transform: rotate(0);
   -ms-transform: rotate(0);
   transform: rotate(0)
}

.contact-img:hover::after {
   opacity: .5
}

.contact-img:hover .contact-img__info-text {
   -webkit-transform: translateY(-25px);
   -ms-transform: translateY(-25px);
   transform: translateY(-25px)
}

.contact-img_1 {
   -webkit-transform: rotate(-5deg);
   -ms-transform: rotate(-5deg);
   transform: rotate(-5deg)
}

.contact-img_1::after {
   background: #000;
   opacity: .1
}

.contact-img_2 {
   -webkit-transform: rotate(5deg);
   -ms-transform: rotate(5deg);
   transform: rotate(5deg);
   color: #000
}

.contact-img_2::after {
   background: #fff;
   opacity: .1
}

.contact-img__info-text {
   width: 100%;
   height: 100%;
   top: 15%;
   left: 0;
   position: absolute;
   text-align: center;
   -webkit-transition: ease .6s;
   -o-transition: ease .6s;
   transition: ease .6s;
   z-index: 2;
   padding: 15px 0
}

.contact-img__text p {
   padding: 5px 0
}

.contact-img__text h4 {
   font-size: 21px;
   font-weight: 400;
   line-height: 1.5;
   padding: 5px 0
}

.contact-img__label {
   font-size: 33px;
   font-weight: 600;
   line-height: 1.5
}

.price__row {
   padding-top: 52px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between
}

.price__column p {
   font-size: 16px;
   line-height: 1.5;
   color: #000;
   font-weight: 500;
   text-align: left
}

.price__info {
   padding: 30px;
   -webkit-box-shadow: -6px 9px 19px 0 rgba(0, 0, 0, .32);
   box-shadow: -6px 9px 19px 0 rgba(0, 0, 0, .32);
   color: #fff;
   background-color: #1d5789;
   position: relative
}

.price__label {
   position: absolute;
   left: 13px;
   font-size: 24px;
   font-weight: 700;
   color: #11437b;
   background-color: #fff;
   -webkit-box-shadow: #fff 12px 0 0, #fff -12px 0 0;
   box-shadow: #fff 12px 0 0, #fff -12px 0 0
}

.price__menu {
   margin-top: 35px
}

.price__list {
   font-size: 16px;
   line-height: 1.5;
   font-weight: 400;
   position: relative;
   padding-left: 15px;
   margin-bottom: 4px
}

.price__list::before {
   content: "";
   position: absolute;
   width: 16px;
   height: 16px;
   top: 5px;
   left: -15px;
   background-image: url(../img/icon/check.svg)
}

.service {
   padding-top: 50px;
   position: relative
}

.service__table-table {
   margin-top: 40px;
   overflow: auto
}

.service__table {
   padding: 50px 0
}

.service__table-left {
   position: absolute;
   color: #000;
   font-size: 11px;
   top: 95px;
   right: 30px;
   z-index: 10;
   display: none
}

table {
   border-collapse: collapse;
   border-spacing: 0;
   width: 100%;
   border: 1px solid #ddd;
   color: #000;
   font-size: 16px
}

td,
th {
   text-align: left;
   padding: 16px 20px;
   min-width: 150px
}

th {
   text-align: center;
   background: #1d5789;
   color: #fff;
   font-size: 18px;
   line-height: 1.5;
   font-weight: 600
}

td:nth-child(even) {
   text-align: center
}

tr:nth-child(even) {
   background-color: #f2f2f2;
   border-top: 1px solid #11437b;
   border-bottom: 1px solid #11437b
}

.add-service {
   padding: 0 0 50px 0
}

.add-service__text {
   padding: 30px 0;
   font-size: 16px;
   line-height: 1.5;
   color: #000;
   font-weight: 300;
   text-align: left
}

.add-service__list-menu {
   padding: 20px 25px
}

.add-service__list {
   list-style-type: disc
}

.add-service__img {
   text-align: center
}

.add-service__img img {
   width: 200px;
   height: 150px
}

.additional-services {
   margin-bottom: 50px
}

.additional-services__body {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between
}

.additional-services__card {
   min-width: 310px;
   height: 350px;
   background: #11437b;
   -webkit-box-flex: 0;
   -ms-flex: 0 1 30%;
   flex: 0 1 30%
}

.card-additional-services {
   margin: 20px 0
}

.card-additional-services:hover .card-additional-services__icon {
   width: 60px;
   height: 70px;
   -webkit-transform: translateY(0);
   -ms-transform: translateY(0);
   transform: translateY(0)
}

.card-additional-services:hover .card-additional-services__text {
   -webkit-transform: scale(1);
   -ms-transform: scale(1);
   transform: scale(1)
}

.card-additional-services:hover .card-additional-services__button {
   margin-top: 40px
}

.card-additional-services__inner {
   padding: 20px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between
}

.card-additional-services__title {
   text-align: center;
   height: 30px;
   padding-bottom: 10px
}

.card-additional-services__icon {
   width: 160px;
   height: 160px;
   padding: 10px 0;
   -webkit-transform: translateY(25px);
   -ms-transform: translateY(25px);
   transform: translateY(25px);
   -webkit-transition: all 1s cubic-bezier(.25, .8, .25, 1);
   -o-transition: all 1s cubic-bezier(.25, .8, .25, 1);
   transition: all 1s cubic-bezier(.25, .8, .25, 1)
}

.card-additional-services__icon img {
   width: 100%;
   height: 100%
}

.card-additional-services__text {
   height: 140px;
   padding: 10px 0;
   -webkit-transform: scale(0);
   -ms-transform: scale(0);
   transform: scale(0)
}

.card-additional-services__text p {
   font-size: calc(14px + 2 * ((100vw - 1200px)/ (1440 - 1200)))
}

.card-additional-services__button {
   margin-top: -80px;
   -webkit-transition: all 1s cubic-bezier(.25, .8, .25, 1);
   -o-transition: all 1s cubic-bezier(.25, .8, .25, 1);
   transition: all 1s cubic-bezier(.25, .8, .25, 1);
   cursor: pointer
}

.card-additional-services__button a {
   color: #fff
}

.card-additional-services__button:hover {
   border: 1px solid #fff;
   padding: 5px
}

.reviews__itmes {
   padding: 0 50px
}

.reviews__itmes p {
   font-size: 16px;
   line-height: 1.5;
   color: #000;
   font-weight: 400;
   text-align: left;
   padding: 40px 0 30px
}

.reviews__item {
   border: 1px solid #ddd;
   margin: 20px 0 25px 10px;
   background-color: #fff;
   position: relative
}

.reviews__item::before {
   content: "";
   position: absolute;
   top: 7px;
   left: -11px;
   border-color: transparent #ddd;
   border-style: solid;
   border-width: 10px 10px 10px 0;
   height: 0;
   width: 0
}

.reviews__item::after {
   content: "";
   position: absolute;
   top: 7px;
   left: -9px;
   border-color: transparent #fff;
   border-style: solid;
   border-width: 10px 9px 9px 0;
   height: 0;
   width: 0
}

.reviews__body {
   font-family: Helvetica, Arial, sans-serif;
   font-size: 13px;
   line-height: 1.5;
   padding: 8px 16px
}

.reviews__label {
   color: #1d5789
}

.reviews__sublabel {
   font-size: 12px;
   color: #888
}

.reviews__text {
   color: #000;
   font-weight: 400;
   text-align: left;
   padding: 8px;
   margin-bottom: 1px
}

.reviews-slide__body {
   margin: 30px 0 30px 50px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex
}

.reviews-slide__photo {
   margin-top: 20px
}

.reviews-slide__image img {
   border-radius: 50%
}

.reviews-slide__info {
   padding: 10px 0;
   color: #000;
   text-align: center
}

.reviews-slide__stars img {
   margin: 0 auto
}

.our-work__title {
   padding-left: 210px
}

.our-work__itmes p {
   font-size: 16px;
   line-height: 1.5;
   color: #000;
   font-weight: 400;
   text-align: left;
   padding: 40px 0 30px
}

.our-work__itmes p a {
   color: #1d5789
}

.our-work__body {
   width: 100%;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center
}

.ow-card {
   -webkit-box-flex: 0;
   -ms-flex: 0 1 23%;
   flex: 0 1 23%;
   width: 100%;
   max-height: 296px;
   height: 100%;
   border: 1px solid rgba(0, 0, 0, .125);
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between
}

.ow-card__img {
   padding: 0 25px
}

.ow-card__img img {
   width: 100%;
   height: 100%;
   -o-object-fit: cover;
   object-fit: cover
}

.ow-card__title {
   font-size: 18px;
   font-weight: 500;
   line-height: 1.2;
   color: #000;
   text-align: center;
   padding: 15px
}

.ow-card__btn {
   font-size: 16px;
   line-height: 1.5;
   font-weight: 400;
   padding: 6px 15px;
   border-color: #1d5789;
   background-color: #1d5789;
   border: 1px solid transparent;
   border-radius: 6px;
   margin-top: 10px
}

.ow-card__btn a {
   color: #fff
}

.ow-card__btn:hover {
   background-color: #171838
}

.our-work-child__body {
   width: 100%;
   padding: 40px
}

.our-work-child__img img {
   width: 125px;
   height: 125px;
   margin: 10px auto;
   padding: 4px;
   border: 1px solid #ccc;
   border-radius: 6px
}

.branch {
   background: #fff;
   padding: 30px 10px
}

.branch__city {
   padding: 30px 0;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: start;
   -ms-flex-pack: start;
   justify-content: flex-start;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap
}

.branch__link {
   width: 150px;
   padding: 5px;
   margin: 5px;
   text-align: center;
   color: #1d5789;
   font-size: 20px;
   border: 1px solid transparent;
   border-radius: 30px;
   -webkit-transition: all 1s cubic-bezier(.25, .8, .25, 1);
   -o-transition: all 1s cubic-bezier(.25, .8, .25, 1);
   transition: all 1s cubic-bezier(.25, .8, .25, 1)
}

.branch__link:hover {
   border: 1px solid #1d5789;
   background: #1d5789;
   color: #fff;
   -webkit-transition: all 1s cubic-bezier(.25, .8, .25, 1);
   -o-transition: all 1s cubic-bezier(.25, .8, .25, 1);
   transition: all 1s cubic-bezier(.25, .8, .25, 1)
}

.white-popup {
   position: relative;
   background: #fff;
   width: 90%;
   margin: 0 auto;
   left: 0;
   top: 0
}

.footer {
   width: 100%;
   height: 78px;
   background-color: #1d5789;
   padding-left: 210px
}

.footer__text {
   font-size: 14px;
   font-weight: 300;
   color: #fff;
   padding: 25px 0;
   opacity: .5
}

@media only screen and (min-width:768px) {
   .large-1 {
      position: relative;
      width: 8.33333%
   }

   .large-2 {
      position: relative;
      width: 16.66667%
   }

   .large-3 {
      position: relative;
      width: 25%
   }

   .large-4 {
      position: relative;
      width: 33.33333%
   }

   .large-5 {
      position: relative;
      width: 41.66667%
   }

   .large-6 {
      position: relative;
      width: 50%
   }

   .large-7 {
      position: relative;
      width: 58.33333%
   }

   .large-8 {
      position: relative;
      width: 66.66667%
   }

   .large-9 {
      position: relative;
      width: 75%
   }

   .large-10 {
      position: relative;
      width: 83.33333%
   }

   .large-11 {
      position: relative;
      width: 91.66667%
   }

   .large-12 {
      position: relative;
      width: 100%
   }

   .row .large-offset-0 {
      position: relative;
      margin-left: 0
   }

   .row .large-offset-1 {
      position: relative;
      margin-left: 8.33333%
   }

   .row .large-offset-2 {
      position: relative;
      margin-left: 16.66667%
   }

   .row .large-offset-3 {
      position: relative;
      margin-left: 25%
   }

   .row .large-offset-4 {
      position: relative;
      margin-left: 33.33333%
   }

   .row .large-offset-5 {
      position: relative;
      margin-left: 41.66667%
   }

   .row .large-offset-6 {
      position: relative;
      margin-left: 50%
   }

   .row .large-offset-7 {
      position: relative;
      margin-left: 58.33333%
   }

   .row .large-offset-8 {
      position: relative;
      margin-left: 66.66667%
   }

   .row .large-offset-9 {
      position: relative;
      margin-left: 75%
   }

   .row .large-offset-10 {
      position: relative;
      margin-left: 83.33333%
   }

   .row .large-offset-11 {
      position: relative;
      margin-left: 91.66667%
   }

   .push-1 {
      position: relative;
      left: 8.33333%;
      right: auto
   }

   .pull-1 {
      position: relative;
      right: 8.33333%;
      left: auto
   }

   .push-2 {
      position: relative;
      left: 16.66667%;
      right: auto
   }

   .pull-2 {
      position: relative;
      right: 16.66667%;
      left: auto
   }

   .push-3 {
      position: relative;
      left: 25%;
      right: auto
   }

   .pull-3 {
      position: relative;
      right: 25%;
      left: auto
   }

   .push-4 {
      position: relative;
      left: 33.33333%;
      right: auto
   }

   .pull-4 {
      position: relative;
      right: 33.33333%;
      left: auto
   }

   .push-5 {
      position: relative;
      left: 41.66667%;
      right: auto
   }

   .pull-5 {
      position: relative;
      right: 41.66667%;
      left: auto
   }

   .push-6 {
      position: relative;
      left: 50%;
      right: auto
   }

   .pull-6 {
      position: relative;
      right: 50%;
      left: auto
   }

   .push-7 {
      position: relative;
      left: 58.33333%;
      right: auto
   }

   .pull-7 {
      position: relative;
      right: 58.33333%;
      left: auto
   }

   .push-8 {
      position: relative;
      left: 66.66667%;
      right: auto
   }

   .pull-8 {
      position: relative;
      right: 66.66667%;
      left: auto
   }

   .push-9 {
      position: relative;
      left: 75%;
      right: auto
   }

   .pull-9 {
      position: relative;
      right: 75%;
      left: auto
   }

   .push-10 {
      position: relative;
      left: 83.33333%;
      right: auto
   }

   .pull-10 {
      position: relative;
      right: 83.33333%;
      left: auto
   }

   .push-11 {
      position: relative;
      left: 91.66667%;
      right: auto
   }

   .pull-11 {
      position: relative;
      right: 91.66667%;
      left: auto
   }

   .column.large-centered,
   .columns.large-centered {
      position: relative;
      margin-left: auto;
      margin-right: auto;
      float: none !important
   }

   .column.large-uncentered,
   .columns.large-uncentered {
      margin-left: 0;
      margin-right: 0;
      float: left !important
   }

   .column.large-uncentered.opposite,
   .columns.large-uncentered.opposite {
      float: right !important
   }
}

@media (min-width:1440px) {
   .main__lable {
      max-width: 600px
   }

   .main-icon__item img {
      width: 100px
   }

   .main-icon__item p {
      font-size: 20px
   }
   .acril-shop__label{
      font-size: 24px;
   }
}

@media (max-width:1280px) {
   .work__row {
      padding: 90px 0
   }
}

@media (max-width:1200px) {
   .header__contact {
      display: none
   }

   .header__callback {
      opacity: 0
   }

   .recovery__price_price {
      font-size: 18px
   }

   .main__column:nth-child(1) {
      -webkit-transform: translateX(50px);
      -ms-transform: translateX(50px);
      transform: translateX(50px)
   }

   .main__title {
      margin-top: 0
   }

   .contact-img__label {
      font-size: calc(26px + 6 * ((100vw - 990px)/ (1200 - 990)))
   }

   .card-additional-services__text p {
      font-size: 14px
   }
}

@media (max-width:1175px) {
   .additional-services__body {
      -ms-flex-pack: distribute;
      justify-content: space-around
   }

   .additional-services__card {
      margin-bottom: 20px
   }
}

@media (max-width:1150px) {
   .tab-header__item {
      padding: 10px 7px
   }
}

@media (max-width:1100px) {
   .contact-img__info-text {
      top: 0
   }
   .main__btn span{
      font-size: 26px;
      text-transform: uppercase;
   }
}

@media (max-width:1095px) {
   .reverse .work__column:first-child {
      -webkit-transform: translateY(80px);
      -ms-transform: translateY(80px);
      transform: translateY(80px)
   }
}

@media (max-width:990px) {
   body.lock {
      overflow: hidden
   }

   .acril-shop__img img {
      height: 140px
   }

   .acril-shop__label {
      font-size: 16px
   }

   .main__btn span{
      font-size: 19px;
      text-transform: uppercase;
   }

   section {
      padding: 0 50px
   }

   .m-top- {
      margin-top: -150px
   }

   .recovery__footer {
      padding: 30px 0 0;
      margin: 0
   }

   .recovery__callback {
      width: auto
   }

   .link-title {
      top: 80px
   }

   .link-title__bg {
      margin-top: 80px;
      width: 200%;
      left: -50%
   }

   .header {
      width: 100%;
      max-height: 80px;
      padding: 10px
   }

   .header__item {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row
   }

   .header__logo {
      padding-left: 50px
   }

   .header__nav {
      width: 300px;
      height: 100%;
      color: #fff;
      background-color: #1d5789;
      position: fixed;
      top: 0;
      right: -300px;
      overflow: inherit;
      -webkit-transition: all .6s;
      -o-transition: all .6s;
      transition: all .6s;
      z-index: 100;
      overflow: auto
   }

   .header__nav.active {
      right: 0
   }

   .header__info {
      display: none
   }

   .header__burger {
      display: block
   }

   .branches {
      padding: 30px 0 0
   }

   .menu {
      width: 300px;
      margin-top: 48px
   }

   .menu__list {
      max-height: 34px
   }

   .menu__link {
      font-size: 16px;
      font-weight: 600
   }

   .main {
      margin: 70px 0 0;
      padding-bottom: 50px
   }

   .main__lable {
      margin: 20px
   }

   .main-icon__item img {
      width: 80%;
      padding: 0 15px
   }

   .wework__image {
      padding: 0 0 77% 0
   }

   .wework__title {
      font-size: 25px
   }

   .main-card {
      padding: 0 20px 50px
   }

   .main-card__body {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      padding: 0
   }

   .recovery {
      padding-bottom: 30px
   }

   .recovery__top {
      padding: 0
   }

   .tab-header__item {
      white-space: unset
   }

   .tab-content__items {
      padding: 20px 0
   }

   .tab-content__title {
      -webkit-transform: translateX(40%);
      -ms-transform: translateX(40%);
      transform: translateX(40%)
   }

   .tab-content__text {
      padding: 60px 10px 10px
   }

   .recovery-bottom__row {
      padding: 20px 0
   }

   .test {
      padding-bottom: 30px
   }

   .test__body {
      width: 150%;
      left: -50px
   }

   .work {
      padding-bottom: 50px
   }

   .work__row {
      padding: 0;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -ms-flex-pack: distribute;
      justify-content: space-around
   }

   .work__column:first-child {
      padding: 20px 0 0
   }

   .work__bottom {
      padding: 0
   }

   .work-info__inner {
      position: relative;
      padding: 20px 30px
   }

   .reverse .work__column:last-child {
      padding: 80px 0 0
   }

   .after {
      padding-bottom: 50px
   }

   .after__gallery {
      padding: 30px 0
   }

   .video {
      padding-bottom: 50px
   }

   .video__row {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap
   }

   .video__card {
      -webkit-box-flex: 0;
      -ms-flex: 0 1 45%;
      flex: 0 1 45%;
      margin: 0
   }

   .video__info {
      padding: 20px 10px 30px
   }

   .akril {
      padding-bottom: 50px
   }

   .akril__row {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start
   }

   .akril__info {
      width: 100%;
      padding: 20px 50px
   }

   .akril__info p {
      margin: 10px 0
   }

   .contact__row {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start;
      padding: 0;
      margin-bottom: -70px
   }

   .contact__img {
      width: 80%
   }

   .contact__info {
      width: 100%;
      padding: 10px 50px 50px
   }

   .contact-img__info-text {
      top: 15%
   }

   .contact-img__label {
      font-size: 26px
   }

   .price__row {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -ms-flex-pack: distribute;
      justify-content: space-around
   }

   .our-work__title {
      padding-left: 0
   }

   .our-work__itmes p {
      padding: 15px 0 10px
   }

   .our-work__body {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap
   }

   .ow-card {
      -webkit-box-flex: 0;
      -ms-flex: 0 1 40%;
      flex: 0 1 40%;
      margin: 15px auto
   }

   .our-work-child__body {
      padding: 40px 0;
      text-align: center
   }

   .footer {
      padding: 0 50px;
      margin-top: 70px
   }
}

@media all and (max-width:900px) {
   .mfp-arrow {
      -webkit-transform: scale(.75);
      -ms-transform: scale(.75);
      transform: scale(.75)
   }

   .mfp-arrow-left {
      -webkit-transform-origin: 0;
      -ms-transform-origin: 0;
      transform-origin: 0
   }

   .mfp-arrow-right {
      -webkit-transform-origin: 100%;
      -ms-transform-origin: 100%;
      transform-origin: 100%
   }

   .mfp-container {
      padding-left: 6px;
      padding-right: 6px
   }
}

@media (max-width:850px) {
   .cb-modal__body {
      width: 60%
   }
}

@media (max-width:845px) {
   .three-steps {
      padding: 0 20px 80px
   }

   .three-steps__label {
      font-size: 22px
   }
}

@media screen and (max-width:800px) and (orientation:landscape),
screen and (max-height:300px) {
   .mfp-img-mobile .mfp-image-holder {
      padding-left: 0;
      padding-right: 0
   }

   .mfp-img-mobile img.mfp-img {
      padding: 0
   }

   .mfp-img-mobile .mfp-figure:after {
      top: 0;
      bottom: 0
   }

   .mfp-img-mobile .mfp-figure small {
      display: inline;
      margin-left: 5px
   }

   .mfp-img-mobile .mfp-bottom-bar {
      background: rgba(0, 0, 0, .6);
      bottom: 0;
      margin: 0;
      top: auto;
      padding: 3px 5px;
      position: fixed;
      -webkit-box-sizing: border-box;
      box-sizing: border-box
   }

   .mfp-img-mobile .mfp-bottom-bar:empty {
      padding: 0
   }

   .mfp-img-mobile .mfp-counter {
      right: 5px;
      top: 3px
   }

   .mfp-img-mobile .mfp-close {
      top: 0;
      right: 0;
      width: 35px;
      height: 35px;
      line-height: 35px;
      background: rgba(0, 0, 0, .6);
      position: fixed;
      text-align: center;
      padding: 0
   }
}

@media (max-width:767px) {
   section {
      padding: 0
   }

   .section-top {
      padding-top: 70px
   }

   .acril-shop__item {
      justify-content: space-around
   }

   .acril-shop__img {
      padding: 20px
   }

   .acril-shop__price {
      padding: 10px 0 40px
   }

   
   .acril-shop__label {
      height: 55px
   }

   .wework__top {
      flex-direction: column;
      margin-top: -20px
   }

   .wework__title {
      text-align: center;
      margin-bottom: 20px
   }

   .wework__image {
      display: none
   }

   .link-title {
      top: 60px;
      font-size: 36px;
      padding: 45px 10px
   }

   .link-title__bg {
      margin-top: 60px
   }

   .header {
      max-height: 61px
   }

   .header__logo {
      padding: 0;
      margin-right: -40px
   }

   .header__logo img {
      height: 40px
   }

   .header__contact_mobile {
      display: block;
      font-size: 20px;
      color: #fff;
      margin: 0 auto;
      -webkit-transform: translateX(-40px);
      -ms-transform: translateX(-40px);
      transform: translateX(-40px)
   }

   .header__burger {
      top: 10px
   }

   .menu__burger {
      display: block
   }

   .main__row {
      padding: 0 0 0 20px
   }

   .main__column:nth-child(1) {
      -webkit-transform: translateX(30);
      -ms-transform: translateX(30);
      transform: translateX(30);
      padding-top: 0
   }

   .main__column:nth-child(2) {
      margin: 0;
      padding: 0 0 60% 0
   }

   .main__title {
      padding: 50px 0 0;
      text-align: center;
      font-size: 25px
   }

   .main__lable {
      width: 100%;
      margin: 0;
      font-size: calc(14px + 18 * ((100vw - 320px)/ (767 - 320)));
      line-height: 1;
      text-align: center
   }

   .main__button {
      text-align: center;
      margin: 0 auto
   }

   .main-icon {
      display: none
   }

   .main-card {
      margin-top: 90px
   }

   .main-card__row {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column
   }

   .main-cards__inner {
      flex-direction: row;
      align-items: center
   }

   .main-cards-5__inner {
      flex-direction: column
   }

   .main-cards__img {
      min-width: 60px;
      height: 100%
   }

   .land-card {
      margin: 15px 0
   }

   .recovery__callback {
      box-shadow: unset;
      -webkit-box-shadow: unset
   }

   .recovery-bottom__row {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -ms-flex-pack: distribute;
      justify-content: space-around
   }

   .recovery-bottom__label {
      padding: 10px 50px
   }

   .video__row {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -ms-flex-wrap: nowrap;
      flex-wrap: nowrap
   }

   .video__card {
      padding: 0 50px
   }

   .video__video iframe {
      min-height: 350px
   }

   .three-steps {
      padding: 0 0 80px
   }

   .three-steps__row {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column
   }

   .three-steps__item {
      margin: 20px auto
   }

   .add-service__img img {
      width: 120px;
      height: 80px
   }

   .branch__link {
      font-size: 18px
   }
}



@media (max-width:650px) {
   .main__btn span{
      font-size: 13px;
   }
}

@media (max-width:575px) {
   .scroller {
      right: 5px;
      bottom: 22px
   }
   .main__btn span{
      font-size: 24px;
      text-transform: uppercase;
   }

   .footfix {
      position: fixed;
      width: 85%;
      height: 50px;
      left: 5px;
      bottom: 10px;
      z-index: 21;
      display: none;
      opacity: 1;
      margin-top: 0
   }

   .footfix__inner {
      display: flex;
      align-items: center;
      justify-content: space-around
   }

   .footfix__calback {
      width: 100%;
      margin: 0 5px;
      text-align: center;
      padding: 10px;
      background-color: red
   }

   .footfix__calback a {
      color: #fff
   }

   .acril-shop__item {
      flex: 0 1 48%
   }

   .cb-modal {
      left: 0;
      padding: 0 20px
   }

   .cb-modal__body {
      width: 100%
   }

   .tab-content__text-2 {
      margin-top: 0
   }

   .select {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -ms-flex-pack: distribute;
      justify-content: space-around
   }

   .select select {
      margin: 10px auto
   }

   .main {
      margin: 70px 0 0
   }

   .main__row {
      padding: 0;
      background-image: url(../img/bg/main.webp);
      background-repeat: no-repeat;
      background-size: 53%;
      background-position: center right
   }

   .main__column:nth-child(1) {
      -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
      transform: translateX(0);
      width: 53%
   }

   .main__column:nth-child(2) {
      display: none
   }

   .main__title {
      padding: 20px 25px 0
   }

   .main__lable {
      margin: 0 auto;
      padding: 20px 0
   }

   .main__button {
      margin: 30px auto;
      padding: 20px 10px
   }

   .wework__inner,
   .wework__text {
      padding: 0
   }

   .main-card {
      margin-top: -50px;
      padding: 0
   }

   .main-card__cards {
      margin: 10px 0
   }

   .main-cards__label,
   .main-cards__text {
      font-size: 13px
   }

   .main-cards__text-body {
      padding: 0 10px
   }

   .tab-header {
      flex-wrap: wrap;
      justify-content: space-around
   }

   .tab-content__item {
      padding-top: 50px
   }

   .tab-header__item {
      font-size: 14px;
      flex: 1 1 33%;
      min-height: 75px;
      display: flex;
      align-items: center;
      justify-content: center
   }

   .tab-content__title {
      -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
      transform: translateX(0);
      font-size: 25px;
      top: 0;
      left: 0;
      right: 0
   }

   .tab-content__body {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column
   }

   .tab-content__img {
      -webkit-box-flex: 0;
      -ms-flex: 0 1 100%;
      flex: 0 1 100%
   }

   .tab-content__text {
      padding: 10px
   }

   .recovery-bottom__inner {
      font-size: 25px;
      background: #fff;
      border-bottom: 5px double #1d5789
   }

   .recovery-bottom__label {
      padding: 20px 0 0;
      font-size: 25px;
      color: #1d5789
   }

   .recovery-bottom__item {
      padding-top: 20px
   }

   .recovery-bottom__number {
      padding: 0 30px
   }

   .test__inner {
      padding: 20px
   }

   .test__label {
      padding-bottom: 50px;
      font-size: 26px
   }

   .video__card {
      padding: 0 10px
   }

   .video__video iframe {
      min-height: 200px
   }

   .video__info {
      padding: 10px 0 30px
   }

   .akril__info {
      padding: 20px
   }

   .contact__img {
      width: 100%
   }

   .contact__info {
      padding: 10px 50px 50px
   }

   .contact-img:hover .contact-img__info-text {
      -webkit-transform: translateY(-15px);
      -ms-transform: translateY(-15px);
      transform: translateY(-15px)
   }

   .contact-img__info-text {
      top: 5%;
      padding: 0
   }

   .contact-img__text p {
      font-size: 14px;
      padding: 3px 0
   }

   .contact-img__text h4 {
      font-size: 16px;
      padding: 3px 0
   }

   .contact-img__label {
      font-size: 20px
   }

   .m-bottom {
      margin-bottom: 40px
   }

   .service__table-left {
      display: block
   }

   td,
   th {
      min-width: 100px;
      padding: 16px 10px
   }

   td:first-child,
   th:first-child {
      min-width: 180px
   }

   td:last-child,
   th:last-child {
      min-width: 320px
   }

   .reviews__itmes {
      padding: 0
   }

   .our-work__title {
      padding: 20px 10px
   }

   .ow-card {
      -webkit-box-flex: 0;
      -ms-flex: 0 1 100%;
      flex: 0 1 100%;
      max-width: 400px
   }

   .ow-card__img {
      width: 100%;
      height: 216px
   }

   .branch {
      padding: 5px 0
   }

   .branch__title {
      font-size: 20px
   }

   .branch__city {
      padding: 5px 0
   }

   .branch__link {
      font-size: 14px;
      padding: 10px;
      width: 33%;
      text-align: center
   }

   .white-popup {
      width: 98%
   }

   .cb-modal {
      padding: 0
   }
}

@media (max-width:500px) {
   .footer {
      padding: 0
   }
}

@media (max-width:495px) {
   .akril-price__old {
      padding: 30px 0 10px;
      display: block;
      position: relative
   }

   .akril-price__old::before {
      top: 50%;
      left: 35%;
      width: 30%;
      height: 30%;
      -webkit-transform: rotate(-12deg);
      -ms-transform: rotate(-12deg);
      transform: rotate(-12deg)
   }
}

@media (max-width:489px) {
   .popup-gallery__row {
      -ms-flex-pack: distribute;
      justify-content: space-around
   }

   .row-3 {
      display: none
   }
}

@media (max-width:480px) {
   .info {
      font-size: 14px
   }

   .question__lable {
      font-size: 14px
   }

   .acril-shop__item {
      flex: 0 1 100%
   }
}

@media (max-width:475px) {
   .akril-price__new {
      font-size: 28px
   }

   .akril-price__new span {
      font-size: 32px
   }
}

@media (max-width:460px) {
   .container {
      padding: 0 8px
   }
}

@media (max-width:455px) {
   .header__contact_mobile {
      -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
      transform: translateX(0)
   }
}

@media (max-width:450px) {
   .cb-modal__inner {
      padding: 10px 5px
   }

   .work-info__label {
      font-size: 18px;
      -webkit-transform: translateX(-20px);
      -ms-transform: translateX(-20px);
      transform: translateX(-20px)
   }
}

@media (max-width:405px) {
   .after__button {
      height: 40px
   }
}

@media (max-width:400px) {
   .row-2 {
      display: none
   }

   .recovery__footer {
      margin: 0
   }

   .recovery__price_price,
   .recovery__price_text {
      font-size: 16px
   }

   .master__body {
      padding: 15px 0 15px 20px
   }
}

@media (max-width:396px) {
   .service__table-left {
      top: 135px
   }
}

@media (max-width:325px) {
   .popup-gallery img {
      width: 140px
   }
}

@media only screen {

   .column,
   .columns {
      position: relative;
      padding-left: .9375em;
      padding-right: .9375em;
      float: left
   }

   .small-1 {
      position: relative;
      width: 8.33333%
   }

   .small-2 {
      position: relative;
      width: 16.66667%
   }

   .small-3 {
      position: relative;
      width: 25%
   }

   .small-4 {
      position: relative;
      width: 33.33333%
   }

   .small-5 {
      position: relative;
      width: 41.66667%
   }

   .small-6 {
      position: relative;
      width: 50%
   }

   .small-7 {
      position: relative;
      width: 58.33333%
   }

   .small-8 {
      position: relative;
      width: 66.66667%
   }

   .small-9 {
      position: relative;
      width: 75%
   }

   .small-10 {
      position: relative;
      width: 83.33333%
   }

   .small-11 {
      position: relative;
      width: 91.66667%
   }

   .small-12 {
      position: relative;
      width: 100%
   }

   .small-offset-0 {
      position: relative;
      margin-left: 0
   }

   .small-offset-1 {
      position: relative;
      margin-left: 8.33333%
   }

   .small-offset-2 {
      position: relative;
      margin-left: 16.66667%
   }

   .small-offset-3 {
      position: relative;
      margin-left: 25%
   }

   .small-offset-4 {
      position: relative;
      margin-left: 33.33333%
   }

   .small-offset-5 {
      position: relative;
      margin-left: 41.66667%
   }

   .small-offset-6 {
      position: relative;
      margin-left: 50%
   }

   .small-offset-7 {
      position: relative;
      margin-left: 58.33333%
   }

   .small-offset-8 {
      position: relative;
      margin-left: 66.66667%
   }

   .small-offset-9 {
      position: relative;
      margin-left: 75%
   }

   .small-offset-10 {
      position: relative;
      margin-left: 83.33333%
   }

   [class*=column]+[class*=column]:last-child {
      float: right
   }

   [class*=column]+[class*=column].end {
      float: left
   }

   .column.small-centered,
   .columns.small-centered {
      position: relative;
      margin-left: auto;
      margin-right: auto;
      float: none !important
   }
}

@media (max-height:600px) {
   .cb-modal {
      top: 15%
   }

   .menu__burger {
      padding: 10px
   }

   .menu__title {
      padding-bottom: 10px
   }

   .menu__text {
      font-size: 12px
   }
}

.webp .link-title__bg {
   background: url(../img/bg/title_bg.webp)
}

.webp .main__column:nth-child(2) {
   background-image: url(../img/bg/main.webp)
}

.webp .test__body {
   background-image: url(../img/bg/test-bg.webp)
}

.video__youtube-link {
   position: relative;
   display: block;
   width: 100%;
   min-height: 220px;
   aspect-ratio: 16 / 9;
   overflow: hidden;
   border-radius: 8px;
   background: #102c42;
   color: #fff;
   box-shadow: 0 12px 28px rgba(16, 44, 66, .18)
}

.video__youtube-link img {
   display: block;
   width: 100%;
   height: 100%;
   object-fit: cover;
   opacity: .82;
   transition: transform .25s ease, opacity .25s ease
}

.video__youtube-link::before {
   content: "";
   position: absolute;
   left: 50%;
   top: 50%;
   width: 68px;
   height: 48px;
   transform: translate(-50%, -50%);
   border-radius: 12px;
   background: #e62117;
   box-shadow: 0 8px 24px rgba(0, 0, 0, .24);
   z-index: 2
}

.video__youtube-link::after {
   content: "";
   position: absolute;
   left: 50%;
   top: 50%;
   transform: translate(-38%, -50%);
   border-left: 17px solid #fff;
   border-top: 11px solid transparent;
   border-bottom: 11px solid transparent;
   z-index: 3
}

.video__youtube-link span {
   position: absolute;
   left: 16px;
   right: 16px;
   bottom: 14px;
   z-index: 2;
   display: inline-flex;
   justify-content: center;
   padding: 10px 12px;
   border-radius: 8px;
   background: rgba(16, 44, 66, .86);
   font-weight: 700;
   line-height: 1.3;
   text-align: center
}

.video__youtube-link:hover img {
   transform: scale(1.04);
   opacity: .95
}

@media (max-width: 575px) {
   .video__youtube-link {
      min-height: 190px
   }
}