body {background-color: #fafafa;color: #000;font-family: 'Raleway', sans-serif;font-weight: 400;position: relative;font-size: 14px;margin: 0;}
@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@100;200;300;400;500;600;700;800;900&display=swap');
h2 {margin:1em 0;}
a {transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}
a, div, button {outline: none;}
a:hover {color: #FFAD01;text-decoration: none;transition: all 0.4s ease-in-out;}
header {position: fixed;z-index: 999;/* background: #d1ecff; */left: 0;top: 0;transition: all 0.5s ease-in-out;width: 100%;padding: 10px 0;}
.sticky-header {background: #090a09;}
header.sticky-header .adress h1, header.sticky-header .adress p, header.sticky-header .phone a {color:#000;}
header.sticky-header .phone svg {fill: #000;}
header .logo {width: 20%;position: relative;background: url(../img/logo_svg_v1.svg)no-repeat center;background-size: contain;height: 150px;margin: 5px 0;}
header.sticky-header .logo {background: url(../img/logo_svg_v1.svg)no-repeat center;background-size: contain;/* height: 100px; */}
header .logo img {width: 100%;}
header .adress {text-align: center;width: 28%;}
header .adress h1 {font-size:18px;margin: 0;font-weight: 500;color: #fff;}
header .adress p {font-size:14px;margin: 4px 0 0 0;color: #fff;}
header .adress svg {width:14px;height:14px;fill: #4e96d0;margin-right: 3px;}
.callme_viewform:hover svg {
    fill: #333;
    stroke: #333;
}
.container {position: relative;width: 90%;margin: 0 auto;}
header .block {display:flex;justify-content: space-around;align-items: center;}
header .phone svg {width: 18px;height: 18px;vertical-align: text-bottom;margin-right: 5px;fill: #fff;display: none;}
header .callme_viewform {font-size:14px;box-shadow: none;padding: 18px 40px;}
header .callme_viewform svg {display: none;}
header .phone a {color: #fff;text-decoration:none;font-size: 18px;display: block;text-align: right;}
.intro .container .block {display:flex;justify-content: flex-start;align-items: center;height: 95vh;margin-top: 50px;}
.intro .container .text {width: 59%;}
.intro .container .image {width: 40%;background: url(../img/bg.svg)no-repeat;background-size: contain;height: 60%;display: none;}
.intro .container .text h1 {color: #fff;line-height: 60px;font-weight: 800;font-size: 40px;margin: 0;text-shadow: 3px 3px 8px #BF7F00, -3px -3px 8px #BF7F00;}
.intro .container .text h2 {color:#fff;width: 70%;margin: 5rem 0;line-height: 120%;}
.intro .container .text h2 span {color:#ffad01;}
.intro .container .text p {text-align:justify;font-size: 16px;line-height: 26px;color: #fff;}
.callme_viewform {
  background: radial-gradient(ellipse farthest-corner at right bottom, #FEDB37 0%, #FDB931 8%, #9f7928 30%, #8A6E2F 40%, transparent 80%),
  radial-gradient(ellipse farthest-corner at left top, #FFFFFF 0%, #FFFFAC 8%, #D1B464 25%, #5d4a1f 62.5%, #5d4a1f 100%);
  /*background:#ffad01;*/
  display: inline-block;
  font-size: 16px;
  padding: 18px 50px;
  border-radius: 10px;
  cursor: pointer;
  font-weight: bold;
  transition: all 0.4s ease-in-out;
  box-shadow: 0 10px 25px -14px #ffad01;
  text-transform: uppercase;
  color: #fff;
  position: relative;
  overflow: hidden;
}
.callme_viewform .flare {
  position: absolute;
  top: 0;
  height: 100%;
  width: 45px;
  transform: skewX(-45deg); // Наклон
  animation: flareAnimation;
  left: -150%;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.4));
  animation: flareAnimation 3s infinite linear; // Время и тип анимации можно менять
}
@keyframes flareAnimation {
    0% {
        left: -150%;
    }
    100% {
        left: 150%;
    }
}
.callme_viewform svg {width: 20px;height: 20px;vertical-align: middle;margin-left: 10px;fill: #fff;stroke: #fff;}
.callme_viewform:hover {background:#fff;color:#fff;box-shadow: 0 10px 25px -14px #fff;color: #333;}
.intro {position: relative;background: url(../img/3teaser-asset-loan.jpg)no-repeat center;background-size: cover;}
.center-do-not-use {display: block;margin: 0 auto;position: absolute;bottom: 1em;right: 50%;}
.arrow {display: block;-ms-transform: rotate(45deg);-webkit-transform: rotate(45deg);transform: rotate(45deg);border-right: 1px solid #ffad01;border-bottom: 1px solid #ffad01;margin: 5px 0 8px 8px;width: 12px;height: 12px;-webkit-animation: mouse-scroll .5s infinite;-moz-animation: mouse-scroll .5s infinite;-webkit-animation-direction: alternate;}
.mouse {height: 50px;width: 28px;border-radius: 14px;transform: none;border: 2px solid #ffad01;margin-bottom: 6px;}
.wheel {height: 5px;width: 2px;display: block;margin: 5px auto;background: #ffad01;position: relative;height: 4px;width: 4px;border-radius: 8px;}
.wheel {-webkit-animation: mouse-wheel 1s linear infinite;-moz-animation: mouse-wheel 1s linear infinite;}
@-webkit-keyframes mouse-wheel {
  0% {opacity: 1;-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);}
  100% {opacity: 0;-webkit-transform: translateY(20px);-ms-transform: translateY(20px);transform: translateY(20px);}
}
@-moz-keyframes mouse-wheel {
  0% {top: 1px;}
  25% {top: 2px;}
  50% {top: 6px;}
  75% {top: 2px;}
  100% {top: 1px;}
}
@-webkit-keyframes mouse-scroll {
  0% {opacity: 0;}
  25% {opacity: .25;}
  50% {opacity: .5;}
  75% {opacity: .75;}
  100% {opacity: 1;}
}
@-moz-keyframes mouse-scroll {
  0% {opacity: 0;}
  50% {opacity: .5;}
  100% {opacity: 1;}
}
@-o-keyframes mouse-scroll {
  0% {opacity: 0;}
  25% {opacity: .25;}
  50% {opacity: .5;}
  75% {opacity: .75;}
  100% {opacity: 1;}
}
@keyframes mouse-scroll {
  0% {opacity: 0;}
  25% {opacity: .25;}
  50% {opacity: .5;}
  75% {opacity: .75;}
  100% {opacity: 1;}
}

#works .work_title{width: 40%;display: inline-block;background: #f5f5f5;padding-left: 0%;height: 500px;}
#works .tab-content {width: 60%;float: right;}
#works ul li{display:block;float: none;margin-top: 6px;}
#works .nav-tabs>li.active>a, #works .nav-tabs>li.active>a:focus, #works .nav-tabs>li.active>a:hover {color: #fff;cursor: default;background-color: rgb(255 173 1);border: none;}
#works .nav-tabs>li>a {margin-right: 0px;line-height: 1.42857143;border: none;border-radius: 0;padding: 20px 40px;color: #1f1f1f;font-size: 18px;background: #d1ecff;}
#works .work_title h3{color: #1f1f1f;font-size: 40px;font-weight: 800;line-height: 48px;margin-bottom: 30px;margin-top: 30px;text-align: center;}
#works {padding: 2em 0 5em 0;background: #171717;}
#works .tab-content > div {width: 100% !important;height: 500px;padding-left: 8%;font-size: 24px;font-weight: 800;color: #333;position: relative;padding-top: 6%;}
.stages .stages_wrapper {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-webkit-flex-flow: row wrap;-ms-flex-flow: row wrap;flex-flow: row wrap;-webkit-box-pack: justify;-webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between;background-color: #fff;}
.stages .stages_step {width: 60%;background-color: #fff;list-style: none;padding: 60px 80px;counter-reset: li;}
.stages .stages_text {width: 40%;background-color: #f5f5f5;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: start;-webkit-align-items: flex-start;-ms-flex-align: start;align-items: flex-start;padding: 60px 70px;}
.stages .stages_step li {margin-bottom: 70px;padding-left: 106px;position: relative;}
.stages .stages_step li:before {counter-increment: li;content: counter(li);position: absolute;top: 16px;left: 18px;color: #ffad01;font-size: 100px;font-weight: 700;line-height: 48px;pointer-events: none;z-index: 2;}
.stages .stages_step .title {color: #1f1f1f;font-size: 24px;line-height: 30px;font-weight: 400;}
.stages .stages_step p {font-size: 15px;font-weight: 400;line-height: 20px;}
.stages .stages_step li:after {content: '';position: absolute;left: 0;top: -10px;width: 70px;height: 70px;border: 4px solid rgb(233, 233, 233);}
.stages .stages_text h6 {color: #09803d;font-size: 13px;font-weight: 400;line-height: 16px;text-transform: uppercase;margin-bottom: 10px;}
.stages .stages_text h2 {color: #1f1f1f;font-size: 46px;font-weight: 800;line-height: 1;margin-bottom: 30px;}
.stages .stages_text p {color: #3f3e3c;font-size: 16px;line-height: 24px;margin: 0 0 30px;}
.stages {background: #d1ecff;padding: 5em 0;}
#works .tab-content .open_categ {position:absolute;bottom: 40px;left: 40px;}
#works .tab-content #ser1 {background: url(../img/bg.svg)no-repeat center;background-size: contain;}
#works .tab-content #ser2 {background: url(http://infotransauto.ru/uploadedFiles/newsimages/big/1.jpg)no-repeat center;background-size: cover;color: #fff;}
#works .tab-content #ser3 {background: url(http://cod46.ru/wp-content/uploads/2016/07/kongress-optovaya-kompaniya.jpg)no-repeat center;background-size: cover;}
#works .tab-content #ser4 {background: url(https://d3n8a8pro7vhmx.cloudfront.net/communitywatercenter/mailings/1611/attachments/original/AdobeStock_99268994.jpg)no-repeat center;background-size: cover;}
.network {position: fixed;right: 0px;top: 210px;z-index: 99;}
.network ul li svg {width: 30px;height: 30px;}
.network ul li svg path{fill: #fff;}
.network ul li:hover{opacity: 1;-webkit-transform: translateX(calc(0px + 0rem));transform: translateX(calc(0px + 0rem));}
.network ul li a {display:block;}
.network ul li{list-style: none;opacity: 0.8;-webkit-transform: translateX(calc(20px + 0rem));transform: translateX(calc(20px + 0rem));-webkit-transition: -webkit-transform 0.3s;transition: -webkit-transform 0.3s;transition: transform 0.3s;transition: transform 0.3s, -webkit-transform 0.3s;width: 70px;padding: 10px 10px 5px 10px;}
.network ul{padding: 0px;}
.network ul li:first-child {border-radius:10px 0 0 0;}
.network ul li:last-child {border-radius: 0 0 0 10px;}
.network .what {background-color: #25D366;}
.network .viber {background: #665CAC;}
.network .telegram {background:#0088cc;}
footer {    padding: 2em 0;
  /* border-top: 1px solid #000; */
  background: #000;
  text-align: center;
  color: #fff;}
footer .block {/* display:flex; *//* justify-content: space-between; *//* align-items:center; *//* text-align: center; */}
footer .phone svg {width: 18px;height: 18px;vertical-align: sub;margin-right: 5px;}
footer .phone a {color: #000;font-weight:800;font-size:18px;}
footer .logo {width: 10%;position: relative;}
footer .logo img {width: 100%;}
footer .callme_viewform {margin-top:10px;}
footer .feedback {text-align:center;}
footer .copyright {font-size: 18px;}
#advantages .images img.main {width: 333px;height: 333px;margin: 0 auto;}
#advantages h1, #works h1, #about h1 {text-align:center;font-weight:800;font-size: 44px;padding: 1em 0;}
#works h1 {color:#fff;}
#advantages .add .addmain {position:absolute;display:flex;justify-content: space-evenly;align-items: center;font-size: 15px;}
#advantages .container {position:relative;}
#advantages .add .addmain:nth-child(1) {top: 63%;left: 20%;}
#advantages .add .addmain:nth-child(2) {top: 30%;left: 20%;}
#advantages .add .addmain:nth-child(2) img {width: 70px;height: auto;margin-right: 20px;position: relative;border: 2px solid #ede2a3;border-radius: 100%;padding: 14px;}
#advantages .add .addmain:nth-child(3) {top: 30%;right: 10%;}
#advantages .add .addmain:nth-child(3) img {width: 70px;height: auto;margin-right: 20px;position: relative;border: 2px solid #ede2a3;border-radius: 100%;padding: 15px;}
#advantages .add .addmain:nth-child(4) {top: 60%;right: 18%;}
#advantages .add .addmain:nth-child(5) {bottom: 0%;right: 28%;}
#advantages .add .addmain:nth-child(5) img {width: 40px;height: auto;margin-right: 20px;position: relative;}
#advantages .add .addmain:nth-child(6) {bottom: 15%;left: 24%;}
#advantages .add .addmain:nth-child(4) img {margin-right: 20px;}
#advantages .add .addmain:nth-child(6) img {margin-right: 10px;}
#advantages {display:inline-block;width:100%;padding: 4em 0;}
.buttons {text-align: center;}
#works ul {-webkit-column-count: 2;-moz-column-count: 2;column-count: 2;width: 80%;position: relative;margin: 0 auto;}
#works ul li img {margin-right: 25px;/* width: 30px; *//* height: auto; *//* max-height: 34px; */max-width: 30px;max-height: 30px;}
#works ul li:last-child span {margin-left: 4px;}
#works ul li:last-child img {margin-left: 5px;}
#works ul li {margin-bottom:20px;color:#fff;font-size:16px;min-height: 40px;overflow: hidden;}
#works ul:after {content:'';width: 500px;height: 330px;position: absolute;right: -80%;background: url(../img/bg.svg)no-repeat center;background-size: contain;top: -100%;display: none;}
#works hr {border-top: 2px solid #fff;margin-top: 60px;margin-bottom: 60px;}
#works h3 {color:#fff;text-align:center;font-weight:800;font-size:30px;}
#works h2 {color:#fff;text-align:center;font-size:20px;margin-bottom:2em;}
#about {padding: 3em 0 6em 0;}
#about p {font-size:16px;text-align:justify;line-height: 40px;margin: 0 0 40px;}
#about p::first-letter {margin-left:50px;}
.menu ul {padding:0;list-style:none;margin: 0;}
.menu ul li {display:inline-block;margin: 0 20px;transition: all 0.5s ease-in-out;}
.menu ul li a {font-size:16px;color: #fff;font-weight:600;transition: all 0.5s ease-in-out;}
.menu ul li:hover a {text-decoration:underline;}
.sticky-header .menu ul li a, header.sticky-header .phone a {color:#fff;}