@charset "UTF-8"; 
.mobile-menu { 
 position: fixed; 
 left: 0; 
 top: 0; 
 width: 100%; 
 z-index: 10; 
 display: none; 
 height: 55px; 
 line-height: 55px 
} 
 
.mobile-menu.fixed { 
 background-color: #373737 
} 
 
.mobile-menu-left { 
 position: absolute; 
 left: 15px; 
 top: 0 
} 
 
.mobile-menu-right { 
 position: absolute; 
 right: 15px; 
 top: 0 
} 
 
.fixed { 
 position: fixed 
} 
 
.top-nav { 
 position: absolute; 
 left: 0; 
 top: 0; 
 width: 100%; 
 z-index: 10; 
 padding: 19px 35px 26px 29px; 
 -webkit-transition: padding .3s linear, background-color .3s linear, box-shadow .3s linear; 
 transition: padding .3s linear, background-color .3s linear, box-shadow .3s linear 
} 
 
.top-nav.fixed { 
 position: fixed; 
 background-color: #fff; 
 box-shadow: 0 0 10px rgba(0, 0, 0, .1) 
} 
 
.top-nav-block { 
 position: relative; 
 color: #292929 
} 
 
.top-nav-block-left { 
 position: absolute; 
 left: 0; 
 padding-left: 77px; 
 z-index: 99999 
} 
 
.top-nav-block-center { 
 text-align: center; 
 padding-top: 8px; 
 margin-left: 6px 
} 
 
.top-nav-block-center .logo svg { 
 display: inline-block; 
 height: 25px; 
 width: auto; 
 position: relative; 
 top: -1px 
} 
 
.top-nav-block-center .logo svg .text { 
 -webkit-transition: fill .3s linear; 
 transition: fill .3s linear 
} 
 
.top-nav-block-center .logo:hover .text { 
 fill: #f4016c 
} 
 
.top-nav-block-right { 
 position: absolute; 
 top: 0; 
 right: 0; 
 padding-top: 1px 
} 
 
.top-nav-block-right-mobile { 
 display: none 
} 
 
.main-nav { 
 position: absolute; 
 left: 0; 
 top: 0; 
 width: 100%; 
 height: 100%; 
 position: fixed; 
 z-index: 9999; 
 background-color: rgba(255, 255, 255, .94); 
 opacity: 0; 
 color: #242424; 
 height: 100vh; 
 -webkit-transition: opacity .3s linear; 
 transition: opacity .3s linear; 
 pointer-events: none 
} 
 
.main-nav.opened { 
 opacity: 1; 
 pointer-events: auto 
} 
 
.main-nav-top { 
 padding-top: 19px; 
 padding-right: 20px; 
 position: absolute; 
 right: 0; 
 top: 0 
} 
 
.main-nav-bottom { 
 position: absolute; 
 left: 0; 
 bottom: 0; 
 width: 100%; 
 display: -webkit-flex; 
 display: -moz-flex; 
 display: -ms-flex; 
 display: -o-flex; 
 display: -webkit-box; 
 display: -ms-flexbox; 
 display: flex; 
 -webkit-flex-wrap: wrap; 
 -ms-flex-wrap: wrap; 
 flex-wrap: wrap; 
 -webkit-box-pack: justify; 
 -webkit-justify-content: space-between; 
 -ms-flex-pack: justify; 
 justify-content: space-between 
} 
 
.main-nav-bottom-left { 
 display: -webkit-flex; 
 display: -moz-flex; 
 display: -ms-flex; 
 display: -o-flex; 
 display: -webkit-box; 
 display: -ms-flexbox; 
 display: flex; 
 -webkit-flex-wrap: wrap; 
 -ms-flex-wrap: wrap; 
 flex-wrap: wrap; 
 -webkit-box-align: center; 
 -webkit-align-items: center; 
 -ms-flex-align: center; 
 align-items: center; 
 padding-left: 25px 
} 
 
.main-nav-bottom-left p { 
 margin-right: 10px 
} 
 
.main-nav-bottom-left .social-list ul { 
 text-align: right 
} 
 
.main-nav-bottom-left .social-list a { 
 font-size: 18px; 
 width: 27px 
} 
 
.main-nav-bottom-right { 
 text-align: right; 
 font-size: 12px; 
 padding-right: 22px; 
 padding-bottom: 14px; 
 line-height: 18px 
} 
 
.main-nav-section { 
 height: 100vh; 
 overflow-y: auto; 
 padding-top: 130px; 
 padding-bottom: 110px 
} 
 
.main-nav-block-pages { 
 font-weight: 700; 
 font-size: 18px; 
 position: relative; 
 padding-top: 20px; 
 width: 370px; 
 max-width: 100% 
} 
 
.main-nav-block-pages li.menu-item-has-children { 
 font-size: 24px; 
 position: relative 
} 
 
.main-nav-block-pages li.menu-item-has-children > a { 
 padding: 9px 10px; 
 position: relative 
} 
 
.main-nav-block-pages li.menu-item-has-children > a:after { 
 content: "\f0da"; 
 font-family: FontAwesome; 
 font-size: 21px; 
 margin-left: 11px; 
 position: absolute; 
 margin-top: 3px 
} 
 
.main-nav-block-pages li.menu-item-has-children.open-sub .sub-menu { 
 opacity: 1; 
 pointer-events: auto 
} 
 
.main-nav-block-pages a { 
 padding: 14px 10px; 
 display: inline-block; 
 position: relative 
} 
 
.main-nav-block-pages a:before { 
 content: ''; 
 position: absolute; 
 width: 100%; 
 top: 48%; 
 background-color: currentColor; 
 left: 0; 
 height: 2px; 
 -webkit-transition: -webkit-transform .3s linear; 
 transition: -webkit-transform .3s linear; 
 transition: transform .3s linear; 
 transition: transform .3s linear, -webkit-transform .3s linear; 
 -webkit-transform-origin: 0 50%; 
 -ms-transform-origin: 0 50%; 
 transform-origin: 0 50%; 
 -webkit-transform: scale(0); 
 -ms-transform: scale(0); 
 transform: scale(0) 
} 
 
.main-nav-block-pages a:hover { 
 color: #f4016c 
} 
 
.main-nav-block-pages a:hover:before { 
 -webkit-transform: scale(1); 
 -ms-transform: scale(1); 
 transform: scale(1) 
} 
 
.main-nav-block-pages .sub-menu { 
 opacity: 0; 
 pointer-events: none; 
 position: absolute; 
 left: 100%; 
 top: -75px; 
 font-size: 14px; 
 width: 300px; 
 font-weight: 500; 
 min-height: 300px; 
 -webkit-transition: opacity .3s linear; 
 transition: opacity .3s linear; 
 z-index: 1 
} 
 
.main-nav-block-pages .sub-menu:before { 
 content: ''; 
 position: absolute; 
 height: 100%; 
 width: 120px; 
 left: -120px; 
 top: 0 
} 
 
.main-nav-block-pages .sub-menu a { 
 padding: 12px 10px 
} 
 
.main-nav-block-pages .sub-menu a:before { 
 top: 51% 
} 
 
.fixed-controls { 
 position: fixed; 
 right: 20px; 
 top: 0; 
 height: 100%; 
 z-index: 9; 
 width: 63px; 
 pointer-events: none 
} 
 
.fixed-controls ul { 
 pointer-events: auto 
} 
 
.fixed-controls.disable-dots .dot { 
 pointer-events: none; 
 cursor: default 
} 
 
.fixed-controls .dot { 
 cursor: pointer; 
 border-radius: 50%; 
 overflow: hidden; 
 background-color: #e6e6e6; 
 width: 12px; 
 height: 12px; 
 margin-left: auto; 
 margin-right: auto; 
 margin-bottom: 32px; 
 -webkit-transition: all .3s linear; 
 transition: all .3s linear 
} 
 
.fixed-controls .dot:hover { 
 -webkit-transform: scale(1.1); 
 -ms-transform: scale(1.1); 
 transform: scale(1.1) 
} 
 
.fixed-controls .dot.current { 
 border-radius: 50%; 
 overflow: hidden; 
 background-color: #cdcdcd; 
 width: 25px; 
 height: 25px; 
 box-shadow: 3px 3px 5px rgba(0, 0, 0, .13) 
} 
 
.fixed-controls .dot:last-of-type { 
 margin-bottom: 0 
} 
 
.fixed-socials { 
 position: fixed; 
 z-index: 10; 
 bottom: 0; 
 right: 0; 
 padding: 25px 20px; 
 -webkit-transition: opacity .3s linear; 
 transition: opacity .3s linear 
} 
 
.fixed-socials.transparent { 
 opacity: .4 
} 
 
.fixed-socials.transparent:hover { 
 opacity: 1 
} 
 
.fixed-socials a { 
 display: block; 
 height: 30px; 
 line-height: 30px; 
 text-align: center; 
 width: 63px; 
 -webkit-transition: color .3s linear; 
 transition: color .3s linear 
} 
 
.fixed-socials a:hover { 
 color: #f4016c 
} 
 
.header-mockup-landing { 
 position: relative; 
 z-index: 1 
} 
 
.header-mockup-landing .shadow { 
 position: absolute; 
 bottom: -105px; 
 z-index: -1; 
 text-align: center; 
 margin-left: -15px; 
 margin-right: -15px; 
 opacity: .9 
} 
 
.header-mockup-internet { 
 position: relative 
} 
 
.header-mockup-internet .img img { 
 box-shadow: 0 18px 24px rgba(0, 0, 0, .1); 
 border-radius: 30px 
} 
 
.header-mockup-internet .img2 { 
 position: absolute; 
 right: -75px; 
 top: 83px 
} 
 
.header-mockup-internet .img-mobile { 
 display: none; 
 margin-left: -7% 
} 
 
.header-mockup-seo { 
 position: relative; 
 margin-right: 15px 
} 
 
.header-mockup-seo .img { 
 -webkit-filter: drop-shadow(0 23px 23px rgba(0, 0, 0, .1)); 
 filter: drop-shadow(0 23px 23px rgba(0, 0, 0, .1)) 
} 
 
.header-mockup-seo .img-mobile { 
 display: none; 
 -webkit-filter: drop-shadow(0 34px 16px rgba(0, 0, 0, .05)); 
 filter: drop-shadow(0 34px 16px rgba(0, 0, 0, .05)) 
} 
 
.header-mockup-seo .header-main-projects { 
 position: absolute; 
 left: 210px 
} 
 
.thanks-mockup { 
 position: relative; 
 width: 337px; 
 height: 360px; 
 pointer-events: none 
} 
 
.thanks-mockup .img { 
 position: absolute 
} 
 
.thanks-mockup .img-mobile { 
 position: static; 
 box-sizing: content-box 
} 
 
.thanks-mockup .img-mobile img { 
 max-width: 100% 
} 
 
.thanks-mockup .img img { 
 max-width: none 
} 
 
.thanks-mockup .img1 { 
 top: -50px; 
 left: -24px 
} 
 
.thanks-mockup .img2 { 
 left: 0; 
 top: 120px 
} 
 
.thanks-mockup .img3 { 
 top: 210px; 
 left: 204px 
} 
 
.header { 
 position: relative 
} 
 
.header-socials { 
 position: absolute; 
 bottom: 0; 
 right: 0; 
 padding: 25px 20px 
} 
 
.header-socials a { 
 display: block; 
 height: 30px; 
 line-height: 30px; 
 text-align: center; 
 width: 63px; 
 -webkit-transition: color .3s linear; 
 transition: color .3s linear 
} 
 
.header-socials a:hover { 
 color: #f4016c 
} 
 
.header-main { 
 background-color: #f7f7f7; 
 z-index: 1; 
 position: relative 
} 
 
.header-main:before { 
 content: ''; 
 position: absolute; 
 right: 100%; 
 top: 0; 
 width: 200%; 
 height: 100%; 
 z-index: -1; 
 background: #f5f5f5; 
 background: -webkit-gradient(linear, left top, right top, from(#f5dede), color-stop(50%, #f5f5f5), to(#f7f7f7)); 
 background: linear-gradient(to right, #f5dede 0, #f5f5f5 50%, #f7f7f7 100%); 
 -webkit-animation: translateGrd 2s 1 linear; 
 animation: translateGrd 2s 1 linear; 
 -webkit-animation-fill-mode: forwards; 
 animation-fill-mode: forwards; 
 -webkit-animation-delay: .2s; 
 animation-delay: .2s 
} 
 
.header-main-wrap.visible .header-main-block .btn, .header-main-wrap.visible .header-main-block .el2, .header-main-wrap.visible .header-main-block .h1 span, .header-main-wrap.visible .header-main-block .text { 
 opacity: 1; 
 -webkit-transform: translateY(0); 
 -ms-transform: translateY(0); 
 transform: translateY(0) 
} 
 
.header-main-block { 
 min-height: 641px; 
 position: relative; 
 display: -webkit-flex; 
 display: -moz-flex; 
 display: -ms-flex; 
 display: -o-flex; 
 display: -webkit-box; 
 display: -ms-flexbox; 
 display: flex; 
 -webkit-flex-wrap: wrap; 
 -ms-flex-wrap: wrap; 
 flex-wrap: wrap; 
 -webkit-box-pack: end; 
 -webkit-justify-content: flex-end; 
 -ms-flex-pack: end; 
 justify-content: flex-end; 
 height: 100vh; 
 -webkit-box-align: center; 
 -webkit-align-items: center; 
 -ms-flex-align: center; 
 align-items: center; 
 padding-top: 49px 
} 
 
.header-main-block .elements .img { 
 position: relative 
} 
 
.header-main-block .elements .el1 { 
 top: 270px; 
 left: 520px; 
 top: -webkit-calc(50% - 230px); 
 top: calc(50% - 230px) 
} 
 
.header-main-block .elements .el2 { 
 opacity: 0; 
 -webkit-transform: translateY(100px); 
 -ms-transform: translateY(100px); 
 transform: translateY(100px); 
 -webkit-transition: opacity 1s linear, -webkit-transform 1s linear; 
 transition: opacity 1s linear, -webkit-transform 1s linear; 
 transition: transform 1s linear, opacity 1s linear; 
 transition: transform 1s linear, opacity 1s linear, -webkit-transform 1s linear; 
 -webkit-transition-timing-function: ease; 
 transition-timing-function: ease; 
 -webkit-transition-delay: .3s; 
 transition-delay: .3s; 
 top: 200px; 
 left: -45px; 
 top: -webkit-calc(50% - 290px); 
 top: calc(50% - 290px) 
} 
 
.header-main-block .elements .el3 { 
 display: none; 
 width: 123px; 
 left: -20px; 
 top: 82px 
} 
 
.header-main-block-content { 
 width: 500px; 
 max-width: 100%; 
 color: #1f1f1f 
} 
 
.header-main-block-content .text { 
 margin-bottom: 5px; 
 opacity: 0; 
 -webkit-transform: translateY(60px); 
 -ms-transform: translateY(60px); 
 transform: translateY(60px); 
 -webkit-transition: opacity .7s linear, -webkit-transform .7s linear; 
 transition: opacity .7s linear, -webkit-transform .7s linear; 
 transition: transform .7s linear, opacity .7s linear; 
 transition: transform .7s linear, opacity .7s linear, -webkit-transform .7s linear; 
 -webkit-transition-timing-function: ease; 
 transition-timing-function: ease; 
 -webkit-transition-delay: .2s; 
 transition-delay: .2s 
} 
 
.header-main-block-content .h1 { 
 font-weight: 700; 
 text-transform: uppercase; 
 line-height: 60px; 
 margin-bottom: 12px; 
 word-spacing: -11px 
} 
 
.header-main-block-content .h1 span { 
 display: inline-block 
} 
 
.header-main-block-content .h1 span:nth-of-type(1) { 
 opacity: 0; 
 -webkit-transform: translateY(40px); 
 -ms-transform: translateY(40px); 
 transform: translateY(40px); 
 -webkit-transition: opacity .7s linear, -webkit-transform .7s linear; 
 transition: opacity .7s linear, -webkit-transform .7s linear; 
 transition: transform .7s linear, opacity .7s linear; 
 transition: transform .7s linear, opacity .7s linear, -webkit-transform .7s linear; 
 -webkit-transition-timing-function: ease; 
 transition-timing-function: ease; 
 -webkit-transition-delay: .4s; 
 transition-delay: .4s 
} 
 
.header-main-block-content .h1 span:nth-of-type(2) { 
 opacity: 0; 
 -webkit-transform: translateY(35px); 
 -ms-transform: translateY(35px); 
 transform: translateY(35px); 
 -webkit-transition: opacity .7s linear, -webkit-transform .7s linear; 
 transition: opacity .7s linear, -webkit-transform .7s linear; 
 transition: transform .7s linear, opacity .7s linear; 
 transition: transform .7s linear, opacity .7s linear, -webkit-transform .7s linear; 
 -webkit-transition-timing-function: ease; 
 transition-timing-function: ease; 
 -webkit-transition-delay: .5s; 
 transition-delay: .5s 
} 
 
.header-main-block-content .h1 span:nth-of-type(3) { 
 opacity: 0; 
 -webkit-transform: translateY(30px); 
 -ms-transform: translateY(30px); 
 transform: translateY(30px); 
 -webkit-transition: opacity .7s linear, -webkit-transform .7s linear; 
 transition: opacity .7s linear, -webkit-transform .7s linear; 
 transition: transform .7s linear, opacity .7s linear; 
 transition: transform .7s linear, opacity .7s linear, -webkit-transform .7s linear; 
 -webkit-transition-timing-function: ease; 
 transition-timing-function: ease; 
 -webkit-transition-delay: .6s; 
 transition-delay: .6s 
} 
 
.header-main-block-content .btn { 
 opacity: 0; 
 -webkit-transform: translateY(10px); 
 -ms-transform: translateY(10px); 
 transform: translateY(10px); 
 -webkit-transition: opacity .7s linear, -webkit-transform .7s linear; 
 transition: opacity .7s linear, -webkit-transform .7s linear; 
 transition: transform .7s linear, opacity .7s linear; 
 transition: transform .7s linear, opacity .7s linear, -webkit-transform .7s linear; 
 -webkit-transition-timing-function: ease; 
 transition-timing-function: ease; 
 -webkit-transition-delay: .8s; 
 transition-delay: .8s 
} 
 
.header-main-projects { 
 position: absolute; 
 left: 0; 
 bottom: 0; 
 font-size: 1.5em; 
 padding: 27px; 
 color: #000 
} 
 
.header-main-projects a { 
 display: block; 
 -webkit-transition: color .3s linear; 
 transition: color .3s linear 
} 
 
.header-main-projects a:hover { 
 color: #f4016c 
} 
 
.header-main-projects span { 
 display: block; 
 font-weight: 700; 
 margin-bottom: 2px 
} 
 
.header-sites { 
 z-index: 1; 
 background-color: #fff 
} 
 
.header-sites-block { 
 min-height: 641px; 
 height: 100vh; 
 display: -webkit-flex; 
 display: -moz-flex; 
 display: -ms-flex; 
 display: -o-flex; 
 display: -webkit-box; 
 display: -ms-flexbox; 
 display: flex; 
 -webkit-flex-wrap: wrap; 
 -ms-flex-wrap: wrap; 
 flex-wrap: wrap; 
 -webkit-box-align: center; 
 -webkit-align-items: center; 
 -ms-flex-align: center; 
 align-items: center; 
 -webkit-box-pack: justify; 
 -webkit-justify-content: space-between; 
 -ms-flex-pack: justify; 
 justify-content: space-between 
} 
 
.header-sites-block-left { 
 width: 460px; 
 max-width: 100% 
} 
 
.header-sites-block-left .breadcrumbs { 
 position: absolute; 
 display: -webkit-flex; 
 display: -moz-flex; 
 display: -ms-flex; 
 display: -o-flex; 
 display: -webkit-box; 
 display: -ms-flexbox; 
 display: flex; 
 -webkit-flex-wrap: wrap; 
 -ms-flex-wrap: wrap; 
 flex-wrap: wrap; 
 -webkit-box-pack: center; 
 -webkit-justify-content: center; 
 -ms-flex-pack: center; 
 justify-content: center; 
 top: 85px 
} 
 
.header-sites-block-left-titles .h2 { 
 font-weight: 700; 
 margin-bottom: 18px 
} 
 
.header-sites-block-left-titles .fz18 { 
 margin-bottom: 18px; 
 text-transform: none 
} 
 
.header-sites-block-left p { 
 font-size: .875em; 
 line-height: 21px; 
 margin-bottom: 9px 
} 
 
.header-sites-block-left .btn { 
 margin-top: 15px 
} 
 
.header-seo { 
 z-index: 2; 
 overflow: hidden; 
 position: relative 
} 
 
.header-seo:after { 
 content: ''; 
 position: absolute; 
 bottom: 0; 
 left: 0; 
 width: 100%; 
 background-color: #f8f8f8; 
 height: 374px; 
 min-height: 374px; 
 z-index: -1; 
 top: -webkit-calc(50% - 64px); 
 top: calc(50% - 64px); 
 bottom: auto; 
 height: 10000px 
} 
 
.header-seo .elements { 
 font-weight: 700; 
 text-transform: uppercase 
} 
 
.header-seo .elements .el1 { 
 font-size: 153px; 
 color: #f8f8f8; 
 left: -10px; 
 top: 120px; 
 z-index: -1; 
 top: -webkit-calc(50% - 210px); 
 top: calc(50% - 210px) 
} 
 
.header-seo .elements .el2 { 
 font-size: 71px; 
 color: #fff; 
 left: -10px; 
 bottom: 80px; 
 letter-spacing: 6px; 
 bottom: -webkit-calc(50% - 240px); 
 bottom: calc(50% - 240px) 
} 
 
.header-seo .header-sites-block { 
 position: relative 
} 
 
.header-seo .header-sites-block-left { 
 margin-top: 10px 
} 
 
.header-seo .header-sites-block-left-text { 
 min-height: 0 
} 
 
.header-portfolio { 
 text-align: center; 
 padding-top: 85px 
} 
 
.header-portfolio-block-bc { 
 text-align: left; 
 margin-bottom: 26px 
} 
 
.header-portfolio-block-bc .breadcrumbs { 
 display: inline-block 
} 
 
.header-portfolio-block .h2 { 
 font-weight: 700; 
 margin-bottom: 20px 
} 
 
.header-portfolio-block p { 
 font-size: .875em; 
 width: 450px; 
 max-width: 100%; 
 margin-left: auto; 
 margin-right: auto; 
 line-height: 18px 
} 
 
.header-portfolio-block-cat { 
 margin-top: 51px; 
 color: #333 
} 
 
.header-portfolio-block-cat ul { 
 display: -webkit-flex; 
 display: -moz-flex; 
 display: -ms-flex; 
 display: -o-flex; 
 display: -webkit-box; 
 display: -ms-flexbox; 
 display: flex; 
 -webkit-flex-wrap: wrap; 
 -ms-flex-wrap: wrap; 
 flex-wrap: wrap; 
 -webkit-box-pack: center; 
 -webkit-justify-content: center; 
 -ms-flex-pack: center; 
 justify-content: center 
} 
 
.header-portfolio-block-cat li.current { 
 font-weight: 700; 
 color: #ff0094 
} 
 
.header-portfolio-block-cat li.current a:before { 
 opacity: 1; 
 -webkit-transform: scale(1); 
 -ms-transform: scale(1); 
 transform: scale(1) 
} 
 
.header-portfolio-block-cat a { 
 display: block; 
 line-height: 44px; 
 padding: 0 23px; 
 font-size: 14px; 
 position: relative 
} 
 
.header-portfolio-block-cat a:before { 
 content: ''; 
 position: absolute; 
 bottom: 0; 
 left: 0; 
 width: 100%; 
 height: 3px; 
 background-color: #ff0094; 
 opacity: 0; 
 -webkit-transform: scale(0, 1) rotate(10deg) translateY(-50px); 
 -ms-transform: scale(0, 1) rotate(10deg) translateY(-50px); 
 transform: scale(0, 1) rotate(10deg) translateY(-50px); 
 -webkit-transition: opacity .3s linear, -webkit-transform .3s linear; 
 transition: opacity .3s linear, -webkit-transform .3s linear; 
 transition: transform .3s linear, opacity .3s linear; 
 transition: transform .3s linear, opacity .3s linear, -webkit-transform .3s linear 
} 
 
.header-portfolio-block-cat a:hover { 
 color: #ff0094 
} 
 
.header-portfolio-block-cat a:hover:before { 
 -webkit-transform: scale(1); 
 -ms-transform: scale(1); 
 transform: scale(1); 
 opacity: .5 
} 
 
.header-portfolio-block-cat-mobile { 
 display: none 
} 
 
.header-work { 
 padding-top: 85px 
} 
 
.header-work .breadcrumbs { 
 display: inline-block; 
 margin-bottom: 27px 
} 
 
.header-work-block { 
 display: -webkit-flex; 
 display: -moz-flex; 
 display: -ms-flex; 
 display: -o-flex; 
 display: -webkit-box; 
 display: -ms-flexbox; 
 display: flex; 
 -webkit-flex-wrap: wrap; 
 -ms-flex-wrap: wrap; 
 flex-wrap: wrap; 
 -webkit-box-pack: justify; 
 -webkit-justify-content: space-between; 
 -ms-flex-pack: justify; 
 justify-content: space-between 
} 
 
.header-work-block-left { 
 width: 49% 
} 
 
.header-work-block-left .h1 { 
 font-weight: 700 
} 
 
.header-work-block-right { 
 color: #303030; 
 width: 51%; 
 font-size: .875em; 
 padding-top: 11px; 
 line-height: 24px 
} 
 
.header-work-block-right li { 
 margin-bottom: 14px 
} 
 
.header-work-block-right li span { 
 font-weight: 700 
} 
 
.header-work-block-right a { 
 color: #001ca7; 
 text-decoration: underline; 
 -webkit-transition: color .3s linear; 
 transition: color .3s linear 
} 
 
.header-work-block-right a:hover { 
 color: #f4016c 
} 
 
.header-blog { 
 text-align: center; 
 padding-top: 85px; 
 padding-bottom: 50px 
} 
 
.header-blog-block-bc { 
 margin-bottom: 28px; 
 text-align: left 
} 
 
.header-blog-block-bc .breadcrumbs { 
 display: inline-block 
} 
 
.header-blog-block .h1 { 
 font-weight: 700 
} 
 
.header-blog-block .text { 
 width: 500px; 
 max-width: 100%; 
 margin-left: auto; 
 margin-right: auto 
} 
 
.header-blog-block-mobile { 
 display: none 
} 
 
.header-single { 
 text-align: center; 
 padding-top: 85px; 
 padding-bottom: 43px 
} 
 
.header-single-block { 
 width: 945px; 
 max-width: 100%; 
 margin-left: auto; 
 margin-right: auto 
} 
 
.header-single-block-bc { 
 text-align: left; 
 margin-bottom: 25px 
} 
 
.header-single-block-bc .breadcrumbs { 
 display: inline-block 
} 
 
.header-single-block-bc .breadcrumbs ul { 
 -webkit-box-pack: center; 
 -webkit-justify-content: center; 
 -ms-flex-pack: center; 
 justify-content: center 
} 
 
.header-single-block-mobile-thumb { 
 display: none; 
 margin-bottom: 20px 
} 
 
.header-single-block .h1 { 
 font-weight: 700; 
 margin-bottom: 41px; 
 width: 520px; 
 max-width: 100%; 
 margin-left: auto; 
 margin-right: auto 
} 
 
.header-single-block .stats { 
 color: #a9a9a9 
} 
 
.header-single-block .stats > div { 
 margin: 0 14px 
} 
 
.header-single-block .stats > div:last-of-type { 
 margin-right: 0 
} 
 
.header-single-block .stats .likes:before, .header-single-block .stats .views:before { 
 position: relative; 
 top: 1px 
} 
 
.header-single-block .stats .likes:after, .header-single-block .stats .views:after { 
 top: 1px 
} 
 
.header-single-block .stats .likes { 
 display: block 
} 
 
.header-single-block .stats .likes:after { 
 color: #ff0075 
} 
 
.header-reviews { 
 text-align: center; 
 padding-top: 85px; 
 padding-bottom: 62px 
} 
 
.header-reviews-block-bc { 
 text-align: left; 
 margin-bottom: 25px 
} 
 
.header-reviews-block-bc .breadcrumbs { 
 display: inline-block 
} 
 
.header-reviews-block .h2 { 
 font-weight: 700; 
 margin-bottom: 20px 
} 
 
.header-reviews-block .h6 { 
 width: 470px; 
 max-width: 100%; 
 margin-left: auto; 
 margin-right: auto 
} 
 
.header-about { 
 background-color: #f7f7f7; 
 color: #303030 
} 
 
.header-about-block { 
 height: 100vh; 
 min-height: 641px; 
 padding-top: 220px; 
 position: relative; 
 z-index: 1 
} 
 
.header-about-block .elements { 
 color: #fff; 
 text-transform: uppercase; 
 z-index: -1; 
 font-weight: 700 
} 
 
.header-about-block .elements .el1 { 
 font-size: 314px; 
 letter-spacing: 21px; 
 top: 60px; 
 left: -10px 
} 
 
.header-about-block .elements .el2 { 
 font-size: 42px; 
 top: 390px; 
 letter-spacing: 9.2px; 
 white-space: nowrap 
} 
 
.header-about-block .elements .el3 { 
 top: 192px; 
 right: 50px 
} 
 
.header-about-block-top { 
 text-align: center 
} 
 
.header-about-block-top .fz44 { 
 margin-bottom: 18px 
} 
 
.header-about-block-top .text { 
 width: 640px; 
 max-width: 100%; 
 margin-left: auto; 
 margin-right: auto 
} 
 
.header-about-block-bottom { 
 position: absolute; 
 left: 0; 
 width: 100%; 
 bottom: 0; 
 height: 190px 
} 
 
.header-about-block-bottom ol { 
 list-style-type: none; 
 counter-reset: about; 
 display: -webkit-flex; 
 display: -moz-flex; 
 display: -ms-flex; 
 display: -o-flex; 
 display: -webkit-box; 
 display: -ms-flexbox; 
 display: flex 
} 
 
.header-about-block-bottom li { 
 padding-right: 69px; 
 counter-increment: about 
} 
 
.header-about-block-bottom li:last-of-type { 
 padding-right: 0 
} 
 
.header-about-block-bottom li:before { 
 content: "№" counter(about); 
 color: #ff006f; 
 font-weight: 700; 
 font-size: 21px; 
 display: block; 
 margin-bottom: 5px 
} 
 
.header-about-block-bottom .h4 { 
 font-weight: 700; 
 text-transform: uppercase; 
 margin-bottom: 5px 
} 
 
.header-about-block-bottom .desc { 
 color: #414141; 
 font-size: .625em; 
 font-weight: 600; 
 padding-right: 20px 
} 
 
.header-plug { 
 min-height: 600px; 
 height: 100vh; 
 display: -webkit-flex; 
 display: -moz-flex; 
 display: -ms-flex; 
 display: -o-flex; 
 display: -webkit-box; 
 display: -ms-flexbox; 
 display: flex; 
 -webkit-flex-wrap: wrap; 
 -ms-flex-wrap: wrap; 
 flex-wrap: wrap; 
 -webkit-box-align: center; 
 -webkit-align-items: center; 
 -ms-flex-align: center; 
 align-items: center 
} 
 
.header-plug.visible .header-main-projects { 
 opacity: 1; 
 -webkit-transform: translateY(0); 
 -ms-transform: translateY(0); 
 transform: translateY(0) 
} 
 
.header-plug.visible .header-plug-block-right .btn, .header-plug.visible .header-plug-block-right .desc, .header-plug.visible .header-plug-block-right .h2, .header-plug.visible .header-plug-block-right .img, .header-plug.visible .header-plug-block-right p { 
 opacity: 1; 
 -webkit-transform: translateY(0); 
 -ms-transform: translateY(0); 
 transform: translateY(0) 
} 
 
.header-plug .breadcrumbs { 
 position: absolute; 
 top: 85px; 
 left: -webkit-calc(50% + 11px); 
 left: calc(50% + 11px); 
 z-index: 2 
} 
 
.header-plug-block { 
 min-height: 517px; 
 padding-bottom: 23px; 
 padding-right: 8px; 
 overflow: hidden; 
 position: relative; 
 display: -webkit-flex; 
 display: -moz-flex; 
 display: -ms-flex; 
 display: -o-flex; 
 display: -webkit-box; 
 display: -ms-flexbox; 
 display: flex; 
 -webkit-flex-wrap: wrap; 
 -ms-flex-wrap: wrap; 
 flex-wrap: wrap; 
 -webkit-box-align: center; 
 -webkit-align-items: center; 
 -ms-flex-align: center; 
 align-items: center; 
 -webkit-box-pack: end; 
 -webkit-justify-content: flex-end; 
 -ms-flex-pack: end; 
 justify-content: flex-end 
} 
 
.header-plug-block-right { 
 width: 550px; 
 max-width: 100%; 
 margin-top: 20px 
} 
 
.header-plug-block-right .h2 { 
 font-weight: 700; 
 margin-bottom: 10px; 
 opacity: 0; 
 -webkit-transform: translateY(60px); 
 -ms-transform: translateY(60px); 
 transform: translateY(60px); 
 -webkit-transition: opacity .7s linear, -webkit-transform .7s linear; 
 transition: opacity .7s linear, -webkit-transform .7s linear; 
 transition: transform .7s linear, opacity .7s linear; 
 transition: transform .7s linear, opacity .7s linear, -webkit-transform .7s linear; 
 -webkit-transition-timing-function: ease; 
 transition-timing-function: ease; 
 -webkit-transition-delay: .2s; 
 transition-delay: .2s 
} 
 
.header-plug-block-right p { 
 font-weight: 700; 
 margin-bottom: 20px; 
 text-transform: uppercase; 
 opacity: 0; 
 -webkit-transform: translateY(40px); 
 -ms-transform: translateY(40px); 
 transform: translateY(40px); 
 -webkit-transition: opacity .7s linear, -webkit-transform .7s linear; 
 transition: opacity .7s linear, -webkit-transform .7s linear; 
 transition: transform .7s linear, opacity .7s linear; 
 transition: transform .7s linear, opacity .7s linear, -webkit-transform .7s linear; 
 -webkit-transition-timing-function: ease; 
 transition-timing-function: ease; 
 -webkit-transition-delay: .4s; 
 transition-delay: .4s 
} 
 
.header-plug-block-right .desc { 
 font-size: .875em; 
 line-height: 1.41; 
 opacity: 0; 
 -webkit-transform: translateY(35px); 
 -ms-transform: translateY(35px); 
 transform: translateY(35px); 
 -webkit-transition: opacity .7s linear, -webkit-transform .7s linear; 
 transition: opacity .7s linear, -webkit-transform .7s linear; 
 transition: transform .7s linear, opacity .7s linear; 
 transition: transform .7s linear, opacity .7s linear, -webkit-transform .7s linear; 
 -webkit-transition-timing-function: ease; 
 transition-timing-function: ease; 
 -webkit-transition-delay: .5s; 
 transition-delay: .5s 
} 
 
.header-plug-block-right .desc:after { 
 content: ''; 
 position: absolute; 
 top: 135%; 
 top: -webkit-calc(100% + 20px); 
 top: calc(100% + 20px); 
 right: -33px; 
 width: 2000px; 
 height: 500px; 
 background-color: #f3f3f3 
} 
 
.header-plug-block-right .img { 
 position: absolute; 
 left: 0; 
 top: 0; 
 height: 100%; 
 width: 612px; 
 padding-left: 0; 
 text-align: center; 
 -webkit-box-pack: center; 
 -webkit-justify-content: center; 
 -ms-flex-pack: center; 
 justify-content: center; 
 display: -webkit-flex; 
 display: -moz-flex; 
 display: -ms-flex; 
 display: -o-flex; 
 display: -webkit-box; 
 display: -ms-flexbox; 
 display: flex; 
 -webkit-flex-wrap: wrap; 
 -ms-flex-wrap: wrap; 
 flex-wrap: wrap; 
 -webkit-box-align: center; 
 -webkit-align-items: center; 
 -ms-flex-align: center; 
 align-items: center; 
 padding-bottom: 30px; 
 -webkit-backface-visibility: hidden; 
 backface-visibility: hidden; 
 opacity: 0; 
 -webkit-transform: translateY(40px); 
 -ms-transform: translateY(40px); 
 transform: translateY(40px); 
 -webkit-transition: opacity .7s linear, -webkit-transform .7s linear; 
 transition: opacity .7s linear, -webkit-transform .7s linear; 
 transition: transform .7s linear, opacity .7s linear; 
 transition: transform .7s linear, opacity .7s linear, -webkit-transform .7s linear; 
 -webkit-transition-timing-function: ease; 
 transition-timing-function: ease; 
 -webkit-transition-delay: 0s; 
 transition-delay: 0s 
} 
 
.header-plug-block-right .img img { 
 max-width: 430px; 
 max-height: 430px; 
 image-rendering: optimizequality; 
 image-rendering: -webkit-optimize-contrast 
} 
 
.header-plug-block-right .btn { 
 margin-top: 50px; 
 opacity: 0; 
 -webkit-transform: translateY(30px); 
 -ms-transform: translateY(30px); 
 transform: translateY(30px); 
 -webkit-transition: opacity .7s linear, -webkit-transform .7s linear; 
 transition: opacity .7s linear, -webkit-transform .7s linear; 
 transition: transform .7s linear, opacity .7s linear; 
 transition: transform .7s linear, opacity .7s linear, -webkit-transform .7s linear; 
 -webkit-transition-timing-function: ease; 
 transition-timing-function: ease; 
 -webkit-transition-delay: .6s; 
 transition-delay: .6s 
} 
 
.header-plug-block .header-main-projects { 
 opacity: 0; 
 -webkit-transform: translateY(30px); 
 -ms-transform: translateY(30px); 
 transform: translateY(30px); 
 -webkit-transition: opacity .7s linear, -webkit-transform .7s linear; 
 transition: opacity .7s linear, -webkit-transform .7s linear; 
 transition: transform .7s linear, opacity .7s linear; 
 transition: transform .7s linear, opacity .7s linear, -webkit-transform .7s linear; 
 -webkit-transition-timing-function: ease; 
 transition-timing-function: ease; 
 -webkit-transition-delay: .8s; 
 transition-delay: .8s 
} 
 
.light { 
 font-weight: 300 
} 
 
.regular { 
 font-weight: 500 
} 
 
.semibold { 
 font-weight: 600 
} 
 
.bold { 
 font-weight: 700 
} 
 
.black { 
 color: #000 
} 
 
.accent { 
 color: #f4016c 
} 
 
.white { 
 color: #fff 
} 
 
.white-bg { 
 background-color: #fff 
} 
 
.accent-bg { 
 background-color: #f4016c 
} 
 
.ttu { 
 text-transform: uppercase 
} 
 
.tal { 
 text-align: left 
} 
 
.tac { 
 text-align: center 
} 
 
.tar { 
 text-align: right 
} 
 
.round { 
 border-radius: 50% 
} 
 
.dib { 
 display: inline-block 
} 
 
.fll { 
 float: left 
} 
 
.flr { 
 float: right 
} 
 
.fln { 
 float: none 
} 
 
.vca { 
 display: -webkit-flex; 
 display: -moz-flex; 
 display: -ms-flex; 
 display: -o-flex; 
 display: -webkit-box; 
 display: -ms-flexbox; 
 display: flex; 
 -webkit-flex-wrap: wrap; 
 -ms-flex-wrap: wrap; 
 flex-wrap: wrap; 
 -webkit-box-pack: center; 
 -webkit-justify-content: center; 
 -ms-flex-pack: center; 
 justify-content: center; 
 -webkit-box-align: center; 
 -webkit-align-items: center; 
 -ms-flex-align: center; 
 align-items: center 
} 
 
.--mobile { 
 display: none 
} 
 
.blur { 
 -webkit-filter: blur(8px); 
 filter: blur(8px) 
} 
 
.lock-body { 
 overflow: hidden 
} 
 
.tabs-content li, .tabs-panel li { 
 list-style-type: none 
} 
 
a.btn { 
 display: inline-block; 
 color: #fff 
} 
 
.tel { 
 font-size: .875em; 
 -webkit-transition: color .3s linear; 
 transition: color .3s linear 
} 
 
.tel:hover { 
 color: #f4016c 
} 
 
.btn { 
 line-height: 46px; 
 border-radius: 46px; 
 box-shadow: 5px 5px 16px rgba(0, 0, 0, .27); 
 overflow: hidden; 
 z-index: 1; 
 color: #fff; 
 font-weight: 600; 
 vertical-align: top; 
 font-size: .875em; 
 padding: 0 38px; 
 text-align: center; 
 min-width: 165px; 
 -webkit-backface-visibility: visible; 
 backface-visibility: visible; 
 position: relative 
} 
 
.btn:before { 
 content: ''; 
 position: absolute; 
 width: 205%; 
 height: 105%; 
 left: -2.5%; 
 top: -2.5%; 
 background: #e80248; 
 background: -webkit-gradient(linear, left top, right top, from(#ff0090), color-stop(50%, #e80248), to(#ff0090)); 
 background: linear-gradient(to right, #ff0090 0, #e80248 50%, #ff0090 100%); 
 z-index: -1; 
 -webkit-transition: left .3s linear; 
 transition: left .3s linear; 
 -webkit-backface-visibility: visible; 
 backface-visibility: visible 
} 
 
.btn:hover:before { 
 left: -102% 
} 
 
.btn-menu { 
 position: absolute; 
 left: 30px; 
 padding-top: 5px; 
 top: 23px; 
 z-index: 99999; 
 padding-bottom: 5px; 
 -webkit-transition: top .3s linear, -webkit-transform .3s linear; 
 transition: top .3s linear, -webkit-transform .3s linear; 
 transition: top .3s linear, transform .3s linear; 
 transition: top .3s linear, transform .3s linear, -webkit-transform .3s linear 
} 
 
.btn-menu.fixed { 
 -webkit-transform: translateY(0); 
 -ms-transform: translateY(0); 
 transform: translateY(0); 
 position: fixed 
} 
 
.btn-menu span { 
 display: inline-block; 
 text-transform: uppercase; 
 font-size: 12px; 
 -webkit-transition: -webkit-transform .3s linear; 
 transition: -webkit-transform .3s linear; 
 transition: transform .3s linear; 
 transition: transform .3s linear, -webkit-transform .3s linear; 
 -webkit-transform-origin: 0 50%; 
 -ms-transform-origin: 0 50%; 
 transform-origin: 0 50%; 
 -webkit-transform: scale(0); 
 -ms-transform: scale(0); 
 transform: scale(0) 
} 
 
.btn-menu.opened .menu-icon { 
 width: 0 !important; 
 margin-right: 34px 
} 
 
.btn-menu.opened .menu-icon:before { 
 -webkit-transform: rotate(-45deg); 
 -ms-transform: rotate(-45deg); 
 transform: rotate(-45deg); 
 top: 0 
} 
 
.btn-menu.opened .menu-icon:after { 
 -webkit-transform: rotate(45deg); 
 -ms-transform: rotate(45deg); 
 transform: rotate(45deg); 
 bottom: 0 
} 
 
.btn-menu.opened span { 
 -webkit-transform: scale(1); 
 -ms-transform: scale(1); 
 transform: scale(1) 
} 
 
.btn-request-footer { 
 background-color: transparent; 
 font-weight: 700; 
 color: #ff006c; 
 position: relative 
} 
 
.btn-request-footer:before { 
 content: ''; 
 position: absolute; 
 height: 1px; 
 width: 100%; 
 left: 0; 
 bottom: 1px; 
 background-color: #ffd4e0; 
 -webkit-transition: -webkit-transform .3s linear; 
 transition: -webkit-transform .3s linear; 
 transition: transform .3s linear; 
 transition: transform .3s linear, -webkit-transform .3s linear 
} 
 
.btn-request-footer:hover:before { 
 -webkit-transform: scale(.8, 1); 
 -ms-transform: scale(.8, 1); 
 transform: scale(.8, 1) 
} 
 
.btn-recall-fixed, .btn-recall-fixed-mobile { 
 cursor: pointer; 
 position: relative; 
 width: 63px; 
 height: 63px; 
 margin-top: -2px; 
 margin-bottom: 20px 
} 
 
.btn-recall-fixed-mobile, .btn-recall-fixed-mobile-mobile { 
 position: fixed; 
 right: 10px; 
 bottom: 20px; 
 z-index: 999; 
 width: 57px; 
 height: 57px; 
 margin: 0 
} 
 
.btn-recall-fixed-mobile .btn-recall-fixed-icon, .btn-recall-fixed-mobile-mobile .btn-recall-fixed-icon { 
 width: 41px; 
 height: 41px; 
 line-height: 41px 
} 
 
.btn-recall-fixed-mobile .btn-recall-fixed-add-bg:before, .btn-recall-fixed-mobile-mobile .btn-recall-fixed-add-bg:before { 
 width: 57px; 
 height: 57px 
} 
 
.btn-recall-fixed-mobile .btn-recall-fixed-add-bg:after, .btn-recall-fixed-mobile-mobile .btn-recall-fixed-add-bg:after { 
 width: 48px; 
 height: 48px 
} 
 
.btn-recall-fixed-icon, .btn-recall-fixed-mobile-icon { 
 border-radius: 50%; 
 overflow: hidden; 
 background-color: #ff0073; 
 width: 45px; 
 height: 45px; 
 color: #fff; 
 text-align: center; 
 line-height: 45px; 
 font-size: 20px; 
 position: absolute; 
 left: 0; 
 right: 0; 
 top: 0; 
 bottom: 0; 
 margin: auto 
} 
 
.btn-recall-fixed-icon .fa, .btn-recall-fixed-mobile-icon .fa { 
 position: relative; 
 top: 2px; 
 -webkit-animation: callme 3s infinite linear; 
 animation: callme 3s infinite linear 
} 
 
.btn-recall-fixed-add-bg, .btn-recall-fixed-mobile-add-bg { 
 position: relative; 
 position: absolute; 
 left: 0; 
 top: 0; 
 width: 100%; 
 height: 100% 
} 
 
.btn-recall-fixed-add-bg:after, .btn-recall-fixed-add-bg:before, .btn-recall-fixed-mobile-add-bg:after, .btn-recall-fixed-mobile-add-bg:before { 
 content: ''; 
 position: absolute; 
 opacity: .06; 
 z-index: -1; 
 position: absolute; 
 left: 0; 
 right: 0; 
 top: 0; 
 bottom: 0; 
 margin: auto 
} 
 
.btn-recall-fixed-add-bg:before, .btn-recall-fixed-mobile-add-bg:before { 
 border-radius: 50%; 
 overflow: hidden; 
 background-color: #303030; 
 width: 63px; 
 height: 63px; 
 -webkit-transition: opacity .3s linear, -webkit-transform .3s linear; 
 transition: opacity .3s linear, -webkit-transform .3s linear; 
 transition: transform .3s linear, opacity .3s linear; 
 transition: transform .3s linear, opacity .3s linear, -webkit-transform .3s linear 
} 
 
.btn-recall-fixed-add-bg:after, .btn-recall-fixed-mobile-add-bg:after { 
 border-radius: 50%; 
 overflow: hidden; 
 background-color: #303030; 
 width: 53px; 
 height: 53px; 
 -webkit-transition: opacity .3s linear, -webkit-transform .3s linear; 
 transition: opacity .3s linear, -webkit-transform .3s linear; 
 transition: transform .3s linear, opacity .3s linear; 
 transition: transform .3s linear, opacity .3s linear, -webkit-transform .3s linear 
} 
 
.btn-recall-fixed-mobile:hover .btn-recall-fixed-add-bg:before, .btn-recall-fixed:hover .btn-recall-fixed-add-bg:before { 
 -webkit-transform: scale(3); 
 -ms-transform: scale(3); 
 transform: scale(3); 
 opacity: 0 
} 
 
.btn-recall-fixed-mobile:hover .btn-recall-fixed-add-bg:after, .btn-recall-fixed:hover .btn-recall-fixed-add-bg:after { 
 -webkit-transform: scale(1.1); 
 -ms-transform: scale(1.1); 
 transform: scale(1.1); 
 opacity: .02 
} 
 
.btn-recall-mobile { 
 width: 35px; 
 height: 32px; 
 line-height: 35px; 
 text-align: center; 
 border-radius: 30px 0 0 30px; 
 background-color: #ff0052; 
 color: #fff; 
 display: inline-block; 
 display: none; 
 padding-left: 3px 
} 
 
.btn-back { 
 width: 34px; 
 line-height: 38px; 
 text-align: center; 
 display: none; 
 position: relative 
} 
 
.btn-back:before { 
 content: "\f0d9"; 
 font-family: FontAwesome; 
 font-size: 18px 
} 
 
.btn-back-single { 
 line-height: 48px; 
 border-radius: 48px; 
 background-color: #f1f1f1; 
 font-weight: 700; 
 font-size: .875em; 
 display: inline-block; 
 padding: 0 30px; 
 -webkit-transition: background-color .3s linear, color .3s linear; 
 transition: background-color .3s linear, color .3s linear 
} 
 
.btn-back-single i { 
 margin-right: 18px; 
 position: relative; 
 top: 1px; 
 font-size: 18px; 
 -webkit-transition: -webkit-transform .3s linear; 
 transition: -webkit-transform .3s linear; 
 transition: transform .3s linear; 
 transition: transform .3s linear, -webkit-transform .3s linear 
} 
 
.btn-back-single:hover { 
 background-color: #f6f6f6; 
 color: #f4016c 
} 
 
.btn-back-single:hover img { 
 -webkit-transform: translateX(-3px); 
 -ms-transform: translateX(-3px); 
 transform: translateX(-3px) 
} 
 
.btn-cat-mobile { 
 border: #dedede solid 1px; 
 line-height: 50px; 
 color: #888; 
 font-size: .875em; 
 width: 100% 
} 
 
.btn-cat-mobile .fa { 
 margin-left: 13px 
} 
 
.btn-share { 
 font-weight: 600; 
 font-size: .875em; 
 display: inline-block; 
 line-height: 32px; 
 -webkit-transition: color .3s linear; 
 transition: color .3s linear 
} 
 
.btn-share:hover { 
 color: #f4016c 
} 
 
.btn-share .fa { 
 font-size: 18px; 
 margin-left: 16px; 
 position: relative; 
 top: 1px 
} 
 
.btn-size { 
 line-height: 44px; 
 width: 176px; 
 border-radius: 44px; 
 border: #fff solid 2px; 
 text-align: center; 
 font-weight: 600; 
 font-size: .875em; 
 color: #fff; 
 -webkit-transition: background-color .3s linear, border-color .3s linear; 
 transition: background-color .3s linear, border-color .3s linear 
} 
 
.btn-size:before { 
 font-family: cava-svg; 
 content: "\e917"; 
 font-weight: 300; 
 font-size: 16px; 
 margin-right: 10px; 
 line-height: 1; 
 position: relative; 
 top: 2px 
} 
 
.btn-size:hover { 
 background-color: #f4016c; 
 border-color: #f4016c 
} 
 
.btn-play { 
 border-radius: 50%; 
 overflow: hidden; 
 background-color: rgba(255, 255, 255, .82); 
 width: 81px; 
 height: 81px; 
 display: -webkit-flex; 
 display: -moz-flex; 
 display: -ms-flex; 
 display: -o-flex; 
 display: -webkit-box; 
 display: -ms-flexbox; 
 display: flex; 
 -webkit-flex-wrap: wrap; 
 -ms-flex-wrap: wrap; 
 flex-wrap: wrap; 
 -webkit-box-align: center; 
 -webkit-align-items: center; 
 -ms-flex-align: center; 
 align-items: center; 
 -webkit-box-pack: center; 
 -webkit-justify-content: center; 
 -ms-flex-pack: center; 
 justify-content: center 
} 
 
.btn-play:before { 
 content: ''; 
 border-style: solid; 
 border-width: 16px 0 16px 27px; 
 border-color: transparent transparent transparent #ff006f; 
 width: 27px; 
 height: 32px; 
 display: inline-block; 
 position: relative; 
 left: 3px 
} 
 
.close-icon { 
 width: 19px; 
 padding-top: 100%; 
 color: #292929; 
 -webkit-transition: color .3s linear; 
 transition: color .3s linear; 
 cursor: pointer; 
 position: relative 
} 
 
.close-icon:after, .close-icon:before { 
 content: ''; 
 position: absolute; 
 width: 133%; 
 height: 2px; 
 top: 7px; 
 left: -2px; 
 -webkit-transition: -webkit-transform .3s linear; 
 transition: -webkit-transform .3s linear; 
 transition: transform .3s linear; 
 transition: transform .3s linear, -webkit-transform .3s linear; 
 background-color: currentColor 
} 
 
.close-icon:before { 
 -webkit-transform: rotate(45deg); 
 -ms-transform: rotate(45deg); 
 transform: rotate(45deg) 
} 
 
.close-icon:after { 
 -webkit-transform: rotate(-45deg); 
 -ms-transform: rotate(-45deg); 
 transform: rotate(-45deg) 
} 
 
.close-icon:hover { 
 color: #f4016c !important 
} 
 
.close-icon:hover:after { 
 -webkit-transform: rotate(-225deg); 
 -ms-transform: rotate(-225deg); 
 transform: rotate(-225deg) 
} 
 
.menu-icon { 
 width: 20px; 
 display: inline-block; 
 vertical-align: middle; 
 height: 3px; 
 background-color: #292929; 
 line-height: 67px; 
 -webkit-transition-duration: .3s; 
 transition-duration: .3s; 
 position: relative 
} 
 
.menu-icon:after, .menu-icon:before { 
 content: ''; 
 position: absolute 
} 
 
.menu-icon:before { 
 width: 24px; 
 top: -7px; 
 left: 0; 
 height: 3px; 
 background-color: #292929; 
 -webkit-transition-duration: .3s; 
 transition-duration: .3s 
} 
 
.menu-icon:after { 
 width: 24px; 
 bottom: -7px; 
 height: 3px; 
 left: 0; 
 background-color: #292929; 
 -webkit-transition-duration: .3s; 
 transition-duration: .3s 
} 
 
.logo, .tel { 
 display: inline-block 
} 
 
.elements { 
 position: absolute; 
 left: 0; 
 top: 0; 
 width: 100%; 
 height: 100%; 
 pointer-events: none 
} 
 
.elements .el { 
 position: absolute 
} 
 
.next-block-button { 
 position: absolute; 
 bottom: 30px; 
 width: 30px; 
 height: 20px; 
 left: 0; 
 right: 0; 
 margin: auto; 
 cursor: pointer; 
 position: absolute 
} 
 
.next-block-button:after, .next-block-button:before { 
 content: ''; 
 position: absolute; 
 top: 10px; 
 width: 51%; 
 height: 1px; 
 background-color: #f4016c; 
 -webkit-transition: left .3s, right .3s, -webkit-transform .3s ease; 
 transition: left .3s, right .3s, -webkit-transform .3s ease; 
 transition: transform .3s ease, left .3s, right .3s; 
 transition: transform .3s ease, left .3s, right .3s, -webkit-transform .3s ease 
} 
 
.next-block-button:before { 
 -webkit-transform: rotate(45deg); 
 -ms-transform: rotate(45deg); 
 transform: rotate(45deg); 
 left: 2px 
} 
 
.next-block-button:after { 
 -webkit-transform: rotate(-45deg); 
 -ms-transform: rotate(-45deg); 
 transform: rotate(-45deg); 
 right: 2px 
} 
 
.next-block-button:hover:before { 
 -webkit-transform: rotate(55deg); 
 -ms-transform: rotate(55deg); 
 transform: rotate(55deg); 
 left: 3px; 
 width: 50% 
} 
 
.next-block-button:hover:after { 
 -webkit-transform: rotate(-55deg); 
 -ms-transform: rotate(-55deg); 
 transform: rotate(-55deg); 
 right: 4px; 
 width: 50% 
} 
 
body .block-left-name { 
 counter-increment: block-name 
} 
 
.block-left-name { 
 position: absolute; 
 height: 100%; 
 font-size: .75em; 
 text-transform: uppercase; 
 color: #acacac; 
 top: 0; 
 left: 35px; 
 z-index: 8; 
 display: -webkit-flex; 
 display: -moz-flex; 
 display: -ms-flex; 
 display: -o-flex; 
 display: -webkit-box; 
 display: -ms-flexbox; 
 display: flex; 
 -webkit-flex-wrap: wrap; 
 -ms-flex-wrap: wrap; 
 flex-wrap: wrap; 
 -webkit-box-align: center; 
 -webkit-align-items: center; 
 -ms-flex-align: center; 
 align-items: center; 
 -webkit-box-pack: center; 
 -webkit-justify-content: center; 
 -ms-flex-pack: center; 
 justify-content: center; 
 display: none; 
 -webkit-transition: opacity .3s linear; 
 transition: opacity .3s linear; 
 opacity: 1 
} 
 
.block-left-name.fixed { 
 position: fixed; 
 height: 100vh 
} 
 
.block-left-name.transparent { 
 opacity: 0 
} 
 
.block-left-name-inner { 
 padding-top: 1px; 
 -webkit-transform: rotate(-90deg); 
 -ms-transform: rotate(-90deg); 
 transform: rotate(-90deg); 
 position: absolute; 
 -webkit-transition: all .3s linear; 
 transition: all .3s linear 
} 
 
.block-left-name-inner:after, .block-left-name-inner:before { 
 content: ''; 
 position: absolute; 
 width: 25px; 
 height: 1px; 
 background-color: #acacac; 
 top: 50% 
} 
 
.block-left-name-inner:before { 
 left: -40px; 
 -webkit-transform: translateX(0); 
 -ms-transform: translateX(0); 
 transform: translateX(0); 
 -webkit-transition: background-color .3s linear, -webkit-transform .3s linear; 
 transition: background-color .3s linear, -webkit-transform .3s linear; 
 transition: transform .3s linear, background-color .3s linear; 
 transition: transform .3s linear, background-color .3s linear, -webkit-transform .3s linear 
} 
 
.block-left-name-inner:after { 
 right: -40px; 
 -webkit-transform: translateX(0); 
 -ms-transform: translateX(0); 
 transform: translateX(0); 
 -webkit-transition: background-color .3s linear, -webkit-transform .3s linear; 
 transition: background-color .3s linear, -webkit-transform .3s linear; 
 transition: transform .3s linear, background-color .3s linear; 
 transition: transform .3s linear, background-color .3s linear, -webkit-transform .3s linear 
} 
 
.block-left-name-inner:hover:after, .block-left-name-inner:hover:before { 
 background-color: #f4016c 
} 
 
.block-left-name-inner:hover:before { 
 -webkit-transform: translateX(-10px); 
 -ms-transform: translateX(-10px); 
 transform: translateX(-10px) 
} 
 
.block-left-name-inner:hover:after { 
 -webkit-transform: translateX(10px); 
 -ms-transform: translateX(10px); 
 transform: translateX(10px) 
} 
 
.block-left-name-inner:focus { 
 -webkit-transform: rotate(0); 
 -ms-transform: rotate(0); 
 transform: rotate(0) 
} 
 
.block-left-name span { 
 white-space: nowrap; 
 margin-top: 1px; 
 -webkit-transition: color .3s linear; 
 transition: color .3s linear 
} 
 
.block-left-name span:before { 
 content: "0" counter(block-name) " "; 
 font-weight: 700 
} 
 
.tel-info { 
 text-align: right 
} 
 
.tel-info .tel { 
 margin-bottom: 5px; 
 -webkit-transition: margin-bottom .3s linear; 
 transition: margin-bottom .3s linear 
} 
 
.tel-info .messenger-links { 
 margin-right: -7px 
} 
 
.stats { 
 display: -webkit-flex; 
 display: -moz-flex; 
 display: -ms-flex; 
 display: -o-flex; 
 display: -webkit-box; 
 display: -ms-flexbox; 
 display: flex; 
 -webkit-flex-wrap: wrap; 
 -ms-flex-wrap: wrap; 
 flex-wrap: wrap; 
 -webkit-box-pack: center; 
 -webkit-justify-content: center; 
 -ms-flex-pack: center; 
 justify-content: center; 
 font-size: 14px; 
 font-weight: 700; 
 line-height: 18px 
} 
 
.stats .date { 
 position: relative 
} 
 
.stats .date:before { 
 content: "\f017"; 
 font-family: FontAwesome; 
 margin-right: 10px; 
 font-size: 18px; 
 font-weight: 300; 
 position: relative; 
 top: 1px 
} 
 
.stats .views { 
 margin: 0 10px; 
 position: relative 
} 
 
.stats .views:before { 
 content: "\f06e"; 
 font-family: FontAwesome; 
 font-size: 18px; 
 margin-right: 8px; 
 font-weight: 300; 
 position: relative; 
 top: 1px 
} 
 
.stats .likes { 
 margin: 0 10px; 
 position: relative; 
 position: relative; 
 cursor: pointer 
} 
 
.stats .likes:before { 
 content: "\f08a"; 
 font-family: FontAwesome 
} 
 
.stats .likes:after { 
 content: "\f004"; 
 font-family: FontAwesome 
} 
 
.stats .likes:before { 
 -webkit-transition: color .3s linear, opacity .3s linear; 
 transition: color .3s linear, opacity .3s linear; 
 font-size: 16px; 
 margin-right: 8px; 
 font-weight: 300; 
 position: relative; 
 top: 1px 
} 
 
.stats .likes:after { 
 -webkit-transition: opacity .3s linear; 
 transition: opacity .3s linear; 
 opacity: 0; 
 font-size: 16px; 
 position: absolute; 
 font-weight: 300; 
 top: 1px; 
 left: 0; 
 color: #ff0075 
} 
 
.stats .likes:hover:before { 
 color: #f4016c 
} 
 
.stats .likes.liked:before { 
 opacity: 0 
} 
 
.stats .likes.liked:after { 
 opacity: 1 
} 
 
.lang-block { 
 text-transform: uppercase; 
 letter-spacing: .01em; 
 position: fixed; 
 z-index: 99999; 
 left: 85px; 
 padding-right: 35px; 
 line-height: 69px; 
 -webkit-transition: -webkit-transform .3s linear; 
 transition: -webkit-transform .3s linear; 
 transition: transform .3s linear; 
 transition: transform .3s linear, -webkit-transform .3s linear; 
 -webkit-transform: translateY(5px); 
 -ms-transform: translateY(5px); 
 transform: translateY(5px) 
} 
 
.lang-block.fixed { 
 -webkit-transform: translateY(0); 
 -ms-transform: translateY(0); 
 transform: translateY(0); 
 position: fixed 
} 
 
.lang-block.fixed .lang-block-container { 
 background-color: #fff; 
 top: 100% 
} 
 
.lang-block-current { 
 padding-left: 10px; 
 color: #292929 
} 
 
.lang-block-current:after { 
 content: '\e91f'; 
 font-family: cava-svg; 
 font-size: .8125em; 
 position: absolute; 
 right: 10px; 
 color: #494949; 
 display: inline-block; 
 -webkit-transition: -webkit-transform .3s linear; 
 transition: -webkit-transform .3s linear; 
 transition: transform .3s linear; 
 transition: transform .3s linear, -webkit-transform .3s linear; 
 font-size: .75em; 
 top: 1px 
} 
 
.lang-block-container { 
 opacity: 0; 
 -webkit-transform: translateY(-10px); 
 -ms-transform: translateY(-10px); 
 transform: translateY(-10px); 
 pointer-events: none; 
 -webkit-transition: opacity .3s linear, top .3s linear, -webkit-transform .3s linear; 
 transition: opacity .3s linear, top .3s linear, -webkit-transform .3s linear; 
 transition: transform .3s linear, opacity .3s linear, top .3s linear; 
 transition: transform .3s linear, opacity .3s linear, top .3s linear, -webkit-transform .3s linear; 
 position: absolute; 
 top: 100%; 
 left: 0; 
 width: 100%; 
 line-height: 1.2; 
 background-color: rgba(255, 255, 255, .2); 
 box-shadow: 0 2px 10px rgba(41, 41, 41, .1); 
 color: #494949; 
 padding: 15px 0 
} 
 
.lang-block-container:before { 
 content: ''; 
 position: absolute; 
 width: 100%; 
 height: 3px; 
 background-color: #f4016c; 
 left: 0; 
 top: -2px 
} 
 
.lang-block-container li.current { 
 color: #f4016c 
} 
 
.lang-block-container a { 
 display: block; 
 padding: 10px; 
 -webkit-transition: color .3s linear; 
 transition: color .3s linear 
} 
 
.lang-block-container a:hover { 
 color: #f4016c 
} 
 
.messenger-links { 
 font-size: .725em; 
 color: #888 
} 
 
.messenger-links li { 
 display: inline-block; 
 position: relative 
} 
 
.messenger-links li:before { 
 content: ''; 
 position: absolute; 
 width: 1px; 
 height: 10px; 
 background-color: #bdbcbc; 
 opacity: .48; 
 right: 0; 
 top: 2px 
} 
 
.messenger-links li:last-of-type:before { 
 display: none 
} 
 
.messenger-links a { 
 display: inline-block; 
 -webkit-transition: color .3s linear; 
 transition: color .3s linear; 
 padding: 0 7px 
} 
 
.messenger-links a:hover { 
 color: #f4016c 
} 
 
.portfolio-item { 
 width: 237px; 
 margin: 0 auto 
} 
 
.portfolio-item .img { 
 height: 237px; 
 margin-bottom: 34px; 
 display: block; 
 -webkit-transition: -webkit-transform .3s linear; 
 transition: -webkit-transform .3s linear; 
 transition: transform .3s linear; 
 transition: transform .3s linear, -webkit-transform .3s linear 
} 
 
.portfolio-item .img img { 
 max-width: none; 
 width: 300px; 
 height: 300px; 
 margin-left: -32px; 
 margin-top: -32px 
} 
 
.portfolio-item .img:hover + .text .name { 
 color: #f4016c 
} 
 
.portfolio-item:hover .img { 
 -webkit-transform: translateY(-5px); 
 -ms-transform: translateY(-5px); 
 transform: translateY(-5px) 
} 
 
.portfolio-item .text { 
 position: relative; 
 z-index: 2 
} 
 
.portfolio-item .text a { 
 display: block; 
 -webkit-transition: color .3s linear; 
 transition: color .3s linear 
} 
 
.portfolio-item .text a:hover { 
 color: #f4016c 
} 
 
.portfolio-item .text .name { 
 font-size: 1.11813em; 
 color: #202020; 
 text-transform: uppercase; 
 font-weight: 700; 
 margin-bottom: 5px 
} 
 
.portfolio-item .text .type { 
 font-size: .875em; 
 color: #888 
} 
 
.content h1, .content h2, .content h3, .content h4, .content h5, .content h6 { 
 font-weight: 600; 
 margin: 15px 0 
} 
 
.content img { 
 width: 100%; 
 margin: 32px 0 
} 
 
.content h1 { 
 font-size: 1.875em; 
 line-height: 1.2 
} 
 
.content h2 { 
 font-size: 1.5em; 
 line-height: 1.2 
} 
 
.content h3 { 
 font-size: 1.3125em; 
 line-height: 1.2 
} 
 
.content h4 { 
 font-size: 1.25em 
} 
 
.content h5 { 
 font-size: 1.125em 
} 
 
.content h6 { 
 font-size: 1em 
} 
 
.content p { 
 line-height: 1.28; 
 margin: 15px 0 
} 
 
.content ul { 
 margin: 15px 0 
} 
 
.content ul li:before { 
 content: '• '; 
 position: relative; 
 top: 1px 
} 
 
.content li { 
 margin: 13px 0; 
 font-size: 13px 
} 
 
.content ol { 
 list-style-position: inside 
} 
 
.content p { 
 font-size: 13px 
} 
 
.scroll-block { 
 height: 314px; 
 position: relative 
} 
 
.scroll-block:after { 
 content: ''; 
 position: absolute; 
 width: 100%; 
 bottom: 0; 
 left: 0; 
 pointer-events: none; 
 height: 130px; 
 background-size: 100% 100%; 
 background-image: url(../images/gradient-fix.png); 
 -webkit-transform: translateZ(0); 
 transform: translateZ(0) 
} 
 
.scroll-block .mCSB_dragger_bar { 
 background-color: #eb4a77 !important; 
 width: 8px !important; 
 border-radius: 0 !important 
} 
 
.scroll-block .mCSB_draggerRail { 
 background-color: #cdcdcd !important 
} 
 
.scroll-block .mCSB_container { 
 padding-bottom: 30px 
} 
 
.scroll-block .content { 
 margin-top: -15px 
} 
 
.social-list li { 
 display: inline-block 
} 
 
.social-list li a { 
 display: inline-block; 
 width: 35px; 
 font-size: 1.5em; 
 text-align: center; 
 -webkit-transition: -webkit-transform .3s linear; 
 transition: -webkit-transform .3s linear; 
 transition: transform .3s linear; 
 transition: transform .3s linear, -webkit-transform .3s linear 
} 
 
.social-list li a:hover { 
 -webkit-transform: scale(1.2); 
 -ms-transform: scale(1.2); 
 transform: scale(1.2) 
} 
 
.loading-list li { 
 margin-bottom: 22px 
} 
 
.loading-list .text { 
 font-size: .78125em; 
 display: -webkit-flex; 
 display: -moz-flex; 
 display: -ms-flex; 
 display: -o-flex; 
 display: -webkit-box; 
 display: -ms-flexbox; 
 display: flex; 
 -webkit-flex-wrap: wrap; 
 -ms-flex-wrap: wrap; 
 flex-wrap: wrap; 
 -webkit-box-pack: justify; 
 -webkit-justify-content: space-between; 
 -ms-flex-pack: justify; 
 justify-content: space-between; 
 font-weight: 600; 
 margin-bottom: 11px 
} 
 
.loading-list .bar { 
 height: 9px; 
 border-radius: 9px; 
 position: relative; 
 overflow: hidden; 
 background-color: #f5f5f5 
} 
 
.loading-list .bar-current { 
 background-color: #f33; 
 position: absolute; 
 top: 0; 
 height: 100%; 
 left: 0; 
 -webkit-transition: background-color .4s linear, -webkit-transform .4s linear; 
 transition: background-color .4s linear, -webkit-transform .4s linear; 
 transition: transform .4s linear, background-color .4s linear; 
 transition: transform .4s linear, background-color .4s linear, -webkit-transform .4s linear 
} 
 
.loading-list .bar-current.low { 
 background-color: #f33 
} 
 
.loading-list .bar-current.mid { 
 background-color: #ffb733 
} 
 
.loading-list .bar-current.high { 
 background-color: #37e98b 
} 
 
.icons-list li { 
 width: 101px; 
 height: 90px; 
 background-color: #fff; 
 box-shadow: 0 0 40px rgba(0, 0, 0, .1) 
} 
 
.icons-list li:hover .img { 
 -webkit-transform: scale(1.05); 
 -ms-transform: scale(1.05); 
 transform: scale(1.05) 
} 
 
.icons-list li .img { 
 line-height: 90px; 
 text-align: center; 
 -webkit-transition: -webkit-transform .3s linear; 
 transition: -webkit-transform .3s linear; 
 transition: transform .3s linear; 
 transition: transform .3s linear, -webkit-transform .3s linear 
} 
 
.seo-list li { 
 padding-left: 48px; 
 position: relative; 
 margin-bottom: 25px 
} 
 
.seo-list li.opened { 
 margin-bottom: 14px 
} 
 
.seo-list li.opened .title:after { 
 opacity: 1; 
 -webkit-transform: rotate(90deg); 
 -ms-transform: rotate(90deg); 
 transform: rotate(90deg); 
 margin-left: 20px 
} 
 
.seo-list .icon { 
 background-color: #f4016d; 
 width: 29px; 
 line-height: 31px; 
 height: 29px; 
 text-align: center; 
 left: 0; 
 top: 0; 
 position: absolute; 
 color: #fff 
} 
 
.seo-list .title { 
 font-weight: 700; 
 font-size: .875em; 
 padding: 6px 0; 
 cursor: pointer; 
 -webkit-transition: color .3s linear; 
 transition: color .3s linear; 
 position: relative 
} 
 
.seo-list .title:hover { 
 color: #f4016c 
} 
 
.seo-list .title:after { 
 content: "\f105"; 
 font-family: FontAwesome; 
 font-size: 16px; 
 position: absolute; 
 margin-left: 14px; 
 opacity: .43; 
 top: 5px; 
 -webkit-transition: opacity .3s linear, margin-left .3s linear, -webkit-transform .3s linear; 
 transition: opacity .3s linear, margin-left .3s linear, -webkit-transform .3s linear; 
 transition: transform .3s linear, opacity .3s linear, margin-left .3s linear; 
 transition: transform .3s linear, opacity .3s linear, margin-left .3s linear, -webkit-transform .3s linear 
} 
 
.seo-list .desc { 
 display: none; 
 font-size: .75em; 
 color: #7f7f7f 
} 
 
.pagination-block { 
 width: 100%; 
 text-align: center; 
 font-size: .875em; 
 font-weight: 600; 
 color: #535353 
} 
 
.pagination-block a.page-numbers, .pagination-block span.page-numbers { 
 display: inline-block; 
 border-radius: 50%; 
 text-align: center; 
 width: 38px; 
 height: 38px; 
 line-height: 38px; 
 overflow: hidden 
} 
 
.pagination-block .current { 
 color: #fff; 
 z-index: 1; 
 margin: 0 5px; 
 width: 38px; 
 position: relative 
} 
 
.pagination-block .current:before { 
 content: ''; 
 position: absolute; 
 width: 100%; 
 height: 100%; 
 left: 0; 
 top: 0; 
 background: #ff008f; 
 background: -webkit-gradient(linear, left top, right top, from(#ff008f), to(#ff004c)); 
 background: linear-gradient(to right, #ff008f, #ff004c); 
 z-index: -1 
} 
 
.pagination-block li { 
 display: inline-block; 
 vertical-align: top; 
 padding: 0 4px 
} 
 
.pagination-block a { 
 -webkit-transition: color .3s linear; 
 transition: color .3s linear 
} 
 
.pagination-block a:hover { 
 color: #f4016c 
} 
 
.pagination-block .prev { 
 color: #7c7c7c; 
 line-height: 36px !important; 
 vertical-align: top; 
 position: relative 
} 
 
.pagination-block .prev:before { 
 content: "\f104"; 
 font-family: FontAwesome; 
 font-size: 24px; 
 line-height: 30px; 
 vertical-align: middle; 
 font-weight: 300; 
 display: inline-block 
} 
 
.pagination-block .next { 
 color: #7c7c7c; 
 line-height: 36px !important; 
 vertical-align: top; 
 position: relative 
} 
 
.pagination-block .next:after { 
 content: "\f105"; 
 font-family: FontAwesome; 
 font-size: 24px; 
 line-height: 30px; 
 vertical-align: middle; 
 font-weight: 300; 
 display: inline-block 
} 
 
.post { 
 position: relative; 
 overflow: hidden 
} 
 
.post .img { 
 position: relative; 
 width: 100%; 
 height: 386px; 
 margin-bottom: 22px 
} 
 
.post .img img { 
 position: absolute; 
 left: 0; 
 top: 0; 
 width: 100%; 
 height: 100%; 
 object-fit: cover 
} 
 
.post .cat { 
 margin-bottom: 12px; 
 font-size: .875em 
} 
 
.post .cat span { 
 color: #6b6b6b 
} 
 
.post .cat a { 
 -webkit-transition: color .3s linear; 
 transition: color .3s linear; 
 font-weight: 600 
} 
 
.post .cat a:hover { 
 color: #f4016c 
} 
 
.post .title { 
 color: #414141; 
 font-size: 1.875em; 
 font-weight: 700; 
 margin-bottom: 17px; 
 -webkit-transition: color .3s linear; 
 transition: color .3s linear 
} 
 
.post .title:hover { 
 color: #f4016c 
} 
 
.post .desc { 
 font-size: .875em; 
 line-height: 21px 
} 
 
.post .date { 
 position: relative 
} 
 
.post .date:before { 
 content: "\f017"; 
 font-family: FontAwesome; 
 margin-right: 10px; 
 font-size: 18px; 
 font-weight: 300; 
 position: relative; 
 top: 1px 
} 
 
.post .stats { 
 width: 100%; 
 margin-top: 22px 
} 
 
.cat-list .h4 { 
 margin-bottom: 23px; 
 font-weight: 700 
} 
 
.cat-list li { 
 margin-bottom: 8px 
} 
 
.cat-list li a { 
 display: -webkit-flex; 
 display: -moz-flex; 
 display: -ms-flex; 
 display: -o-flex; 
 display: -webkit-box; 
 display: -ms-flexbox; 
 display: flex; 
 -webkit-flex-wrap: wrap; 
 -ms-flex-wrap: wrap; 
 flex-wrap: wrap; 
 -webkit-box-pack: justify; 
 -webkit-justify-content: space-between; 
 -ms-flex-pack: justify; 
 justify-content: space-between; 
 font-size: .875em; 
 border: #d1d1d1 solid 1px; 
 padding: 21px 25px 21px 30px; 
 -webkit-transition: background-color .3s linear; 
 transition: background-color .3s linear 
} 
 
.cat-list li a:hover { 
 background-color: #f8f8f8 
} 
 
.cat-list .text { 
 width: 85% 
} 
 
.cat-list .count { 
 opacity: .33; 
 width: 15%; 
 text-align: right 
} 
 
.cat-list .current .text { 
 font-weight: 700 
} 
 
.review-item { 
 background-color: #f6f6f6; 
 z-index: 1; 
 display: -webkit-flex; 
 display: -moz-flex; 
 display: -ms-flex; 
 display: -o-flex; 
 display: -webkit-box; 
 display: -ms-flexbox; 
 display: flex; 
 -webkit-flex-wrap: wrap; 
 -ms-flex-wrap: wrap; 
 flex-wrap: wrap; 
 -webkit-box-pack: justify; 
 -webkit-justify-content: space-between; 
 -ms-flex-pack: justify; 
 justify-content: space-between; 
 padding: 42px 0; 
 padding-right: 68px; 
 position: relative 
} 
 
.review-item:before { 
 content: ''; 
 position: absolute; 
 left: 0; 
 top: 0; 
 height: 100%; 
 background-color: #fff; 
 width: 82px; 
 z-index: -1 
} 
 
.review-item .tag { 
 position: absolute; 
 right: 0; 
 top: 0; 
 font-size: .875em; 
 color: #888; 
 padding: 20px 23px; 
 -webkit-transition: color .3s linear; 
 transition: color .3s linear 
} 
 
.review-item .tag:hover { 
 color: #f4016c 
} 
 
.review-item .tag a:before { 
 content: '#' 
} 
 
.review-item .img { 
 position: relative; 
 width: 100%; 
 height: 326px; 
 width: 236px; 
 box-shadow: 3px 3px 24px rgba(0, 0, 0, .08); 
 overflow: hidden 
} 
 
.review-item .img img { 
 position: absolute; 
 left: 0; 
 top: 0; 
 width: 100%; 
 height: 100%; 
 object-fit: cover 
} 
 
.review-item .img:hover .overlay { 
 opacity: 1 
} 
 
.review-item .img.active .btn-play { 
 opacity: 0 
} 
 
.review-item .img.active button { 
 pointer-events: auto 
} 
 
.review-item .video { 
 background-color: #ddd 
} 
 
.review-item .video img { 
 -webkit-filter: blur(3px); 
 filter: blur(3px); 
 opacity: .72 
} 
 
.review-item .video video { 
 display: none 
} 
 
.review-item .video .btn-play { 
 position: absolute; 
 left: 0; 
 right: 0; 
 top: 0; 
 bottom: 0; 
 margin: auto; 
 z-index: 2; 
 cursor: pointer; 
 -webkit-transition: background-color .3s linear, opacity .3s linear; 
 transition: background-color .3s linear, opacity .3s linear 
} 
 
.review-item .video .btn-play:before { 
 -webkit-transition: border-color .3s linear; 
 transition: border-color .3s linear 
} 
 
.review-item .video .btn-play:hover { 
 background-color: #f4016c 
} 
 
.review-item .video .btn-play:hover:before { 
 border-color: transparent transparent transparent #fff 
} 
 
.review-item .video .btn-size:before { 
 content: "\e916" 
} 
 
.review-item .video:after { 
 content: 'Видео отзыв'; 
 position: absolute; 
 bottom: 22px; 
 left: 0; 
 width: 100%; 
 text-align: center; 
 color: #fff; 
 font-size: .875em 
} 
 
.review-item .overlay { 
 position: absolute; 
 left: 0; 
 top: 0; 
 width: 100%; 
 height: 100%; 
 display: -webkit-flex; 
 display: -moz-flex; 
 display: -ms-flex; 
 display: -o-flex; 
 display: -webkit-box; 
 display: -ms-flexbox; 
 display: flex; 
 -webkit-flex-wrap: wrap; 
 -ms-flex-wrap: wrap; 
 flex-wrap: wrap; 
 -webkit-align-content: center; 
 -ms-flex-line-pack: center; 
 align-content: center; 
 -webkit-box-pack: center; 
 -webkit-justify-content: center; 
 -ms-flex-pack: center; 
 justify-content: center; 
 background-color: rgba(99, 99, 99, .65); 
 opacity: 0; 
 z-index: 3; 
 -webkit-transition: opacity .3s linear; 
 transition: opacity .3s linear 
} 
 
.review-item .overlay .btn { 
 width: 176px; 
 margin-top: 15px 
} 
 
.review-item .info { 
 width: 640px; 
 max-width: 100%; 
 padding-top: 15px; 
 font-size: .875em 
} 
 
.review-item .logo { 
 margin-bottom: 20px 
} 
 
.review-item .logo img { 
 width: auto; 
 height: auto; 
 max-width: 240px; 
 max-height: 50px 
} 
 
.review-item .title { 
 font-weight: 700; 
 margin-bottom: 10px; 
 color: #303030 
} 
 
.review-item .link { 
 margin-bottom: 10px 
} 
 
.review-item .link a { 
 color: #00acd2; 
 text-decoration: underline; 
 -webkit-transition: color .3s linear; 
 transition: color .3s linear 
} 
 
.review-item .link a:hover { 
 color: #f4016c 
} 
 
.review-item .desc { 
 line-height: 18px; 
 color: #363636 
} 
 
.review-item .desc p { 
 font-size: 1em; 
 margin-bottom: 8px 
} 
 
.slider-social-arrows { 
 margin-bottom: 19px; 
 display: -webkit-flex; 
 display: -moz-flex; 
 display: -ms-flex; 
 display: -o-flex; 
 display: -webkit-box; 
 display: -ms-flexbox; 
 display: flex; 
 -webkit-flex-wrap: wrap; 
 -ms-flex-wrap: wrap; 
 flex-wrap: wrap 
} 
 
.slider-social-arrows button { 
 width: 48px; 
 line-height: 44px; 
 height: 48px; 
 border-radius: 50%; 
 border: currentColor solid 2px; 
 -webkit-transition: color .3s linear; 
 transition: color .3s linear 
} 
 
.slider-social-arrows button:hover { 
 color: #f4016c 
} 
 
.slider-social-arrows button:before { 
 color: currentColor; 
 font-size: 36px; 
 font-weight: 300 
} 
 
.slider-social-arrows .social-prev { 
 margin-right: 24px; 
 color: #ffb4d8; 
 position: relative 
} 
 
.slider-social-arrows .social-prev:before { 
 content: "\f104"; 
 font-family: FontAwesome; 
 position: relative; 
 right: 2px; 
 top: -1px 
} 
 
.slider-social-arrows .social-next { 
 color: #d5d5d5; 
 position: relative 
} 
 
.slider-social-arrows .social-next:before { 
 content: "\f105"; 
 font-family: FontAwesome; 
 position: relative; 
 left: 2px; 
 top: -1px 
} 
 
.slider-social-text .slick-list { 
 overflow: visible 
} 
 
.slider-social-text .h3 { 
 font-weight: 700; 
 margin-bottom: 12px 
} 
 
.slider-social-text .h3 span { 
 color: #ff006d 
} 
 
.slider-social-text .desc p { 
 margin-bottom: 10px 
} 
 
.slider-social-text .btn { 
 font-size: .875em; 
 font-weight: 700; 
 letter-spacing: .8px; 
 margin-top: 10px 
} 
 
.slider-social-text .btn .fa { 
 font-size: 24px; 
 margin-left: 15px; 
 position: relative; 
 top: 3px 
} 
 
.breadcrumbs ul { 
 display: -webkit-flex; 
 display: -moz-flex; 
 display: -ms-flex; 
 display: -o-flex; 
 display: -webkit-box; 
 display: -ms-flexbox; 
 display: flex; 
 -webkit-flex-wrap: wrap; 
 -ms-flex-wrap: wrap; 
 flex-wrap: wrap; 
 -webkit-box-align: center; 
 -webkit-align-items: center; 
 -ms-flex-align: center; 
 align-items: center; 
 background-color: #f5f5f5; 
 padding: 11px 2px; 
 color: #111 
} 
 
.breadcrumbs li { 
 font-size: .75em; 
 position: relative 
} 
 
.breadcrumbs li:after { 
 content: "\f105"; 
 font-family: FontAwesome; 
 position: absolute; 
 right: -2px; 
 top: -2px; 
 font-size: 16px 
} 
 
.breadcrumbs li:first-of-type span { 
 display: none 
} 
 
.breadcrumbs li i { 
 color: #fa0068; 
 font-size: 10.88px 
} 
 
.breadcrumbs li a { 
 display: block; 
 line-height: 1.4; 
 padding: 0 17px; 
 -webkit-transition: color .3s linear; 
 transition: color .3s linear; 
 font-weight: 300 
} 
 
.breadcrumbs li a:hover { 
 color: #f4016c 
} 
 
.breadcrumbs li:last-of-type { 
 pointer-events: none 
} 
 
.breadcrumbs li:last-of-type:after { 
 display: none 
} 
 
.faq-item-title { 
 padding-left: 39px; 
 cursor: pointer; 
 font-weight: 600; 
 position: relative; 
 text-transform: uppercase; 
 color: #161616; 
 -webkit-transition: color .3s linear; 
 transition: color .3s linear 
} 
 
.faq-item-title:before { 
 content: "\e91d"; 
 font-family: cava-svg; 
 position: absolute; 
 top: 1px; 
 left: 0; 
 font-size: 14px; 
 display: inline-block; 
 -webkit-transition: -webkit-transform .3s linear; 
 transition: -webkit-transform .3s linear; 
 transition: transform .3s linear; 
 transition: transform .3s linear, -webkit-transform .3s linear 
} 
 
.faq-item-desc { 
 background-color: #f5f5f5; 
 line-height: 1.407; 
 display: none; 
 margin-top: 27px; 
 padding: 15px 39px; 
 margin-bottom: -4px; 
 position: relative 
} 
 
.faq-item-desc:before { 
 content: ''; 
 position: absolute; 
 border-style: solid; 
 border-width: 0 10px 12px 10px; 
 border-color: transparent transparent #f5f5f5 transparent; 
 top: -12px; 
 left: 39px 
} 
 
.faq-item-desc p { 
 font-size: .875em; 
 line-height: 20px; 
 margin-bottom: 10px 
} 
 
.faq-item-desc p:last-of-type { 
 margin-bottom: 0 
} 
 
.section { 
 position: relative 
} 
 
.body-site-wrapper-sites { 
 overflow: hidden 
} 
 
.portfolio-section { 
 text-align: center; 
 padding-top: 62px; 
 padding-bottom: 82px 
} 
 
.portfolio-block-header .h3 { 
 font-weight: 700; 
 text-transform: uppercase; 
 margin-bottom: 7px; 
 color: #000 
} 
 
.portfolio-block-header .h6 { 
 color: #333 
} 
 
.portfolio-block-slider ul { 
 white-space: nowrap 
} 
 
.portfolio-block-slider li { 
 display: inline-block; 
 width: 257px; 
 margin: 0 25px 
} 
 
.actions-section { 
 background-color: #413937 
} 
 
.actions-block { 
 display: -webkit-flex; 
 display: -moz-flex; 
 display: -ms-flex; 
 display: -o-flex; 
 display: -webkit-box; 
 display: -ms-flexbox; 
 display: flex; 
 -webkit-flex-wrap: wrap; 
 -ms-flex-wrap: wrap; 
 flex-wrap: wrap; 
 -webkit-box-pack: end; 
 -webkit-justify-content: flex-end; 
 -ms-flex-pack: end; 
 justify-content: flex-end 
} 
 
.actions-block-left { 
 width: 420px; 
 max-width: 100%; 
 color: #fff; 
 padding-right: 40px; 
 padding-top: 137px; 
 position: relative; 
 min-height: 640px 
} 
 
.actions-block-left .h6 { 
 margin-bottom: 9px 
} 
 
.actions-block-left .fz56 { 
 text-transform: none; 
 font-weight: 700; 
 margin-bottom: 32px; 
 margin-left: -3px; 
 padding-right: 5px 
} 
 
.actions-block-left p { 
 font-size: 14px; 
 line-height: 18px; 
 margin-bottom: 7px; 
 color: #e0e0e0 
} 
 
.actions-block-left p .semibold { 
 color: #fff 
} 
 
.actions-block-left .btn-brief { 
 position: absolute; 
 left: 0; 
 width: 100%; 
 bottom: 0; 
 z-index: 1; 
 border-radius: 0; 
 text-align: center; 
 font-size: 18px; 
 line-height: 83px; 
 padding-right: 40px 
} 
 
.actions-block-left .btn-brief .fa { 
 font-size: 21px; 
 margin-left: 21px; 
 position: relative; 
 top: 3px 
} 
 
.actions-block-right { 
 width: 652px; 
 max-width: 100%; 
 background-color: #fff; 
 padding-left: 128px; 
 padding-top: 143px; 
 padding-right: 165px; 
 position: relative; 
 z-index: 1; 
 position: relative 
} 
 
.actions-block-right:before { 
 content: ''; 
 position: absolute; 
 border-style: solid; 
 border-width: 69.5px 0 69.5px 47px; 
 border-color: transparent transparent transparent #413937; 
 top: 124px; 
 left: -16px 
} 
 
.actions-block-right .fz26 { 
 font-weight: 700; 
 margin-bottom: 38px 
} 
 
.seo-block { 
 padding: 128px 0 130px; 
 display: -webkit-flex; 
 display: -moz-flex; 
 display: -ms-flex; 
 display: -o-flex; 
 display: -webkit-box; 
 display: -ms-flexbox; 
 display: flex; 
 -webkit-flex-wrap: wrap; 
 -ms-flex-wrap: wrap; 
 flex-wrap: wrap; 
 -webkit-box-align: center; 
 -webkit-align-items: center; 
 -ms-flex-align: center; 
 align-items: center; 
 -webkit-box-pack: justify; 
 -webkit-justify-content: space-between; 
 -ms-flex-pack: justify; 
 justify-content: space-between; 
 width: 1004px; 
 max-width: 100%; 
 margin-left: auto; 
 margin-right: auto; 
 position: relative 
} 
 
.seo-block:before { 
 content: ''; 
 position: absolute; 
 left: 0; 
 top: 0; 
 width: 420px; 
 height: 100%; 
 background-color: #f5f5f5; 
 z-index: -1 
} 
 
.seo-block-left { 
 width: 530px; 
 max-width: 100% 
} 
 
.seo-block-left .img { 
 display: -webkit-flex; 
 display: -moz-flex; 
 display: -ms-flex; 
 display: -o-flex; 
 display: -webkit-box; 
 display: -ms-flexbox; 
 display: flex; 
 -webkit-flex-wrap: wrap; 
 -ms-flex-wrap: wrap; 
 flex-wrap: wrap; 
 -webkit-box-pack: end; 
 -webkit-justify-content: flex-end; 
 -ms-flex-pack: end; 
 justify-content: flex-end; 
 position: relative; 
 right: 13px 
} 
 
.seo-block-left img { 
 max-width: none; 
 width: 642px 
} 
 
.seo-block-right { 
 width: 530px; 
 max-width: 100% 
} 
 
.seo-block-right .h3 { 
 line-height: 36px; 
 width: 445px; 
 max-width: 100%; 
 margin-bottom: 30px; 
 color: #000 
} 
 
.sites-need-block { 
 width: 1005px; 
 max-width: 100%; 
 margin-left: auto; 
 margin-right: auto 
} 
 
.sites-need-block .h2 { 
 font-weight: 700 
} 
 
.sites-need-block-top { 
 display: -webkit-flex; 
 display: -moz-flex; 
 display: -ms-flex; 
 display: -o-flex; 
 display: -webkit-box; 
 display: -ms-flexbox; 
 display: flex; 
 -webkit-flex-wrap: wrap; 
 -ms-flex-wrap: wrap; 
 flex-wrap: wrap; 
 -webkit-box-pack: justify; 
 -webkit-justify-content: space-between; 
 -ms-flex-pack: justify; 
 justify-content: space-between; 
 height: 291px; 
 position: relative 
} 
 
.sites-need-block-top:before { 
 content: ''; 
 position: absolute; 
 top: 0; 
 z-index: -2; 
 width: 100000px; 
 left: -33333px; 
 height: 100%; 
 background-color: #f9f9f9 
} 
 
.sites-need-block-top-left { 
 width: 550px; 
 max-width: 100%; 
 padding-top: 100px; 
 padding-left: 30px 
} 
 
.sites-need-block-top-left .fz14 { 
 color: #c3c3c3; 
 margin-bottom: 7px 
} 
 
.sites-need-block-top-left .h2 { 
 margin-bottom: 13px 
} 
 
.sites-need-block-top-left .semibold { 
 line-height: 21px 
} 
 
.sites-need-block-top-right { 
 padding-top: 30px; 
 position: relative; 
 left: -35px; 
 width: 520px 
} 
 
.sites-need-block-bottom ol { 
 counter-reset: why; 
 list-style-type: none; 
 display: -webkit-flex; 
 display: -moz-flex; 
 display: -ms-flex; 
 display: -o-flex; 
 display: -webkit-box; 
 display: -ms-flexbox; 
 display: flex; 
 -webkit-flex-wrap: wrap; 
 -ms-flex-wrap: wrap; 
 flex-wrap: wrap; 
 padding-top: 38px 
} 
 
.sites-need-block-bottom ol li { 
 counter-increment: why 
} 
 
.sites-need-block-bottom ol li:before { 
 content: counter(why) 
} 
 
.sites-need-block-bottom .h2 { 
 z-index: 1; 
 padding: 30px 0; 
 line-height: 36px; 
 color: #fff; 
 width: 292px; 
 margin-right: 45px; 
 margin-bottom: 42px; 
 position: relative 
} 
 
.sites-need-block-bottom .h2:before { 
 content: ''; 
 position: absolute; 
 background: #ff0090; 
 background: -webkit-gradient(linear, left top, right top, from(#ff0090), to(#e80248)); 
 background: linear-gradient(to right, #ff0090, #e80248); 
 width: 322px; 
 right: 0; 
 height: 100%; 
 z-index: -1; 
 top: 0; 
 box-shadow: 5px 5px 17px rgba(0, 0, 0, .27) 
} 
 
.sites-need-block-bottom li { 
 width: 292px; 
 margin-right: 45px; 
 padding-top: 8px; 
 padding-right: 25px; 
 height: 140px; 
 background-color: #fff; 
 border-radius: 10px 
} 
 
.sites-need-block-bottom li:before { 
 display: none 
} 
 
.sites-need-block-bottom li:nth-of-type(2) { 
 margin-right: 0 
} 
 
.sites-need-block-bottom li:nth-of-type(5) { 
 margin-right: 0 
} 
 
.sites-need-block-bottom .title { 
 font-weight: 700; 
 font-size: 14px; 
 text-transform: uppercase; 
 margin-bottom: 11px 
} 
 
.sites-need-block-bottom .title:before { 
 content: "0" counter(why) "."; 
 color: #f4016c; 
 margin-right: 7px; 
 font-weight: 900 
} 
 
.sites-need-block-bottom .text { 
 line-height: 1.3; 
 font-size: 13px; 
 color: #7f7f7f 
} 
 
.sites-project-section { 
 padding: 0 0 60px 
} 
 
.sites-project-block { 
 background-color: #fff; 
 box-shadow: 5px 5px 43px rgba(0, 0, 0, .1); 
 padding: 140px 95px 120px; 
 position: relative 
} 
 
.sites-project-block:before { 
 content: ''; 
 position: absolute; 
 width: 100000px; 
 top: 303px; 
 left: -30000px; 
 height: 592px; 
 background-color: #f9f9f9; 
 z-index: -1 
} 
 
.sites-project-block .h2 { 
 font-weight: 700; 
 margin-bottom: 13px 
} 
 
.sites-project-block .fz14 { 
 margin-bottom: 35px 
} 
 
.sites-stages-section { 
 padding-top: 65px; 
 padding-bottom: 223px 
} 
 
.sites-stages-header { 
 padding: 0 35px; 
 margin-bottom: 51px; 
 display: -webkit-flex; 
 display: -moz-flex; 
 display: -ms-flex; 
 display: -o-flex; 
 display: -webkit-box; 
 display: -ms-flexbox; 
 display: flex; 
 -webkit-flex-wrap: wrap; 
 -ms-flex-wrap: wrap; 
 flex-wrap: wrap; 
 -webkit-box-pack: justify; 
 -webkit-justify-content: space-between; 
 -ms-flex-pack: justify; 
 justify-content: space-between 
} 
 
.sites-stages-header-left { 
 width: 400px; 
 max-width: 100% 
} 
 
.sites-stages-header-left .h2 { 
 line-height: 36px 
} 
 
.sites-stages-header-left .h2:first-line { 
 font-weight: 700 
} 
 
.sites-stages-header-right { 
 padding-top: 7px; 
 width: 450px; 
 max-width: 100% 
} 
 
.sites-stages-header-right .fz14 { 
 text-align: right; 
 font-weight: 600; 
 color: #616161 
} 
 
.sites-stages-block ul { 
 display: -webkit-flex; 
 display: -moz-flex; 
 display: -ms-flex; 
 display: -o-flex; 
 display: -webkit-box; 
 display: -ms-flexbox; 
 display: flex; 
 -webkit-flex-wrap: wrap; 
 -ms-flex-wrap: wrap; 
 flex-wrap: wrap; 
 -webkit-box-pack: justify; 
 -webkit-justify-content: space-between; 
 -ms-flex-pack: justify; 
 justify-content: space-between; 
 position: relative 
} 
 
.sites-stages-block ul:after { 
 content: ''; 
 position: absolute 
} 
 
.sites-stages-block li { 
 width: 227px; 
 margin: 0 15px 43px; 
 text-align: center 
} 
 
.sites-stages-block li:nth-of-type(5) { 
 position: relative 
} 
 
.sites-stages-block li:nth-of-type(5):after { 
 content: ''; 
 position: absolute; 
 width: 840px; 
 height: 4px; 
 background-color: #f1f1f1; 
 top: 24px; 
 left: 70px; 
 right: 0; 
 margin: auto; 
 z-index: -1 
} 
 
.sites-stages-block li .img { 
 border-radius: 50%; 
 width: 51px; 
 height: 51px; 
 display: -webkit-flex; 
 display: -moz-flex; 
 display: -ms-flex; 
 display: -o-flex; 
 display: -webkit-box; 
 display: -ms-flexbox; 
 display: flex; 
 -webkit-flex-wrap: wrap; 
 -ms-flex-wrap: wrap; 
 flex-wrap: wrap; 
 -webkit-box-align: center; 
 -webkit-align-items: center; 
 -ms-flex-align: center; 
 align-items: center; 
 -webkit-box-pack: center; 
 -webkit-justify-content: center; 
 -ms-flex-pack: center; 
 justify-content: center; 
 color: #f05; 
 margin: 0 auto 15px; 
 background-color: #fff; 
 -webkit-transition: color .3s linear, box-shadow .3s linear; 
 transition: color .3s linear, box-shadow .3s linear; 
 z-index: 1; 
 position: relative 
} 
 
.sites-stages-block li .img:before { 
 content: ''; 
 position: absolute; 
 position: absolute; 
 left: 0; 
 top: 0; 
 width: 100%; 
 height: 100%; 
 background: #ff0090; 
 background: -webkit-gradient(linear, left top, right top, from(#ff0090), to(#e80248)); 
 background: linear-gradient(to right, #ff0090, #e80248); 
 opacity: 0; 
 -webkit-transition: opacity .3s linear; 
 transition: opacity .3s linear; 
 z-index: -1; 
 border-radius: 50% 
} 
 
.sites-stages-block li .img i { 
 font-size: 18px; 
 position: relative; 
 top: -1px; 
 z-index: 2 
} 
 
.sites-stages-block li .img i:before { 
 position: relative; 
 z-index: 2; 
 -webkit-transform: translateZ(10px); 
 transform: translateZ(10px) 
} 
 
.sites-stages-block li .img i.icn-st1 { 
 font-size: 15px; 
 left: 1px; 
 top: 0 
} 
 
.sites-stages-block li .img i.icn-st2 { 
 font-size: 20px 
} 
 
.sites-stages-block li .img i.icn-st3 { 
 font-size: 20px 
} 
 
.sites-stages-block li .img i.icn-st4 { 
 font-size: 20px 
} 
 
.sites-stages-block li .img i.icn-st8 { 
 font-size: 20px 
} 
 
.sites-stages-block li .title { 
 font-weight: 600; 
 margin-bottom: 17px 
} 
 
.sites-stages-block li .fz14 { 
 color: #7f7f7f 
} 
 
.sites-stages-block li .fz14 span { 
 color: #f4016c; 
 text-decoration: underline; 
 font-weight: 600 
} 
 
.sites-stages-block li:nth-of-type(n+5) .img { 
 background-color: #f1f1f1 
} 
 
.sites-stages-block li:first-of-type .img { 
 box-shadow: 4px 4px 8px rgba(0, 0, 0, .18); 
 color: #fff 
} 
 
.sites-stages-block li:first-of-type .img:before { 
 opacity: 1 
} 
 
.sites-stages-block li:first-of-type .img:after { 
 content: ''; 
 position: absolute; 
 opacity: .06; 
 z-index: -1; 
 top: -8px; 
 left: -8px; 
 border-radius: 50%; 
 overflow: hidden; 
 background-color: #303030; 
 width: 67px; 
 height: 67px; 
 -webkit-transition: opacity .3s linear, -webkit-transform .3s linear; 
 transition: opacity .3s linear, -webkit-transform .3s linear; 
 transition: transform .3s linear, opacity .3s linear; 
 transition: transform .3s linear, opacity .3s linear, -webkit-transform .3s linear 
} 
 
.sites-stages-block li:first-of-type .img i { 
 display: inline-block 
} 
 
.sites-results-section { 
 background-color: #f9f9f9 
} 
 
.sites-results-section .block-left-name { 
 z-index: 2 
} 
 
.sites-results-block { 
 display: -webkit-flex; 
 display: -moz-flex; 
 display: -ms-flex; 
 display: -o-flex; 
 display: -webkit-box; 
 display: -ms-flexbox; 
 display: flex; 
 -webkit-flex-wrap: wrap; 
 -ms-flex-wrap: wrap; 
 flex-wrap: wrap; 
 -webkit-box-pack: justify; 
 -webkit-justify-content: space-between; 
 -ms-flex-pack: justify; 
 justify-content: space-between 
} 
 
.sites-results-block-left { 
 background-color: #f9f9f9; 
 position: relative; 
 z-index: 1; 
 padding-left: 98px; 
 padding-top: 85px; 
 padding-bottom: 205px; 
 padding-right: 10px 
} 
 
.sites-results-block-left .h2 { 
 margin-bottom: 24px 
} 
 
.sites-results-block-left p { 
 font-size: 14px; 
 line-height: 21px; 
 margin-bottom: 10px 
} 
 
.sites-results-block-left-bottom { 
 left: 0; 
 bottom: 0; 
 width: 100%; 
 position: absolute; 
 padding-bottom: 49px; 
 text-align: center 
} 
 
.sites-results-block-left-bottom .button { 
 position: relative; 
 z-index: 2 
} 
 
.sites-results-block-left-bottom .img { 
 position: absolute; 
 left: 0; 
 width: 100%; 
 bottom: 0 
} 
 
.sites-results-block-left-bottom .img img { 
 -webkit-backface-visibility: hidden; 
 backface-visibility: hidden 
} 
 
.sites-results-block-right { 
 background-color: #fff; 
 position: relative; 
 width: 57%; 
 padding: 85px 0 97px 80px 
} 
 
.sites-results-block-right:before { 
 content: ''; 
 position: absolute; 
 border-style: solid; 
 border-width: 15px 0 15px 18px; 
 border-color: transparent transparent transparent #f9f9f9; 
 top: 136px; 
 left: -3px 
} 
 
.sites-results-block-right ul { 
 display: -webkit-flex; 
 display: -moz-flex; 
 display: -ms-flex; 
 display: -o-flex; 
 display: -webkit-box; 
 display: -ms-flexbox; 
 display: flex; 
 -webkit-flex-wrap: wrap; 
 -ms-flex-wrap: wrap; 
 flex-wrap: wrap 
} 
 
.sites-results-block-right li { 
 width: 50%; 
 min-height: 197px; 
 padding: 27px 40px 30px 23px; 
 z-index: 1; 
 -webkit-transition: color .3s linear; 
 transition: color .3s linear; 
 color: #303030; 
 position: relative 
} 
 
.sites-results-block-right li:before { 
 content: ''; 
 position: absolute; 
 position: absolute; 
 left: 0; 
 top: 0; 
 width: 100%; 
 height: 100%; 
 background: #ff0090; 
 background: -webkit-gradient(linear, left top, right top, from(#ff0090), to(#e80248)); 
 background: linear-gradient(to right, #ff0090, #e80248); 
 opacity: 0; 
 -webkit-transition: opacity .3s linear; 
 transition: opacity .3s linear; 
 z-index: -1 
} 
 
.sites-results-block-right li .h1 { 
 margin-bottom: 4px; 
 color: #f4016c; 
 -webkit-transition: color .3s linear; 
 transition: color .3s linear 
} 
 
.sites-results-block-right li .h1 small { 
 display: inline-block; 
 margin-left: 10px; 
 font-size: 18px; 
 font-weight: 700; 
 text-transform: uppercase 
} 
 
.sites-results-block-right li .fz14 { 
 margin-bottom: 10px 
} 
 
.sites-results-block-right li .fz12 { 
 line-height: 16px; 
 font-weight: 600; 
 color: #7f7f7f; 
 -webkit-transition: color .3s linear; 
 transition: color .3s linear 
} 
 
.faq-section { 
 padding: 122px 0 114px 
} 
 
.faq-block { 
 position: relative; 
 width: 1004px; 
 max-width: 100%; 
 margin-left: auto; 
 margin-right: auto 
} 
 
.faq-block .elements .el1 { 
 right: 22px; 
 top: 14px; 
 font-size: 373px 
} 
 
.faq-block .elements .el1 img { 
 width: 100%; 
 display: none 
} 
 
.faq-block .elements .el1 i { 
 -webkit-animation: bloom 5s infinite ease; 
 animation: bloom 5s infinite ease 
} 
 
.faq-block-header { 
 margin-bottom: 42px 
} 
 
.faq-block-header .h2 { 
 font-weight: 700; 
 line-height: 1.197; 
 text-transform: uppercase; 
 width: 500px; 
 max-width: 100%; 
 color: #000 
} 
 
.faq-block-header .h2 span { 
 color: #fff; 
 background-color: #f4016c; 
 padding: 0 4px 0 3px; 
 position: relative; 
 margin-left: -3px; 
 margin-right: -4px 
} 
 
.faq-block-list { 
 width: 754px; 
 max-width: 100% 
} 
 
.faq-block-list li { 
 margin-bottom: 29px 
} 
 
.faq-block-list li:last-of-type { 
 margin-bottom: 0 
} 
 
.faq-block-list li.current .faq-item-title { 
 color: #f4016c 
} 
 
.faq-block-list li.current .faq-item-title:before { 
 -webkit-transform: rotate(90deg); 
 -ms-transform: rotate(90deg); 
 transform: rotate(90deg) 
} 
 
@-webkit-keyframes rotate { 
 0% { 
 -webkit-transform: rotate(0); 
 transform: rotate(0) 
 } 
 100% { 
 -webkit-transform: rotate(360deg); 
 transform: rotate(360deg) 
 } 
} 
 
@keyframes rotate { 
 0% { 
 -webkit-transform: rotate(0); 
 transform: rotate(0) 
 } 
 100% { 
 -webkit-transform: rotate(360deg); 
 transform: rotate(360deg) 
 } 
} 
 
@-webkit-keyframes translateGrd { 
 0% { 
 -webkit-transform: translateX(0); 
 transform: translateX(0) 
 } 
 100% { 
 -webkit-transform: translateX(100%); 
 transform: translateX(100%) 
 } 
} 
 
@keyframes translateGrd { 
 0% { 
 -webkit-transform: translateX(0); 
 transform: translateX(0) 
 } 
 100% { 
 -webkit-transform: translateX(100%); 
 transform: translateX(100%) 
 } 
} 
 
@-webkit-keyframes callme { 
 45%, 5% { 
 -webkit-transform: rotate3d(0, 0, 1, -7deg); 
 transform: rotate3d(0, 0, 1, -7deg) 
 } 
 10%, 40% { 
 -webkit-transform: rotate3d(0, 0, 1, 7deg); 
 transform: rotate3d(0, 0, 1, 7deg) 
 } 
 15%, 25%, 35% { 
 -webkit-transform: rotate3d(0, 0, 1, -7deg); 
 transform: rotate3d(0, 0, 1, -7deg) 
 } 
 20%, 30% { 
 -webkit-transform: rotate3d(0, 0, 1, 7deg); 
 transform: rotate3d(0, 0, 1, 7deg) 
 } 
 51% { 
 -webkit-transform: rotate3d(0, 0, 0, 0deg); 
 transform: rotate3d(0, 0, 0, 0deg) 
 } 
 100% { 
 -webkit-transform: rotate3d(0, 0, 0, 0deg); 
 transform: rotate3d(0, 0, 0, 0deg) 
 } 
} 
 
@keyframes callme { 
 45%, 5% { 
 -webkit-transform: rotate3d(0, 0, 1, -7deg); 
 transform: rotate3d(0, 0, 1, -7deg) 
 } 
 10%, 40% { 
 -webkit-transform: rotate3d(0, 0, 1, 7deg); 
 transform: rotate3d(0, 0, 1, 7deg) 
 } 
 15%, 25%, 35% { 
 -webkit-transform: rotate3d(0, 0, 1, -7deg); 
 transform: rotate3d(0, 0, 1, -7deg) 
 } 
 20%, 30% { 
 -webkit-transform: rotate3d(0, 0, 1, 7deg); 
 transform: rotate3d(0, 0, 1, 7deg) 
 } 
 51% { 
 -webkit-transform: rotate3d(0, 0, 0, 0deg); 
 transform: rotate3d(0, 0, 0, 0deg) 
 } 
 100% { 
 -webkit-transform: rotate3d(0, 0, 0, 0deg); 
 transform: rotate3d(0, 0, 0, 0deg) 
 } 
} 
 
@-webkit-keyframes bloom { 
 0% { 
 color: #b7aeb1 
 } 
 50% { 
 color: #f4016c 
 } 
 100% { 
 color: #b7aeb1 
 } 
} 
 
@keyframes bloom { 
 0% { 
 color: #b7aeb1 
 } 
 50% { 
 color: #f4016c 
 } 
 100% { 
 color: #b7aeb1 
 } 
} 
 
@-webkit-keyframes autofill { 
 to { 
 color: inherit; 
 background: 0 0 
 } 
} 
 
input:-webkit-autofill { 
 -webkit-animation-name: autofill; 
 -webkit-animation-fill-mode: both 
} 
 
.input-wrap { 
 position: relative; 
 position: relative 
} 
 
.input-wrap:before { 
 content: ''; 
 position: absolute; 
 width: 32px; 
 height: 32px; 
 line-height: 33px; 
 text-align: center; 
 border-radius: 50%; 
 color: #fff; 
 font-size: 13.69px; 
 -webkit-transition: background-color .3s linear; 
 transition: background-color .3s linear; 
 background-color: #ff0073; 
 display: block; 
 font-family: FontAwesome; 
 left: 0; 
 bottom: 6px; 
 pointer-events: none 
} 
 
.input-wrap:after { 
 content: "\f00c"; 
 font-family: FontAwesome; 
 font-size: 14px; 
 color: #cacaca; 
 line-height: 40px; 
 position: absolute; 
 right: 0; 
 top: 0; 
 width: 38px; 
 text-align: center; 
 pointer-events: none 
} 
 
.input-wrap-name:before { 
 content: "\f007" 
} 
 
.input-wrap-name-o:before { 
 content: "\e91a"; 
 font-family: cava-svg 
} 
 
.input-wrap-tel:before { 
 content: "\f095" 
} 
 
.input-wrap-time:before { 
 content: "\f017" 
} 
 
.input-wrap-time-o:before { 
 content: "\e919"; 
 font-family: cava-svg 
} 
 
.input-wrap-mail:before { 
 content: "\f0e0"; 
 font-size: 11px 
} 
 
.input-wrap.valid:after { 
 color: #80f396 
} 
 
.input-wrap input { 
 border-bottom: #c1c1c1 solid 1px; 
 line-height: 40px; 
 padding: 0 38px 0 45px; 
 -webkit-transition: border-color .3s linear; 
 transition: border-color .3s linear; 
 color: #414141 !important 
} 
 
.input-wrap input:hover { 
 border-color: #fe2a87 
} 
 
.input-wrap input:focus { 
 border-color: #f4016c 
} 
 
.input-wrap-file { 
 cursor: pointer; 
 height: 46px; 
 overflow: hidden; 
 -webkit-transition: color .3s linear; 
 transition: color .3s linear; 
 position: relative 
} 
 
.input-wrap-file:hover { 
 color: #f4016c 
} 
 
.input-wrap-file input { 
 line-height: 46; 
 background-color: #f4016c; 
 cursor: pointer; 
 opacity: 0 
} 
 
.input-wrap-file:before { 
 content: "\f0c6"; 
 font-family: FontAwesome; 
 position: absolute; 
 font-size: 24px; 
 left: 23px; 
 top: 50%; 
 -webkit-transform: translateY(-50%); 
 -ms-transform: translateY(-50%); 
 transform: translateY(-50%); 
 pointer-events: none; 
 -webkit-transition: opacity .3s linear; 
 transition: opacity .3s linear 
} 
 
.input-wrap-file:after { 
 content: 'Прикрепить файл'; 
 position: absolute; 
 top: 0; 
 left: 58px; 
 line-height: 46px; 
 font-size: 14px; 
 -webkit-transition: opacity .3s linear; 
 transition: opacity .3s linear; 
 pointer-events: none 
} 
 
.input-wrap-file.loaded:after, .input-wrap-file.loaded:before { 
 opacity: 0 !important 
} 
 
.input-wrap-file.loaded .file-name { 
 opacity: 1 
} 
 
.input-wrap-file .file-name { 
 opacity: 0; 
 font-size: 14px; 
 pointer-events: none; 
 -webkit-transition: opacity .3s linear; 
 transition: opacity .3s linear; 
 z-index: 2; 
 overflow: hidden; 
 white-space: nowrap; 
 text-overflow: ellipsis; 
 line-height: 46px; 
 text-align: left; 
 color: #383838 !important; 
 position: relative; 
 position: absolute; 
 left: 0; 
 top: 0; 
 width: 100%; 
 height: 100% 
} 
 
.input-wrap-file .file-name:before { 
 content: "\f15b"; 
 font-family: FontAwesome; 
 color: #f4016c; 
 margin-right: 10px 
} 
 
.input-wrap-check { 
 display: -webkit-flex; 
 display: -moz-flex; 
 display: -ms-flex; 
 display: -o-flex; 
 display: -webkit-box; 
 display: -ms-flexbox; 
 display: flex; 
 -webkit-flex-wrap: wrap; 
 -ms-flex-wrap: wrap; 
 flex-wrap: wrap; 
 -webkit-box-pack: center; 
 -webkit-justify-content: center; 
 -ms-flex-pack: center; 
 justify-content: center 
} 
 
.input-wrap-check-input { 
 width: 14px; 
 height: 14px; 
 position: relative; 
 margin-right: 13px; 
 top: 1px 
} 
 
.input-wrap-check-input-crossbrowser { 
 width: inherit; 
 height: inherit; 
 top: 0; 
 pointer-events: none; 
 border-radius: 3px; 
 overflow: hidden; 
 position: absolute 
} 
 
.input-wrap-check-input-crossbrowser:after, .input-wrap-check-input-crossbrowser:before { 
 content: ''; 
 position: absolute; 
 position: absolute; 
 left: 0; 
 top: 0; 
 width: 100%; 
 height: 100% 
} 
 
.input-wrap-check-input-crossbrowser:before { 
 background-color: #dcdcdc; 
 border-radius: 3px; 
 -webkit-transition: background-color .3s linear; 
 transition: background-color .3s linear 
} 
 
.input-wrap-check-input-crossbrowser:after { 
 content: '\f00c'; 
 font-family: FontAwesome; 
 font-size: 9px; 
 color: #515151; 
 text-align: center; 
 line-height: 14px; 
 opacity: 0; 
 -webkit-transition: color .2s linear, opacity .2s linear; 
 transition: color .2s linear, opacity .2s linear 
} 
 
.input-wrap-check-input input { 
 width: 14px; 
 height: 14px; 
 cursor: pointer; 
 margin-top: 0; 
 opacity: 0 
} 
 
.input-wrap-check-input input:checked + .input-wrap-check-input-crossbrowser:before { 
 background-color: #6fcf97 
} 
 
.input-wrap-check-input input:checked + .input-wrap-check-input-crossbrowser:after { 
 opacity: 1; 
 color: #fff 
} 
 
.input-wrap-check-input input:hover + .input-wrap-check-input-crossbrowser:before { 
 background-color: #fe2a87 
} 
 
.input-wrap-check-input input:hover + .input-wrap-check-input-crossbrowser:after { 
 color: #fff 
} 
 
.input-wrap-check-text { 
 width: -webkit-calc(100% - 27px); 
 width: calc(100% - 27px) 
} 
 
.input-wrap-check p { 
 font-size: 14px 
} 
 
.input-wrap-comment input { 
 padding-left: 14px 
} 
 
.form-actions .input-wrap { 
 margin-bottom: 28px 
} 
 
.form-actions .input-wrap:after { 
 width: 45px 
} 
 
.form-actions .input-wrap-change { 
 display: -webkit-flex; 
 display: -moz-flex; 
 display: -ms-flex; 
 display: -o-flex; 
 display: -webkit-box; 
 display: -ms-flexbox; 
 display: flex; 
 -webkit-flex-wrap: wrap; 
 -ms-flex-wrap: wrap; 
 flex-wrap: wrap 
} 
 
.form-actions .input-wrap-change .input-wrap { 
 overflow: hidden; 
 width: 33px; 
 -webkit-transition: width .3s linear; 
 transition: width .3s linear; 
 cursor: pointer 
} 
 
.form-actions .input-wrap-change .input-wrap:after { 
 opacity: 0; 
 -webkit-transition: color .3s linear, opacity .3s linear; 
 transition: color .3s linear, opacity .3s linear 
} 
 
.form-actions .input-wrap-change .input-wrap:not(.current):before { 
 background: #b4b4b4 
} 
 
.form-actions .input-wrap-change .input-wrap input { 
 pointer-events: none 
} 
 
.form-actions .input-wrap-change .input-wrap:first-of-type { 
 width: 43px 
} 
 
.form-actions .input-wrap-change .input-wrap:first-of-type + .current { 
 width: -webkit-calc(100% - 43px); 
 width: calc(100% - 43px) 
} 
 
.form-actions .input-wrap-change .input-wrap.current { 
 width: -webkit-calc(100% - 33px); 
 width: calc(100% - 33px) 
} 
 
.form-actions .input-wrap-change .input-wrap.current input { 
 cursor: text; 
 pointer-events: auto 
} 
 
.form-actions .input-wrap-change .input-wrap.current:after { 
 opacity: 1 
} 
 
.form-actions .input-wrap-change .input-wrap:hover input { 
 border-color: #fe2a87 
} 
 
.form-actions .input-wrap-change .input-soc-tg:before { 
 content: "\f1d8"; 
 font-size: 12px 
} 
 
.form-actions .input-wrap-change .input-soc-sk:before { 
 content: "\f17e"; 
 font-size: 15px 
} 
 
.form-actions .input-wrap-check { 
 margin-right: -5px; 
 margin-bottom: 22px 
} 
 
.form-actions .input-wrap-submit { 
 display: -webkit-flex; 
 display: -moz-flex; 
 display: -ms-flex; 
 display: -o-flex; 
 display: -webkit-box; 
 display: -ms-flexbox; 
 display: flex; 
 -webkit-flex-wrap: wrap; 
 -ms-flex-wrap: wrap; 
 flex-wrap: wrap; 
 -webkit-box-pack: end; 
 -webkit-justify-content: flex-end; 
 -ms-flex-pack: end; 
 justify-content: flex-end 
} 
 
.form-actions .input-wrap-submit .button { 
 width: 165px 
} 
 
.form-actions .input-wrap-submit .button input { 
 line-height: 48px; 
 width: 165px 
} 
 
.form-project { 
 position: relative; 
 z-index: 1 
} 
 
.form-project .input-wrap input { 
 font-size: .875em 
} 
 
.form-project .input-wrap:before { 
 background-color: #ef015d; 
 background-image: none 
} 
 
.form-project-top { 
 margin-bottom: 28px; 
 display: -webkit-flex; 
 display: -moz-flex; 
 display: -ms-flex; 
 display: -o-flex; 
 display: -webkit-box; 
 display: -ms-flexbox; 
 display: flex; 
 -webkit-flex-wrap: wrap; 
 -ms-flex-wrap: wrap; 
 flex-wrap: wrap; 
 -webkit-box-pack: justify; 
 -webkit-justify-content: space-between; 
 -ms-flex-pack: justify; 
 justify-content: space-between 
} 
 
.form-project-top .input-wrap { 
 width: 293px 
} 
 
.form-project-middle { 
 margin-bottom: 23px 
} 
 
.form-project-bottom { 
 display: -webkit-flex; 
 display: -moz-flex; 
 display: -ms-flex; 
 display: -o-flex; 
 display: -webkit-box; 
 display: -ms-flexbox; 
 display: flex; 
 -webkit-flex-wrap: wrap; 
 -ms-flex-wrap: wrap; 
 flex-wrap: wrap; 
 -webkit-box-pack: justify; 
 -webkit-justify-content: space-between; 
 -ms-flex-pack: justify; 
 justify-content: space-between 
} 
 
.form-project-bottom-left { 
 padding-top: 20px 
} 
 
.form-project-bottom-right { 
 padding-top: 4px; 
 display: -webkit-flex; 
 display: -moz-flex; 
 display: -ms-flex; 
 display: -o-flex; 
 display: -webkit-box; 
 display: -ms-flexbox; 
 display: flex; 
 -webkit-flex-wrap: wrap; 
 -ms-flex-wrap: wrap; 
 flex-wrap: wrap; 
 width: 460px; 
 max-width: 100% 
} 
 
.form-project-bottom-right .input-wrap-file { 
 width: 220px; 
 margin-top: 1px 
} 
 
.form-project-bottom-right .input-wrap-submit { 
 width: 235px 
} 
 
.form-project-bottom-right .input-wrap-submit .btn { 
 width: 235px 
} 
 
.popup-recall-form .input-wrap { 
 margin-bottom: 23px 
} 
 
.popup-recall-form .input-wrap:before { 
 background: 0 0; 
 color: #818181; 
 font-size: 16px 
} 
 
.popup-recall-form .input-wrap input { 
 font-size: .8125em 
} 
 
.popup-recall-form .input-wrap-submit { 
 margin-top: 25px 
} 
 
.popup-recall-form .input-wrap-submit .btn { 
 width: 238px 
} 
 
.contacts-form .input-wrap { 
 width: 275px; 
 max-width: 100%; 
 margin-bottom: 16px 
} 
 
.contacts-form .input-wrap:after, .contacts-form .input-wrap:before { 
 display: none 
} 
 
.contacts-form .input-wrap .label { 
 font-size: .875em; 
 margin-bottom: 14px; 
 display: inline-block 
} 
 
.contacts-form .input-wrap input { 
 padding-left: 0; 
 font-size: .875em; 
 line-height: 30px; 
 border-bottom: #000 solid 1px 
} 
 
.contacts-form .input-wrap input:hover { 
 border-color: #f4016c 
} 
 
.contacts-form .input-wrap input:focus { 
 border-color: #ff006c 
} 
 
.contacts-form .input-wrap-check { 
 margin: 32px 0 
} 
 
.contacts-form .input-wrap-submit .btn { 
 box-shadow: none 
} 
 
.main-services-section { 
 padding-top: 145px; 
 padding-bottom: 135px 
} 
 
.main-services-block { 
 display: -webkit-flex; 
 display: -moz-flex; 
 display: -ms-flex; 
 display: -o-flex; 
 display: -webkit-box; 
 display: -ms-flexbox; 
 display: flex; 
 -webkit-flex-wrap: wrap; 
 -ms-flex-wrap: wrap; 
 flex-wrap: wrap; 
 position: relative; 
 -webkit-box-pack: justify; 
 -webkit-justify-content: space-between; 
 -ms-flex-pack: justify; 
 justify-content: space-between 
} 
 
.main-services-block .elements .el1 { 
 left: 535px; 
 top: -200px 
} 
 
.main-services-block .elements .el1 .img { 
 position: relative 
} 
 
.main-services-block .--mobile { 
 text-align: center; 
 color: #161616; 
 width: 100%; 
 padding-top: 30px; 
 margin-bottom: 0; 
 margin-bottom: 20px 
} 
 
.main-services-block .--mobile .h4 { 
 font-weight: 700; 
 margin-bottom: 13px; 
 font-size: 1.3125em 
} 
 
.main-services-block .--mobile p { 
 font-size: .75em 
} 
 
.main-services-block .--mobile p:first-of-type { 
 font-weight: 700; 
 margin-bottom: 5px 
} 
 
.main-services-block-left { 
 width: 360px 
} 
 
.main-services-block-left ul { 
 margin: 0 -6px; 
 display: -webkit-flex; 
 display: -moz-flex; 
 display: -ms-flex; 
 display: -o-flex; 
 display: -webkit-box; 
 display: -ms-flexbox; 
 display: flex; 
 -webkit-flex-wrap: wrap; 
 -ms-flex-wrap: wrap; 
 flex-wrap: wrap; 
 -webkit-box-pack: center; 
 -webkit-justify-content: center; 
 -ms-flex-pack: center; 
 justify-content: center; 
 -webkit-box-align: center; 
 -webkit-align-items: center; 
 -ms-flex-align: center; 
 align-items: center 
} 
 
.main-services-block-left li { 
 margin: 6px; 
 background-color: #fff; 
 box-shadow: 0 4px 12px rgba(0, 0, 0, .15); 
 width: -webkit-calc(50% - 14px); 
 width: calc(50% - 14px); 
 text-align: center; 
 color: #2a2a2a; 
 -webkit-transform: translate3d(0, 0, 0); 
 transform: translate3d(0, 0, 0); 
 -webkit-backface-visibility: hidden; 
 backface-visibility: hidden; 
 -webkit-perspective: 1000px; 
 perspective: 1000px; 
 will-change: box-shadow; 
 -webkit-transition: color .3s linear, box-shadow .3s linear, -webkit-transform .3s linear; 
 transition: color .3s linear, box-shadow .3s linear, -webkit-transform .3s linear; 
 transition: color .3s linear, box-shadow .3s linear, transform .3s linear; 
 transition: color .3s linear, box-shadow .3s linear, transform .3s linear, -webkit-transform .3s linear 
} 
 
.main-services-block-left li a { 
 height: 174px; 
 padding: 20px 10px; 
 display: block 
} 
 
.main-services-block-left li .img { 
 height: 65px; 
 line-height: 60px; 
 -webkit-transition: color .3s linear; 
 transition: color .3s linear 
} 
 
.main-services-block-left li .img .fil0 { 
 -webkit-transition: fill .3s linear; 
 transition: fill .3s linear 
} 
 
.main-services-block-left li .img i, .main-services-block-left li .img img, .main-services-block-left li .img svg { 
 display: inline-block; 
 font-size: 37px; 
 height: 37px; 
 width: auto; 
 vertical-align: middle 
} 
 
.main-services-block-left li:first-of-type .img i { 
 position: relative; 
 top: -5px 
} 
 
.main-services-block-left li .title { 
 font-size: .81437em; 
 font-weight: 700; 
 margin-bottom: 10px 
} 
 
.main-services-block-left li .desc { 
 font-size: .75em; 
 height: 43px; 
 font-weight: 400; 
 overflow: hidden; 
 color: #888 
} 
 
.main-services-block-right { 
 width: 375px; 
 color: #161616; 
 padding-right: 40px; 
 padding-top: 30px; 
 position: relative 
} 
 
.main-services-block-right .h2 { 
 font-weight: 900; 
 opacity: .93; 
 margin-bottom: 17px 
} 
 
.main-services-block-right p { 
 font-size: .875em; 
 margin-bottom: 16px; 
 line-height: 1.483 
} 
 
.main-services-block-right p:first-of-type { 
 font-weight: 700 
} 
 
.main-advantages-section { 
 background-color: #f3f3f3; 
 padding-top: 95px; 
 padding-bottom: 40px; 
 overflow: initial 
} 
 
.main-advantages-block { 
 color: #000; 
 display: -webkit-flex; 
 display: -moz-flex; 
 display: -ms-flex; 
 display: -o-flex; 
 display: -webkit-box; 
 display: -ms-flexbox; 
 display: flex; 
 -webkit-flex-wrap: wrap; 
 -ms-flex-wrap: wrap; 
 flex-wrap: wrap; 
 -webkit-box-pack: justify; 
 -webkit-justify-content: space-between; 
 -ms-flex-pack: justify; 
 justify-content: space-between; 
 position: relative; 
 z-index: 1 
} 
 
.main-advantages-block .elements { 
 z-index: -1 
} 
 
.main-advantages-block .elements .el .img { 
 position: relative 
} 
 
.main-advantages-block-left { 
 width: 360px; 
 max-width: 100% 
} 
 
.main-advantages-block-left .sticky-text { 
 position: -webkit-sticky; 
 position: sticky; 
 top: 90px 
} 
 
.main-advantages-block-left .h6 { 
 margin-bottom: 9px 
} 
 
.main-advantages-block-left .h2 { 
 font-weight: 700; 
 text-transform: uppercase 
} 
 
.main-advantages-block-right { 
 width: 595px; 
 max-width: 100%; 
 padding-top: 29px 
} 
 
.main-advantages-block-right ol { 
 list-style-type: none; 
 counter-reset: advantages 
} 
 
.main-advantages-block-right li { 
 counter-increment: advantages; 
 width: 335px; 
 max-width: 100%; 
 padding-left: 75px; 
 position: relative 
} 
 
.main-advantages-block-right li:before { 
 content: "0" counter(advantages); 
 position: absolute; 
 font-weight: 700; 
 color: #ff3989; 
 font-size: 42px; 
 width: 75px; 
 text-align: center; 
 left: 0; 
 top: -10px 
} 
 
.main-advantages-block-right li .title { 
 position: relative; 
 position: relative 
} 
 
.main-advantages-block-right li .title:before { 
 content: ''; 
 position: absolute; 
 width: 72px; 
 height: 64px; 
 left: -76px; 
 top: -16px; 
 border: #fff solid 2px; 
 -webkit-transition: border-color .3s linear, -webkit-transform .3s linear; 
 transition: border-color .3s linear, -webkit-transform .3s linear; 
 transition: border-color .3s linear, transform .3s linear; 
 transition: border-color .3s linear, transform .3s linear, -webkit-transform .3s linear; 
 -webkit-transform-origin: 0 0; 
 -ms-transform-origin: 0 0; 
 transform-origin: 0 0; 
 -webkit-transform: scale(0); 
 -ms-transform: scale(0); 
 transform: scale(0); 
 z-index: -1 
} 
 
.main-advantages-block-right li .title:after { 
 content: ''; 
 position: absolute; 
 width: 15px; 
 height: 13px; 
 top: 35px; 
 left: -19px; 
 background-color: #f3f3f3 
} 
 
.main-advantages-block-right li:hover .title { 
 color: #ff3989 
} 
 
.main-advantages-block-right li:hover .title:before { 
 -webkit-transform: scale(1); 
 -ms-transform: scale(1); 
 transform: scale(1) 
} 
 
.main-advantages-block-right .title { 
 font-weight: 700; 
 text-transform: uppercase; 
 margin-bottom: 6px; 
 -webkit-transition: color .3s linear; 
 transition: color .3s linear 
} 
 
.main-advantages-block-right .desc { 
 font-size: .875em; 
 color: #777; 
 font-weight: 400; 
 line-height: 1.22 
} 
 
.seo-need-section .sites-need-block-top:before { 
 background-color: #fbfbfb 
} 
 
.seo-need-block { 
 width: 321px 
} 
 
.seo-need-block .h2 { 
 font-size: 30px 
} 
 
.seo-need-block-inner { 
 padding: 34px 40px; 
 padding-right: 50px 
} 
 
.seo-need-block-inner .text { 
 font-size: 16px !important; 
 margin-bottom: 20px; 
 color: #414141 
} 
 
.seo-need-block-inner .text span { 
 font-weight: 700; 
 text-transform: uppercase 
} 
 
.seo-need-block-inner .btn { 
 width: 203px 
} 
 
.seo-need-list { 
 width: 640px; 
 display: -webkit-flex; 
 display: -moz-flex; 
 display: -ms-flex; 
 display: -o-flex; 
 display: -webkit-box; 
 display: -ms-flexbox; 
 display: flex; 
 -webkit-flex-wrap: wrap; 
 -ms-flex-wrap: wrap; 
 flex-wrap: wrap; 
 position: relative 
} 
 
.seo-need-list li { 
 padding-left: 50px; 
 width: 320px; 
 margin-right: 0; 
 position: relative; 
 padding-top: 15px; 
 padding-right: 10px 
} 
 
.seo-need-list li .number { 
 position: absolute; 
 font-size: 60px; 
 color: #f9017c; 
 font-weight: 700; 
 top: 2px; 
 left: 0; 
 width: 50px; 
 text-align: center; 
 display: inline-block 
} 
 
.seo-need-list li .title { 
 margin-bottom: 6px 
} 
 
.seo-need-list li .title:before { 
 display: none 
} 
 
.seo-need-list li .title span { 
 color: #f9017c 
} 
 
.seo-need-mobile { 
 display: none; 
 text-align: center; 
 width: 100%; 
 padding-bottom: 35px 
} 
 
.seo-need-mobile .title { 
 width: 205px; 
 max-width: 100%; 
 margin-left: auto; 
 margin-right: auto; 
 font-size: .875em; 
 font-weight: 400; 
 text-transform: none 
} 
 
.seo-need-mobile .title:before { 
 display: none 
} 
 
.seo-need-mobile .title span { 
 font-weight: 700; 
 text-transform: uppercase 
} 
 
.seo-need-mobile .btn { 
 width: 230px; 
 margin-top: 9px 
} 
 
.seo-info-section { 
 padding: 138px 0 114px 
} 
 
.seo-info-block { 
 display: -webkit-flex; 
 display: -moz-flex; 
 display: -ms-flex; 
 display: -o-flex; 
 display: -webkit-box; 
 display: -ms-flexbox; 
 display: flex; 
 -webkit-flex-wrap: wrap; 
 -ms-flex-wrap: wrap; 
 flex-wrap: wrap; 
 -webkit-box-pack: justify; 
 -webkit-justify-content: space-between; 
 -ms-flex-pack: justify; 
 justify-content: space-between; 
 -webkit-box-align: start; 
 -webkit-align-items: flex-start; 
 -ms-flex-align: start; 
 align-items: flex-start 
} 
 
.seo-info-block-left { 
 box-shadow: 0 0 40px rgba(0, 0, 0, .1); 
 margin-top: 4px; 
 position: relative; 
 background-color: #fff 
} 
 
.seo-info-block-left .icons-list li { 
 position: absolute 
} 
 
.seo-info-block-left .icons-list li:nth-of-type(1) { 
 top: 20px; 
 left: -72px 
} 
 
.seo-info-block-left .icons-list li:nth-of-type(2) { 
 top: 88px; 
 right: -81px 
} 
 
.seo-info-block-left .icons-list li:nth-of-type(3) { 
 bottom: -58px; 
 right: -55px 
} 
 
.seo-info-block-left .icons-list li:nth-of-type(4) { 
 bottom: -69px; 
 left: -42px 
} 
 
.seo-info-block-right .text { 
 margin-bottom: 6px 
} 
 
.seo-info-block-right .fz28 { 
 margin-bottom: 30px 
} 
 
.seo-project-section .sites-project-block:before { 
 display: none 
} 
 
.seo-partners-section { 
 text-align: center; 
 padding: 12px 0 129px 
} 
 
.seo-partners-header { 
 margin-bottom: 56px 
} 
 
.seo-partners-header .h2 { 
 font-weight: 700 
} 
 
.seo-partners-block ul { 
 display: -webkit-flex; 
 display: -moz-flex; 
 display: -ms-flex; 
 display: -o-flex; 
 display: -webkit-box; 
 display: -ms-flexbox; 
 display: flex; 
 -webkit-flex-wrap: wrap; 
 -ms-flex-wrap: wrap; 
 flex-wrap: wrap; 
 -webkit-box-pack: justify; 
 -webkit-justify-content: space-between; 
 -ms-flex-pack: justify; 
 justify-content: space-between 
} 
 
.seo-partners-block li { 
 width: 15% 
} 
 
.seo-partners-block li:nth-of-type(3), .seo-partners-block li:nth-of-type(4) { 
 margin-bottom: 0 
} 
 
.seo-partners-block .img { 
 height: 80px; 
 line-height: 80px; 
 -webkit-transition: -webkit-transform .3s linear; 
 transition: -webkit-transform .3s linear; 
 transition: transform .3s linear; 
 transition: transform .3s linear, -webkit-transform .3s linear 
} 
 
.seo-partners-block .img:hover { 
 -webkit-transform: scale(.9); 
 -ms-transform: scale(.9); 
 transform: scale(.9) 
} 
 
.seo-faq-section .block-left-name span:before { 
 content: "" counter(block-name) " " 
} 
 
.works-section { 
 padding: 30px 0 25px; 
 text-align: center 
} 
 
.works-block ul { 
 display: -webkit-flex; 
 display: -moz-flex; 
 display: -ms-flex; 
 display: -o-flex; 
 display: -webkit-box; 
 display: -ms-flexbox; 
 display: flex; 
 -webkit-flex-wrap: wrap; 
 -ms-flex-wrap: wrap; 
 flex-wrap: wrap; 
 margin-left: -6px; 
 margin-right: -6px 
} 
 
.works-block li { 
 width: 288px; 
 padding-top: 40px; 
 padding-bottom: 44px 
} 
 
.works-block li .img { 
 margin-bottom: 21px 
} 
 
.works-pagination { 
 padding: 48px 0 
} 
 
.work-section { 
 padding-top: 70px; 
 text-align: center; 
 padding-bottom: 72px 
} 
 
.work-block-bottom { 
 color: #303030; 
 padding-top: 63px; 
 position: relative 
} 
 
.work-block-bottom:before { 
 content: ''; 
 position: absolute; 
 width: 77px; 
 height: 73px; 
 background-image: url(../images/arrow.png); 
 bottom: 10px; 
 left: 370px; 
 left: -webkit-calc(50% - 200px); 
 left: calc(50% - 200px) 
} 
 
.work-block-bottom .h1 { 
 font-weight: 700; 
 margin-bottom: 21px 
} 
 
.work-block-bottom p { 
 width: 500px; 
 max-width: 100%; 
 margin-left: auto; 
 margin-right: auto; 
 margin-bottom: 65px 
} 
 
.work-block-bottom .btn { 
 width: 211px 
} 
 
.blog-block { 
 display: -webkit-flex; 
 display: -moz-flex; 
 display: -ms-flex; 
 display: -o-flex; 
 display: -webkit-box; 
 display: -ms-flexbox; 
 display: flex; 
 -webkit-flex-wrap: wrap; 
 -ms-flex-wrap: wrap; 
 flex-wrap: wrap; 
 -webkit-box-pack: justify; 
 -webkit-justify-content: space-between; 
 -ms-flex-pack: justify; 
 justify-content: space-between 
} 
 
.blog-block-left { 
 width: 750px; 
 max-width: 100%; 
 padding-top: 5px 
} 
 
.blog-block-left .posts-list li { 
 margin-bottom: 51px 
} 
 
.blog-block-right { 
 width: 335px; 
 max-width: 100% 
} 
 
.blog-block-right .h4 { 
 font-weight: 700 
} 
 
.blog-block-right .popular-list { 
 margin-bottom: 50px 
} 
 
.blog-block-right .popular-list .h4 { 
 margin-bottom: 25px 
} 
 
.blog-block-right .popular-list li { 
 margin-bottom: 16px 
} 
 
.blog-block-right .popular-list a { 
 display: -webkit-flex; 
 display: -moz-flex; 
 display: -ms-flex; 
 display: -o-flex; 
 display: -webkit-box; 
 display: -ms-flexbox; 
 display: flex; 
 -webkit-flex-wrap: wrap; 
 -ms-flex-wrap: wrap; 
 flex-wrap: wrap; 
 -webkit-box-pack: justify; 
 -webkit-justify-content: space-between; 
 -ms-flex-pack: justify; 
 justify-content: space-between; 
 color: #475048 
} 
 
.blog-block-right .popular-list a:hover .title { 
 color: #f4016c 
} 
 
.blog-block-right .popular-list .img { 
 position: relative; 
 width: 60px; 
 height: 60px 
} 
 
.blog-block-right .popular-list .img img { 
 position: absolute; 
 left: 0; 
 top: 0; 
 width: 100%; 
 height: 100%; 
 object-fit: cover 
} 
 
.blog-block-right .popular-list .text { 
 width: 257px; 
 width: -webkit-calc(100% - 78px); 
 width: calc(100% - 78px); 
 font-size: .875em 
} 
 
.blog-block-right .popular-list .date { 
 display: block; 
 opacity: .82; 
 margin-bottom: 5px 
} 
 
.blog-block-right .popular-list .title { 
 display: block; 
 font-weight: 700; 
 line-height: 17px; 
 -webkit-transition: color .3s linear; 
 transition: color .3s linear 
} 
 
.blog-block-pagination { 
 width: 100%; 
 padding: 17px 0 60px 40px 
} 
 
.single-section { 
 position: static; 
 overflow: initial 
} 
 
.single-block { 
 display: -webkit-flex; 
 display: -moz-flex; 
 display: -ms-flex; 
 display: -o-flex; 
 display: -webkit-box; 
 display: -ms-flexbox; 
 display: flex; 
 -webkit-flex-wrap: wrap; 
 -ms-flex-wrap: wrap; 
 flex-wrap: wrap; 
 -webkit-box-pack: justify; 
 -webkit-justify-content: space-between; 
 -ms-flex-pack: justify; 
 justify-content: space-between 
} 
 
.single-block-left .sticky-thumb { 
 position: -webkit-sticky; 
 position: sticky; 
 top: 105px 
} 
 
.single-block-left .img img { 
 width: 100%; 
 height: auto 
} 
 
.single-desc { 
 font-size: 1.3125em; 
 font-weight: 700; 
 line-height: 27.46px 
} 
 
.single-content h1, .single-content h2, .single-content h3, .single-content h4, .single-content h5, .single-content h6 { 
 font-weight: 700; 
 margin: 20px 0 
} 
 
.single-content h2 { 
 font-size: 1.3125em; 
 margin: 34px 0 17px 
} 
 
.single-content h3 { 
 font-size: 1.25em 
} 
 
.single-content h4 { 
 font-size: 1.1875em 
} 
 
.single-content h5 { 
 font-size: 1.125em 
} 
 
.single-content h6 { 
 font-size: 1em 
} 
 
.single-content li { 
 font-size: 1.125em; 
 line-height: 24px 
} 
 
.single-content ul { 
 margin: 19px 0 15px; 
 padding-left: 15px 
} 
 
.single-content ul li { 
 margin: 20px 0 
} 
 
.single-content ul li:last-of-type { 
 margin-bottom: 0 
} 
 
.single-content ul li:before { 
 content: '● '; 
 margin-right: 5px 
} 
 
.single-content ol { 
 counter-reset: single-ol; 
 list-style-type: none; 
 margin: 30px 0 27px 
} 
 
.single-content ol li { 
 counter-increment: single-ol; 
 padding-left: 23px; 
 position: relative; 
 margin: 14px 0 
} 
 
.single-content ol li:before { 
 content: counter(single-ol) ". "; 
 display: inline-block; 
 height: 100%; 
 position: absolute; 
 left: 0; 
 top: 0 
} 
 
.single-content img { 
 width: 100%; 
 display: block; 
 margin: 27px 0 30px 
} 
 
.single-content p { 
 line-height: 28px; 
 margin: 14px 0 
} 
 
.single-content blockquote { 
 margin: 23px 0 31px; 
 background-color: #e6e6e6; 
 position: relative; 
 padding-left: 100px; 
 padding-right: 45px; 
 font-style: italic; 
 padding-top: 20px; 
 padding-bottom: 23px; 
 line-height: 24px; 
 color: #6b6b6b; 
 -webkit-transition: background-color .3s linear, color .3s linear; 
 transition: background-color .3s linear, color .3s linear; 
 position: relative 
} 
 
.single-content blockquote:before { 
 content: '”'; 
 font-size: 60px; 
 display: inline-block; 
 -webkit-transform: rotate(180deg); 
 -ms-transform: rotate(180deg); 
 transform: rotate(180deg); 
 font-weight: 700; 
 position: absolute; 
 font-style: normal; 
 left: 14px; 
 top: 14px; 
 color: #000 
} 
 
.single-content blockquote:after { 
 content: ''; 
 position: absolute; 
 width: 2px; 
 top: 20px; 
 bottom: 20px; 
 margin: auto; 
 background-color: #303030; 
 left: 69px 
} 
 
.single-content blockquote:hover { 
 background-color: #f3f3f3; 
 color: #303030 
} 
 
.single-content blockquote span { 
 display: block; 
 font-style: normal; 
 font-size: 1.125em; 
 font-weight: 600; 
 text-transform: uppercase; 
 margin-top: 20px; 
 color: #303030 
} 
 
.single-content a { 
 display: inline-block; 
 font-weight: 700; 
 text-decoration: underline; 
 -webkit-transition: color .3s linear; 
 transition: color .3s linear 
} 
 
.single-content a:hover { 
 color: #f4016c 
} 
 
.single-share { 
 display: -webkit-flex; 
 display: -moz-flex; 
 display: -ms-flex; 
 display: -o-flex; 
 display: -webkit-box; 
 display: -ms-flexbox; 
 display: flex; 
 -webkit-flex-wrap: wrap; 
 -ms-flex-wrap: wrap; 
 flex-wrap: wrap; 
 padding-top: 5px; 
 margin-bottom: 40px 
} 
 
.single-share .btn-share { 
 margin-right: 30px 
} 
 
.single-share .socials ul { 
 display: -webkit-flex; 
 display: -moz-flex; 
 display: -ms-flex; 
 display: -o-flex; 
 display: -webkit-box; 
 display: -ms-flexbox; 
 display: flex; 
 -webkit-flex-wrap: wrap; 
 -ms-flex-wrap: wrap; 
 flex-wrap: wrap 
} 
 
.single-share .socials li { 
 margin-right: 7px 
} 
 
.single-share .socials a { 
 display: block; 
 width: 32px; 
 line-height: 32px; 
 text-align: center; 
 background-color: #f3016d; 
 color: #fff; 
 font-size: 1.125em; 
 -webkit-transition: background-color .3s linear; 
 transition: background-color .3s linear 
} 
 
.single-share .socials a:hover { 
 background-color: #fe4396 
} 
 
.single-share .socials a .fa-instagram { 
 position: relative; 
 top: 1px 
} 
 
.single-share .socials a .fa-vk { 
 position: relative; 
 top: 0 
} 
 
.single-share .socials a .fa-facebook { 
 position: relative; 
 top: 1px; 
 left: -1px 
} 
 
.single-bottom { 
 padding-top: 71px; 
 padding-bottom: 44px 
} 
 
.single-bottom .h4 { 
 font-weight: 700; 
 margin-bottom: 30px 
} 
 
.single-bottom ul { 
 display: -webkit-flex; 
 display: -moz-flex; 
 display: -ms-flex; 
 display: -o-flex; 
 display: -webkit-box; 
 display: -ms-flexbox; 
 display: flex; 
 -webkit-flex-wrap: wrap; 
 -ms-flex-wrap: wrap; 
 flex-wrap: wrap 
} 
 
.single-bottom li { 
 width: 23%; 
 margin-right: 2.66666% 
} 
 
.single-bottom li:nth-of-type(4n) { 
 margin-right: 0 
} 
 
.single-bottom a { 
 display: block; 
 -webkit-transition: color .3s linear; 
 transition: color .3s linear 
} 
 
.single-bottom a:hover { 
 color: #f4016c 
} 
 
.single-bottom a:hover img { 
 -webkit-transform: scale(1.1); 
 -ms-transform: scale(1.1); 
 transform: scale(1.1) 
} 
 
.single-bottom .img { 
 position: relative; 
 width: 100%; 
 height: 156px; 
 margin-bottom: 20px; 
 overflow: hidden 
} 
 
.single-bottom .img img { 
 position: absolute; 
 left: 0; 
 top: 0; 
 width: 100%; 
 height: 100%; 
 object-fit: cover 
} 
 
.single-bottom .img img { 
 -webkit-transition: -webkit-transform .3s linear; 
 transition: -webkit-transform .3s linear; 
 transition: transform .3s linear; 
 transition: transform .3s linear, -webkit-transform .3s linear 
} 
 
.single-bottom .title { 
 font-weight: 600; 
 margin-bottom: 5px; 
 padding-left: 5px 
} 
 
.single-bottom .date { 
 padding-left: 5px; 
 font-size: .75em; 
 color: #475048; 
 opacity: .82 
} 
 
.reviews-block-list li { 
 margin-bottom: 24px 
} 
 
.reviews-block-pagination { 
 padding-top: 29px 
} 
 
.reviews-project-section .block-left-name { 
 display: none 
} 
 
.reviews-project-section .sites-project-block { 
 padding: 0; 
 box-shadow: none; 
 width: 848px; 
 left: 35px; 
 margin: 0 auto 
} 
 
.reviews-project-section .sites-project-block:before { 
 display: none 
} 
 
.about-social-section { 
 padding-top: 45px; 
 padding-bottom: 45px 
} 
 
.about-social-block-mobile { 
 text-align: center 
} 
 
.about-social-block-mobile .h4 { 
 font-weight: 700; 
 text-transform: uppercase; 
 margin-bottom: 12px 
} 
 
.about-social-block-mobile .h6 { 
 padding: 0 15px; 
 line-height: 20.28px 
} 
 
.about-social-block-mobile-socials { 
 margin-top: 20px 
} 
 
.about-social-block-mobile-socials ul { 
 display: -webkit-flex; 
 display: -moz-flex; 
 display: -ms-flex; 
 display: -o-flex; 
 display: -webkit-box; 
 display: -ms-flexbox; 
 display: flex; 
 -webkit-flex-wrap: wrap; 
 -ms-flex-wrap: wrap; 
 flex-wrap: wrap; 
 -webkit-box-pack: center; 
 -webkit-justify-content: center; 
 -ms-flex-pack: center; 
 justify-content: center 
} 
 
.about-social-block-mobile-socials li { 
 margin: 0 14px 
} 
 
.about-social-block-mobile-socials a { 
 display: block; 
 line-height: 44px; 
 width: 48px; 
 border: #ff006f solid 2px; 
 font-size: 1.5em; 
 color: #ff006f; 
 border-radius: 8px 
} 
 
.about-social-block-desctop { 
 display: -webkit-flex; 
 display: -moz-flex; 
 display: -ms-flex; 
 display: -o-flex; 
 display: -webkit-box; 
 display: -ms-flexbox; 
 display: flex; 
 -webkit-flex-wrap: wrap; 
 -ms-flex-wrap: wrap; 
 flex-wrap: wrap; 
 -webkit-box-pack: justify; 
 -webkit-justify-content: space-between; 
 -ms-flex-pack: justify; 
 justify-content: space-between 
} 
 
.about-social-block-desctop-left { 
 width: 585px; 
 max-width: 100%; 
 margin-left: -40px 
} 
 
.about-social-block-desctop-right { 
 width: 360px; 
 max-width: 100%; 
 padding-top: 70px 
} 
 
.about-partners-section { 
 z-index: 1; 
 position: relative 
} 
 
.about-partners-section:before { 
 content: ''; 
 position: absolute; 
 background-color: #f9f9f9; 
 height: 363px; 
 left: 0; 
 width: 100%; 
 bottom: 0; 
 z-index: -1 
} 
 
.about-partners-block { 
 box-shadow: -5px 5px 27px rgba(0, 0, 0, .04); 
 background-color: #fff 
} 
 
.about-partners-block ul { 
 display: -webkit-flex; 
 display: -moz-flex; 
 display: -ms-flex; 
 display: -o-flex; 
 display: -webkit-box; 
 display: -ms-flexbox; 
 display: flex; 
 -webkit-flex-wrap: wrap; 
 -ms-flex-wrap: wrap; 
 flex-wrap: wrap 
} 
 
.about-partners-block li { 
 width: 16.6666666666666666%; 
 padding: 1px; 
 height: 190px; 
 display: -webkit-flex; 
 display: -moz-flex; 
 display: -ms-flex; 
 display: -o-flex; 
 display: -webkit-box; 
 display: -ms-flexbox; 
 display: flex; 
 -webkit-flex-wrap: wrap; 
 -ms-flex-wrap: wrap; 
 flex-wrap: wrap; 
 -webkit-box-pack: center; 
 -webkit-justify-content: center; 
 -ms-flex-pack: center; 
 justify-content: center; 
 -webkit-box-align: center; 
 -webkit-align-items: center; 
 -ms-flex-align: center; 
 align-items: center; 
 align-items: center; 
 justify-content: center; 
 text-align: center; 
 background-color: #fff 
} 
 
.about-partners-block li:hover img { 
 -webkit-transform: scale(1.1); 
 -ms-transform: scale(1.1); 
 transform: scale(1.1) 
} 
 
.about-partners-block li:first-of-type { 
 width: 33.33333333333333%; 
 text-align: left; 
 padding-left: 24px; 
 -webkit-transition: color .3s linear; 
 transition: color .3s linear 
} 
 
.about-partners-block li:first-of-type:hover { 
 color: #f4016c 
} 
 
.about-partners-block li:first-of-type .h3 { 
 font-weight: 700; 
 text-transform: uppercase; 
 margin-bottom: 8px; 
 color: #303030 
} 
 
.about-partners-block li:first-of-type .desc { 
 color: #000 
} 
 
.about-partners-block li img { 
 -webkit-transition: -webkit-transform .3s linear; 
 transition: -webkit-transform .3s linear; 
 transition: transform .3s linear; 
 transition: transform .3s linear, -webkit-transform .3s linear; 
 width: auto; 
 height: auto; 
 max-width: 101px; 
 max-height: 86px 
} 
 
.p404-section { 
 text-align: center; 
 display: -webkit-flex; 
 display: -moz-flex; 
 display: -ms-flex; 
 display: -o-flex; 
 display: -webkit-box; 
 display: -ms-flexbox; 
 display: flex; 
 -webkit-flex-wrap: wrap; 
 -ms-flex-wrap: wrap; 
 flex-wrap: wrap; 
 -webkit-box-align: center; 
 -webkit-align-items: center; 
 -ms-flex-align: center; 
 align-items: center; 
 height: 100vh; 
 padding-top: 50px; 
 min-height: 568px 
} 
 
.p404-block { 
 line-height: 1.147 
} 
 
.p404-block .img { 
 margin-bottom: 10px 
} 
 
.p404-block .img img { 
 margin: 0 auto 
} 
 
.p404-block .s1340 { 
 display: none 
} 
 
.p404-block .s1920 { 
 display: block 
} 
 
.p404-block .h3 { 
 margin-bottom: 11px; 
 font-weight: 700 
} 
 
.p404-block p { 
 margin-bottom: 25px; 
 color: #828282; 
 width: 430px; 
 max-width: 100%; 
 margin-left: auto; 
 margin-right: auto 
} 
 
.p404-block .btn { 
 width: 262px 
} 
 
.contacts { 
 padding: 85px 0 0 
} 
 
.contacts-block { 
 display: -webkit-flex; 
 display: -moz-flex; 
 display: -ms-flex; 
 display: -o-flex; 
 display: -webkit-box; 
 display: -ms-flexbox; 
 display: flex; 
 -webkit-flex-wrap: wrap; 
 -ms-flex-wrap: wrap; 
 flex-wrap: wrap; 
 -webkit-box-pack: justify; 
 -webkit-justify-content: space-between; 
 -ms-flex-pack: justify; 
 justify-content: space-between 
} 
 
.contacts-block-bc { 
 width: 100%; 
 text-align: left; 
 margin-bottom: 25px 
} 
 
.contacts-block-bc .breadcrumbs { 
 display: inline-block 
} 
 
.contacts-block-left { 
 width: 464px; 
 max-width: 100%; 
 position: relative 
} 
 
.contacts-block-left .elements .el1 { 
 display: none; 
 font-weight: 700; 
 text-transform: uppercase; 
 color: #f8f8f8; 
 font-size: 81px; 
 -webkit-transform: rotate(90deg); 
 -ms-transform: rotate(90deg); 
 transform: rotate(90deg); 
 -webkit-transform-origin: 50% 50%; 
 -ms-transform-origin: 50% 50%; 
 transform-origin: 50% 50%; 
 top: 166px; 
 height: 120px; 
 width: 608px; 
 right: -280px; 
 right: -252px; 
 top: 235px; 
 z-index: -1 
} 
 
.contacts-block-left .fz52 { 
 font-size: 3.25em; 
 font-weight: 700; 
 text-transform: uppercase; 
 margin-bottom: 46px 
} 
 
.contacts-block-left .tel { 
 font-size: 1em 
} 
 
.contacts-block-left .lists a { 
 -webkit-transition: color .3s linear; 
 transition: color .3s linear 
} 
 
.contacts-block-left .lists a:hover { 
 color: #f4016c 
} 
 
.contacts-block-left .lists .title { 
 font-weight: 700; 
 font-size: .875em; 
 margin-bottom: 14px 
} 
 
.contacts-block-left .lists .desc { 
 font-size: .875em; 
 line-height: 1.8; 
 color: #828282 
} 
 
.contacts-block-left .lists .desc sup { 
 font-size: 7px; 
 display: inline-block; 
 position: relative; 
 top: -4px; 
 left: -3px 
} 
 
.contacts-block-left .lists-top { 
 display: -webkit-flex; 
 display: -moz-flex; 
 display: -ms-flex; 
 display: -o-flex; 
 display: -webkit-box; 
 display: -ms-flexbox; 
 display: flex; 
 -webkit-flex-wrap: wrap; 
 -ms-flex-wrap: wrap; 
 flex-wrap: wrap; 
 -webkit-box-pack: justify; 
 -webkit-justify-content: space-between; 
 -ms-flex-pack: justify; 
 justify-content: space-between 
} 
 
.contacts-block-left .lists-top .list-item { 
 width: 180px 
} 
 
.contacts-block-left .lists-bottom { 
 display: -webkit-flex; 
 display: -moz-flex; 
 display: -ms-flex; 
 display: -o-flex; 
 display: -webkit-box; 
 display: -ms-flexbox; 
 display: flex; 
 -webkit-flex-wrap: wrap; 
 -ms-flex-wrap: wrap; 
 flex-wrap: wrap; 
 -webkit-box-pack: justify; 
 -webkit-justify-content: space-between; 
 -ms-flex-pack: justify; 
 justify-content: space-between; 
 margin-top: 10px 
} 
 
.contacts-block-left .lists-bottom .title { 
 margin-bottom: 28px 
} 
 
.contacts-block-left .lists-bottom a { 
 -webkit-transition: -webkit-transform .3s linear; 
 transition: -webkit-transform .3s linear; 
 transition: transform .3s linear; 
 transition: transform .3s linear, -webkit-transform .3s linear 
} 
 
.contacts-block-left .lists-bottom a:hover { 
 -webkit-transform: scale(1.3); 
 -ms-transform: scale(1.3); 
 transform: scale(1.3) 
} 
 
.contacts-block-left .lists-bottom .messenger-list ul { 
 margin-left: -10px; 
 margin-bottom: 11px; 
 display: -webkit-flex; 
 display: -moz-flex; 
 display: -ms-flex; 
 display: -o-flex; 
 display: -webkit-box; 
 display: -ms-flexbox; 
 display: flex; 
 -webkit-flex-wrap: wrap; 
 -ms-flex-wrap: wrap; 
 flex-wrap: wrap 
} 
 
.contacts-block-left .lists-bottom .messenger-list a { 
 width: 38px; 
 text-align: center; 
 display: block; 
 font-size: 1.25em 
} 
 
.contacts-block-left .lists-bottom .messenger-list a i.icn-tm { 
 position: relative; 
 top: 0; 
 left: -3px 
} 
 
.contacts-block-left .lists-bottom .messenger-list a i.icn-mail { 
 font-size: 16px; 
 position: relative; 
 top: -1px 
} 
 
.contacts-block-left .lists-bottom .messenger-list a i.icn-skype { 
 position: relative; 
 top: 0; 
 left: 3px 
} 
 
.contacts-block-left .lists-bottom .social-list { 
 width: 193px; 
 margin-left: -13px; 
 margin-top: -2px 
} 
 
.contacts-block-left .lists-bottom .social-list ul { 
 margin-left: 4px 
} 
 
.contacts-block-left .lists-bottom .social-list a { 
 width: 35px 
} 
 
.contacts-block-left .lists-bottom .social-list .fa { 
 font-size: 24px; 
 font-weight: 500 
} 
 
.contacts-block-left .lists-bottom .social-list .fa-facebook { 
 font-size: 21px 
} 
 
.contacts-block-left .lists-bottom .social-list .fa-vk { 
 font-size: 28px 
} 
 
.contacts-block-left .lists-bottom .social-list .fa-instagram { 
 font-size: 23px 
} 
 
.contacts-block-left .lists .list-item { 
 margin-bottom: 58px 
} 
 
.contacts-block-right { 
 width: 392px; 
 max-width: 100%; 
 padding-top: 21px 
} 
 
.contacts-block-right .h3 { 
 text-transform: uppercase; 
 font-weight: 700; 
 margin-bottom: 39px 
} 
 
.contacts-map { 
 padding: 26px 0 69px 
} 
 
.contacts-map-block { 
 display: -webkit-flex; 
 display: -moz-flex; 
 display: -ms-flex; 
 display: -o-flex; 
 display: -webkit-box; 
 display: -ms-flexbox; 
 display: flex; 
 -webkit-flex-wrap: wrap; 
 -ms-flex-wrap: wrap; 
 flex-wrap: wrap; 
 -webkit-box-pack: justify; 
 -webkit-justify-content: space-between; 
 -ms-flex-pack: justify; 
 justify-content: space-between 
} 
 
.contacts-map-block-left { 
 width: 292px; 
 max-width: 100%; 
 padding-top: 45px 
} 
 
.contacts-map-block-left p { 
 color: #828282; 
 height: 54px; 
 line-height: 1.2; 
 margin-bottom: 24px 
} 
 
.contacts-map-block-left p:last-of-type { 
 margin-bottom: 0; 
 line-height: 1.4; 
 height: auto 
} 
 
.contacts-map-block-left .btn-consult { 
 height: 88px; 
 width: 100%; 
 background-color: #f2f2f2; 
 text-align: left; 
 font-size: .875em; 
 font-weight: 700; 
 display: -webkit-flex; 
 display: -moz-flex; 
 display: -ms-flex; 
 display: -o-flex; 
 display: -webkit-box; 
 display: -ms-flexbox; 
 display: flex; 
 -webkit-flex-wrap: wrap; 
 -ms-flex-wrap: wrap; 
 flex-wrap: wrap; 
 -webkit-align-content: center; 
 -ms-flex-line-pack: center; 
 align-content: center; 
 margin-bottom: 28px; 
 line-height: 24px; 
 -webkit-transition: background-color .3s linear, color .3s linear; 
 transition: background-color .3s linear, color .3s linear; 
 position: relative 
} 
 
.contacts-map-block-left .btn-consult i { 
 font-size: 18px; 
 line-height: 24px; 
 margin-left: 7px; 
 -webkit-transition: -webkit-transform .3s linear; 
 transition: -webkit-transform .3s linear; 
 transition: transform .3s linear; 
 transition: transform .3s linear, -webkit-transform .3s linear 
} 
 
.contacts-map-block-left .btn-consult:before { 
 content: ''; 
 position: absolute; 
 height: 100%; 
 right: 100%; 
 top: 0; 
 width: 10000px; 
 background-color: inherit 
} 
 
.contacts-map-block-left .btn-consult:hover { 
 background-color: #f4016c; 
 color: #fff 
} 
 
.contacts-map-block-left .btn-consult:hover i { 
 -webkit-transform: translateX(5px); 
 -ms-transform: translateX(5px); 
 transform: translateX(5px) 
} 
 
.contacts-map-block-right { 
 width: 658px; 
 max-width: 100% 
} 
 
.contacts-map-block-right .map-block { 
 height: 301px; 
 overflow: hidden; 
 margin-right: -webkit-calc((100vw - 950px) / -2); 
 margin-right: calc((100vw - 950px) / -2); 
 position: relative 
} 
 
.contacts-map-block-right .map-block-tip { 
 background-color: #fff; 
 position: absolute; 
 height: 88px; 
 display: -webkit-flex; 
 display: -moz-flex; 
 display: -ms-flex; 
 display: -o-flex; 
 display: -webkit-box; 
 display: -ms-flexbox; 
 display: flex; 
 -webkit-flex-wrap: wrap; 
 -ms-flex-wrap: wrap; 
 flex-wrap: wrap; 
 -webkit-align-content: center; 
 -ms-flex-line-pack: center; 
 align-content: center; 
 left: 0; 
 z-index: 2; 
 top: -webkit-calc(50% - 44px); 
 top: calc(50% - 44px); 
 width: 289px; 
 padding-left: 46px; 
 margin-top: 16px; 
 padding-top: 20px; 
 padding-bottom: 10px 
} 
 
.contacts-map-block-right .map-block-tip .title { 
 color: #1f1f1f; 
 width: 100%; 
 font-weight: 700; 
 margin-bottom: 7px 
} 
 
.contacts-map-block-right .map-block-tip .desc { 
 color: #828282; 
 font-size: .625em; 
 width: 100% 
} 
 
.contacts-map-block-right .map-block-inner { 
 margin: -100px 
} 
 
.footer { 
 position: relative; 
 z-index: 1; 
 background-color: #fff; 
 box-shadow: 0 0 55px rgba(0, 0, 0, .08); 
 padding-top: 50px; 
 padding-bottom: 35px 
} 
 
.footer-block { 
 display: -webkit-flex; 
 display: -moz-flex; 
 display: -ms-flex; 
 display: -o-flex; 
 display: -webkit-box; 
 display: -ms-flexbox; 
 display: flex; 
 -webkit-flex-wrap: wrap; 
 -ms-flex-wrap: wrap; 
 flex-wrap: wrap; 
 -webkit-box-pack: justify; 
 -webkit-justify-content: space-between; 
 -ms-flex-pack: justify; 
 justify-content: space-between 
} 
 
.footer-block-left { 
 width: 320px; 
 max-width: 100%; 
 padding-top: 2px 
} 
 
.footer-block-left-top { 
 margin-bottom: 48px 
} 
 
.footer-block-left-top .title { 
 margin-bottom: 17px; 
 font-weight: 700; 
 font-size: 2.49125em; 
 text-transform: uppercase; 
 margin-left: -3px 
} 
 
.footer-block-left-top .title span { 
 color: #ff006c 
} 
 
.footer-block-left-top .desc { 
 font-weight: 700; 
 font-size: .875em 
} 
 
.footer-block-left-socials { 
 margin-bottom: 47px 
} 
 
.footer-block-left-socials .title { 
 margin-bottom: 12px; 
 font-weight: 600 
} 
 
.footer-block-left-socials ul { 
 margin-left: -10px; 
 margin-bottom: 11px; 
 display: -webkit-flex; 
 display: -moz-flex; 
 display: -ms-flex; 
 display: -o-flex; 
 display: -webkit-box; 
 display: -ms-flexbox; 
 display: flex; 
 -webkit-flex-wrap: wrap; 
 -ms-flex-wrap: wrap; 
 flex-wrap: wrap 
} 
 
.footer-block-left-socials a { 
 width: 40px; 
 text-align: center; 
 display: block; 
 font-size: 1.25em; 
 -webkit-transition: -webkit-transform .3s linear; 
 transition: -webkit-transform .3s linear; 
 transition: transform .3s linear; 
 transition: transform .3s linear, -webkit-transform .3s linear 
} 
 
.footer-block-left-socials a i { 
 background: #fe1d9e; 
 background: linear-gradient(36deg, #fe1d9e, #fa165f); 
 -webkit-background-clip: text; 
 -webkit-text-fill-color: transparent 
} 
 
.footer-block-left-socials a i.icn-tm { 
 position: relative; 
 top: 0; 
 left: -3px 
} 
 
.footer-block-left-socials a i.icn-mail { 
 font-size: 16px; 
 position: relative; 
 top: -1px 
} 
 
.footer-block-left-socials a i.icn-skype { 
 position: relative; 
 top: 0; 
 left: 3px 
} 
 
.footer-block-left-socials a:hover { 
 -webkit-transform: scale(1.3); 
 -ms-transform: scale(1.3); 
 transform: scale(1.3) 
} 
 
.footer-block-left-socials .desc { 
 color: #7c7c7c; 
 font-size: .875em 
} 
 
.footer-block-left-bottom .copy { 
 line-height: 24px; 
 color: #7c7c7c; 
 font-size: .875em 
} 
 
.footer-block-right { 
 width: 750px; 
 max-width: 100%; 
 display: -webkit-flex; 
 display: -moz-flex; 
 display: -ms-flex; 
 display: -o-flex; 
 display: -webkit-box; 
 display: -ms-flexbox; 
 display: flex; 
 -webkit-flex-wrap: wrap; 
 -ms-flex-wrap: wrap; 
 flex-wrap: wrap 
} 
 
.footer-block-right .pages-col + .pages-col { 
 margin-top: 30px 
} 
 
.footer-block-right .pages-col .title { 
 font-weight: 700; 
 padding: 8px 0 
} 
 
.footer-block-right .pages-col li { 
 font-size: .875em; 
 color: #7c7c7c 
} 
 
.footer-block-right .pages-col a { 
 padding: 8px 0; 
 display: inline-block; 
 position: relative 
} 
 
.footer-block-right .pages-col a:before { 
 content: ''; 
 position: absolute; 
 width: 110%; 
 width: -webkit-calc(100% + 10px); 
 width: calc(100% + 10px); 
 top: 51%; 
 background-color: currentColor; 
 left: -5px; 
 height: 2px; 
 -webkit-transition: -webkit-transform .3s linear; 
 transition: -webkit-transform .3s linear; 
 transition: transform .3s linear; 
 transition: transform .3s linear, -webkit-transform .3s linear; 
 -webkit-transform-origin: 0 50%; 
 -ms-transform-origin: 0 50%; 
 transform-origin: 0 50%; 
 -webkit-transform: scale(0); 
 -ms-transform: scale(0); 
 transform: scale(0) 
} 
 
.footer-block-right .pages-col a:hover { 
 color: #f4016c 
} 
 
.footer-block-right .pages-col a:hover:before { 
 -webkit-transform: scale(1); 
 -ms-transform: scale(1); 
 transform: scale(1) 
} 
 
.footer-block-right-col1 { 
 width: 302px 
} 
 
.footer-block-right-col2 { 
 width: 252px 
} 
 
.footer-block-right-col3 { 
 width: 195px; 
 padding-top: 8px 
} 
 
.footer-block-right-col3 .title { 
 font-weight: 700 
} 
 
.footer-block-right-phone { 
 margin-bottom: 55px 
} 
 
.footer-block-right-phone .title { 
 margin-bottom: 15px 
} 
 
.footer-block-right-phone .phone { 
 margin-bottom: 15px; 
 font-weight: 600; 
 margin-left: -10px 
} 
 
.footer-block-right-phone .phone a { 
 display: block; 
 pointer-events: none; 
 -webkit-transition: color .3s linear; 
 transition: color .3s linear 
} 
 
.footer-block-right-phone .phone a:hover { 
 color: #f4016c 
} 
 
.footer-block-right-phone .desc { 
 color: #7c7c7c; 
 font-size: .8125em 
} 
 
.footer-block-right-question { 
 margin-bottom: 64px 
} 
 
.footer-block-right-question .title { 
 margin-bottom: 13px 
} 
 
.footer-block-right-socials .social-list { 
 margin-left: -9px; 
 margin-top: 12px 
} 
 
.footer-block-right-socials .social-list a { 
 width: 38px; 
 color: #ff006c 
} 
 
.footer-block-right-socials .social-list .fa { 
 font-size: 20.25px; 
 font-weight: 500 
} 
 
.footer-block-right-socials .social-list .fa-vk { 
 font-size: 22.5px 
} 
 
.footer-block-right-socials .social-list .fa-instagram { 
 font-weight: 700 
} 
 
.footer .social-list { 
 display: inline-block 
} 
 
.footer-mobile { 
 display: none 
} 
 
.footer-mobile-top { 
 text-align: center; 
 background-color: #f8f8f8; 
 padding-top: 35px; 
 padding-bottom: 36px 
} 
 
.footer-mobile-top .title { 
 font-weight: 700; 
 font-size: 1.3125em; 
 text-transform: uppercase; 
 margin-bottom: 1px 
} 
 
.footer-mobile-top .title span { 
 color: #ff006c 
} 
 
.footer-mobile-top .desc { 
 color: #333; 
 opacity: .82; 
 font-weight: 600; 
 font-size: .75em; 
 margin-bottom: 15px 
} 
 
.footer-mobile-top .btn { 
 line-height: 42px; 
 font-size: .7775em; 
 margin-bottom: 27px 
} 
 
.footer-mobile-top .tel { 
 display: block; 
 font-weight: 700; 
 font-size: 1.16625em; 
 color: #292929; 
 opacity: .88; 
 margin-bottom: 9px 
} 
 
.footer-mobile-top .time { 
 font-size: .75em; 
 color: #7c7c7c; 
 margin-bottom: 39px 
} 
 
.footer-mobile-top .mobile-socials ul { 
 margin-bottom: 7px; 
 display: -webkit-flex; 
 display: -moz-flex; 
 display: -ms-flex; 
 display: -o-flex; 
 display: -webkit-box; 
 display: -ms-flexbox; 
 display: flex; 
 -webkit-flex-wrap: wrap; 
 -ms-flex-wrap: wrap; 
 flex-wrap: wrap; 
 -webkit-box-pack: center; 
 -webkit-justify-content: center; 
 -ms-flex-pack: center; 
 justify-content: center 
} 
 
.footer-mobile-top .mobile-socials a { 
 width: 36px; 
 text-align: center; 
 display: block; 
 font-size: 1.1875em 
} 
 
.footer-mobile-top .mobile-socials a i { 
 color: #ff006f 
} 
 
.footer-mobile-top .mobile-socials a i.icn-mail { 
 font-size: 16px 
} 
 
.footer-mobile-top .h6 { 
 font-size: .75em; 
 color: #919191 
} 
 
.footer-mobile-bottom { 
 padding: 30px 15px 0 
} 
 
.footer-mobile-bottom-pages { 
 padding-left: 5px; 
 display: -webkit-flex; 
 display: -moz-flex; 
 display: -ms-flex; 
 display: -o-flex; 
 display: -webkit-box; 
 display: -ms-flexbox; 
 display: flex; 
 -webkit-flex-wrap: wrap; 
 -ms-flex-wrap: wrap; 
 flex-wrap: wrap 
} 
 
.footer-mobile-bottom-pages-col { 
 width: 50%; 
 padding-left: 19px 
} 
 
.footer-mobile-bottom-pages-col:first-of-type { 
 padding-left: 0 
} 
 
.footer-mobile-bottom-pages-col .pages-col > a { 
 font-weight: 700 
} 
 
.footer-mobile-bottom-pages-col .pages-col li { 
 color: #7c7c7c 
} 
 
.footer-mobile-bottom-pages-col .pages-col a { 
 padding: 4px 0; 
 display: block; 
 font-size: .6875em; 
 -webkit-transition: color .3s linear; 
 transition: color .3s linear 
} 
 
.footer-mobile-bottom-pages-col .pages-col a:hover { 
 color: #f4016c 
} 
 
.footer-mobile-bottom-pages-col .pages-col + .pages-col { 
 margin-top: 21px 
} 
 
.footer-mobile-bottom-info { 
 display: -webkit-flex; 
 display: -moz-flex; 
 display: -ms-flex; 
 display: -o-flex; 
 display: -webkit-box; 
 display: -ms-flexbox; 
 display: flex; 
 -webkit-flex-wrap: wrap; 
 -ms-flex-wrap: wrap; 
 flex-wrap: wrap; 
 -webkit-box-pack: justify; 
 -webkit-justify-content: space-between; 
 -ms-flex-pack: justify; 
 justify-content: space-between; 
 padding-top: 22px; 
 padding-bottom: 17px 
} 
 
.footer-mobile-bottom-info-left { 
 width: 50%; 
 padding-left: 5px; 
 padding-top: 8px 
} 
 
.footer-mobile-bottom-info-left .copy { 
 font-size: .75em; 
 color: #919191; 
 line-height: 1.7 
} 
 
.footer-mobile-bottom-info-right { 
 width: 50%; 
 padding-left: 22px; 
 position: relative 
} 
 
.footer-mobile-bottom-info-right .social-list ul { 
 margin-left: -6px 
} 
 
.footer-mobile-bottom-info-right .social-list a { 
 width: 32px; 
 color: #ff006c 
} 
 
.footer-mobile-bottom-info-right .social-list .fa { 
 font-size: 18px 
} 
 
.footer-mobile-bottom-info-right .social-list .fa-vk { 
 font-size: 19.89px 
} 
 
.footer-mobile-bottom-info-right .title { 
 color: #323232; 
 opacity: .62; 
 font-size: .75em; 
 margin-top: 5px 
} 
 
.popup-main { 
 position: fixed; 
 top: 0; 
 left: 0; 
 width: 100%; 
 height: 100%; 
 background-color: rgba(0, 0, 0, .7); 
 z-index: 99999; 
 color: #575757; 
 overflow: auto; 
 display: none 
} 
 
.popup-wrapper { 
 position: absolute; 
 left: 0; 
 top: 0; 
 width: 100%; 
 height: 100%; 
 display: -webkit-flex; 
 display: -moz-flex; 
 display: -ms-flex; 
 display: -o-flex; 
 display: -webkit-box; 
 display: -ms-flexbox; 
 display: flex; 
 -webkit-flex-wrap: wrap; 
 -ms-flex-wrap: wrap; 
 flex-wrap: wrap; 
 -webkit-box-pack: center; 
 -webkit-justify-content: center; 
 -ms-flex-pack: center; 
 justify-content: center; 
 -webkit-box-align: center; 
 -webkit-align-items: center; 
 -ms-flex-align: center; 
 align-items: center; 
 -webkit-box-orient: vertical; 
 -webkit-box-direction: normal; 
 -webkit-flex-direction: column; 
 -ms-flex-direction: column; 
 flex-direction: column 
} 
 
.popup-close { 
 position: absolute; 
 top: 0; 
 right: 0; 
 padding: 18px; 
 font-size: 32px; 
 cursor: pointer 
} 
 
.popup-close:hover { 
 color: #f4016c 
} 
 
.popup-close:hover .close-icon:before { 
 background-color: #f4016c 
} 
 
.popup-close:hover .close-icon:after { 
 -webkit-transform: rotate(135deg); 
 -ms-transform: rotate(135deg); 
 transform: rotate(135deg); 
 background-color: #f4016c 
} 
 
.popup-content { 
 position: relative; 
 display: -webkit-box; 
 display: -webkit-flex; 
 display: -ms-flexbox; 
 display: flex; 
 width: 420px; 
 max-width: 100%; 
 min-height: 0 
} 
 
.popup-content-inner { 
 width: 100% 
} 
 
.popup-content-main { 
 background-color: #fff; 
 border-radius: 12px 
} 
 
.popup-recall .popup-content { 
 width: 360px 
} 
 
.popup-recall-block { 
 text-align: center; 
 padding: 60px 35px 27px 
} 
 
.popup-recall-block .h4 { 
 font-weight: 700; 
 color: #292929; 
 margin-bottom: 25px; 
 text-transform: uppercase; 
 font-size: 1.625em 
} 
 
.popup-recall-block .h6 { 
 color: #000; 
 opacity: .65; 
 margin-bottom: 17px 
} 
 
.popup-recall-block .fz12 { 
 color: #5d5d5d 
} 
 
.popup-recall-block .input-wrap-check-text p { 
 text-align: left; 
 font-size: 11px; 
 line-height: 14px 
} 
 
.popup-request .popup-content { 
 width: 754px 
} 
 
.popup-request-block-inner { 
 width: 272px 
} 
 
.popup-request-block-inner .h4 { 
 font-weight: 700; 
 margin-bottom: 20px; 
 text-transform: uppercase; 
 font-size: 1.625em 
} 
 
.popup-request-block-inner .h6 { 
 color: #888; 
 margin-top: 17px; 
 font-size: .8125em 
} 
 
.popup-request-block-inner .form-actions .input-wrap { 
 margin-bottom: 8px 
} 
 
.popup-request-block-inner .form-actions .input-wrap:before { 
 bottom: 7px 
} 
 
.popup-request-block-inner .form-actions .input-wrap input { 
 font-size: .8125em; 
 line-height: 45px 
} 
 
.popup-request-block-inner .form-actions .input-wrap-check { 
 margin-top: 10px 
} 
 
.popup-request-block-inner .form-actions .input-wrap-check-input { 
 top: 0 
} 
 
.popup-request-block-inner .form-actions .input-wrap-check-text p { 
 font-size: 10px; 
 line-height: 14px; 
 text-align: left 
} 
 
.popup-request-block-inner .form-actions .input-wrap-submit { 
 margin-top: 7px; 
 -webkit-box-pack: start; 
 -webkit-justify-content: flex-start; 
 -ms-flex-pack: start; 
 justify-content: flex-start 
} 
 
.popup-request-block-inner .form-actions .input-wrap-submit .btn { 
 width: 238px; 
 padding: 0 
} 
 
.popup-mobile-cat .popup-close, .popup-mobile-cat-portfolio .popup-close { 
 padding: 16px 28px 
} 
 
.popup-mobile-cat .popup-close .close-icon, .popup-mobile-cat-portfolio .popup-close .close-icon { 
 width: 14px 
} 
 
.popup-mobile-cat .popup-content, .popup-mobile-cat-portfolio .popup-content { 
 padding: 0 15px 
} 
 
.popup-mobile-cat .cat-list, .popup-mobile-cat-portfolio .cat-list { 
 padding: 14px 15px 10px 
} 
 
.popup-sert .popup-content { 
 width: auto 
} 
 
.popup-sert img { 
 max-height: 95vh 
} 
 
.popup-video .popup-close { 
 z-index: 2 
} 
 
.popup-video .popup-close .close-icon { 
 color: #fff 
} 
 
.popup-video .popup-content { 
 width: auto 
} 
 
.popup-video .popup-content-main { 
 background-color: transparent 
} 
 
.popup-video video { 
 max-height: 95vh 
} 
 
.popup-desc-block { 
 padding: 55px 15px 15px 
} 
 
.popup-desc-block .tag { 
 position: absolute; 
 left: 0; 
 top: 0; 
 font-size: 12px; 
 padding: 15px 15px 
} 
 
.popup-desc-block .tag a { 
 color: rgba(24, 24, 24, .58) 
} 
 
.popup-desc-block .tag a:before { 
 content: '#' 
} 
 
.popup-desc-block .logo { 
 margin-bottom: 25px 
} 
 
.popup-desc-block .logo img { 
 width: auto; 
 height: auto; 
 max-width: 250px; 
 max-height: 60px; 
 object-fit: scale-down 
} 
 
.popup-desc-block .title { 
 font-size: 1.125em; 
 font-weight: 700; 
 margin-bottom: 15px; 
 color: #181818 
} 
 
.popup-desc-block .link { 
 margin-bottom: 15px 
} 
 
.popup-desc-block .link a { 
 color: #00acd2; 
 text-decoration: underline; 
 -webkit-transition: color .3s linear; 
 transition: color .3s linear 
} 
 
.popup-desc-block .link a:hover { 
 color: #f4016c 
} 
 
.popup-desc-block .desc { 
 font-size: .875em 
} 
 
.popup-desc-block .desc p { 
 margin-bottom: 5px; 
 opacity: .8 
} 
 
.popup-thanks .popup-close { 
 z-index: 2 
} 
 
.popup-thanks .popup-content { 
 width: 852px 
} 
 
.popup-thanks .popup-content-main { 
 border-radius: 12px 
} 
 
.popup-thanks-block { 
 position: relative; 
 min-height: 423px; 
 overflow: hidden; 
 padding: 100px 0 0 85px 
} 
 
.popup-thanks-block-left { 
 width: 440px; 
 max-width: 100% 
} 
 
.popup-thanks-block-left .h2 { 
 font-weight: 700; 
 text-transform: uppercase; 
 margin-bottom: 14px 
} 
 
.popup-thanks-block-left p { 
 margin-bottom: 32px 
} 
 
.popup-thanks-block-left .thanks-socials { 
 margin-bottom: 24px 
} 
 
.popup-thanks-block-left .thanks-socials ul { 
 display: -webkit-flex; 
 display: -moz-flex; 
 display: -ms-flex; 
 display: -o-flex; 
 display: -webkit-box; 
 display: -ms-flexbox; 
 display: flex; 
 -webkit-flex-wrap: wrap; 
 -ms-flex-wrap: wrap; 
 flex-wrap: wrap 
} 
 
.popup-thanks-block-left .thanks-socials li { 
 margin-right: 17px 
} 
 
.popup-thanks-block-left .thanks-socials li:last-of-type { 
 margin-right: 0 
} 
 
.popup-thanks-block-left .thanks-socials a { 
 display: block; 
 -webkit-transition: -webkit-transform .3s linear; 
 transition: -webkit-transform .3s linear; 
 transition: transform .3s linear; 
 transition: transform .3s linear, -webkit-transform .3s linear 
} 
 
.popup-thanks-block-left .thanks-socials a:hover { 
 -webkit-transform: translateY(-5px); 
 -ms-transform: translateY(-5px); 
 transform: translateY(-5px) 
} 
 
.popup-thanks-block-left .h6 { 
 color: #828282; 
 width: 360px; 
 max-width: 100% 
} 
 
.popup-thanks-block-right { 
 position: absolute; 
 bottom: 0; 
 right: 10px; 
 width: 337px; 
 height: 360px 
} 
 
.sitemap-block { 
 padding: 50px 0 
} 
 
.sitemap-block h2 { 
 font-size: 1.875em; 
 font-weight: 600 
} 
 
.sitemap-block li { 
 font-size: 1.125em; 
 list-style-position: inside 
} 
 
.sitemap-block li a { 
 padding: 5px 0; 
 display: inline-block 
} 
 
.sitemap-block li:hover { 
 color: #f4016c 
} 
 
.sample-page { 
 background-image: url(../images/index-sample.png) 
} 
 
.cava-site-development { 
 position: fixed; 
 bottom: 0; 
 left: 0; 
 width: 100% 
} 
 
.cava-site-development span { 
 font-size: 10px 
} 
 
.cava-site-development span a { 
 -webkit-transition: color .3s linear; 
 transition: color .3s linear 
} 
 
.cava-site-development span a:hover { 
 color: #f4016c 
} 
 
.cava-site-development .cava-logo { 
 height: 30px 
} 
 
.slick-slide { 
 outline: 0 !important 
} 
 
.slick-fa-arrows .slick-arrow:before { 
 font-family: FontAwesome; 
 opacity: 1 
} 
 
.slick-fa-arrows .slick-prev:before { 
 content: '\f104' 
} 
 
.slick-fa-arrows .slick-next:before { 
 content: '\f105' 
} 
 
.asRange { 
 position: relative 
} 
 
.asRange-bar { 
 height: 3px; 
 width: 100%; 
 background-color: #626262 
} 
 
.asRange-pointer { 
 cursor: pointer; 
 outline: 0; 
 border-radius: 50%; 
 overflow: hidden; 
 background-color: #fff; 
 width: 20px; 
 height: 20px; 
 position: absolute; 
 top: -9px; 
 -webkit-transform: translateX(-50%); 
 -ms-transform: translateX(-50%); 
 transform: translateX(-50%); 
 box-shadow: 1px 1px 5px rgba(0, 0, 0, .15); 
 z-index: 2 
} 
 
.asRange-pointer:hover { 
 background-color: #f4016c 
} 
 
.asRange-tip { 
 display: none 
} 
 
.asRange-selected { 
 position: absolute; 
 background-color: #f4016c; 
 height: 3px; 
 top: 0 
} 
 
.asRange-scale { 
 display: none 
} 
 
.portfolio-block-slider .mCSB_horizontal.mCSB_inside > .mCSB_container { 
 padding-top: 70px; 
 padding-bottom: 40px 
} 
 
.portfolio-block-slider .mCSB_scrollTools_horizontal .mCSB_draggerContainer .mCSB_dragger_bar { 
 background-color: #eb4a77 !important; 
 height: 8px !important; 
 margin: 4px auto !important; 
 border-radius: 0 
} 
 
.portfolio-block-slider .mCSB_scrollTools { 
 z-index: 2 
} 
 
.portfolio-block-slider .mCSB_scrollTools.mCSB_scrollTools_horizontal { 
 left: 80px; 
 right: 80px 
} 
 
.portfolio-block-slider .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail { 
 height: 2px; 
 margin: 7px 0; 
 background-color: #cdcdcd 
} 
 
@media only screen and (min-width: 768px) { 
 .main-nav-block-pages li.menu-item-has-children:hover > a:before { 
 -webkit-transform: scale(1); 
 -ms-transform: scale(1); 
 transform: scale(1) 
 } 
 
 .main-nav-block-pages li.menu-item-has-children:hover .sub-menu { 
 opacity: 1; 
 pointer-events: auto 
 } 
 
 .thanks-mockup .img-mobile { 
 display: none 
 } 
 
 .review-item .overlay .btn { 
 display: none 
 } 
 
 .main-services-block .--mobile { 
 display: none 
 } 
 
 .main-advantages-block-right li:nth-of-type(odd) { 
 margin-bottom: 85px; 
 float: left 
 } 
 
 .main-advantages-block-right li:nth-of-type(even) { 
 justify-self: flex-end; 
 margin-bottom: 70px; 
 float: right 
 } 
 
 .popup-request-block { 
 padding-left: 82px; 
 background-image: url(../images/cat-form.png); 
 background-repeat: no-repeat; 
 background-position: 97% 62px; 
 background-size: 414px; 
 padding-top: 61px; 
 padding-bottom: 41px 
 } 
} 
 
@media only screen and (min-width: 1024px) { 
 .top-nav.fixed { 
 padding: 14px 35px 18px 29px 
 } 
 
 .top-nav-block-right .tel-info .tel { 
 font-size: 1em 
 } 
 
 .main-nav-top .tel-info .tel { 
 font-size: 1em 
 } 
 
 .main-nav-bottom-right .copy { 
 visibility: hidden 
 } 
 
 .main-nav-block-pages li.menu-item-has-children { 
 margin-left: -1px 
 } 
 
 .header-seo .header-sites-block-left { 
 height: 400px; 
 margin-top: 0; 
 padding-top: 70px 
 } 
 
 .header-reviews-block .h6 { 
 line-height: 18px 
 } 
 
 .header-plug-block-right .desc { 
 padding-right: 100px 
 } 
 
 .btn-menu:hover { 
 color: #f4016c 
 } 
 
 .btn-menu:hover .menu-icon { 
 background-color: #f4016c; 
 width: 24px 
 } 
 
 .btn-menu:hover .menu-icon:after, .btn-menu:hover .menu-icon:before { 
 background-color: #f4016c 
 } 
 
 .btn-recall-fixed-mobile, .btn-recall-fixed-mobile-mobile { 
 display: none 
 } 
 
 .lang-block { 
 position: absolute; 
 z-index: 99 
 } 
 
 .lang-block:hover .lang-block-current:after { 
 -webkit-transform: rotate(-180deg) translateY(1px); 
 -ms-transform: rotate(-180deg) translateY(1px); 
 transform: rotate(-180deg) translateY(1px) 
 } 
 
 .lang-block:hover .lang-block-container { 
 opacity: 1; 
 -webkit-transform: translateY(0); 
 -ms-transform: translateY(0); 
 transform: translateY(0); 
 pointer-events: auto 
 } 
 
 .lang-block-container { 
 top: 60px 
 } 
 
 .post:hover .overlay { 
 opacity: 1 
 } 
 
 .post .overlay { 
 width: 100%; 
 position: absolute; 
 left: 0; 
 top: 0; 
 height: 386px; 
 color: #fff; 
 background-color: rgba(41, 41, 41, .67); 
 opacity: 0; 
 -webkit-transition: opacity .3s linear; 
 transition: opacity .3s linear; 
 text-align: center 
 } 
 
 .post .btn { 
 background-color: transparent; 
 line-height: 44px; 
 border-radius: 44px; 
 border: #fff solid 1px; 
 min-width: 195px; 
 text-align: center; 
 box-shadow: none; 
 font-weight: 700; 
 margin-top: 176px; 
 -webkit-transition: background-color .3s linear, border-color .3s linear; 
 transition: background-color .3s linear, border-color .3s linear 
 } 
 
 .post .btn:before { 
 display: none 
 } 
 
 .post .btn:hover { 
 background-color: #f4016c; 
 border-color: #f4016c 
 } 
 
 .post .date { 
 position: absolute; 
 left: 17px; 
 top: 14px; 
 font-size: 14px; 
 font-weight: 600 
 } 
 
 .cat-list .current .text { 
 color: #f4016c 
 } 
 
 .review-item .video .overlay { 
 display: none 
 } 
 
 .faq-item-title:hover { 
 color: #f4016c 
 } 
 
 .faq-item-title:hover:before { 
 -webkit-transform: translateX(3px); 
 -ms-transform: translateX(3px); 
 transform: translateX(3px) 
 } 
 
 .actions-block-left .btn-brief { 
 box-shadow: none 
 } 
 
 .sites-stages-block li:first-of-type .img i { 
 -webkit-animation: callme 3s infinite linear; 
 animation: callme 3s infinite linear 
 } 
 
 .sites-stages-block li:hover .img { 
 box-shadow: 4px 4px 8px rgba(0, 0, 0, .18); 
 color: #fff 
 } 
 
 .sites-stages-block li:hover .img:before { 
 opacity: 1 
 } 
 
 .sites-stages-block li:hover .img:after { 
 opacity: .01; 
 -webkit-transform: scale(1.7); 
 -ms-transform: scale(1.7); 
 transform: scale(1.7) 
 } 
 
 .sites-results-block-left-bottom .img { 
 opacity: .58 
 } 
 
 .sites-results-block-right li:hover { 
 color: #fff 
 } 
 
 .sites-results-block-right li:hover .fz12 { 
 color: #fff 
 } 
 
 .sites-results-block-right li:hover:before { 
 opacity: 1 
 } 
 
 .sites-results-block-right li:hover .h1 { 
 color: #fff 
 } 
 
 .input-wrap-comment:before { 
 display: none 
 } 
 
 .main-services-block-left li:hover { 
 box-shadow: 4px 4px 17px rgba(0, 0, 0, .2) 
 } 
 
 .main-services-block-left li:hover .img { 
 color: #f4016c 
 } 
 
 .main-advantages-block-left { 
 padding-bottom: 80px 
 } 
 
 .seo-need-block .h2 { 
 width: 100% !important 
 } 
 
 .seo-need-list li { 
 width: 50% !important; 
 margin-right: 0 !important 
 } 
 
 .single-block-left { 
 padding-bottom: 145px 
 } 
 
 .about-partners-block li { 
 border-right: #f5f5f5 solid 1px; 
 border-bottom: #f5f5f5 solid 1px 
 } 
 
 .about-partners-block li:nth-of-type(11), .about-partners-block li:nth-of-type(5) { 
 border-right: none 
 } 
 
 .about-partners-block li:nth-of-type(1n+6) { 
 border-bottom: none 
 } 
 
 .contacts-block-left .lists-bottom .social-list a img { 
 width: 29px 
 } 
 
 .portfolio-block-slider .mCSB_horizontal.mCSB_inside > .mCSB_container li:first-of-type { 
 margin-left: -30px 
 } 
} 
 
@media only screen and (min-width: 1300px) { 
 .block-left-name { 
 display: -webkit-flex; 
 display: -moz-flex; 
 display: -ms-flex; 
 display: -o-flex; 
 display: -webkit-box; 
 display: -ms-flexbox; 
 display: flex 
 } 
} 
 
@media only screen and (min-width: 1800px) { 
 .top-nav { 
 padding: 27px 47px 35px 39px 
 } 
 
 .top-nav.fixed .tel-info .tel { 
 margin-bottom: 5px 
 } 
 
 .top-nav-block-center .logo svg { 
 height: 33px 
 } 
 
 .top-nav-block-right { 
 padding-top: 5px 
 } 
 
 .top-nav-block-right .tel-info .tel { 
 font-size: 1.125em 
 } 
 
 .main-nav-top .tel-info .tel { 
 font-size: 1.125em 
 } 
 
 .main-nav-top { 
 padding-right: 40px; 
 padding-top: 30px 
 } 
 
 .main-nav-bottom-left { 
 padding-left: 40px; 
 padding-bottom: 10px 
 } 
 
 .main-nav-bottom-left p { 
 margin-right: 18px 
 } 
 
 .main-nav-bottom-left .social-list a { 
 font-size: 23.17px; 
 width: 40px 
 } 
 
 .main-nav-bottom-right { 
 padding-bottom: 27px; 
 padding-right: 40px 
 } 
 
 .main-nav-section { 
 padding-top: 240px 
 } 
 
 .main-nav-block-pages { 
 font-size: 26px; 
 width: 527px; 
 padding-left: 10px 
 } 
 
 .main-nav-block-pages li.menu-item-has-children { 
 margin-left: -2px; 
 font-size: 36px 
 } 
 
 .main-nav-block-pages li.menu-item-has-children > a { 
 padding: 9px 13px 
 } 
 
 .main-nav-block-pages li.menu-item-has-children > a:after { 
 margin-top: 4px; 
 font-size: 30px 
 } 
 
 .main-nav-block-pages a { 
 padding: 15px 13px 
 } 
 
 .main-nav-block-pages .sub-menu:before { 
 width: 150px; 
 left: -150px 
 } 
 
 .main-nav-block-pages .sub-menu { 
 top: -117px 
 } 
 
 .main-nav-block-pages .sub-menu a { 
 font-size: 18px; 
 padding: 19px 10px 
 } 
 
 .fixed-socials { 
 padding-bottom: 35px 
 } 
 
 .fixed-socials a { 
 font-size: 1.44813em; 
 height: 42px; 
 line-height: 42px 
 } 
 
 .header-mockup-landing { 
 margin-right: -140px 
 } 
 
 .header-mockup-internet .img { 
 margin-left: 125px 
 } 
 
 .header-mockup-seo .header-main-projects { 
 font-size: 30px; 
 left: 265px; 
 bottom: 40px 
 } 
 
 .header-socials { 
 padding-bottom: 35px 
 } 
 
 .header-socials a { 
 font-size: 1.44813em; 
 height: 42px; 
 line-height: 42px 
 } 
 
 .header-main-block { 
 min-height: 966px 
 } 
 
 .header-main-block-content { 
 margin-right: -37px; 
 margin-top: 35px 
 } 
 
 .header-main-block-content .text { 
 margin-bottom: 10px; 
 font-size: 1.3125em 
 } 
 
 .header-main-block-content .h1 { 
 font-size: 4.25em; 
 line-height: 1.22; 
 margin-bottom: 24px 
 } 
 
 .header-main-block-content .btn { 
 line-height: 64px; 
 min-width: 197px; 
 padding: 0 65px 2px; 
 font-size: 1.125em 
 } 
 
 .header-main-projects { 
 font-size: 2em; 
 padding: 45px 37px 
 } 
 
 .header-sites .container { 
 width: 1370px 
 } 
 
 .header-sites-block { 
 min-height: 966px; 
 padding-top: 0 
 } 
 
 .header-sites-block { 
 -webkit-box-pack: justify; 
 -webkit-justify-content: space-between; 
 -ms-flex-pack: justify; 
 justify-content: space-between 
 } 
 
 .header-sites-block-left { 
 width: 600px 
 } 
 
 .header-sites-block-left .breadcrumbs { 
 top: 104px 
 } 
 
 .header-sites-block-left-titles .h2 { 
 font-size: 3em; 
 margin-bottom: 24px 
 } 
 
 .header-sites-block-left-titles .fz18 { 
 font-size: 1.3125em; 
 margin-bottom: 30px 
 } 
 
 .header-sites-block-left p { 
 font-size: 1.125em; 
 line-height: 1.4; 
 margin-bottom: 8px 
 } 
 
 .header-sites-block-left .btn { 
 margin-top: 28px 
 } 
 
 .header-seo:after { 
 height: 544px 
 } 
 
 .header-seo .elements .el1 { 
 font-size: 217px; 
 left: -110px; 
 top: 215px 
 } 
 
 .header-seo .elements .el2 { 
 font-size: 101px; 
 left: -110px; 
 bottom: 160px 
 } 
 
 .header-seo .header-sites-block-left { 
 width: 530px; 
 padding-top: 121px; 
 height: 502px 
 } 
 
 .header-seo .header-sites-block-left-titles .h2 { 
 margin-bottom: 18px 
 } 
 
 .header-seo .header-sites-block-left-titles .fz18 { 
 margin-bottom: 18px 
 } 
 
 .header-seo .header-sites-block-left .btn { 
 margin-top: 15px 
 } 
 
 .header-portfolio { 
 padding-top: 104px 
 } 
 
 .header-portfolio .container { 
 width: 1340px 
 } 
 
 .header-portfolio-block-bc { 
 margin-bottom: 45px 
 } 
 
 .header-portfolio-block-cat a { 
 font-size: 16px; 
 padding: 0 20px 
 } 
 
 .header-work { 
 padding-top: 104px 
 } 
 
 .header-work .breadcrumbs { 
 margin-bottom: 45px 
 } 
 
 .header-work-block-right { 
 width: 46% 
 } 
 
 .header-blog { 
 padding-top: 104px 
 } 
 
 .header-blog-block-bc { 
 margin-bottom: 45px 
 } 
 
 .header-single { 
 padding-top: 104px; 
 padding-bottom: 61px 
 } 
 
 .header-single-block { 
 width: 1140px 
 } 
 
 .header-single-block-bc { 
 margin-bottom: 40px 
 } 
 
 .header-single-block .h1 { 
 width: 690px 
 } 
 
 .header-reviews { 
 padding-top: 104px 
 } 
 
 .header-reviews-block-bc { 
 margin-bottom: 35px 
 } 
 
 .header-reviews-block .h6 { 
 width: 560px 
 } 
 
 .header-about-block { 
 padding-top: 290px; 
 min-height: 969px 
 } 
 
 .header-about-block .elements .el1 { 
 font-size: 381px 
 } 
 
 .header-about-block .elements .el2 { 
 font-size: 50px 
 } 
 
 .header-about-block-top .fz44 { 
 margin-bottom: 24px 
 } 
 
 .header-about-block-top .text { 
 width: 745px; 
 line-height: 21px 
 } 
 
 .header-about-block-bottom { 
 height: 324px 
 } 
 
 .header-about-block-bottom li:before { 
 font-size: 24px; 
 margin-bottom: 2px 
 } 
 
 .header-about-block-bottom .h4 { 
 font-size: 1.875em; 
 margin-bottom: 8px 
 } 
 
 .header-about-block-bottom .desc { 
 font-size: .75em; 
 padding-right: 30px 
 } 
 
 .header-about-block .next-block-button { 
 width: 44px; 
 bottom: 51px 
 } 
 
 .header-about-block .next-block-button:after, .header-about-block .next-block-button:before { 
 width: 54% 
 } 
 
 .header-plug .container { 
 width: 1568px 
 } 
 
 .header-plug .breadcrumbs { 
 top: 104px; 
 left: -webkit-calc(50% + 60px); 
 left: calc(50% + 60px) 
 } 
 
 .header-plug-block { 
 min-height: 658px; 
 padding-right: 38px 
 } 
 
 .header-plug-block-right { 
 width: 670px 
 } 
 
 .header-plug-block-right .h2 { 
 font-size: 3.25em; 
 margin-bottom: 12px 
 } 
 
 .header-plug-block-right p { 
 font-size: 1.5em; 
 margin-bottom: 26px 
 } 
 
 .header-plug-block-right .desc { 
 font-size: 1.125em; 
 line-height: 1.482 
 } 
 
 .header-plug-block-right .desc:after { 
 top: 135%; 
 top: -webkit-calc(100% + 33px); 
 top: calc(100% + 33px) 
 } 
 
 .header-plug-block-right .img { 
 width: 838px; 
 padding-left: 15px 
 } 
 
 .header-plug-block-right .img img { 
 width: auto; 
 height: auto; 
 max-width: 630px; 
 max-height: 630px 
 } 
 
 .header-plug-block-right .btn { 
 margin-top: 74px 
 } 
 
 .header-plug-block .header-main-projects { 
 position: fixed; 
 bottom: 0; 
 left: 0; 
 font-size: 2.25em; 
 padding: 35px 40px 
 } 
 
 .btn { 
 line-height: 64px; 
 min-width: 197px; 
 padding: 0 65px 2px; 
 font-size: 1.125em 
 } 
 
 .btn-menu.fixed { 
 top: 23px 
 } 
 
 .btn-menu { 
 top: 35px; 
 left: 40px 
 } 
 
 .btn-menu .menu-icon { 
 width: 23px 
 } 
 
 .btn-menu .menu-icon:after, .btn-menu .menu-icon:before { 
 width: 28px 
 } 
 
 .btn-menu .menu-icon:before { 
 top: -9px 
 } 
 
 .btn-menu .menu-icon:after { 
 bottom: -9px 
 } 
 
 .btn-menu span { 
 font-size: 14px 
 } 
 
 .close-icon { 
 width: 24px 
 } 
 
 .block-left-name { 
 font-size: .83188em; 
 left: 42px 
 } 
 
 .block-left-name-inner:after, .block-left-name-inner:before { 
 width: 33px 
 } 
 
 .tel-info .tel { 
 font-size: 1.08625em; 
 margin-bottom: 10px 
 } 
 
 .lang-block { 
 line-height: 77px; 
 left: 106px; 
 -webkit-transform: translateY(12px); 
 -ms-transform: translateY(12px); 
 transform: translateY(12px); 
 font-size: 1.125em 
 } 
 
 .lang-block-current:after { 
 top: 0; 
 font-size: .8125em 
 } 
 
 .lang-block-container { 
 top: 64px 
 } 
 
 .messenger-links { 
 font-size: .8125em 
 } 
 
 .messenger-links li:before { 
 top: 3px 
 } 
 
 .content li { 
 font-size: 16px; 
 line-height: 1.5 
 } 
 
 .content p { 
 font-size: 16px; 
 line-height: 1.5 
 } 
 
 .loading-list li { 
 margin-bottom: 28px 
 } 
 
 .loading-list .text { 
 font-size: 1em; 
 margin-bottom: 17px 
 } 
 
 .loading-list .bar { 
 height: 10px 
 } 
 
 .icons-list li { 
 width: 129px; 
 height: 114px 
 } 
 
 .icons-list li .img { 
 line-height: 114px 
 } 
 
 .seo-list li { 
 padding-left: 63px; 
 margin-bottom: 50px 
 } 
 
 .seo-list li.opened { 
 margin-bottom: 27px 
 } 
 
 .seo-list .icon { 
 width: 35px; 
 height: 35px; 
 line-height: 38px; 
 font-size: 18px 
 } 
 
 .seo-list .title:after { 
 font-size: 24px; 
 top: 1px 
 } 
 
 .seo-list .title { 
 font-size: 1em; 
 padding: 5px 0 
 } 
 
 .seo-list .desc { 
 font-size: .875em; 
 line-height: 21px; 
 margin-top: 5px 
 } 
 
 .pagination-block { 
 font-size: 1.125em 
 } 
 
 .review-item { 
 padding-top: 50px; 
 padding-bottom: 52px 
 } 
 
 .review-item:before { 
 width: 98px 
 } 
 
 .review-item .info { 
 font-size: 1em; 
 width: 785px; 
 padding-top: 0 
 } 
 
 .review-item .logo { 
 margin-bottom: 0; 
 height: 100px; 
 line-height: 100px 
 } 
 
 .review-item .logo img { 
 width: auto; 
 height: auto; 
 max-width: 283px; 
 max-height: 61px 
 } 
 
 .review-item .title { 
 font-size: 1.125em 
 } 
 
 .review-item .link { 
 margin-bottom: 12px 
 } 
 
 .review-item .desc { 
 line-height: 21.7px 
 } 
 
 .slider-social-arrows { 
 margin-bottom: 26px 
 } 
 
 .slider-social-text .h3 { 
 font-size: 2.25em 
 } 
 
 .slider-social-text .desc { 
 line-height: 24px 
 } 
 
 .slider-social-text .desc p { 
 margin-bottom: 14px 
 } 
 
 .slider-social-text .btn { 
 margin-top: 16px 
 } 
 
 .breadcrumbs ul { 
 padding: 12px 1px 
 } 
 
 .breadcrumbs li { 
 font-size: 1em 
 } 
 
 .breadcrumbs li:after { 
 font-size: 21px 
 } 
 
 .breadcrumbs li i { 
 font-size: 15px 
 } 
 
 .breadcrumbs li a { 
 padding: 0 18px 
 } 
 
 .faq-item-title:before { 
 font-size: 16px; 
 left: -2px; 
 top: 2px 
 } 
 
 .faq-item-title { 
 font-size: 1.3125em; 
 padding-left: 45px 
 } 
 
 .faq-item-desc { 
 padding: 25px 45px 
 } 
 
 .faq-item-desc:before { 
 border-style: solid; 
 border-width: 0 12.5px 16px 12.5px; 
 border-color: transparent transparent #f5f5f5 transparent; 
 top: -16px 
 } 
 
 .faq-item-desc p { 
 line-height: 25px; 
 font-size: 1.125em 
 } 
 
 .portfolio-section { 
 padding-top: 130px; 
 padding-bottom: 130px 
 } 
 
 .portfolio-section .container { 
 width: 1530px 
 } 
 
 .portfolio-block-header .h3 { 
 font-size: 2.25em 
 } 
 
 .portfolio-block-header .h6 { 
 font-size: 1.3125em 
 } 
 
 .portfolio-block-slider li { 
 width: 350px 
 } 
 
 .portfolio-block-slider li .portfolio-item { 
 width: 314px 
 } 
 
 .portfolio-block-slider li .portfolio-item .img { 
 height: 314px; 
 margin-bottom: 30px 
 } 
 
 .portfolio-block-slider li .portfolio-item img { 
 
 margin-left: -43px; 
 margin-top: -43px 
 } 
 
 .portfolio-block-slider li .portfolio-item .name { 
 font-size: 1.485em; 
 margin-bottom: 8px 
 } 
 
 .portfolio-block-slider li .portfolio-item .type { 
 font-size: 1.125em 
 } 
 
 .actions-block-left { 
 width: 458px; 
 padding-top: 95px; 
 padding-right: 60px 
 } 
 
 .actions-block-left p { 
 font-size: 1em; 
 line-height: 1.55; 
 margin-bottom: 15px 
 } 
 
 .actions-block-right { 
 width: 682px; 
 padding-left: 155px; 
 padding-top: 87px 
 } 
 
 .actions-block-right:before { 
 left: -3px 
 } 
 
 .actions-block-right .fz26 { 
 font-size: 2.125em; 
 line-height: 1.3; 
 margin-bottom: 48px; 
 margin-right: -30px 
 } 
 
 .seo-block:before { 
 width: 458px 
 } 
 
 .seo-block { 
 width: auto; 
 padding: 142px 0 88px 
 } 
 
 .seo-block-left { 
 padding-top: 20px 
 } 
 
 .seo-block-left img { 
 width: 736px 
 } 
 
 .seo-block-right { 
 margin-top: -78px 
 } 
 
 .seo-block-right .h3 { 
 width: 100%; 
 font-size: 2.25em; 
 line-height: 1.3 
 } 
 
 .sites-need-section { 
 padding: 165px 0 80px; 
 position: relative 
 } 
 
 .sites-need-section .container { 
 width: 100% 
 } 
 
 .sites-need-section:before { 
 content: ''; 
 position: absolute; 
 left: 0; 
 top: 0; 
 width: 100%; 
 height: 165px; 
 z-index: -1; 
 background-color: #f9f9f9 
 } 
 
 .sites-need-block { 
 width: 1340px; 
 box-shadow: 5px 5px 24px rgba(0, 0, 0, .16) 
 } 
 
 .sites-need-block-top { 
 padding-left: 70px; 
 height: 266px 
 } 
 
 .sites-need-block-top-left { 
 width: 670px; 
 padding-top: 67px 
 } 
 
 .sites-need-block-top-left .h2 { 
 margin-bottom: 20px 
 } 
 
 .sites-need-block-bottom { 
 padding-left: 100px 
 } 
 
 .sites-need-block-bottom ol { 
 padding-top: 30px 
 } 
 
 .sites-need-block-bottom .h2:before { 
 width: 435px 
 } 
 
 .sites-need-block-bottom .h2 { 
 width: 335px; 
 margin-right: 55px 
 } 
 
 .sites-need-block-bottom li { 
 width: 335px; 
 margin-right: 55px; 
 height: 170px 
 } 
 
 .sites-need-block-bottom .title { 
 font-size: 1em; 
 margin-bottom: 17px 
 } 
 
 .sites-need-block-bottom .text { 
 font-size: 14px 
 } 
 
 .sites-project-block:before { 
 top: 246px; 
 height: 576px 
 } 
 
 .sites-project-block { 
 padding-top: 83px; 
 padding-bottom: 65px 
 } 
 
 .sites-project-block .h2 { 
 margin-bottom: 23px 
 } 
 
 .sites-project-block .fz14 { 
 font-size: 1em; 
 margin-bottom: 40px 
 } 
 
 .sites-stages-section { 
 padding-top: 121px; 
 padding-bottom: 113px 
 } 
 
 .sites-stages-header { 
 -webkit-box-align: center; 
 -webkit-align-items: center; 
 -ms-flex-align: center; 
 align-items: center; 
 margin-bottom: 61px 
 } 
 
 .sites-stages-header-right { 
 width: 500px; 
 padding-top: 0 
 } 
 
 .sites-stages-header-right .fz14 { 
 font-size: 1em 
 } 
 
 .sites-stages-block li:nth-of-type(5):after { 
 width: 900px; 
 left: 100px 
 } 
 
 .sites-results-section { 
 padding: 100px 0 
 } 
 
 .sites-results-section .container { 
 width: 1370px 
 } 
 
 .sites-results-block { 
 width: 1340px; 
 max-width: 100%; 
 margin-left: auto; 
 margin-right: auto; 
 box-shadow: 3px 3px 35px rgba(0, 0, 0, .08) 
 } 
 
 .sites-results-block-left { 
 width: 557px; 
 padding-top: 110px; 
 padding-right: 30px 
 } 
 
 .sites-results-block-left-bottom { 
 padding-bottom: 35px 
 } 
 
 .sites-results-block-left-bottom .btn { 
 width: 258px; 
 padding: 0 0 2px 
 } 
 
 .sites-results-block-right { 
 width: 783px; 
 padding: 120px 65px 118px 125px 
 } 
 
 .sites-results-block-right li { 
 padding-right: 15px; 
 padding-bottom: 27px 
 } 
 
 .sites-results-block-right li .h1 { 
 margin-bottom: 2px 
 } 
 
 .sites-results-block-right li .fz14 { 
 font-size: 1em 
 } 
 
 .sites-results-block-right li .fz12 { 
 font-size: .875em; 
 line-height: 18px 
 } 
 
 .faq-section { 
 padding: 112px 0 142px 
 } 
 
 .faq-block { 
 width: 100% 
 } 
 
 .faq-block .elements .el1 { 
 font-size: 456px; 
 top: 25px; 
 right: -38px 
 } 
 
 .faq-block-header .h2 { 
 width: 600px; 
 font-size: 2.625em; 
 line-height: 1.272 
 } 
 
 .faq-block-list { 
 width: 852px 
 } 
 
 .faq-block-list li { 
 margin-bottom: 34px 
 } 
 
 .form-actions .input-wrap-check { 
 margin-bottom: 34px 
 } 
 
 .form-actions .input-wrap-submit .btn { 
 line-height: 64px; 
 min-width: 197px; 
 padding: 0 65px 2px; 
 font-size: 1.125em 
 } 
 
 .form-project-middle { 
 margin-bottom: 34px 
 } 
 
 .form-project-bottom-right { 
 -webkit-box-pack: justify; 
 -webkit-justify-content: space-between; 
 -ms-flex-pack: justify; 
 justify-content: space-between; 
 width: 520px 
 } 
 
 .form-project-bottom-right .input-wrap-file { 
 width: 208px 
 } 
 
 .form-project-bottom-right .input-wrap-submit { 
 width: 252px 
 } 
 
 .form-project-bottom-right .input-wrap-submit .btn { 
 width: 100%; 
 padding: 0 0 2px; 
 margin-top: -7px 
 } 
 
 .popup-recall-form .input-wrap { 
 margin-bottom: 32px 
 } 
 
 .popup-recall-form .input-wrap:before { 
 font-size: 22px 
 } 
 
 .popup-recall-form .input-wrap input { 
 font-size: 1em; 
 line-height: 46px 
 } 
 
 .contacts-form .input-wrap { 
 width: 360px; 
 margin-bottom: 26px 
 } 
 
 .contacts-form .input-wrap .label { 
 font-size: 1.125em; 
 margin-bottom: 15px 
 } 
 
 .contacts-form .input-wrap input { 
 font-size: 1.125em; 
 line-height: 36px 
 } 
 
 .main-services-section { 
 padding: 228px 0 
 } 
 
 .main-services-block-left { 
 width: 458px 
 } 
 
 .main-services-block-left ul { 
 margin: 0 -8px 
 } 
 
 .main-services-block-left li a { 
 height: 222px 
 } 
 
 .main-services-block-left li { 
 margin: 8px; 
 width: -webkit-calc(50% - 16px); 
 width: calc(50% - 16px) 
 } 
 
 .main-services-block-left li .img { 
 height: 90px; 
 line-height: 85px 
 } 
 
 .main-services-block-left li .img i, .main-services-block-left li .img img, .main-services-block-left li .img svg { 
 font-size: 45px 
 } 
 
 .main-services-block-left li .title { 
 font-size: 1.03563em; 
 margin-bottom: 13px 
 } 
 
 .main-services-block-left li .desc { 
 font-size: .8875em; 
 height: 50px 
 } 
 
 .main-services-block-right { 
 width: 457px; 
 padding-top: 50px; 
 padding-right: 0 
 } 
 
 .main-services-block-right .text { 
 margin-right: -5px 
 } 
 
 .main-services-block-right .h2 { 
 font-size: 2.75em; 
 margin-bottom: 38px 
 } 
 
 .main-services-block-right p { 
 font-size: 1.125em; 
 margin-bottom: 18px; 
 line-height: 1.55; 
 margin-bottom: 20px 
 } 
 
 .main-advantages-section { 
 padding-top: 112px 
 } 
 
 .main-advantages-block .elements .el1 { 
 left: 10px; 
 top: 800px 
 } 
 
 .main-advantages-block .elements .el2 { 
 left: 185px; 
 top: -435px 
 } 
 
 .main-advantages-block-left { 
 width: 420px 
 } 
 
 .main-advantages-block-left .h6 { 
 font-weight: 300; 
 font-size: 1em 
 } 
 
 .main-advantages-block-left .h2 { 
 font-size: 2.625em 
 } 
 
 .main-advantages-block-right { 
 width: 715px 
 } 
 
 .main-advantages-block-right li { 
 width: 415px; 
 padding-left: 90px 
 } 
 
 .main-advantages-block-right li:before { 
 width: 90px; 
 font-size: 48px 
 } 
 
 .main-advantages-block-right li .title:before { 
 width: 80px; 
 height: 72px; 
 left: -86px; 
 top: -14px 
 } 
 
 .main-advantages-block-right li .title:after { 
 top: 45px; 
 left: -19px 
 } 
 
 .main-advantages-block-right li:nth-of-type(odd) { 
 margin-bottom: 107px 
 } 
 
 .main-advantages-block-right li:nth-of-type(even) { 
 margin-bottom: 73px 
 } 
 
 .main-advantages-block-right .title { 
 font-size: 1.125em 
 } 
 
 .main-advantages-block-right .desc { 
 font-size: 1.125em 
 } 
 
 .seo-need-section:before { 
 background-color: #fbfbfb 
 } 
 
 .seo-need-block-inner { 
 padding-left: 0; 
 padding-top: 10px 
 } 
 
 .seo-need-block-inner .btn { 
 padding: 0 0 2px 
 } 
 
 .seo-need-list { 
 width: 790px; 
 left: 67px 
 } 
 
 .seo-need-list li { 
 width: 390px; 
 padding-left: 68px; 
 margin-right: 0; 
 padding-right: 40px 
 } 
 
 .seo-need-list li .number { 
 width: 68px 
 } 
 
 .seo-info-section { 
 padding: 198px 0 204px; 
 position: relative 
 } 
 
 .seo-info-section:before { 
 content: ''; 
 position: absolute; 
 height: 100%; 
 width: 10000px; 
 right: -webkit-calc(50% + 292px); 
 right: calc(50% + 292px); 
 background-color: #f9f9f9; 
 top: 0 
 } 
 
 .seo-info-block-left { 
 width: 521px; 
 padding: 40px 51px 38px; 
 margin-top: 33px 
 } 
 
 .seo-info-block-left .icons-list li:nth-of-type(1) { 
 top: 25px; 
 left: -95px 
 } 
 
 .seo-info-block-left .icons-list li:nth-of-type(2) { 
 top: 115px; 
 right: -103px 
 } 
 
 .seo-info-block-left .icons-list li:nth-of-type(3) { 
 bottom: -72px; 
 right: -70px 
 } 
 
 .seo-info-block-left .icons-list li:nth-of-type(4) { 
 bottom: -87px; 
 left: -56px 
 } 
 
 .seo-info-block-right { 
 width: 520px; 
 margin-right: -93px 
 } 
 
 .seo-info-block-right .text { 
 font-size: 1.125em; 
 margin-bottom: 12px 
 } 
 
 .seo-info-block-right .fz28 { 
 font-size: 2.25em; 
 margin-bottom: 57px 
 } 
 
 .seo-project-section { 
 margin-top: -20px 
 } 
 
 .seo-partners-section { 
 padding-top: 42px 
 } 
 
 .seo-partners-block { 
 margin-left: -10px; 
 margin-right: -85px 
 } 
 
 .seo-partners-block li { 
 width: 24% 
 } 
 
 .seo-partners-block img { 
 width: auto; 
 height: auto; 
 max-width: 200px; 
 max-height: 80px 
 } 
 
 .seo-partners-block .small-logo img { 
 max-height: 60px 
 } 
 
 .works-section { 
 padding: 50px 0 30px 
 } 
 
 .works-block ul { 
 margin-left: -150px; 
 margin-right: -150px 
 } 
 
 .works-pagination { 
 padding: 59px 0 
 } 
 
 .work-section { 
 padding-top: 30px; 
 padding-bottom: 140px 
 } 
 
 .work-block-bottom { 
 padding-top: 124px 
 } 
 
 .single-block-left { 
 width: 360px 
 } 
 
 .single-block-right { 
 width: 750px 
 } 
 
 .single-bottom { 
 padding-bottom: 75px 
 } 
 
 .single-bottom .title { 
 margin-bottom: 10px 
 } 
 
 .reviews-block-pagination { 
 padding-top: 56px 
 } 
 
 .reviews-project-section { 
 padding: 93px 0 113px 
 } 
 
 .reviews-project-section .sites-project-block .form-project-top .input-wrap { 
 width: 262px 
 } 
 
 .about-social-section { 
 padding-top: 145px; 
 padding-bottom: 80px 
 } 
 
 .about-social-block-desctop-left { 
 width: 800px; 
 margin-left: -50px 
 } 
 
 .about-social-block-desctop-right { 
 margin-left: -30px; 
 width: 390px; 
 padding-top: 135px 
 } 
 
 .about-partners-section { 
 padding-top: 180px; 
 padding-bottom: 72px 
 } 
 
 .about-partners-block li:first-of-type { 
 padding-bottom: 15px 
 } 
 
 .p404-section { 
 padding-top: 110px 
 } 
 
 .p404-block .h3 { 
 font-size: 2.25em 
 } 
 
 .p404-block p { 
 font-size: 1.5em; 
 width: 570px; 
 margin-bottom: 15px 
 } 
 
 .p404-block .btn { 
 width: 320px 
 } 
 
 .contacts { 
 padding: 104px 0 0 
 } 
 
 .contacts-block-bc { 
 margin-bottom: 35px 
 } 
 
 .contacts-block-left { 
 width: 605px 
 } 
 
 .contacts-block-left .fz52 { 
 font-size: 4em; 
 margin-bottom: 102px 
 } 
 
 .contacts-block-left .lists .title { 
 font-size: 1.125em; 
 margin-bottom: 10px 
 } 
 
 .contacts-block-left .lists .desc { 
 font-size: 1.125em 
 } 
 
 .contacts-block-left .lists-top .list-item { 
 width: 215px 
 } 
 
 .contacts-block-left .lists-bottom .title { 
 margin-bottom: 30px 
 } 
 
 .contacts-block-left .lists-bottom .messenger-list a { 
 width: 44px 
 } 
 
 .contacts-block-left .lists-bottom .messenger-list a i { 
 display: inline-block; 
 -webkit-transform: scale(1.2); 
 -ms-transform: scale(1.2); 
 transform: scale(1.2) 
 } 
 
 .contacts-block-left .lists-bottom .social-list { 
 width: 229px 
 } 
 
 .contacts-block-left .lists-bottom .social-list a { 
 width: 40px 
 } 
 
 .contacts-block-left .lists-bottom .social-list .fa { 
 display: inline-block; 
 -webkit-transform: scale(1.2); 
 -ms-transform: scale(1.2); 
 transform: scale(1.2) 
 } 
 
 .contacts-block-left .lists .list-item { 
 margin-bottom: 70px 
 } 
 
 .contacts-block-right { 
 width: 363px; 
 padding-top: 31px 
 } 
 
 .contacts-block-right .h3 { 
 font-size: 2.125em; 
 margin-right: -20px; 
 margin-bottom: 96px 
 } 
 
 .contacts-map { 
 padding: 126px 0 86px 
 } 
 
 .contacts-map-block-left { 
 width: 392px; 
 padding-top: 60px 
 } 
 
 .contacts-map-block-left p { 
 margin-bottom: 50px 
 } 
 
 .contacts-map-block-left .btn-consult i { 
 font-size: 20px; 
 margin-left: 10px; 
 position: relative; 
 top: 1px 
 } 
 
 .contacts-map-block-left .btn-consult { 
 height: 117px; 
 font-size: 1.125em; 
 margin-bottom: 39px 
 } 
 
 .contacts-map-block-right { 
 width: 748px 
 } 
 
 .contacts-map-block-right .map-block { 
 height: 401px 
 } 
 
 .contacts-map-block-right .map-block-tip { 
 height: 117px; 
 top: -webkit-calc(50% - 58px); 
 top: calc(50% - 58px); 
 width: 362px; 
 padding-left: 56px; 
 margin-top: 21px; 
 padding-top: 14px 
 } 
 
 .contacts-map-block-right .map-block-tip .title { 
 font-size: 1.375em; 
 margin-bottom: 10px 
 } 
 
 .contacts-map-block-right .map-block-tip .desc { 
 font-size: .8125em 
 } 
 
 .contacts-map-block-right .map-block-inner { 
 margin: -50px 
 } 
 
 .footer { 
 padding-bottom: 20px 
 } 
 
 .footer-block-left-top { 
 margin-bottom: 40px 
 } 
 
 .footer-block-left-top .desc { 
 font-size: 1em; 
 line-height: 1.5 
 } 
 
 .footer-block-left-socials { 
 margin-bottom: 45px 
 } 
 
 .footer-block-left-socials .title { 
 font-size: 1.125em; 
 margin-bottom: 16px 
 } 
 
 .footer-block-left-socials ul { 
 margin-bottom: 15px 
 } 
 
 .footer-block-left-socials a { 
 width: 45px 
 } 
 
 .footer-block-left-socials a img { 
 width: 30px 
 } 
 
 .footer-block-left-socials .desc { 
 font-size: 1em 
 } 
 
 .footer-block-right .pages-col + .pages-col { 
 margin-top: 35px 
 } 
 
 .footer-block-right .pages-col .title { 
 text-transform: uppercase; 
 font-size: 1.125em 
 } 
 
 .footer-block-right .pages-col li { 
 font-size: 1em; 
 line-height: 20px 
 } 
 
 .footer-block-right-col3 .title { 
 font-size: 1.125em 
 } 
 
 .footer-block-right-phone { 
 margin-bottom: 39px 
 } 
 
 .footer-block-right-phone .phone { 
 font-size: 1.3125em; 
 margin: 0 -10px 16px -16px 
 } 
 
 .footer-block-right-phone .desc { 
 font-size: .875em 
 } 
 
 .footer-block-right-question { 
 margin-bottom: 77px 
 } 
 
 .footer-block-right-question .title { 
 margin-bottom: 18px 
 } 
 
 .footer-block-right-question .btn-request-footer { 
 font-size: 1.125em 
 } 
 
 .footer-block-right-socials .social-list { 
 margin-left: -2px; 
 margin-top: 15px 
 } 
 
 .footer-block-right-socials .social-list a { 
 width: 35px 
 } 
 
 .footer-block-right-socials .social-list a img { 
 display: block; 
 width: 30px 
 } 
 
 .popup-close { 
 padding: 25px 23px 
 } 
 
 .popup-recall .popup-content { 
 width: 422px 
 } 
 
 .popup-recall-block { 
 padding: 77px 41px 33px 
 } 
 
 .popup-recall-block .h4 { 
 font-size: 1.9375em 
 } 
 
 .popup-recall-block .input-wrap-check-text p { 
 font-size: 13px 
 } 
 
 .popup-request .popup-content { 
 width: 948px 
 } 
 
 .popup-request-block { 
 padding-top: 88px; 
 padding-left: 96px; 
 padding-bottom: 70px; 
 background-size: 517px; 
 background-position: 97% 78px 
 } 
 
 .popup-request-block-inner { 
 width: 354px 
 } 
 
 .popup-request-block-inner .h4 { 
 font-size: 2.125em 
 } 
 
 .popup-request-block-inner .h6 { 
 font-size: 1.0625em; 
 margin-top: 24px 
 } 
 
 .popup-request-block-inner .form-actions .input-wrap { 
 margin-bottom: 18px 
 } 
 
 .popup-request-block-inner .form-actions .input-wrap input { 
 font-size: 1em 
 } 
 
 .popup-request-block-inner .form-actions .input-wrap-check { 
 margin-top: 4px; 
 margin-bottom: 30px 
 } 
 
 .popup-request-block-inner .form-actions .input-wrap-check-text p { 
 font-size: 13px 
 } 
 
 .popup-request-block-inner .form-actions .input-wrap-submit .btn { 
 width: 246px 
 } 
 
 .portfolio-block-slider .mCSB_horizontal.mCSB_inside > .mCSB_container { 
 padding-top: 125px; 
 margin-bottom: 80px 
 } 
} 
 
@media only screen and (max-width: 1023px) { 
 .mobile-menu { 
 display: block 
 } 
 
 .top-nav { 
 position: fixed 
 } 
 
 .top-nav.blur { 
 box-shadow: none; 
 background-color: #fff 
 } 
 
 .top-nav-block-left { 
 left: auto; 
 right: 15px 
 } 
 
 .top-nav-block-right-mobile { 
 display: block 
 } 
 
 .top-nav-block-right .tel-info { 
 display: none 
 } 
 
 .main-nav-bottom-left p { 
 display: none 
 } 
 
 .main-nav-bottom-left .social-list { 
 display: none 
 } 
 
 .fixed-controls { 
 display: none 
 } 
 
 .fixed-socials { 
 display: none 
 } 
 
 .header-mockup-internet .img { 
 display: none 
 } 
 
 .header-mockup-internet .img2 { 
 display: none 
 } 
 
 .header-mockup-internet .img-mobile { 
 display: block 
 } 
 
 .header { 
 overflow: hidden 
 } 
 
 .header-socials { 
 display: none 
 } 
 
 .header-main-block .elements .el1 { 
 -webkit-transform: none !important; 
 -ms-transform: none !important; 
 transform: none !important; 
 width: 63px; 
 left: auto; 
 right: -15px; 
 top: auto; 
 bottom: -90px 
 } 
 
 .header-main-block .elements .el2 { 
 display: none 
 } 
 
 .header-main-block .elements .el3 { 
 display: block 
 } 
 
 .header-seo:after { 
 display: none 
 } 
 
 .header-seo .elements { 
 display: none 
 } 
 
 .header-single-block-mobile-thumb { 
 display: block 
 } 
 
 .header-about-block .elements { 
 display: none 
 } 
 
 .header-about-block-bottom { 
 position: static; 
 background-color: #fff; 
 box-shadow: 3px 3px 21px rgba(0, 0, 0, .11); 
 border-radius: 10px; 
 height: auto; 
 padding-top: 15px; 
 padding-bottom: 28px 
 } 
 
 .header-about-block-bottom li { 
 width: 50%; 
 padding-right: 0; 
 padding-left: 13px; 
 padding-top: 13px 
 } 
 
 .header-about-block-bottom .h4 { 
 font-size: .875em; 
 margin-bottom: 16px 
 } 
 
 .header-plug-block-right .desc:after { 
 display: none 
 } 
 
 .--mobile { 
 display: block 
 } 
 
 .--desctop { 
 display: none 
 } 
 
 .btn-menu { 
 position: fixed 
 } 
 
 .btn-menu span { 
 display: none 
 } 
 
 .btn-recall-fixed-mobile, .btn-recall-fixed-mobile-mobile { 
 left: 10px; 
 right: auto; 
 opacity: 0; 
 -webkit-transform: scale(0); 
 -ms-transform: scale(0); 
 transform: scale(0); 
 -webkit-transition: opacity .3s linear, -webkit-transform .3s linear; 
 transition: opacity .3s linear, -webkit-transform .3s linear; 
 transition: transform .3s linear, opacity .3s linear; 
 transition: transform .3s linear, opacity .3s linear, -webkit-transform .3s linear 
 } 
 
 .btn-recall-fixed-mobile-mobile.active, .btn-recall-fixed-mobile.active { 
 opacity: 1; 
 -webkit-transform: scale(1); 
 -ms-transform: scale(1); 
 transform: scale(1) 
 } 
 
 .btn-recall-mobile { 
 display: block 
 } 
 
 .lang-block { 
 top: 0; 
 -webkit-transform: translateY(0); 
 -ms-transform: translateY(0); 
 transform: translateY(0); 
 left: auto; 
 right: 15px 
 } 
 
 .lang-block.active .lang-block-current:after { 
 -webkit-transform: rotate(-180deg) translateY(1px); 
 -ms-transform: rotate(-180deg) translateY(1px); 
 transform: rotate(-180deg) translateY(1px) 
 } 
 
 .lang-block.active .lang-block-container { 
 opacity: 1; 
 pointer-events: auto; 
 -webkit-transform: translateY(0); 
 -ms-transform: translateY(0); 
 transform: translateY(0) 
 } 
 
 .scroll-block:after { 
 display: none 
 } 
 
 .post { 
 background-color: #fff; 
 box-shadow: 3px 3px 13px rgba(0, 0, 0, .09); 
 padding-bottom: 19px 
 } 
 
 .post .img { 
 height: 164px; 
 margin-bottom: 0 
 } 
 
 .post .cat span { 
 display: none 
 } 
 
 .post .text { 
 padding: 18px 15px 0; 
 height: 130px; 
 margin-bottom: 16px; 
 overflow: hidden 
 } 
 
 .post .title { 
 font-size: .875em; 
 margin-bottom: 6px 
 } 
 
 .post .overlay { 
 padding-left: 15px; 
 display: -webkit-flex; 
 display: -moz-flex; 
 display: -ms-flex; 
 display: -o-flex; 
 display: -webkit-box; 
 display: -ms-flexbox; 
 display: flex; 
 -webkit-flex-wrap: wrap; 
 -ms-flex-wrap: wrap; 
 flex-wrap: wrap; 
 -webkit-box-align: center; 
 -webkit-align-items: center; 
 -ms-flex-align: center; 
 align-items: center; 
 -webkit-box-pack: justify; 
 -webkit-justify-content: space-between; 
 -ms-flex-pack: justify; 
 justify-content: space-between 
 } 
 
 .post .btn { 
 line-height: 37px; 
 width: 141px; 
 font-size: .75em; 
 min-width: 0; 
 box-shadow: 0 5px 16px rgba(0, 0, 0, .27) 
 } 
 
 .post .date { 
 font-size: 12px; 
 color: #a9a9a9; 
 font-weight: 600; 
 line-height: 16px; 
 text-align: right; 
 width: -webkit-calc(100% - 145px); 
 width: calc(100% - 145px); 
 padding-right: 15px 
 } 
 
 .post .date:before { 
 font-size: 16px; 
 margin-right: 6px 
 } 
 
 .post .stats { 
 position: absolute; 
 top: 163px; 
 right: 0; 
 -webkit-box-pack: end; 
 -webkit-justify-content: flex-end; 
 -ms-flex-pack: end; 
 justify-content: flex-end; 
 margin-top: 0; 
 padding-top: 15px; 
 padding-right: 5px; 
 opacity: .67 
 } 
 
 .body-site-wrapper { 
 overflow: hidden 
 } 
 
 .actions-block-left { 
 width: 100%; 
 text-align: center; 
 padding: 50px 0 0; 
 min-height: 0 
 } 
 
 .actions-block-right:before { 
 display: none 
 } 
 
 .seo-block:before { 
 display: none 
 } 
 
 .seo-block { 
 padding: 75px 0 49px 
 } 
 
 .seo-block-left { 
 display: none 
 } 
 
 .sites-need-block-top:before { 
 display: none 
 } 
 
 .sites-need-block-top { 
 height: auto 
 } 
 
 .sites-need-block-top-right { 
 display: none 
 } 
 
 .sites-need-block-bottom li { 
 padding: 0 12px; 
 position: relative; 
 z-index: 1 
 } 
 
 .sites-project-block:before { 
 display: none 
 } 
 
 .sites-project-block { 
 padding: 20px 15px 0; 
 box-shadow: 0 0 21px rgba(0, 0, 0, .08); 
 margin: 0; 
 margin-top: 46px; 
 border-radius: 10px 
 } 
 
 .sites-stages-block li:nth-of-type(5):after { 
 display: none 
 } 
 
 .sites-results-section { 
 padding: 0; 
 background-color: #fff 
 } 
 
 .sites-results-block-right:before { 
 display: none 
 } 
 
 .sites-results-block-right li { 
 width: 100%; 
 text-align: center; 
 padding: 15px 25px 7px; 
 min-height: 0; 
 margin-bottom: 10px 
 } 
 
 .sites-results-block-right li:first-of-type { 
 color: #fff 
 } 
 
 .sites-results-block-right li:first-of-type .h1 { 
 color: #fff 
 } 
 
 .sites-results-block-right li:first-of-type .fz12 { 
 color: #fff 
 } 
 
 .sites-results-block-right li:first-of-type:before { 
 opacity: 1 
 } 
 
 .faq-block .elements { 
 display: none 
 } 
 
 .form-project-top { 
 margin-bottom: 0 
 } 
 
 .form-project-top .input-wrap { 
 width: 100%; 
 margin-bottom: 25px 
 } 
 
 .form-project-middle { 
 margin-bottom: 14px 
 } 
 
 .form-project-middle .input-wrap-comment:before { 
 content: "\f040"; 
 font-size: 14px 
 } 
 
 .form-project-middle .input-wrap-comment:after { 
 display: none 
 } 
 
 .form-project-middle .input-wrap-comment input { 
 padding-left: 45px 
 } 
 
 .form-project-bottom { 
 padding-bottom: 53px 
 } 
 
 .form-project-bottom-right { 
 width: 100%; 
 -webkit-box-ordinal-group: 0; 
 -webkit-order: -1; 
 -ms-flex-order: -1; 
 order: -1 
 } 
 
 .form-project-bottom-right .input-wrap-file { 
 width: 100%; 
 border-bottom: #c1c1c1 solid 1px 
 } 
 
 .form-project-bottom-right .input-wrap-file:before { 
 width: 32px; 
 height: 32px; 
 line-height: 33px; 
 text-align: center; 
 border-radius: 50%; 
 color: #fff; 
 font-size: 13.69px; 
 background-color: #c4c4c4; 
 display: block; 
 font-family: FontAwesome; 
 left: 0; 
 bottom: 6px; 
 pointer-events: none 
 } 
 
 .form-project-bottom-right .input-wrap-submit { 
 position: absolute; 
 bottom: -23px; 
 left: 0; 
 right: 0; 
 margin: auto 
 } 
 
 .main-services-block .elements .el1 { 
 display: none 
 } 
 
 .main-advantages-block .elements { 
 display: none 
 } 
 
 .main-advantages-block-left { 
 width: 100% 
 } 
 
 .main-advantages-block-right { 
 width: 100% 
 } 
 
 .main-advantages-block-right li .title:before { 
 display: none 
 } 
 
 .main-advantages-block-right li .title:after { 
 display: none 
 } 
 
 .seo-info-block-left { 
 display: none 
 } 
 
 .single-block-left { 
 display: none 
 } 
 
 .reviews-project-section { 
 overflow: hidden; 
 height: 0; 
 padding: 0 !important 
 } 
 
 .about-partners-section:before { 
 bottom: auto; 
 top: 0; 
 height: 145px 
 } 
 
 .about-partners-block li { 
 width: 33.3333333%; 
 height: 88px; 
 box-shadow: none; 
 border-right: #f5f5f5 solid 1px; 
 border-bottom: #f5f5f5 solid 1px; 
 background-color: transparent 
 } 
 
 .about-partners-block li img { 
 width: auto; 
 height: auto; 
 max-width: 80px; 
 max-height: 55px 
 } 
 
 .about-partners-block li:first-of-type { 
 width: 100%; 
 text-align: center; 
 border: none; 
 height: 119px; 
 border-bottom: #f5f5f5 solid 1px 
 } 
 
 .about-partners-block li:nth-of-type(3n+1) { 
 border-right: none 
 } 
 
 .p404-block p { 
 width: 100% 
 } 
 
 .contacts-block-left .elements .el1 { 
 display: block 
 } 
 
 .contacts-map-block-left { 
 display: none 
 } 
 
 .contacts-map-block-right .map-block { 
 position: relative 
 } 
 
 .contacts-map-block-right .map-block:after, .contacts-map-block-right .map-block:before { 
 content: ''; 
 position: absolute; 
 height: 100%; 
 top: 0; 
 width: 20%; 
 z-index: 2 
 } 
 
 .contacts-map-block-right .map-block:before { 
 left: 0 
 } 
 
 .contacts-map-block-right .map-block:after { 
 right: 0 
 } 
 
 .contacts-map-block-right .map-block-tip { 
 display: none 
 } 
 
 .footer { 
 padding: 0; 
 height: 0; 
 overflow: hidden 
 } 
 
 .footer-mobile { 
 display: block 
 } 
} 
 
@media only screen and (max-width: 1023px) and (max-width: 767px) { 
 .sites-results-block-right li:first-of-type { 
 padding-bottom: 23px 
 } 
} 
 
@media only screen and (max-width: 767px) { 
 .top-nav { 
 padding: 14px 0 10px; 
 -webkit-filter: none; 
 filter: none 
 } 
 
 .top-nav-block-left { 
 padding-left: 5px 
 } 
 
 .top-nav-block-center { 
 margin-left: 0; 
 padding-top: 0 
 } 
 
 .top-nav-block-center .logo { 
 width: 133px; 
 margin: auto 
 } 
 
 .top-nav-block-right { 
 padding-top: 0; 
 top: -4px 
 } 
 
 .main-nav { 
 top: 52px; 
 height: -webkit-calc(100vh - 52px); 
 height: calc(100vh - 52px); 
 height: -webkit-calc((var(--vh, 1vh) * 100) - 52px); 
 height: calc((var(--vh, 1vh) * 100) - 52px); 
 background-color: #fff 
 } 
 
 .main-nav-top { 
 right: auto; 
 top: auto; 
 left: 0; 
 bottom: 0; 
 height: 68px; 
 padding-top: 0; 
 display: -webkit-flex; 
 display: -moz-flex; 
 display: -ms-flex; 
 display: -o-flex; 
 display: -webkit-box; 
 display: -ms-flexbox; 
 display: flex; 
 -webkit-flex-wrap: wrap; 
 -ms-flex-wrap: wrap; 
 flex-wrap: wrap; 
 -webkit-box-align: center; 
 -webkit-align-items: center; 
 -ms-flex-align: center; 
 align-items: center; 
 width: 100%; 
 background-color: #fff; 
 z-index: 2 
 } 
 
 .main-nav-top .tel { 
 font-size: 1em 
 } 
 
 .main-nav-top .tel-info { 
 text-align: left; 
 padding-left: 15px 
 } 
 
 .main-nav-top .tel-info .messenger-links { 
 position: relative; 
 left: 4px 
 } 
 
 .main-nav-bottom { 
 background-color: #fff; 
 left: auto; 
 right: 0; 
 height: 68px; 
 background-color: #fff; 
 width: 130px; 
 text-align: right; 
 -webkit-box-pack: end; 
 -webkit-justify-content: flex-end; 
 -ms-flex-pack: end; 
 justify-content: flex-end; 
 z-index: 3 
 } 
 
 .main-nav-bottom-left { 
 padding-left: 0; 
 padding-right: 13px 
 } 
 
 .main-nav-bottom-left .social-list a { 
 font-size: 21px; 
 color: #a8a8a8; 
 width: 32px 
 } 
 
 .main-nav-bottom-right { 
 display: none 
 } 
 
 .main-nav-section { 
 padding-top: 38px; 
 overflow-x: hidden 
 } 
 
 .main-nav-block-pages { 
 width: 100%; 
 font-size: 14px; 
 padding-left: 25px; 
 padding-top: 58px 
 } 
 
 .main-nav-block-pages li.menu-item-has-children { 
 font-size: 18px; 
 position: static 
 } 
 
 .main-nav-block-pages li.menu-item-has-children .btn-back { 
 display: inline-block; 
 position: absolute; 
 left: -34px; 
 top: -2px 
 } 
 
 .main-nav-block-pages li.menu-item-has-children > a { 
 padding: 9px 5px 
 } 
 
 .main-nav-block-pages li.menu-item-has-children > a:after { 
 font-size: 18px; 
 margin-top: 0 
 } 
 
 .main-nav-block-pages a { 
 padding: 12px 5px 
 } 
 
 .main-nav-block-pages .sub-menu { 
 top: 0; 
 left: 44px; 
 background-color: #fff; 
 z-index: 1; 
 min-height: -webkit-calc(100vh - 52px); 
 min-height: calc(100vh - 52px); 
 padding-bottom: 100px; 
 font-weight: 600 
 } 
 
 .main-nav-block-pages .sub-menu:before { 
 content: ''; 
 left: -44px; 
 top: 0; 
 width: 44px; 
 background-color: #fff; 
 height: 100%; 
 position: absolute 
 } 
 
 .main-nav-block-pages .sub-menu a:before { 
 top: 48% 
 } 
 
 .main-nav-block-pages .sub-menu a { 
 padding: 11px 0 
 } 
 
 .header-mockup-landing { 
 padding: 10px 6px 0 
 } 
 
 .header-mockup-landing .shadow { 
 bottom: -40px; 
 margin: 0 
 } 
 
 .header-mockup-internet { 
 margin: 0 auto 
 } 
 
 .header-mockup-internet .img-mobile { 
 padding: 0 17px; 
 margin-top: -43px; 
 margin-bottom: -15px 
 } 
 
 .header-mockup-seo { 
 margin-left: -10px; 
 margin-right: -10px; 
 overflow: hidden 
 } 
 
 .header-mockup-seo .img { 
 display: none 
 } 
 
 .header-mockup-seo .img-mobile { 
 display: block 
 } 
 
 .thanks-mockup { 
 width: 320px; 
 margin: 0 auto; 
 height: auto 
 } 
 
 .thanks-mockup .img1 { 
 display: none 
 } 
 
 .thanks-mockup .img2 { 
 display: none 
 } 
 
 .thanks-mockup .img3 { 
 display: none 
 } 
 
 .header-main:before { 
 display: none 
 } 
 
 .header-main-block { 
 min-height: 430px; 
 height: 100vh; 
 -webkit-box-align: center; 
 -webkit-align-items: center; 
 -ms-flex-align: center; 
 align-items: center; 
 padding-top: 0 
 } 
 
 .header-main-block .elements .el1 { 
 width: 68px; 
 bottom: -96px 
 } 
 
 .header-main-block-content { 
 position: relative; 
 z-index: 1; 
 padding-left: 15px 
 } 
 
 .header-main-block-content .text { 
 font-size: 14px 
 } 
 
 .header-main-block-content .h1 { 
 word-spacing: -8px 
 } 
 
 .header-main-block-content .h1 { 
 font-size: 36px; 
 line-height: 42px 
 } 
 
 .header-main-projects { 
 font-size: 18px 
 } 
 
 .header-sites { 
 padding-top: 185px; 
 min-height: 100vh; 
 padding-bottom: 15px 
 } 
 
 .header-sites .header-main-projects { 
 display: none 
 } 
 
 .header-sites-block { 
 min-height: 0; 
 height: auto; 
 -webkit-box-align: start; 
 -webkit-align-items: flex-start; 
 -ms-flex-align: start; 
 align-items: flex-start; 
 text-align: center; 
 position: relative; 
 border-radius: 10px; 
 box-shadow: 3px 3px 21px rgba(0, 0, 0, .11); 
 padding: 17px 15px 84px 
 } 
 
 .header-sites-block-left .breadcrumbs { 
 top: -120px; 
 left: 0; 
 right: 0; 
 margin: auto 
 } 
 
 .header-sites-block-left-titles { 
 position: absolute; 
 bottom: 100%; 
 width: 100%; 
 left: 0 
 } 
 
 .header-sites-block-left-titles .h2 { 
 font-size: 1.3125em; 
 text-transform: uppercase; 
 margin-bottom: 6px 
 } 
 
 .header-sites-block-left-titles .fz18 { 
 font-size: 1em; 
 margin-bottom: 17px 
 } 
 
 .header-sites-block-left-text { 
 min-height: 0 
 } 
 
 .header-sites-block-left p { 
 font-size: .6875em; 
 margin-bottom: 17px; 
 line-height: 1.24 
 } 
 
 .header-sites-block-left .btn { 
 position: absolute; 
 bottom: 17px; 
 left: 0; 
 right: 0; 
 width: 230px; 
 display: block; 
 margin: auto 
 } 
 
 .header-sites-block-right { 
 width: 100% 
 } 
 
 .header-sites .next-block-button { 
 position: relative; 
 bottom: 0; 
 margin-top: 25px 
 } 
 
 .header-seo { 
 padding-bottom: 65px; 
 min-height: 100vh 
 } 
 
 .header-seo .header-sites-block { 
 padding-bottom: 0 
 } 
 
 .header-seo .header-sites-block-left { 
 margin-top: 0 
 } 
 
 .header-seo .header-sites-block-left .btn { 
 bottom: -70px 
 } 
 
 .header-seo .next-block-button { 
 bottom: -60px 
 } 
 
 .header-portfolio { 
 padding-top: 66px 
 } 
 
 .header-portfolio-block-bc { 
 margin-bottom: 20px; 
 text-align: center 
 } 
 
 .header-portfolio-block .h2 { 
 font-size: 1.125em; 
 text-transform: uppercase; 
 margin-bottom: 8px 
 } 
 
 .header-portfolio-block p { 
 font-size: .75em; 
 line-height: 1.24; 
 color: #888 
 } 
 
 .header-portfolio-block-cat { 
 margin-top: 17px 
 } 
 
 .header-portfolio-block-cat ul { 
 display: none 
 } 
 
 .header-portfolio-block-cat li { 
 margin-right: 8px; 
 margin-bottom: 10px 
 } 
 
 .header-portfolio-block-cat li.current a { 
 color: #fff; 
 background-color: #ff008b; 
 border-color: #ff008b 
 } 
 
 .header-portfolio-block-cat a { 
 padding: 0 17px; 
 font-size: 12px; 
 border: #ddd solid 1px; 
 line-height: 28px; 
 border-radius: 20px 
 } 
 
 .header-portfolio-block-cat a:before { 
 display: none 
 } 
 
 .header-portfolio-block-cat-mobile { 
 display: block 
 } 
 
 .header-work { 
 padding-top: 66px 
 } 
 
 .header-work .breadcrumbs { 
 margin-bottom: 18px 
 } 
 
 .header-work-block { 
 padding: 0 15px 
 } 
 
 .header-work-block-left { 
 width: 100% 
 } 
 
 .header-work-block-left .h1 { 
 font-size: 1.125em; 
 text-transform: uppercase 
 } 
 
 .header-work-block-right { 
 width: 100%; 
 line-height: 18px; 
 font-size: .75em; 
 padding-top: 14px 
 } 
 
 .header-blog { 
 padding-top: 66px; 
 padding-bottom: 16px 
 } 
 
 .header-blog-block-bc { 
 margin-bottom: 18px; 
 text-align: center 
 } 
 
 .header-blog-block .h1 { 
 font-size: 1.125em; 
 text-transform: uppercase; 
 margin-bottom: 8px 
 } 
 
 .header-blog-block .text { 
 font-size: .75em; 
 margin-bottom: 17px; 
 color: #888 
 } 
 
 .header-blog-block-mobile { 
 display: block 
 } 
 
 .header-single { 
 text-align: left; 
 padding-top: 66px; 
 padding-bottom: 19px 
 } 
 
 .header-single-block-bc { 
 margin-bottom: 20px 
 } 
 
 .header-single-block .h1 { 
 font-size: 1.3125em; 
 margin-bottom: 11px 
 } 
 
 .header-single-block .stats { 
 -webkit-box-pack: start; 
 -webkit-justify-content: flex-start; 
 -ms-flex-pack: start; 
 justify-content: flex-start 
 } 
 
 .header-single-block .stats > div { 
 margin: 0; 
 margin-right: 28px 
 } 
 
 .header-single-block .stats .likes:before, .header-single-block .stats .views:before { 
 font-weight: 300 
 } 
 
 .header-reviews { 
 padding-top: 66px; 
 padding-bottom: 38px 
 } 
 
 .header-reviews-block-bc { 
 margin-bottom: 18px; 
 text-align: center 
 } 
 
 .header-reviews-block .h2 { 
 font-size: 1.125em; 
 text-transform: uppercase; 
 margin-bottom: 8px 
 } 
 
 .header-reviews-block .h6 { 
 font-size: .75em; 
 color: #888 
 } 
 
 .header-about { 
 background-color: #fff 
 } 
 
 .header-about-block { 
 padding-top: 100px; 
 min-height: 586px 
 } 
 
 .header-about-block-top .fz44 { 
 font-size: 1.3125em; 
 margin-bottom: 7px 
 } 
 
 .header-about-block-top .text { 
 font-size: .75em; 
 margin-bottom: 33px 
 } 
 
 .header-about-block-bottom ol { 
 -webkit-flex-wrap: wrap; 
 -ms-flex-wrap: wrap; 
 flex-wrap: wrap 
 } 
 
 .header-plug { 
 text-align: center; 
 min-height: 0; 
 height: auto; 
 padding-top: 66px 
 } 
 
 .header-plug .breadcrumbs { 
 position: static; 
 display: inline-block; 
 margin-bottom: 25px 
 } 
 
 .header-plug-block { 
 padding-right: 0; 
 -webkit-box-align: start; 
 -webkit-align-items: flex-start; 
 -ms-flex-align: start; 
 align-items: flex-start; 
 overflow: visible; 
 min-height: 568px; 
 min-height: 0; 
 height: auto 
 } 
 
 .header-plug-block-right { 
 width: 100%; 
 margin-top: 65px; 
 margin-top: 0 
 } 
 
 .header-plug-block-right .h2 { 
 font-size: 1.3125em; 
 text-transform: uppercase; 
 margin-bottom: 6px; 
 -webkit-transform: none !important; 
 -ms-transform: none !important; 
 transform: none !important; 
 opacity: 1 !important 
 } 
 
 .header-plug-block-right p { 
 font-size: 1em; 
 margin-bottom: 17px; 
 -webkit-transform: none !important; 
 -ms-transform: none !important; 
 transform: none !important; 
 opacity: 1 !important 
 } 
 
 .header-plug-block-right-white { 
 background-color: #fff; 
 box-shadow: 3px 0 21px rgba(0, 0, 0, .11); 
 border-radius: 10px; 
 padding: 17px; 
 padding-bottom: 60px 
 } 
 
 .header-plug-block-right .desc { 
 font-size: .6875em; 
 line-height: 1.24; 
 margin-bottom: 20px; 
 -webkit-transform: none !important; 
 -ms-transform: none !important; 
 transform: none !important; 
 opacity: 1 !important 
 } 
 
 .header-plug-block-right .img { 
 position: static; 
 width: 100%; 
 height: auto; 
 padding-left: 0; 
 padding-bottom: 0; 
 -webkit-transform: none !important; 
 -ms-transform: none !important; 
 transform: none !important; 
 opacity: 1 !important 
 } 
 
 .header-plug-block-right .img img { 
 max-height: 195px; 
 max-width: 90% 
 } 
 
 .header-plug-block-right .btn { 
 width: 230px; 
 margin-top: -24px; 
 -webkit-transform: none !important; 
 -ms-transform: none !important; 
 transform: none !important; 
 opacity: 1 !important 
 } 
 
 .header-plug-block .header-main-projects { 
 display: none 
 } 
 
 .btn-menu { 
 left: 15px; 
 top: 11px 
 } 
 
 .lang-block { 
 font-size: .875em; 
 padding-right: 20px; 
 line-height: 53px 
 } 
 
 .lang-block-current:after { 
 right: 5px; 
 font-size: .625em; 
 top: 0 
 } 
 
 .lang-block-container { 
 background-color: rgba(255, 255, 255, .3); 
 padding: 13px 0; 
 top: 48px 
 } 
 
 .lang-block-container a { 
 padding: 7px 10px 
 } 
 
 .content h1, .content h2, .content h3, .content h4, .content h5, .content h6 { 
 margin: 10px 0 
 } 
 
 .content h1 { 
 font-size: 1.5em 
 } 
 
 .content h2 { 
 font-size: 1.25em 
 } 
 
 .content h3 { 
 font-size: 1.125em 
 } 
 
 .content h4 { 
 font-size: 1em 
 } 
 
 .content h5 { 
 font-size: .875em 
 } 
 
 .content h6 { 
 font-size: .75em 
 } 
 
 .content li { 
 font-size: 10px 
 } 
 
 .content p { 
 font-size: .625em; 
 line-height: 1.4; 
 margin: 7px 0 
 } 
 
 .scroll-block { 
 height: 260px; 
 margin-right: -2px 
 } 
 
 .scroll-block .mCSB_dragger_bar { 
 border-radius: 8px !important 
 } 
 
 .scroll-block .mCSB_draggerRail { 
 width: 8px !important 
 } 
 
 .scroll-block .content { 
 margin-top: -8px 
 } 
 
 .seo-list li { 
 box-shadow: 0 0 21px rgba(0, 0, 0, .07); 
 border-radius: 10px; 
 overflow: hidden; 
 padding-left: 20px; 
 padding-right: 40px; 
 margin-bottom: 10px; 
 padding-bottom: 2px; 
 position: relative 
 } 
 
 .seo-list li:before { 
 content: ''; 
 position: absolute; 
 height: 100%; 
 left: 0; 
 top: 0; 
 width: 5px; 
 background: #ff0048; 
 background: linear-gradient(-165deg, #ff0048, #ff0094) 
 } 
 
 .seo-list .icon { 
 display: none 
 } 
 
 .seo-list .title:after { 
 font-size: 18px; 
 right: -27px; 
 top: 11px; 
 opacity: 1; 
 color: #ff0070; 
 margin-left: 0 
 } 
 
 .seo-list .title { 
 padding: 14px 0; 
 font-size: .8125em 
 } 
 
 .seo-list .desc { 
 font-size: .6875em; 
 margin-right: -30px; 
 line-height: 14px; 
 padding-bottom: 10px; 
 color: #666 
 } 
 
 .pagination-block { 
 font-size: .75em 
 } 
 
 .pagination-block a.page-numbers, .pagination-block span.page-numbers { 
 width: 22px; 
 height: 30px; 
 line-height: 32px; 
 vertical-align: middle 
 } 
 
 .pagination-block .current { 
 width: 30px !important 
 } 
 
 .pagination-block li { 
 padding: 0 
 } 
 
 .pagination-block .prev:before { 
 font-size: 18px; 
 position: relative; 
 top: -2px 
 } 
 
 .pagination-block .next:after { 
 font-size: 18px; 
 position: relative; 
 top: -2px 
 } 
 
 .review-item { 
 padding: 0 25px 10px 
 } 
 
 .review-item:before { 
 width: 100%; 
 height: 263px 
 } 
 
 .review-item .tag { 
 padding: 0; 
 right: auto; 
 left: 3px; 
 top: 294px 
 } 
 
 .review-item .tag a { 
 display: block; 
 -webkit-transform: rotate(-90deg); 
 -ms-transform: rotate(-90deg); 
 transform: rotate(-90deg); 
 -webkit-transform-origin: 0 0; 
 -ms-transform-origin: 0 0; 
 transform-origin: 0 0; 
 width: 290px; 
 text-align: right 
 } 
 
 .review-item .img { 
 width: 236px; 
 max-width: 100%; 
 margin-left: auto; 
 margin-right: auto; 
 height: 326px 
 } 
 
 .review-item .overlay button { 
 pointer-events: none 
 } 
 
 .review-item .info { 
 text-align: center; 
 font-size: 1em; 
 padding-top: 22px 
 } 
 
 .review-item .logo { 
 display: none 
 } 
 
 .review-item .title { 
 font-size: 1.125em 
 } 
 
 .review-item .desc { 
 display: none 
 } 
 
 .breadcrumbs ul { 
 padding: 9px 2px 
 } 
 
 .breadcrumbs li { 
 font-size: .6875em 
 } 
 
 .breadcrumbs li:after { 
 top: -3px 
 } 
 
 .breadcrumbs li i { 
 font-size: 10px 
 } 
 
 .breadcrumbs li a { 
 padding: 0 12px 
 } 
 
 .faq-item-title:before { 
 font-size: 11px; 
 top: -webkit-calc(50% - 7px); 
 top: calc(50% - 7px); 
 left: 3px 
 } 
 
 .faq-item-title { 
 font-size: .8125em; 
 text-transform: none; 
 padding-left: 43px; 
 line-height: 1.242; 
 padding-right: 15px 
 } 
 
 .faq-item-desc { 
 padding: 9px 17px; 
 margin-top: 16px 
 } 
 
 .faq-item-desc { 
 margin: 13px; 
 margin-bottom: -2px; 
 padding: 11px 17px 12px 
 } 
 
 .faq-item-desc:before { 
 top: -9px; 
 border-style: solid; 
 border-width: 0 7px 9px 7px; 
 border-color: transparent transparent #f5f5f5 transparent; 
 left: 44px 
 } 
 
 .faq-item-desc p { 
 font-size: .6875em; 
 line-height: 1.242; 
 line-height: 14px 
 } 
 
 .portfolio-section { 
 padding-top: 30px; 
 padding-bottom: 39px 
 } 
 
 .portfolio-block-header .h3 { 
 font-size: 1.3125em; 
 text-transform: none; 
 margin-bottom: 5px 
 } 
 
 .portfolio-block-header .h6 { 
 font-size: .875em 
 } 
 
 .portfolio-block-slider { 
 margin: 0 -15px 
 } 
 
 .portfolio-block-slider li { 
 width: 169px; 
 margin: 0 18px 
 } 
 
 .portfolio-block-slider li .portfolio-item { 
 width: 169px 
 } 
 
 .portfolio-block-slider li .portfolio-item .img { 
 height: 169px; 
 margin-bottom: 14px 
 } 
 
 .portfolio-block-slider li .portfolio-item img { 
 width: 220px; 
 height: 220px; 
 margin-left: -25px; 
 margin-top: -25px 
 } 
 
 .portfolio-block-slider li .portfolio-item .name { 
 font-size: .875em 
 } 
 
 .portfolio-block-slider li .portfolio-item .type { 
 font-size: .75em 
 } 
 
 .actions-section { 
 overflow: visible 
 } 
 
 .actions-section .container { 
 padding: 0 
 } 
 
 .actions-block-left .h6 { 
 font-size: 14px; 
 color: #fff; 
 opacity: .43 
 } 
 
 .actions-block-left .fz56 { 
 font-size: 21px; 
 margin-bottom: 7px; 
 margin-left: 0; 
 padding-right: 0 
 } 
 
 .actions-block-left p { 
 font-size: 11px; 
 padding: 0 10px; 
 color: #e0e0e0; 
 line-height: 15px; 
 margin-bottom: 0 
 } 
 
 .actions-block-left .btn-brief { 
 position: relative; 
 margin-top: 57px; 
 font-size: 14px; 
 margin-left: -15px; 
 margin-right: -15px; 
 line-height: 82px 
 } 
 
 .actions-block-left .btn-brief .fa { 
 font-size: 18px; 
 margin-left: 13px 
 } 
 
 .actions-block-right { 
 width: 100%; 
 padding: 30px 15px 0 
 } 
 
 .actions-block-right .fz26 { 
 text-align: center; 
 font-size: 18px; 
 width: 250px; 
 max-width: 100%; 
 margin-left: auto; 
 margin-right: auto; 
 margin-bottom: 26px 
 } 
 
 .seo-block { 
 padding-bottom: 30px 
 } 
 
 .seo-block-right .h3 { 
 margin-bottom: 20px; 
 text-align: center; 
 line-height: 1.2; 
 font-size: 1.125em 
 } 
 
 .sites-need-section { 
 padding: 0; 
 text-align: center; 
 padding-top: 13px; 
 overflow: hidden; 
 padding-bottom: 10px; 
 padding-top: 30px 
 } 
 
 .sites-need-block-top-left { 
 padding-top: 0; 
 padding-left: 0 
 } 
 
 .sites-need-block-top-left .fz14 { 
 font-size: 14px; 
 margin-bottom: 7px 
 } 
 
 .sites-need-block-top-left .h2 { 
 font-size: 1.3125em; 
 margin-bottom: 13px 
 } 
 
 .sites-need-block-top-left .semibold { 
 font-size: 11px; 
 line-height: 1.2; 
 font-weight: 500 
 } 
 
 .sites-need-block-bottom ol { 
 padding-top: 27px 
 } 
 
 .sites-need-block-bottom .h2:before { 
 width: 120%; 
 right: -10%; 
 box-shadow: none 
 } 
 
 .sites-need-block-bottom .h2 { 
 width: 100%; 
 margin-right: 0; 
 font-size: 1.875em; 
 padding: 24px 50px; 
 line-height: 30px; 
 margin-bottom: 34px 
 } 
 
 .sites-need-block-bottom li { 
 width: 100%; 
 border: #ececec solid 1px; 
 margin-right: 0; 
 height: auto; 
 margin-bottom: 21px; 
 padding-bottom: 15px; 
 padding-top: 26px 
 } 
 
 .sites-need-block-bottom .title:before { 
 content: "0" counter(why); 
 position: absolute; 
 margin-right: 0; 
 width: 30px; 
 height: 30px; 
 line-height: 31px; 
 background: #ff0090; 
 background: -webkit-gradient(linear, left top, right top, from(#ff0090), to(#e80248)); 
 background: linear-gradient(to right, #ff0090, #e80248); 
 border-radius: 50%; 
 color: #fff; 
 left: 0; 
 right: 0; 
 margin: auto; 
 font-size: 11.5px; 
 top: -15px 
 } 
 
 .sites-need-block-bottom .title { 
 font-size: 14px; 
 margin-bottom: 7px 
 } 
 
 .sites-need-block-bottom .text { 
 font-size: 11px; 
 line-height: 14.4px; 
 color: #666 
 } 
 
 .sites-project-section { 
 padding: 0 0 23px; 
 text-align: center; 
 background: #fff; 
 background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f6f6f6)); 
 background: linear-gradient(to bottom, #fff, #f6f6f6) 
 } 
 
 .sites-project-block .h2 { 
 margin-bottom: 45px; 
 color: #2d1400; 
 font-size: 18px; 
 position: absolute; 
 left: 0; 
 right: 0; 
 margin: auto; 
 top: -46px 
 } 
 
 .sites-project-block .fz14 { 
 font-size: 12px; 
 margin-bottom: 26px 
 } 
 
 .sites-stages-section { 
 background-color: #f6f6f6; 
 padding-top: 48px; 
 padding-bottom: 16px 
 } 
 
 .sites-stages-header { 
 padding: 0; 
 text-align: center; 
 margin-bottom: 30px 
 } 
 
 .sites-stages-header-left .h2 { 
 font-size: 18px; 
 line-height: 1; 
 margin-bottom: 9px 
 } 
 
 .sites-stages-header-right .fz14 { 
 text-align: center; 
 font-size: 11px; 
 font-weight: 500; 
 width: 300px; 
 max-width: 100%; 
 margin: 0 auto 
 } 
 
 .sites-stages-block { 
 padding-left: 5px 
 } 
 
 .sites-stages-block ul { 
 position: relative 
 } 
 
 .sites-stages-block ul:before { 
 content: ''; 
 position: absolute; 
 top: 0; 
 width: 1px; 
 background-color: #fff; 
 left: 25px; 
 height: 95%; 
 height: -webkit-calc(100% - 30px); 
 height: calc(100% - 30px) 
 } 
 
 .sites-stages-block li:first-of-type .img { 
 background: #ff0090; 
 background: -webkit-gradient(linear, left top, right top, from(#ff0090), to(#e80248)); 
 background: linear-gradient(to right, #ff0090, #e80248); 
 color: #fff 
 } 
 
 .sites-stages-block li { 
 width: 100%; 
 display: -webkit-flex; 
 display: -moz-flex; 
 display: -ms-flex; 
 display: -o-flex; 
 display: -webkit-box; 
 display: -ms-flexbox; 
 display: flex; 
 -webkit-flex-wrap: wrap; 
 -ms-flex-wrap: wrap; 
 flex-wrap: wrap; 
 -webkit-box-pack: justify; 
 -webkit-justify-content: space-between; 
 -ms-flex-pack: justify; 
 justify-content: space-between; 
 -webkit-box-align: center; 
 -webkit-align-items: center; 
 -ms-flex-align: center; 
 align-items: center; 
 margin: 0 0 25px 
 } 
 
 .sites-stages-block li a { 
 display: -webkit-flex; 
 display: -moz-flex; 
 display: -ms-flex; 
 display: -o-flex; 
 display: -webkit-box; 
 display: -ms-flexbox; 
 display: flex; 
 -webkit-flex-wrap: wrap; 
 -ms-flex-wrap: wrap; 
 flex-wrap: wrap; 
 -webkit-box-pack: justify; 
 -webkit-justify-content: space-between; 
 -ms-flex-pack: justify; 
 justify-content: space-between; 
 -webkit-box-align: center; 
 -webkit-align-items: center; 
 -ms-flex-align: center; 
 align-items: center 
 } 
 
 .sites-stages-block li .img { 
 margin-right: 17px; 
 margin-bottom: 0; 
 background-color: #fff !important 
 } 
 
 .sites-stages-block li .img i { 
 top: 0 
 } 
 
 .sites-stages-block li .text { 
 text-align: left; 
 width: -webkit-calc(100% - 68px); 
 width: calc(100% - 68px) 
 } 
 
 .sites-stages-block li .title { 
 font-size: 12px; 
 margin-bottom: 6px 
 } 
 
 .sites-stages-block li .fz14 { 
 font-size: 10px; 
 color: #666 
 } 
 
 .sites-results-section .container { 
 padding: 0 
 } 
 
 .sites-results-block { 
 box-shadow: none; 
 position: relative; 
 padding-bottom: 160px 
 } 
 
 .sites-results-block-left { 
 width: 100%; 
 padding: 39px 0 0; 
 background-color: #fff; 
 position: static 
 } 
 
 .sites-results-block-left .h2 { 
 font-size: 21px; 
 text-align: center; 
 margin-bottom: 37px 
 } 
 
 .sites-results-block-left p { 
 display: none 
 } 
 
 .sites-results-block-left-bottom { 
 padding-bottom: 62px 
 } 
 
 .sites-results-block-left-bottom .img img { 
 width: 92% 
 } 
 
 .sites-results-block-right { 
 width: 100%; 
 padding: 0 
 } 
 
 .sites-results-block-right li .h1 { 
 font-size: 3em; 
 margin-bottom: 0; 
 color: #303030 
 } 
 
 .sites-results-block-right li .fz14 { 
 font-size: 14px; 
 margin-bottom: 5px 
 } 
 
 .sites-results-block-right li .fz12 { 
 font-size: 11px 
 } 
 
 .faq-section { 
 padding: 10px 0 45px 
 } 
 
 .faq-block-header { 
 text-align: center; 
 margin-bottom: 24px 
 } 
 
 .faq-block-header .h2 { 
 font-size: 1.125em; 
 line-height: 1.362 
 } 
 
 .faq-block-list li { 
 margin-bottom: 17px 
 } 
 
 .input-wrap input { 
 font-size: 12px 
 } 
 
 .input-wrap-check { 
 margin-right: -10px 
 } 
 
 .input-wrap-check-input { 
 margin-right: 9px !important 
 } 
 
 .input-wrap-check-text p { 
 font-size: 10px !important; 
 padding-top: 2px 
 } 
 
 .form-actions { 
 background-color: #fff; 
 box-shadow: 0 0 21px rgba(0, 0, 0, .08); 
 border-radius: 10px; 
 padding: 25px 15px 25px; 
 position: relative 
 } 
 
 .form-actions .input-wrap-check { 
 margin-top: -5px; 
 margin-bottom: 20px 
 } 
 
 .form-actions .input-wrap-check-text p { 
 margin-right: -20px 
 } 
 
 .form-actions .input-wrap-submit { 
 position: absolute; 
 margin: auto; 
 left: 0; 
 right: 0; 
 bottom: -23px; 
 width: 165px 
 } 
 
 .form-project-bottom-left { 
 width: 100%; 
 padding-top: 33px 
 } 
 
 .form-project-bottom-left .input-wrap-check { 
 text-align: left 
 } 
 
 .form-project-bottom-right .input-wrap-file:after { 
 font-size: 12px; 
 left: 45px; 
 color: rgba(63, 63, 63, .5) 
 } 
 
 .contacts-form { 
 width: 100%; 
 padding: 0 8px 
 } 
 
 .contacts-form .input-wrap { 
 width: 100%; 
 margin-bottom: 9px 
 } 
 
 .contacts-form .input-wrap .label { 
 font-size: .75em; 
 margin-bottom: 4px 
 } 
 
 .contacts-form .input-wrap input { 
 font-size: .75em; 
 line-height: 36px 
 } 
 
 .contacts-form .input-wrap-check { 
 margin: 23px 0 27px 
 } 
 
 .contacts-form .input-wrap-submit { 
 text-align: center 
 } 
 
 .contacts-form .input-wrap-submit .btn { 
 width: 241px; 
 padding: 0; 
 margin: 0 auto 
 } 
 
 .main-services-section { 
 padding-top: 3px; 
 padding-bottom: 19px 
 } 
 
 .main-services-block-left { 
 width: 100%; 
 -webkit-transform: none !important; 
 -ms-transform: none !important; 
 transform: none !important; 
 opacity: 1 !important 
 } 
 
 .main-services-block-left ul { 
 padding: 0 15px 
 } 
 
 .main-services-block-left li a { 
 height: 141px; 
 padding: 15px 10px 25px 
 } 
 
 .main-services-block-left li { 
 width: -webkit-calc(50% - 12px); 
 width: calc(50% - 12px); 
 margin: 5px 
 } 
 
 .main-services-block-left li .img { 
 height: 82px; 
 line-height: 75px 
 } 
 
 .main-services-block-left li .img i, .main-services-block-left li .img img, .main-services-block-left li .img svg { 
 font-size: 55px 
 } 
 
 .main-services-block-left li .title { 
 font-size: 1em 
 } 
 
 .main-services-block-left li .desc { 
 height: auto; 
 overflow: visible; 
 font-size: .6875em; 
 font-weight: 300; 
 width: 220px; 
 max-width: 100%; 
 margin-left: auto; 
 margin-right: auto 
 } 
 
 .main-advantages-section { 
 padding-top: 0; 
 background-color: #fff; 
 padding-bottom: 8px 
 } 
 
 .main-advantages-block-left { 
 width: 100%; 
 background: #ff0094; 
 background: -webkit-gradient(linear, left top, right top, from(#ff0094), to(#ff0048)); 
 background: linear-gradient(to right, #ff0094, #ff0048); 
 color: #fff; 
 max-width: none; 
 width: -webkit-calc(100% + 30px); 
 width: calc(100% + 30px); 
 margin: 0 -15px; 
 text-align: center; 
 padding: 31px 15px 33px 
 } 
 
 .main-advantages-block-left .h6 { 
 font-weight: 700; 
 font-size: 1.3125em; 
 margin-bottom: 2px 
 } 
 
 .main-advantages-block-left .h2 { 
 font-size: .875em; 
 text-transform: none 
 } 
 
 .main-advantages-block-right { 
 padding-top: 45px 
 } 
 
 .main-advantages-block-right li { 
 width: 100%; 
 border: #ededed solid 1px; 
 border-radius: 10px; 
 text-align: center; 
 padding: 33px 15px 23px; 
 margin-bottom: 29px 
 } 
 
 .main-advantages-block-right li:before { 
 left: 0; 
 right: 0; 
 width: 56px; 
 background-color: #fff; 
 margin: auto; 
 font-size: 35.8px; 
 top: -21px 
 } 
 
 .main-advantages-block-right .title { 
 font-size: .875em 
 } 
 
 .main-advantages-block-right .desc { 
 font-size: .6875em; 
 line-height: 14.44px; 
 color: #363636; 
 font-weight: 500 
 } 
 
 .seo-need-block { 
 width: 100% 
 } 
 
 .seo-need-block .h2 { 
 font-size: 21px 
 } 
 
 .seo-need-block-inner { 
 display: none 
 } 
 
 .seo-need-list { 
 padding-top: 11px 
 } 
 
 .seo-need-list li { 
 padding: 0; 
 position: relative 
 } 
 
 .seo-need-list li:before { 
 content: ''; 
 position: absolute; 
 content: '' !important; 
 left: 0; 
 right: 0; 
 background: #ff0090; 
 background: -webkit-gradient(linear, left top, right top, from(#ff0090), to(#e80248)); 
 background: linear-gradient(to right, #ff0090, #e80248); 
 border-radius: 20px; 
 display: inline-block; 
 width: 95px; 
 margin: auto; 
 height: 26px; 
 top: -13px; 
 padding-left: 12px 
 } 
 
 .seo-need-list li .number { 
 color: #fff; 
 z-index: 2; 
 font-size: 12px; 
 top: 0; 
 line-height: 25px; 
 position: relative; 
 top: -13px; 
 width: auto 
 } 
 
 .seo-need-list li .title { 
 display: inline-block; 
 color: #fff; 
 font-size: 12px; 
 text-align: center; 
 line-height: 27px; 
 height: 25px; 
 position: relative; 
 top: -13px 
 } 
 
 .seo-need-list li .title span { 
 color: #fff; 
 margin-left: -4px 
 } 
 
 .seo-need-list li .text { 
 padding: 24px 25px 16px; 
 -webkit-align-content: center; 
 -ms-flex-line-pack: center; 
 align-content: center; 
 margin-top: -30px; 
 display: -webkit-flex; 
 display: -moz-flex; 
 display: -ms-flex; 
 display: -o-flex; 
 display: -webkit-box; 
 display: -ms-flexbox; 
 display: flex; 
 -webkit-flex-wrap: wrap; 
 -ms-flex-wrap: wrap; 
 flex-wrap: wrap; 
 min-height: 0 
 } 
 
 .seo-need-mobile { 
 display: block 
 } 
 
 .seo-info-section { 
 padding: 8px 0 
 } 
 
 .seo-info-block-right { 
 width: 100%; 
 text-align: center 
 } 
 
 .seo-info-block-right .text { 
 font-size: .875em 
 } 
 
 .seo-info-block-right .fz28 { 
 font-size: 1.125em; 
 margin-bottom: 23px 
 } 
 
 .seo-info-block-right .seo-list { 
 text-align: left 
 } 
 
 .seo-project-section { 
 background: 0 0 
 } 
 
 .seo-partners-section { 
 padding: 55px 0 22px 
 } 
 
 .seo-partners-header { 
 margin-bottom: 40px 
 } 
 
 .seo-partners-header .h2 { 
 font-size: 1.3125em 
 } 
 
 .seo-partners-block li { 
 width: 50%; 
 margin-bottom: 50px 
 } 
 
 .seo-partners-block .img { 
 height: 50px; 
 line-height: 50px 
 } 
 
 .seo-partners-block img { 
 width: auto; 
 height: auto; 
 max-width: 120px; 
 max-height: 45px 
 } 
 
 .works-section { 
 padding-top: 20px 
 } 
 
 .works-block li { 
 width: 100%; 
 padding: 20px 0 23px 
 } 
 
 .works-block li .img { 
 margin-bottom: 28px 
 } 
 
 .works-pagination { 
 padding: 45px 0 9px 
 } 
 
 .work-section { 
 padding: 20px 15px 28px 
 } 
 
 .work-block-bottom { 
 padding-top: 28px 
 } 
 
 .work-block-bottom:before { 
 display: none 
 } 
 
 .work-block-bottom .h1 { 
 font-size: 1.125em; 
 margin-bottom: 12px 
 } 
 
 .work-block-bottom p { 
 font-size: .75em; 
 margin-bottom: 0 
 } 
 
 .work-block-bottom .btn { 
 display: none 
 } 
 
 .blog-block-left { 
 -webkit-box-ordinal-group: 2; 
 -webkit-order: 1; 
 -ms-flex-order: 1; 
 order: 1 
 } 
 
 .blog-block-left .posts-list li { 
 margin-bottom: 20px 
 } 
 
 .blog-block-right { 
 width: 100%; 
 -webkit-box-ordinal-group: 4; 
 -webkit-order: 3; 
 -ms-flex-order: 3; 
 order: 3 
 } 
 
 .blog-block-right .popular-list { 
 margin-bottom: 34px 
 } 
 
 .blog-block-right .popular-list a { 
 -webkit-box-align: center; 
 -webkit-align-items: center; 
 -ms-flex-align: center; 
 align-items: center 
 } 
 
 .blog-block-right .cat-list { 
 display: none 
 } 
 
 .blog-block-pagination { 
 -webkit-box-ordinal-group: 3; 
 -webkit-order: 2; 
 -ms-flex-order: 2; 
 order: 2; 
 padding-left: 0; 
 padding-bottom: 43px 
 } 
 
 .single-block-left .img { 
 position: relative; 
 width: 100%; 
 height: 155px 
 } 
 
 .single-block-left .img img { 
 position: absolute; 
 left: 0; 
 top: 0; 
 width: 100%; 
 height: 100%; 
 object-fit: cover 
 } 
 
 .single-desc { 
 font-size: .875em; 
 line-height: 21px 
 } 
 
 .single-content h2 { 
 font-size: 1em; 
 margin: 22px 0 13px 
 } 
 
 .single-content li { 
 font-size: .875em; 
 line-height: 21px 
 } 
 
 .single-content ul { 
 margin: 14px 0 
 } 
 
 .single-content ul li { 
 margin: 12px 0 
 } 
 
 .single-content ol { 
 margin: 20px 0 
 } 
 
 .single-content ol li { 
 margin: 12px 0 
 } 
 
 .single-content img { 
 margin: 27px 0 
 } 
 
 .single-content p { 
 font-size: .875em; 
 line-height: 21px; 
 margin: 14px 0 
 } 
 
 .single-content blockquote { 
 padding-left: 61px; 
 font-size: 12px; 
 line-height: 18px; 
 padding-top: 18px; 
 padding-bottom: 17px; 
 margin-bottom: 21px 
 } 
 
 .single-content blockquote:before { 
 font-size: 36px; 
 top: 12px 
 } 
 
 .single-content blockquote:after { 
 left: 46px 
 } 
 
 .single-content blockquote span { 
 font-size: 14px; 
 margin-top: 12px 
 } 
 
 .single-share { 
 -webkit-box-pack: justify; 
 -webkit-justify-content: space-between; 
 -ms-flex-pack: justify; 
 justify-content: space-between; 
 background-color: #f6f6f6; 
 margin-top: 27px; 
 padding: 14px 9px; 
 padding-left: 13px; 
 margin-bottom: 23px 
 } 
 
 .single-back { 
 text-align: center 
 } 
 
 .single-bottom { 
 padding-top: 40px; 
 padding-bottom: 25px 
 } 
 
 .single-bottom .h4 { 
 text-align: center; 
 margin-bottom: 27px 
 } 
 
 .single-bottom li { 
 width: 100%; 
 margin-right: 0; 
 margin-bottom: 15px 
 } 
 
 .single-bottom a { 
 display: -webkit-flex; 
 display: -moz-flex; 
 display: -ms-flex; 
 display: -o-flex; 
 display: -webkit-box; 
 display: -ms-flexbox; 
 display: flex; 
 -webkit-flex-wrap: wrap; 
 -ms-flex-wrap: wrap; 
 flex-wrap: wrap; 
 -webkit-box-pack: justify; 
 -webkit-justify-content: space-between; 
 -ms-flex-pack: justify; 
 justify-content: space-between 
 } 
 
 .single-bottom .img { 
 width: 60px; 
 height: 60px; 
 margin-bottom: 0 
 } 
 
 .single-bottom .text { 
 width: -webkit-calc(100% - 72px); 
 width: calc(100% - 72px); 
 display: -webkit-flex; 
 display: -moz-flex; 
 display: -ms-flex; 
 display: -o-flex; 
 display: -webkit-box; 
 display: -ms-flexbox; 
 display: flex; 
 -webkit-flex-wrap: wrap; 
 -ms-flex-wrap: wrap; 
 flex-wrap: wrap; 
 padding-top: 3px 
 } 
 
 .single-bottom .title { 
 font-size: .75em 
 } 
 
 .single-bottom .date { 
 -webkit-box-ordinal-group: 0; 
 -webkit-order: -1; 
 -ms-flex-order: -1; 
 order: -1 
 } 
 
 .reviews-section { 
 padding: 0 15px 
 } 
 
 .reviews-block-pagination { 
 padding: 15px 0 33px 
 } 
 
 .about-social-section { 
 padding-top: 23px; 
 padding-bottom: 0 
 } 
 
 .about-partners-section ~ .footer-mobile .footer-mobile-top { 
 background-color: #fff 
 } 
 
 .about-partners-block { 
 border-radius: 6px 
 } 
 
 .about-partners-block li:nth-of-type(1n+8) { 
 display: none 
 } 
 
 .about-partners-block li:first-of-type { 
 padding-left: 0; 
 text-align: center 
 } 
 
 .about-partners-block li:first-of-type .h3 { 
 font-size: 1.3125em; 
 margin-bottom: 3px 
 } 
 
 .about-partners-block li:first-of-type .desc { 
 font-size: .75em 
 } 
 
 .about-partners-block li img { 
 width: auto; 
 height: auto; 
 max-width: 46px; 
 max-height: 37px 
 } 
 
 .p404-section { 
 padding-top: 20px 
 } 
 
 .p404-block .img { 
 margin: 0 -5px 16px 
 } 
 
 .p404-block p { 
 font-size: .875em; 
 margin-bottom: 21px 
 } 
 
 .p404-block .btn { 
 width: 234px; 
 padding: 0 
 } 
 
 .contacts { 
 padding: 66px 0 30px 
 } 
 
 .contacts-block-left { 
 padding-left: 8px 
 } 
 
 .contacts-block-left .fz52 { 
 font-size: 1.3125em; 
 margin-bottom: 38px 
 } 
 
 .contacts-block-left .lists .title { 
 font-size: 1em; 
 margin-bottom: 10px 
 } 
 
 .contacts-block-left .lists .desc { 
 font-size: 1em; 
 line-height: 1.6 
 } 
 
 .contacts-block-left .lists-top .list-item { 
 width: 100% 
 } 
 
 .contacts-block-left .lists-bottom { 
 margin-top: -1px 
 } 
 
 .contacts-block-left .lists-bottom .list-item { 
 margin-bottom: 13px !important 
 } 
 
 .contacts-block-left .lists-bottom .title { 
 margin-bottom: 21px 
 } 
 
 .contacts-block-left .lists-bottom .messenger-list a img { 
 width: 23px 
 } 
 
 .contacts-block-left .lists-bottom .social-list { 
 margin-left: -10px 
 } 
 
 .contacts-block-left .lists-bottom .social-list a { 
 width: 31px 
 } 
 
 .contacts-block-left .lists-bottom .social-list a img { 
 width: 25px 
 } 
 
 .contacts-block-left .lists .list-item { 
 margin-bottom: 26px 
 } 
 
 .contacts-block-right { 
 padding-top: 35px 
 } 
 
 .contacts-block-right .h3 { 
 font-size: 1.125em; 
 margin-bottom: 21px; 
 text-align: center 
 } 
 
 .contacts-map { 
 padding: 0 0 0 
 } 
 
 .contacts-map ~ .footer-mobile { 
 margin-top: -10px 
 } 
 
 .contacts-map-block-right { 
 position: relative 
 } 
 
 .contacts-map-block-right:before { 
 content: ''; 
 position: absolute; 
 width: 207px; 
 height: 52px; 
 left: 0; 
 right: 0; 
 bottom: 0; 
 margin: auto; 
 z-index: 2; 
 background-image: url(../images/map-el.svg); 
 background-size: cover 
 } 
 
 .contacts-map-block-right .map-block { 
 height: 272px; 
 margin-right: -15px; 
 margin-left: -15px 
 } 
 
 .contacts-map-block-right .map-block-inner { 
 margin: -115px 
 } 
 
 .popup-content-main { 
 min-height: 100vh; 
 border-radius: 0 
 } 
 
 .popup-recall .popup-content { 
 width: 100% 
 } 
 
 .popup-recall-block { 
 padding: 140px 15px 30px 
 } 
 
 .popup-request .popup-content { 
 width: 100%; 
 text-align: center 
 } 
 
 .popup-request-block-inner { 
 width: 100%; 
 padding: 108px 15px 30px 
 } 
 
 .popup-request-block-inner .form-actions { 
 padding: 0; 
 box-shadow: none 
 } 
 
 .popup-request-block-inner .form-actions .input-wrap-check-input { 
 top: 1px 
 } 
 
 .popup-request-block-inner .form-actions .input-wrap-submit { 
 position: static; 
 margin: 0 auto; 
 width: 238px 
 } 
 
 .popup-thanks .popup-content-main { 
 border-radius: 0 
 } 
 
 .popup-thanks-block { 
 padding: 107px 15px 270px 
 } 
 
 .popup-thanks-block-left { 
 text-align: center; 
 margin-bottom: -10px 
 } 
 
 .popup-thanks-block-left .h2 { 
 font-size: 1.3125em; 
 margin-bottom: 10px 
 } 
 
 .popup-thanks-block-left p { 
 font-size: .8125em; 
 margin-bottom: 20px 
 } 
 
 .popup-thanks-block-left .thanks-socials { 
 margin-bottom: 21px 
 } 
 
 .popup-thanks-block-left .thanks-socials ul { 
 -webkit-box-pack: center; 
 -webkit-justify-content: center; 
 -ms-flex-pack: center; 
 justify-content: center 
 } 
 
 .popup-thanks-block-left .h6 { 
 font-size: .8125em; 
 width: 230px; 
 max-width: 100%; 
 margin-left: auto; 
 margin-right: auto 
 } 
 
 .popup-thanks-block-right { 
 position: absolute; 
 width: 100%; 
 right: 0; 
 height: 270px 
 } 
 
 .portfolio-block-slider .mCSB_horizontal.mCSB_inside > .mCSB_container { 
 padding-top: 45px; 
 padding-bottom: 12px 
 } 
 
 .portfolio-block-slider .mCSB_scrollTools_horizontal .mCSB_draggerContainer .mCSB_dragger_bar { 
 background-color: #f4016c !important; 
 border-radius: 8px 
 } 
 
 .portfolio-block-slider .mCSB_scrollTools.mCSB_scrollTools_horizontal { 
 left: 28px !important; 
 right: 28px !important 
 } 
 
 .portfolio-block-slider .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail { 
 height: 8px; 
 margin: 4px 0 
 } 
} 
 
@media only screen and (max-width: 389px) { 
 .header-single-block .stats > div { 
 margin-right: 17px; 
 font-size: 12px; 
 font-weight: 600 
 } 
 
 .header-single-block .stats .likes:before, .header-single-block .stats .views:before { 
 font-size: 14px 
 } 
 
 .header-about-block-bottom .desc { 
 font-size: .5625em; 
 padding-right: 0 
 } 
 
 .post .cat { 
 font-size: .75em 
 } 
 
 .post .desc { 
 font-size: .75em; 
 line-height: 16px; 
 height: 66px; 
 overflow: hidden; 
 color: #717171 
 } 
 
 .post .stats { 
 font-size: 12px 
 } 
 
 .post .stats .views:before { 
 font-size: 16px 
 } 
 
 .post .stats .likes:after, .post .stats .likes:before { 
 font-size: 14px 
 } 
 
 .cat-list .h4 { 
 font-size: 19px; 
 margin-bottom: 20px 
 } 
 
 .cat-list li { 
 margin-bottom: 7px 
 } 
 
 .cat-list li a { 
 font-size: .75em; 
 padding: 15px 19px 15px 23px 
 } 
 
 .sites-results-block-right li .fz12 { 
 line-height: 13px 
 } 
 
 .form-project .input-wrap input { 
 font-size: .75em 
 } 
 
 .main-services-block-left ul { 
 margin: 0 
 } 
 
 .main-services-block-left li a { 
 padding: 32px 35px 10px; 
 height: 193px 
 } 
 
 .main-services-block-left li { 
 width: 100%; 
 box-shadow: 0 3px 12px rgba(0, 0, 0, .08); 
 margin: 10px 0 11px 
 } 
 
 .seo-partners-block .small-logo img { 
 max-height: 45px 
 } 
 
 .blog-block-right .popular-list .h4 { 
 text-align: center; 
 text-transform: uppercase; 
 font-size: 18px 
 } 
 
 .blog-block-right .popular-list .text { 
 font-size: .75em 
 } 
 
 .blog-block-right .popular-list .title { 
 line-height: 14px 
 } 
 
 .single-bottom .h4 { 
 font-size: 1.125em; 
 text-transform: uppercase 
 } 
 
 .about-social-block-mobile .h4 { 
 font-size: 1.3125em; 
 margin-bottom: 10px 
 } 
 
 .about-social-block-mobile .h6 { 
 font-size: .6875em; 
 line-height: 16px 
 } 
 
 .footer-mobile-bottom-pages { 
 -webkit-justify-content: space-around; 
 -ms-flex-pack: distribute; 
 justify-content: space-around 
 } 
 
 .footer-mobile-bottom-pages-col { 
 width: 142px 
 } 
 
 .footer-mobile-bottom-info { 
 -webkit-justify-content: space-around; 
 -ms-flex-pack: distribute; 
 justify-content: space-around 
 } 
 
 .footer-mobile-bottom-info-left { 
 width: 143px 
 } 
 
 .footer-mobile-bottom-info-right { 
 width: 142px; 
 left: -2px; 
 top: -2px 
 } 
} 
 
@media only screen and (max-width: 374px) { 
 .header-main-block-content .btn { 
 line-height: 42px; 
 font-size: .7775em 
 } 
 
 .p404-block .h3 { 
 font-size: 1.125em 
 } 
} 
 
@media only screen and (min-width: 768px) and (max-width: 1023px) { 
 .top-nav { 
 padding-right: 0 
 } 
 
 .top-nav-block-right { 
 padding-top: 3px 
 } 
 
 .main-nav-top { 
 padding-right: 120px 
 } 
 
 .header-mockup-seo .img { 
 width: 170px 
 } 
 
 .header-sites-block-left { 
 width: 320px 
 } 
 
 .header-sites-block-right { 
 width: 400px 
 } 
 
 .header-seo .header-sites-block-right { 
 width: 300px 
 } 
 
 .header-portfolio-block-cat a { 
 padding: 0 10px 
 } 
 
 .header-about-block { 
 padding-top: 120px 
 } 
 
 .header-about-block-top { 
 margin-bottom: 100px 
 } 
 
 .header-plug .breadcrumbs { 
 top: 70px 
 } 
 
 .header-plug-block { 
 padding-right: 0; 
 height: 100vh 
 } 
 
 .header-plug-block-right { 
 width: 400px 
 } 
 
 .header-plug-block-right .img { 
 padding-left: 0; 
 width: 320px 
 } 
 
 .header-plug-block-right .img img { 
 max-width: 100% 
 } 
 
 .btn-recall-fixed-mobile, .btn-recall-fixed-mobile-mobile { 
 width: 69px; 
 height: 69px 
 } 
 
 .btn-recall-fixed-mobile .btn-recall-fixed-icon, .btn-recall-fixed-mobile-mobile .btn-recall-fixed-icon { 
 width: 49px; 
 height: 49px; 
 line-height: 49px; 
 font-size: 22px 
 } 
 
 .btn-recall-fixed-mobile .btn-recall-fixed-add-bg:before, .btn-recall-fixed-mobile-mobile .btn-recall-fixed-add-bg:before { 
 width: 69px; 
 height: 69px 
 } 
 
 .btn-recall-fixed-mobile .btn-recall-fixed-add-bg:after, .btn-recall-fixed-mobile-mobile .btn-recall-fixed-add-bg:after { 
 width: 60px; 
 height: 60px 
 } 
 
 .lang-block { 
 line-height: 82px 
 } 
 
 .lang-block-container { 
 top: 72px 
 } 
 
 .review-item { 
 padding-right: 35px 
 } 
 
 .review-item .info { 
 width: 420px; 
 width: -webkit-calc(100% - 265px); 
 width: calc(100% - 265px) 
 } 
 
 .portfolio-section { 
 padding-top: 30px; 
 padding-bottom: 30px 
 } 
 
 .actions-block-left { 
 padding-bottom: 100px; 
 margin-bottom: 30px 
 } 
 
 .actions-block-right { 
 width: 100%; 
 padding-bottom: 30px 
 } 
 
 .seo-block-right { 
 width: 100% 
 } 
 
 .sites-need-section { 
 padding-bottom: 0 
 } 
 
 .sites-need-block-bottom .h2:before { 
 width: 100% 
 } 
 
 .sites-need-block-bottom .h2 { 
 width: 50%; 
 margin-right: 0; 
 font-size: 36px; 
 padding-right: 30px; 
 padding-left: 15px 
 } 
 
 .sites-need-block-bottom li { 
 width: 50%; 
 margin-right: 0; 
 font-size: 14px; 
 padding: 15px 
 } 
 
 .sites-project-section { 
 padding-top: 0; 
 padding-bottom: 0 
 } 
 
 .sites-project-block { 
 padding: 50px 30px 
 } 
 
 .sites-stages-section { 
 padding: 50px 0 
 } 
 
 .sites-stages-header-right .fz14 { 
 width: 100%; 
 text-align: left; 
 margin-top: 20px 
 } 
 
 .sites-stages-block ul { 
 -webkit-box-pack: start; 
 -webkit-justify-content: flex-start; 
 -ms-flex-pack: start; 
 justify-content: flex-start 
 } 
 
 .sites-stages-block li { 
 width: 30%; 
 margin: 0 1.5% 25px 
 } 
 
 .sites-stages-block li .img { 
 background-color: #f1f1f1 
 } 
 
 .sites-results-block { 
 padding-bottom: 225px 
 } 
 
 .sites-results-block-left { 
 padding: 20px 15px 0; 
 position: static; 
 width: 100% 
 } 
 
 .sites-results-block-right { 
 padding: 15px; 
 width: 100% 
 } 
 
 .sites-results-block-right li { 
 width: 50% 
 } 
 
 .faq-section { 
 padding: 30px 0 60px 
 } 
 
 .form-project-bottom-right .input-wrap-file:after { 
 left: 48px 
 } 
 
 .contacts-form .input-wrap { 
 width: 100% 
 } 
 
 .main-services-section { 
 padding-top: 30px; 
 padding-bottom: 30px 
 } 
 
 .main-services-block-right { 
 display: block; 
 width: 330px; 
 padding-top: 0 
 } 
 
 .main-advantages-section { 
 padding-top: 30px; 
 padding-bottom: 30px 
 } 
 
 .main-advantages-block-left { 
 margin-bottom: 30px 
 } 
 
 .main-advantages-block-right li { 
 width: 51% 
 } 
 
 .main-advantages-block-right li:nth-of-type(odd) { 
 margin-bottom: 30px 
 } 
 
 .main-advantages-block-right li:nth-of-type(even) { 
 margin-bottom: 30px 
 } 
 
 .seo-need-block { 
 width: 240px 
 } 
 
 .seo-need-block .h2 { 
 width: 100%; 
 font-size: 24px; 
 margin-bottom: 30px 
 } 
 
 .seo-need-block-inner { 
 padding: 0 15px 
 } 
 
 .seo-need-list { 
 width: 470px; 
 padding-left: 10px 
 } 
 
 .seo-need-list li { 
 padding-left: 50px; 
 background-color: transparent; 
 font-size: .875em 
 } 
 
 .seo-info-section { 
 padding: 70px 0 
 } 
 
 .works-block li { 
 width: 50% 
 } 
 
 .blog-block-left { 
 width: 55% 
 } 
 
 .blog-block-right { 
 width: 41% 
 } 
 
 .reviews-block-pagination { 
 padding: 15px 0 30px 
 } 
 
 .about-partners-section { 
 padding-bottom: 30px 
 } 
 
 .about-partners-block li { 
 width: 20% 
 } 
 
 .about-partners-block li:nth-of-type(1n+17) { 
 display: none 
 } 
 
 .contacts-block-left { 
 width: 100% 
 } 
 
 .contacts-block-left .elements .el1 { 
 z-index: -1; 
 font-size: 50px; 
 right: -271px 
 } 
 
 .contacts-block-left .lists-bottom .social-list ul { 
 margin-left: 7px 
 } 
 
 .contacts-block-left .lists-bottom .social-list a img { 
 width: 30px 
 } 
 
 .contacts-block-left .lists .list-item { 
 margin-bottom: 20px 
 } 
 
 .contacts-block-right { 
 width: 100% 
 } 
 
 .contacts-map { 
 padding-bottom: 0 
 } 
 
 .contacts-map-block-right { 
 width: 100% 
 } 
 
 .contacts-map-block-right .map-block { 
 margin: 0 -40px 
 } 
 
 .footer-mobile { 
 display: -webkit-flex; 
 display: -moz-flex; 
 display: -ms-flex; 
 display: -o-flex; 
 display: -webkit-box; 
 display: -ms-flexbox; 
 display: flex; 
 -webkit-flex-wrap: wrap; 
 -ms-flex-wrap: wrap; 
 flex-wrap: wrap 
 } 
 
 .footer-mobile-top { 
 width: 40% 
 } 
 
 .footer-mobile-bottom { 
 width: 60% 
 } 
 
 .popup-thanks-block { 
 padding: 90px 0 0 35px 
 } 
} 
 
@media only screen and (min-width: 390px) and (max-width: 767px) { 
 .top-nav { 
 padding: 12px 0 12px 
 } 
 
 .top-nav-block-center .logo { 
 height: 38px; 
 margin-top: -1px; 
 display: -webkit-flex; 
 display: -moz-flex; 
 display: -ms-flex; 
 display: -o-flex; 
 display: -webkit-box; 
 display: -ms-flexbox; 
 display: flex; 
 -webkit-flex-wrap: wrap; 
 -ms-flex-wrap: wrap; 
 flex-wrap: wrap; 
 -webkit-box-align: center; 
 -webkit-align-items: center; 
 -ms-flex-align: center; 
 align-items: center; 
 -webkit-box-pack: center; 
 -webkit-justify-content: center; 
 -ms-flex-pack: center; 
 justify-content: center 
 } 
 
 .top-nav-block-right { 
 top: 0 
 } 
 
 .main-nav-top { 
 height: 90px 
 } 
 
 .main-nav-top .tel { 
 font-size: 1.125em 
 } 
 
 .main-nav-top .tel-info { 
 padding-left: 18px 
 } 
 
 .main-nav-top .tel-info .messenger-links { 
 font-size: 12px 
 } 
 
 .main-nav-bottom { 
 height: 90px; 
 width: 190px 
 } 
 
 .main-nav-bottom-left { 
 padding-right: 30px 
 } 
 
 .main-nav-bottom-left .social-list a { 
 font-size: 30px; 
 width: 40px 
 } 
 
 .main-nav-block-pages { 
 font-size: 18px; 
 padding-left: 45px 
 } 
 
 .main-nav-block-pages li.menu-item-has-children { 
 font-size: 24px 
 } 
 
 .main-nav-block-pages li.menu-item-has-children .btn-back { 
 width: 44px; 
 left: -44px; 
 line-height: 43px 
 } 
 
 .main-nav-block-pages li.menu-item-has-children > a:after { 
 font-size: 24px; 
 margin-top: 0 
 } 
 
 .main-nav-block-pages .sub-menu { 
 font-size: 16px; 
 padding-bottom: 150px 
 } 
 
 .header-mockup-internet .img-mobile { 
 margin-top: -40px; 
 padding: 0 
 } 
 
 .header-main-block { 
 min-height: 735px 
 } 
 
 .header-main-block .elements .el3 { 
 width: 146px; 
 top: 111px 
 } 
 
 .header-main-block-content { 
 margin-top: 10px 
 } 
 
 .header-main-block-content .text { 
 margin-bottom: 9px 
 } 
 
 .header-main-block-content .h1 { 
 font-size: 45px; 
 line-height: 53px; 
 margin-bottom: 15px 
 } 
 
 .header-main-projects { 
 font-size: 24px; 
 padding: 21px 15px 
 } 
 
 .header-sites { 
 min-height: 736px; 
 padding-top: 255px; 
 padding-left: 15px; 
 padding-right: 15px; 
 padding-bottom: 40px 
 } 
 
 .header-sites-block { 
 padding: 28px 25px 104px 
 } 
 
 .header-sites-block-left .breadcrumbs { 
 top: -170px 
 } 
 
 .header-sites-block-left-titles .h2 { 
 font-size: 1.475em; 
 font-size: 6vw; 
 margin-bottom: 9px 
 } 
 
 .header-sites-block-left-titles .fz18 { 
 font-size: 1.125em; 
 margin-bottom: 26px 
 } 
 
 .header-sites-block-left p { 
 font-size: .875em; 
 margin-bottom: 28px 
 } 
 
 .header-sites-block-left .btn { 
 bottom: 30px 
 } 
 
 .header-seo { 
 padding-bottom: 60px 
 } 
 
 .header-portfolio { 
 padding-top: 85px 
 } 
 
 .header-portfolio-block-bc { 
 margin-bottom: 40px 
 } 
 
 .header-portfolio-block .h2 { 
 font-size: 1.5em; 
 margin-bottom: 15px 
 } 
 
 .header-portfolio-block p { 
 font-size: .875em 
 } 
 
 .header-portfolio-block-cat { 
 padding: 0 15px 
 } 
 
 .header-portfolio-block-cat li { 
 margin-right: 12px; 
 margin-bottom: 12px 
 } 
 
 .header-portfolio-block-cat a { 
 line-height: 34px; 
 font-size: 14px; 
 padding: 0 20px 
 } 
 
 .header-work { 
 padding-top: 85px 
 } 
 
 .header-work .breadcrumbs { 
 margin-bottom: 38px; 
 padding-left: 15px 
 } 
 
 .header-work-block-left .h1 { 
 font-size: 1.5em 
 } 
 
 .header-work-block-right { 
 line-height: 22px; 
 font-size: .875em 
 } 
 
 .header-blog { 
 padding-top: 85px; 
 padding-left: 15px; 
 padding-right: 15px 
 } 
 
 .header-blog-block-bc { 
 margin-bottom: 38px 
 } 
 
 .header-blog-block .h1 { 
 font-size: 1.5em; 
 margin-bottom: 15px 
 } 
 
 .header-blog-block .text { 
 font-size: .875em; 
 margin-bottom: 33px 
 } 
 
 .header-single { 
 padding-top: 85px; 
 padding-left: 15px; 
 padding-right: 15px; 
 padding-bottom: 15px 
 } 
 
 .header-single-block-bc { 
 margin-bottom: 40px 
 } 
 
 .header-single-block-mobile-thumb { 
 margin-bottom: 25px 
 } 
 
 .header-single-block .h1 { 
 font-size: 1.5em; 
 margin-bottom: 20px 
 } 
 
 .header-reviews { 
 padding: 85px 15px 43px 
 } 
 
 .header-reviews-block-bc { 
 margin-bottom: 35px 
 } 
 
 .header-reviews-block .h2 { 
 font-size: 1.3125em; 
 margin-bottom: 15px 
 } 
 
 .header-reviews-block .h6 { 
 font-size: .875em 
 } 
 
 .header-about { 
 padding: 0 15px 
 } 
 
 .header-about-block { 
 min-height: 711px; 
 padding-top: 120px 
 } 
 
 .header-about-block-top .fz44 { 
 font-size: 1.875em 
 } 
 
 .header-about-block-top .text { 
 font-size: .875em 
 } 
 
 .header-about-block-bottom { 
 padding-top: 9px; 
 padding-bottom: 36px 
 } 
 
 .header-about-block-bottom li { 
 padding-top: 20px; 
 padding-left: 17px 
 } 
 
 .header-about-block-bottom li:before { 
 font-size: 1.625em; 
 margin-bottom: 9px 
 } 
 
 .header-about-block-bottom .h4 { 
 font-size: 1em 
 } 
 
 .header-about-block-bottom .desc { 
 padding-right: 13px 
 } 
 
 .header-plug { 
 padding-left: 15px; 
 padding-right: 15px; 
 min-height: 640px; 
 padding-top: 85px 
 } 
 
 .header-plug .breadcrumbs { 
 margin-bottom: 35px 
 } 
 
 .header-plug-block { 
 min-height: 640px 
 } 
 
 .header-plug-block-right .h2 { 
 font-size: 1.475em; 
 font-size: 6vw; 
 margin-bottom: 9px 
 } 
 
 .header-plug-block-right p { 
 font-size: 1.125em; 
 margin-bottom: 26px 
 } 
 
 .header-plug-block-right .desc { 
 font-size: .875em 
 } 
 
 .header-plug-block-right .img img { 
 max-height: 270px 
 } 
 
 .btn-menu { 
 top: 16px 
 } 
 
 .btn-menu .menu-icon { 
 width: 24px 
 } 
 
 .btn-menu .menu-icon:after, .btn-menu .menu-icon:before { 
 width: 30px 
 } 
 
 .btn-menu .menu-icon:before { 
 top: -9px 
 } 
 
 .btn-menu .menu-icon:after { 
 bottom: -9px 
 } 
 
 .btn-recall-mobile { 
 width: 45px; 
 line-height: 42px; 
 height: 38px 
 } 
 
 .btn-cat-mobile { 
 font-size: 1em; 
 line-height: 61px 
 } 
 
 .btn-share { 
 font-size: 1em; 
 line-height: 40px 
 } 
 
 .btn-share .fa { 
 font-size: 21px; 
 margin-left: 24px 
 } 
 
 .lang-block { 
 line-height: 61px 
 } 
 
 .content li { 
 font-size: 12px 
 } 
 
 .content p { 
 font-size: .75em; 
 margin: 8px 0 
 } 
 
 .scroll-block { 
 height: 267px 
 } 
 
 .scroll-block .content { 
 margin-top: -10px 
 } 
 
 .seo-list li { 
 padding-bottom: 0 
 } 
 
 .seo-list li:before { 
 width: 9px 
 } 
 
 .seo-list .title { 
 font-size: .875em; 
 padding-right: 20px 
 } 
 
 .seo-list .desc { 
 font-size: .75em; 
 line-height: 18px; 
 margin-top: -5px 
 } 
 
 .pagination-block { 
 font-size: 1em 
 } 
 
 .pagination-block a.page-numbers, .pagination-block span.page-numbers { 
 height: 40px; 
 width: 34px; 
 line-height: 40px 
 } 
 
 .pagination-block .current { 
 width: 40px !important; 
 margin: 0 
 } 
 
 .pagination-block .prev:before { 
 font-size: 25px; 
 position: relative; 
 top: 1px 
 } 
 
 .pagination-block .next:after { 
 font-size: 25px; 
 position: relative; 
 top: 1px 
 } 
 
 .post { 
 padding-bottom: 28px 
 } 
 
 .post .img { 
 height: 200px 
 } 
 
 .post .cat { 
 margin-bottom: 21px 
 } 
 
 .post .text { 
 height: 174px; 
 padding-top: 23px; 
 margin-bottom: 21px 
 } 
 
 .post .title { 
 font-size: 1.125em; 
 margin-bottom: 11px 
 } 
 
 .post .desc { 
 line-height: 20px 
 } 
 
 .post .btn { 
 line-height: 40px; 
 width: 152px 
 } 
 
 .post .date { 
 font-size: 12px; 
 width: -webkit-calc(100% - 155px); 
 width: calc(100% - 155px) 
 } 
 
 .post .date:before { 
 font-size: 18px; 
 margin-right: 7px 
 } 
 
 .post .stats { 
 top: 200px; 
 padding-top: 22px; 
 padding-right: 17px 
 } 
 
 .post .stats .views { 
 margin: 0 13px 
 } 
 
 .post .stats .likes { 
 margin: 0 13px 
 } 
 
 .post .stats .likes:before { 
 margin-right: 10px 
 } 
 
 .review-item { 
 padding-bottom: 23px 
 } 
 
 .review-item:before { 
 height: 321px 
 } 
 
 .review-item .tag { 
 font-size: 1em 
 } 
 
 .review-item .img { 
 width: 290px; 
 height: 398px 
 } 
 
 .review-item .info { 
 padding-top: 25px 
 } 
 
 .review-item .title { 
 font-size: 1.3125em 
 } 
 
 .review-item .link { 
 font-size: 1.125em 
 } 
 
 .breadcrumbs ul { 
 padding: 12px 0 
 } 
 
 .breadcrumbs li { 
 font-size: .875em 
 } 
 
 .breadcrumbs li:after { 
 font-size: 18px; 
 top: -1px 
 } 
 
 .breadcrumbs li i { 
 font-size: 13px 
 } 
 
 .breadcrumbs li a { 
 padding: 0 15px 
 } 
 
 .faq-item-title:before { 
 font-size: 13px; 
 left: 12px; 
 top: -webkit-calc(50% - 9px); 
 top: calc(50% - 9px) 
 } 
 
 .faq-item-title { 
 font-size: .875em; 
 padding-left: 49px 
 } 
 
 .faq-item-desc:before { 
 left: 36px 
 } 
 
 .faq-item-desc p { 
 font-size: .75em; 
 line-height: 15px 
 } 
 
 .portfolio-section { 
 padding-top: 23px; 
 padding-bottom: 45px 
 } 
 
 .portfolio-block-slider li { 
 width: 177px 
 } 
 
 .portfolio-block-slider li .portfolio-item { 
 width: 177px 
 } 
 
 .portfolio-block-slider li .portfolio-item .img { 
 height: 177px; 
 margin-bottom: 13px 
 } 
 
 .portfolio-block-slider li .portfolio-item img { 
 width: 225px; 
 height: 225px; 
 margin-left: -24px; 
 margin-top: -24px 
 } 
 
 .portfolio-block-slider li .portfolio-item .name { 
 font-size: 1em; 
 margin-bottom: 3px 
 } 
 
 .actions-block-left { 
 padding-top: 42px 
 } 
 
 .actions-block-left .h6 { 
 font-size: 16px 
 } 
 
 .actions-block-left .fz56 { 
 margin-bottom: 15px 
 } 
 
 .actions-block-left .desc { 
 padding: 0 20px; 
 line-height: 15px 
 } 
 
 .actions-block-left .desc p { 
 display: inline; 
 padding: 0 
 } 
 
 .actions-block-left p { 
 padding: 0 25px; 
 line-height: 16px; 
 font-size: .875em 
 } 
 
 .actions-block-left .btn-brief { 
 margin-top: 48px 
 } 
 
 .actions-block-right { 
 padding: 41px 30px 0 
 } 
 
 .actions-block-right .fz26 { 
 font-size: 21px; 
 width: 285px; 
 margin-bottom: 38px 
 } 
 
 .seo-block { 
 padding: 80px 0 44px 
 } 
 
 .seo-block-right { 
 padding: 0 15px 
 } 
 
 .seo-block-right .h3 { 
 font-size: 1.3125em; 
 margin-bottom: 25px 
 } 
 
 .sites-need-block-top-left .fz14 { 
 font-size: 16px 
 } 
 
 .sites-need-block-top-left .semibold { 
 font-size: 14px 
 } 
 
 .sites-need-block-bottom .h2 { 
 padding: 24px 80px 
 } 
 
 .sites-need-block-bottom .text { 
 font-size: 12px 
 } 
 
 .sites-project-section { 
 padding-top: 15px 
 } 
 
 .sites-project-block { 
 padding: 27px 30px 0 
 } 
 
 .sites-project-block .h2 { 
 font-size: 21px; 
 top: -52px 
 } 
 
 .sites-project-block .fz14 { 
 font-size: 14px; 
 margin-bottom: 35px 
 } 
 
 .sites-stages-header { 
 margin-bottom: 45px 
 } 
 
 .sites-stages-header-left .h2 { 
 font-size: 24px; 
 margin-bottom: 14px 
 } 
 
 .sites-stages-header-right .fz14 { 
 font-size: 12px 
 } 
 
 .sites-stages-block li { 
 margin-bottom: 30px 
 } 
 
 .sites-stages-block li .title { 
 font-size: 14px 
 } 
 
 .sites-stages-block li .fz14 { 
 font-size: 12px 
 } 
 
 .sites-results-block { 
 padding-bottom: 150px 
 } 
 
 .sites-results-block-left { 
 padding-top: 43px 
 } 
 
 .sites-results-block-left-bottom { 
 padding-bottom: 58px 
 } 
 
 .sites-results-block-left-bottom .img img { 
 width: 72% 
 } 
 
 .sites-results-block-right li { 
 margin-bottom: 20px 
 } 
 
 .sites-results-block-right li .fz14 { 
 margin-bottom: 5px 
 } 
 
 .sites-results-block-right li .fz12 { 
 font-size: 12px 
 } 
 
 .faq-section { 
 padding: 25px 0 50px 
 } 
 
 .faq-block-header { 
 margin-bottom: 27px 
 } 
 
 .faq-block-header .h2 { 
 font-size: 1.3125em 
 } 
 
 .faq-block-list li { 
 margin-bottom: 19px 
 } 
 
 .form-actions { 
 padding: 32px 30px 49px 
 } 
 
 .form-actions .input-wrap input { 
 font-size: 14px 
 } 
 
 .form-actions .input-wrap-check { 
 margin-top: 6px; 
 margin-bottom: 20px 
 } 
 
 .form-actions .input-wrap-check-text p { 
 font-size: 11px !important 
 } 
 
 .contacts-form { 
 padding: 0 22px 
 } 
 
 .contacts-form .input-wrap { 
 width: 100%; 
 margin-bottom: 21px 
 } 
 
 .contacts-form .input-wrap .label { 
 font-size: 1em; 
 margin-bottom: 0 
 } 
 
 .contacts-form .input-wrap input { 
 font-size: 1em; 
 line-height: 48px 
 } 
 
 .contacts-form .input-wrap-check { 
 margin-top: 25px 
 } 
 
 .contacts-form .input-wrap-check-text p { 
 font-size: 12px !important; 
 margin-right: -5px; 
 padding-left: 11px 
 } 
 
 .main-services-block .--mobile { 
 padding-top: 39px; 
 margin-bottom: 32px 
 } 
 
 .main-services-block .--mobile p { 
 font-size: .875em; 
 padding: 0 15px 
 } 
 
 .main-services-block-left ul { 
 padding: 0 15px 
 } 
 
 .main-services-block-left li a { 
 height: 171px 
 } 
 
 .main-services-block-left li { 
 margin: 6px 
 } 
 
 .main-services-block-left li .img { 
 height: 70px; 
 line-height: 75px 
 } 
 
 .main-services-block-left li .img i, .main-services-block-left li .img img, .main-services-block-left li .img svg { 
 font-size: 40px 
 } 
 
 .main-services-block-left li .title { 
 font-size: .75em 
 } 
 
 .main-services-block-left li .desc { 
 width: 100% 
 } 
 
 .main-advantages-section { 
 padding-bottom: 0 
 } 
 
 .main-advantages-block-left { 
 padding-bottom: 35px 
 } 
 
 .main-advantages-block-right { 
 padding-top: 35px; 
 padding-left: 15px; 
 padding-right: 15px 
 } 
 
 .main-advantages-block-right li { 
 padding-top: 24px; 
 padding-bottom: 18px 
 } 
 
 .main-advantages-block-right li:before { 
 font-size: 40px; 
 width: 61px; 
 top: -23px 
 } 
 
 .main-advantages-block-right .desc { 
 font-size: .75em 
 } 
 
 .seo-need-block .h2 { 
 font-size: 24px 
 } 
 
 .seo-need-list { 
 padding-left: 15px; 
 padding-right: 15px 
 } 
 
 .seo-need-list li { 
 margin-bottom: 27px 
 } 
 
 .seo-need-list li:before { 
 width: 105px; 
 height: 29px; 
 top: -15px 
 } 
 
 .seo-need-list li .number { 
 line-height: 29px; 
 font-size: 14px; 
 top: -16px 
 } 
 
 .seo-need-list li .title { 
 line-height: 33px; 
 height: 29px; 
 font-size: 14px; 
 top: -16px 
 } 
 
 .seo-info-section { 
 padding: 2px 0 10px 
 } 
 
 .seo-info-block-right .fz28 { 
 margin-bottom: 27px 
 } 
 
 .seo-partners-section { 
 padding: 62px 0 13px 
 } 
 
 .seo-partners-block img { 
 width: auto; 
 height: auto; 
 max-width: 148px; 
 max-height: 56px 
 } 
 
 .works-section { 
 padding-top: 30px 
 } 
 
 .works-block li { 
 padding-bottom: 36px 
 } 
 
 .works-block li .portfolio-item { 
 width: 288px 
 } 
 
 .works-block li .portfolio-item .name { 
 font-size: 1.375em 
 } 
 
 .works-block li .portfolio-item .type { 
 font-size: 1em 
 } 
 
 .works-block li .img { 
 height: 288px; 
 margin-bottom: 35px 
 } 
 
 .works-block li .img img { 
 width: 370px; 
 height: 370px; 
 margin-left: -41px; 
 margin-top: -41px 
 } 
 
 .works-pagination { 
 padding: 25px 0 
 } 
 
 .work-section { 
 padding-bottom: 35px 
 } 
 
 .work-block-bottom { 
 padding-top: 35px 
 } 
 
 .work-block-bottom .h1 { 
 font-size: 1.5em; 
 margin-bottom: 16px 
 } 
 
 .work-block-bottom p { 
 font-size: 1em 
 } 
 
 .blog-block { 
 padding: 0 15px 
 } 
 
 .blog-block-left .posts-list li { 
 margin-bottom: 27px 
 } 
 
 .blog-block-right .popular-list { 
 margin-bottom: 46px 
 } 
 
 .blog-block-right .popular-list .h4 { 
 text-align: center; 
 margin-bottom: 38px 
 } 
 
 .blog-block-pagination { 
 padding-top: 30px; 
 padding-bottom: 57px 
 } 
 
 .single-section { 
 padding: 0 15px 
 } 
 
 .single-block-left .img { 
 height: 189px 
 } 
 
 .single-content h2 { 
 font-size: 1.125em; 
 margin: 19px 0 13px 
 } 
 
 .single-share { 
 margin-top: 32px; 
 padding: 17px 8px; 
 padding-left: 21px; 
 margin-bottom: 30px 
 } 
 
 .single-share .socials a { 
 width: 40px; 
 line-height: 40px 
 } 
 
 .single-bottom .h4 { 
 margin-bottom: 38px 
 } 
 
 .single-bottom .title { 
 font-size: .875em 
 } 
 
 .single-bottom .date { 
 font-size: .875em 
 } 
 
 .reviews-block-list li { 
 margin-bottom: 45px 
 } 
 
 .reviews-block-pagination { 
 padding: 10px 0 46px 
 } 
 
 .about-social-block-mobile-socials { 
 margin-top: 27px 
 } 
 
 .about-social-block-mobile-socials li { 
 margin: 0 18px 
 } 
 
 .about-social-block-mobile-socials a { 
 width: 60px; 
 line-height: 56px; 
 font-size: 1.90875em 
 } 
 
 .about-partners-section { 
 padding: 0 15px 
 } 
 
 .about-partners-block li { 
 height: 107px 
 } 
 
 .about-partners-block li:first-of-type { 
 height: 147px 
 } 
 
 .about-partners-block li:first-of-type .h3 { 
 font-size: 1.5em 
 } 
 
 .about-partners-block li:first-of-type .desc { 
 font-size: .875em 
 } 
 
 .about-partners-block li img { 
 width: auto; 
 height: auto; 
 max-width: 50px; 
 max-height: 44px 
 } 
 
 .contacts { 
 padding-top: 85px; 
 padding-bottom: 44px 
 } 
 
 .contacts-block-bc { 
 padding-left: 22px 
 } 
 
 .contacts-block-left { 
 padding-left: 22px 
 } 
 
 .contacts-block-left .elements .el1 { 
 font-size: 85px 
 } 
 
 .contacts-block-left .fz52 { 
 font-size: 1.75em; 
 margin-bottom: 46px 
 } 
 
 .contacts-block-left .lists .title { 
 font-size: 1.25em; 
 margin-bottom: 15px 
 } 
 
 .contacts-block-left .lists .desc { 
 font-size: 1.25em; 
 line-height: 1.3 
 } 
 
 .contacts-block-left .lists-bottom .list-item { 
 margin-bottom: 29px !important 
 } 
 
 .contacts-block-left .lists-bottom .title { 
 margin-bottom: 30px 
 } 
 
 .contacts-block-left .lists-bottom .messenger-list ul { 
 margin-left: -13px 
 } 
 
 .contacts-block-left .lists-bottom .messenger-list a { 
 width: 53px 
 } 
 
 .contacts-block-left .lists-bottom .messenger-list a i { 
 display: inline-block; 
 -webkit-transform: scale(1.5); 
 -ms-transform: scale(1.5); 
 transform: scale(1.5) 
 } 
 
 .contacts-block-left .lists-bottom .messenger-list a img { 
 width: 32px 
 } 
 
 .contacts-block-left .lists-bottom .social-list { 
 margin-left: -15px; 
 margin-top: -5px 
 } 
 
 .contacts-block-left .lists-bottom .social-list a { 
 width: 48px 
 } 
 
 .contacts-block-left .lists-bottom .social-list a img { 
 width: 35px 
 } 
 
 .contacts-block-left .lists-bottom .social-list .fa { 
 display: inline-block; 
 -webkit-transform: scale(1.5); 
 -ms-transform: scale(1.5); 
 transform: scale(1.5) 
 } 
 
 .contacts-block-left .lists .list-item { 
 margin-bottom: 40px; 
 width: 100% 
 } 
 
 .contacts-block-right { 
 padding-top: 22px; 
 width: 100% 
 } 
 
 .contacts-block-right .h3 { 
 font-size: 1.5em; 
 margin-bottom: 36px 
 } 
 
 .contacts-map-block-right:before { 
 width: 230px; 
 height: 58px 
 } 
 
 .contacts-map-block-right .map-block { 
 height: 301px 
 } 
 
 .footer-mobile-top { 
 padding-top: 39px; 
 padding-bottom: 40px 
 } 
 
 .footer-mobile-top .title { 
 font-size: 1.5em 
 } 
 
 .footer-mobile-top .desc { 
 font-size: .875em; 
 margin-bottom: 17px 
 } 
 
 .footer-mobile-top .btn { 
 line-height: 47px; 
 font-size: .875em; 
 margin-bottom: 30px; 
 padding: 0 41px 
 } 
 
 .footer-mobile-top .tel { 
 font-size: 1.3125em; 
 margin-bottom: 11px 
 } 
 
 .footer-mobile-top .time { 
 font-size: .875em; 
 margin-bottom: 43px 
 } 
 
 .footer-mobile-top .mobile-socials ul { 
 margin-bottom: 9px 
 } 
 
 .footer-mobile-top .mobile-socials a { 
 font-size: 1.375em 
 } 
 
 .footer-mobile-top .mobile-socials a i.icn-mail { 
 font-size: 18px; 
 position: relative; 
 top: -1px 
 } 
 
 .footer-mobile-top .h6 { 
 font-size: .875em 
 } 
 
 .footer-mobile-bottom { 
 padding-top: 32px 
 } 
 
 .footer-mobile-bottom-pages { 
 padding-left: 31px 
 } 
 
 .footer-mobile-bottom-pages-col { 
 padding-left: 15px 
 } 
 
 .footer-mobile-bottom-pages-col .pages-col a { 
 font-size: .75em; 
 padding: 5px 0 
 } 
 
 .footer-mobile-bottom-pages-col .pages-col + .pages-col { 
 margin-top: 24px 
 } 
 
 .footer-mobile-bottom-info { 
 padding-top: 25px; 
 padding-bottom: 21px 
 } 
 
 .footer-mobile-bottom-info-left { 
 padding-left: 28px 
 } 
 
 .footer-mobile-bottom-info-left .copy { 
 font-size: .875em 
 } 
 
 .footer-mobile-bottom-info-right { 
 padding-left: 30px; 
 top: -1px 
 } 
 
 .footer-mobile-bottom-info-right .social-list a { 
 width: 32px 
 } 
 
 .footer-mobile-bottom-info-right .social-list .fa { 
 font-size: 20px 
 } 
 
 .footer-mobile-bottom-info-right .title { 
 font-size: .875em; 
 margin-top: 7px 
 } 
 
 .popup-desc-block .tag { 
 font-size: 14px 
 } 
 
 .portfolio-block-slider .mCSB_horizontal.mCSB_inside > .mCSB_container { 
 padding-top: 54px; 
 padding-bottom: 15px 
 } 
} 
 
@media only screen and (min-width: 1024px) and (max-width: 1799px) { 
 .main-nav-bottom-left p { 
 font-size: .75em 
 } 
 
 .main-nav-block { 
 width: 800px; 
 max-width: 100%; 
 margin-left: auto; 
 margin-right: auto 
 } 
 
 .fixed-controls .dot { 
 width: 8px; 
 height: 8px; 
 margin-bottom: 22px 
 } 
 
 .fixed-controls .dot.current { 
 width: 16px; 
 height: 16px; 
 margin-bottom: 23px 
 } 
 
 .header-mockup-landing { 
 width: 505px; 
 margin-right: -40px 
 } 
 
 .header-mockup-internet .img { 
 margin-right: 20px 
 } 
 
 .header-mockup-internet .img img { 
 width: 272px; 
 border-radius: 20px 
 } 
 
 .header-mockup-internet .img2 { 
 width: 192px; 
 top: 73px; 
 right: -85px 
 } 
 
 .header-mockup-seo .img { 
 width: 200px 
 } 
 
 .header-main-block .elements .el1 { 
 width: 60px; 
 left: 537px; 
 top: 174px; 
 top: -webkit-calc(50% - 150px); 
 top: calc(50% - 150px) 
 } 
 
 .header-main-block .elements .el2 { 
 width: 372px; 
 left: 153px; 
 top: 120px; 
 top: -webkit-calc(50% - 190px); 
 top: calc(50% - 190px) 
 } 
 
 .header-main .next-block-button { 
 right: 7px 
 } 
 
 .header-sites-block { 
 width: 945px; 
 max-width: 100%; 
 margin-left: auto; 
 margin-right: auto 
 } 
 
 .header-seo .header-sites-block { 
 padding-top: 30px 
 } 
 
 .header-blog-block .h1 { 
 font-size: 2.25em; 
 margin-bottom: 12px 
 } 
 
 .header-blog-block .text { 
 font-size: .875em 
 } 
 
 .header-single-block .h1 { 
 font-size: 2.25em; 
 margin-bottom: 20px 
 } 
 
 .header-reviews-block { 
 width: 945px; 
 max-width: 100%; 
 margin-left: auto; 
 margin-right: auto 
 } 
 
 .header-about-block { 
 width: 945px; 
 max-width: 100%; 
 margin-left: auto; 
 margin-right: auto 
 } 
 
 .header-about-block .elements .el3 { 
 width: 171px 
 } 
 
 .header-about-block-top .text { 
 font-size: .875em 
 } 
 
 .btn-menu.fixed { 
 top: 19px 
 } 
 
 .btn-recall-fixed-icon, .btn-recall-fixed-mobile-icon { 
 width: 40px; 
 height: 40px; 
 line-height: 38px; 
 font-size: 19.45px 
 } 
 
 .btn-recall-fixed-add-bg:before, .btn-recall-fixed-mobile-add-bg:before { 
 width: 54px; 
 height: 54px 
 } 
 
 .btn-recall-fixed-add-bg:after, .btn-recall-fixed-mobile-add-bg:after { 
 width: 46px; 
 height: 46px 
 } 
 
 .icons-list li .img img { 
 width: auto; 
 height: auto; 
 max-width: 50px; 
 max-height: 44px 
 } 
 
 .seo-list .icon img { 
 width: auto; 
 height: auto; 
 max-width: 16px; 
 max-height: 13px 
 } 
 
 .review-item .img { 
 width: 195px; 
 height: 271px 
 } 
 
 .slider-social-text .desc { 
 font-size: .875em; 
 line-height: 21px 
 } 
 
 .sites-need-section { 
 box-shadow: 0 3px 27px rgba(0, 0, 0, .06) 
 } 
 
 .sites-need-section { 
 padding-bottom: 42px 
 } 
 
 .sites-need-section + .portfolio-section { 
 padding-top: 88px 
 } 
 
 .sites-need-block-top-left .h2 { 
 font-size: 1.875em 
 } 
 
 .sites-need-block-top-left .semibold { 
 font-size: .8125em; 
 line-height: 18px 
 } 
 
 .sites-need-block-top-right { 
 width: 405px; 
 left: 0; 
 padding-top: 79px 
 } 
 
 .sites-need-block-bottom ol { 
 padding-left: 30px 
 } 
 
 .sites-need-block-bottom .h2 { 
 height: 110px; 
 padding: 17px 0; 
 margin-bottom: 29px 
 } 
 
 .sites-project-section { 
 padding: 65px 0 88px 
 } 
 
 .sites-project-block:before { 
 height: 522px; 
 top: 215px 
 } 
 
 .sites-project-block { 
 margin: 0; 
 width: 1005px; 
 max-width: 100%; 
 margin-left: auto; 
 margin-right: auto; 
 padding: 66px 75px 75px 
 } 
 
 .sites-stages-section { 
 padding-bottom: 25px 
 } 
 
 .sites-stages-block li { 
 width: 184px; 
 margin-bottom: 51px 
 } 
 
 .sites-stages-block li .img { 
 margin-bottom: 17px 
 } 
 
 .sites-stages-block li .title { 
 font-size: .875em 
 } 
 
 .sites-stages-block li .fz14 { 
 font-size: 12px 
 } 
 
 .sites-results-block-left .h2 { 
 font-size: 30px 
 } 
 
 .sites-results-block-right li { 
 width: 291px 
 } 
 
 .sites-results-block-right li:nth-of-type(even) { 
 width: 280px 
 } 
 
 .form-project-top .input-wrap { 
 width: 263px 
 } 
 
 .main-services-block { 
 width: 960px; 
 max-width: 100%; 
 margin-left: auto; 
 margin-right: auto 
 } 
 
 .main-services-block .elements .el1 { 
 width: 49px; 
 left: 450px; 
 top: -125px 
 } 
 
 .main-advantages-block { 
 width: 960px; 
 max-width: 100%; 
 margin-left: auto; 
 margin-right: auto 
 } 
 
 .main-advantages-block .elements .el1 { 
 width: 135px; 
 left: 0; 
 top: 345px; 
 top: 800px 
 } 
 
 .main-advantages-block .elements .el2 { 
 width: 135px; 
 left: 150px; 
 top: -15px; 
 top: -480px 
 } 
 
 .seo-need-section { 
 padding-bottom: 30px 
 } 
 
 .seo-need-block { 
 margin-left: -30px 
 } 
 
 .seo-need-block .h2 { 
 width: 100%; 
 margin-right: 0 !important; 
 padding-left: 30px !important; 
 margin-bottom: 0 !important 
 } 
 
 .seo-need-list { 
 left: 30px; 
 z-index: -1 
 } 
 
 .seo-info-block { 
 width: 945px; 
 max-width: 100%; 
 margin-left: auto; 
 margin-right: auto; 
 position: relative; 
 left: 30px 
 } 
 
 .seo-info-block-left { 
 width: 408px; 
 max-width: 100%; 
 padding: 33px 40px 28px 
 } 
 
 .seo-info-block-right { 
 width: 380px; 
 max-width: 100% 
 } 
 
 .seo-project-section { 
 padding-top: 90px 
 } 
 
 .seo-partners-block { 
 width: 945px; 
 max-width: 100%; 
 margin-left: auto; 
 margin-right: auto 
 } 
 
 .seo-partners-block img { 
 width: auto; 
 height: auto; 
 max-width: 170px; 
 max-height: 68px 
 } 
 
 .seo-partners-block .small-logo img { 
 max-height: 50px 
 } 
 
 .single-block { 
 width: 945px; 
 max-width: 100%; 
 margin-left: auto; 
 margin-right: auto 
 } 
 
 .single-block-left { 
 width: 262px 
 } 
 
 .single-block-right { 
 width: 653px; 
 max-width: 100% 
 } 
 
 .reviews-block { 
 width: 945px; 
 max-width: 100%; 
 margin-left: auto; 
 margin-right: auto 
 } 
 
 .reviews-block-list li { 
 margin-bottom: 20px 
 } 
 
 .reviews-project-section { 
 padding: 101px 0 115px 
 } 
 
 .about-social-block-desctop { 
 width: 945px; 
 max-width: 100%; 
 margin-left: auto; 
 margin-right: auto 
 } 
 
 .about-partners-section { 
 padding-top: 156px; 
 padding-bottom: 121px 
 } 
 
 .about-partners-block { 
 width: 945px; 
 max-width: 100%; 
 margin-left: auto; 
 margin-right: auto 
 } 
 
 .about-partners-block li { 
 height: 162px 
 } 
 
 .about-partners-block li:first-of-type { 
 padding-left: 19px 
 } 
 
 .about-partners-block li:first-of-type .h3 { 
 font-size: 1.5525em; 
 margin-bottom: 6px 
 } 
 
 .about-partners-block li:first-of-type .desc { 
 font-size: .82813em 
 } 
 
 .about-partners-block li img { 
 width: auto; 
 height: auto; 
 max-width: 85px; 
 max-height: 71px 
 } 
 
 .p404-block .s1340 { 
 display: block 
 } 
 
 .p404-block .s1920 { 
 display: none 
 } 
 
 .contacts-block { 
 width: 950px; 
 max-width: 100%; 
 margin-left: auto; 
 margin-right: auto 
 } 
 
 .contacts-map-block { 
 width: 950px; 
 max-width: 100%; 
 margin-left: auto; 
 margin-right: auto 
 } 
 
 .contacts-map-block-left p { 
 font-size: .875em 
 } 
} 
 
@media only screen and (min-width: 1024px) and (max-width: 1200px) { 
 .header-main-block .elements { 
 left: -180px 
 } 
 
 .header-plug-block { 
 padding-right: 50px 
 } 
 
 .header-plug-block-right { 
 width: 450px 
 } 
 
 .header-plug-block-right .img { 
 padding-left: 0; 
 width: 500px 
 } 
 
 .actions-block-left { 
 width: 43%; 
 padding-right: 25px; 
 font-size: 14px; 
 min-height: 550px 
 } 
 
 .actions-block-left .fz56 { 
 font-size: 40px 
 } 
 
 .actions-block-right { 
 width: 57%; 
 padding-left: 80px; 
 padding-right: 80px; 
 padding-top: 80px 
 } 
 
 .seo-block:before { 
 width: 404px 
 } 
 
 .seo-block { 
 padding: 50px 0 70px 
 } 
 
 .seo-block-left { 
 width: 380px 
 } 
 
 .seo-block-right { 
 width: 510px 
 } 
 
 .sites-need-block-top-left { 
 padding-top: 70px; 
 width: 56% 
 } 
 
 .sites-need-block-top-right { 
 width: 35% 
 } 
 
 .sites-need-block-bottom { 
 font-size: 14px 
 } 
 
 .sites-project-block { 
 padding-left: 50px; 
 padding-right: 50px 
 } 
 
 .sites-stages-block li:nth-of-type(5):after { 
 left: 80px; 
 width: 720px 
 } 
 
 .sites-stages-block li { 
 width: 205px; 
 margin-bottom: 65px 
 } 
 
 .sites-results-section { 
 padding-top: 0; 
 padding-bottom: 30px 
 } 
 
 .sites-results-block-left { 
 font-size: 12px; 
 width: 43% 
 } 
 
 .sites-results-block-right { 
 padding-left: 40px 
 } 
 
 .main-advantages-block-right { 
 width: 555px 
 } 
 
 .seo-need-list { 
 width: 610px 
 } 
 
 .seo-info-block { 
 left: 0 !important 
 } 
 
 .works-block li { 
 width: 33.3% 
 } 
 
 .blog-block-left { 
 width: 66% 
 } 
 
 .blog-block-right { 
 width: 30% 
 } 
 
 .contacts-map-block-right { 
 width: 648px 
 } 
 
 .footer-block-right { 
 width: 600px 
 } 
 
 .footer-block-right-col1 { 
 width: 200px 
 } 
 
 .footer-block-right-col2 { 
 width: 200px 
 } 
} 
 
@media only screen and (min-width: 1300px) and (max-width: 1400px) { 
 .header-portfolio-block-cat { 
 margin-top: 21px 
 } 
 
 .works-section { 
 padding-top: 0 
 } 
} 
 
@media only screen and (min-width: 375px) and (max-width: 389px) { 
 .header-plug-block-right .h2 { 
 font-size: 1.4375em 
 } 
 
 .header-plug-block-right .img img { 
 max-height: 230px 
 } 
 
 .faq-item-desc { 
 margin: 13px 0 
 } 
 
 .faq-item-desc:before { 
 left: 55px 
 } 
 
 .sites-results-block { 
 padding-bottom: 181px 
 } 
 
 .sites-results-block-left-bottom { 
 padding-bottom: 75px 
 } 
 
 .faq-block-header .h2 { 
 font-size: 1.25em 
 } 
 
 .contacts-form { 
 padding: 0 15px 
 } 
 
 .contacts-form .input-wrap { 
 margin-bottom: 17px 
 } 
 
 .contacts-form .input-wrap .label { 
 font-size: .875em 
 } 
 
 .contacts-form .input-wrap input { 
 font-size: .875em; 
 line-height: 40px 
 } 
 
 .contacts-form .input-wrap-check { 
 margin-bottom: 31px 
 } 
 
 .contacts-form .input-wrap-check-text p { 
 font-size: 12px !important; 
 margin-right: -5px 
 } 
 
 .contacts { 
 padding-top: 66px; 
 padding-bottom: 35px 
 } 
 
 .contacts-block-left { 
 padding-left: 15px 
 } 
 
 .contacts-block-left .elements .el1 { 
 font-size: 87px; 
 right: -230px 
 } 
 
 .contacts-block-left .fz52 { 
 font-size: 1.5em; 
 margin-bottom: 46px 
 } 
 
 .contacts-block-left .lists .title { 
 font-size: 1.125em 
 } 
 
 .contacts-block-left .lists .desc { 
 font-size: 1.125em; 
 line-height: 1.4 
 } 
 
 .contacts-block-left .lists-bottom .list-item { 
 margin-bottom: 24px !important 
 } 
 
 .contacts-block-left .lists-bottom .title { 
 margin-bottom: 24px 
 } 
 
 .contacts-block-left .lists-bottom .messenger-list a { 
 width: 44px 
 } 
 
 .contacts-block-left .lists-bottom .messenger-list a i { 
 display: inline-block; 
 -webkit-transform: scale(1.25); 
 -ms-transform: scale(1.25); 
 transform: scale(1.25) 
 } 
 
 .contacts-block-left .lists-bottom .messenger-list a img { 
 width: 27px 
 } 
 
 .contacts-block-left .lists-bottom .social-list { 
 margin-left: -14px; 
 margin-top: -2px 
 } 
 
 .contacts-block-left .lists-bottom .social-list a { 
 width: 43px 
 } 
 
 .contacts-block-left .lists-bottom .social-list a img { 
 width: 30px 
 } 
 
 .contacts-block-left .lists-bottom .social-list .fa { 
 display: inline-block; 
 -webkit-transform: scale(1.25); 
 -ms-transform: scale(1.25); 
 transform: scale(1.25) 
 } 
 
 .contacts-block-left .lists .list-item { 
 margin-bottom: 32px 
 } 
 
 .contacts-block-right { 
 padding-top: 19px 
 } 
 
 .contacts-block-right .h3 { 
 font-size: 1.3125em; 
 margin-bottom: 32px 
 } 
} 
 
@media only screen and (min-width: 1200px) and (max-width: 1799px) { 
 .seo-block-left { 
 width: 487px; 
 padding-top: 15px 
 } 
 
 .seo-block-right { 
 width: 475px; 
 margin-right: -10px 
 } 
 
 .sites-stages-header { 
 padding-left: 81px; 
 padding-right: 81px 
 } 
 
 .sites-stages-block { 
 padding: 0 65px 
 } 
 
 .sites-results-block-left { 
 width: 458px; 
 padding-bottom: 248px 
 } 
 
 .sites-results-block-left p { 
 font-size: 12px; 
 line-height: 18px 
 } 
 
 .sites-results-block-left-bottom { 
 width: 84%; 
 left: auto; 
 right: 0 
 } 
 
 .sites-results-block-right { 
 width: 652px 
 } 
 
 .sites-results-block-right ul { 
 margin-right: -18px 
 } 
 
 .sites-results-block-right li .fz12 { 
 font-size: 12px 
 } 
} 
 
@media only screen and (min-width: 1800px) and (max-width: 1023px) { 
 .sites-need-section:before { 
 display: none 
 } 
} 
 
@media only screen and (min-width: 1024px) and (max-width: 1299px) { 
 .sites-need-block-bottom .h2 { 
 width: 29%; 
 margin-right: 4% 
 } 
 
 .sites-need-block-bottom li { 
 width: 29%; 
 margin-right: 4% 
 } 
} 
 
@media only screen and (max-width: 1023px) and (min-width: 390px) and (max-width: 767px) { 
 .sites-results-block-right li:first-of-type { 
 padding-left: 75px; 
 padding-right: 75px; 
 padding-bottom: 20px; 
 margin-bottom: 15px 
 } 
} 
 
@media only screen and (max-width: 767px) and (min-width: 390px) and (max-width: 767px) { 
 .input-wrap-check-text p { 
 font-size: 11px !important 
 } 
 
 .form-project-bottom-right .input-wrap-file:after { 
 font-size: 14px 
 } 
} 
 
@media only screen and (min-width: 499px) and (max-width: 1023px) { 
 .contacts-block-left .elements .el1 { 
 display: none 
 } 
}