/*** Шрифты ***/ @font-face{font-family: 'Proxima'; src: url('../fonts/hinted-subset-ProximaNova-RegularIt.eot'); src: local('Proxima Nova Regular Italic'), local('ProximaNova-RegularIt'), url('../fonts/hinted-subset-ProximaNova-RegularIt.eot?#iefix') format('embedded-opentype'), url('../fonts/hinted-subset-ProximaNova-RegularIt.woff2') format('woff2'), url('../fonts/hinted-subset-ProximaNova-RegularIt.woff') format('woff'), url('../fonts/hinted-subset-ProximaNova-RegularIt.ttf') format('truetype'), url('../fonts/hinted-subset-ProximaNova-RegularIt.svg#ProximaNova-RegularIt') format('svg'); font-weight: normal; font-style: italic} @font-face{font-family: 'Proxima'; src: url('../fonts/hinted-subset-ProximaNova-Bold.eot'); src: local('Proxima Nova Bold'), local('ProximaNova-Bold'), url('../fonts/hinted-subset-ProximaNova-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/hinted-subset-ProximaNova-Bold.woff2') format('woff2'), url('../fonts/hinted-subset-ProximaNova-Bold.woff') format('woff'), url('../fonts/hinted-subset-ProximaNova-Bold.ttf') format('truetype'), url('../fonts/hinted-subset-ProximaNova-Bold.svg#ProximaNova-Bold') format('svg'); font-weight: bold; font-style: normal} @font-face{font-family: 'Proxima'; src: url('../fonts/hinted-subset-ProximaNova-Semibold.eot'); src: local('Proxima Nova Semibold'), local('ProximaNova-Semibold'), url('../fonts/hinted-subset-ProximaNova-Semibold.eot?#iefix') format('embedded-opentype'), url('../fonts/hinted-subset-ProximaNova-Semibold.woff2') format('woff2'), url('../fonts/hinted-subset-ProximaNova-Semibold.woff') format('woff'), url('../fonts/hinted-subset-ProximaNova-Semibold.ttf') format('truetype'), url('../fonts/hinted-subset-ProximaNova-Semibold.svg#ProximaNova-Semibold') format('svg'); font-weight: 600; font-style: normal} @font-face{font-family: 'Proxima'; src: url('../fonts/hinted-subset-ProximaNova-Black.eot'); src: local('Proxima Nova Black'), local('ProximaNova-Black'), url('../fonts/hinted-subset-ProximaNova-Black.eot?#iefix') format('embedded-opentype'), url('../fonts/hinted-subset-ProximaNova-Black.woff2') format('woff2'), url('../fonts/hinted-subset-ProximaNova-Black.woff') format('woff'), url('../fonts/hinted-subset-ProximaNova-Black.ttf') format('truetype'), url('../fonts/hinted-subset-ProximaNova-Black.svg#ProximaNova-Black') format('svg'); font-weight: 900; font-style: normal} @font-face{font-family: 'Proxima'; src: url('../fonts/hinted-subset-ProximaNovaT-Thin.eot'); src: local('Proxima Nova Thin'), local('ProximaNovaT-Thin'), url('../fonts/hinted-subset-ProximaNovaT-Thin.eot?#iefix') format('embedded-opentype'), url('../fonts/hinted-subset-ProximaNovaT-Thin.woff2') format('woff2'), url('../fonts/hinted-subset-ProximaNovaT-Thin.woff') format('woff'), url('../fonts/hinted-subset-ProximaNovaT-Thin.ttf') format('truetype'), url('../fonts/hinted-subset-ProximaNovaT-Thin.svg#ProximaNovaT-Thin') format('svg'); font-weight: 100; font-style: normal} @font-face{font-family: 'Proxima'; src: url('../fonts/hinted-subset-ProximaNova-Extrabld.eot'); src: local('Proxima Nova Extrabold'), local('ProximaNova-Extrabld'), url('../fonts/hinted-subset-ProximaNova-Extrabld.eot?#iefix') format('embedded-opentype'), url('../fonts/hinted-subset-ProximaNova-Extrabld.woff2') format('woff2'), url('../fonts/hinted-subset-ProximaNova-Extrabld.woff') format('woff'), url('../fonts/hinted-subset-ProximaNova-Extrabld.ttf') format('truetype'), url('../fonts/hinted-subset-ProximaNova-Extrabld.svg#ProximaNova-Extrabld') format('svg'); font-weight: 800; font-style: normal} @font-face{font-family: 'Proxima'; src: url('../fonts/hinted-subset-ProximaNova-Regular.eot'); src: local('Proxima Nova Regular'), local('ProximaNova-Regular'), url('../fonts/hinted-subset-ProximaNova-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/hinted-subset-ProximaNova-Regular.woff2') format('woff2'), url('../fonts/hinted-subset-ProximaNova-Regular.woff') format('woff'), url('../fonts/hinted-subset-ProximaNova-Regular.ttf') format('truetype'), url('../fonts/hinted-subset-ProximaNova-Regular.svg#ProximaNova-Regular') format('svg'); font-weight: normal; font-style: normal} @font-face{font-family: 'Proxima'; src: url('../fonts/hinted-subset-ProximaNova-Light.eot'); src: local('Proxima Nova Light'), local('ProximaNova-Light'), url('../fonts/hinted-subset-ProximaNova-Light.eot?#iefix') format('embedded-opentype'), url('../fonts/hinted-subset-ProximaNova-Light.woff2') format('woff2'), url('../fonts/hinted-subset-ProximaNova-Light.woff') format('woff'), url('../fonts/hinted-subset-ProximaNova-Light.ttf') format('truetype'), url('../fonts/hinted-subset-ProximaNova-Light.svg#ProximaNova-Light') format('svg'); font-weight: 300; font-style: normal} /*** Глобальные ***/ *{outline:none !important} html{position:relative; min-height:100%} body{color:#808080} a, button, input, textarea{transition:0.4s all 0s ease-out} .breadcrumbs ul{margin:0;} .breadcrumbs li{padding:0; margin:0; list-style:none} .breadcrumbs li a, .breadcrumbs li span{display:block; line-height:21px; font-size:14px; color:#535353; text-decoration:none} .wrapper__pagebar{position:relative; z-index:1} .pagebar__link{text-decoration:none !important; box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.19); background:#f9f8f8; width:42px; height:42px; margin:0 0 0 10px; text-align:center; font:14px/42px "Proxima"; color:#535353 !important; text-decoration:none} .pagebar__link i{font-size:16px} .active-pagebar, .pagebar__link:hover{box-shadow:none; background:#ffdb00} .yellow-color{color:#ffcd04} input:focus, textarea:focus{border-color:#ffcd04 !important; color:#2b2e3e !important} input::-moz-placeholder, textarea::-moz-placeholder{color: #8d8d8d; opacity:1} input::-webkit-input-placeholder, textarea::-webkit-input-placeholder{color:#8d8d8d; opacity:1} input:-ms-input-placeholder, textarea:-ms-input-placeholder{color:#8d8d8d; opacity:1} input::-ms-input-placeholder, textarea::-ms-input-placeholder{color:#8d8d8d; opacity:1} input::placeholder, textarea::placeholder{color:#8d8d8d; opacity:1} input:focus::-moz-placeholder, textarea:focus::-moz-placeholder{color: #2b2e3e; opacity:1} input:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder{color:#2b2e3e; opacity:1} input:focus:-ms-input-placeholder, textarea:focus:-ms-input-placeholder{color:#2b2e3e; opacity:1} input:focus::-ms-input-placeholder, textarea:focus::-ms-input-placeholder{color:#2b2e3e; opacity:1} input:focus::placeholder, textarea:focus::placeholder{color:#2b2e3e; opacity:1} @media (min-width:300px){ body{padding-bottom:188px; padding-top:161px} body{font:13px/18px 'Proxima'} } @media (min-width:576px){ body{padding-bottom:204px; padding-top:135px} } @media (min-width:768px){ body{font:14px/20px 'Proxima'; padding-bottom:390px; padding-top:67px} } @media (min-width:992px){ body{padding-bottom:270px; padding-top:86px} } @media (min-width:1230px){ body{font:16px/22px 'Proxima'; padding-bottom:288px; padding-top:95px} } /*** Виджеты ***/ .widget__title{text-align:center; color:#322f33; text-transform:uppercase; font-weight:700} .wrapper__header, .wrapper__topmenu{position:absolute; width:100%; background:#fff; z-index:1001} .wrapper__header{top:0} @media (min-width:300px){ .widget__title{padding:20px 0; font-size:24px; line-height:28px} .wrapper__header.fixed-header .header__logo-wrapper{display:none !important} .wrapper__header.fixed-header .header__caontact-wrapper{padding:15px 0 !important} .wrapper__header.fixed-header .header__caontact-wrapper .header__button{display:none !important} .wrapper__topmenu{top:161px} } @media (min-width:576px){ .wrapper__header.fixed-header .header__logo{width:250px} .wrapper__header.fixed-header .header__caontact-wrapper{padding:4px 0 !important} .wrapper__header.fixed-header .header__caontact-wrapper .header__button{display:inline-block !important} .wrapper__topmenu{top:135px} } @media (min-width:768px){ .widget__title{padding:30px 0; font-size:28px; line-height:32px} .wrapper__header.fixed-header .header__logo-wrapper{display:block !important; padding-top:6px !important; padding-bottom:10px !important} .wrapper__header.fixed-header .header__logo{width:250px} .wrapper__header.fixed-header .header__caontact-wrapper .header__button{display:none !important} .wrapper__topmenu{top:67px; z-index:100} } @media (min-width:992px){ .widget__title{padding:40px 0; font-size:32px; line-height:38px} .wrapper__header.fixed-header .header__logo{width:300px} .wrapper__topmenu.fixed-header{padding-top:2px; padding-bottom:2px} .wrapper__topmenu{top:86px} } @media (min-width:1230px){ .widget__title{padding:50px 0; font-size:36px; line-height:42px} .wrapper__topmenu.fixed-header{padding-top:3px; padding-bottom:3px} .wrapper__topmenu{top:95px} } /*** Шапка ***/ header{background:#fff} .header__phone{} .header__phone a, .topmenu__title{display:block; font-size:22px; font-weight:700; color:#322f33; text-decoration:none} .header__form input{font-size:15px; font-weight:300; padding:0 15px; border:1px solid #c9c9c9; border-radius: 4px; background:#fff; box-shadow: inset 0.5px 0.866px 3px 0px rgba(214, 214, 214, 0.75); height: 38px} .header__form button, .header__button{cursor:pointer; text-align:center; font-size:14px; text-shadow: 0px 1px 1px rgba(213, 125, 0, 0.75); color:#fff !important; text-decoration:none !important; text-transform: uppercase; font-weight:700; border:2px solid #fff; border-radius: 20px; background:#ffcd04; box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.3); height: 40px; line-height:36px; padding:0 20px} .header__form button:hover, .header__button:hover{background:#f28d00} /*** Верхнее меню ***/ .wrapper__topmenu{background:#ffcd04} .wrapper__topmenu select{display:none} .wrapper__topmenu a{color:#23242f} .wrapper__topmenu a span{transition:0.4s all 0s ease-out; border-bottom:2px solid transparent} .wrapper__topmenu li:hover a span{border-color:#fff} .topmenu__title{line-height: 48px;} .navbar-toggler{border: 2px solid #322f33;width: 46px;padding: 3px 7px;} .navbar-toggler span{transition:0.4s all 0s ease-out; background: #322f33; width: 100%; height: 3px; display: block; margin: 4px 0; border-radius: 10px} .navbar-toggler:hover, .navbar-toggler:focus{border-color:#fff} .navbar-toggler:hover span, .navbar-toggler:focus span{background:#fff} .scrolled .navbar-toggler:hover, .scrolled .navbar-toggler:focus{border-color:#ffcd04} .scrolled .navbar-toggler:hover span, .scrolled .navbar-toggler:focus span{background:#ffcd04} @media (min-width:300px){ .wrapper__topmenu a{font-size:16px; line-height:18px} } @media (min-width:992px){ .wrapper__topmenu a{font-size:14px} } /*** Баннер ***/ .wrapper__banner, .wrapper__steps, .wrapper__banner2{color:#fff; background:url(../images/banner.jpg) no-repeat top center / cover; overflow:hidden} .banner__title{font-weight:800} .banner__title span{color:#ffcd04} .wrapper__banner ul{padding:0; margin:0} .wrapper__banner ul li{text-align:left; padding:0; margin:0; list-style:none} .wrapper__banner ul li::before{content:"- "} .wrapper__banner form, .wrapper__banner2 form{position:relative; z-index:1} .banner__form-title{color:#322f33; text-transform:uppercase; font-weight:800} .wrapper__banner input, .wrapper__bottom input, .wrapper__banner2 input{box-shadow: inset 0.5px 0.866px 3px 0px rgba(214, 214, 214, 0.75); width:100%; font-weight:300; border:1px solid #e6e6e6; border-radius: 4px; background:#fff} .wrapper__banner button, .wrapper__sign-up button, .wrapper__banner2 button{cursor:pointer; color:#464646; border:2px solid #fff; border-radius: 23px; background:#ffcd04; box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.3)} .wrapper__banner button:hover, .wrapper__banner2 button:hover{background:#2a2d3d; color:#fff} .wrapper-yes{color:#7e7e7e; margin:0; line-height:15px; cursor:pointer} .wrapper-yes__checkbox{display: none} .wrapper-yes__checkbox-custom{background:#fff; position: relative; width: 15px; height:15px; box-shadow: inset 0px 2px 3px 0px rgba(0, 0, 0, 0.31); border-radius: 3px; margin-right:5px} .wrapper-yes__checkbox-custom, .wrapper-yes__label{display: inline-block;vertical-align: middle} .wrapper-yes__checkbox:checked + .wrapper-yes__checkbox-custom::before{content: ""; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background:url(../images/check.png) no-repeat center center; border-radius: 2px} .wrapper__banner img{position:absolute; bottom:-35px;left: -25%;z-index: 99;} .wrapper__banner2 img { position: absolute; bottom: 161px; left: -5%; z-index: 99; } @media (min-width:300px){ .wrapper__banner{padding: 20px 0 30px;text-align:center;} .banner__form-title{padding-bottom: 15px;font-size: 14px;} .wrapper__banner form{margin-top: 30px;box-shadow: 0px 0px 15.6px 4.4px rgba(80, 80, 80, 0.34), 0 0 0 8px rgba(255, 197, 26, 0.78);border:5px solid #fff002;background:#fff;width:100%;border-radius:10px;padding: 10px 15px;} .wrapper__banner input, .wrapper__bottom input{height: 36px; margin:0 0 5px; padding:0 10px; font-size:14px} .wrapper__banner button{padding: 0;margin:5px 0;font-size: 14px;height: 38px;width: 100%;} .banner__title{text-align:center;font-size: 20px;line-height: 26px;margin-bottom: 15px;} .wrapper__banner ul{display:inline-block} .wrapper__banner ul li{font-size: 14px;line-height: 24px} .wrapper-yes{font-size:10px} .wrapper__banner2{padding: 20px 0 30px;text-align:center;} .wrapper__banner2 form{margin-top: 30px;box-shadow: 0px 0px 15.6px 4.4px rgba(80, 80, 80, 0.34), 0 0 0 8px rgba(255, 197, 26, 0.78);border:5px solid #fff002;background:#fff;width:100%;border-radius:10px;padding: 10px 15px;} .wrapper__banner2 input{height: 36px; margin:0 0 5px; padding:0 10px; font-size:14px} .wrapper__banner2 button{padding: 0;margin:5px 0;font-size: 14px;height: 38px;width: 100%;} .wrapper__banner2 ul{display:inline-block} .wrapper__banner2 ul li{font-size: 14px;line-height: 24px} } @media (min-width:576px){ .wrapper__banner{padding:30px 0 40px} .banner__form-title{font-size:16px} .wrapper__banner form{margin-top:40px; padding:15px} .wrapper__banner button{padding:0 15px; font-size:15px; height: 40px; width:auto} .banner__title{font-size: 24px; line-height: 32px; margin-bottom: 30px} .wrapper__banner ul li{font-size:16px; line-height:26px} .wrapper-yes{font-size:12px} .wrapper__banner2{padding:30px 0 40px} .wrapper__banner2 form{margin-top:40px; padding:15px} .wrapper__banner2 button{padding:0 15px; font-size:15px; height: 40px; width:auto} .wrapper__banner2 ul li{font-size:16px; line-height:26px} } @media (min-width:768px){ .wrapper__banner{padding:0; text-align:left} .wrapper__banner .row{height:360px} .wrapper__banner form{margin-top:0; padding:15px} .banner__title{text-align:left; line-height:28px; margin-bottom:40px} .wrapper__banner ul{display:block} .wrapper__banner2{padding:0; text-align:left} .wrapper__banner2 .row{height:360px} .wrapper__banner2 form{margin-top:0; padding:15px} .wrapper__banner2 ul{display:block} } @media (min-width:992px){ .wrapper__banner .row{height:508px} .banner__form-title{padding-bottom:25px; font-size:20px; } .wrapper__banner form{box-shadow:none; border:none; background:url(../images/form.png) no-repeat top center;width: 522px;height: 441px;padding: 65px 70px 0; border-radius:0px} .wrapper__banner input, .wrapper__bottom input{height: 44px; margin:0 0 10px; padding:0 15px; font-size:15px} .wrapper__banner button{padding:0 25px; margin:10px 0; font-size:17px; height: 44px} .banner__title{font-size:32px; line-height:32px; margin-bottom:60px} .wrapper__banner ul li{font-size:18px; line-height:32px} .wrapper__banner2 .row{height:508px} .wrapper__banner2 form{box-shadow:none; border:none; background:url(../images/form.png) no-repeat top center;width: 522px;height: 441px;padding: 65px 70px 0; border-radius:0px} .wrapper__banner2 input{height: 44px; margin:0 0 10px; padding:0 15px; font-size:15px} .wrapper__banner2 button{padding:0 25px; margin:10px 0; font-size:17px; height: 44px} .wrapper__banner2 ul li{font-size:18px; line-height:32px} } @media (min-width:1230px){ .banner__title{font-size:36px; line-height:34px; margin-bottom:90px} .wrapper__banner ul li{font-size:20px; line-height:36px} .wrapper__banner2 ul li{font-size:20px; line-height:36px} } /*** Получить Бесплатно ***/ .wrapper__sell-service{box-shadow: 0px 5px 16px 0px rgba(0, 0, 0, 0.11); position:relative; z-index:1; background:#f4f4f4} .sell-service__heading{color:#322f33; font-weight:700} .sell-service__heading span{background:#ffcd04; text-transform:uppercase} .sell-service__block{transition:0.4s all 0s ease-out; border-radius: 3px; background:#fff; box-shadow: 0px 0px 16px 0px rgba(126, 126, 126, 0.2)} .sell-service__block:hover{box-shadow:0px 0px 16px 0px rgba(126, 126, 126, 0.2), 0 0 0 2px #ffcd04} .sell-service__text{color:#322f33; font-weight:700} .sell-service__button, .personal-list__form button, .tarif-sv__form-send button, .wrapper__bottom button{text-decoration:none !important; color:#fff; font-weight:700;border:2px solid #fff; border-radius: 24px; background:#2b2e3d;box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.3); display:block;margin:0 auto} .sell-service__button:hover, .personal-list__form button:hover{color:#322f33; background:#ffcd04} @media (min-width:300px){ .sell-service__heading{font-size:20px; line-height:28px; padding:20px 0} .sell-service__heading span{padding:0 5px} .sell-service__text{padding: 15px 0; font-size: 14px; line-height: 18px} .wrapper__sell-service{padding-bottom:20px} .sell-service__block{margin-bottom:15px; padding:10px 10px 15px} .sell-service__button{font-size:13px; width: 160px; height: 40px; line-height:36px} } @media (min-width:576px){ .sell-service__heading{font-size:22px; line-height:30px; padding:30px 0} .sell-service__text{min-height:84px} .sell-service__block{margin-bottom:30px} .sell-service__button{font-size:14px; width: 180px; height: 42px; line-height:38px} } @media (min-width:768px){ .sell-service__heading{font-size:24px; line-height:32px; padding:40px 0} .sell-service__text{min-height:auto; padding: 20px 0; font-size: 16px; line-height: 20px} } @media (min-width:992px){ .sell-service__heading{font-size:26px; line-height:26px; padding:50px 0} .wrapper__sell-service{padding-bottom:30px} } @media (min-width:1230px){ .sell-service__heading{font-size:30px; padding:60px 0; line-height:30px} .sell-service__heading span{padding:0 10px} .sell-service__text{padding:30px 0; min-height:126px; font-size:17px; line-height:22px} .wrapper__sell-service{padding-bottom:40px; } .sell-service__block{padding:10px 10px 20px} .sell-service__button{font-size:15px; width: 190px; height: 46px; line-height:42px} } /*** Наши услуги ***/ .service-list__link{text-decoration:none !important; display:block; border-radius:5px} .service-list__link:hover{box-shadow:0 0 0 2px #ffcd04} .service-list__link:hover .service-list__title{font-weight:700} .service-list__title{transition:0.2s all 0s ease-out; /*min-height:60px;*/display: block;color: #322f33;font-weight: 300;} @media (min-width:300px){ .wrapper__service{padding:10px 0} .service-list__block{padding:10px; width:50%} .service-list__title{font-size: 14px;line-height: 16px;padding: 0 5px 15px} .service-list__image{height:80px} } @media (min-width:576px){ .wrapper__service{padding:20px 0 0} .service-list__block{padding:0 15px 25px} .service-list__title{font-size: 14px;line-height: 16px;padding: 0 5px 15px} .service-list__image{height:80px} } @media (min-width:768px){ .wrapper__service{padding:20px 0 40px} .service-list__block{padding:0 15px 25px; width:33.333%} .service-list__title{font-size: 18px;line-height: 20px;padding: 0 10px 20px} .service-list__image{height:110px} } @media (min-width:992px){ .wrapper__service{padding:20px 0 50px} .service-list__block{padding:0 15px 30px; width:20%} } /*** О нас ***/ .wrapper__about{background:#f4f4f4} .about__video{position:relative; display:block} .about__video::before{transition:0.2s all 0s ease-out; position:absolute; top:0; left:0; right:0; bottom:0; background:url(../images/play.png) no-repeat center; content:""} .about__video:hover::before{background-image:url(../images/play-hover.png)} .about__info-list{padding:0; margin:0;} .about__info-list li{padding: 0 30px 0 25px; list-style:none; font-weight:700; color:#322f33;} @media (min-width:576px){ .about__info-list li{margin: 20px auto; background:url(../images/about__info.png) no-repeat 0 0;height:105px;font-size:15px;line-height:18px;width: 460px} .about__info-list li .d-flex{height: 75px;} } @media (min-width:992px){ .about__info-list li {margin: 0 0 20px; background: url(../images/about__info.png) no-repeat 0 0 / contain; height: 85px; font-size: 13px; line-height: 14px; width: 100%} .about__info-list li .d-flex{height: 60px;} } @media (min-width:1230px){ .about__info-list li{margin:0 0 25px; background:url(../images/about__info.png) no-repeat 0 0; height:105px;font-size:15px;line-height:18px;} .about__info-list li .d-flex{height: 75px;} } @media (max-width:575px){ .about__video::before{background-size:80px} .about__info-list li{text-align:center; padding:15px; margin:15px 0; background:#ffcd04;height:auto;font-size:14px;line-height:18px; border-bottom:5px solid #f28d00} .about__info-list li .d-flex{height:auto} } /*** Персонал ***/ .personal-list__image img{border-radius:4px} .personal-list__title{font-weight:700; color:#f28d00; margin:5px 0} .personal-list__name{color:#322f33; font-weight:700} .personal-list__info{color:#585858} .personal-list__form{margin:10px 0; text-align:center} .personal-list__form input, .tarif-sv__form-send input{font-weight:300; font-size:15px; padding:0 15px; width:100%; border:1px solid #c9c9c9; border-radius: 4px; background:#fff; box-shadow: inset 0.5px 0.866px 3px 0px rgba(214, 214, 214, 0.75); height: 38px} .personal-list__form button, .tarif-sv__form-send button, .wrapper__bottom button{margin:10px auto; font-weight:400; cursor:pointer} @media (min-width:576px){ .personal-list__title{font-size: 16px; line-height: 18px; padding-left:40px; background:url(../images/title-arrow.png) no-repeat left center;} .personal-list__info{font-size: 13px; line-height: 15px; padding-top: 10px} .personal-list__name{font-size: 20px; padding: 15px 0 0;} .personal-list__form button, .tarif-sv__form-send button{padding:0 25px; font-size:14px; height:46px; width:auto} .personal-list__form .wrapper-yes{width:auto} .personal-list__form .wrapper-yes__checkbox-custom{position:relative} } @media (min-width:768px){ .personal-list__title{font-size: 16px; line-height: 18px; padding-left:40px; background:url(../images/title-arrow.png) no-repeat left center;} .personal-list__info{font-size: 13px; line-height: 15px; padding-top: 10px} .personal-list__name{font-size: 20px; padding: 15px 0 0;} .personal-list__form button, .tarif-sv__form-send button{font-size:14px; height:46px; padding:0; width:100%} .personal-list__form .wrapper-yes{width:175px} .personal-list__form .wrapper-yes__checkbox-custom{position:absolute} } @media (min-width:992px){ .personal-list__title{font-size: 14px; line-height: 20px} .personal-list__name{padding:0} .personal-list__form button, .tarif-sv__form-send button{font-size:17px; height:50px; padding:0 25px; width:auto} .personal-list__form .wrapper-yes{width:auto} .personal-list__form .wrapper-yes__checkbox-custom{position:relative} } @media (min-width:1230px){ .personal-list__title{font-size:15px; line-height:20px} .personal-list__info{font-size:14px; line-height:17px; padding-top:15px} .personal-list__name{font-size:24px} } @media (max-width:575px){ .personal-list__title{font-size: 16px; line-height: 18px} .personal-list__info{font-size: 13px; line-height: 15px; padding-top: 10px} .personal-list__name{font-size: 20px; padding: 10px 0 0;} .personal-list__form button, .tarif-sv__form-send button{padding:0 25px; font-size:14px; height:46px; width:auto} .personal-list__form .wrapper-yes{width:auto; font-size:12px} .personal-list__form .wrapper-yes__checkbox-custom{position:relative} } /*** Готовое решение ***/ .ready__heading{font-weight:700; text-transform:uppercase; color:#322f33; position:relative} .ready__heading::before{content:"1"; font-weight:900; color:#ffcd04; text-align:center;display: block;position: absolute;left: 0;top: 50%;} .ready__heading span{color:#ffcd04} .ready__table{box-shadow: 0px 0px 26.39px 2.61px rgba(126, 126, 126, 0.2)} .ready__table table{background:#fff} .ready__table tr:nth-child(odd){background:#f7f7f7} .ready__table tr:first-child{background:#fff} .ready__table tr:first-child{border-bottom:2px solid #ffcd04; } .ready__table td{vertical-align:middle; } .ready__table th{text-transform:uppercase; color:#323232} .ready__table th ~ th{text-align:center} .ready__table td:nth-child(1){color:#404040; font-weight:600} .ready__table td:nth-child(2){text-align:center} .ready__table td:nth-child(3){font-weight:700; color:#282828} .ready__table td:nth-child(3) span{font-weight:400} .ready__table table ul{padding:5px 0 5px 15px; margin:0;font-weight: 500;} .ready__table table ul li{padding:0; margin:0} .ready__info-text{color:#282828} .ready__info-text span{font-weight:800; color:#282828} .ready__info-offer{font-weight:700; color:#282828; background:#ffcd04; position:relative} .info-offer__title, .info-offer__price{font-weight:900; text-transform:uppercase} .info-offer__price{text-transform:none} .ready__info-title{text-transform:uppercase; font-weight:700} .ready__info-text ul{padding:0 0 0 15px; margin:0; display:inline-block} .ready__info-text ul li{padding:0 0 5px; margin:0; text-align:left} .ready__info-price{font-weight:700} @media (min-width:576px){ .ready__info{text-align:center; padding-top:15px} .ready__table td{padding: 5px 10px;} .ready__table th{font-size: 12px;line-height: 14px;padding: 5px 10px;} .ready__table td:nth-child(1){font-size: 12px;line-height: 16px;} .ready__table td:nth-child(3){font-size: 12px;} .wrapper__ready{padding-bottom: 20px;} .ready__heading{margin: 20px 0;font-size: 14px;line-height: 22px;padding: 5px 0 5px 80px;} .ready__heading::before{background: url(../images/before-title.png) no-repeat 0 0 / contain;font-size: 32px;width: 60px;height: 48px;line-height: 48px;margin-top: -24px;} .info-offer__title, .info-offer__price{font-size: 18px;} .ready__info-text{font-size: 14px;line-height: 18px;padding-bottom: 10px;} .ready__info-text span{font-size: 15px;} .ready__info-offer{font-size: 16px;line-height: 22px;padding: 10px 0;margin: 0px 0 5px;} .ready__info-title{font-size: 14px;line-height: 16px;padding: 10px 0 5px;} .ready__info-text ul li{font-size: 13px;line-height: 16px;} .ready__info-price{font-size: 14px;} } @media (min-width:768px){ .ready__info{text-align:left; padding-top:0} .wrapper__ready{padding-bottom: 30px;} .ready__heading{margin: 30px 0;font-size: 18px;line-height: 26px;padding: 5px 0 5px 100px;} .ready__heading::before{background: url(../images/before-title.png) no-repeat 0 0 / contain;font-size: 40px;width: 80px;height: 64px;line-height: 64px;margin-top: -32px;} .ready__info-offer{font-size: 12px;line-height: 24px;padding: 15px 0;margin: 0px 0 5px;} .ready__info-title{font-size: 14px;line-height: 16px;padding: 10px 0 5px;} .ready__info-offer::before{border: 40px solid transparent; border-right: 30px solid #ffcd04; position:absolute; content:"";left: -70px;top: 0;} } @media (min-width:992px){ .ready__table td{padding:5px 15px;} .ready__table th{font-size:14px; line-height:16px; padding:10px 15px} .ready__table td:nth-child(1){font-size:14px; line-height:18px} .ready__table td:nth-child(3){font-size:14px; } .wrapper__ready{padding-bottom: 40px;} .ready__heading{margin: 40px 0;font-size: 26px;line-height: 36px;padding: 10px 0 10px 145px;} .ready__heading::before{background: url(../images/before-title.png) no-repeat 0 0 / contain;font-size: 60px;width: 110px;height: 88px;line-height: 88px;margin-top: -44px;} .info-offer__title, .info-offer__price{font-size: 20px;} .ready__info-text{font-size: 15px;line-height: 21px;padding-bottom: 15px;} .ready__info-text span{font-size: 16px;} .ready__info-offer{font-size: 18px;line-height: 26px;padding: 13px 0;margin: 0px 0 5px;} .ready__info-price{font-size: 15px;} } @media (min-width:1230px){ .wrapper__ready{padding-bottom:50px} .ready__heading{margin:50px 0; font-size:30px; line-height:38px; padding:15px 0 15px 165px; } .ready__heading::before{background:url(../images/before-title.png) no-repeat 0 0; font-size:75px; width: 126px;height: 100px;line-height: 100px;margin-top: -50px} .info-offer__title, .info-offer__price{font-size:24px;} .ready__info-text{font-size:14px; line-height:20px; padding-bottom:18px} .ready__info-text span{font-size:18px} .ready__info-offer{font-size:22px; line-height:30px; padding:10px 0; margin:5px 0 10px} .ready__info-title{font-size:15px; line-height:18px; padding:10px 0 5px} .ready__info-text ul li{font-size:14px; line-height:18px;} .ready__info-price{font-size:19px} } @media (max-width:575px){ .ready__info{text-align:center; padding-top:15px} .ready__table td{padding: 2px 3px;} .ready__table th{font-size: 10px;line-height: 12px;padding: 3px 5px;} .ready__table td:nth-child(1){font-size: 10px;line-height: 14px;} .ready__table td:nth-child(3){font-size: 12px;} .wrapper__ready{padding-bottom: 10px;} .ready__heading{margin: 10px 0;font-size: 12px;line-height: 16px;padding: 5px 0 5px 60px;} .ready__heading::before{background: url(../images/before-title.png) no-repeat 0 0 / contain;font-size: 24px;width: 50px;height: 40px;line-height: 40px;margin-top: -20px;} .info-offer__title, .info-offer__price{font-size: 14px;} .ready__info-text{font-size: 13px;line-height: 16px;padding-bottom: 5px;} .ready__info-text span{font-size: 14px;} .ready__info-offer{font-size: 14px;line-height: 20px;padding: 5px 0;margin: 0px 0 5px;} .ready__info-title{font-size: 13px;line-height: 14px;padding: 5px 0 5px;} .ready__info-text ul li{font-size: 12px;line-height: 14px;} .ready__info-price{font-size: 13px;} } /*** Форма подписки ***/ .wrapper__sign-up{background:#2b2e3d} .wrapper__sign-up input{margin:10px 0; padding:0 15px; font-weight:300; font-size:15px; width:100%; border:1px solid #e6e6e6; border-radius: 4px; background:#ffffff; box-shadow: inset 0.5px 0.866px 3px 0px rgba(214, 214, 214, 0.75); height: 44px} .wrapper__sign-up input:focus{box-shadow:0 0 0 1px #ffcd04, inset 0.5px 0.866px 3px 0px rgba(214, 214, 214, 0.75);} .sign-up__title{color:#fff; text-transform:uppercase; font-weight:700;} .sign-up__text{color:#fff} .wrapper__sign-up button{margin:10px 0; font-weight:400;color:#464646; width:100%} .wrapper__sign-up button:hover{color:#fff; background:#f28d00} @media (min-width:576px){ .sign-up__title{font-size: 18px;line-height: 26px;padding-bottom: 10px;} .sign-up__text{font-size: 14px;line-height: 20px;} .wrapper__sign-up button{height: 48px;font-size: 16px;} } @media (min-width:768px){ .sign-up__title{font-size: 20px;line-height: 36px;padding-bottom: 10px;} .sign-up__text{font-size: 16px;line-height: 36px;} .wrapper__sign-up button{height:52px; font-size:17px} } @media (min-width:992px){ .sign-up__title{font-size: 18px;line-height: 32px;padding-bottom: 5px;} .sign-up__text{font-size: 14px;line-height: 32px;} .wrapper__sign-up button{height: 48px;font-size: 16px;} } @media (min-width:1230px){ .sign-up__title{font-size:22px; line-height:38px; padding-bottom:10px} .sign-up__text{font-size:16px; line-height:38px} .wrapper__sign-up button{height:52px; font-size:17px} } @media (max-width:575px){ .sign-up__title{font-size: 16px;line-height: 24px;padding-bottom: 10px;} .sign-up__text{font-size: 12px;line-height: 18px; padding-bottom:10px} .wrapper__sign-up input{font-size:14px; height:36px; margin:5px 0} .wrapper__sign-up button{height: 46px;font-size: 14px; margin:5px 0} } /*** Тарифы ***/ .ready__tarif-tabs{background:url(../images/bg-tarif.jpg) no-repeat bottom center} .ready__tarif-tabs .ready__heading::before{content:"2"} .tarif-tabs__content{box-shadow: 0px 0px 17.29px 1.71px rgba(59, 59, 59, 0.2); background:#fff; border:3px solid #ffcd04; border-radius:0 4px 4px 4px} .tarif-tabs__title{position:relative; color:#322f33; font-weight:700; text-transform:uppercase;} .tarif-tabs__title::after{height:1px; width:125px; background:#ffcd04; content:""; position:absolute; bottom:0; left:0;} .tarif-tabs__list{color:#6a6a6a} .tarif-tabs__list-title{font-weight:700; text-transform:uppercase; color:#322f33; padding-bottom:10px} .tarif-tabs__list ul{margin:0} .tarif-tabs__list ul li{margin:0} .tarif-tabs__title-small{font-weight:700; text-transform:uppercase; color:#322f33} .tarif-tabs__title-small span{color:#ffcc01} .tarif-tabs__nav .nav-link, .tarif-tabs__title-big{position:relative; background:#2b2e3d; color:#fff; text-transform:uppercase; border:3px solid #2b2e3d; border-bottom:none; border-radius:0} .tarif-tabs__nav .nav-link.active, .tarif-tabs__nav .nav-link:hover, .tarif-tabs__title-big{background:#fff; color:#322f33; border-radius:3px 3px 0 0; border-color:#ffcd04} .tarif-tabs__nav .nav-link.active{box-shadow: 0px 0px 17.29px 1.71px rgba(59, 59, 59, 0.2)} .tarif-tabs__nav .nav-link::after{transition:0.4s all 0s ease-out;opacity:0;height: 20px;content:"";bottom: -15px;left:0;right:0;background:#fff;position: absolute;} .tarif-tabs__nav .nav-link.active::after{opacity:1} .tarif-tabs__nav .nav-link span, .tarif-tabs__title-big span{display:block; font-weight:700; color:#ffcd04} .tarif-tabs__nav{border:none} .nav-tabs .nav-item{margin:0} .tarif-sv{border-radius:4px; box-shadow:none;} .tarif-sv .tarif-tabs__list{margin-bottom:10px} .tarif-tabs__title-big{border:none; padding-bottom:10px; margin-top:-10px} .tarif-sv .personal-list__image, .tarif-sv .personal-list__description, .tarif-sv__form-image{float:left} .tarif-sv .personal-list__info{color:#f28d00; font-weight:700; padding-bottom:10px} .tarif-sv__form{text-align:left} .tarif-sv__form-title{padding-bottom:5px; font-weight:700; color:#23242f} .tarif-sv__form-send button{margin:10px 0; background:#ffcd04; color:#464646} .tarif-sv__form-send button:hover{background:#2b2e3d; color:#fff} @media (min-width:300px){ .tarif-tabs__nav .nav-link, .tarif-tabs__title-big{font-size: 16px;line-height: 24px;} .tarif-tabs__nav .nav-link span, .tarif-tabs__title-big span{font-size: 22px;} .tarif-tabs__content{padding: 15px} .tarif-tabs__title{font-size: 16px;line-height: 20px;padding: 0 0 5px 0;margin: 0 0 10px 0;} .tarif-tabs__list{font-size:14px; line-height:20px} .tarif-tabs__list ul{padding:0 0 0 15px} .tarif-tabs__list ul li{padding: 0 0 8px;line-height: 16px;} .tarif-tabs__title-small{font-size: 14px;line-height: 20px;margin-bottom: 10px;} .tarif-sv{margin-top: 20px;margin-bottom: 15px;padding: 15px;} .tarif-sv .personal-list__block{padding:10px 0 20px} .tarif-sv .personal-list__image{width: 100%;} .tarif-sv .personal-list__description{width:100%;padding-left: 0;} .tarif-sv .personal-list__info{font-size: 14px;} .tarif-sv__form{padding-top: 10px;} .tarif-sv__form-title{height: 32px;font-size: 16px;line-height: 14px;} .tarif-sv__form-send button{width:100%} .tarif-tabs__content .wrapper-yes{font-size: 10px;} } @media (min-width:576px){ .tarif-tabs__nav .nav-link, .tarif-tabs__title-big{font-size: 20px;line-height: 28px;} .tarif-tabs__nav .nav-link span, .tarif-tabs__title-big span{font-size: 24px;} .tarif-tabs__content{padding: 25px 20px;} .tarif-tabs__title{font-size: 18px;line-height: 22px;padding: 0 0 10px 0;margin: 0 0 15px 0;} .tarif-sv{margin-top: 30px;margin-bottom: 20px;padding: 20px;} .tarif-sv .personal-list__block{padding:10px 0 20px} .tarif-sv .personal-list__image{width: 78px;} .tarif-sv .personal-list__description{width: calc(100% - 78px);padding-left: 20px;} .tarif-sv .personal-list__info{font-size: 14px;} .tarif-sv__form{padding-top: 10px;} .tarif-sv__form-title{height: 32px;font-size: 16px;line-height: 14px;} .tarif-sv__form-send button{width:100%} .tarif-tabs__content .wrapper-yes{font-size:11px} } @media (min-width:992px){ .tarif-tabs__nav .nav-link, .tarif-tabs__title-big{font-size: 22px;line-height: 36px;} .tarif-tabs__nav .nav-link span, .tarif-tabs__title-big span{font-size: 28px;} .tarif-tabs__list ul li{padding: 0 0 10px;line-height: 18px;} .tarif-sv{padding: 30px;} .tarif-sv .personal-list__image{width:98px} .tarif-sv .personal-list__description{width:calc(100% - 98px); padding-left:30px} .tarif-sv .personal-list__info{font-size: 15px;} .tarif-sv__form{padding-top:30px} .tarif-sv__form-image{width:110px} .tarif-sv__form-send{padding-right:15px; width:calc(100% - 110px)} .tarif-sv__form-title{height: 36px;font-size: 18px;line-height: 16px;} .tarif-sv__form-send button{width:290px} .tarif-sv__form-send{float:left} } @media (min-width:1230px){ .tarif-tabs__nav .nav-link, .tarif-tabs__title-big{font-size:24px; line-height:38px} .tarif-tabs__nav .nav-link span, .tarif-tabs__title-big span{font-size:30px} .tarif-tabs__content{padding:35px 20px} .tarif-tabs__title{font-size:20px; line-height:24px; padding: 0 0 15px 0;margin: 0 0 20px 0} .tarif-tabs__title-small{font-size:16px; line-height:24px; margin-bottom:20px} .tarif-sv{ margin-top:40px; margin-bottom:30px; padding:35px} .tarif-sv .personal-list__info{font-size:16px; } .tarif-sv__form-title{height:42px; font-size:20px; line-height:18px} .tarif-tabs__content .wrapper-yes{font-size:12px} .tarif-sv__form-send{padding-right:45px} } /*** Шаги ***/ .wrapper__steps{padding: 20px 0 65px 0} .wrapper__steps .widget__title{color:#fff} .steps__title{font-weight:300; font-size:18px; line-height:18px; padding:30px 0} .steps__title strong{font-size:20px; font-weight:700} .steps__block{position:relative} .steps__block::after{position:absolute;background: url(../images/arrow.png) no-repeat 0 0;content:"";width:60px;height:32px;right:-30px;top: 45px;} .steps__block-title{font-size:14px;line-height:27px;text-transform:uppercase;font-weight:700;} .steps__block-title span{color:#ffcd04; font-size:26px; display:block} @media (min-width:576px){ .wrapper__steps{padding: 20px 0;} .wrapper__steps .widget__title{font-size: 24px; padding-bottom:40px} .steps__block-title{background:url(../images/steps-title-small.png) no-repeat 0 0 / contain} .steps__block-title{padding: 55px 0 95px 0;margin: -65px 0 0 0;} .block-call-read::after{display:none} .block-made-step::after{transform:rotate(90deg);top: -60px;left: 50%;margin: 0 0 0 -30px;} } @media (min-width:768px){ .wrapper__steps{padding: 20px 0} .wrapper__steps .widget__title{font-size:26px; padding-bottom:30px} .steps__block-title{padding: 80px 0 110px 0;margin: -80px 0 0 0;} } @media (min-width:992px){ .wrapper__steps{padding: 20px 0 65px 0} .wrapper__steps .widget__title, .wrapper__clients .widget__title{font-size:28px} .wrapper__clients .widget__title{font-size:30px} .steps__block-title{padding:70px 0 0 0;margin: -70px 0 0 0;} .block-call-read::after{display:block} .block-made-step::after{display:none} } @media (min-width:1230px){ .wrapper__steps .widget__title{font-size:30px} .steps__block-title{background:url(../images/steps-title.png) no-repeat 0 0} .steps__block-title{padding: 88px 0 0 0;margin: -90px 0 0 0;} } @media (max-width:575px){ .wrapper__steps{padding: 20px 0;} .wrapper__steps .widget__title{font-size: 22px; padding-bottom:40px} .steps__block-title{padding: 55px 0 95px 0;margin: -65px 0 0 0;} .steps__block::after{transform:rotate(90deg);top: -60px;left: 50%;margin: 0 0 0 -30px;} .steps__block{padding-bottom:65px} .block-call-read, .block-made-step{padding-bottom:0} .block-meet-people::after{display:none} .steps__block-title{line-height:20px} .steps__block-title span{font-size:22px; padding-top:10px} .steps__title {font-size: 16px; padding: 20px 0} } /*** Наши клиенты ***/ .wrapper__clients{background:#f4f4f4;} .clients__block{background:#fff; box-shadow: 0px 0px 16px 0px rgba(126, 126, 126, 0.2)} .clients__block-photo img{border-radius:100%} .clients__block-title{text-transform:uppercase; color:#322f33; font-weight:700} .clients__block-dolgnost{font-size:14px; line-height:18px; padding:5px 15px; display:inline-block; background:#ffcd04; text-transform:uppercase; color:#322f33; font-weight:700} .clients__block-fio{font-weight:700; color:#707070;margin: 0 0 5px 0;} .clients__block-contact{color:#2b2e3d; font-size:14px; line-height:18px; margin: 0 0 5px;} .clients__block-contact span{font-weight:600} .clients__block-content{font-size:14px; line-height:24px; color:#646464} .clients__block .about__video{border:1px solid #ececec} .clients__block .about__video::before{background-size:70px} .clients__block .review-zoom::before{background-image:url(../images/zoom.png)} .clients__block .review-zoom:hover::before{background-image:url(../images/zoom-hover.png)} @media (min-width:300px){ .clients__block-title{font-size:16px} .wrapper__clients{padding-bottom:20px} .clients__block{margin-bottom:15px; padding:15px} .clients__block-fio{font-size:18px; line-height: 20px} } @media (min-width:576px){ .wrapper__clients{padding-bottom:25px} .clients__block-fio{font-size:20px; line-height: 22px} } @media (min-width:992px){ .clients__block-title{font-size:18px} .wrapper__clients{padding-bottom:30px} .clients__block{margin-bottom:20px; padding:20px 15px} .clients__block-fio{font-size:22px; line-height: 24px} } @media (min-width:1230px){ .clients__block-title{font-size:20px} .wrapper__clients{padding-bottom:40px} .clients__block{margin-bottom:25px; padding:25px 15px} .clients__block-fio{font-size:22px; line-height: 24px} } /*** Отзывы ***/ .vk-reviews__block{display:block; padding:13px} .vk-reviews__link{border-top:4px solid #ffcd04; display:inline-block; position:relative} .vk-reviews__link::after{transition:0.2s all 0s ease-out; opacity:0; position:absolute; top:0; left:0; right:0; bottom:0; content:""; background:rgba(36,36,36,0.67) url(../images/zoom.png) no-repeat center center} .vk-reviews__link:hover{box-shadow: 0px 0px 5.64px 0.36px rgba(0, 0, 0, 0.3)} .vk-reviews__link:hover::after{opacity:1} .vk-reviews__slider{position:relative} .vk-reviews__slider .slick-arrow{transition:0.2s all 0s ease-out; position:absolute; top:50%; z-index:10} .vk-reviews__slider .prevArrow{background:url(../images/left-arrow.png) no-repeat 0 0 / contain} .vk-reviews__slider .nextArrow{background:url(../images/right-arrow.png) no-repeat 0 0 / contain; left:auto} .vk-reviews__slider .nextArrow:hover{background-image:url(../images/right-arrow-hover.png)} .vk-reviews__slider .prevArrow:hover{background-image:url(../images/left-arrow-hover.png)} @media (min-width:300px){ .wrapper__reviews{padding:10px 0 30px} .vk-reviews__slider{padding:0 30px} .vk-reviews__slider .slick-arrow{margin-top:-15px; width:25px; height:30px; background-size:contain} .vk-reviews__slider .nextArrow{right:0} .vk-reviews__slider .prevArrow{left:0} } @media (min-width:576px){ .wrapper__reviews{padding:10px 0 30px} .vk-reviews__slider{padding:0 45px} .vk-reviews__slider .slick-arrow{margin-top:-25px; width:41px; height:50px; background-size:auto} } @media (min-width:992px){ .wrapper__reviews{padding:10px 0 40px} } @media (min-width:1230px){ .wrapper__reviews{padding:20px 0 70px} .vk-reviews__slider{padding:0} .vk-reviews__slider .nextArrow{right:-50px} .vk-reviews__slider .prevArrow{left:-50px} } /*** форма низ ***/ .wrapper__bottom-heading{font-weight:700; color:#fff; text-transform:uppercase; } .wrapper__bottom-title{font-weight:900; color:#322f33;border:2px dashed #2a2d3d; display:inline-block; position:relative} .wrapper__bottom-title-city{font-weight:700; color:#2b2e3e; text-transform:uppercase; } .wrapper__bottom-title-form{color:#322f33} .wrapper__bottom button{border-radius:50px} .wrapper__bottom button:hover{background:#f28d00} .wrapper__bottom-phone{color:#343434; width:100%} .wrapper__bottom-phone span{font-weight:700} @media (min-width:576px){ .wrapper__bottom{background:#ffcd04 url(../images/map.png) no-repeat center center / contain} .wrapper__bottom{padding:30px 0 20px} .wrapper__bottom-heading{font-size:24px} .wrapper__bottom-title{margin:10px 0 20px; font-size:22px; line-height:36px; padding:0 10px} .wrapper__bottom-title-city{font-size:16px} .wrapper__bottom-title-form{font-size:14px; padding:5px 0 10px} .wrapper__bottom button{font-size:16px; width:320px; height:64px; margin:10px auto 5px} .wrapper__bottom-phone{font-size:20px; padding-top:15px} } @media (min-width:768px){ .wrapper__bottom{padding:40px 0 20px} .wrapper__bottom-heading{font-size:28px} .wrapper__bottom-title{margin:10px 0 30px; font-size:24px; line-height:38px} .wrapper__bottom-phone{font-size:22px; padding-top:20px} .wrapper__bottom-title::after{background:url(../images/arrow-black.png) no-repeat 0 0; content:""; width: 60px;height: 32px;position: absolute;left: -85px;top: 50%;margin-top: -16px;} .wrapper__bottom-title::before{background:url(../images/arrow-black.png) no-repeat 0 0; content:""; width: 60px;height: 32px;position: absolute;right: -85px;top: 50%;margin-top: -16px; transform:rotate(180deg)} } @media (min-width:992px){ .wrapper__bottom{padding:60px 0 30px} .wrapper__bottom-heading{font-size:32px} .wrapper__bottom-title{margin:15px 0 35px; font-size:26px; line-height:42px; padding:0 15px} .wrapper__bottom-title-city{font-size:18px} .wrapper__bottom-title-form{font-size:16px; padding:10px 0 15px} .wrapper__bottom button{font-size:18px; width:400px; height:72px; margin:15px auto 10px} .wrapper__bottom-phone{font-size:24px; padding-top:25px} } @media (min-width:1230px){ .wrapper__bottom{background:#ffcd04 url(../images/map.png) no-repeat center center} .wrapper__bottom{padding:70px 0 40px} .wrapper__bottom-heading{font-size:36px} .wrapper__bottom-title{margin:20px 0 45px; font-size:30px; line-height:50px; padding:0 25px} .wrapper__bottom-title-city{font-size:20px} .wrapper__bottom button{font-size:20px; width:420px; height:82px; margin:20px auto 10px} .wrapper__bottom-phone{font-size:26px; padding-top:30px} } @media (max-width:575px){ .wrapper__bottom{background:#ffcd04 url(../images/map.png) no-repeat center center / contain} .wrapper__bottom{padding:30px 0 20px} .wrapper__bottom-heading{font-size: 24px;line-height: 26px;} .wrapper__bottom-title{margin: 15px 0;font-size: 20px;line-height: 22px;padding: 5px 10px;} .wrapper__bottom-title-city{font-size: 14px;} .wrapper__bottom-title-form{font-size:14px;padding:5px 0 10px;} .wrapper__bottom button{font-size:16px;width: 100%;height: 50px;margin: 10px auto 10px;} .wrapper__bottom-phone{font-size: 18px;padding-top: 10px;line-height: 22px;} } /*** Соц группы ***/ .wrapper__soc-group{color:#322f33} @media (min-width:300px){ .wrapper__soc-group{padding-bottom:20px; font-size:14px; line-height:18px} .wrapper__soc-group .widget__title{padding-bottom:10px} } @media (min-width:576px){ .wrapper__soc-group{padding-bottom:25px} .wrapper__soc-group .widget__title{padding-bottom:15px} } @media (min-width:768px){ .wrapper__soc-group{padding-bottom:30px} } @media (min-width:992px){ .wrapper__soc-group{padding-bottom:40px; font-size:16px; line-height:20px} .wrapper__soc-group .widget__title{padding-bottom:20px} } @media (min-width:1230px){ .wrapper__soc-group{padding-bottom:50px; font-size:18px; line-height:22px} } /*** Футер ***/ footer{background:#f4f4f4; color:#696969; position:absolute; bottom:0; width:100%; color:#696969; font-size:13px; z-index:1} .font-big-title{padding-bottom:10px; font-size:14px; color:#343434; line-height:20px; text-transform:uppercase; font-weight:700} footer a{color:#2b2e3d; text-decoration:none !important} footer a:hover{color:#ffcd04} footer ul{padding:0 !important; margin:0} footer ul li{padding:0 0 10px; margin:0; list-style:none} .footer__phone{color:#343434; font-size:22px; line-height:26px; font-weight:700} .footer__map-link{font-size:15px; display:block; margin:20px 0} .footer__map-link i{color:#ffcd04; margin-right:5px} .footer__map-link a{color:#343434} .footer__map-link span{display:inline-block; border-bottom:1px dashed; line-height:16px} .footer__social li{display:inline-block; margin:0 0 0 20px} .footer__social li a{text-align:center; display:block; width:40px; height:40px; line-height:40px; font-size:20px; border-radius:50px; background:#2b2e3d; color:#fff} .footer__social li a:hover{background:#ffcd04} .footer__copyright{padding-top:10px} @media (min-width:300px){ footer{padding:15px 0; line-height:14px} } @media (min-width:576px){ footer{padding:20px 0; line-height:16px} } @media (min-width:768px){ footer{padding:30px 0; line-height:18px} } @media (min-width:992px){ footer{padding:40px 0; line-height:20px} } @media (min-width:1230px){ footer{padding:50px 0; line-height:24px} } /*** Формы ***/ .modal-backdrop{background:#23242f} .modal-backdrop.show {opacity: .8} .form-service .close{position:absolute; color: #7f8086;opacity: 1;text-shadow: none;} .form-service .close:hover{color:#ffffff} .form-service form button{padding:0; width:100%; color: #322f33; background: #ffcd04} .form-service form button:hover{color:#fff; background:#2b2e3d} .form-title{color:#322f33; text-transform:uppercase; font-weight:700; } .form-desc{color:#322f33; } .form-personal-list__prof{color:#b2b2b2; position:relative;padding: 5px 0;margin: 0px 0 5px;} .form-service .modal-content{border-radius:0px; border:none; box-shadow: 0px 0px 16px 0px rgba(126, 126, 126, 0.2); } .form-personal-list__prof::after{height: 1px;width: 125px;background: #ffcd04;content: "";position: absolute;bottom: 0;} .form-personal-list__info{color:#322f33} @media (min-width:300px){ .form-service .modal-content{padding:15px 10px} .form-personal-list__prof::after{left:50%; margin-left:-62.5px} .form-title{font-size:24px; line-height:28px} .form-desc{font-size:16px; line-height:18px; padding:5px 0} .form-personal-list__info{font-size:14px; line-height:16px} .form-personal-list__prof{font-size:16px} .form-service .close{top: 5px; right: 5px; font-size: 38px; line-height: 16px; height: 20px} } @media (min-width:576px){ .form-service .modal-content{padding:25px 30px 20px} .form-title{font-size:26px; line-height:30px} .form-desc{font-size:17px; line-height:20px; padding:8px 0} .form-personal-list__info{font-size:15px; line-height:17px} .form-personal-list__prof{font-size:17px} } @media (min-width:768px){ .form-service .modal-content{padding:25px 50px 20px} .form-title{font-size:28px; line-height:32px} .form-desc{font-size:18px; line-height:22px; padding:10px 0} .form-personal-list__info{font-size:16px; line-height:18px} .form-personal-list__prof{font-size:18px} .form-service .close{top:-3px; right:-35px; font-size: 50px; line-height: 16px; height: 24px} } @media (min-width:992px){ .form-service{max-width:750px; min-width:750px} .form-personal-list__prof::after{left: 0; margin-left:0} .call-btn{width:240px !important} } .wrapper__topmenu.fixed-header{top:0} .fixed-header{position: fixed; z-index: 1010; background: rgb(255, 255, 255); width: 100%} #map{height:400px} /*** Гид ***/ .wrapper__solutions{padding:30px 0} .site-solutions{background:#f7f7f7} .context-solutions{background:#2b2e3d url(../images/bg-tr.png) top center} .solutions__heading{padding:30px 0 20px; color:#322f33; font-size:36px; line-height:42px; font-weight:700; text-transform:uppercase} .solutions__info{margin:0 0 25px; font-size:18px; line-height:20px; color:#322f33; font-weight:600; padding:20px 200px 20px 120px; background:#f7f7f7 url(../images/info.png) no-repeat 40px center } .info-dark{color:#fff; background-color:#2b2e3d !important} .info-border{color:#fff; background-color:transparent !important; border:1px dashed #ffffff} .solutions__block{position:relative; padding:20px 25px 45px; margin-bottom:56px; background:#fff; box-shadow: 0px 0px 17.29px 1.71px rgba(59, 59, 59, 0.2)} .solutions__block.center-solutions{box-shadow: 0px 0px 17.29px 1.71px rgba(59, 59, 59, 0.2), 0 0 0 3px #ffcd04; border-radius: 2px} .solutions__small-title{font-size:16px; font-weight:300; color:#322f33; text-transform:uppercase; padding-bottom:10px} .solutions__big-title{margin-bottom:25px; position:relative; font-size:20px; line-height:24px; color:#f28d00; font-weight:700; text-transform:uppercase; padding-bottom:10px} .color-title-black{color:#2b2e3d} .color-title-white{color:#fff !important} .solutions__big-title::after{width:115px; background:#ffcd04; height:1px; content:""; position:absolute; bottom:0; left:0} .solutions__big-title small{display:block; color:#322f33; font-size:16px; line-height:18px; font-weight:700; text-transform:none; padding-top:5px} .solutions__block ul{padding:0; margin:0} .solutions__block ul.table-ul{width: 100%;column-width: 340px;-moz-column-width: 340px;-webkit-column-width: 340px;column-gap: 30px;-moz-column-gap: 30px;-webkit-column-gap: 30px;} .solutions__block ul li{position:relative; margin:0; list-style:none; font-size:14px; line-height:18px; color:#6a6a6a; padding:0 0 10px 15px} .solutions__block .content-text{font-size:14px; line-height:22px; color:#6a6a6a; padding:0} .solutions__block ul.content-list li{padding-bottom:5px} .solutions__block ul li::before{position:absolute; left:0; top:6px; width:4px; height:4px; background:#404040; content:""; border-radius:100px} .solutions__wrapper-price{padding:15px 0} .solutions__price{font-size:20px; font-weight:900; color:#282828; line-height:20px} .solutions__price small{font-size:16px; font-weight:400; line-height:20px} .solutions__price span{font-size:80%; font-weight:400} .solutions__btn a, .form__submit-bottom input[type=submit], .wrapper__navigation input[type="submit"]{box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.3); width:115px; display:block; border:2px solid #ffffff; border-radius:100px; background:#ffcd04; color:#2b2e3d; font-size:14px; line-height:46px; text-align:center; font-weight:600; text-decoration:none} .solutions__btn a:hover, .form__submit-bottom input[type=submit]:hover{color:#fff; background:#2b2e3d} .solutions__more{text-decoration:none !important; position:absolute; left:50%; margin-left:-123px; bottom:-26px; box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.3); border:2px solid #ffffff; border-radius:100px; background:#f7f7f7; color:#282828; line-height:48px; font-size:14px; width:246px; display:block; text-align:center; font-weight:600} .solutions__more:hover{background:#f28d00; color:#fff} .solutions__star-text{color:#2b2e3d; font-size:11px; line-height:14px; font-weight:600; padding-top:5px} .solutions__title-context{font-size:24px; line-height:24px; color:#2b2e3d; font-weight:600; padding:10px 0 15px} .solutions__title-context strong{font-weight:700; display:block} .center-solutions .solutions__title-context{line-height:30px} .text-transform-none{text-transform:none !important} .box-shadow-none{box-shadow:none !important} .after-none::after{display:none !important} .bg-none{background:transparent !important} .solutions__btn-more a{background:#f7f7f7; color:#282828;} .solutions__btn-more a:hover, .wrapper__navigation input[type="submit"]:hover{background:#f28d00; color:#fff} .heading-in-artaicle{font-size:24px; color:#2b2e3d; font-weight:700; line-height:32px} .text-in-artaicle{font-size:16px; color:#6a6a6a; line-height:24px} .solutions__yellow-info{padding:0 15px} .solutions__yellow-info-in{border:3px solid #ffcd04; padding:50px 50px 40px;margin: 15px 0; border-radius:3px} .yellow-info-in__tilte{font-size:24px; line-height:24px; color:#2b2e3d; text-transform:uppercase; font-weight:700} .yellow-info-in__heading{padding-right:50px; position:relative} .yellow-info-in__heading::after{width:1px; background:#ffcd04; position:absolute; top:0; right:25px; height:85px; content:"";} .solutions__yellow-info-in ul{padding:0 15px; margin:0} .solutions__yellow-info-in ul li{text-align:left; padding:0 0 5px 15px; margin:0; font-size:14px; color:#6a6a6a; list-style:none; position:relative;line-height: 18px;} .solutions__yellow-info-in ul li::before{position:absolute; width:4px; height:4px; background:#404040; content:""; border-radius:100px; left:0; top:9px} .plus-title{position:relative} .plus-title::after{position:absolute; right:0; content:"+"; font-size:36px; font-weight:900; color:#2b2e3d; top:15px} .solutions__crm-heading{position:relative; background:#ffcd04;color:#2b2e3d;font-size: 20px;line-height: 24px;font-weight: 600;margin: -20px -25px 25px -25px;padding: 20px 25px 10px} .solutions__crm-heading span{position:relative; z-index:1} .solutions__crm-heading strong{font-weight:900} .solutions__crm-heading small{font-size:80%} .solutions__crm-heading::after{background:#ffcd04; position:absolute; content:"";left: 0;bottom: -12px;height: 30px;border-radius: 100%;right: 0;} .solutions__price-list{padding:30px; background:#fff; margin-bottom:20px} .solutions__price-list table{width:100%} .solutions__price-list table tr td {padding: 9px 30px;font-size: 16px;color: #2b2e3d;line-height: 22px} .solutions__price-list table tr td strong{font-weight:900} .solutions__price-list table tr td:nth-child(2){text-align:center; width:160px} .solutions__price-list table tr td:nth-child(3){text-align:right; width:300px} .solutions__price-list table tr:nth-child(odd){background:#f7f7f7} .solutions__heading-big{font-size:28px; line-height:24px; font-weight:700; color:#f28d00} .solutions__heading-small{font-size:16px; color:#322f33; font-weight:700; text-transform:uppercase; padding:15px 0} .block-kursy{padding:30px 60px 50px; border:2px dashed #d5d5d8; box-shadow:none; margin-bottom:0 !important} .block-kursy .solutions__btn a{width:170px} .solutions__list-numb{margin-bottom:10px} .list-numb__number{width:35px; min-width:35px; } .list-numb__number span{background:#2b2e3d; width:30px; height:30px; line-height:30px; color:#fff; display:block; text-align:center; font-size:18px; color:#fff; } .list-numb__text{background:#ffcd04; color:#2b2e3d; font-size:18px; line-height:22px; font-weight:700; padding:5px 15px; text-align:left} ul.solutions__big-list{padding:0 0 20px; margin:0} ul.solutions__big-list li{padding:0; margin:0; font-size:18px; line-height:24px; color:#6a6a6a; list-style:none; font-weight:300; padding:0 0 0 30px} ul.solutions__big-list li::before{background:url(../images/solutions/check.png) no-repeat 0 0 / contain; width:14px; height:12px} .list-title{color:#6a6a6a; font-size:16px; line-height:24px; text-transform:uppercase; padding:5px 0 10px} .solutions__video-title__small{color:#322f33; font-size:14px; font-weight:700; text-align:center; padding:10px 0} .solutions__video-title__big{font-size:22px; line-height:22px; font-weight:700; color:#2b2e3d; padding:30px 0; text-transform:uppercase } .solutions__price-old{text-decoration:line-through; color:#6a6a6a; font-weight:600; font-size:18px} .opacity-0{opacity:0; visibility:hidden} .wrapper__form-solution{margin:0 !important; padding:50px 0} .form-solution{margin:0 !important; padding:40px 80px} .solution__form-title, .solution__form-title-small{font-size:30px; font-weight:700; color:#23242f; padding-bottom:40px; text-transform:uppercase; text-align:center} .solution__form-title-small{font-size:22px; padding:20px 0} .form__radio-label{padding:0 10px} .form__radio-label .col{padding:0 5px} .form__radio-label input{display:none} .form__radio-label label{transition:0.4s all 0s ease-out; display:block; width:100%; margin:5px 0} .form__radio-label span {transition: 0.4s all 0s ease-out;cursor: pointer;display: block;background: #f7f7f7;border-radius: 50px;width: 100%;color:#23242f;font-size: 13px;line-height: 40px;text-align: center;white-space: pre;padding: 0 25px} .form__radio-label span:hover{box-shadow:0 0 0 1px #ffcd04} .form__radio-label input:checked ~ span{background:#ffcd04; box-shadow:none !important} .form__label-field{padding:10px 0} .form__label-field label{text-align:left; margin:10px 0; width:100%; color:#23242f; font-weight:300; font-size:15px; line-height:15px} .form__label-field input, .form__label-field textarea{padding:0 15px; width:100%; border: 1px solid rgb(230, 230, 230); margin-bottom:15px; border-radius: 4px; background: #fff; box-shadow: inset 0.5px 0.866px 3px 0px rgba(214, 214, 214, 0.75); height: 48px; font-size:l5px; font-weight:300} .form__label-field textarea{height:90px; padding:10px 15px} .star-info{color:#fa2f00; font-weight:700} .form__submit-bottom{padding-top:10px} .form__submit-bottom .wrapper-yes{text-align:left; font-size:15px; line-height:16px; color:#8d8d8d} .form__submit-bottom .wrapper-yes a{color:#fa2f00; text-decoration:underline} .form__submit-bottom .wrapper-yes__checkbox-custom{width:26px; min-width:26px; height:26px; margin:2px 15px 0 0} .form__submit-bottom .wrapper-yes__checkbox:checked + .wrapper-yes__checkbox-custom::before {background: url(../images/solutions/check-red.png) no-repeat center center} .wrapper-yes__star{font-size:12px; color:#8d8d8d; padding-top:20px} .wrapper-yes__star span{font-size:150%} .form__submit-bottom input[type=submit]{width:100%; cursor:pointer} .wrapper__navigation {transition:0.4s all 0s ease-out; width: 265px;position: fixed;background: #3f424f;top: 0;bottom: 0;right: 0; text-align:center; padding:0 20px; z-index:2} .wrapper__navigation ul{padding:0 0 20px; margin:0} .wrapper__navigation ul li{padding:0; margin:0; list-style:none} .wrapper__navigation ul li a{line-height:16px; font-size:17px; display:block; border-bottom:1px solid #676973; color:#ffffff; padding:10px 0} .wrapper__navigation ul li a:hover{color:#ffcd04} .navigation__title, .navigation__form-title{font-size:16px; font-weight:600; color:#ffcd04; text-transform:uppercase; text-align:center; padding:10px 0} .wrapper__navigation input[type="text"]{margin:15px 0; padding:0 10px; color:#b8b8b8;font-size:15px;border:1px solid rgb(201, 201, 201);border-radius: 4px;background:#fff;width: 100%;height: 42px} .wrapper__navigation input[type="submit"]{width:100%} .burger-nav{display: block;background:#898989;border-radius: 100%;width: 60px;height: 60px;padding: 13px 0 0 15px;position: fixed;top: 0;z-index: 1012;right: 45px;transform: translate(500px, 175px);box-shadow: 0 0 0 7px rgba(0,0,0,0.1);} .burger-nav span{transition:0.4s all 0s ease-out; background:#eec200; height:5px; width:30px; border-radius:10px; margin:5px 0; display:block} .burger-nav:hover{background:#eec200} .burger-nav:hover span{background:#898989} @media (min-width:992px){ .w-lg-100{width:100%} } @media (min-width:1230px){ .wrapper__solutions .col-xl-3{-ms-flex: 0 0 28%;flex: 0 0 28%;max-width: 28%;} .wrapper__solutions .col-xl-6{-ms-flex: 0 0 44%;flex: 0 0 44%;max-width: 44%;} .solutions__btn.big-solutions__btn a{line-height:48px; font-size:17px; width:145px} .solutions__video-block{margin:0 -20px} } @media (max-width:1700px){ .wrapper__navigation{left:0; right:0; width:100%; z-index:1011; background:rgba(63,66,79,0.95); opacity:0; visibility:hidden} .navigation__menu-out{width:300px; margin:0 auto} .burger-nav{transform: translate(0px, 175px)} .open-menu{overflow:hidden} .scrolled .burger-nav, .open-menu .burger-nav{transform: translate(0px, 75px)} .open-menu .wrapper__navigation{opacity:1; visibility:visible} .open-menu .burger-nav span:nth-child(1){opacity:0;} .open-menu .burger-nav span:nth-child(2){transform: rotate(45deg) translate(0px, 0px);} .open-menu .burger-nav span:nth-child(3){transform: rotate(-45deg) translate(7px, -7px);} } @media (max-width:1229px){ .wrapper__solutions{padding:25px 0} .solutions__heading{padding:25px 0 15px; font-size:32px; line-height:38px} .solutions__info{margin:0 0 20px; font-size:16px; line-height:18px; padding:15px 150px 15px 100px; background:#f7f7f7 url(../images/info.png) no-repeat 35px center / 35px} .solutions__block{padding: 15px 20px 35px} .solutions__small-title{font-size:14px; padding-bottom:5px} .solutions__big-title{margin-bottom:20px; font-size:18px; line-height:22px} .solutions__big-title::after{width:100px} .solutions__big-title small{font-size:14px; line-height:16px} .solutions__block ul li{font-size:13px; line-height:17px; padding:0 0 5px 10px} .solutions__block .content-text{font-size:13px; line-height:17px} .solutions__block ul li::before{top:7px; width:3px; height:3px} .solutions__wrapper-price{padding:10px 0} .solutions__price{font-size:18px; line-height:18px} .solutions__price small{font-size:14px; line-height:18px} .solutions__btn a{width:110px; font-size:13px; line-height:42px} .solutions__more{margin-left:-115px; bottom:-24px; line-height:46px; font-size:13px; width:230px} .solutions__title-context{font-size:20px; line-height:22px} .center-solutions .solutions__title-context{line-height:24px} .solutions__yellow-info-in{padding: 30px 15px; margin: 10px 0} .yellow-info-in__tilte{font-size:22px; line-height:22px} .solutions__crm-heading{font-size: 18px;line-height: 22px;margin: -15px -20px 25px -20px;padding: 15px 20px 10px} .solutions__price-list{padding:25px; margin-bottom:15px} .solutions__price-list table tr td {padding: 8px 20px;font-size: 15px;line-height: 21px} .solutions__price-list table tr td:nth-child(2){width:140px} .solutions__price-list table tr td:nth-child(3){width:200px} .solutions__price-old{font-size:16px} .solutions__list-numb{margin-bottom:5px} .list-numb__number{width:30px; min-width:30px; } .list-numb__number span{width:25px; height:25px; line-height:25px; font-size:16px} .list-numb__text{font-size:16px; line-height:20px; padding:5px 15px} .list-title {font-size: 14px; line-height: 20px; padding: 10px 0} .solutions__heading-big {font-size: 24px;line-height: 20px} .solutions__heading-small {font-size: 14px; padding: 10px 0} ul.solutions__big-list{padding:0 0 15px; margin:0} ul.solutions__big-list li{font-size:16px; line-height:22px; padding:0 0 0 20px} ul.solutions__big-list li::before{width:12px; height:10px} .solutions__video-title__big {font-size: 18px;line-height: 18px;padding:20px 0} .wrapper__form-solution{padding:40px 0} .form-solution{padding:30px 60px} .solution__form-title{font-size:28px; padding-bottom:30px} .solution__form-title-small{font-size:20px; padding:15px 0} .form__radio-label span{font-size:12px; line-height:38px} .form__label-field{padding:5px 0} .form__label-field label{margin:5px 0; font-size:14px; line-height:14px} .form__label-field input, .form__label-field textarea{padding:0 10px; margin-bottom:10px; height: 42px; font-size:l4px} .form__label-field textarea{height:85px; padding:10px 10px} .form__submit-bottom{padding-top:5px} .form__submit-bottom .wrapper-yes{font-size:14px; line-height:15px} .form__submit-bottom .wrapper-yes__checkbox-custom{width:24px; min-width:24px; height:24px; margin:2px 10px 0 0} .wrapper-yes__star{font-size:12px; padding-top:10px} .scrolled .burger-nav{transform: translate(25px, 75px);} .burger-nav{width:45px; height:45px; padding:8px 0 0 11px; box-shadow: 0 0 0 4px rgba(0,0,0,0.1);} .burger-nav span{height:3px; width:25px} .open-menu .burger-nav span:nth-child(3){transform: rotate(-45deg) translate(5px, -6px)} .open-menu .burger-nav {transform: translate(25px, 25px)} .burger-nav{transform: translate(25px, 140px)} .form__radio-label span{padding:0 10px} } @media (max-width:991px){ .wrapper__solutions{padding:15px 0} .solutions__heading{padding:25px 0 15px; font-size:28px; line-height:34px} .solutions__info{margin:0 0 20px; font-size:14px; line-height:16px; padding:15px 20px 15px 80px; background:#f7f7f7 url(../images/info.png) no-repeat 25px center / 30px} .solutions__heading img{min-width:50px; width:50px} .solutions__block{text-align:center; padding: 15px 15px 35px} .solutions__block ul{display:inline-block; text-align:left} .solutions__big-title{margin-bottom:15px; font-size:16px; line-height:20px} .solutions__big-title::after{left:50%; margin-left:-50px} .heading-in-artaicle{font-size:22px; line-height:28px} .text-in-artaicle{font-size:14px; line-height:22px} .yellow-info-in__heading{padding-bottom:15px; text-align:center; margin-bottom:15px; padding-right:15px; position:relative} .yellow-info-in__heading::after{width:100px; background:#ffcd04; position:absolute; top:auto; right:auto; bottom:0; left:50%; margin-left:-50px; height:1px; content:"";} .solutions__yellow-info .solutions__more{bottom:-76px} .solutions__yellow-info{margin-bottom:25px} .solutions__yellow-info-in{padding-bottom:50px; padding-left:0; padding-right:0; padding-top:20px} .yellow-info-in__tilte{font-size:20px; line-height:20px} .solutions__yellow-info-in ul{padding:0} .wrapper__smm-step ul{max-width:280px} .wrapper__smm-step .col-lg-4 .solutions__block{padding:0 0 30px !important} .wrapper__smm-step .col-lg-8 .solutions__block, .wrapper__smm-step .col-12 .solutions__block{padding:0 !important; text-align:center} .wrapper__smm-step .col-lg-8 .solutions__big-title{width:100%} .plus-title::after{font-size:25px; right: 50%;top: auto;bottom: 8px;margin-left: -10px} .wrapper__smm-step .solutions__more{bottom:-50px; position:absolute !important; margin-left:-115px !important} .solutions__crm-heading{font-size: 16px;line-height: 20px;margin: -15px -15px 25px -15px;padding: 15px 15px 10px} .context-solutions ul{max-width:400px} .solutions__price-list{padding:20px; margin-bottom:10px} .solutions__price-list table tr td {padding: 5px 15px;font-size: 14px;line-height: 20px} .solutions__price-list table tr td:nth-child(2){width:100px} .solutions__price-list table tr td:nth-child(3){width:120px} .wrapper__form-solution{padding:30px 0} .form-solution{padding:20px 40px} .solution__form-title{font-size:26px; padding-bottom:20px} .solution__form-title-small{font-size:18px; padding:10px 0} .form__submit-bottom .wrapper-yes {font-size: 12px;line-height: 14px} .form__radio-label span {padding: 0 30px} .solutions__block ul.table-ul{column-width: 280px;-moz-column-width: 280px;-webkit-column-width: 280px} } @media (max-width:767px){ .solutions__heading{font-size:24px; line-height:30px} .solutions__heading img{min-width:40px; width:40px} .solutions__title-context{font-size:18px; line-height:20px} .center-solutions .solutions__title-context{line-height:22px} .heading-in-artaicle{font-size:20px; line-height:24px} .text-in-artaicle{font-size:13px; line-height:20px} .solutions__yellow-info-in ul li{font-size:13px; line-height:17px} .solutions__yellow-info-in ul li::before {top:7px} .solutions__price-list{padding:10px} .solutions__price-list table tr td {padding:10px;font-size: 13px;line-height: 17px} .solutions__price-list table tr td:nth-child(2), .solutions__price-list table tr td:nth-child(3){width:auto} .solutions__heading-big {font-size: 20px;line-height: 18px} ul.solutions__big-list{padding:0 0 15px; margin:0} ul.solutions__big-list li{font-size:14px; line-height:20px; padding:0 0 0 15px} ul.solutions__big-list li::before{width:10px; height:8px} .solutions__video-title__big {font-size: 16px;line-height: 16px} .block-kursy{padding-bottom:20px} .wrapper__form-solution{padding:30px 0} .form-solution{padding:20px 30px} .solution__form-title{font-size:24px; padding-bottom:20px} .solution__form-title-small{font-size:16px; padding:10px 0} .burger-nav {transform: translate(25px, 205px)} .form__radio-label span {padding: 0 8px} } @media (max-width:575px){ .wrapper__solutions{padding:10px 0} .solutions__info {margin: 0 0 15px; font-size: 13px; line-height: 15px; padding: 10px 15px 10px 50px; background: #f7f7f7 url(../images/info.png) no-repeat 10px 10px / 25px} .solutions__heading{font-size:22px; line-height:28px} .solutions__heading img{min-width:30px; width:30px} .solutions__star-text{font-size:10px} .solutions__block{margin-bottom: 45px} .solutions__price-list table tr td {padding:7px 10px;font-size: 12px;line-height: 16px} .list-numb__text{font-size: 14px;line-height: 16px;padding: 5px 10px} .list-numb__number{width: 25px; min-width: 25px} .list-numb__number span{width: 20px;height: 20px;line-height: 20px;font-size: 12px} ul.solutions__big-list{padding:0 0 10px; margin:0} ul.solutions__big-list li{font-size:13px; line-height:18px; margin-bottom:3px} ul.solutions__big-list li::before{width:8px; height:6px; top:5px} .wrapper__form-solution{padding:30px 0} .form-solution{padding:30px 15px} .solution__form-title{font-size:22px; padding-bottom:15px} .solution__form-title-small{font-size:14px; padding:10px 0} .wrapper__navigation ul li a{line-height:16px; font-size:17px; display:block; border-bottom:1px solid #676973; color:#ffffff; padding:5px 0} .navigation__menu-out{width:100%} .burger-nav{opacity:0; visibility:hidden} .scrolled .burger-nav{opacity:1; visibility:visible} .form__radio-label span {padding: 0 15px} } @media (max-width:375px){ .solutions__heading{font-size:18px; line-height:24px; padding:15px 0 10px} .solutions__heading img{min-width:25px; width:25px} .block-kursy .solutions__btn a {width: 130px} } @media (max-width:320px){ .form__radio-label, .form__radio-label .col{padding:0; width:100%} .form__radio-label .col{-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%} .form__radio-label span{padding:0; width:100%} } .solutions__more, .solutions__btn-more{display:none !important} .solutions__block, .solutions__yellow-info-in{padding-bottom:20px} @media (max-width:575px){ .solutions__block {margin-bottom: 30px;} } .icon-fixed{position: fixed;bottom: 35px;left: 35px;z-index: 1;} .icon-message{position:relative; background:#25d366; color:#fff;width: 60px;height: 60px;display: block;text-align: center;line-height: 60px;border-radius: 100%;font-size: 36px;box-shadow: 0 0 0 7px rgb(37, 211, 102, 0.5);} .icon-message::after{-webkit-animation: myfirst 1s infinite ease-in-out; animation: myfirst 1s infinite ease-in-out; transition:0.4s all 0s ease-out; content:""; position:absolute; border:1px solid #25d366;width: 75px;height: 75px;left: 50%;top: 50%;transform: translate(-50%, -50%);border-radius: 100px;opacity: 0;} .icon-text{transition:0.2s all 0s ease-out; visibility:hidden; opacity:0; position: absolute;left: 100%;top: 50%;width:440px;border: 3px solid #ffcd04;background: #fff;padding: 10px;border-radius: 20px;transform: translate(25px, -50%);} .icon-text::after{border: 6px solid transparent; border-right: 10px solid #fff; position:absolute; content:"";top: 34px;left: -16px;} .icon-text::before{border: 10px solid transparent; border-right: 15px solid #ffcd04; position:absolute; content:""; left: -25px;top: 30px;} .icon-text__image{width:65px; min-width:65px} .icon-text__descr{padding-left:10px; font-size: 14px; line-height: 20px; color: #000;} .icon-text__title{font-size: 16px; line-height: 20px; color: #000; font-weight:700; display:block; padding-bottom:5px} .icon-fixed:hover .icon-text, .icon-text-active{visibility:visible; opacity:1} .icon-close{transition:0.2s all 0s ease-out; position: absolute;top: 3px;font-size: 30px;opacity: 0;right: 7px; cursor:pointer} .icon-text-active .icon-close{opacity: 0.3} .icon-close:hover{opacity:1} .icon-message:hover::after{opacity:0; visibility:hidden} @-webkit-keyframes myfirst { 0%{opacity:0; width:75px; height:75px; border:1px solid #25d366} 50% {opacity:0.3; width:90px; height:90px; border:10px solid #25d366} 100% {opacity:0; width:75px; height:75px; border:1px solid #25d366} } @keyframes myfirst { 0% {opacity:0; width:75px; height:75px; border:1px solid #25d366} 50% {opacity:0.3; width:90px; height:90px; border:10px solid #25d366} 100% {opacity:0; width:75px; height:75px; border:1px solid #25d366} } @media (max-width:767px){ .icon-fixed{bottom: 15px;left: 15px} .icon-text{display:none} .icon-message{width: 45px; height: 45px; line-height: 40px; font-size: 26px; box-shadow: 0 0 0 5px rgba(37, 211, 102, 0.5)} .icon-message::after{display:none} } .videokurs__banner{overflow:hidden; padding-top:80px; background:#3B4058 url(../images/new-banner.png) no-repeat top center} .videokurs__banner h1 span, .videokurs__banner .h1 span{color:#FFD200} .videokurs__banner-text{font-size: 20px; line-height: 24px; color: #FFFFFF} .videokurs__banner img.banner-image{transform: translateX(-75px)} .videokurs__banner-btn {max-width: 450px;width: 100%;display: block;line-height: 70px;box-shadow: 0px 5px 20px rgba(255, 205, 4, 0.62), 0px 4px 0px #F28D00;background: #FFCD04;border: 1px solid rgba(255,255,255,0.8);border-radius: 60px;font-size: 18px;text-decoration: none !important;text-align: center;color: #322F33 !important;border-top: none;margin-top: 45px} .videokurs__banner-btn span{font-weight:600} .videokurs__banner-btn:hover{background-color:#FFA629} .videokurs__banner-small{margin-bottom:15px; width:405px; padding-left:10px; background:url(../images/flag-banner.png) no-repeat center right; height:42px; font-size:18px; font-weight:600; color:#fff} .videokurs__banner-small.big-line {background: url(../images/flag-big.png) no-repeat center right;font-size: 16px;width: 600px;padding-left: 35px} .videokurs__banner-small img{margin-right:10px} .videokurs__banner-text-big{font-size: 19px;line-height: 26px;color: #fff;} .videokurs__banner-text-big strong{font-weight: 800;font-size: 28px;line-height: 32px;color: #FFCD04;} .videokurs__banner-two{padding-bottom:50px; padding-top:190px} .banner-two__uzor { position: absolute; left: -85px; } @media (max-width:1229px){ .videokurs__banner-text{font-size: 16px; line-height: 22px} .videokurs__banner img.banner-image {transform: translateX(-55px);width: 500px} .videokurs__banner-text-big{font-size: 17px;line-height: 24px} .videokurs__banner-text-big strong{font-size: 24px;line-height: 28px} .videokurs__banner-small.big-line {width:100%; font-size: 14px; padding-left: 15px; line-height: 17px} .videokurs__banner-two {padding-bottom: 40px;padding-top: 120px} } @media (max-width:991px){ .videokurs__banner-text{font-size: 14px; line-height: 20px} .videokurs__banner img.banner-image {transform: translateX(-25px);width: 430px} .videokurs__banner-btn {max-width: 350px; line-height: 60px; font-size: 14px; margin-top: 30px} .videokurs__banner-small {margin-bottom: 10px; width: 100%; height: 36px; font-weight: 600} .videokurs__banner-checked{padding-top:20px; padding-bottom:30px; } .videokurs__banner-checked .col-lg-3{padding:15px} .videokurs__banner-small.big-line{background-position:center center; padding:0; margin-top:30px} .videokurs__banner-two {padding-bottom: 30px;padding-top: 80px} .videokurs__banner-text-big{font-size: 14px;line-height: 22px} .videokurs__banner-text-big strong{font-size: 20px;line-height: 22px} } @media (max-width:767px){ .videokurs__banner{padding-top:140px; text-align:center} .videokurs__banner-text{font-size: 16px; line-height: 22px} .videokurs__banner img.banner-image {transform: translateX(0); width: 100%; max-width:460px} .videokurs__banner-small {width:400px; margin:0 auto 15px} .videokurs__banner-btn{max-width: 390px;line-height: 50px;font-size: 16px;margin: 20px auto} } @media (max-width:575px){ .videokurs__banner{padding-top:180px} .videokurs__banner-text{font-size: 14px; line-height: 20px} .videokurs__banner-small {width: 350px;height: 32px;font-size: 16px;} .videokurs__banner img.banner-image {max-width:400px} } @media (max-width:420px){ .videokurs__banner-small {width: 100%; font-size: 14px} .videokurs__banner-btn{max-width: 100%;line-height: 46px;font-size: 14px} } @media (max-width:320px){ .videokurs__banner-small img{display:none} .videokurs__banner-small{padding:0} .videokurs__banner-btn {line-height: 42px; font-size: 12px} } .wrapper__because-videokursy{background:#F7F7F7 url(../images/video.png) no-repeat bottom center;padding: 55px 0;} .bottom__because{background-image:none} .because-videokursy__heading{font-weight: 700;font-size: 30px;line-height: 37px;color: #322F33;max-width: 700px;margin: 0 auto 45px;} .because-videokursy__heading span{font-weight: 400; display: block; font-size: 70%; line-height: 120%; padding-top: 10px} .because-videokursy__top-block{font-weight: 700; font-size: 18px; line-height: 22px; color: #3B4058; padding-bottom:30px} .because-videokursy__top-block img{margin-right:15px} .because-videokursy__maps {font-size: 18px; line-height: 20px; color: #3B4158; background: url(../images/rissia.png) no-repeat center center / contain;height: 217px;padding: 30px 0 0 0} .because-videokursy__maps span{font-size:140%} .because-videokursy__heading-small{font-size:16px; line-height:24px; color:#6A6A6A} .because-videokursy__heading-small span{padding-bottom:5px; display:block; font-size:24px; color:#322F33; font-weight:700; text-transform:uppercase; line-height:32px; position:relative; margin-bottom:15px} .because-videokursy__heading-small span::after{content:""; width:65px; position:absolute; height:3px; background:#FFCD04; border-radius:50px; bottom:0; left:50%; transform:translateX(-50%)} .because-videokursy__heading-small strong{font-size:18px; color:#3B4058; display:block; padding-top:15px} .because-videokursy__nout-link, .banner__video-link{position:relative} .because-videokursy__nout-link::after, .banner__video-link::after{position:absolute; content:""; top:0; left:0; right:0; bottom:0; background:url(../images/play-orange.svg) no-repeat center center} .banner__video-link::after{background:url(../images/play-2.svg) no-repeat center center} .because-videokursy__nout-link span{background:url(../images/line-flag.png) no-repeat 0 0;position:absolute;font-weight: 600;font-size: 14px;text-align: center;color: #31374F;width: 304px;line-height: 47px;padding-bottom: 15px;left: 26px;top: -13px;} .because-videokursy__double-bg__out{position:relative; width:100%} .because-videokursy__double-bg{position:relative; z-index:1; background: #FFFFFF;box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.25);border-radius: 3px; padding:15px} .because-videokursy__double-bg__out::after{content:""; bottom:-10px; left:10px; right:10px; position: absolute; background: #FFFFFF; box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.25); border-radius: 3px; height:100px} .double-bg__title-mark{background: #3B4058;border-radius: 3px;color: #FFCD04;font-weight: 700;display:inline-block;padding:0 10px;font-size: 18px;line-height: 27px;margin-bottom: 10px;} .because-videokursy__double-bg ul{padding:0; margin:0} .because-videokursy__double-bg ul li{font-size: 16px;line-height: 32px;color: #3B4058;padding: 0 0 0;margin:0;list-style:none;} .because-videokursy__double-bg .col-5{-ms-flex: 0 0 505px; flex: 0 0 505px; max-width: 505px; padding:15px; position:relative} .because-videokursy__double-bg .col-5:nth-child(2)::after{background: url(../images/big-flash.svg) no-repeat center center / contain;width: 53px;height: 85px;content: "";position: absolute;top: 85px;left: -100px} .yellow-mark{margin:0; background:#FFCD04; color:#31374F} .because-videokursy__price-big{font-weight: 700; font-size: 36px; line-height: 32px; color: #31374F; padding-top:15px} .because-videokursy__price-big span{color:#FFCD04} .because-videokursy__price-big small{font-weight: 400; font-size:50%} @media (max-width:1229px){ .wrapper__because-videokursy{padding: 45px 0;} .because-videokursy__heading{font-size: 28px;line-height: 32px; margin: 0 auto 35px;} .because-videokursy__top-block{font-size: 16px; line-height: 20px; padding-bottom:20px} .because-videokursy__top-block img{margin-right:10px} .because-videokursy__maps {font-size: 16px; line-height: 18px; height: 170px; padding: 25px 0 0 0} .because-videokursy__heading-small{font-size:14px; line-height:20px} .because-videokursy__heading-small span{font-size:22px; line-height:28px; margin-bottom:10px} .because-videokursy__heading-small span::after{width:55px; height:2px} .because-videokursy__heading-small strong{font-size:16px; padding-top:10px} .because-videokursy__nout-link span{left:14px;} .double-bg__title-mark{padding:0 5px;font-size: 16px;line-height: 24px;margin-bottom: 5px;} .because-videokursy__double-bg ul li{font-size: 14px;line-height: 28px} .because-videokursy__double-bg .col-5{-ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; padding:10px} .because-videokursy__double-bg .col-5:nth-child(2)::after {width: 35px; height: 60px; top: 60px;left: -50px} .because-videokursy__price-big{font-size: 26px; line-height: 22px; padding-top:10px} } @media (max-width:991px){ .wrapper__because-videokursy{padding: 35px 0; background-size:90%} .wrapper__because-videokursy.bottom__because{padding: 35px 0 55px} .because-videokursy__heading{font-size: 26px;line-height: 28px; margin: 0 auto 25px;} .because-videokursy__top-block img{display:block; margin:0 auto 10px; width:50px} .because-videokursy__top-block{font-size: 15px;line-height: 18px;padding-bottom: 25px} .because-videokursy__maps{margin:25px 0} .because-videokursy__double-bg{padding:10px} .because-videokursy__double-bg .col-5{-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; padding:10px} .because-videokursy__double-bg .col-5:nth-child(2)::after {display:none} .because-videokursy__nout-link span {font-size: 12px;width: 253px;background-size: contain;line-height: 40px;padding-bottom: 15px;left: 9px;padding-right: 20px} } @media (max-width:767px){ .because-videokursy__nout-link span {left: 23px} .because-videokursy__heading{font-size: 24px;line-height: 26px; margin: 0 auto 20px;} .because-videokursy__heading-small span{font-size:18px; line-height:26px; margin-bottom:5px; padding-bottom:3px} .because-videokursy__heading-small span::after{width:45px} .because-videokursy__maps{margin: 15px 0} .because-videokursy__top-block img{margin:0 15px 0 0} .because-videokursy__nout-link img{width:100%} .because-videokursy__nout-link {max-width: 450px; margin: 0 auto} } @media (max-width:575px){ .wrapper__because-videokursy.bottom__because{padding: 35px 0 45px} } .wrapper__video-kursy{padding:50px 0 105px; background:url(../images/video-kur-tarif-bg.png) no-repeat bottom center} .pt-tarif{padding-top:60px} .video-kursy__heading{color:#322F33; font-weight: 700; font-size: 30px; line-height: 37px; text-align: center; text-transform: uppercase; padding-bottom:25px} .video-kursy__tarif{padding:10px; background:#fff} .video-kursy__tarif .solutions__block{min-height:427px} .video-kursy__tarif .solutions__block ul li{font-size: 15px; line-height: 18px; color: #404040; padding-bottom:10px; padding-left:20px; background:url(../images/yel-check.svg) no-repeat left 5px } .video-kursy__tarif .solutions__block ul li::before{display:none} .video-kursy__tarif .solutions__block{box-shadow: 0px 3px 8px rgba(119, 116, 118, 0.17); margin-bottom:0 !important} .video-kursy__tarif .solutions__crm-heading{min-height: 118px;background:#F7F7F7;font-weight: 700;font-size: 18px;line-height: 24px;padding-top: 60px;text-align: center;text-transform: uppercase;color: #2B2E3D;} .video-kursy__tarif .solutions__crm-heading small{position:relative; z-index:1;text-transform:none; display:block} .video-kursy__tarif .solutions__crm-heading::after {background: #F7F7F7} .video-kursy__small-title{font-weight: 600; font-size: 16px; line-height: 19px; text-align: center; text-transform: uppercase; color: #F28D00; padding-bottom:10px} .video-kursy__tarif img{position: absolute; top: 0; left: 50%;transform:translate(-50%, 0 );z-index: 1} .center-tarif{margin-top:40px} @media (max-width:1229px){ .wrapper__video-kursy{padding: 40px 0 60px;background-size: cover;} .pt-tarif{padding-top:60px} .video-kursy__heading{font-size: 28px; line-height: 34px; padding-bottom:20px} .video-kursy__tarif{padding:10px} .video-kursy__tarif .solutions__block{min-height: 405px;} .video-kursy__tarif .solutions__block ul li{font-size: 14px;line-height: 17px;padding-bottom: 8px;padding-left: 17px;background: url(../images/yel-check.svg) no-repeat left 5px / 10px;} .video-kursy__tarif .solutions__crm-heading{min-height: 90px;font-size: 18px;line-height: 24px;padding-top: 30px;} .video-kursy__small-title{font-size: 15px;line-height: 18px;padding-bottom: 7px;} .center-tarif{margin-top: 30px;} .video-kursy__tarif img{max-width:90px} } @media (max-width:991px){ .wrapper__video-kursy{padding: 30px 0 50px} .video-kursy__heading{font-size: 26px; line-height: 32px; padding-bottom:15px} .center-tarif{margin:30px 0;} .video-kursy__tarif .solutions__block{min-height: auto;} } @media (max-width:575px){ .video-kursy__tarif .solutions__crm-heading {min-height: 76px;font-size: 16px;line-height: 18px} .wrapper__video-kursy{padding: 20px 0 40px} .video-kursy__heading{font-size: 24px; line-height: 32px} .center-tarif{margin:20px 0;} .video-kursy__tarif img{max-width:70px} .pt-tarif {padding-top: 40px} } @media (max-width:420px){ .video-kursy__heading{font-size: 22px; line-height: 28px} } .banner__ofer{padding-top:0} .banner__ofer .videokurs__banner-btn{max-width:320px} .banner__ofer .h1{line-height:1em; padding-left:80px; position:relative; margin-bottom:20px} .banner__ofer .h1::before {background: url(../images/flash-h1.png) no-repeat 0 0 / contain;position: absolute;content: "";width: 133px;height: 165px;left: -39px;top: -41px;pointer-events: none} @media (max-width:1229px){ .banner__ofer .videokurs__banner-btn{max-width:280px;margin-top: 30px;} .banner__ofer .h1{padding-left: 65px;margin-bottom: 15px;} .banner__ofer .h1::before {width: 100px;height: 124px;left: -26px;top: -25px;} } @media (max-width:991px){ .banner__ofer .row{height:250px} .banner__ofer .videokurs__banner-btn{max-width:220px;margin-top: 20px;} .banner__ofer .h1{padding-left: 45px;margin-bottom: 15px;} .banner__ofer .h1::before {width: 77px;height: 95px;left: -24px;top: -21px;} .banner__ofer img {width: 340px;max-width: none} } @media (max-width:767px){ .banner__ofer{padding-top:40px} .banner__ofer .row{height:auto} .banner__ofer .videokurs__banner-btn{max-width:220px;margin-top: 20px;} .banner__ofer .h1{padding-left: 0;margin-bottom: 15px;} .banner__ofer .h1::before {display:none} .banner__ofer img {width: 440px} } @media (max-width:575px){ .banner__ofer{padding-top:30px} .banner__ofer img {width: 100%} } .video-kursy-listes .solutions__small-title{font-weight:400} .video-kursy-listes .solutions__heading-small{font-weight:600} .video-kursy-listes .list-numb__number span{background:#FFCD04; color:#3B4058; font-weight:300} .video-kursy-listes .list-numb__text{color:#fff; background:#3B4058} .video-kursy-listes .list-title {color: #322F33; text-transform: uppercase; font-weight: 600} .video-kursy-listes ul.solutions__big-list li{color: #3B4058; font-weight: 300} .video-kursy-listes .solutions__video-title__small{text-align:left; text-transform:uppercase; font-weight: 400; text-transform: uppercase; color: #3B4058;} .video-kursy-listes__flag{background: url(../images/flag.svg) no-repeat 0 0 / contain;text-align: center;font-size: 13px;line-height: 18px;color: #3B4058;width: 56px;height: 62px;padding: 8px 0 0;position: absolute;top: -2px;right: 20px;} .video-kursy-listes__flag span{font-size:22px; font-weight:700; display:block} .banner__video-link{background: linear-gradient(0deg, #ECF2FF, #ECF2FF), url(77fd6129.jpg); box-shadow: 0px 10px 30px #1B1A1F; z-index:1} .videokurs__banner-checked{color:#3B4158; padding:50px 0; font-size: 15px; line-height: 24px; background: #FFFFFF;box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.05)} @media (min-width:992px){ .video-kursy-listes{padding:50px 0} .video-kursy-listes .solutions__block{padding-bottom:30px} .video-kursy-listes .solutions__heading-small{padding:15px 0 5px} .video-kursy-listes .solutions__heading-big {min-height:68px; padding-top:5px} .solutions__video-title__small{padding:12px 0} } @media (min-width:1230px){ .video-kursy-listes{padding:70px 0} .video-kursy-listes .solutions__block{padding-bottom:50px} .video-kursy-listes .solutions__heading-big {font-size: 24px; line-height: 26px; min-height:78px} .video-kursy-listes .solutions__small-title{font-size: 18px; line-height: 18px; padding-bottom:5px !important} .video-kursy-listes .solutions__heading-small{font-size: 14px; line-height: 16px; padding:20px 0 10px} .video-kursy-listes .list-numb__text{font-size:16px; line-height:18px} .video-kursy-listes .list-title {font-size: 14px;line-height: 24px;padding: 10px 0 5px} .video-kursy-listes ul.solutions__big-list li{font-size: 17px; line-height: 18px; margin-bottom:5px} .video-kursy-listes .solutions__video-title__small{padding:5px 0 15px; font-size: 18px; line-height: 24px} } @media (max-width:1229px){ .video-kursy-listes__flag{font-size: 9px;line-height: 13px; width: 36px; height: 40px; padding: 5px 0 0; top: -2px;right: 10px;} .video-kursy-listes__flag span{font-size: 16px} .banner__video-link img{width:100%} .videokurs__banner-checked {padding: 30px 0;font-size: 14px;line-height: 20px} } @media (max-width:991px){ .video-kursy-listes{padding:40px 0} } @media (max-width:575px){ .video-kursy-listes{padding:30px 0} .video-kursy-listes__flag{font-size: 7px;line-height: 12px;width: 33px;padding: 4px 0 0;right: 5px;} .video-kursy-listes__flag span{font-size: 14px;} .videokurs__banner-checked {padding: 15px 0} } .wrapper__difference-videokursy{background:#F7F7F7 url(../images/bg-difference.png) no-repeat bottom center; padding:55px 0 75px} .translateX40{transform:translateY(40px)} .difference-videokursy__block-out{background: #FFFFFF; box-shadow: 0px 3px 8px rgba(119, 116, 118, 0.17); padding:10px; height:100%} .difference-videokursy__block{border: 3px solid #FFCD04; padding:22px; height:100%; padding-bottom:50px} .difference-videokursy__title{padding-top:25px; font-weight: 700; font-size: 18px; line-height: 22px; text-transform: uppercase; color: #322F33; padding-bottom:20px; min-height:111px} .difference-videokursy__text{font-size: 16px; line-height: 24px; color: #6A6A6A} .difference-videokursy__text span{font-weight:700; text-transform:uppercase; color: #F28D00} @media (max-width:1229px){ .wrapper__difference-videokursy{padding: 50px 0 60px;} .difference-videokursy__block img{width:50px} .translateX40{transform:translateY(30px)} .difference-videokursy__block-out{padding:8px} .difference-videokursy__block{border: 2px solid #FFCD04;padding: 15px;padding-bottom:40px;} .difference-videokursy__title{padding-top:20px;font-size: 15px;line-height: 18px;padding-bottom:15px;min-height: 89px;} .difference-videokursy__text{font-size: 14px;line-height: 20px;} } @media (max-width:991px){ .wrapper__difference-videokursy{padding: 40px 0 20px; text-align:center} .difference-videokursy__block img{width:50px} .translateX40{transform:translateY(0)} .difference-videokursy__block-out{padding:10px} .difference-videokursy__block{border: 2px solid #FFCD04;padding: 20px;padding-bottom:20px;} .difference-videokursy__title{padding:15px 0 10px; font-size: 16px; line-height: 20px; min-height: auto;} .difference-videokursy__title br{display:none} } .wrapper__curs-slider{padding:75px 0; overflow:hidden} .curs-slider__block-out{padding:10px; background: #FFFFFF;box-shadow: 0px 3px 8px rgba(119, 116, 118, 0.17)} .curs-slider__block{background: #FFFFFF; box-shadow: 0px 3px 8px rgba(119, 116, 118, 0.17); padding:35px 45px 45px} .curs-slider__block-left{-ms-flex: 0 0 80px; flex: 0 0 80px; max-width: 80px; font-weight: 700; font-size: 60px; line-height: 50px; text-transform: uppercase; color: #FFCD04;} .curs-slider__block-right{font-size: 15px; line-height: 24px; color: #3B4058; -ms-flex: 0 0 calc(100% - 80px); flex: 0 0 calc(100% - 80px); max-width: calc(100% - 80px);} .curs-slider__title{font-weight: 700; padding-bottom:15px; font-size: 18px; line-height: 22px; text-transform: uppercase; color: #3B4058} .curs-slider__num-slide{padding-top:30px; font-weight: 600; font-size: 36px; line-height: 36px; text-transform: uppercase; color: #3B4058; text-align:center} .curs-slider__num-slide span{color:rgba(50,56,79,0.71)} .curs-slider__block-slider{margin:0 -15px; position:relative} .curs-slider__block-slide{padding:95px 15px 15px} .curs-slider__block-slider .slick-arrow{cursor:pointer;z-index:10;text-indent:-9999px;position:absolute;bottom: 12px;background:#F7F7F7 url(../images/arrow-curs.svg) no-repeat center center;width: 80px;box-shadow: 0px 4px 4px rgba(70, 75, 97, 0.3);border-radius: 600px;height: 46px;border: 2px solid #FFFFFF;left: 15px;} .curs-slider__block-slider .slick-arrow:hover{background-color:#FFCD04} .curs-slider__block-slider .slick-arrow.slick-next{box-shadow: 0px -4px 4px rgba(70, 75, 97, 0.3);right: 15px;left: auto;transform:rotate(180deg);} .curs-slider__block-slider .slick-dots{width: 100%;position:absolute;top:0;padding: 0 80px;margin: 0;right: -50%;display: -ms-flexbox;display: flex;transform: translateX(-50%)} .curs-slider__block-slider .slick-dots li{transition:0.4s all 0s ease-out; cursor:pointer; font-weight: 700;font-size: 13px;line-height: 16px;color: rgba(50, 56, 79, 0.71);text-align: center;text-transform: uppercase;padding: 10px 30px;margin:0;list-style:none;-ms-flex: 0 0 16.666667%;flex: 0 0 16.666667%;max-width: 16.666667%;position: relative;} .curs-slider__block-slider .slick-dots li button{display:none} .curs-slider__block-slider .slick-dots li::after{transition:0.4s all 0s ease-out; content:"";background:url(../images/tabs.png) no-repeat 0 0 / contain;position:absolute;top: 0;left: -8px;right: 0;bottom: 0;z-index: -1;width: 180px;} .curs-slider__block-slider .slick-dots li.slick-active::after{background-image:url(../images/tabs-y.png)} .curs-slider__block-slider .slick-dots li.slick-active, .curs-slider__block-slider .slick-dots li:hover{color:#3B4058} @media (max-width:1229px){ .wrapper__curs-slider{padding:55px 0} .curs-slider__block{padding: 25px 30px 30px;} .curs-slider__block-left{-ms-flex: 0 0 60px;flex: 0 0 60px;max-width: 60px; font-size: 46px;line-height: 40px} .curs-slider__block-right{font-size: 14px; line-height: 22px; -ms-flex: 0 0 calc(100% - 60px); flex: 0 0 calc(100% - 60px); max-width: calc(100% - 60px);} .curs-slider__title{padding-bottom: 10px;font-size: 16px;line-height: 20px} .curs-slider__num-slide{padding-top:20px; font-size: 26px; line-height: 26px} .curs-slider__block-slide{padding: 75px 15px 15px} .curs-slider__block-slider .slick-arrow{bottom: 10px; width: 60px; height: 36px} .curs-slider__block-slider .slick-dots{padding: 0 30px} .curs-slider__block-slider .slick-dots li{font-size: 12px;line-height: 15px;padding: 7px 24px} .curs-slider__block-slider .slick-dots li::after{left: -5px; width: 160px;} } @media (max-width:991px){ .curs-slider__block-slide{padding:60px 15px 15px} .wrapper__curs-slider{padding:35px 0} .curs-slider__block{padding: 20px 25px 25px;} .curs-slider__block-slider .slick-dots{padding: 0 30px} .curs-slider__block-slider .slick-dots li{font-size: 10px;line-height: 13px;padding: 5px 12px;} .curs-slider__block-slider .slick-dots li::after{left: -5px;width: 120px;height: 35px} .curs-slider__block-left{-ms-flex: 0 0 50px;flex: 0 0 50px;max-width: 50px; font-size: 42px;line-height: 32px} .curs-slider__block-right{-ms-flex: 0 0 calc(100% - 50px); flex: 0 0 calc(100% - 50px); max-width: calc(100% - 50px);} .curs-slider__num-slide {padding-top: 23px;font-size: 22px;line-height: 24px} } @media (max-width:767px){ .curs-slider__block-slide{padding:85px 15px 15px} .wrapper__curs-slider{padding:35px 0} .curs-slider__block{padding: 20px 25px 25px;} .curs-slider__block-slider .slick-dots{-ms-flex-pack: justify; justify-content: space-between; padding: 0 25px; -ms-flex-wrap: wrap; flex-wrap: wrap;} .curs-slider__block-slider .slick-dots li{background:#EEEEEE; -ms-flex: 0 0 32%;flex: 0 0 32%;max-width: 32%; font-size: 11px;line-height: 32px !important;padding: 0 10px; margin:0 0 7px} .curs-slider__block-slider .slick-dots li::after{display:none} .curs-slider__block-slider .slick-dots li.slick-active{background:#FFD200} .curs-slider__block-left{-ms-flex: 0 0 50px;flex: 0 0 50px;max-width: 50px; font-size: 42px;line-height: 32px} .curs-slider__block-right{-ms-flex: 0 0 calc(100% - 50px); flex: 0 0 calc(100% - 50px); max-width: calc(100% - 50px);} .curs-slider__num-slide {padding-top: 23px;font-size: 22px;line-height: 24px} } @media (max-width:575px){ .curs-slider__block-slide{padding:135px 15px 15px} .wrapper__curs-slider{padding:30px 0} .curs-slider__block{padding: 15px 20px 20px;} .curs-slider__block-slider .slick-dots{padding: 0 15px} .curs-slider__block-slider .slick-dots li{-ms-flex: 0 0 49%;flex: 0 0 49%;max-width: 49%; font-size: 12px;line-height: 36px !important;padding: 0 10px; margin:0 0 7px} .curs-slider__title{font-size: 15px;line-height: 18px} .curs-slider__block-left{-ms-flex: 0 0 40px;flex: 0 0 40px;max-width: 40px; font-size: 32px;line-height: 28px} .curs-slider__block-right{-ms-flex: 0 0 calc(100% - 40px); flex: 0 0 calc(100% - 40px); max-width: calc(100% - 40px);} .curs-slider__num-slide {padding-top: 23px;font-size: 22px;line-height: 24px} } @media (max-width:380px){ .curs-slider__block-slide {padding: 125px 15px 15px} .curs-slider__block-slider .slick-dots li{font-size: 11px;line-height: 32px !important;padding: 0 5px;} } @media (max-width:330px){ .curs-slider__block-slide {padding: 110px 15px 15px} .curs-slider__block-slider .slick-dots li{font-size: 10px;line-height: 28px !important;padding: 0 5px;} } .wrapper__oleg{background:#F7F7F7 url(../images/oleg-bg.png) no-repeat top center} .wrapper__oleg .row{height:680px} .oleg__text{background:url(../images/oleg-text.png) no-repeat 0 0 / contain;width:100%;padding: 10px 20px 45px 40px;font-weight: 600;font-size: 17px;line-height: 21px;color: #3B4058;margin: 15px 0 10px -15px;} .oleg__old-year{font-size: 18px;line-height: 22px;text-transform: uppercase;color: #3B4058;margin-bottom: 20px;} .wrapper__oleg ul{padding:0; margin:0} .wrapper__oleg ul li{padding: 0 0 30px 40px;margin:0;list-style:none;font-size: 16px;line-height: 19px;background: url(../images/big-flash.svg) no-repeat left top / auto 22px;color: #3B4058;} .oleg__status{position:relative; padding-left:40px; font-weight: 700;font-size: 18px;line-height: 22px;color: #3B4058;} .oleg__status::after{background:url(../images/cup.svg) no-repeat left center / contain;content:"";width:46px;height:46px;left: -13px;top: -2px;position: absolute;} .wrapper__oleg .because-videokursy__heading{max-width:100%} @media (max-width:1229px){ .wrapper__oleg .row{height: 530px;} .oleg__text{padding: 5px 20px 35px 25px;font-size: 15px;line-height: 18px} .oleg__old-year{font-size: 16px;line-height: 20px;margin-bottom: 15px;} .wrapper__oleg ul li{padding: 0 0 15px 25px;font-size: 14px;line-height: 17px;background: url(../images/big-flash.svg) no-repeat left top / auto 19px} .oleg__status{padding-left: 25px;font-size: 16px;line-height: 20px} .oleg__status::after{width: 38px;height:46px;left: -17px;top: -4px} } @media (max-width:991px){ .wrapper__oleg .row{height: auto; padding:35px 0 0} .oleg__text{font-size: 15px;line-height: 18px;max-width: 550px;text-align: left;margin: 15px auto 10px;} .oleg__old-year{font-size: 16px;line-height: 20px;margin-bottom: 15px;} .wrapper__oleg ul li{padding: 0 0 15px 25px;font-size: 14px;line-height: 17px;background: url(../images/big-flash.svg) no-repeat left top / auto 19px;display: inline-block;} .oleg__status{padding-left: 25px;font-size: 16px;line-height: 20px} .oleg__status::after{width: 38px;height:46px;left: -17px;top: -4px} .wrapper__oleg img{width:100%; max-width:360px; margin-top:30px} } @media (max-width:575px){ .wrapper__oleg .row{padding:25px 0 0} .oleg__text{font-size: 14px;line-height: 16px;text-align: center;margin: 15px auto;background:#FFCD04;padding: 15px;} .wrapper__oleg ul li{text-align:left; display:block;} .oleg__status{font-size: 14px; line-height: 18px; text-align:left} .oleg__status::after {width: 26px;height: 26px;left: -9px;top: 3px} } @media (max-width:420px){ .wrapper__oleg img {max-width: 250px;margin-top: 20px} } .wrapper__autorcurs{padding:85px 0; overflow:hidden} .wrapper__autorcurs .because-videokursy__heading{max-width:100%} .because-videokursy__heading-yellow{display: inline-block !important;background:#FFD200;padding: 7px 10px !important;margin-top: 10px;margin-bottom: 30px;} .wrapper__autorcurs ul{padding:0; margin:0} .wrapper__autorcurs ul li{padding:0;margin:0;list-style:none;font-size: 16px;line-height: 19px;color: #3B4058;position:relative;min-height: 38px;} .wrapper__autorcurs ul li::after{width:10px;height:10px;background:#FFCD04;border-radius:100%;content:"";position:absolute;right:-20px;top: 3px;} .wrapper__autorcurs ul li strong{text-transform:uppercase} .wrapper__autorcurs ul.autorcurs__right li::after{right:auto; left:-20px} .wrapper__autorcurs ul.autorcurs__left li:nth-child(1){transform: translateX(80px)} .wrapper__autorcurs ul.autorcurs__left li:nth-child(2){transform: translateX(-10px)} .wrapper__autorcurs ul.autorcurs__left li:nth-child(3){transform: translateX(-50px)} .wrapper__autorcurs ul.autorcurs__left li:nth-child(4){transform: translateX(-30px)} .wrapper__autorcurs ul.autorcurs__left li:nth-child(5){transform: translateX(40px)} .wrapper__autorcurs ul.autorcurs__right li:nth-child(1){transform: translateX(-80px)} .wrapper__autorcurs ul.autorcurs__right li:nth-child(2){transform: translateX(10px)} .wrapper__autorcurs ul.autorcurs__right li:nth-child(3){transform: translateX(50px)} .wrapper__autorcurs ul.autorcurs__right li:nth-child(4){transform: translateX(30px)} .wrapper__autorcurs ul.autorcurs__right li:nth-child(5){transform: translateX(-40px)} @media (max-width:1229px){ .wrapper__autorcurs{padding:65px 0} .wrapper__autorcurs ul li{font-size: 14px;line-height: 18px;min-height: auto;} } @media (max-width:991px){ .wrapper__autorcurs{padding:45px 0 25px} .wrapper__autorcurs ul li{font-size: 16px;line-height: 20px} .wrapper__autorcurs ul li{transform: translateX(0) !important; padding:0 0 15px} .because-videokursy__heading-yellow{margin-bottom:10px} .wrapper__autorcurs ul li::after{display:none} .wrapper__autorcurs img{margin:15px auto 0; max-width:350px; display:block} } @media (max-width:575px){ .wrapper__autorcurs{padding:35px 0 25px} .wrapper__autorcurs ul li{font-size: 14px} .wrapper__autorcurs ul li{padding:0 0 10px 20px; text-align:left !important} .wrapper__autorcurs ul li::after{display:block; left:0; right:auto} .wrapper__autorcurs ul.autorcurs__right li::after {right: auto;left: 0 !important; width:8px; height:8px; top:6px} .wrapper__autorcurs img{max-width:300px; width:100%} } .wrapper__whatcurs{padding-top:55px; background:#F7F7F7 url(../images/oleg-bg.png) no-repeat top center;} .wrapper__whatcurs .because-videokursy__heading{max-width:100%} .whatcurs__small-title{display:inline-block; font-weight: 700; font-size: 18px; line-height: 36px; text-transform: uppercase; color: #F28D00; border: 1px dashed #F28D00; padding:0 15px; margin-bottom:25px} .whatcurs__medium-title{font-size: 18px; line-height: 27px;color: #2B2E3D;} .whatcurs__medium-title span{font-size: 120%;font-weight: 800;} .whatcurs__numbers{white-space: nowrap; font-weight: 800; font-size: 33px; line-height: 36px; text-transform: uppercase; color: #2B2E3D; padding-bottom:5px} .whatcurs__small-info{font-size: 16px;line-height: 19px;color: #3B4058;} .wrapper__whatcurs .col-3{-ms-flex: 0 0 29.1666665%;flex: 0 0 29.1666665%;max-width:29.1666665%;} @media (max-width:1229px){ .wrapper__whatcurs{padding-top:40px;} .whatcurs__small-title{font-size: 16px; line-height: 32px; padding:0 10px; margin-bottom:20px;} .whatcurs__medium-title{font-size: 16px; line-height: 24px;padding-bottom: 5px;} .whatcurs__numbers{font-size: 25px; line-height: 33px; padding-bottom:5px;} .whatcurs__small-info{font-size: 14px;line-height: 17px;} } @media (max-width:991px){ .wrapper__whatcurs img{max-width:360px; width:100%} } .wrapper__vidiocurs-tarif{background:url(../images/video-kur-tarif-bg.png) no-repeat bottom center / cover; padding-top:55px; padding-bottom:150px} .wrapper__vidiocurs-tarif .solutions__block.center-solutions{transition:0.4s all 0s ease-out; border-radius:0px; box-shadow:0 0 0 3px #FFCD04} .wrapper__vidiocurs-tarif .solutions__crm-heading.title-form{text-align:center;font-size:30px;font-weight:700;text-transform:uppercase;min-height: 78px;} .wrapper__vidiocurs-tarif .solutions__crm-heading small{font-weight:700; display:block; color:#fff !important; font-size:45%} .center-solutions__gray .solutions__crm-heading, .center-solutions__gray .solutions__crm-heading::after{background:#3B4058} .center-solutions__gray .solutions__crm-heading span{color:#FFCD04} .vidiocurs-tarif__text{min-height:210px; font-weight: 700; font-size: 16px; line-height: 19px; text-align: center; color: #322F33} .vidiocurs-tarif__text span{font-weight: 400; display:block} .vidiocurs-tarif__prices{text-align:center; padding:15px 0; border-top:1px dashed rgba(50,47,51,0.3)} .vidiocurs-tarif__prices-title{font-size: 16px;line-height: 26px;text-align: center;text-transform: uppercase;color: #2B2E3D;} .vidiocurs-tarif__prices-title span{font-weight:700; color:#F28D00} .vidiocurs-tarif__prices-num{font-weight:800; color:#2B2E3D; font-size: 26px;line-height: 26px;} .color-gret-tarif .vidiocurs-tarif__prices-title, .color-gret-tarif .vidiocurs-tarif__prices-num{color:rgba(43,46,61,0.4); text-transform:none} .tarif-action__bottom{padding:0 90px;height: 195px;border: 6px solid #FFCD04;} .tarif-action__bottom .h1{font-weight: 800;font-size: 36px;line-height: 44px;text-transform: uppercase;color: #FFCD04;position:relative} .tarif-action__bottom .h1::before {background: url(../images/flash-h1.png) no-repeat 0 0 / contain;position: absolute;content: "";width: 100px;height: 165px;left: -98px;top: -22px;pointer-events: none;} .tarif-action__bottom .h1 span{color:#fff; font-size:80%; font-weight:400} .tarif-action__bottom-price{font-size: 24px;line-height: 29px;text-transform: uppercase;color: #FFCD04} .tarif-action__bottom-price span{color:#fff; font-weight:800; text-transform:none} .tarifs__wrap-block{padding:15px 0; border-top:1px dashed rgba(50,47,51,0.3)} .wrap-block__old-line-trought{font-size: 22px;line-height: 26px;text-decoration-line: line-through;color: rgba(43, 46, 61, 0.4)} .wrap-block__old-marker{width: 50px;line-height: 24px;background: #F28D00;border-radius: 3px;text-align:center;font-weight: 700;font-size: 14px;color: #FFFFFF;display:inline-block;vertical-align: 2px;margin-left: 5px;} .wrap-block__new{font-weight: 700; font-size: 26px; line-height: 26px; color: #2B2E3D} .wrap-block__price{text-align:center; margin-top:20px; line-height:34px; background: #FFCD04;border-radius: 3px; width:100%; font-weight: 600;font-size: 16px;color: #3B4058} .wrapper__vidiocurs-tarif .solutions__block.center-solutions:hover{box-shadow: 0 0 0 3px #F28D00;} @media (max-width:1229px){ .wrapper__vidiocurs-tarif{padding-top:40px; padding-bottom:100px} .wrapper__vidiocurs-tarif .solutions__crm-heading.title-form{font-size:24px;min-height: 69px;} .vidiocurs-tarif__prices-title {font-size: 14px;line-height: 24px} .vidiocurs-tarif__prices-num {font-size: 24px;line-height: 24px} .vidiocurs-tarif__text {min-height: 185px; font-size: 14px; line-height: 17px} .tarif-action__bottom{padding:0 30px 0 90px;height: 165px;border: 5px solid #FFCD04;} .tarif-action__bottom .h1{font-size: 32px;line-height:38px} .tarif-action__bottom-price{font-size: 22px;line-height: 26px} .tarifs__wrap-block{padding:10px 0} .wrap-block__old-line-trought{font-size: 20px;line-height: 24px;} .wrap-block__old-marker{width: 45px;line-height: 22px;font-size: 12px;vertical-align: 2px;margin-left: 3px;} .wrap-block__new{font-size: 24px; line-height: 24px} .wrap-block__price{margin-top:15px; line-height:32px; font-size: 14px} } @media (max-width:991px){ .wrapper__vidiocurs-tarif .solutions__block{margin-bottom:30px} .wrapper__vidiocurs-tarif{padding-top:40px; padding-bottom:100px} .vidiocurs-tarif__text {min-height: 130px} .tarif-action__bottom{padding:30px;height: auto; text-align:center} .tarif-action__bottom .h1::before{display:none} .tarif-action__bottom .videokurs__banner-btn{margin:30px auto 0 !important} } @media (max-width:767px){ .wrapper__vidiocurs-tarif .solutions__block{margin-bottom:20px} .wrapper__vidiocurs-tarif{padding-top:30px; padding-bottom:30px} .vidiocurs-tarif__text {min-height: 170px} .tarif-action__bottom{padding:20px} .tarif-action__bottom .videokurs__banner-btn{margin:20px auto 0 !important} } @media (max-width:575px){ .vidiocurs-tarif__text {min-height: auto; padding-bottom:30px} } .wrapper__reviews-videokurs{} .wrapper__reviews-videokurs .widget__title{padding-bottom:0} .videokurs__banner-last{padding-bottom:90px} .videokurs__banner-last .h1{text-transform:uppercase;font-weight:700;font-size:30px;margin: 0 0 10px 0; padding:0} .videokurs__banner-last .h1::before{display:none} .videokurs__banner-last img{max-width:133px; margin: 0 0 -30px 0;} .videokurs__banner-last.banner__ofer .row{height:auto} .videokurs__banner-last input{width: 380px; height: 56px; background: #FFFFFF; box-shadow: inset 0px 4px 4px rgba(0, 0, 0, 0.25); border-radius: 60px; font-size: 16px; color: #404040; padding:0 40px; border:none} .videokurs__banner-last button{width:260px; margin:20px auto 0; display:block; cursor:pointer;} @media (max-width:991px){ .videokurs__banner-last .h1{font-size:26px} .videokurs__banner-last{padding-bottom:60px} .normalForm div.d-sm-flex div{width:50%} .videokurs__banner-last input{width: 100%; padding:0 20px; height: 50px} } @media (max-width:767px){ .videokurs__banner-last{padding-bottom:50px; padding-top:0} .videokurs__banner-last .h1{font-size:24px} } @media (max-width:575px){ .normalForm div.d-sm-flex div{width:100%} .videokurs__banner-last .h1{font-size:22px} } .banner-wrapper__text-top {overflow: hidden;padding: 120px 0 40px;background: #3B4058 url(../images/new-banner.png) no-repeat top center} .banner-wrapper__text-top.wrapper__oleg ul li, .banner-wrapper__text-top.wrapper__oleg .because-videokursy__heading, .banner-wrapper__text-top.wrapper__oleg .oleg__old-year{color:#fff} .banner-wrapper__text-top.wrapper__oleg .oleg__old-year{margin:10px 0 30px} .banner-wrapper__text-top.wrapper__oleg .row{height:auto; } @media (max-width:991px){ .banner-wrapper__text-top {padding: 60px 0 20px} } @media (max-width:767px){ .banner-wrapper__text-top {padding: 120px 0 30px} } @media (max-width:575px){ .banner-wrapper__text-top {padding: 70px 0 30px} }