/*
Theme Name: ECORODALS
Theme URI: /
Description: This theme is development for ECORODALS
Author: Веб-студия "Тира"
Author URI: http://www.tira24.ru
Version: 1.0
*/

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

:focus,
:active {
outline:0
}

html,
body {
height:100%;
font-size:100%;
-webkit-text-size-adjust:100%;
   -moz-text-size-adjust:100%;
    -ms-text-size-adjust:100%;
        text-size-adjust:100%
}

body {
font-family:Roboto,'Helvetica Neue',Helvetica,Arial,sans-serif;
font-size:17px;
font-weight:400;
line-height:1.5;
color:#333;
background-color:#fff
}

h1,
h2,
h3,
h4,
h5 {
font-weight:700;
line-height:1.2
}

button,
optgroup,
select,
input,
textarea {
font-family:inherit;
color:inherit
}

a,
a:hover,
a:focus,
button,
button:hover,
button:focus {
text-decoration:none;
outline:0;
-webkit-transition:.3s;
-o-transition:.3s;
transition:.3s
}

a {
color:#0f5987
}

a:hover {
color:#2b9ae0
}

button {
cursor:pointer
}

p {
margin:0 0 15px
}

b,
strong {
font-weight:700
}

small {
font-size:80%
}

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

sup {
top:-.5em
}

sub {
bottom:-.25em
}

img {
max-width:100%;
height:auto;
border:none;
vertical-align:middle
}

ul,
ol {
padding-left:40px;
margin-bottom:15px
}

table {
width:100%;
border-collapse:collapse;
margin-bottom:20px
}

table th {
font-weight:700;
padding:5px;
text-align:center;
border:1px solid #ccc
}

table td {
padding:5px;
border:1px solid #ccc
}

main {
-webkit-box-flex:1;
    -ms-flex:1 1 auto;
        flex:1 1 auto
}

.center {
text-align:center
}

.pull_left,
.alignleft {
float:left;
margin-right:15px;
margin-bottom:15px
}

.pull_right,
.alignright {
float:right;
margin-left:15px;
margin-bottom:15px
}

.clearfix::after {
content:'';
display:block;
clear:both
}

.wrapper {
min-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;
overflow:hidden
}

.container {
max-width:1200px;
padding-right:15px;
padding-left:15px;
margin-right:auto;
margin-left:auto
}

.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;
margin-right:-15px;
margin-left:-15px
}

.col2 {
-ms-flex-preferred-size:50%;
    flex-basis:50%;
max-width:50%;
padding-right:15px;
padding-left:15px
}

.col3 {
-ms-flex-preferred-size:33.333%;
    flex-basis:33.333%;
max-width:33.333%;
padding-right:15px;
padding-left:15px
}

.col4 {
-ms-flex-preferred-size:25%;
    flex-basis:25%;
max-width:25%;
padding-right:15px;
padding-left:15px
}

body.open {
overflow:hidden
}

.dn,
.totop,
.menu_burger {
display:none
}

.scroll {
display:-webkit-inline-box;
display:-ms-inline-flexbox;
display:inline-flex;
-webkit-box-pack:center;
    -ms-flex-pack:center;
        justify-content:center;
-webkit-box-align:center;
    -ms-flex-align:center;
        align-items:center;
position:fixed;
right:15px;
bottom:90px;
width:50px;
height:50px;
background-color:#005696;
color:#fff;
border-radius:50%;
font-size:21px;
line-height:0;
opacity:.2;
cursor:pointer;
z-index:1020;
-webkit-transition:1s;
-o-transition:1s;
transition:1s
}

.scroll:hover {
opacity:1
}

.menu_burger {
position:relative;
width:34px;
height:23px;
cursor:pointer;
z-index:1030
}

.menu_burger span,
.menu_burger::before,
.menu_burger::after {
content:'';
position:absolute;
left:0;
width:100%;
height:3px;
background-color:#333;
-webkit-transition:.3s;
-o-transition:.3s;
transition:.3s
}

.menu_burger::before {
top:0
}

.menu_burger span {
top:10px
}

.menu_burger::after {
bottom:0
}

.menu_burger.open::before {
top:8px;
-webkit-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
        transform:rotate(45deg)
}

.menu_burger.open span {
-webkit-transform:scale(0);
    -ms-transform:scale(0);
        transform:scale(0)
}

.menu_burger.open::after {
bottom:12px;
-webkit-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
        transform:rotate(-45deg)
}

.btn {
display:-webkit-inline-box;
display:-ms-inline-flexbox;
display:inline-flex;
-webkit-box-pack:center;
    -ms-flex-pack:center;
        justify-content:center;
-webkit-box-align:center;
    -ms-flex-align:center;
        align-items:center;
height:55px;
white-space:nowrap;
padding:0 30px;
color:#fff;
border:2px solid #c44146;
background-color:#c44146;
line-height:0;
font-size:18px;
font-weight:500;
border-radius:25px;
cursor:pointer;
-webkit-user-select:none;
   -moz-user-select:none;
    -ms-user-select:none;
        user-select:none
}

.btn:hover {
color:#c44146;
background-color:transparent
}

.btn.order:hover {
background-color:rgba(196,65,70,.2)
}

.btn i {
margin-left:7px
}

a[disabled],
a[disabled]:focus,
a[disabled]:hover,
button[disabled],
button[disabled]:focus,
button[disabled]:hover {
opacity:.6;
cursor:not-allowed;
pointer-events:none
}

.error {
padding:0 0 40px;
text-align:center;
color:#c44146
}

.error h1 {
font-size:200px;
padding:0;
margin:0
}

.error h2 {
font-size:42px;
padding:10px 0;
margin:0
}

.pagination {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:center;
    -ms-flex-pack:center;
        justify-content:center;
border-top:solid #dbdbdb;
border-width:1px;
padding-top:20px;
margin-right:-15px;
margin-left:-15px;
background-color:#fff
}

.pagination a,
.pagination span {
width:40px;
height:40px;
text-align:center;
padding:6px 0px;
margin-right:5px
}

.pagination .current {
font-weight:700
}

.breadcrumb {
font-size:14px;
margin:20px 0
}

.header_top {
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-bottom:10px
}

.header_top .caption {
margin:0 100px
}

.header_top__phones {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-column-gap:15px;
   -moz-column-gap:15px;
        column-gap:15px
}
@media (max-width:767px) {
.header_top__phones {
margin-right:15px
}
}
@media (max-width:575px) {
.header_top__phones {
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
    -ms-flex-direction:column;
        flex-direction:column
}
}

.header_top .phone {
color:#1c852c;
font-size:24px;
font-weight:700
}
@media (max-width:767px) {
.header_top .phone {
font-size:17px
}
}

.header_top .phone:hover {
opacity:.6
}

.header_top i {
font-size:21px;
margin-right:5px;
-webkit-transform:scaleX(-1);
    -ms-transform:scaleX(-1);
        transform:scaleX(-1)
}

.header_bottom {
background-color:#eee
}

.header_menu {
height:52px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:space-evenly;
    -ms-flex-pack:space-evenly;
        justify-content:space-evenly;
-webkit-box-align:center;
    -ms-flex-align:center;
        align-items:center;
list-style:none;
padding:0;
margin:0
}

.header_menu a {
color:#000;
font-weight:500;
padding:14px;
border-bottom:2px solid transparent;
text-transform:uppercase
}

.header_menu a:hover,
.header_menu .current-menu-item > a,
.header_menu li.active a {
color:#0170b9;
border-bottom-color:currentcolor
}

.section1 {
height:500px;
position:relative;
padding:100px 0 40px;
background-color:rgba(0,0,0,.4)
}

.section1 .bg {
position:absolute;
top:0;
right:0;
left:0;
bottom:0;
background-repeat:no-repeat;
background-position:center;
background-size:cover;
pointer-events:none;
opacity:0;
z-index:-1;
-webkit-transition:1s;
-o-transition:1s;
transition:1s
}

.section1 .bg.show {
opacity:1;
-webkit-transition-duration:.6s;
     -o-transition-duration:.6s;
        transition-duration:.6s
}

.section1 .container {
max-width:1060px
}

.section1__block {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:center;
    -ms-flex-pack:center;
        justify-content:center;
-webkit-box-align:center;
    -ms-flex-align:center;
        align-items:center;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
    -ms-flex-direction:column;
        flex-direction:column
}
@media (max-width:991px) {
.section1__block {
text-align:center
}
}

.section1 h1 {
font-size:62px;
color:#fff
}

.section1 p {
font-size:23px;
line-height:22px;
color:#fff;
margin-bottom:40px
}

.section1 h5 {
font-size:19px;
font-weight:500;
color:#fff;
margin-top:15px
}

.section1 .row {
margin-top:60px
}

.section1 .col4 {
text-align:center
}

.section1 .btn:hover {
color:#fff
}

.section2 {
padding:90px 0;
background-repeat:no-repeat;
background-position:center bottom;
background-image:url(img/section2.webp)
}

.section2 .container {
max-width:950px
}

.section2 .tabs {
display:-webkit-box;
display:-ms-flexbox;
display:flex
}

.section2 .tab {
-ms-flex-preferred-size:25%;
    flex-basis:25%;
max-width:25%
}

.section2 .item {
-ms-flex-preferred-size:75%;
    flex-basis:75%;
max-width:75%
}

.section2 h5 {
display:-webkit-inline-box;
display:-ms-inline-flexbox;
display:inline-flex;
-webkit-box-align:center;
    -ms-flex-align:center;
        align-items:center;
width:200px;
height:60px;
padding-left:25px;
margin-bottom:5px;
font-size:27px;
cursor:pointer;
background-color:#f1f1f1;
-webkit-transition:.3s;
-o-transition:.3s;
transition:.3s
}

.section2 h5:hover {
opacity:.6
}

.section2 p {
display:none;
line-height:28px
}

.section2 h5.show {
color:#006d12
}

.section2 p.show {
display:block
}

.section2 a {
text-decoration:underline;
color:#005696
}

.section2 i {
margin-left:7px
}

.section2 a:hover {
text-decoration:none
}

.section3 {
padding:90px 0;
background-repeat:no-repeat;
background-size:cover;
background-image:url(img/section3.webp)
}

.section3 .block1,
.section3 .block2 {
height:625px;
position:relative;
text-align:center;
border-radius:10px;
padding:15px 30px 30px;
background-color:rgba(255,255,255,.9)
}

.section3 h2 {
font-size:34px;
padding-bottom:15px;
margin-bottom:25px;
border-bottom:1px solid #d2d2d2
}

.section3 h4 {
font-size:22px;
color:#006d12;
margin-bottom:25px
}

.section3 h5 {
font-size:20px;
margin-left:30px;
margin-right:80px
}

.section3 ul {
list-style:'–  ';
font-size:20px;
line-height:34px;
font-weight:700;
text-align:left;
margin-left:60px;
margin-bottom:50px
}

.section3 .block1 > div {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
    -ms-flex-align:center;
        align-items:center;
margin-left:25px;
margin-bottom:25px
}

.section3 .btn {
position:absolute;
left:50%;
bottom:35px;
-webkit-transform:translateX(-50%);
    -ms-transform:translateX(-50%);
        transform:translateX(-50%);
height:45px;
font-size:16px;
font-weight:400;
border:2px solid #005696;
background-color:#005696
}

.section3 .btn:hover {
color:#005696;
background-color:transparent
}

.section4 {
padding:90px 0;
background-image:url(img/section4.webp)
}
@media (max-width:575px) {
.section4 .container {
max-width:320px
}
}

.section4 h2 {
font-size:39px;
text-align:center;
margin-bottom:60px
}
@media (max-width:575px) {
.section4 h2 {
font-size:26px;
margin-bottom:30px
}
}

.section4__row {
display:-ms-grid;
display:grid;
-webkit-column-gap:30px;
   -moz-column-gap:30px;
        column-gap:30px
}
@media (min-width:576px) {
.section4__row {
-ms-grid-columns:(1fr)[2];
grid-template-columns:repeat(2, 1fr)
}
}

.section4__item {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
    -ms-flex-align:center;
        align-items:center;
gap:10px 30px;
padding:25px 0;
border-bottom:1px solid #dcdcdc
}
@media (max-width:991px) {
.section4__item {
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
    -ms-flex-direction:column;
        flex-direction:column;
text-align:center;
padding:25px 0 10px
}
}

.section4 h3 {
font-size:23px
}

.section4 img {
max-width:220px;
width:100%;
height:142px;
-o-object-fit:cover;
   object-fit:cover;
border-radius:6px
}

.section5 {
padding:90px 0
}

.section5 h2 {
font-size:39px;
text-align:center;
margin-bottom:60px
}

.section5 .container > a {
display:block;
text-decoration:underline;
color:#005696;
margin-top:30px;
text-align:center
}

.section5 .container > a:hover {
text-decoration:none
}

.section5 i {
margin-left:7px
}

.section5 img {
max-width:370px;
max-height:240px;
width:100%;
height:100%;
border-radius:6px;
-o-object-fit:cover;
   object-fit:cover;
margin-bottom:20px
}

.section5 .col3 h3 {
font-size:20px
}

.section5 .col3 a {
color:#333
}

.section5 .col3 a:hover {
text-decoration:underline;
color:#005696
}

footer {
background-color:#e5e5e5
}

footer .container p {
line-height:2;
margin:0
}

footer .container a {
display:block;
line-height:2;
color:#333;
}

footer .container a:hover {
text-decoration:underline
}

footer .container > div {
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;
-webkit-column-gap:15px;
   -moz-column-gap:15px;
        column-gap:15px
}

footer .container > div:first-of-type {
padding:30px 0 40px;
border-bottom:1px solid #c9c9c9
}

footer .container > div:last-of-type {
padding:15px 0 10px;
font-size:15px
}

footer .container > div:first-of-type i {
-webkit-transform:scaleX(-1);
    -ms-transform:scaleX(-1);
        transform:scaleX(-1);
color:#1c852c;
margin-right:7px
}

footer .container > div:last-of-type a:first-of-type {
display:inline-block;
padding-left:22px;
background-position-y:6px;
background-repeat:no-repeat;
background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAIGNIUk0AAHomAACAhAAA+gAAAIDoAAB1MAAA6mAAADqYAAAXcJy6UTwAAAAGYktHRAD/AP8A/6C9p5MAAAAHdElNRQflCAMHOxSLv+l+AAABRUlEQVQ4y62SMUhCURSGP6Mhooai1yCN4RRNDRFC4CDyhjc3GkSDVAhJvEHCIRrCRAocHGoPWkQcHKTAQSIao7VFmkwIIjwHbegpKb4nUgd+7nDP/c937jm+Tqfj4w8x6XUZOryuA4/AU/esnG/Xf+f4/p0geJDPAHGX/GT1YvfUlWA9losCVy6Pi7VczPIkUNUjD9r0yBZENOBh8DDaQLUBLIzziRP9BHInIrhoaaRBSyTTEmm3RBiijaEGfis55beSEYDX21RNRGMi2hZRBrQz1EBU10S1ZJh21jDtmXrhJC+qQVEtiOqXqOIoaJh2AsAw7WXDtEvg7MFcOBHlZ/5NoABUgWfgDWgDi8A8EADCQAR4eS+nV3qLNBuKp4DjMQaw9VHJ3vRt4vTmvgXsAatO1W40HZKGQ1X8vL8867UwztwH4xtLcLxc5AreUQAAAABJRU5ErkJggg==')
}

footer .container > div > div {
-ms-flex-negative:0;
    flex-shrink:0
}

.page_wrapper {
margin-bottom:60px
}
@media (max-width:767px) {
.page_wrapper {
margin-bottom:30px
}
}

.page_wrapper h1 {
font-size:35px;
margin-bottom:20px
}

.page_wrapper p,
.production p {
line-height:28px
}

.page_wrapper .item {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
margin-bottom:30px
}

.page_wrapper .item img {
max-width:370px;
max-height:240px;
width:100%;
height:100%;
border-radius:6px;
-o-object-fit:cover;
   object-fit:cover
}

.page_wrapper .item > *:first-child {
-ms-flex-preferred-size:30%;
    flex-basis:30%;
max-width:30%;
padding-right:25px
}

.page_wrapper .item > *:last-child {
-ms-flex-preferred-size:70%;
    flex-basis:70%;
max-width:70%
}

.page_wrapper .item h3 {
font-size:22px
}

.page_wrapper .item > div a {
color:#333
}

.page_wrapper .item > div a:hover {
text-decoration:underline;
color:#005696
}

.page_wrapper .item .more {
display:block;
color:#005696;
margin-top:20px
}

.page_wrapper .item > div i {
margin-left:7px
}

.page_wrapper .col3 {
margin-bottom:30px
}

.date {
font-size:15px;
color:#989898;
margin-bottom:20px
}

.benefits {
margin-bottom:90px
}

.benefits h2 {
font-size:28px;
text-align:center;
margin-bottom:60px
}
@media (max-width:767px) {
.benefits h2 {
margin-bottom:30px
}
}

.benefits__row {
display:-ms-grid;
display:grid;
gap:30px
}
@media (min-width:576px) {
.benefits__row {
-ms-grid-columns:(1fr)[2];
grid-template-columns:repeat(2, 1fr)
}
}

.benefits__item {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
    -ms-flex-align:center;
        align-items:center;
-webkit-column-gap:30px;
   -moz-column-gap:30px;
        column-gap:30px
}

.benefits h4 {
font-size:18px
}

.production,
.license {
margin-bottom:60px
}
@media (max-width:767px) {
.production,
.license {
margin-bottom:30px
}
}

.production h2 {
font-size:28px;
margin-bottom:25px
}

.license h2 {
font-size:28px;
text-align:center;
margin-bottom:45px
}

.license img,
.examples img {
border-radius:6px;
-webkit-transition:.3s;
-o-transition:.3s;
transition:.3s
}

.license img:hover,
.examples img:hover {
opacity:.6
}

textarea:focus::-webkit-input-placeholder,
input:focus::-webkit-input-placeholder {
opacity:0;
-webkit-transition:opacity .3s;
transition:opacity .3s
}

textarea:focus::-moz-placeholder,
input:focus::-moz-placeholder {
opacity:0;
-moz-transition:opacity .3s;
transition:opacity .3s
}

textarea:focus:-moz-placeholder,
input:focus:-moz-placeholder {
opacity:0;
-moz-transition:opacity .3s;
transition:opacity .3s
}

textarea:focus:-ms-input-placeholder,
input:focus:-ms-input-placeholder {
opacity:0;
-ms-transition:opacity .3s;
transition:opacity .3s
}

input[type="text"],
input[type="tel"],
input[type="email"] {
width:100%;
height:40px;
font-size:15px;
border:1px solid #bbb;
border-radius:4px;
padding:0 10px;
margin:0 0 20px;
-webkit-box-shadow:none;
        box-shadow:none;
-webkit-transition:.3s;
-o-transition:.3s;
transition:.3s
}

textarea {
max-width:540px;
width:100%;
font-size:15px;
border:1px solid #bbb;
border-radius:4px;
padding:10px;
margin:0 0 20px;
-webkit-box-shadow:none;
        box-shadow:none;
-webkit-transition:.3s;
-o-transition:.3s;
transition:.3s
}

input[type="text"]:focus,
input[type="tel"]:focus,
input[type="email"]:focus,
textarea:focus {
border-color:#c44146
}

input[readonly],
input[readonly]:focus {
border-color:#eee
}

input[name="city"] {
position:absolute!important;
top:0!important;
right:0!important;
width:0!important;
height:0!important;
border:0!important;
font-size:0!important;
line-height:0!important;
padding:0!important
}

.modal {
position:fixed;
inset:0;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:center;
    -ms-flex-pack:center;
        justify-content:center;
-webkit-box-align:center;
    -ms-flex-align:center;
        align-items:center;
background-color:rgba(0,0,0,.6);
z-index:1370
}

.modal_content {
position:relative;
max-width:480px;
width:100%;
opacity:0;
overflow:hidden;
margin:0 15px;
border-radius:4px;
background-color:#fff;
-webkit-transition:opacity .3s;
-o-transition:opacity .3s;
transition:opacity .3s
}

.modal.in .modal_content {
opacity:1
}

.modal .modal_header {
padding:30px;
color:#fff;
background-color:#c44146

}

.modal .close_modal {
font-family:Arial;
position:absolute;
top:0;
right:0;
width:20px;
height:20px;
line-height:0;
margin:15px;
font-size:39px;
cursor:pointer;
background-color:transparent;
-webkit-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
        transform:rotate(45deg);
-webkit-transition:.3s;
-o-transition:.3s;
transition:.3s
}

.modal .close_modal:hover {
opacity:.6
}

.modal_body {
max-height:calc(100vh - 200px);
overflow:auto;
padding:30px
}

.modal p {
font-size:12px
}

.modal .btn {
position:relative;
border:2px solid #c44146;
background-color:#c44146
}

.modal .btn:hover {
color:#c44146;
background-color:transparent
}

.spinner {
position:absolute;
top:50%;
left:50%;
width:50px;
height:50px;
margin:-25px 0 0 -25px;
-webkit-animation:rotate 2s linear infinite;
        animation:rotate 2s linear infinite;
z-index:2
}
  
.spinner .path {
stroke:#fff;
stroke-linecap:round;
-webkit-animation:dash 1.5s ease-in-out infinite;
        animation:dash 1.5s ease-in-out infinite;
}

@-webkit-keyframes rotate {
	100% {
		-webkit-transform:rotate(360deg);
		        transform:rotate(360deg)
	}
}

@keyframes rotate {
	100% {
		-webkit-transform:rotate(360deg);
		        transform:rotate(360deg)
	}
}

@-webkit-keyframes dash {
	0% {
		stroke-dasharray:1, 150;
		stroke-dashoffset:0
	}
	50% {
		stroke-dasharray:90, 150;
		stroke-dashoffset:-35
	}
	100% {
		stroke-dasharray:90, 150;
		stroke-dashoffset:-124
	}
}

@keyframes dash {
	0% {
		stroke-dasharray:1, 150;
		stroke-dashoffset:0
	}
	50% {
		stroke-dasharray:90, 150;
		stroke-dashoffset:-35
	}
	100% {
		stroke-dasharray:90, 150;
		stroke-dashoffset:-124
	}
}

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

.contacts_wrapper > div:first-of-type {
-ms-flex-preferred-size:70%;
    flex-basis:70%;
max-width:70%
}

.contacts_wrapper > div:last-of-type {
-ms-flex-preferred-size:30%;
    flex-basis:30%;
max-width:30%;
text-align:right
}

.license__row,
.examples__row {
display:-ms-grid;
display:grid;
-ms-grid-columns:1fr 30px 1fr 30px 1fr;
grid-template-columns:repeat(3, 1fr);
gap:30px
}
@media (max-width:767px) {
.license__row,
.examples__row {
gap:15px
}
}

.license__row {
justify-items:center
}

.fancybox-active {
height:100%!important
}

.header__lang {
margin-top:5px
}

.header__lang ul {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:end;
    -ms-flex-pack:end;
        justify-content:flex-end;
-webkit-column-gap:10px;
   -moz-column-gap:10px;
        column-gap:10px;
list-style:none;
padding:0;
margin:0;
font-weight:500;
font-size:14px;
text-transform:uppercase
}

.header__lang a:not(:hover) {
color:#666
}

/*** @media ***/
@media (max-width:1169px) {
.header_top .caption {
margin:0
}
}

@media (max-width:991px) {
.section1 {
height:auto
}

.header_top,
footer .container > div:first-of-type {
text-align:center
}

.header_top > * {
padding:0 10px
}

.header_menu a {
font-size:1.5vw
}

.section2 .tabs,
.section4 .row,
footer .container > div:first-of-type {
display:block
}

.section2 .tab,
.section2 .item,
.section4 .col2 {
max-width:none
}

.section2 .tab,
.section2 .item {
margin-bottom:15px
}

.section2 h5 {
-webkit-box-pack:center;
    -ms-flex-pack:center;
        justify-content:center;
padding:0
}

.section3 ul {
margin-left:0
}
}

@media (max-width:767px) {
.pull_right,
.pull_left,
.alignright,
.alignleft {
float:none;
display:block;
margin:0 auto
}

.header_top .caption,
.section1 .row {
display:none
}

.menu_burger,
.section3 .row,
.section5 .row,
.benefits .row,
.page_wrapper .item,
.contacts_wrapper {
display:block
}

.section3 .col2,
.section5 .col3,
.section1 .col4,
.benefits .col2,
.page_wrapper .item > *:first-child,
.page_wrapper .item > *:last-child,
.contacts_wrapper > div:first-of-type,
.contacts_wrapper > div:last-of-type {
max-width:none
}

.date {
margin-bottom:10px
}

.page_wrapper .item img {
margin-bottom:20px
}

.section3 .col2,
.section5 .col3,
.section1 .col4,
.page_wrapper .item {
margin-bottom:40px
}

.section5 .row,
.page_wrapper .item,
.contacts_wrapper > div:first-of-type,
.contacts_wrapper > div:last-of-type {
text-align:center
}

.section1,
.section2,
.section3,
.section4,
.section5 {
padding:30px 0
}

.header_top img {
max-width:140px
}

.logo {
-webkit-box-flex:1;
    -ms-flex-positive:1;
        flex-grow:1;
text-align:left
}

nav {
position:fixed;
top:0;
right:-600px;
bottom:0;
max-width:320px;
width:100%;
height:100%;
padding:60px 30px 0 30px;
background-color:#eee;
-webkit-transition:.3s;
-o-transition:.3s;
transition:.3s;
z-index:1029
}

nav.open {
right:0;
overflow:auto
}

.header_menu {
height:auto;
display:block;
border-top:1px solid #dcdcdc;
border-bottom:1px solid #dcdcdc;
padding:20px 0 15px;
margin:20px 0 15px
}

.header_menu li {
margin-bottom:30px
}

.header_menu a {
font-size:18px;
padding:10px 0
}

.header_bottom .phone {
position:absolute;
top:25px;
display:block;
color:#1c852c;
font-size:22px;
font-weight:700
}

.header_bottom .phone i {
font-size:21px;
margin-right:5px;
-webkit-transform:scaleX(-1);
    -ms-transform:scaleX(-1);
        transform:scaleX(-1)
}

.header_bottom .caption {
display:block;
font-size:15px;
margin-top:30px
}

.overlay {
display:block;
visibility:hidden;
opacity:0;
position:fixed;
top:0;
left:0;
right:0;
bottom:0;
background-color:rgba(0,0,0,.6);
z-index:1010;
-webkit-transition:.3s;
-o-transition:.3s;
transition:.3s
}

.overlay.open {
opacity:1;
visibility:visible
}

.section1 h1 {
font-size:10vw;
line-height:1.1
}

.section1 p {
line-height:1.5
}

.header_top > *,
.page_wrapper .item > *:first-child {
padding:0
}

.page_wrapper h1 {
font-size:25px
}
}

@media (max-width:575px) {
.section5 h2 {
font-size:26px;
margin-bottom:30px
}

footer .container p,
.page_wrapper h4 {
font-size:15px
}

footer .container > div:last-of-type {
display:block;
text-align:center
}
}

@media (max-width:379px) {
.header_top .phone {
display:none
}

.section3 .block1 > div,
.page_wrapper .row {
display:block
}

.page_wrapper .col3 {
max-width:none
}

.section3 .block1 > div {
margin-left:0
}

.section3 h5 {
margin:0
}

.section3 .block1,
.section3 .block2 {
height:700px
}

.error h1 {
font-size:135px
}
}

/*** AQUA ***/
.aqua__gallery {
display:-ms-grid;
display:grid;
-ms-grid-columns:1fr 20px 1fr 20px 1fr 20px 1fr 20px 1fr 20px 1fr;
grid-template-columns:repeat(6, 1fr);
-webkit-box-align:center;
    -ms-flex-align:center;
        align-items:center;
gap:20px;
margin:40px 0
}
@media (max-width:767px) {
.aqua__gallery {
-ms-grid-columns:1fr 15px 1fr 15px 1fr 15px 1fr;
grid-template-columns:repeat(4, 1fr);
gap:15px
}
}

.aqua__gallery img {
border-radius:6px;
-webkit-transition:.3s;
-o-transition:.3s;
transition:.3s
}

.aqua__gallery img:hover {
opacity:.6
}

.aqua__files {
display:-ms-grid;
display:grid;
row-gap:15px;
list-style:none;
padding:0;
margin:0
}
/*** AQUA ***/