html{margin:0;padding:0;box-sizing:border-box}body{min-width:320px;overflow-x:hidden;position:relative;margin:0;padding:0;font-family:"GothamPro",sans-serif;line-height:1.4em;font-size:18px;color:#141917}*,*:after,*::before{box-sizing:inherit;outline:none !important}a{color:inherit;text-decoration:none;display:inline-block}a:hover{text-decoration:none;color:inherit}ul,li,h1,h2,h3,h4,h5,h6{margin:0;padding:0;font-size:inherit}h1,h2{font-family:"GothamPro-Black",sans-serif;font-size:70px;font-weight:700}h1 span,h2 span{color:#249feb}h2{font-size:30px}h3{font-weight:500}h4{font-size:18px;font-family:"GothamPro-Bold",sans-serif}p{font-size:18px;line-height:1.6em}img{max-width:100%}ul,li{list-style:none;line-height:28px}button{cursor:pointer;outline:none;box-shadow:none;border:none}.title{margin-bottom:40px}.title2{margin-bottom:20px;margin-top:30px}.button1{font-size:18px;font-family:"GothamPro-Black",sans-serif;text-align:center;padding:9px 30px;color:#fff;background:#249feb;border-radius:15px;transition:.2s}.button2{background:linear-gradient(92.32deg, #0287D5 5.91%, #42B3FE 97.08%);box-shadow:0 4px 20px rgba(15,144,222,.4);text-transform:uppercase;color:#fff;font-size:14px;padding:15px 40px;border-radius:30px;font-family:"Ubuntu",sans-serif;font-weight:500}.button-border{background:none;border:2px solid #249feb;color:#249feb}.container{max-width:1525px}.relative{position:relative}.section{padding:80px 0;position:relative}.text-section p{max-width:670px}body::-moz-selection, p::-moz-selection, h1::-moz-selection, h2::-moz-selection, h3::-moz-selection, h4::-moz-selection, h5::-moz-selection, h6::-moz-selection, li::-moz-selection, a::-moz-selection, span::-moz-selection, em::-moz-selection, strong::-moz-selection, b::-moz-selection, sup::-moz-selection, sub::-moz-selection, img::-moz-selection, input::-moz-selection, textarea::-moz-selection, button::-moz-selection, br::-moz-selection, div::-moz-selection{background:#249feb !important;color:#fff !important}body::selection,p::selection,h1::selection,h2::selection,h3::selection,h4::selection,h5::selection,h6::selection,li::selection,a::selection,span::selection,em::selection,strong::selection,b::selection,sup::selection,sub::selection,img::selection,input::selection,textarea::selection,button::selection,br::selection,div::selection{background:#249feb !important;color:#fff !important}@font-face{font-family:"GothamPro";src:url("../fonts/GothamPro.eot");src:url("../fonts/GothamPro.eot?#iefix") format("embedded-opentype"),url("../fonts/GothamPro.woff") format("woff"),url("../fonts/GothamPro.ttf") format("truetype");font-style:normal;font-weight:normal}@font-face{font-family:"GothamPro-Medium";src:url("../fonts/GothamPro-Medium.eot");src:url("../fonts/GothamPro-Medium.eot?#iefix") format("embedded-opentype"),url("../fonts/GothamPro-Medium.woff") format("woff"),url("../fonts/GothamPro-Medium.ttf") format("truetype");font-style:normal;font-weight:normal}@font-face{font-family:"GothamPro-Bold";src:url("../fonts/GothamPro-Bold.eot");src:url("../fonts/GothamPro-Bold.eot?#iefix") format("embedded-opentype"),url("../fonts/GothamPro-Bold.woff") format("woff"),url("../fonts/GothamPro-Bold.ttf") format("truetype");font-style:normal;font-weight:normal}@font-face{font-family:"GothamPro-Black";src:url("../fonts/GothamPro-Black.eot");src:url("../fonts/GothamPro-Black.eot?#iefix") format("embedded-opentype"),url("../fonts/GothamPro-Black.woff") format("woff"),url("../fonts/GothamPro-Black.ttf") format("truetype");font-style:normal;font-weight:normal}.popup{position:fixed;left:0;right:0;top:0;bottom:0;width:100%;height:100%;z-index:100;display:none}.popup-bg{position:fixed;z-index:100;left:0;top:0;width:100%;height:100%;display:block;background:rgba(0,0,0,.5)}.popup-content{position:relative;margin:10px auto;top:50%;transform:translateY(-50%);z-index:101;background:#fff;border-radius:15px;padding:20px;text-align:center;display:flex;flex-direction:column;align-items:center;max-width:500px}.popup-content input{max-width:400px;margin-right:0}.popup-content p{margin-top:10px}.popup-content .rights a{color:#249feb}.popup-content h3{font-size:25px;font-family:"GothamPro-Bold",sans-serif;font-weight:700;margin-bottom:10px}.popup-content h3 span{color:#249feb}.main-page{margin-top:50px}.main-page h1{font-size:50px}.main-page-slider{display:flex;align-items:center}.main-page-slide{overflow:hidden;display:flex;align-items:center}.main-page-title{text-align:center;font-size:30px;font-weight:700;font-family:"GothamPro-Bold";max-width:500px;display:block;margin:0 auto 60px}.main-about-top{display:flex;align-items:center;justify-content:center;margin:-30px auto 60px}.main-about-top p{margin-right:30px;margin-bottom:0}.main-about-top .main-about-price{font-size:64px;font-family:"GothamPro-Bold";font-weight:700;color:#ff4c6c;line-height:1.3em}.main-about-content{padding:20px;background:#fff;border-radius:15px;box-shadow:0 3px 20px rgba(0,0,0,.1)}.main-about-content p{margin-bottom:20px;font-size:16px}.main-about-content ul li{margin-bottom:20px;font-size:16px;margin-left:20px;position:relative}.main-about-content ul li:before{content:"";width:10px;height:10px;border-radius:3px;background:#ff4c6c;display:block;position:absolute;top:7px;left:-20px}.main-services-suptitle{text-align:center;margin:-30px auto 60px;max-width:600px;display:block}.main-service-card{padding:20px;background:#fff;border-radius:15px;box-shadow:0 3px 20px rgba(0,0,0,.1);margin:15px 0}.main-service-card img{margin:0 auto 30px;display:block;max-height:300px}.main-service-card h3{margin-bottom:15px;font-family:"GothamPro-Medium";font-weight:500}.main-service-card p{font-size:16px}.main-price-card{padding:20px;margin:15px 0;background:#fff;border-radius:15px;box-shadow:0 4px 20px rgba(15,144,222,.4);display:flex;flex-direction:column;align-items:center}.main-price-card img{margin-bottom:20px}.main-price-card span{font-size:30px;color:#ff4c6c;font-weight:700;font-family:"GothamPro-Bold";margin-bottom:20px}.main-price-card span span{font-size:20px}.header{padding:20px 0;background:#fff;position:fixed;top:0;left:0;width:100%;z-index:10}.header .header-desctop{display:flex;justify-content:space-between;align-items:center}.header .header-logo{width:245px}.header .header-menu{display:flex;align-items:center}.header .header-menu li{margin-right:40px;position:relative}.header .header-menu li .toggle-arrow.rotate img{transform:rotate(180deg)}.header .header-menu li .toggle-arrow img{transition:.2s}.header .header-menu li ul{position:absolute;display:block;padding:15px;left:50%;transform:translateX(-50%);background:#fff;border-radius:10px;box-shadow:0 3px 10px rgba(0,0,0,.1);display:none}.header .header-menu li ul li{margin-bottom:10px}.header .header-menu li ul li:last-child{margin-bottom:0}.header .header-menu li a{font-size:14px;font-family:"GothamPro-Bold",sans-serif;text-transform:uppercase}.header .header-phone{display:flex;align-items:center;font-size:20px;font-family:"GothamPro-Bold",sans-serif;text-transform:uppercase}.header .header-phone img{margin-right:15px}.header-desctop li:hover .toggle-arrow img{transform:rotate(180deg)}.header-desctop li:hover ul{display:block}.header-mobile{display:none}.header-mobile-top{display:flex;align-items:center;justify-content:space-between;z-index:10;width:100%}.header-mobile .burger{width:30px;cursor:pointer;transition:.1s;transform:scale(1)}.header-mobile .burger.hide{transform:scale(0)}.header-mobile .close{width:30px;cursor:pointer;transition:.1s;transform:scale(1);opacity:1}.header-mobile .close.hide{transform:scale(0);display:none}.header-mobile .header-menu{flex-direction:column}.header-mobile .header-menu li{margin-bottom:20px;margin-right:0;display:block}.header-mobile .header-menu li a{font-size:20px}.header-mobile .header-phone{display:block;margin:30px auto 0;width:-webkit-max-content;width:-moz-max-content;width:max-content}.header-mobile-menu{display:none;z-index:9;background:#fff;position:fixed;width:100%;height:100%;left:0;padding:40px;flex-direction:column;align-items:center;box-shadow:inset 0 5px 20px rgba(0,0,0,.2)}.section-first1{padding:30px 0}.section-first1 .section-first-title{font-size:60px}.section-first3{padding:30px 0 50px}.section-first{padding-bottom:50px}.section-first-title{margin-bottom:30px}.section-first-desc{max-width:500px;margin-bottom:30px}.section-first-contact{display:flex;align-items:center;margin-left:15px}.section-first-contact-left,.section-first-contact-right{display:flex;flex-direction:column;justify-content:center}.section-first-contact-left a,.section-first-contact-right a{margin-bottom:15px}.section-first-contact-left a img{min-width:28px}.section-first-contact-right{margin-left:40px}.section-first-contact-right a{font-size:24px;font-family:"GothamPro-Black",sans-serif;color:#249feb}.advantage-item{text-align:center}.advantage-item-image{height:200px;display:flex;align-items:center;justify-content:center}.site-card{border-radius:30px;box-shadow:0 1px 3px rgba(20,25,23,.24);background:#f5f5f5;padding:64px 40px 74px;height:340px;width:100%;margin:15px 0;position:relative;z-index:1;overflow:hidden}.site-card h3{font-size:30px;font-family:"GothamPro-Bold",sans-serif;margin-bottom:20px}.site-card p{max-width:515px;margin-bottom:20px}.site-card .button1{background:#abdef4;position:absolute;left:40px;bottom:34px}.site-card .button1:hover{background:#249feb}.site-card-image{position:absolute;right:0;bottom:0;z-index:-1}.portfolio-card{margin:15px 0;padding:35px 30px;border-radius:20px;position:relative;overflow:hidden;z-index:1;transition:.2s;background-size:cover !important;background-position:center !important;background-repeat:no-repeat !important;height:480px;width:100%;color:#fff}.portfolio-card:hover .portfolio-card-image{transform:scale(1.1)}.portfolio-card h3{font-size:30px;font-family:"GothamPro-Bold",sans-serif;margin-bottom:10px}.portfolio-card img,.portfolio-card-link{position:absolute;width:100%;height:100%;left:0;top:0;z-index:-1;transition:.2s;-o-object-fit:cover;object-fit:cover}.portfolio-card-link{z-index:2}.more-button{transition:.2s}.more-button.hide{opacity:0}.more-button .button1{display:block;margin:0 auto;position:absolute;z-index:2;bottom:100px;left:50%;transform:translateX(-50%)}.more-button .more-button-bg{position:absolute;width:100%;height:600px;left:0;bottom:0;z-index:1;background:linear-gradient(0deg, #ffffff 30%, #ffffff00)}input{width:calc(100% - 20px);border:none;box-shadow:none;outline:none;border-bottom:4px solid #b7b7b7;color:#b7b7b7;padding:8px 5px;transition:.2s;margin-right:30px;margin-bottom:20px}input:focus{border-bottom-color:#141917;color:#141917}.form-block input:nth-child(3){margin-right:0}.form-block .rights{margin-left:20px;margin-bottom:0}.form-block .rights a{color:#249feb;text-decoration:underline}.form-section{padding-bottom:150px;padding-top:100px}.form-section-right{background:#fff;padding:10px;position:relative;z-index:1;max-width:400px;float:right}.form-section-right:after{content:"";display:block;position:absolute;z-index:-1;height:100%;width:100%;background:#fff;left:0;top:0}.form-section-right:before{content:"";display:block;position:absolute;z-index:-1;height:125%;width:330px;top:50%;right:-50px;transform:translateY(-50%);border:10px solid #249feb}.form-section-right p{font-size:36px;font-family:"GothamPro-Bold",sans-serif;margin-bottom:40px;line-height:50px}.form-section-right a{font-size:30px;font-family:"GothamPro-Black",sans-serif;margin-bottom:20px;color:#249feb;width:-webkit-max-content;width:-moz-max-content;width:max-content}.form-section-right a:last-child{color:#141917}.footer{padding:40px 0;border-top:4px solid #141917;font-size:14px;font-family:"Ubuntu",sans-serif;color:#585858}.footer p{font-size:14px}.footer-left{max-width:260px}.footer-logo{margin-bottom:20px}.footer-menu h4{text-transform:uppercase;margin-bottom:20px}.footer-right{display:flex;flex-direction:column;justify-content:center}.footer-right .button2{margin:0 auto 20px;white-space:nowrap;width:100%;max-width:220px;float:right}.footer-right a{font-size:24px;font-weight:500;margin-bottom:10px;text-align:center}.footer-right p{line-height:1.2em;margin-bottom:0}.footer-right img{margin-left:10px}.footer-right .f-link{margin-bottom:0}.f-grey{color:#bcbcbc}.f-grey:hover{color:#bcbcbc}.f-accent{color:#519fd7;margin-bottom:15px}.f-accent:hover{color:#519fd7}.seo-div img{max-height:60px;max-width:50px;margin-right:10px}.seo-div2{margin-bottom:30px}.seo-div2 p{margin-top:10px}.slider-section{background:#f5f5f5;padding:60px 0 30px}.laptop-slider-fixed{display:flex;align-items:center}.laptop-slider-fixed .laptop-slider-prev,.laptop-slider-fixed .laptop-slider-next{margin-left:20px}.laptop-slide{display:flex}.laptop-slide .col-xl-5{padding:0}.laptop-slide .title{margin-bottom:10px}.laptop-slide h4{margin-bottom:8px;margin-top:35px}.laptop-slide p{max-width:460px}.block-icon{width:100%;border-radius:15px;background:#f5f5f5;padding:10px 60px 10px 15px;overflow:hidden;margin:15px 0;position:relative;z-index:1}.block-icon p{margin-bottom:0}.block-icon img{position:absolute;right:0;top:0;height:100%;z-index:-1}.price-flex{display:flex}.portfolio-card2{height:200px;border-radius:15px;overflow:hidden;display:flex;align-items:center;justify-content:center;position:relative;z-index:1;margin:15px 0;background:#f5f5f5;cursor:pointer}.portfolio-card2 p{font-size:14px;margin-top:10px !important}.portfolio-card2:hover .portfolio-card2-desc{transform:scaleY(1)}.portfolio-card2:hover .portfolio-card2-desc h4,.portfolio-card2:hover .portfolio-card2-desc p{opacity:1;margin-top:0}.portfolio-card2-desc{position:absolute;width:100%;height:100%;left:0;border-radius:15px;overflow:hidden;top:0;padding:25px 20px;color:#fff;background:rgba(95,95,95,.9);z-index:2;transition:.3s;transform:scaleY(0);transform-origin:bottom}.portfolio-card2-desc h4{margin-bottom:5px;transition:.4s;transition-delay:.3s;opacity:0;margin-top:5px}.portfolio-card2-desc p{transition:.4s;transition-delay:.5s;opacity:0;margin-top:10px}.context-advantage{display:flex;flex-direction:column;text-align:center;align-items:center}.context-advantage img{margin-bottom:30px}.context-advantage p{max-width:300px}.context-block{min-height:90px;border-radius:15px;padding:15px 25px;margin:15px 0;background:#f5f5f5}.step-block{margin:40px 0;position:relative;z-index:1;max-width:520px}.step-block-top{display:flex;align-items:center;margin-bottom:10px}.step-block-top h4{margin-left:10px}.step-block-top h4 span{color:#249feb}.step-block-number{position:absolute;z-index:-1;font-size:190px;font-family:"GothamPro-Black",sans-serif;font-weight:700;color:#e7f3fb;top:50%;left:0;transform:translateY(-50%)}.price-block{position:relative;width:100%;margin-bottom:40px}.price-block-top{background:linear-gradient(107.66deg, #A0E4DD -3.58%, #40C0D5 101.93%);border-radius:15px;padding:18px 20px;color:#fff;margin-bottom:20px}.price-block-price{font-size:44px;line-height:20px;font-family:"GothamPro-Black",sans-serif;margin:25px 0 15px}.price-block-price span{font-size:18px}.price-block-button{height:30px;font-size:14px;font-family:"GothamPro-Black",sans-serif;font-weight:700;border-radius:15px;background:#fff;padding:0 27px;margin-left:10px}.price-block-list,.price-block-list li{list-style:url("../img/dopicon2.svg")}.price-block-list{margin-left:30px}.price-block-list span{color:#8d8d8d;font-size:16px}.price-block-list li{margin-bottom:10px}.price-block-popular{position:absolute;right:0;top:0;font-size:12px;font-family:"GothamPro-Bold";font-weight:700;background:#ff586c;border-radius:0 15px 0 15px;padding:5px 10px}.price-block2 .price-block-top{background:linear-gradient(107.66deg, #9DE7A6 -3.58%, #41BB90 101.93%)}.price-block3 .price-block-top{background:linear-gradient(107.66deg, #7D91F6 -3.58%, #445BE4 101.93%)}.price-block4 .price-block-top{background:linear-gradient(107.66deg, #404E96 -3.58%, #363165 101.93%)}.custom-select{position:relative;z-index:1;padding:0;max-width:160px;height:30px;cursor:pointer;border:none;transition:.2s}.custom-select:before{content:url("../img/dopicon1.svg");position:absolute;top:5px;width:18px;left:10px}.custom-select .select-hide,.custom-select select{display:none}.custom-select .select-selected{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:14px;font-family:"GothamPro-Black";font-weight:700;transition:.2s}.custom-select .select-items{position:absolute;padding:10px 0;background:#fff;width:100%;top:100%;left:0;border:1px solid #eee;z-index:2;transition:.2s}.custom-select .select-items div{padding:5px;font-size:14px;font-family:"GothamPro-Black";font-weight:700;transition:.2s}.custom-select .select-items div:hover{background:#eee}@media screen and (max-width: 1600px){.container{padding:0 5%}.site-card{padding:30px 30px 70px}.site-card .button1{left:30px;bottom:30px}.site-card p{font-size:16px}}@media screen and (max-width: 1442px){.custom-select:before{display:none}.custom-select .select-selected{padding-left:10px;justify-content:flex-start}}@media screen and (max-width: 1280px){.section-first1 .section-first-title,h1{font-size:40px}.header-logo{width:200px}.site-card{padding:20px 20px 60px}.site-card h3{font-size:24px;margin-bottom:10px}.site-card .button1{bottom:20px}.header{padding:20px 0}.header-desctop{display:none !important}.header-mobile{display:block}}@media screen and (max-width: 993px){.context-block:first-child{margin-top:40px}.container{overflow:hidden !important}.site-card{padding:30px 30px 70px}.site-card h3{font-size:24px;margin-bottom:15px}.site-card .button1{bottom:30px}.portfolio-card{height:200px}.footer-right{margin-top:30px}.header .header-mobile li{text-align:center}.header .header-mobile li ul{position:static !important;left:auto;transform:translateX(0);box-shadow:none;text-align:center}.laptop-slide,.main-page-slide{flex-direction:column}.more-button .button1{transform:translate(0);left:auto;bottom:auto;position:relative;margin-top:40px}.more-button .more-button-bg{display:none}.form-section-right{float:none;max-width:100%;margin-top:80px}.form-section-right:before,.form-section-right:after{display:none}.form-section-right a{display:block}}@media screen and (max-width: 630px){body{font-size:16px}.main-page h1{font-size:40px}.main-about-top{flex-direction:column}.main-about-top p{margin-right:0;margin-bottom:10px}.main-about-content{padding:0;border-radius:0;box-shadow:none;margin-top:30px}.laptop-slide .title{font-size:24px}p{font-size:16px}.section-first-contact{flex-direction:column}.section-first-contact .section-first-contact-left{flex-direction:row}.section-first-contact .section-first-contact-right{margin-left:0 !important}.site-card{height:auto}.form-block .d-flex{display:block !important}.form-block .d-flex input{margin-bottom:30px}.form-block .rights{margin-left:0;margin-top:20px}.section-first-contact{margin-left:0}.section-first-contact .section-first-contact-right{margin-left:15px !important}.section-first-contact .section-first-contact-right a{font-size:22px}.portfolio-card{height:auto;padding:25px 20px}.portfolio-card h3{font-size:22px}}@media screen and (max-width: 541px){.footer{text-align:center}.footer-left{max-width:100%}.footer-menu{margin-top:20px}.popup-content{width:calc(100% - 20px);margin:10px;padding:20px 10px}}@media screen and (max-width: 400px){.site-card{padding:20px 15px 70px;border-radius:15px}.site-card .button1{bottom:20px;left:15px}.form-section-right p{font-size:32px}.form-section-right a{font-size:22px}}

:root {
  --accent: #249FEB;
  --grey: #808080;
  --bold: 'GothamPro-Bold', sans-serif;
  --black: 'GothamPro-Black', sans-serif;
}

.company-section { padding: 30px 0; position: relative; }
.company-steps { display: flex; flex-wrap: wrap; }
.company-step { text-align: center; position: relative; max-width: 50%; margin-bottom: 40px; }
.company-step:last-child { margin-bottom: 20px; }
.company-step img { margin-bottom: 5px; }
.company-step__number { font-size: 250px; font-weight: 700; font-family: 'Raleway', sans-serif; opacity: .15; position: absolute; left: 0; top: 70px; color: #249FEB; }

.cards-section { padding-bottom: 30px !important; }
.card { 
  position: relative; 
  width: 330px; 
  border: 3px var(--accent) solid; 
  padding: 20px 15px; 
  margin: 0 12px 20px; 
  border-radius: 15px; 
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  z-index: 1;
}
.card__info { flex: 1; display: flex; align-items: center; flex-direction: column }
.card__type { 
  background: #F7F7F7; 
  font-family: var(--bold);
  width: max-content; 
  font-size: 15px; 
  border-radius: 10px; 
  text-transform: uppercase; 
  color: var(--accent); 
  padding: 3px 10px 1px; 
  margin-bottom: 20px;
}
.card__type.hit { background: #FF8064; color: #fff; }
.card__title { font-size: 26px; font-family: var(--bold); margin-bottom: 5px; } 
.card__subtitle, .card__desc { font-size: 14px; color: var(--grey); margin-bottom: 30px; }
.card__desc { margin-bottom: 20px; }
.card__line { margin-bottom: 30px; background: var(--accent); height: 3px; width: 35px; }
.card__price { font-size: 30px; margin-bottom: 30px; font-family: var(--black); }
.card__button { 
  margin-bottom: 25px; 
  box-shadow: 2px 6px 25px rgba(0, 0, 0, 0.25); 
  border-radius: 45px; 
  font-size: 17px; 
  padding: 18px 75px; 
  font-family: var(--bold);
}
.card__button:hover {
  box-shadow: 2px 6px 25px rgba(0, 0, 0, 0.35); 
}
.card__delimiter { margin-bottom: 20px; }
.card__delimiter span { font-size: 16px; color: var(--accent); background: #fff; z-index: 1; position: relative; font-family: var(--bold); padding: 5px 30px; }
.card__delimiter:before { content: ''; height: 3px; width: 100%; background: var(--accent); display: block; position: absolute; z-index: -1; left: 0; margin-top: 12px; }
.card__bonus { font-family: var(--bold); font-size: 13px; padding: 10px; border-radius: 15px; }
.card__bonus:nth-child(even) { background: #F7F7F7; }

.company-function { width: 23%; text-align: center; padding: 0 10px; margin: 15px 0; }
.company-function img { max-width: 55px; margin-bottom: 5px; }
.company-function h3 { font-family: var(--bold); margin-bottom: 5px; }
.company-function p { font-size: 14px; margin-bottom: 0; }

.list--circle li { position: relative; padding-left: 28px; margin-bottom: 8px; }
.list--circle li:before { content: ''; display: block; width: 10px; height: 10px; background: var(--accent); border-radius: 50%; position: absolute; left: 10px; top: 8px; box-shadow: 0px 4px 7px rgba(0, 0, 0, 0.25); }
.list--plus li { list-style-image: url('../img/plus.png'); margin-left: 15px; margin-bottom: 8px; }

.ecommerce-section { padding: 50px 0; position: relative; }

.ecommerce-step { padding: 20px; border: 2px solid var(--accent); width: 28%; margin: 15px; position: relative; background: #fff; }
.ecommerce-step:not(:nth-child(3n-2)):before { content: url('../img/ecommerce/connect.png'); position: absolute; top: 50%; transform: translateY(-50%); left: -75px; z-index: -1; }
.ecommerce-step p { margin-bottom: 0; }
.ecommerce-step span { color: var(--accent); font-family: var(--bold); }
.ecommerce-step--files { padding: 0; border: none; display: flex; align-items: center; justify-content: space-between; align-content: center; flex-wrap: wrap; }
.ecommerce-step--files:before { content: none !important; }
.ecommerce-step--files img { max-width: 80px; margin-bottom: 10px; }

.ecommerce-cms__text { padding-left: 50px; }
.ecommerce-cms__text ul { columns: 2; margin-left: 30px; }
.ecommerce-cms__text h3, .ecommerce-cms__text h4, .ecommerce-cms__text p { margin-bottom: 20px; }
.ecommerce-cms__button { border-radius: 5px; font-size: 16px; font-family: var(--bold); margin: 60px auto 0; display: block; }

.ecommerce-stage { width: 28%; margin-right: 30px; margin-bottom: 30px; }
.ecommerce-stage:not(:nth-child(3n-2)) { border-left: 1px solid #000; padding-left: 15px; }
.ecommerce-stage h3 { font-size: 20px; font-family: var(--bold); background: var(--accent); color: #fff; margin-bottom: 3px; padding: 3px 5px; width: max-content; }
.ecommerce-stage__days { font-size: 16px; color: var(--grey); margin-bottom: 15px; display: block; }
.ecommerce-stage__content { font-size: 16px; color: var(--grey); margin-bottom: 15px; color: #000 }
.ecommerce-stage__content p { margin-bottom: 10px; }
.ecommerce-stage__content li { color: #000; }
.ecommerce-stage--result { height: max-content; border: 3px var(--accent) solid !important; padding: 40px !important; }
.ecommerce-stage--result span { display: block; margin-bottom: 10px; font-family: var(--bold); }
.ecommerce-stage--result span:nth-child(2) { font-size: 18px; color: var(--grey); }
.ecommerce-stage--result span:last-child { font-size: 24px; color: #000; }
.ecommerce-stage--result h4 { font-size: 16px; font-family: var(--bold); margin-bottom: 20px; }


.steps-header { display: flex; position: relative; }
.steps-header__item { flex: 1 1; margin: 0 10px; text-align: center; display: flex; flex-direction: column; align-items: center; cursor: pointer; }
.steps-header__item span { 
  display: flex; 
  align-items: center; 
  justify-content: center; 
  margin-bottom: 10px; 
  background: #E5E5E5; 
  color: #000; 
  font-size: 18px; 
  border-radius: 50%; 
  height: 60px; 
  width: 60px; 
  transition: .2s;
}
.steps-header__item.active span { background: var(--accent); color: #fff; }
.steps-content__item { display: none }
.steps-content__item.active { display: block; }
.steps-line { border: 7px solid var(--accent); border-top: none; margin: 10px 10px 30px; height: 35px; position: relative; }
.steps-line__active { position: absolute; top: 11px; transition: .2s; }
.steps-content__item { background: var(--accent); color: #fff; text-align: center; padding: 30px 10px; width: 100%; margin 0 10px; transition: .2s; }
.steps-content__item p { max-width: 70%; display: block; margin: auto; }

.landing-items { padding-bottom: 20px; }
.landing-item { width: 25%; margin-bottom: 30px; padding-right: 15px; padding-left: 10px; position: relative; }
.landing-item:not(:nth-child(4n-3)):before { content: ''; height: 60px; width: 1px; background: #000; position: absolute; left: 0px; top: 0; display: block; }

.landing-card { width: 340px; margin: 10px 1%; background: var(--accent); padding: 40px 40px; display: flex; flex-direction: column; }
.landing-card__title { font-size: 20px; font-family: var(--bold); margin-bottom: 30px; color: #fff; }
.landing-card__desc { margin-bottom: 30px; color: #fff; flex: 1; font-size: 18px; }
.landing-card__image { max-width: 60px; }

.header-mobile .header-menu li { text-align: center; }

@media screen and (max-width: 1280px) {
  .header-logo { max-width: 180px; }
  .header-mobile .burger { width: 25px; }
  .header-mobile .close { width: 20px; }
  .header { padding: 15px 0; }
  .header-mobile-menu { top: 60px !important; }
  .header .header-menu li ul { position: relative; left: 0; transform: translateX(0); }
  .menu-item-has-children:after { content: url('../img/chevron.svg'); display: block; position: absolute; right: 0; top: 0; cursor: pointer; }
  .header-mobile .header-menu li { width: 100%; }
}

@media screen and (max-width: 1080px) {
  .steps-header { overflow-x: auto }
  .steps-header__item { min-width: 140px; margin: 0; }
  .steps-header__item p { font-size: 14px; }
  .steps-line__active { left: 50% !important; transform: translateX(-50%); }
  .steps-content__item p { max-width: 100%; }
}

@media screen and (max-width: 992px) {
  .company-steps { margin-top: 20px; }
  .company-function { width: 33%; }
  .ecommerce-step { width: calc(50% - 30px); }
  .ecommerce-step:before { content: none !important; }
  .ecommerce-cms__text { padding-left: 15px; margin-bottom: 20px; }
  .ecommerce-cms__image { display: flex; justify-content: center; }
  .ecommerce-cms__image img { width: 600px; max-width: 100%; }
  .ecommerce-stage { width: 48%; margin-right: 0; padding-left: 0 !important; padding-right: 15px; border-left: none !important; }
  .ecommerce-stage--result { padding: 20px !important; border-left: 3px solid var(--accent) !important; }
  .landing-item { width: 50%; padding-right: 0; }
  .landing-item:before { content: none !important; }
}

@media screen and (max-width: 700px) {
  .ecommerce-stage { width: 95%; padding-right: 0; }
}

@media screen and (max-width: 600px) {
  .company-step { max-width: 100%; }
  .company-step:last-child { margin-bottom: 0; }
  .company-step__number { font-size: 200px; top: 50px; }  
  .company-function { width: 50%; margin: 10px 0; }
  .ecommerce-step { width: 100%; margin: 0 0 20px; }
  .ecommerce-step--files { margin-bottom: 0; justify-content: space-around; }
  h2.title { font-size: 24px; margin-bottom: 30px; }
  .ecommerce-cms__text ul { margin-left: 0; }
  .landing-item { width: 100%; }
  .landing-card { padding: 40px 20px; }
}

@media screen and (max-width: 450px) {
  .company-function { width: 100%; }
}