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

html {line-height: 1;}

ol,
ul {list-style: none;}

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

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

q,
blockquote {quotes: none;}

q:before,
q:after,
blockquote:before,
blockquote:after {content: ""; content: none;}

a img {border: none;}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {display: block;}

html {overflow-x: hidden;}

body {overflow: hidden; font-family: 'TT Travels'; font-size: 16px; line-height: 1.5; background-color: #f2f2f2;}

.container {max-width: 1310px;}

.logo-wrap {display: flex; align-items: center;}
.logo-wrap p {font-size: 14px; color: rgba(255, 255, 255, 0.5); line-height: 1.2; margin-left: 10px; text-transform: uppercase;}

.nav-flex {display: flex; justify-content: space-between; align-items: center;}

.links-nav-wrap br {display: none;}

.nav-link {margin: 0 20px; display: inline-block; font-size: 16px; color: #fff; text-decoration: underline;}
.nav-link:hover {text-decoration: none;}

.nav-list {margin: 0 20px; display: inline-block; font-size: 16px; color: #fff; position: relative;}
.nav-list span {text-decoration: underline;}
.nav-list .nav-list_out {position: absolute; left: 0; top: 100%; padding: 10px 0 0 0; display: none;}
.nav-list ul {background: #FFF; padding: 14px 14px; box-shadow: 0 5px 10px 1px rgba(0,0,0,0.2);}
.nav-list li {margin: 0 0 6px;}
.nav-list li:last-of-type {margin: 0;}
.nav-list a {color: #000; white-space: nowrap;}
.nav-list a:hover {text-decoration: none;}
.nav-list:hover {z-index: 9;}
.nav-list:hover .nav-list_out {display: block;}
.nav-list:hover span {text-decoration: none;}

.fixed-nav .nav-list {color: #000;}

.tel-nav {font-size: 16px; color: #fff; font-weight: bold; text-decoration: none; line-height: 1.884;}
.tel-nav img {display: none;}

.tel-nav:hover {text-decoration: underline;}

.contact-nav {text-align: right;}
.contact-nav p {font-size: 12px; font-weight: 500; color: #898989; line-height: 1.2;}

nav {position: relative; z-index: 8;}

#block1 {position: relative; z-index: 3;}

nav.fixed-nav {width: 100%; position: fixed; left: 0; top: -200px; background-color: #fff; padding: 10px 0; z-index: 8; transition: 0.4s;}
nav.fixed-nav.active {display: block; top: 0;}
nav.fixed-nav .logo-wrap img {width: 100px; cursor: pointer;}
nav.fixed-nav .logo-wrap p {color: rgba(0, 0, 0, 0.5);}
nav.fixed-nav .nav-link {color: #000;}
nav.fixed-nav .tel-nav {color: #000;}

header {padding-top: 15px; padding-bottom: 90px; background-image: url(../img/bg_main.jpg); background-size: cover; position: relative;}

.slider-main {width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 1;}
.slider-main .slick-list {height: 100%;}
.slider-main .slick-track {height: 100%;}

.sl1-main {background-image: url(../img/bg1_main.jpg); background-size: cover; background-position: center; height: 100%;}
.sl2-main {background-image: url(../img/bg2_main.jpg); background-size: cover; background-position: center; height: 100%;}
.sl3-main {background-image: url(../img/bg3_main.jpg); background-size: cover; background-position: center; height: 100%;}
.sl4-main {background-image: url(../img/bg4_main.jpg); background-size: cover; background-position: center; height: 100%;}
.sl5-main {background-image: url(../img/bg5_main.jpg); background-size: cover; background-position: center; height: 100%;}

h1 {font-size: 50px; color: #fff; font-weight: 800; line-height: 0.685; line-height: 52px; margin-top: 60px; text-align: left; letter-spacing: -1px;}
h1 span {color: #000; font-size: 37px; letter-spacing: -1.5px; line-height: 30px; font-weight: bold;}


.b1-flex {margin-top: 75px; margin-bottom: 35px;}

.clr-blue {font-weight: bold; color: #2e5f7d;}

.video-play {display: flex; align-items: center; text-decoration: none;}
.video-play p {font-size: 17px; color: #2e5f7d; font-weight: bold; line-height: 1.2; text-align: left; margin-left: 10px;}
.video-play p span {font-size: 12px; font-weight: 600; color: #898989; display: block; margin-top: 15px;}
.video-play:hover img {transform: scale(0.8, 0.8);}
.video-play img {transition: 0.3s;}

.b1-img {position: absolute; left: 810px; top: -57px;}

.b1-line {font-size: 16px; letter-spacing: 1px; color: #fff; margin: 20px 0 40px; }
.b1-line span {position: relative;}
.b1-line svg {width: 18px; height: 18px; margin: 0 7px; position: relative; top: 4px; transform: scaleX(-1);}

.b1-list_title {color: #FFF; width: 100%; font-weight: 600; font-size: 22px; margin: 0 0 20px;}
.b1-list {display: inline-block;}
.b1-list p {font-size: 19.795px; color: #fff; position: relative; padding-left: 26px; margin-right: 30px; cursor: pointer;}
.b1-list p::before {content: ''; display: block; position: absolute; left: 0; top: 5px; background-image: url(../img/list2.png); width: 13px; height: 16px;}

.b1-list li {position: relative;}
.b1-list li.opened {display: inline-block; vertical-align: top;}
.b1-list li.opened .real-hint {display: block;}

.b1-list_itemtitle {position: relative; display: inline-block; font-size: 19.795px; color: #fff; position: relative; padding-left: 26px; cursor: pointer; display: inline-block; text-decoration: none;}
.b1-list_itemtitle:hover {font-weight: bold;}
.b1-list_itemtitle::before {content: ''; display: block; position: absolute; left: 0; top: 5px; background-image: url(../img/list2.png); width: 13px; height: 16px;}

.b1-list li.opened .b1-list_itemtitle {font-weight: bold;}

.real-hint {display: none; background: #FFF; border: 1px solid #aaa; border-radius: 10px; padding: 20px 15px; position: absolute; left: calc(100% + 20px); top: -20px; width: 360px; z-index: 99;}
.real-hint::after {content: " "; position: absolute; top: 20px; left: -25px; border-width: 14px; border-style: solid; border-color: transparent white transparent transparent;}
.real-hint_close {position: absolute; right: 5px; top: -5px; font-size: 40px; color: #000; opacity: 0.8; line-height: 1.0; cursor: pointer;}
.real-hint .hint-caption {font-weight: bold; text-transform: uppercase;}
.real-hint .prm-cross {display: none;}

.btn {border-radius: 5px; background-color: #f35b40; padding: 17px 50px; border: none; color: #fff; font-size: 13px; font-weight: 800; text-transform: uppercase; cursor: pointer; transition: 0.3s; display: inline-block; text-decoration: none;}
.btn:hover {background-color: #c93c22;}

.btn-tz {border-radius: 5px; background-color: #f35b40; padding: 10px 20px; border: none; color: #fff; font-size: 12px; font-weight: 800; text-transform: uppercase; cursor: pointer; transition: 0.3s; display: inline-block; text-decoration: none; margin-top: 15px; opacity: 0; visibility: hidden;}
.btn-tz:hover {background-color: #c93c22;}

hr {border-color: #e5e5e5; margin: 0;}

h2 {font-size: 30px; color: black; font-weight: 800; line-height: 0.955;}

#block2 {padding-bottom: 50px;}
#block2 h2 {margin-top: 40px; margin-bottom: 40px; color: #2e5f7d; text-align: center;}

.slider1 {padding: 0 30px;}
.slider1 img {margin: 0 25px; width: 110px;}
.slider1 .slick-prev {position: absolute; color: rgba(255, 255, 255, 0); background-color: rgba(255, 255, 255, 0); border: none; background-image: url(../img/arr-l1.png); background-repeat: no-repeat; width: 13px; height: 16px; left: 0; top: calc(50% - 8px); cursor: pointer; transition: 0.2s;}
.slider1 .slick-prev:hover {opacity: 0.8;}
.slider1 .slick-next {position: absolute; color: rgba(255, 255, 255, 0); background-color: rgba(255, 255, 255, 0); border: none; background-image: url(../img/arr-r1.png); background-repeat: no-repeat; width: 13px; height: 16px; right: 0; top: calc(50% - 8px); cursor: pointer; transition: 0.2s;}
.slider1 .slick-next:hover {opacity: 0.8;}
.slider1 .slick-track {display: flex; align-items: center;}

.sl2-pp {padding: 0 30px;}
.sl2-pp img {margin: 0 25px;}
.sl2-pp .slick-prev {position: absolute; color: rgba(255, 255, 255, 0); background-color: rgba(255, 255, 255, 0); border: none; background-image: url(../img/arr-l1.png); background-repeat: no-repeat; width: 13px; height: 16px; left: 0; top: calc(50% - 8px); cursor: pointer; transition: 0.2s;}
.sl2-pp .slick-prev:hover {opacity: 0.8;}
.sl2-pp .slick-next {position: absolute; color: rgba(255, 255, 255, 0); background-color: rgba(255, 255, 255, 0); border: none; background-image: url(../img/arr-r1.png); background-repeat: no-repeat; width: 13px; height: 16px; right: 0; top: calc(50% - 8px); cursor: pointer; transition: 0.2s;}
.sl2-pp .slick-next:hover {opacity: 0.8;}
.sl2-pp .slick-track {display: flex; align-items: center;}

.team-flex .slick-prev {position: absolute; color: rgba(255, 255, 255, 0); background-color: rgba(255, 255, 255, 0); border: none; background-image: url(../img/arr-l1.png); width: 13px; background-repeat: no-repeat; height: 16px; left: 0; top: calc(50% - 8px); cursor: pointer; transition: 0.2s;}
.team-flex .slick-prev:hover {opacity: 0.8;}
.team-flex .slick-next {position: absolute; color: rgba(255, 255, 255, 0); background-color: rgba(255, 255, 255, 0); border: none; background-image: url(../img/arr-r1.png); width: 13px; background-repeat: no-repeat; height: 16px; right: 0; top: calc(50% - 8px); cursor: pointer; transition: 0.2s;}
.team-flex .slick-next:hover {opacity: 0.8;}

 
.eq_slider_container {padding: 80px 0 0;}
.eq_slider_container h2 {font-size: 35px; color: #2e5f7d; margin-bottom: 40px;}

.b3-wrap {background-color: #fff; display: flex; padding: 60px 55px 60px 70px; min-height: 515px;}
.b3-wrap .slide_arrow {display: none;}

.tabs-b3-wrap {width: 300px; display: flex; flex-direction: column; align-items: flex-start; flex-shrink: 0;}

.tab-b3 {font-size: 18.301px; color: black; text-align: left; padding: 2px 14px; border-style: solid; border-width: 1px; border-color: rgba(255, 255, 255, 0); border-radius: 4px; position: relative; left: -14px; cursor: pointer; margin: 5px 0; font-weight: 500; transition: 0.3s;}
.tab-b3:hover {color: #2e5f7d;}

.tab-b3.active {border-color: rgba(46, 95, 125, 0.18); color: #2e5f7d;}

.b3-outbox {width: calc(100% - 300px); position: relative; display: flex; flex-flow: row wrap; justify-content: space-between;}

.b3-content {width: calc(100% - 140px); box-sizing: border-box; padding: 0 30px; display: none; opacity: 0; visibility: hidden; transition: 0.3s;}
.b3-content.active {display: block; opacity: 1; visibility: visible;}
.b3-content__img {max-width: 100%; height: 240px;}

.flex-b3-content {display: flex; align-items: center; margin-bottom: 10px;}
.flex-b3-content img {margin-right: 15px;}
.flex-b3-content p {font-size: 25px; font-weight: 500; color: #2e5f7d;}

.b3-txt {font-size: 14px; color: rgba(0, 0, 0, 0.8); line-height: 1.571; display: block; padding: 0; box-sizing: border-box;}

.b3-sfery {width: 140px; flex-shrink: 0; text-align: center; opacity: 0; visibility: hidden; transition: 0.3s; display: none;}
.b3-sfery.active {display: block; position: static; opacity: 1; visibility: visible;}

.sfery-title {margin-bottom: 28px; font-size: 16px; color: black; font-weight: bold; line-height: 1.2;}

.sfery_flex {display: flex; margin: auto; width: 100px; flex-wrap: wrap; justify-content: space-between; align-items: center;}
.sfery_flex div {width: 50%; margin-bottom: 20px; text-align: center;}
.sfery_flex img {cursor: pointer;}

.b3-buttonwrap {width: 100%; box-sizing: border-box; padding: 30px 0 0 30px;}


#service {padding-top: 80px;}
#service h2 {color: #2e5f7d; margin-bottom: 10px;}

.tz-card-flex {margin-top: 65px; display: flex; margin: 65px -20px 0 -20px; flex-wrap: wrap;}

.tz-card-wrap {width: 33.3%; height: 350px; padding: 0 20px; position: relative; margin-bottom: 40px;}
.tz-card-wrap:hover .tz-card-txt-wrap {height: 200px;}
.tz-card-wrap:hover .btn-tz {visibility: visible; opacity: 1;}
.tz-card-wrap:hover .tz-card1 {background-image: url(../img/tz2.png);}

.tz-card-orderwrap {display: flex; height: 100%; width: 100%; align-content: center; align-items: center; justify-content: center; text-align: center;}

.tz-card1 {background-image: url(../img/card1.jpg); transition: 0.3s; background-size: 100% auto; background-repeat: no-repeat; background-position: center top; height: 100%;}
.tz-card2 {background-image: url(../img/card2.jpg); transition: 0.3s; background-size: 100% auto; background-repeat: no-repeat; background-position: center top; height: 100%;}
.tz-card3 {background-image: url(../img/card3.jpg); transition: 0.3s; background-size: 100% auto; background-repeat: no-repeat; background-position: center top; height: 100%;}

.sl2-pp a {padding: 0 20px; display: block;}
.sl2-pp img {max-width: 100%; margin: 0;}

.tz-card4 {background-image: url(../img/card4.jpg); transition: 0.3s; background-size: 100% auto; background-repeat: no-repeat; background-position: center top; height: 100%;}

.tz-card5 {background-image: url(../img/card5.jpg); transition: 0.3s; background-size: 100% auto; background-repeat: no-repeat; background-position: center top; height: 100%;}

.tz-card1 {background-image: url(../img/card1.jpg); transition: 0.3s; background-size: 100% auto; background-repeat: no-repeat; background-position: center top; height: 100%;}

.tz-card-txt-wrap {height: 150px; position: absolute; bottom: 0; left: 20px; background-color: #fff; width: calc(100% - 40px); overflow: hidden; padding: 20px 35px; transition: 0.3s;}
.tz-card-txt-wrap p {font-size: 13.5px; line-height: 1.2;}

.title-tz {font-size: 18px; font-weight: bold; margin-bottom: 5px; color: black; line-height: 1.2;}
.title-tz:hover {text-decoration: none;}

span.bold {font-weight: 600;}

.tz-numb {position: absolute; right: 15px; bottom: 15px; font-size: 16.4px; color: rgba(0, 0, 0, 0.1); font-weight: bold;}

.tooltip2 {position: relative; display: inline-block; font-size: 19.795px; color: #fff; position: relative; padding-left: 26px; margin-right: 30px; cursor: pointer; display: inline-block; text-decoration: none;}
.tooltip2:hover {font-weight: bold;}
.tooltip2::before {content: ''; display: block; position: absolute; left: 0; top: 5px; background-image: url(../img/list2.png); width: 13px; height: 16px;}

.block4 h2 {color: #fff; margin-bottom: 40px;}

.card-b4 {background-image: url(../img/bg2.jpg); height: 408px; color: #fff; display: flex; align-items: center;}

.card-b4-txt {margin-left: 100px; max-width: 515px;}

.card-b4-txt p {margin-bottom: 30px;}

.sl-big-item {position: relative; display: flex; height: 100%;}

.otz_link {font-weight: bold; color: #2e5f7d; text-decoration: none; transition: 0.3s; border-bottom: 2px solid transparent; text-transform: uppercase; margin-top: 15px; display: inline-block;}

.otz_link:hover {border-bottom: 2px solid #2e5f7d;}

.otz_wrap img {width: 100%;}

.otz_pop_wrap {background: white; padding: 50px 15px; text-align: left; max-width: 715px; margin: 40px auto; position: relative;}

.oppas-img {opacity: 0.26; width: 50%; height: 100%; display: none !important;}

.sl-inside {width: 100%; height: 100%;}
.sl-inside .slick-list {height: 100%;}
.sl-inside .slick-track {height: 100%;}
.sl-inside img {height: 100%;}

.sl-big .sl-inside .slick-prev {background-image: url(../img/arr_l.svg); width: 18px; height: 28px; top: calc(50% - 14px); background-size: cover; background-position: center; background-repeat: no-repeat; left: calc(50% + 30px);}
.sl-big .sl-inside .slick-next {background-image: url(../img/arr_r.svg); width: 18px; height: 28px; top: calc(50% - 14px); background-size: cover; background-position: center; background-repeat: no-repeat; right: 30px; left: auto;}

.sl-big {position: relative;}
.sl-big::before {content: ''; display: block; position: absolute; left: 0; top: 0; height: 100%; width: 50%; z-index: 1;}
.sl-big .slick-list {position: relative; z-index: 2; height: 100%;}
.sl-big .slick-track {height: 100%;}
.sl-big .slick-prev {position: absolute; color: rgba(255, 255, 255, 0); background-color: rgba(255, 255, 255, 0); border-radius: 50%; border: none; background-image: url(../img/arrow-prev2.svg); width: 55px; height: 55px; left: 5px; bottom: 90px; left: 90px; cursor: pointer; transition: 0.2s; z-index: 5;}
.sl-big .slick-prev:hover {opacity: 0.85;}
.sl-big .slick-next {position: absolute; color: rgba(255, 255, 255, 0); background-color: rgba(255, 255, 255, 0); border-radius: 50%; border: none; background-image: url(../img/arrow-next2.svg); width: 55px; height: 55px; left: 5px; bottom: 90px; left: 155px; cursor: pointer; transition: 0.2s; z-index: 5;}
.sl-big .slick-next:hover {opacity: 0.85;}

.sl-inside .slick-dots {position: absolute; width: 50%; bottom: 10px; right: 0; text-align: center;}
.sl-inside .slick-dots li {display: inline-block; position: relative; z-index: 4; width: 14px; height: 14px; margin: 5px;}
.sl-inside .slick-dots li.slick-active button {background-color: #F35B40;}
.sl-inside .slick-dots li button {width: 14px; height: 14px; color: rgba(255, 255, 255, 0); border-radius: 50%; background-color: #fff; padding: 0; border: none; cursor: pointer;}

.content-sl-big {width: 50%; position: absolute; left: 0; top: 0; z-index: 3; height: 100%; padding: 60px 90px 170px 90px; display: flex; flex-direction: column; justify-content: space-between; background-color: rgba(46, 95, 125, 0.74);}
.content-sl-big h2 {color: #fff;}
.content-sl-big hr {border-color: rgba(255, 255, 255, 0.2); margin-top: 20px;}

.title-sl-big {color: #fff; font-size: 24px; font-weight: 500; margin-bottom: 20px;}

.txt-sl-big {font-size: 14px; color: #fff;}

#reviews {padding-top: 45px; padding-bottom: 45px; background-color: #f2f2f2;}

#reviews h2 {margin-bottom: 30px;}

.sl2-item {display: flex; align-items: center;}
.sl2-item img {margin-right: 60px; width: 511px; height: 511px;}
.sl2-txt {max-width: 430px;}

.zap-l {position: relative;}
.zap-l::before {position: absolute; content: ''; left: -20px; background-image: url(../img/zap-l.png); width: 15px; height: 15px; top: 0px;}

.zap-r {position: relative;}
.zap-r::before {position: absolute; content: ''; right: -20px; background-image: url(../img/zap-r.png); width: 16px; height: 15px; top: 0px;}

.otz-name {margin-top: 24px; font-size: 14px; color: #898989; line-height: 1.632;}

.slider2 {padding: 45px 73px; background-color: #fff;}
.slider2 .slick-prev {position: absolute; color: rgba(255, 255, 255, 0); background-color: rgba(255, 255, 255, 0); border: none; background-image: url(../img/arrow-prev1.svg); width: 55px; height: 55px; left: 5px; top: calc(50% - 27px); cursor: pointer; transition: 0.2s; z-index: 3;}
.slider2 .slick-prev:hover {opacity: 0.8;}
.slider2 .slick-next {position: absolute; color: rgba(255, 255, 255, 0); background-color: rgba(255, 255, 255, 0); border: none; background-image: url(../img/arrow-next1.svg); width: 55px; height: 55px; right: 5px; top: calc(50% - 27px); cursor: pointer; transition: 0.2s; z-index: 3;}
.slider2 .slick-next:hover {opacity: 0.8;}

#block6 {background-color: #f2f2f2; padding-bottom: 45px;}

#block6 h2 {margin-bottom: 30px;}

.b6-flex {margin-top: 40px; display: flex; align-items: center;}

.b6-txt-wrap {width: 50%;}
.b6-txt-wrap p {margin-bottom: 30px;}

.b7-img {width: 50%; text-align: center;} 

#about {background-color: #f2f2f2; padding-bottom: 48px;}

#about h2 {margin-bottom: 30px;}

.b7-txt-wrap {max-width: 510px;}

.b7-img {width: 50%; text-align: center;}

.b7-flex {display: flex; align-items: center; margin-top: 45px;}

.b7-icons {display: flex; margin-bottom: 20px;}
.b7-icons img {margin-right: 20px;}
.b7-icons a {color: #000;}
.b7-icons a:hover {text-decoration: none;}

#block8 {background-color: #f2f2f2; padding-bottom: 20px; overflow: hidden;}
#block8 h2 {max-width: 655px; margin: auto; margin-top: 50px;}

.team-txt-wrap {padding: 25px; background-color: #fff;}
.team-txt-wrap .txt-team {line-height: 22px; font-size: 14px;}
.team-txt-wrap .txt-team span {font-weight: bold; font-size: 14px;}

.team-flex {display: flex; flex-wrap: wrap; margin: 40px -20px 0 -20px;}

.team-item {width: 33.33%; padding: 20px;}
.team-item img {width: 100%;}
.team-item > div {background-color: #fff; height: 100%;}

.name {font-size: 24px; color: black; font-weight: 800; line-height: 1; text-align: left; margin-bottom: 28px;}

#contacts {background-color: #f2f2f2;}

.map {margin-top: 50px; position: relative;}

.contacts-wrap {position: absolute; left: 60px; top: 50px; width: 362px; height: 440px; background-color: #fff; display: flex; justify-content: center; z-index: 3; padding: 20px; align-items: center;}
.contacts-wrap .btn {padding: 17px; margin: 0 0 10px; width: 100%; text-align: center;}
.contacts-wrap .btn:last-of-type {margin: 0;}.contacts-wrap h2 {margin-bottom: 25px;}

.adres {font-size: 16px; color: black; padding-left: 30px; position: relative; margin-bottom: 25px;}

.adres::before {content: ''; display: block; position: absolute; left: 0; background-image: url(../img/flag.svg); width: 18px; height: 22px; top: 4px;}

.tel-footer {margin-bottom: 25px; position: relative; padding-left: 30px;}
.tel-footer::before {content: ''; display: block; position: absolute; left: 0; background-image: url(../img/phone.svg); width: 21px; height: 21px; top: 4px;}
.tel-footer a {font-size: 16px; color: #2e5f7d; font-weight: bold; text-decoration: none;}
.tel-footer a:hover {text-decoration: underline;}

.email-footer {margin-bottom: 25px; padding-left: 30px; position: relative;}
.email-footer::before {content: ''; display: block; position: absolute; left: 0; background-image: url(../img/mail.svg); width: 21px; height: 18px; top: 4px;}
.email-footer a {font-size: 16px; color: #f35b40; font-weight: bold;}
.email-footer a:hover {text-decoration: none;}

.vk-footer {margin-bottom: 25px; padding-left: 30px; position: relative; display: block; color: #2e5f7d; text-decoration: none;}
.vk-footer::before {content: ''; display: block; position: absolute; left: 0; background-image: url(../img/vk.svg); background-position: center; background-repeat: no-repeat; width: 22px; height: 13px; top: 4px;}
.vk-footer span {font-size: 16px; color: #2e5f7d; font-weight: bold; text-decoration: none;}
.vk-footer span:hover {text-decoration: underline;}

footer {padding: 40px 0; background-color: #f2f2f2;}

.anchor {cursor: pointer;}

.logo-footer-wrap {display: flex; align-items: center;}
.logo-footer-wrap img {width: 98px; margin-right: 20px;}
.logo-footer-wrap p {font-size: 16px; color: black; line-height: 1.2;}
.logo-footer-wrap p span {font-weight: bold;}

.footer-flex {display: flex; justify-content: space-between; align-items: center;}

.footer-right {display: flex; flex-wrap: wrap;}
.footer-right p {font-size: 14px; color: #898989; margin-left: 20px;}
.footer-right a {font-size: 14px; color: #898989;}
.footer-right a:hover {text-decoration: none;}

.mfp-close-btn-in .mfp-close {color: #2e5f7d;}

.pop-up {background: white; padding: 50px 15px; text-align: left; max-width: 415px; margin: 40px auto; position: relative;}

.pop-up_big {background: white; padding: 50px 15px; text-align: left; max-width: 685px; margin: 40px auto; position: relative;}

.my-mfp-zoom-in .zoom-anim-dialog {opacity: 0; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8);}
.my-mfp-zoom-in.mfp-ready .zoom-anim-dialog {opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1);}
.my-mfp-zoom-in.mfp-removing .zoom-anim-dialog {-webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); opacity: 0;}
.my-mfp-zoom-in.mfp-bg {opacity: 0; -webkit-transition: opacity 0.3s ease-out; -moz-transition: opacity 0.3s ease-out; -o-transition: opacity 0.3s ease-out; transition: opacity 0.3s ease-out;}
.my-mfp-zoom-in.mfp-ready.mfp-bg {opacity: 0.8;}
.my-mfp-zoom-in.mfp-removing.mfp-bg {opacity: 0;}

.my-mfp-slide-bottom .zoom-anim-dialog {opacity: 0; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; -webkit-transform: translateY(-20px) perspective(600px) rotateX(10deg); -moz-transform: translateY(-20px) perspective(600px) rotateX(10deg); -ms-transform: translateY(-20px) perspective(600px) rotateX(10deg); -o-transform: translateY(-20px) perspective(600px) rotateX(10deg); transform: translateY(-20px) perspective(600px) rotateX(10deg);}
.my-mfp-slide-bottom.mfp-ready .zoom-anim-dialog {opacity: 1; -webkit-transform: translateY(0) perspective(600px) rotateX(0); -moz-transform: translateY(0) perspective(600px) rotateX(0); -ms-transform: translateY(0) perspective(600px) rotateX(0); -o-transform: translateY(0) perspective(600px) rotateX(0); transform: translateY(0) perspective(600px) rotateX(0);}
.my-mfp-slide-bottom.mfp-removing .zoom-anim-dialog {opacity: 0; -webkit-transform: translateY(-10px) perspective(600px) rotateX(10deg); -moz-transform: translateY(-10px) perspective(600px) rotateX(10deg); -ms-transform: translateY(-10px) perspective(600px) rotateX(10deg); -o-transform: translateY(-10px) perspective(600px) rotateX(10deg); transform: translateY(-10px) perspective(600px) rotateX(10deg);}
.my-mfp-slide-bottom.mfp-bg {opacity: 0; -webkit-transition: opacity 0.3s ease-out; -moz-transition: opacity 0.3s ease-out; -o-transition: opacity 0.3s ease-out; transition: opacity 0.3s ease-out;}
.my-mfp-slide-bottom.mfp-ready.mfp-bg {opacity: 0.8;}
.my-mfp-slide-bottom.mfp-removing.mfp-bg {opacity: 0;}

.pop-wrap {max-width: 273px; margin: auto;}
.pop-wrap .btn {width: 100%;}
.pop-wrap h2 {margin-bottom: 12px; font-size: 27px;}

.pop-wrap_big {max-width: 550px; margin: auto;}
.pop-wrap_big .btn {width: 100%;}
.pop-wrap_big h2 {margin-bottom: 12px; font-size: 27px;}

.raschet-form {display: flex; flex-wrap: wrap; justify-content: space-between;}

.col-1-form {width: calc(50% - 5px);}
.col-2-form {width: calc(50% - 5px); display: flex; flex-direction: column; justify-content: space-between; padding-bottom: 5px;}
.col-2-form .control {margin-top: 0;}

.raschet-title {font-size: 15.305px; color: black; font-weight: bold; width: 100%; margin-bottom: 6px; margin-top: 15px;}

.inp {width: 100%; border: none; border-radius: 5px; background-color: #f2f2f2; height: 54px; font-size: 16px; padding-left: 20px; margin-bottom: 10px;}

.textarea {width: 100%; border: none; border-radius: 5px; background-color: #f2f2f2; height: 119px; font-size: 16px; padding-left: 20px; margin-bottom: 10px; resize: none; font-family: 'TT Travels'; font-weight: 500; padding-top: 13px;}

#vizov .thx-vizov {display: none;}
#vizov.thx .thx-vizov {display: block;}
#vizov.thx .vizov {display: none;}

#free_cons .thx-cons {display: none;}
#free_cons.thx .thx-cons {display: block;}
#free_cons.thx .vizov {display: none;}

#podborho .thx-cons {display: none;}
#podborho.thx .thx-cons {display: block;}
#podborho.thx .vizov {display: none;}

#dver .thx-cons {display: none;}
#dver.thx .thx-cons {display: block;}
#dver.thx .vizov {display: none;}

#raschet .thx-raschet {display: none;}
#raschet.thx .thx-raschet {display: block;}
#raschet.thx .vizov {display: none;}

#remont .thx-remont {display: none;}
#remont.thx .thx-remont {display: block;}
#remont.thx .remont {display: none;}

#obsluzh .thx-obsluzh {display: none;}
#obsluzh.thx .thx-obsluzh {display: block;}
#obsluzh.thx .obsluzh {display: none;}

.label_file {cursor: pointer;}
.label_file::before {content: ''; display: inline-block; position: relative; background-image: url(../img/upload.png); width: 19px; height: 21px; vertical-align: middle;}
.label_file span {font-size: 14px; color: #f35b40; font-weight: bold; display: inline-block; vertical-align: middle; margin-left: 10px;}

.file_inp {opacity: 0; visibility: hidden;}

.control {display: block; position: relative; padding-left: 30px; margin-bottom: 5px; padding-top: 3px; cursor: pointer; font-size: 14px; margin-top: 15px;}
.control a {color: #000;}
.control input {position: absolute; z-index: -1; opacity: 0;}

.control_indicator {position: absolute; top: 2px; left: 0; height: 20px; width: 20px; background: #F2F2F2; border: 0px solid #000000;}

.control:hover input ~ .control_indicator,
.control input:focus ~ .control_indicator {background: #F2F2F2;}

.control input:checked ~ .control_indicator {background: #f2f2f2;}

.control:hover input:not([disabled]):checked ~ .control_indicator,
.control input:checked:focus ~ .control_indicator {background: #f2f2f2;}

.control input:disabled ~ .control_indicator {background: #e6e6e6; opacity: 0.6; pointer-events: none;}

.control_indicator:after {box-sizing: unset; content: ''; position: absolute; display: none;}

.control input:checked ~ .control_indicator:after {display: block;}

.control-checkbox .control_indicator:after {left: 8px; top: 4px; width: 3px; height: 8px; border: solid #2e5f7d; border-width: 0 2px 2px 0; transform: rotate(45deg);}

.control-checkbox input:disabled ~ .control_indicator:after {border-color: #7b7b7b;}

.switch-nav {width: 58px; height: 49px; display: none; z-index: 3; position: relative;}

.navTrigger {cursor: pointer; padding: 12px;}
.navTrigger i {background-color: #f35b40; content: ''; display: block; width: 100%; height: 4px;}
.navTrigger i:nth-child(1) {-webkit-animation: outT 0.8s backwards; animation: outT 0.8s backwards; -webkit-animation-direction: reverse; animation-direction: reverse;}
.navTrigger i:nth-child(2) {margin: 5px 0; -webkit-animation: outM 0.8s backwards; animation: outM 0.8s backwards; -webkit-animation-direction: reverse; animation-direction: reverse;}
.navTrigger i:nth-child(3) {-webkit-animation: outBtm 0.8s backwards; animation: outBtm 0.8s backwards; -webkit-animation-direction: reverse; animation-direction: reverse;}

.navTrigger.active i:nth-child(1) {-webkit-animation: inT 0.8s forwards; animation: inT 0.8s forwards;}
.navTrigger.active i:nth-child(2) {-webkit-animation: inM 0.8s forwards; animation: inM 0.8s forwards;}
.navTrigger.active i:nth-child(3) {-webkit-animation: inBtm 0.8s forwards; animation: inBtm 0.8s forwards;}

@-webkit-keyframes inM {50% {-webkit-transform: rotate(0deg); }
    100% {-webkit-transform: rotate(45deg); }
}

@keyframes inM {50% {transform: rotate(0deg); }
    100% {transform: rotate(45deg); }
}

@-webkit-keyframes outM {50% {-webkit-transform: rotate(0deg); }
    100% {-webkit-transform: rotate(45deg); }
}

@keyframes outM {50% {transform: rotate(0deg); }
    100% {transform: rotate(45deg); }
}

@-webkit-keyframes inT {0% {-webkit-transform: translateY(0px) rotate(0deg); }
    50% {-webkit-transform: translateY(9px) rotate(0deg); }
    100% {-webkit-transform: translateY(9px) rotate(135deg); }
}

@keyframes inT {0% {transform: translateY(0px) rotate(0deg); }
    50% {transform: translateY(9px) rotate(0deg); }
    100% {transform: translateY(9px) rotate(135deg); }
}

@-webkit-keyframes outT {0% {-webkit-transform: translateY(0px) rotate(0deg); }
    50% {-webkit-transform: translateY(9px) rotate(0deg); }
    100% {-webkit-transform: translateY(9px) rotate(135deg); }
}

@keyframes outT {0% {transform: translateY(0px) rotate(0deg); }
    50% {transform: translateY(9px) rotate(0deg); }
    100% {transform: translateY(9px) rotate(135deg); }
}

@-webkit-keyframes inBtm {0% {-webkit-transform: translateY(0px) rotate(0deg); }
    50% {-webkit-transform: translateY(-9px) rotate(0deg); }
    100% {-webkit-transform: translateY(-9px) rotate(135deg); }
}

@keyframes inBtm {0% {transform: translateY(0px) rotate(0deg); }
    50% {transform: translateY(-9px) rotate(0deg); }
    100% {transform: translateY(-9px) rotate(135deg); }
}

@-webkit-keyframes outBtm {0% {-webkit-transform: translateY(0px) rotate(0deg); }
    50% {-webkit-transform: translateY(-9px) rotate(0deg); }
    100% {-webkit-transform: translateY(-9px) rotate(135deg); }
}

@keyframes outBtm {0% {transform: translateY(0px) rotate(0deg); }
    50% {transform: translateY(-9px) rotate(0deg); }
    100% {transform: translateY(-9px) rotate(135deg); }
}

#map {width: 100%; height: 515px; padding: 0; margin: 0;}

.sert-wrap_pop {max-width: 160px; width: 100%; flex-shrink: 0; margin-left: 30px;}

.serts_wrap {display: flex; align-items: center;}

.sert_img2 {margin: 0 5px; flex-grow: 1; -webkit-box-shadow: 0px 10px 26px 0px rgba(134, 134, 134, 0.21); -moz-box-shadow: 0px 10px 26px 0px rgba(134, 134, 134, 0.21); box-shadow: 0px 10px 26px 0px rgba(134, 134, 134, 0.21); margin-top: 20px; margin-bottom: 20px; width: 20%;}

.sert-wrap_pop2 {width: 100%; max-width: 100%; margin: 0; margin-top: 30px;}

.company_pop {display: flex;}

.company_img {max-width: 170px; margin-bottom: 30px;}

.sert_title {font-weight: bold; line-height: 1.2;}

.sert_img {width: 100%; -webkit-box-shadow: 0px 10px 26px 0px rgba(134, 134, 134, 0.21); -moz-box-shadow: 0px 10px 26px 0px rgba(134, 134, 134, 0.21); box-shadow: 0px 10px 26px 0px rgba(134, 134, 134, 0.21); margin-top: 20px; margin-bottom: 20px;}

.zoom {text-decoration: none; cursor: pointer;}

.zoom::before {content: ''; position: relative; display: inline-block; vertical-align: middle; background-image: url(../img/zoom.png); width: 25px; height: 25px; background-position: center; background-repeat: no-repeat;}

.zoom span {display: inline-block; vertical-align: middle; margin-left: 10px; font-size: 15.387px; color: #f35b40; font-weight: bold;}
.mfp-no-margins img.mfp-img {padding: 0;}
.mfp-no-margins .mfp-figure:after {top: 0; bottom: 0;}
.mfp-no-margins .mfp-container {padding: 0;}

.tooltipster-sidetip.tooltipster-noir.tooltipster-noir-customized .tooltipster-box {background: #f3f3f3; border: none; border-radius: 6px; box-shadow: 5px 5px 2px 0 rgba(0, 0, 0, 0.4);}
.tooltipster-sidetip.tooltipster-noir.tooltipster-noir-customized .tooltipster-content {color: #000; padding: 8px;}

div.btn {text-align: center;}

.raschet_xs {display: none;}

#projects_xs {display: none;}

.top_arr {position: fixed; z-index: 7; left: 40px; bottom: 55px; visibility: hidden; opacity: 0; transition: 0.3s;}
.top_arr.active {visibility: visible; opacity: 0.7;}
.top_arr.active:hover {opacity: 1;}

.sl_video_link {display: block; position: relative;}
.sl_video_link::after {content: ''; display: block; position: absolute; left: calc(50% - 40px); top: calc(50% - 40px); width: 73px; height: 79px; z-index: 2; background-image: url(../img/play.svg); background-position: center; background-repeat: no-repeat; background-size: contain; transition: 0.3s;}
.sl_video_link:hover::after {transform: scale(1.2);}


@media (max-width: 1145px) {

.nav-link {margin: 0 7px; }
.logo-wrap img {width: 100px; }
.logo-wrap p {font-size: 12px; }

h1 span {font-size: 29px; letter-spacing: -1px; line-height: 1.2; display: block; }
.b1-flex {display: block; }
.video-play {max-width: 315px; margin-top: 30px; }
.b1-img {position: absolute; left: 584px; top: -16px; }
.b3-wrap {background-color: #fff; display: flex; padding: 60px 20px 60px 30px;}

.b3-content {padding: 0 20px;}
.b3-content__img {max-width: 300px; max-height: 220px;}
.b3-buttonwrap {padding: 30px 0 0 20px;}

}


@media (max-width: 1024px) {

    .card-b4-txt {margin-left: 30px; }
    .card-b4 {background-position: -140px; }
    .sl2-item img {width: 280px; height: 280px;  }
    
    .sl_video_link::after {left: calc(50% - 40px); top: calc(50% - 20px); width: 40px; height: 43px; }
    .b7-img {width: 280px;}
    
    .b7-img img {max-width: 100%; }
    .b6-txt-wrap {width: auto; margin-right: 30px; }
    .b7-txt-wrap {margin-left: 30px; }
    .tz-card-wrap {width: 50%; height: 350px; padding: 0 20px; position: relative; margin-bottom: 40px; }
    .content-sl-big {width: 50%; position: absolute; left: 0; top: 0; z-index: 3; height: 100%; padding: 60px 20px 170px 20px; display: flex; flex-direction: column; justify-content: space-between; }
    .sl-big .slick-prev {left: 20px; }
    .sl-big .slick-next {left: 90px; }
    .b3-content {margin-left: 15px; margin-right: 20px; }

}


@media (max-width: 1000px) {

.links-nav-wrap {top: 20px; position: relative;}

.contact-nav {position: absolute; right: 20px; top: 10px;}

    .nav-link {font-size: 16px;}

    .logo-wrap p {display: none; }

    h1 {font-size: 45px; }
    h1 span {font-size: 22px; }
    .b1-list p {font-size: 16px; }
    .b1-flex {margin-top: 45px; }
    .b1-img {position: absolute; left: 455px; width: 340px; top: -6px; }
    .video-play p {font-size: 15px; }
    .video-play {width: 290px; }
    .card-b4-txt {width: 380px; }
    .card-b4 {background-position: -336px; }
    .sl2-item img {margin-right: 0; margin-bottom: 30px; }

    .sl_video_link::after {left: calc(50% - 20px); top: calc(50% - 30px); width: 40px; height: 43px;}
    
    .sl2-item {flex-direction: column; }
    .team-item {width: 50%; }
    .contacts-wrap {width: 300px; height: 357px; }
    .footer-right {display: flex; text-align: right; flex-direction: column; }
    .footer-right p {margin-left: 0; }
    .b3-wrap {flex-direction: column; align-items: center; text-align: center; }
    .tabs-b3-wrap {display: flex; flex-direction: row; align-items: flex-start; justify-content: center; flex-shrink: 0; align-items: center; flex-wrap: wrap; margin-bottom: 30px; }

.b3-wrap {padding: 40px 20px 40px 20px;}
.b3-content {padding: 0;}

.eq_slider_container h2 {margin-bottom: 25px;}

    .flex-b3-content {display: flex; align-items: center; margin-bottom: 10px; justify-content: center; }
    .oppas-img {width: 100%; display: none !important; }
    .sl-big-item img {width: 100%; }
    .content-sl-big {width: 100%; }
    .sl-big::before {display: none; }
    .sl-inside {width: 100%; }
    .sl-big-item {flex-direction: column-reverse; position: static; }
    .content-sl-big {position: static; background-color: #2e5f7d; }
    .content-sl-big h2 {margin-bottom: 25px; }
    .sl-big .slick-next {top: 132px; bottom: auto; left: auto; right: 10px; }
    .sl-big .slick-prev {top: 132px; bottom: auto; left: auto; right: 70px; }
    .content-sl-big {padding: 60px 132px 20px 13px; height: auto; position: static; }
    .sl-inside .slick-track {height: auto; }
    .sl-inside .slick-list {height: auto; }
    .sl-inside {height: auto; }
    .sl-big .sl-inside .slick-prev {left: 30px; }
    .sl-inside .slick-dots {width: 100%; }
  
    .eq_slider_container {padding: 60px 0 0;}
    .eq_slider_container h2 {width: 100%;}
    .tabs-b3-wrap {width: 100%;}
    .b3-outbox {width: 100%;}
    .b3-content {width: calc(100% - 140px); margin: 0;}
    .b3-buttonwrap {width: 100%; padding: 30px 0 0 0}

}


@media (max-width: 768px) {

    .b1-img {display: none; }

    .b1-line {font-size: 14px; letter-spacing: 1px; color: #fff; margin: 20px 0 40px; max-width: 700px;}
    .contact-nav {flex-shrink: 0; }
    .nav-wrap {text-align: center; }
    .b6-flex {flex-wrap: wrap-reverse; }
    .b7-img {margin-bottom: 20px; }
    .b7-flex {flex-wrap: wrap; }
    .b6-txt-wrap {margin-right: 0; }
    .b7-txt-wrap {margin-left: 0; }
    .logo-footer-wrap p {font-size: 14px; }
    .tz-card-wrap {width: 100%; height: 350px; padding: 0 5px; position: relative; margin-bottom: 10px; }
    .tz-card-flex {margin-top: 65px; display: flex; margin: 65px -5px 0 -5px; flex-wrap: wrap; }
    .tz-card-txt-wrap {height: 150px; position: absolute; bottom: 0; left: 5px; background-color: #fff; width: calc(100% - 10px); overflow: hidden; padding: 20px 35px 20px 10px; transition: 0.3s; }
    .btn-tz {visibility: visible; opacity: 1; }
    .tz-card-txt-wrap {height: auto; }
    .tz-card-wrap {max-width: 439px; margin-bottom: 25px; }
    
    .tz-card-wrap:hover .tz-card-txt-wrap {height: auto; }
    .tz-card-flex {flex-direction: column; justify-content: center; align-items: center; }

    #service h2 {text-align: center; }
    .tz-txt {text-align: center; }

    #projects {display: none; }

    #projects_xs {display: block; }

}


@media (max-width: 750px) {

.links-nav-wrap {top: auto; position: relative;}
.links-nav-wrap br {display: block;}

.contact-nav {position: relative; right: auto; top: auto; z-index: 3;}

.nav-list {color: #000;}
.nav-list span {display: block; padding: 10px 0;}
.nav-list .nav-list_out {position: relative; top: auto; padding: 0;}
.nav-list ul {padding: 0; background: transparent; box-shadow: none;}
.nav-list li {margin: 0 0 8px; padding: 0;}
.nav-list li:last-of-type {margin: 0;}

header {padding-bottom: 30px;}

.tz-card-flex {margin: 35px -5px 0 -5px;}

.tz-card-wrap.last {height: auto; padding: 20px 5px;}
.tz-card-wrap.last .btn {width: 100%;}

.eq_slider_container {padding: 40px 0 0;}
.eq_slider_container h2 {margin-bottom: 10px; font-size: 20px;}
.tab-b3 {padding: 4px 6px; margin: 0 0 5px; font-size: 16px; display: inline-block; vertical-align: top;}
.tabs-b3-wrap {margin: 0;}
.b3-content__img {max-height: 140px;}
.b3-wrap {padding: 30px 0 10px;}
.b3-content {width: 100%; padding: 0;} 
.b3-txt {font-size: 12px; padding: 0 20px;}
.b3-sfery {width: 100%; padding: 20px 0 0 0;}
.b3-wrap .sfery_flex {width: 100%; justify-content: center;}
.b3-wrap .sfery_flex div {width: calc(100% / 6); margin-bottom: 5px;}
.b3-buttonwrap {padding: 10px 10px 0;}
.b3-buttonwrap .btn {width: 100%;}
.sfery-title {margin-bottom: 16px; display: none;}
.sfery-title br {display: none;}
.tab-b3 {display: none;}
.tab-b3.active {display: block; border: 0; margin: 0 0 10px;}
.flex-b3-content p {font-size: 17px;}
.flex-b3-content img {height: 24px;}
.b3-wrap .sfery_flex div img {height: 20px; max-width: 100%;}
.b3-wrap .sfery_flex div {width: calc(100% / 9);}

.b3-wrap .slide_arrow {display: block; position: absolute; top: 50%; margin-top: -10px; z-index: 3; cursor: pointer;}
.b3-wrap .slide_arrow svg {width: 20px; height: 20px;}
.b3-wrap .slide_arrow_prev {left: 10px; transform: rotate(-45deg); margin-top: -3px;}
.b3-wrap .slide_arrow_next {right: 10px; transform: rotate(135deg);}

.b1-line svg {transform: rotate(225deg);}

.real-hint {padding: 20px 15px; left: 0; top: 36px; width: 330px; font-size: 14px;}
.real-hint::after {top: -25px; left: 50%; margin: 0 0 0 -20px; border-color: transparent transparent white transparent;}

}


@media (max-width: 630px) {

    .team-item {padding: 5px; }
    
    .b1-line {font-size: 14px; letter-spacing: 1px; color: #fff; margin: 20px 0 40px; max-width: 700px; text-align: center;}
    .b1-line span {position: relative; display: block; margin-right: 0px; margin: 10px 0;}
     
    .team-flex {margin: 0; margin-top: 40px; }
    .team-txt-wrap {padding: 10px; }
    .footer-flex {flex-wrap: wrap; }
    .footer-right {margin-top: 15px; text-align: left; }
    .contacts-wrap {left: 0; }

}


@media (max-width: 530px) {
    
    .fixed-nav .logo-wrap img {width: 70px; }
    .fixed-nav {padding: 3px 0; }
    .logo-wrap img {width: 130px; }
    .nav-wrap {order: 0; }
    .logo-wrap {order: 1; }
    .contact-nav {order: 2; }

    h1 {font-size: 42px; line-height: 0.8; text-align: center; }
    h1 span {margin-top: 12px; }
    .switch-nav {display: block; }
    .card-b4-txt {width: auto; max-width: 380px; margin: 0; padding: 30px 0; }
    .card-b4 {padding: 15px; }
    .sl2-item img {width: auto; max-width: 250px; margin-bottom: 80px; height: 250px;  }
    .sl_video_link::after {left: calc(50% - 20px); top: calc(50% - 60px); width: 40px; height: 43px;}
    .slider2 .slick-prev {top: 260px; }
    .slider2 .slick-next {top: 260px; }
    .slider2 {padding: 0; }

    h2 {font-size: 24px; }
    .team-item {width: 100%; }
    .contacts-wrap {left: 0; position: static; width: 100%; height: auto; padding: 30px 15px; }
    .btn {padding: 15px 25px; }
    .contact-nav p {display: none; }
    .links-nav-wrap {position: absolute; width: 100%; left: 0; background-color: #fff; top: -15px; padding: 78px 0; z-index: 2; display: none; }
    .nav-link {display: inline-block; font-size: 16px; margin: 10px 0; color: #000; }
    .tel-nav span {display: none; }
    
    .tel-nav img {display: block; width: 58px; padding: 12px; }
    .team-flex {padding: 0 30px; }
    .content-sl-big {padding: 60px 132px 20px 13px; height: auto; }
    .title-sl-big {font-size: 15px; }
    .sl-big .slick-prev,
    .sl-big .slick-next {bottom: 13px; }
    .sl-big-item img {width: auto; height: auto; }
    .col-2-form,
    .col-1-form {width: 100%; }
    .company_pop {display: block; }
    .sert-wrap_pop {margin: 0; margin-top: 30px; }
    .tab-b3 {text-align: center; left: 0; }
    .raschet_xs {display: block; }
    .raschet_lg {display: none; }
    .step_form_rasch {display: none; height: 387px; }
    
    .step_form_rasch .textarea {height: 190px; }
    
    .step_form_rasch .control {margin-top: 0; }
    
    .step_form_rasch.active {display: flex; flex-direction: column; justify-content: space-between; }

    #raschet {height: 524px; }
    .raschet-title-wrap {display: flex; justify-content: space-between; align-items: center; margin: 30px 0; }
    .raschet_step {font-weight: 900; font-size: 14px; color: #2e5f7d; }
    .raschet-title {margin: 0; }
    .slider-main {display: none;}

}


@media (max-width: 425px) {

    .card-b4 {height: auto; background-size: cover; }

    .tooltip2 {position: relative; display: inline-block; font-size: 14.795px; color: #fff; position: relative; padding-left: 26px; margin-right: 30px; cursor: pointer; display: inline-block; text-decoration: none;}

    h1 {font-size: 32px; }
    h1 span {font-size: 17px; }

    #block4 .btn {padding: 15px; }
    .team-flex {padding: 0 15px; }
    .tz-numb {display: none; }
    .tz-card-txt-wrap {padding: 20px 10px 20px 10px; }
    .flex-b3-content p {font-size: 19px; }
    .sert_img2 {width: 40%; }
    .serts_wrap {flex-wrap: wrap; }

}


.btn_top_consult {margin-right: 50px;}

@media (max-width: 600px) {

#block1 .btn {display: block; margin: 0 10px 20px; text-align: center;} 

}



.tel-nav i {display: inline;}
.tel-nav b {display:none;}

.tel-nav.show i {display: none;}
.tel-nav.show b {display: inline;}