/*
 * Template Name: new main 2020
 * Version: 1.0.0
 * Author: Yefimov A.B.
 * Website: https://studiowest.ru/
*/
/* ======= Tested ===== */
.testd{top:-.5rem;width: 100%;height: 660%; position: absolute;background:url(Features-Final.png) top left/cover ;z-index: 1000; opacity: 50%;}
.testd:hover{opacity: 0;}
/* ======= Base ======= */
html{font-size: 10px;}
body{margin: 0;font-family: 'Roboto', arial, sans-serif;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
p{font-size: 1.8rem;color: #3F3F3F;}
a{color: #EA6A57;-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-ms-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;}
a:hover{text-decoration: underline;color: #e74124;}
a:focus{text-decoration: none;}
a,p,h6,h5,h4,h3,h2,h1{margin: 0;line-height:1.2;}
h1,.h1{font-size: 5.6rem;}
h2{font-size: 3.96rem;font-weight: 500}
h3{font-size: 2.54rem;font-weight: 400}
h4{font-size: 1.2rem;text-transform: uppercase;font-weight: 600}
h5{font-size: 1.5rem;line-height: 1.3;font-weight: lighter; }
h6{font-size: 1.125rem;font-weight: normal;line-height: 2;}
svg:not(:root){overflow:hidden}
.icon-svg{display:inline-block;width:100%;height:100%;fill:currentColor}
img{width: 100%;height: auto;}
/*.container{margin:0 auto;padding:0 .5rem;max-width: 102.625rem;}*/
.flex-spase{display: -webkit-box;display: -ms-flexbox;display: flex;flex-direction: row;justify-content: space-between;align-items: center;}
.flex-start{display: -webkit-box;display: -ms-flexbox;display: flex;flex-direction: row;justify-content: flex-start;align-items: center;}
.flex-left{display: -webkit-box;display: -ms-flexbox;display: flex;flex-direction: column;justify-content: center;height: 100%}
.flex-card{display: -webkit-box;display: -ms-flexbox;display: flex;flex-direction: row;flex-wrap: wrap;justify-content: space-between;align-items: flex-start;align-content: stretch;}
.flex-revers{flex-direction: row-reverse;}
.btn{color: #EA6A57;padding: 1.2rem 2.8rem;border-radius: 0;font-size: 2rem;background: none;border: 1px solid #000;text-decoration: none;margin: .5rem 2.6rem;display: inline-block;min-width: 11rem;text-align: center;}
.btn:hover{color:#fff;background:#EA6A57;text-decoration:none;border:  1px solid #EA6A57;}
section, footer, .promo{position: relative;}
/* ======= slider ======= */
.head-slide{list-style: none;margin: 0;padding: 0;}
.head-slide>li{position: fixed;top:0;left:0;height: 69rem;width: 100%;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}
.slide-1{background: url('../images/background/main-2020/banner-top.jpg') no-repeat 50% top;}
.slide-2{opacity:0;background: url('../images/background/main-2020/blures.png') no-repeat 50% top;-webkit-transition: all 1s ease-in-out;-moz-transition: all 1s ease-in-out;-ms-transition: all 1s ease-in-out;-o-transition: all 1s ease-in-out;}
.slide-3{background: url('../images/background/features.jpg') no-repeat 50% top;-webkit-transition: all 1s ease-in-out;-moz-transition: all 1s ease-in-out;-ms-transition: all 1s ease-in-out;-o-transition: all 1s ease-in-out;}
.slide-4{background: url('../images/background/how-it-works.jpg') no-repeat 50% top;-webkit-transition: all 1s ease-in-out;-moz-transition: all 1s ease-in-out;-ms-transition: all 1s ease-in-out;-o-transition: all 1s ease-in-out;}
.head-slide + .icon-lemp{position:fixed;z-index: 12;left: 13.5%;top: -100%; width: 8% ;height:auto;background-image: radial-gradient(circle  closest-side at 5.5rem 5.5rem, #FCEE21,#ffffff00);color:#fff;-webkit-transition: top 1.4s ease-in-out;-moz-transition: top 1.4s ease-in-out;-ms-transition: top 1.4s ease-in-out;-o-transition: top 1.4s ease-in-out;}
.delta{height: 14.4rem}
.delta-top a{align-items: flex-end;text-decoration: none;}
.delta-top{box-sizing: border-box;padding: 4rem 7.3rem;background: url('../images/background/main-2020/delta.svg') no-repeat 100% top;-webkit-background-size: 151.7rem;-moz-background-size: 151.7rem;-o-background-size: 151.7rem;background-size:151.7rem;}
.delta-top h4{color: #26333F;margin: .4rem;}
.delta-bottom{box-sizing: border-box;padding: 3rem 3.2rem 1rem;background: url('../images/background/main-2020/delta-rev.svg') no-repeat 0% top;-webkit-background-size: 151.7rem;-moz-background-size: 151.7rem;-o-background-size: 151.7rem;background-size: 151.7rem;}
.delta-bottom h3{color: #6d6d6d;text-align: left;margin-bottom: 1rem}
.delta-bottom .delta-data{max-width:82rem;}
.delta-bottom .data{color:#EA6A57;font-size: 4.8rem;text-align: left;line-height: 1.1;overflow-y:hidden;display: inline-block;height: 5rem;text-align: right;position: relative;}
.delta-bottom .data span{top: 0;position: relative;-webkit-transition: all 1s ease-in-out;-moz-transition: top 1s ease-in-out;-ms-transition: top 1s ease-in-out;-o-transition: top 1s ease-in-out;}
.delta-bottom .info{color:#6d6d6d;font-size: 1.26rem;line-height: 1.4rem}
.icon-login{color:#EA6A57;display: inline-block;width:2.5rem;height: 2.1rem;vertical-align: middle;}
.header .container{z-index: 10;height: 6rem;width: 100%;justify-content: center;position: fixed;background-image: linear-gradient( to right, #EA6A5789, #5D352E89, #25201D, #1D1D1B, #000, #1D1D1B, #202120, #323A40, #6E8DAA);}
.header .logo{text-align: center;font-family: "Roboto Slab", arial, sans-serif;font-weight: bold;}
.header .logo a{text-decoration:none;color: #FFF;padding: 1.5rem 2rem;max-width: 24rem;position: relative;font-size: 2rem;border-top-right-radius: 0;border-bottom-right-radius: 4px;border-bottom-left-radius: 4px;border-top-left-radius: 0;background: #ec6952;line-height: 1.4;}
.header nav ul{list-style: none;margin: 0;padding: 0;font-weight: normal;font-size: 1.3rem;}
.header nav ul li a{text-decoration:none;color: #FFF;padding: 1rem;}
.header nav ul li:hover>a {color: #fff;background: #ec6952;}
.header nav ul li{text-decoration:none;color: #FFF; position: relative;}
.header nav ul li ul{position: absolute;top: calc(1em + 1rem + 2px);background:#1b1a19;display: none;box-shadow: 0 8px 15px rgba(100, 100, 100, 0.1);margin: 0 -1rem;min-width: calc(100% + 2rem);}
.header nav ul li:hover ul{display: block;}
.header nav ul li ul li a {color:#fff;display: block;line-height: 1em;font-size: 0.88em;background: #1b1a19;padding: 1rem 2rem;white-space: nowrap;}
.header nav ul li ul li:hover a{color: #fff;background: #ec6952;}
.header nav ul li ul li{display: list-item;padding:0;}
.header .main-nav{flex-basis:49%; margin-left: 2%;}
.header .main-nav .btn-red{font-size: 1.3rem;padding: .35rem}
.nav-login-button__wrapper {
    position: absolute;
    right: 100px;
}
.nav-login-button {
    color: white;
    text-decoration: none;
}

.nav-login-button__label {
    padding: 0 5px;
}

.nav-login-button:hover {
    text-decoration: none;
}

@media (max-width:1350px) {
    .nav-login-button__wrapper {
        position: absolute;
        right: 50px;
    }
}

@media (max-width:1244px) {
    .nav-login-button__wrapper {
        position: absolute;
        right: 25px;
    }
}

@media (max-width:1100px) {
    .nav-login-button__wrapper {
        position: absolute;
        right: 65px;
    }

    .nav-login-button__label {
        display: none;
    }
}

.menu-toggle-box {width: 22px;height: 16px;right: 2rem;display: none;position: relative; cursor: pointer;transition-property: opacity;transition-duration: 0.15s;transition-timing-function: linear;text-transform: none;}
.menu-toggle-inner {display: block;top: 50%;margin-top: -1px;background-color: #e9553b;transition-duration: 0.1s;transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);}
.menu-toggle-inner::before {top: -7px;transition: top 0.1s 0.14s ease,opacity 0.1s ease;}
.menu-toggle-inner::after {bottom: -7px;transition: bottom 0.1s 0.14s ease, -webkit-transform 0.1s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: bottom 0.1s 0.14s ease, transform 0.1s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: bottom 0.1s 0.14s ease, transform 0.1s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.1s cubic-bezier(0.55, 0.055, 0.675, 0.19);}
.menu-toggle-inner, .menu-toggle-inner::before, .menu-toggle-inner::after {width: 22px;height: 2px;border-radius: 0px;position: absolute;content: "";display: block;background-color: #e9553b;}
.menu-toggle-box:hover {opacity: 1;}
.menu-toggle-box:focus {outline: none;}
.menu-toggle-box.toggled .menu-toggle-inner {-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);transition-delay: 0.14s;transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);}
.menu-toggle-box.toggled .menu-toggle-inner::before {top: 0;opacity: 0;transition: top 0.1s ease,opacity 0.1s 0.14s ease;}
.menu-toggle-box.toggled .menu-toggle-inner::after {bottom: 0;-webkit-transform: rotate(-90deg);-ms-transform: rotate(-90deg);transform: rotate(-90deg);transition: bottom 0.1s ease, -webkit-transform 0.1s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1);transition: bottom 0.1s ease, transform 0.1s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1);transition: bottom 0.1s ease, transform 0.1s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.1s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1);}
.promo {position: relative;height: 69rem;text-align: center;display: flex;
flex-direction: column;
justify-content: space-between;}
.promo>a{font-size: 1.6rem;}
.promo .title {color: #fff;margin-bottom: 3.9rem;margin-top: 3.4rem;font-weight: 700;text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);}
.twis .title{margin-bottom: 1rem;margin-top: 1rem;}

.promo .intro {color: #fff;margin-top: 0;margin-bottom: 5.1rem;}
.promo .btn-header{display: flex;margin-bottom: 2.5rem;justify-content: center;}
.btn-red {color:#fff;background: #ec6952;border: 2px solid #ec6952;padding:1rem 2.6rem;}
.btn-red:hover{background: #e9553b;border: 2px solid #e9553b;}
.icon-down{margin: 0 auto -5rem;display: inline-block;width:19.68rem;height: 13.483rem;color: #fff;vertical-align: middle;}
/* ======= section ======= */
.block1{background: #fff;}
.block1 h2{color: #fff;text-align: center;padding: 2.6rem;background-image: linear-gradient( to right, #EA6A57, #5D352E, #25201D, #1D1D1B, #000, #1D1D1B, #202120, #323A40, #6E8DAA);}
.icon-monitoring{display: inline-block;width:8.773rem;height: 5.764rem;color: #ef6e61;vertical-align: middle;}
.icon-managing{display: inline-block;width:8.773rem;height: 6.941rem;color: #ef6e61;vertical-align: middle;}
.icon-recording{display: inline-block;width:8.773rem;height: 4.455rem;color: #ef6e61;vertical-align: middle;}
.icon-notifying{display: inline-block;width:8.773rem;height: 6.213rem;color: #ef6e61;vertical-align: middle;}
.icon-reporting{display: inline-block;width:8.773rem;height: 5.414rem;color: #ef6e61;vertical-align: middle;}
.icon-filtering{display: inline-block;width:8.773rem;height: 6.3rem;color: #ef6e61;vertical-align: middle;}
.block1 .tu-col{padding: 3.3rem 11.5% 1.5rem}
.block1 .tu-block{flex-basis:49%;}
.block1 h3{display: inline-block;vertical-align: middle;margin: 2rem 2.2rem;}
.block1 p{font-size: 1.4rem;color: #6d6d6d;text-indent:3.6rem;margin-left: 7.6rem;margin-bottom: 1.8rem;}
.block1 .btn-section{padding:0 3% 3rem;justify-content: center;}
.block2{background:#3C5060; padding: 4rem 3% 3rem;}
.block2 h2{color: #fff;text-align: center;padding: 1rem;}
.block2 h3{color: #fff;text-decoration: underline;margin-top: 2.5rem;cursor:pointer;}
.block2 h3:hover,.block2 h3.activ{color:#e9553b;}
.block2 p{color: #fff;}
.block2 .tu-col>div{flex-basis: 42%; padding-right:2%;align-self:center;}
.block2 .tu-col .tu-line{flex-basis: 50%;margin-top: 1rem;}
.block2 .tu-col img{display: none;}
.block2 .tu-col img.activ{display:inline-block;}
.block3{background:#fff;padding: 4rem 2% 3rem;}
.block3 h2{text-align: center;padding: 1rem;}
.block3 h3{font-size: 3.6rem;}
.block3 .circle{border: 1px solid #6D6D6D;background: #F2F2F2;width: 8.8rem;height: 8.8rem;border-radius: 60%;display: inline-block;margin: 2rem;}
.block3 .circle p{font-size: 3.6rem;text-align: center;position: relative;top:2.2rem;}
.block3 .tu-block{text-align: center;margin: 0 7.6rem;position: relative;}
.block3 .tu-col{justify-content: center;padding: 4rem 3% 3.2rem;}
.block3 .tu-line::before,.block3 .tu-line::after{content: ""; position: absolute;top: 6.5rem;display: inline-block;height: 1.4px; width: 21.5rem;background: #000;}
.block3 .tu-line::before{right: 23.5rem}
.block3 .tu-line::after{left: 23.5rem}
.block3 .btn-section{justify-content: center;}
.block4{background:#f2f2f2;padding: 4rem 2% 3rem;}
.block4 h2{text-align: center;padding: 1rem;padding-bottom: 2rem;}
.block4 h3{font-size: 2.4rem;font-weight: bold;padding-left: 13rem;padding-top: 1.4rem;}
.block4 p{padding: 1rem;padding-left: 13rem;}
.icon-paying{display: inline-block;width:10.35rem;height: 8.806rem;color: #ef6e61;vertical-align: middle;}
.icon-protecting{display: inline-block;width:10.35rem;height: 8.509rem;color: #ef6e61;vertical-align: middle;}
.icon-protecting2{display: inline-block;width:12.35rem;height: 10.509rem;color: #ef6e61;vertical-align: middle;}
.icon-improving{display: inline-block;width:10.35rem;height: 7.817rem;color: #ef6e61;vertical-align: middle;}
.icon-switching{display: inline-block;width:10.35rem;height: 8.023rem;color: #ef6e61;vertical-align: middle;}
.block4 .tu-block{flex-basis: 35%;position: relative;margin: 2.2rem 4.3% 3rem;}
.block4 .tu-col{justify-content: center;}
.block4 .icon-svg{position:absolute;}
.block5 {background: #fff;padding: 3rem 2% 3rem;text-align: center;}
.block5 h2{text-align: center;font-weight: 400;padding: 1rem;}
.block5 img{max-width: 112rem;display: inline-block;}
.block5 .tu-col{max-width: 79rem;display: inline-block;text-align: left;}
.block5 p{margin: 2rem 1rem;}
.block5 h3{text-align: center;color: #EA6A57; font-size: 3.6rem;padding: 2.5rem;}
.block5 .content{position: relative;}
.block5 .content::before,.block5 .content::after{content: ""; position: absolute;display: inline-block;height: 2px; width: 100%;background-image: linear-gradient( to right, #fff, #0071BC, #fff);}
.block5 .content::before{top:-2rem;}
.block5 .content::after{bottom:-2rem;left: 0;}
.block6 {background: #fff;padding: 1rem 2% 3rem;text-align: center;}
.block6 .tu-col{position: relative;justify-content: center; padding: 2rem 3%}
.block6 .tu-block{padding: 3rem 4rem;}
.block6 .btn-section{justify-content: center;}
.block6 h3{font-size: 3rem;}
.block6 p{padding: 2.5rem 0;}
.icon-lemp{display: inline-block;width:11.907rem;height: 14.208rem;color: #b0b0b0;vertical-align: middle;}
.icon-customers{display: inline-block;width:11.387rem;height: 5.052rem;color: #5da641;vertical-align: middle;}
.icon-working{display: inline-block;width:17.17rem;height: 5.457rem;color: #5da641;vertical-align: middle;}
.icon-violations{display: inline-block;width:18.801rem;height: 5.63rem;color: #5da641;vertical-align: middle;}
.icon-gain{display: inline-block;width:17.556rem;height: 5.196rem;color: #5da641;vertical-align: middle;}
.block6 .icon-lemp {position: absolute;left:calc( 50vw - 44rem );top:-2rem;background-image: radial-gradient(circle  closest-side at 5.5rem 5.5rem, #FCEE21,#ffffff00);}
.block7{background: #fff;text-align: center;-webkit-transition: background .2s linear;-moz-transition: background .2s linear;-ms-transition: background .2s linear;-o-transition: background .2s linear;}
.block7 h2{font-size: 4.2rem;margin-bottom: 7rem;}
.block7 .tu-col{padding: 3rem 8%;position: relative;z-index: 1;}
.block7 .tu-col>div{text-align: left;align-self: center;flex-basis:44%; }
.block7 h3{font-size: 4rem;margin-left: 20%;margin-bottom: 1em;}
.block7 ul{margin-left: 20%;margin-right: 20%;padding-left: 2.5em;}
.block7 li{font-size: 1.8rem}
.block7 ul li+li{margin-top: 1em;}
.block7 .tu-col .tu-line{flex-basis: 54%;}
.block7 .btn-section{margin-left: 20%;}
/*.block7 .tu-col:not(.flex-revers)::after{content: ""; position: absolute;width: 100%;height: 142%;top:75%;left: 0;z-index: -1; background-image: linear-gradient( to bottom, #FFFFFF, #C2C781 35%, #C2C781 76%, #FFFFFF 100%);}
.block7 .tu-col:last-child::after{content:none;}
.block7 .tu-col:nth-child(6n-2)::after{background-image: linear-gradient( to bottom, #FFFFFF, #BECCCF 35%, #BECCCF 76%, #FFFFFF 100%);}
.block7 .tu-col:nth-child(6n)::after{background-image: linear-gradient( to bottom, #FFFFFF, #D8D9D9 35%, #D8D9D9 76%, #FFFFFF 100%);}*/
.block8{background: #fff;text-align: center;}
.block8 .icon-monitoring{padding:3rem;display: inline-block;width:8.63rem;height: 6.447rem;color: #fff;vertical-align: middle;}
.icon-threats{padding:3rem;display: inline-block;width:8.63rem;height: 6.447rem;color: #fff;vertical-align: middle;}
.icon-optimization{padding:3rem;display: inline-block;width:8.63rem;height: 6.447rem;color: #fff;vertical-align: middle;}
.block8 .tu-block{width: 33.3333%;background: url('../images/pages/features/2f.jpg') center/cover no-repeat;color: #fff;padding: 3rem;box-sizing: border-box; align-self:stretch;filter: brightness(45%);}
.block8 .tu-block:first-child{background: url('../images/pages/features/1f.jpg') center/cover no-repeat;}
.block8 .tu-block:last-child{background: url('../images/pages/features/3f.jpg') center/cover no-repeat;}
.block8 .tu-block:hover{filter: brightness(100%);}
.block8 h2{font-size: 4.2rem;margin-bottom: 1em;}
.block8 h3{font-size: 3.6rem;}
.block8 p{font-size: 1.8rem;color: #fff;padding: 1rem 2rem;}
.block8 .tu-col{margin:4rem;max-width: 49rem;display: inline-block;text-align: center;}
.block8 .intro{color: #000;font-size: 1.2rem;}
.block8 .btn-section {padding: 3rem 3% ;justify-content: center;}
.block9 {background: #fff;text-align: center;padding: 7rem 4% 3rem;}
.block9 h1{font-size: 6rem;font-weight: 100;margin: 0 0 .5rem;}
.block9 h2{font-size: 1.8rem;margin-bottom: 4rem;}
.block9 .tu-col{max-width: 75rem;margin: auto;}
.block10 {background:#e7f0f7;padding: 4rem 2% 3rem;}
.block10 h2{text-align: center;padding: 1rem;padding-bottom: 2rem;}
.block10 h3{font-size: 2.4rem;font-weight: bold;padding-left: 13rem;padding-top: 1.4rem;}
.block10 p{padding: 1rem;padding-left: 13rem;}
.block10 .tu-block{flex-basis: 35%;position: relative;margin: 2.2rem 4.3% 3rem;}
.block10 .tu-block-bg{color: #fff;background-image: url('../images/main/4fs.jpg');}
.block10 .tu-col{justify-content: center;}
.block10 .icon-svg{position:absolute;}
.block11 {background:#fff;padding: 4rem 2% 3rem;}
.block11 h2{text-align: center;padding: 1rem;padding-bottom: 2rem;}
.block11 h3{font-size: 2.4rem;font-weight: bold;padding-left: 9rem;padding-top: 1.4rem;}
.block11 p{padding: 1rem;padding-left: 9rem;}
.block11 img{padding-left: 8rem;padding-top: 1.4rem}
.block11 .tu-block{flex-basis: 35%;position: relative;margin: 2.2rem 4.3% 3rem;}
.block11 .tu-col{justify-content: center;}
.block11 .icon-svg{position:absolute;}
.webform-main input{border:none;width: 100%;font-size: 1.4rem;padding: 1.2rem 0;background: none;color:#111111;outline:none;}
.webform-main input::placeholder{ color: #B7B7B7; opacity: 0;transition: opacity .2s .2s cubic-bezier(0.4, 0, 0.2, 1);font-size: 1.4rem;}
.webform-main input::-webkit-input-placeholder{opacity: 0;-webkit-transition: opacity .2s .2s cubic-bezier(0.4, 0, 0.2, 1);font-size: 1.4rem;}
.webform-main input:focus::placeholder{ opacity: 1;}
.webform-main input:focus::-webkit-input-placeholder{ opacity: 1;}
.webform-main label {transition: all .2s .2s linear;-webkit-transition: all .2s .2s linear;}
.webform-main label .label-mark{color: #d50000;padding-left: 3px;}
.webform-main .wrapper-textfield label {text-align: left; position: relative;font-size: 1.8rem;top: 3rem;display: block;color: rgba(0,0,0, 0.26);}
.webform-main .wrapper-textfield label:hover{top:2rem;}
.webform-main .wrapper-textfield{height: 6rem;margin-bottom: 1rem;background:url(../images/svg/line.svg) 0% 100%/300% 50px no-repeat;-webkit-transition: background-position .4s linear;transition: background-position .4s linear;}
.webform-main input:active{outline-style: none;}
.webform-main .form-actions{text-align: center;margin: 1.6rem;}
.webform-main .form-actions input{-webkit-appearance: none; padding: .6rem 4rem;background: #EA6A57;max-width: 29rem;color: #fff;border: 1px solid #EA6A57;transition: width 0.6s ease-out;-webkit-transition: width 0.6s ease-out;}
.webform-main .form-actions input:hover{background: #fff;color:#EA6A57;}

.webform-main select{border:none;width: 100%;font-size: 1.4rem;padding: 1.2rem 0;background: none;color:#111111;outline:none;margin-left: -10px;}
.webform-main select::placeholder{ color: #B7B7B7; opacity: 0;transition: opacity .2s .2s cubic-bezier(0.4, 0, 0.2, 1);font-size: 1.4rem;}
.webform-main select:focus::placeholder{ opacity: 1;}
.webform-main select:focus::-webkit-input-placeholder{ opacity: 1;}
.webform-main label .label-mark{color: #d50000;padding-left: 3px;}
.webform-main .wrapper-selectpicker label {text-align: left; position: relative;font-size: 1.2rem;top: 0;display: block;color: rgba(0,0,0, 0.26);}
.webform-main .wrapper-selectpicker {height: 6rem;margin-bottom: 1rem;background:url(../images/svg/line.svg) 0% 100%/300% 50px no-repeat;-webkit-transition: background-position .4s linear;transition: background-position .4s linear;}
.webform-main select:active{outline-style: none;}
.webform-main .form-actions{text-align: center;margin: 1.6rem;}
.webform-main .form-actions select{-webkit-appearance: none; padding: .6rem 4rem;background: #EA6A57;max-width: 29rem;color: #fff;border: 1px solid #EA6A57;transition: width 0.6s ease-out;-webkit-transition: width 0.6s ease-out;}
.webform-main .form-actions select:hover{background: #fff;color:#EA6A57;}

.footer{background: #253340;color: #fff;font-size: 1.4rem;}
.footer p{opacity: .5;font-size: 1.4rem;}
.footer .row{max-width: 108rem;margin: auto; padding:4rem 3% 3rem;display: -webkit-box;display: -ms-flexbox;display: flex;flex-direction: row;flex-wrap: wrap;justify-content: space-between;align-items: flex-start;align-content: stretch;}
.footer .footer-col .title {color: #fff;font-weight: normal;font-size: 1.8rem;margin-top: 0;margin-bottom: 2rem;-webkit-opacity: 0.9;-moz-opacity: 0.9;opacity: 0.9;}
.list-unstyled, .list-inline{padding-left: 0;list-style: none;margin-top: 0;margin-bottom: 1rem;}
.footer .footer-col.links li {margin-bottom: 1rem;}
.footer .footer-col .list-unstyled a::before {content: ""; display: inline-block; border: .5rem solid transparent;border-left: .5rem solid #6d8dab;width: 0;height: 0;}
.footer .footer-col a{color: #6d8dab;text-decoration: none;}
.footer .footer-col .list-unstyled a:hover{text-decoration: underline;}
.footer .footer-col.connect{flex-basis:35rem;}
.footer .footer-col p{color: #fff;}
.footer .icon-svg{margin-right: 1.5rem;}
.footer .bottom-bar{background: #1e1e1e;color: #b3b3b3;padding: 10px 3%;}
.footer .bottom-bar .container{max-width: 108rem;margin: auto;}
.icon-twitter{display: inline-block;width:2.044rem;height: 2.2rem;color: #b0b0b0;vertical-align: middle;}
.icon-facebook{display: inline-block;width:2.044rem;height: 2.2rem;color: #b0b0b0;vertical-align: middle;}
.icon-google{display: inline-block;width:2.044rem;height: 2.2rem;color: #b0b0b0;vertical-align: middle;}
.icon-rss{display: inline-block;width:2.044rem;height: 2.2rem;color: #b0b0b0;vertical-align: middle;}
@media (max-width:1350px){
   .block3 .tu-line::before,.block3 .tu-line::after{display: none;}
   .block3 .tu-block{margin: 0 3rem;}
   h2{font-size: 3rem;}
}
@media (max-width:1260px){
   .header .icon-lemp{left:calc( 50vw - 46rem);}
   .block6 .tu-block{flex-basis: 40%}
}
@media (max-width:1100px){
/* menu - smoll*/
.header .main-nav{position: fixed;top: 6rem;right: -72%;background-color: rgba(255,255,255,0.98);max-width: 70%;transition: right .2s linear;-webkit-transform: right .2s linear;height: 100vh;width: 100%;}
.header .navbar-nav{flex-direction: column;align-content: space-around;align-items: stretch;margin: 0 1.1em;}
.header .navbar-nav a{color:#000;display: block;padding: 1em 0;}
.header nav ul li ul{display: block;position: static;background: none;box-shadow:none; width: auto;margin:0;}
.header nav ul li ul li a {background: none;text-align: left;font-size: 1em;padding-left: 1rem !important;}
.menu-toggle-box{display: block;}
.header .container{justify-content: space-between;}
}
@media (max-width:1000px){
/* mobail*/
.block1 .tu-block, .block4 .tu-block{flex-basis: 100%}
.block2 .tu-col{flex-direction: column-reverse;}
.block2 .tu-col .tu-line{flex-basis: 100%;align-self:center;}
.btn-red {padding: .9rem;}
.block3 .tu-block{flex-basis: 100%;}
.block7 .tu-col>div,.block7 .tu-col .tu-line{flex-basis: 100%}
.block7 .tu-col{flex-direction:column-reverse}
.block8 .tu-block{flex-basis: 100%}
.block10 .tu-block{flex-basis: 100%}
.block11 .tu-block{flex-basis: 100%}
.block11 img{padding-left: 1rem}
}
@media (max-width:700px){
/* mobail-smoll*/
.slide-1{background: url('../images/background/main-2020/banner-top-smol.jpg') no-repeat 50% top;}
.slide-2{opacity:0;background: none;}
.slide-3{background: url('../images/background/features-smol.jpg') no-repeat 50% top;}
.block1 .tu-block{.3rem 5% 1.5rem}
.block10 .tu-block{.3rem 5% 1.5rem}
.block11 .tu-block{.3rem 5% 1.5rem}
.block11 img{padding-left: 1rem}
.block6 .icon-lemp {display: none}
.delta-bottom{display: none}
.footer .footer-col.links {flex-basis: 50%}
.icon-paying,.icon-protecting,.icon-improving,.icon-switching{width: 17%}
.block4 h3,.block4 p{padding-left: 20%}
}

.hidden {
    display: none !important;
}