@import "fonts.css?v=2"; body{ margin: 0; padding: 0; font-size: 16px; min-width: 320px; font-family: Roboto; } body.show__popup{ position: relative; overflow-y: hidden; width: 100%; top: 0; left: 0; } input, button, textarea{ outline: none!important; font-size: 1em; font-family: Roboto; } a{ color: inherit; text-decoration: none!important; } .rouble:after{ content:" у"; font-size: 90%; font-weight: 300; line-height: 1; color: inherit; font-family: PTRoubleSans; } .slick-slide{ outline: none; } .button{ border: 1px solid rgba(0,185,114,1); font-size: 1em; line-height: 1.18; color: rgba(0,185,114,1); font-family: Roboto; text-transform: uppercase; cursor: pointer; display: inline-block; transition-duration: .3s; -webkit-transition-duration: .3s; padding: 20px 42px; border-radius: 8px; text-align: center; } .button:hover{ transition-duration: .3s; -webkit-transition-duration: .3s; } .button.mini{ font-family: 'Open Sans'; font-size: .9em; line-height: 1.35; padding: 18px 42px; } .button.green{ color: rgba(0,185,114,1)!important; border: 1px solid rgba(0,185,114,1); background-color: transparent; } .button.green.solid{ background-color: #00BE5E; color: #fff!important; } .button.green:hover{ background-color: #00BE5E; color: #fff!important; box-shadow: 0 2px 24px 0 #00BE5E; } .button.blue{ border: 1px solid #1C75F9; background-color: transparent; color: #1C75F9; } .button.blue:hover{ background-color: #1C75F9; color: #fff; } .button.white{ border: 1px solid #fff; background-color: #fff; color: rgba(87,116,221,1)!important; } .button.white:hover{ box-shadow: 0 0 20px 0 rgba(255,255,255,0.5); } .button.purple{ border: 1px solid rgba(112,96,251,1); background-color: rgba(112,96,251,1); color: #fff!important; box-shadow: 0 0 20px 0 rgba(112,96,251,0.5); } .button.purple:hover{ box-shadow: 0 2px 24px 0 rgba(112,96,251,1); } .button.gray{ border-color: rgba(232,232,232,1); color: rgba(195,195,195,1)!important; } .button.gray:hover{ background-color: rgba(195,195,195,1); color: #fff!important; } [data-popup]{ cursor: pointer; } .wrapper{ position: relative; } /*popup*/ .popup__block{ position: fixed; top: -9999px; left: 0; background-color: rgba(0,0,0,.75); width: 100%; height: 100vh; transition-duration: .5s; -webkit-transition-duration: .5s; z-index: -1; overflow-y: auto; } .popup__block.active{ top: 0; z-index: 9999; transition-duration: .5s; -webkit-transition-duration: .5s; } .popup__block .container{ min-height: 100%; align-items: center; justify-content: center; position: static; padding-top: 25px; padding-bottom: 25px; } .popup__wrapper{ position: relative; width: 100%; max-width: 756px; padding: 35px 49px 50px; border-radius: 0; background-color: #fff; } .popup__block.mini .popup__wrapper{ max-width: 460px; } .popup__wrapper form{ position: relative; } .popup__close{ position: absolute; top: 20px; right: 20px; width: 29px; cursor: pointer; } .popup__heading{ font-size: 1.68em; line-height: 1.18; color: #2D2D2D; font-weight: 500; font-family: 'MuseoSansCyrl'; } .popup__text{ margin: 14px 0 0; color: #545454; font-weight: 300; font-size: 1.125em; line-height: 1.44; } .popup__block .formfield{ } .popup__block .formfield button{ width: auto; margin: 26px 0 0; border-radius: 8px; text-transform: none; padding: 20px 67px; } .popup__block .formfield button[disabled]{ opacity: .5; } .popup__bglay{ top: 0; left: 0; width: 100%; height: 100%; cursor: pointer; position: absolute; } /*popup*/ /*callback popup*/ .callback .popup__wrapper{ padding: 40px 70px 70px; max-width: 405px!important; border: 1px solid #F1F1F1; } .callback .popup__heading{ text-align: center; line-height: 1.14; font-size: 1.75em; color: #585858; font-weight: 500; margin: 0 0 17px; font-family: 'Roboto'; } .callback .formfield .input__wrapper.error .input:before{ right: 20px; } .callback .formfield .input__wrapper.error .input:before{ content: "Ошибка"; } .popup__block.callback .formfield button{ margin: 100px 0 0; width: 100%; text-transform: none; display: block; padding: 15px 20px; } .popup__block.callback .form__success{ padding: 60px 0 80px; } .popup__block.callback .form__success__heading{ color: #585858; } .popup__block.callback .form__success__text{ color: #585858; } /*callback popup*/ /*forms*/ .formfield{ padding: 25px 0 0; } .formfield.hidden{ display: none; } .formfield .input__wrapper{ position: relative; /*padding: 25px 0 0;*/ border-radius: 5px; } .formfield .label{ top: calc(50%); left: 20px; transform: translateY(-50%); -webkit-transform: translateY(-50%); position: absolute; font-size: 1em; line-height: 1; color: #848484; transition-duration: .15s; -webkit-transition-duration: .15s; font-weight: 300; } .formfield .input__wrapper.textarea .label{ top: 50px; } .formfield .input__wrapper.full .label, .formfield .input__wrapper.focus .label{ top: -10px; left: 0; font-size: .75em; color: #BEBEBE; font-weight: 500; transition-duration: .15s; -webkit-transition-duration: .15s; } .formfield .input__wrapper.focus .label{ color: #00B972; } .formfield .label sup{ color: #E33F3F; } .formfield .input{ position: relative; } .formfield .input input{ width: 100%; border: 1px solid rgba(190,190,190,1); border-radius: 5px; padding: 15px 20px; background-color: #fff; font-size: .93em; line-height: 1.2; color: rgba(0,0,0,.6); } .formfield .input__wrapper.error .input:before{ content:'Требуется заполнить'; position: absolute; background-color: #fff; color: #FF6A6A; display: block; padding: 5px 12px; font-size: .625em; right: 40px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); box-shadow: 0 2px 4px 0 rgba(66,66,66,0.5); border-radius: 5px; } .formfield .input__wrapper.error{ border-color: #FF6A6A; box-shadow: 0 0 0 5px #FF6A6A; } .calc__formfield .value.error:before{ content:'Требуется заполнить'; position: absolute; background-color: #fff; color: #FF6A6A; display: block; padding: 5px 12px; font-size: .625em; right: 15px; top: 70%; transform: translateY(-50%); -webkit-transform: translateY(-50%); box-shadow: 0 0 5px 0 rgba(0,0,0,0.25); border-radius: 5px; } .calc__formfield .value.error{ border-color: #FF6A6A; box-shadow: 0 0 0 5px #FF6A6A; } /*.calc__formfield .value:not(.error):hover input{ border: 1px solid #00B972; }*/ .formfield .input input:focus{ border-color: #00B972; box-shadow: 0 0 0 1px #00B972; } .formfield button{ margin: 20px 0 0; width: 100%; border-width: 1px!important; border-radius: 8px; } .formfield .input textarea{ width: 100%; border: 1px solid rgba(190,190,190,1); border-radius: 5px; padding: 13px 20px; background-color: #fff; font-size: .93em; line-height: 1.2; color: rgba(0,0,0,.6); resize: none; } .formfield .input textarea:focus{ border-color: #00B972; box-shadow: 0 0 0 1px #00B972; } .formfield .input .select2-container--default .select2-selection--single .select2-selection__rendered{ font-weight: 300; } .form__annotations{ color: #727272; font-size: .75em; line-height: 2.41; } .form__annotations sup{ color: #E33F3F; } /*forms*/ /*terms block*/ .terms__switch.owl-carousel .owl-stage-outer{ width: 100%; } .terms__switch.owl-carousel .owl-stage-outer .owl-stage{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: flex; -webkit-flex-wrap: nowrap; -moz-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .terms__switch .item{ white-space: nowrap; } /*terms block*/ /*Calc Block*/ .calc__block.bank-guarantee{ background-image: url(/assets/images/bank-guarantee.png); background-repeat: no-repeat; background-size: cover; } .calc__switch{ border-bottom: 2px solid #E0E0E0; } .calc__switch.owl-carousel .owl-stage-outer{ width: 100%; } .calc__switch.owl-carousel .owl-stage-outer .owl-stage{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: flex; -webkit-flex-wrap: nowrap; -moz-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .calc__switch .item{ padding: 8px 0 12px; margin: 0 46px 0 0; font-size: 1.125em; line-height: 1.6; color: rgba(71,71,71,.6); cursor: pointer; position: relative; font-family: 'MuseoSansCyrl'; white-space: nowrap; } .calc__switch .item.active{ color: rgba(71,71,71,1); } .calc__switch .item.active:before{ content: ""; display: block; position: absolute; width: 100%; height: 5px; bottom: -3px; left: 0; background-color: #00B972; } .calc__content{ padding: 20px 0 0; } .calc__formfield{ margin: 0 0 14px; position: relative; } .calc__formfield:last-of-type{ margin: 0; } .calc__formfield .label{ color: rgba(71,71,71,1); font-weight: 300; font-size: 1em; line-height: 1.81; margin: 0 0 5px; } .calc__formfield .value{ padding: 0 6px; border: 1px solid rgba(190,190,190,1); border-radius: 10px; background-color: #fff; } .calc__formfield .value.select{ border: none; padding: 0; } .calc__formfield .input__wrapper{ padding: 0 13px; color: #A9A9A9; } .calc__formfield.focus .value{ border-color: #00B972; } .calc__formfield .value input{ border: none; line-height: 50px; height: 50px; overflow: visible; /*color: rgba(71,71,71,1);*/ color: inherit; font-size: 1.125em; background: transparent; font-weight: 500; } .calc__formfield:hover .input__wrapper, .calc__formfield.focus .input__wrapper{ color: #474747; } .calc__formfield .value .rouble:after{ font-size: 100%; } .calc__formfield .slider__place{ position: absolute; bottom: 0px; left: 10px; right: 10px; } .calc__formfield .noUi-base{ background: rgba(0,185,114,1); } .calc__formfield .noUi-origin{ background: rgba(190,190,190,1); border-radius: 0; } .calc__formfield .noUi-horizontal{ height: 1px; } .calc__formfield .noUi-handle{ border-radius: 50%; width: 20px; height: 20px; } .calc__formfield .noUi-horizontal .noUi-handle{ top: -10px; left: -9px; box-shadow: 0 7px 10px 0 rgba(82,82,82,0.2); } .calc__formfield .noUi-horizontal .noUi-handle:hover{ box-shadow: 0 7px 10px 0 rgba(0,185,114,.2); } .calc__formfield .noUi-horizontal .noUi-handle:after{ content:""; display: block; width: 10px; height: 10px; top: 50%; left: 50%; border-radius: 50%; position: absolute; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); background: rgba(0,185,114,1); } .calc__formfield .noUi-handle:before{ content:""; } .calc__formfield .select .select2{ width: 100%!important; } .calc__formfield .select .select2-container .select2-selection--single{ height: 45px; background-color: #fff; border: 1px solid rgba(190,190,190,1); border-radius: 10px; outline: none; } .calc__formfield .select .select2-container .select2-selection--single{ height: 53px; } .calc__formfield .select .select2-container .select2-selection--single:hover{ border: 1px solid rgba(0,185,114,1); } .calc__formfield .select .select2-container--default .select2-selection--single:hover .select2-selection__arrow b{ border-top-color: rgba(0,185,114,1); } .calc__formfield .select .select2-container.select2-container--open .select2-selection--single{ border: 1px solid rgba(0,185,114,1); background-color: #fff; } .calc__formfield .select .select2-container.select2-container--open.select2-container--focus .select2-selection--single{ border-width: 2px; } .calc__formfield .select .select2-container--default .select2-selection--single .select2-selection__rendered{ line-height: 43px; color: rgba(0,0,0,.6); padding-left: 22px; padding-right: 60px; font-size: 1em; } .calc__formfield .select .select2-container--default .select2-selection--single .select2-selection__rendered{ line-height: 51px; } .calc__formfield .select .select2-container--default.select2-container--open .select2-selection--single .select2-selection__rendered{ color: #4E4E4E; } .calc__formfield .select .select2-container--default .select2-selection--single .select2-selection__arrow{ height: 45px; line-height: 51px; width: 45px; border-left: none; } .calc__formfield .select .select2-container--default .select2-selection--single .select2-selection__arrow{ height: 55px; } .calc__formfield .select .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow{ border-left-color: rgba(0,185,114,1); } .calc__formfield .select .select2-container--default .select2-selection--single .select2-selection__arrow b{ border-top-color: rgba(0,0,0,.6); } .calc__formfield .select .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{ border-bottom-color: rgba(0,185,114,1); } .calc__result{ height: calc(100% - 33px); margin-top: 33px; border: 1px solid rgba(190,190,190,1); border-radius: 10px; } .calc__result{ padding: 10px 25px; } .calc__result .heading{ color: rgba(71,71,71,1); font-size: 1.25em; line-height: 1.49; margin: 0 0 17px; } .calc__result__item{ margin: 0 0 7px; } .calc__result__item .label{ color: rgba(114,114,114,1); font-size: .85em; line-height: 1.5; } .calc__result__item .value{ color: rgba(0,185,114,1); font-weight: 600; font-size: 1.375em; } .calc__result__item #rate.value:after{ content:"%"; } .calc__form{ cursor: pointer; align-items: center; justify-content: center; height: calc(100% - 33px); margin-top: 33px; background: rgba(112,96,251,1); border-radius: 8px; color: #fff; font-size: 1em; font-weight: 500; /*box-shadow: 0 0 18px 0 #7060FB;*/ transition-duration: .3s; -webkit-transition-duration: .3s; } .calc__form:hover{ /*box-shadow: 0 1px 5px 0 #7060FB;*/ transition-duration: .3s; -webkit-transition-duration: .3s; } .calc__form:active{ /*box-shadow: 0 2px 2px 0 #7060FB;*/ transition-duration: .3s; -webkit-transition-duration: .3s; } .calc__form div{ text-align: center; } .calc__form img{ width: 73px; margin: 0 0 15px; } .calc__block.bank-guarantee .calc__form img{ width: 40px; } .calc__block__success{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; visibility: hidden; background-image: url(/assets/images/bank-guarantee.png); background-repeat: no-repeat; background-size: cover; z-index: 1000; text-align: center; } .calc__block.show__success .calc__block__success{ opacity: 1; visibility: visible; } .calc__block__success .container, .calc__block__success .container .row{ height: 100%; } .calc__block__success .heading{ color: #7060FB; font-size: 2.375em; line-height: 1.31; margin: 30px 0 26px; } .calc__block__success .text{ font-size: 1.375em; line-height: 1.31; color: #2D2D2D; font-weight: 300; } /*Calc Block*/ /*Advantages Block*/ .advantages__item{ position: relative; } .advantages__content__pager{ position: absolute; top: 100px; left: 115px; z-index: 1999; } .advantages__content__pager .slick-dots{ padding: 0; margin: 0; list-style: none; } .advantages__content__pager .slick-dots li{ display: inline-block; cursor: pointer; } .advantages__content__pager .slick-dots li button{ display: inline-block; font-size: 1.75em; line-height: 1.14; font-family: Roboto; color: rgba(246,246,246,1); margin: 0 9px 0 0; cursor: pointer; text-shadow: 1px 0 0 #E1E1E1, -1px 0 0 #E1E1E1, 0 1px 0 #E1E1E1, 0 -1px 0 #E1E1E1, 1px 1px #E1E1E1, -1px -1px 0 #E1E1E1, 1px -1px 0 #E1E1E1, -1px 1px 0 #E1E1E1; background: transparent; box-shadow: none; border: none; padding: 0; } .advantages__content__pager .slick-dots .slick-active button{ color: #7060FB; text-shadow: none; font-weight: 700; } .advantages__content__pager .slick-dots li button:before{ content: "0"; } .advantages__content .slick-dots{ width: 100%; text-align: center; display: block; padding: 0; margin: 0; list-style: none; } .advantages__content .slick-dots li{ display: inline-block; margin: 0 13px; } .advantages__content .slick-dots li button{ border-radius: 50%; width: 20px; height: 20px; background: #fff; border: none; box-shadow: none; color: transparent; cursor: pointer; padding: 0; transition-duration: .3s; -webkit-transition-duration: .3s; } .advantages__content .slick-dots li.slick-active button{ background: rgba(112,96,251,1); box-shadow: 0 7px 10px 0 rgba(82,82,82,0.2); position: relative; } .advantages__content .slick-dots li button:hover{ box-shadow: 0 7px 10px 0 rgba(82,82,82,0.2); transition-duration: .3s; -webkit-transition-duration: .3s; } .advantages__content .slick-dots li.slick-active button:before{ content:""; display: block; width: 10px; height: 10px; background: #fff; border-radius: 50%; top: 50%; left: 50%; position: absolute; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); } .advantages__icon .slick-list{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .advantages__icon .slick-track{ height: 100%; } .advantages__icon__item{ position: relative; } .advantages__icon .slick-arrow{ position: absolute; font-size: 60px; color: rgba(112,96,251,1); text-shadow: 1px 0 10px rgba(0,0,0,.05), -1px 0 15px rgba(0,0,0,.05), 0 1px 15px rgba(0,0,0,.05), 0 -1px 15px rgba(0,0,0,.05), 1px 1px 15px rgba(0,0,0,.05), -1px -1px 15px rgba(0,0,0,.05), 1px -1px 15px rgba(0,0,0,.05), -1px 1px 15px rgba(0,0,0,.05); top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); z-index: 1500; cursor: pointer; } .advantages__icon .slick-arrow.slick-disabled{ opacity: 0; } .advantages__icon .slick-arrow.fa-chevron-left{ left: 50px; } .advantages__icon .slick-arrow.fa-chevron-right{ right: 50px; } /*Advantages Block*/ /*Request Block*/ .request__block{ background: #FAFAFA; } .calc__block + .request__block{ margin-top: 39px; } .request__block .image{ position: relative; } .request__block .image .circle{ position: absolute; bottom: 0; width: 100%; text-align: center; } .request__block .image .circle img{ width: 90%; } .request__block .image .man{ text-align: center; position: absolute; bottom: 0; height: calc(100% + 39px); width: 100%; } .request__block .image .man img{ height: 100%; margin: 0 40px 0 0; } .request__block .content{ padding-top: 40px; padding-bottom: 70px; } .request__block .heading{ font-size: 1.75em; line-height: 1.14; color: #585858; font-weight: 500; margin: 0 0 30px; font-family: 'MuseoSansCyrl'; } .request__block .text{ color: #4A4A4A; font-size: 1.125em; line-height: 1.66; margin: 0 0 42px; font-family: 'MuseoSansCyrl'; font-weight: 500; } .request__block .btn__place .button{ text-transform: none; font-weight: 300; } /*Request Block*/ /*Rates Block*/ .rates__block{ padding-bottom: 30px; } .rates__item{ overflow: hidden; border-radius: 10px; flex-direction: row; padding: 0; margin: 0 0 20px; } .rates__item:hover{ outline: none; border-color: #00BE5E; } .rates__item .info{ padding-top: 26px; padding-bottom: 26px; } .rates__item:hover .info{ background: #00BE5E; } .rates__item .name{ color: #2D2D2D; font-size: 1.5em; font-weight: 500; line-height: 1.25; text-transform: none; font-family: 'MuseoSansCyrl'; } .rates__item:hover .name{ color: #fff; } .rates__item .preview{ font-size: .85em; color: #5D5D5D; font-weight: normal; margin: 0 auto 7px; text-transform: none; } .rates__item:hover .preview{ color: #fff; } .rates__item .content{ border-top: none; padding: 31px 50px 0; border-left: 1px solid rgba(232,232,232,1); border-right: 1px solid rgba(232,232,232,1); } .rates__item:hover .content{ border-color: #00BE5E; } .rates__item .heading{ color: #2D2D2D; font-weight: 500; font-size: 1.25em; line-height: 1.2; font-family: 'MuseoSansCyrl'; } .rates__item .footer{ margin: 0; align-items: center; padding: 0; justify-content: center; position: relative; } .rates__item .footer .btn__place{ position: absolute; top: 50%; left: 50%; margin: 0; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); } .rates__item .footer .btn__place .button{ white-space: nowrap; } /*Rates Block*/ /*catalog block*/ .catalog__block{ background-color: #3C3C3C; padding-top: 21px; padding-bottom: 37px; } .catalog__heading{ color: #FFFFFF; font-size: 2.375em; font-weight: 500; line-height: 1.84; font-family: 'MuseoSansCyrl'; } .catalog__list{ margin-top: 12px; } .catalog__list.owl-carousel .owl-stage{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .catalog__item{ height: 100%; border-radius: 0; background-color: #FFFFFF; position: relative; } .catalog__item a{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; cursor: pointer; } .catalog__item__image{ background-size: cover; background-repeat: no-repeat; background-position: center; } .catalog__item__image:before{ content:""; display: block; padding-top: 68%; } .catalog__item__content{ padding: 14px 21px 34px; } .catalog__item__content .name{ color: #4A4A4A; font-size: 1.25em; line-height: 1.55; } .catalog__item__content .props__list{ margin-top: 10px; } .catalog__item__content .props__item{ font-size: 1em; line-height: 1.93; } .catalog__item__content .props__item span{ white-space: nowrap; text-overflow: ellipsis; } .catalog__item__content .props__item .label{ color: #909090; width: 40%; } .catalog__item__content .props__item .value{ color: #4A4A4A; width: 60%; } .catalog__item__content .props__item .value.price{ color: #00B972; font-weight: 700; } .catalog__item__content .props__item .value.price:after{ content: "\0020BD"; display: inline-block; margin: 0 0 0 7px; font-weight: 600; } .catalog__arrow{ margin-top: 20px; } .catalog__arrow__item{ width: 50px; height: 50px; background-color: #fff; position: relative; cursor: pointer; } .catalog__arrow__item img{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); width: 19px; } .catalog__arrow__item.right{ margin-left: 18px; } /*catalog block*/ /*catalog detail*/ .catalogdetail__block{ padding-bottom: 40px; } .catalogdetail__heading{ padding-top: 12px; padding-bottom: 8px; color: #393939; font-family: 'MuseoSansCyrl'; font-size: 2.375em; line-height: 1.84; } .catalogdetail__gallary ul{ padding: 0; margin: 0; } .catalogdetail__gallary ul li{ background-position: center; background-size: cover; background-repeat: no-repeat; } .catalogdetail__gallary ul li:before{ content: ""; display: block; height: 400px; } .catalogdetail__gallary__prev{ cursor: pointer; opacity: .5; position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); left: 15px; z-index: 2; transition-duration: .3s; -webkit-transition-duration: .3s; } .catalogdetail__gallary:hover .catalogdetail__gallary__prev{ opacity: 1; transition-duration: .3s; -webkit-transition-duration: .3s; } .catalogdetail__gallary__prev i{ font-size: 2.5em; color: rgba(0,185,114,1); } .catalogdetail__gallary__next{ cursor: pointer; opacity: .5; position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); right: 15px; z-index: 2; transition-duration: .3s; -webkit-transition-duration: .3s; } .catalogdetail__gallary:hover .catalogdetail__gallary__next{ opacity: 1; transition-duration: .3s; -webkit-transition-duration: .3s; } .catalogdetail__gallary__next i{ font-size: 2.5em; color: rgba(0,185,114,1); } .catalogdetail__tumbs{ height: 100%; } .catalogdetail__tumbs ul{ padding: 0; margin: 0; } .catalogdetail__tumbs ul li{ width: 100%; position: relative; background-position: center; background-size: cover; background-repeat: no-repeat; margin-bottom: 20px; cursor: pointer; border: none!important; } .catalogdetail__tumbs ul li:before{ content:""; display: block; padding-top: 72%; } .catalogdetail__tumbs ul li:not(.slick-current):after{ content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(248,248,248,.8); z-index: 2; } .catalogdetail__content{ padding: 10px 20px; height: 100%; border-radius: 10px; border: 1px solid #F1F1F1; } .catalogdetail__content .props .prop{ font-size: .85em; line-height: 2.07; font-weight: 300; justify-content: space-between; } .catalogdetail__content .props .prop .label{ color: #A7A7A7; } .catalogdetail__content .props .prop .value{ color: #545454; text-align: right; } .catalogdetail__block .description{ font-size: 1em; line-height: 1.625; margin: 25px 0 0; font-weight: 300; color: #474747; } @media screen and (max-width: 767px){ .catalogdetail__block .description{ overflow: hidden; max-height: 10000px; } .catalogdetail__block .description.hide{ max-height: 300px; } } .btn__place.description__button{ margin-top: 25px; padding: 0 20px; } .btn__place.description__button a{ text-align: center; color: #00BE5E; display: block; text-decoration: dashed!important; } .catalogdetail__price{ height: 100%; padding-right: 15px; } .catalogdetail__price .price:after{ content: "\0020BD"; display: inline-block; margin: 0 0 0 7px; font-weight: 600; } .catalogdetail__price .full__price{ text-align: center; border-radius: 10px; border: 1px solid #F1F1F1; color: #A7A7A7; font-size: .85em; line-height: 1; font-weight: 300; padding: 17px 0; } .catalogdetail__price .full__price .price{ color: #7060FB; font-size: 1.5rem; line-height: 1.2; font-weight: 700; } .catalogdetail__price .full__price .empty{ color: #7060FB; font-size: 1.375rem; line-height: 1.2; font-weight: 500; } .catalogdetail__price .full__price .label{ margin-top: 5px; } .catalogdetail__price .leasing__price{ text-align: center; border-radius: 10px; border: 1px solid #F1F1F1; color: #A7A7A7; font-size: .85em; line-height: 1; font-weight: 300; padding: 17px 0; margin: 20px 0; } .catalogdetail__price .leasing__price .label{ margin-top: 5px; } .catalogdetail__price .leasing__price .price{ color: #7060FB; font-size: 1.5rem; line-height: 1.2; font-weight: 700; } .catalogdetail__price .request__place{ text-align: center; padding: 20px; border-radius: 10px; border: 1px solid #F1F1F1; flex-direction: column; } .catalogdetail__price .request__place .label{ font-size: 1em; line-height: 1.5; font-weight: 300; } .catalogdetail__price .request__place .label span{ color: #A7A7A7; } .catalogdetail__price .request__place .btn__place{ margin-top: 25px; } .catalogdetail__price .request__place .button{ text-transform: none; padding: 20px 20px; width: 100%; font-weight: 300; } /*catalog detail*/ /*mobileform*/ .mobileform__block{ margin-top: 52px; padding-top: 24px; padding-bottom: 40px; background: rgba(27,184,116,1); } .catalog__block + .mobileform__block{ margin-top: 0; } .mobileform__heading{ font-size: 1.75em; line-height: 1.21; font-weight: 500; color: rgba(255,255,255,1); } .mobileform__heading img{ display: inline-block; margin: 0 0 12px 10px; height: 20px; vertical-align: middle; } .mobileform__text{ color: rgba(255,255,255,1); font-size: 1em; line-height: 1.13; } .mobileform__block .fields__list{ padding: 0; margin-left: -15px; margin-right: -15px; } .mobileform__block .formfield{ padding-top: 40px; } .mobileform__block .formfield .input__wrapper.full .label, .mobileform__block .formfield .input__wrapper.focus .label{ color: #fff; } /*.mobileform__block .formfield .label{ top: calc(50% + 20px); }*/ /*.mobileform__block .formfield .input__wrapper{ padding-top: 40px; }*/ /*.mobileform__block .formfield .input__wrapper.full .label, .mobileform__block .formfield .input__wrapper.focus .label{ top: 28px; color: #fff; }*/ .mobileform__annotations{ color: #727272; font-size: .75em; line-height: 2.41; } .mobileform__annotations sup{ color: #E33F3F; } .mobileform__block .formfield.btn__place{ padding-top: 10px; } .mobileform__block .formfield button{ text-transform: none; padding: 24px 20px; font-size: 1em; } .mobileform__block .form__success{ opacity: 0; visibility: hidden; height: 105%; background: rgba(27,184,116,1); } .mobileform__block .show__success .form__success{ opacity: 1; visibility: visible; } .mobileform__block .form__success__heading{ color: #fff; } .mobileform__block .form__success__text{ color: #fff; } /*mobileform*/ /*Form*/ .form__heading{ font-size: 1.75em; line-height: 1.6; color: rgba(0,0,0,.8); font-family: Roboto; font-weight: bold; } .form__item{ margin: 0 0 25px; } .form__item:last-of-type{ margin: 0; } .form__item input{ color: #4E4E4E; background: #fff; font-size: 1em; line-height: 50px; height: 50px; padding: 0 20px; box-sizing: border-box; border: none; box-shadow: none; display: block; width: 100%; } .form__item textarea{ color: #4E4E4E; background: #fff; font-size: 1em; line-height: 1.5; height:10em; padding: 10px 20px; box-sizing: border-box; border: none; box-shadow: none; display: block; width: 100%; resize: none; } .form__item button{ font-size: 1.375em; color: #fff; font-weight: 500; text-transform: uppercase; letter-spacing: 1px; display: block; height: 78px; line-height: 78px; width: 100%; background-color: transparent; border: 1px solid #fff; cursor: pointer; transition-duration: .3s; -webkit-transition-duration: .3s; } .form__item button:hover{ color: #4E4E4E; background-color: #fff; transition-duration: .3s; -webkit-transition-duration: .3s; } .form__errors{ font-size: .8em; font-style: italic; } .input .select2{ width: 100%!important; } .input .select2-container .select2-selection--single{ height: 45px; background-color: #fff; border: 1px solid rgba(190,190,190,1); border-radius: 5px; outline: none; } .calculator__input .input .select2-container .select2-selection--single{ height: 53px; } .input .select2-container .select2-selection--single:hover{ border: 1px solid rgba(0,185,114,1); } .input .select2-container--default .select2-selection--single:hover .select2-selection__arrow b{ border-top-color: rgba(0,185,114,1); } .input .select2-container.select2-container--open .select2-selection--single{ border: 1px solid rgba(0,185,114,1); background-color: #fff; } .input .select2-container.select2-container--open.select2-container--focus .select2-selection--single{ border-width: 2px; } .input .select2-container--default .select2-selection--single .select2-selection__rendered{ line-height: 43px; color: rgba(0,0,0,.6); padding-left: 22px; padding-right: 60px; font-size: 1em; } .calculator__input .input .select2-container--default .select2-selection--single .select2-selection__rendered{ line-height: 51px; } .input .select2-container--default.select2-container--open .select2-selection--single .select2-selection__rendered{ color: #4E4E4E; } .input .select2-container--default .select2-selection--single .select2-selection__arrow{ height: 45px; line-height: 51px; width: 45px; border-left: none; } .calculator__input .input .select2-container--default .select2-selection--single .select2-selection__arrow{ height: 55px; } .input .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow{ border-left-color: rgba(0,185,114,1); } .input .select2-container--default .select2-selection--single .select2-selection__arrow b{ border-top-color: rgba(0,0,0,.6); } .input .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{ border-bottom-color: rgba(0,185,114,1); } .select2-dropdown.calculator__select__drop{ border: 2px solid rgba(0,185,114,1); border-top: none; margin-top: 0; border-radius: 0 0 5px 5px; overflow: hidden; z-index: 9999; } .select2-dropdown.city__select__drop{ border: 2px solid rgba(0,185,114,1); border-top: none; margin-top: 0; border-radius: 0 0 5px 5px; overflow: hidden; z-index: 9999; } .select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple{ border-radius: 5px; } .select2-container--default.select2-container--open.select2-container--below.select2-container--focus .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below.select2-container--focus .select2-selection--multiple{ border-radius: 5px 5px 0 0; } .select2-container--default .calculator__select__drop ul{ padding-top: 5px; padding-bottom: 5px; } .select2-container--default .calculator__select__drop ul li{ font-size: 1em; line-height: 1.93; color: #494949; font-weight: 300; background: #fff; padding: 3px 20px; position: relative; } .select2-container--default .calculator__select__drop ul[id*="city"] li{ font-size: .875em; padding: 3px 5px; font-weight: 400; } .select2-container--default .calculator__select__drop ul[id*="city"] .select2-results__option[aria-selected=true]:after{ display: none; } .select2-container--default .city__select__drop ul{ padding-top: 5px; padding-bottom: 5px; } .select2-container--default .city__select__drop ul li{ font-size: 1em; line-height: 1.93; color: #494949; font-weight: 300; background: #fff; padding: 3px 20px; position: relative; } .select2-container--default .city__select__drop ul[id*="city"] li{ font-size: .875em; padding: 3px 5px; font-weight: 400; } .select2-container--default .city__select__drop ul[id*="city"] .select2-results__option[aria-selected=true]:after{ display: none; } .head__phones .select2-selection.select2-selection--single:focus{ outline: none!important; } .head__phones .select2-container--default .select2-selection--single{ background-color: #fff0; border: none; } .head__phones .select2-container .select2-selection--single .select2-selection__rendered{ padding-left: 0px; color: #fff!important; } .head__phones .select2-container--default .select2-selection--single .select2-selection__rendered{ font-size: .875em; } .select2-container--default .select2-results__option--highlighted[aria-selected]{ color: rgba(0,185,114,1); background-color: #fff; } .select2-container--default .calculator__select__drop .select2-results__option[aria-selected=true]{ background-color: #fff; color: #B1B1B1; } .select2-container--default .calculator__select__drop .select2-results__option[aria-selected=true]:after{ content: ""; display: inline-block; width: 10px; height: 10px; background-image: url(../images/select.svg); background-position: center; background-repeat: no-repeat; margin: 0 0 0 15px; } .select2-container--default .city__select__drop .select2-results__option[aria-selected=true]{ background-color: #fff; color: #B1B1B1; } .select2-container--default .city__select__drop .select2-results__option[aria-selected=true]:after{ content: ""; display: inline-block; width: 10px; height: 10px; background-image: url(../images/select.svg); background-position: center; background-repeat: no-repeat; margin: 0 0 0 15px; } .head__phones .select2-container--default .select2-selection--single .select2-selection__arrow b{ border-color: #fff transparent transparent transparent; } .head__phones .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{ border-color: transparent transparent #fff transparent; } /*Form*/ .form__success{ display: none; text-align: center; box-sizing: border-box; padding: 130px 30px 80px; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #fff; } .show__success .form__success{ display: block; } .form__success__heading{ font-size: 1.6rem; text-align: center; text-transform: uppercase; color: rgba(0,0,0,.8); font-weight: bold; } .form__success__text{ text-align: center; color: rgba(0,0,0,1); font-size: .8rem; margin: 10px 0 30px; text-transform: uppercase; line-height: 1.8; } .form__success img{ width: 106px; } /*block 404*/ .error404__block{ background-color: rgba(0,185,114,1); } .error404__block .container{ height: calc(100vh - 70px); } .error404__header{ padding: 34px 0; } .error404__preheading{ font-size: .75em; line-height: 1.33; font-weight: 500; letter-spacing: 3px; text-transform: uppercase; color: #FCED69; margin: 0 0 10px; } .error404__heading{ font-size: 2.75em; line-height: 1.04; letter-spacing: 1px; font-weight: 900; margin: 0 0 70px; font-family: 'MuseoSansCyrl'; max-width: 850px; color: rgba(255,255,255,1); } .error404__text{ font-size: 1.25em; color: #fff; line-height: 1.4; margin: 0 0 22px; } .error404__menu{ } .error404__menu a{ display: block; color: #fff; font-size: 1.125em; line-height: 1.55; } .error404__icon{ height: 65%; position: absolute; right: 56px; bottom: 30px; z-index: 1; } .error404__icon img{ height: 100%; } /*block 404*/ /*quiz*/ .quiz__block{ padding-top: 47px; padding-bottom: 40px; } .quiz__wrapper{ position: relative; border: 1px solid #F1F1F1; background-color: #FFFFFF; box-shadow: 0 0 25px 0 rgba(82,82,82,0.3); } .quiz__wrapper > form > .row{ min-height: 530px; } .quiz__main{ padding: 40px 107px 47px 48px; } .show__result .quiz__main:before{ content:""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(45,45,45,.9); z-index: 12; } .quiz__heading{ color: #585858; font-size: 1.75em; line-height: 1.14; font-weight: 500; margin: 0 0 13px; } .quiz__text{ font-size: 1.125em; line-height: 1.66; margin: 0 0 13px; color: #4A4A4A; } .quiz__progress{ line-height: 31px; } .quiz__progress__status{ color: #B9B9B9; font-size: .85em; } .quiz__progress__status span{ font-size: 1rem; color: #00B972; font-weight: 500; } .quiz__progress__status span:after{ content: "%"; } .quiz__progress__bar{ border-radius: 4px; position: relative; height: 7px; background-color: #F1F1F1; } .quiz__progress__bar span{ position: absolute; top: 0; left: 0; border-radius: 4px; height: 100%; background-color: #00B972; } .quiz__items{ margin-top: 24px; } .quiz__item{ display: none; } .quiz__item.active{ display: block; } .quiz__item__question{ font-size: 1.25em; line-height: 1.5; margin: 0 0 5px; } .quiz__item__answers{ margin: 0 -7px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .quiz__item__answer{ padding: 0 7px; margin: 15px 0 0; width: 50%; position: relative; } .quiz__item__answer.text input{ width: 100%; border: 1px solid rgba(190,190,190,1); border-radius: 5px; padding: 15px 20px; background-color: #fff; font-size: 1.125em; line-height: 1.2; color: rgba(0,0,0,.6); font-weight: 500; } .quiz__item__answer.text input:hover{ border-color: #00B972; } .quiz__item__answer.text input:focus{ border-color: #00B972; box-shadow: 0 0 0 1px #00B972; } .quiz__item__answer.radio input{ position: absolute; opacity: 0; top: 0; left: 0; } .quiz__item__answer.radio label{ border-radius: 8px; border: 1px solid #E8E8E8; background-color: #FFFFFF; height: 50px; line-height: 50px; display: block; margin: 0; padding: 0 20px; align-items: center; cursor: pointer; } .quiz__item__answer.radio input:checked + label{ border-color: #00B972; box-shadow: 0 0 0 1px #00B972; } .quiz__item__answer.radio label .label{ display: block; width: 20px; height: 20px; border-radius: 50%; margin: 0 20px 0 0; background-color: #E8E8E8; box-shadow: 0 2px 6px 0 rgba(98,98,98,0.57); } .quiz__item__answer.radio input:checked + label .label{ background-color: #00B972; box-shadow: 0 2px 6px 0 rgba(98,98,98,0.57); } .quiz__item__answer label .value{ color: #909090; font-size: 1em; line-height: 1.93; } .quiz__item__answer.radio label:hover .value, .quiz__item__answer.radio input:checked + label .value{ color: #545454; } .quiz__item__btn{ margin: 40px 0 0; align-items: center; } .quiz__item__btn .button{ font-size: 1em; height: 50px; padding: 0; width: 160px; line-height: 50px; text-transform: none; } .quiz__item__btn .error{ margin: 0 0 0 25px; font-size: .85em; color: #FF6A6A; opacity: 0; transition-duration: .15s; -webkit-transition-duration: .15s; } .quiz__item__btn .error.show{ opacity: 1; transition-duration: .15s; -webkit-transition-duration: .15s; } .quiz__item__btn .button.prev{ margin-right: 15px; } .quiz__item__answer.text.error input{ border-color: #FF6A6A; box-shadow: 0 0 0 5px #FF6A6A; } .quiz__item__answer.text.error:before{ content: 'Требуется заполнить'; position: absolute; background-color: #fff; color: #FF6A6A; display: block; padding: 5px 12px; font-size: .625em; right: 40px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); box-shadow: 0 2px 4px 0 rgba(66,66,66,0.5); border-radius: 5px; } .quiz__stat{ position: relative; border-left: 1px solid #F1F1F1; align-items: center; } .quiz__stat__label{ width: 100%; text-align: center; font-size: 1.75em; line-height: 1.14; color: #585858; font-weight: 300; } .quiz__stat__label span{ color: #00B972; } .quiz__result{ opacity: 0; visibility: hidden; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #fff; padding: 40px 70px; transition-duration: .4s; } .show__result .quiz__result{ opacity: 1; visibility: visible; } .quiz__result__heading{ text-align: center; line-height: 1.14; font-size: 1.75em; color: #585858; font-weight: 500; margin: 0 0 auto; width: 100%; } .quiz__result__values{ font-size: 1.125em; color: #909090; margin: auto 0; width: 100%; } .quiz__result__values .value{ margin-top: 8px; line-height: 1.66; } .quiz__result__values .value span{ color: #00B972; white-space: nowrap; } .quiz__result__text{ margin: auto 0; font-size: 1.125em; color: #4A4A4A; line-height: 1.66; width: 100%; } .quiz__result .btn__place{ margin: auto 0 0; width: 100%; } .quiz__result .btn__place .button{ margin-top: 10px; text-transform: none; display: block; padding: 15px 20px; } .quiz__form{ opacity: 0; visibility: hidden; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #fff; padding: 40px 70px; } .show__form .quiz__form{ opacity: 1; visibility: visible; } .quiz__form__heading{ text-align: center; line-height: 1.14; font-size: 1.75em; color: #585858; font-weight: 500; margin: 0 0 42px; } .quiz__form__fields{ } .quiz__form__fields .field{ margin-top: 15px; } .quiz__form .btn__place{ margin-top: 120px; } .quiz__form .btn__place .button{ text-transform: none; display: block; padding: 15px 20px; width: 100%; } .quiz__form__close{ position: absolute; top: 20px; right: 20px; width: 29px; cursor: pointer; } .quiz__success{ opacity: 0; visibility: hidden; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #fff; z-index: 18; text-align: center; border-radius: 8px; } .quiz__success__heading{ font-weight: 700; font-size: 2em; letter-spacing: 1px; text-transform: uppercase; } .quiz__success__text{ font-size: 1.125em; } .show__success .quiz__success{ opacity: 1; visibility: visible; } .quiz__sum__slider.noUi-horizontal { height: 1px; } .quiz__sum__slider{ position: absolute; bottom: 0px; left: 10px; right: 10px; } .quiz__sum__slider .noUi-base { background: rgba(0,185,114,1); } .quiz__sum__slider .noUi-origin { background: rgba(190, 190, 190, 1); border-radius: 0; } .quiz__sum__slider .noUi-horizontal .noUi-handle { top: -10px; left: -9px; box-shadow: 0 7px 10px 0 rgba(82,82,82,0.2); } .quiz__sum__slider .noUi-handle { border-radius: 50%; width: 20px; height: 20px; } .quiz__sum__slider .noUi-handle:before { content: ""; } .quiz__sum__slider.noUi-horizontal .noUi-handle:after { content: ""; display: block; width: 10px; height: 10px; top: 50%; left: 50%; border-radius: 50%; position: absolute; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); background: rgba(0, 185, 114, 1); } /*quiz*/ /* seo block v2*/ .seov2__block{ padding-top: 20px; padding-bottom: 40px; } .seomenu__items{ max-height: calc(100vh - 30px); overflow: auto; padding: 8px 22px 65px 37px; background-color: #FFFFFF; border-radius: 5px; box-shadow: 0 3px 6px 0 rgba(87,87,87,0.5); } .seomenu__item a{ margin-top: 40px; display: block; color: rgba(0,0,0,.75); font-size: 1.3125em; line-height: 1.35; } .seomenu__item.active a, .seomenu__item a:hover{ color: #00B972; } .seomenu__item a span.number{ width: 38px; font-size: .9em; line-height: 1.35; color: #fff; text-shadow: 1px 0 0 #646464, -1px 0 0 #646464, 0 1px 0 #646464, 0 -1px 0 #646464, 1px 1px #646464, -1px -1px 0 #646464, 1px -1px 0 #646464, -1px 1px 0 #646464; background: transparent; margin: 0 10px 0 0; letter-spacing: 2px; font-weight: 500; } .seomenu__item.active a span.number, .seomenu__item a:hover span.number{ text-shadow: 1px 0 0 #00B972, -1px 0 0 #00B972, 0 1px 0 #00B972, 0 -1px 0 #00B972, 1px 1px #00B972, -1px -1px 0 #00B972, 1px -1px 0 #00B972, -1px 1px 0 #00B972; } .seomenu__item a span.value{ width: calc(100% - 48px); } .seomenu__item a h3{ font-size: 1em; font-weight: normal; } .seocontent__item{ box-shadow: 0 3px 6px 0 rgba(87,87,87,0.5); border: 1px solid #E8E8E8; border-radius: 5px; background-color: #FFFFFF; margin: 0 0 35px; padding: 50px 30px 70px 50px; } .seocontent__item__heading{ font-size: 1.75em; margin: 0 0 30px; } .seocontent__item__heading .number{ width: 38px; font-size: .9em; line-height: 1.3; color: #fff; text-shadow: 1px 0 0 #646464, -1px 0 0 #646464, 0 1px 0 #646464, 0 -1px 0 #646464, 1px 1px #646464, -1px -1px 0 #646464, 1px -1px 0 #646464, -1px 1px 0 #646464; background: transparent; margin: 0 10px 0 0; letter-spacing: 2px; font-weight: 500; } .seocontent__item__heading .value{ width: calc(100% - 48px); line-height: 1; } .seocontent__item__text{ font-size: 1em; line-height: 1.9375; color: rgba(0,0,0,.7); } .seocontent__item__text ul{ list-style: none; padding: 0 0 0 50px; margin: 20px 0; } .seocontent__item__text ul li{ position: relative; } .seocontent__item__text ul li:before{ content:""; position: absolute; width: 10px; height: 10px; border-radius: 50%; left: -25px; top: 10px; background-color: #00B972; } .seocontent__item__text ol{ padding: 0 0 0 50px; margin: 20px 0; } .seocontent__item__text ol li{ position: relative; } .seocontent__item__text h4{ margin: 20px 0; line-height: 1.4; font-weight: 600; font-size: 1.125em; } .seocontent__item__text a{ color: #00B972!important; text-decoration: underline!important; } /* seo block v2*/ /*hform block*/ .hform__block{ padding-top: 33px; padding-bottom: 89px; margin-bottom: 80px; margin-top: 40px; background-color: #F6F6F6; } .hform__heading{ color: #404040; font-size: 2.375em; line-height: 1.15; font-weight: 700; font-family: 'MuseoSansCyrl'; margin-bottom: 25px; } .hform__block form .formfield button{ margin: 0; padding: 16px 42px 15px; font-size: .85em; } .hform__block .form__success{ background-color: #F6F6F6; padding: 0; align-items: center; opacity: 0; visibility: hidden; transition-duration: .3s; -webkit-transition-duration: .3s; } .hform__block .show__success .form__success{ opacity: 1; visibility: visible; transition-duration: .3s; -webkit-transition-duration: .3s; } .hform__block .form__success__text{ margin-bottom: 0; } /*hform block*/ /*steps block*/ .steps__block{ background: #00B972; padding-top: 50px; padding-bottom: 70px; counter-reset: steps-counter; } .steps__heading{ color: #fff; font-size: 2.375em; line-height: 1.21; font-weight: 700; margin-bottom: 42px; font-family: 'MuseoSansCyrl'; } .steps__item{ margin-bottom: 30px; position: relative; outline: none; } .steps__item:last-of-type{ margin-bottom: 0; } .steps__item:nth-of-type(even) .row{ justify-content: flex-end; } .steps__item:nth-of-type(odd) .steps__item__inner{ padding-right: 80px; justify-content: flex-end; } .steps__item:nth-of-type(even) .steps__item__inner{ padding-left: 80px; } .steps__item__inner:before{ content: counter(steps-counter, decimal-leading-zero); display: block; position: absolute; counter-increment: steps-counter; top: 0; width: 58px; height: 58px; border-radius: 50%; color: #fff; font-size: 1.875em; line-height: 58px; text-align: center; background-color: #7362FB; font-weight: normal; letter-spacing: 1px; } .steps__item:nth-of-type(odd) .steps__item__inner:before{ right: -29px; } .steps__item:nth-of-type(even) .steps__item__inner:before{ left: -29px; } .steps__item__heading{ color: #FFFFFF; font-size: 1.375em; line-height: 1.27; margin: 0 0 10px; } .steps__item:nth-of-type(odd) .steps__item__heading{ text-align: right; } .steps__item__text{ color: rgba(255,255,255,.7); font-size: 1em; line-height: 1.625; } .steps__item:nth-of-type(odd) .steps__item__text{ text-align: right; } .steps__icon{ position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); right: 0; height: 100%; } /*steps block*/ /*whywork block*/ .whywork__block{ padding-top: 42px; padding-bottom: 66px; background-color: #FAFAFA; } .whywork__heading{ font-size: 2.375em; line-height: 2.1; font-weight: 500; font-family: 'MuseoSansCyrl'; margin-bottom: 21px; } .whywork__item{ font-size: 1.25em; line-height: 1.6; color: #4A4A4A; padding-top: 14px; padding-bottom: 14px; padding-left: 50px; outline: none; } .whywork__item:before{ content:""; display: block; width: 19px; height: 26px; position: absolute; top: 14px; left: 15px; background-image: url(/assets/images/whywork-icon.svg); background-position: center; background-size: contain; background-repeat: no-repeat; } /*whywork block*/ /*graph*/ .graph__block{ padding-top: 37px; padding-bottom: 38px; } .graph__block .container{ } .graph__block .row{ height: 485px; align-items: center; justify-content: space-between; background-image: url(/assets/images/graph-bg.svg); background-position: center; background-size: contain; background-repeat: no-repeat; } .graph__item{ text-align: center; } .graph__item__value{ font-size: 4.625em; line-height: 1; color: #00B972; font-weight: 900; font-family: 'MuseoSansCyrl'; text-shadow: 1px 1px 1px 0 rgba(20,20,20,0.5); } .graph__item__label{ font-size: 1.5em; line-height: 1.125; color: rgba(0,0,0,.6); height: 3.375rem; margin-top: 30px; } /*graph*/ /*advantages2__list*/ .advantages2__list{ position: relative; background-color: #7060FB; padding-bottom: 145px; z-index: 1; } .advantages2__list:before{ content:""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 80px; background-color: #fff; } .advantages2__items{ background-color: #FFFFFF; border-radius: 40px; box-shadow: 0 7px 20px 0 rgba(44,44,44,0.5); padding: 48px 70px 68px; } .advantages2__item{ padding-top: 32px; padding-bottom: 32px; } .advantages2__item__header{ font-size: 1.75em; line-height: 1.14; color: #313131; font-weight: 700; margin: 0 0 21px; } .advantages2__item__text{ color: #626262; font-size: 1.25em; line-height: 1.6; } .advantages2__item__text span{ color: #00B972; } .advantages2__footer{ z-index: 2; position: relative; padding-top: 67px; padding-bottom: 67px; background-color: #fff; box-shadow: 0 7px 20px 0 rgba(45,45,45,0.5); } .advantages2__footer__heading{ color: #2D2D2D; font-size: 1.5em; line-height: 1.5; margin-bottom: 54px; } .advantages2__footer__icon{ position: relative; } .advantages2__footer__icon img{ position: absolute; bottom: 0; left: 0; width: 100%; } /*advantages2__list*/ /*success story*/ .successstory__block{ padding-top: 60px; padding-bottom: 140px; } .successstory__wrapper{ background-color: #FFFFFF; border-radius: 40px; padding: 59px 57px 67px; position: relative; } .successstory__wrapper:before{ content: ""; display: block; position: absolute; top: 0;left: 0; width: 100%; height: 100%; border-radius: 40px; background-color: #FFFFFF; z-index: 2; box-shadow: 0 7px 20px 0 rgba(112,96,251,0.5); } .successstory__wrapper:after{ content:""; display: block; width: 100%; height: 100%; border-radius: 40px; background-color: #7060FB; position: absolute; top: 60px; left: 20%; z-index: 1; } .successstory__heading{ color: #2D2D2D; font-size: 1.375em; margin: 0 0 40px; z-index: 4; font-weight: 300; position: relative; } .successstory__count{ color: #00B972; font-size: 2.75em; font-weight: 700; line-height: 1.5; margin: 0 0 20px; z-index: 4; position: relative; } .successstory__count:after{ content: "\0020BD"; display: inline-block; margin: 0 0 0 7px; font-weight: 600; } .successstory__text{ font-size: 1.125em; line-height: 1.44; margin: 0 0 60px; z-index: 4; position: relative; max-width: 463px; color: rgba(23,23,23,.5); } .successstory__btn{ z-index: 4; position: relative; } .successstory__cases{ position: absolute; top: 0; right: 0; height: 100%; z-index: 3; } .successstory__case{ position: absolute; } .successstory__case.d-flex{ align-items: center; justify-content: center; flex-direction: row-reverse; } .successstory__case:nth-of-type(1){ right: 6%; top: 7%; } .successstory__case:nth-of-type(2){ right: 20%; top: 30%; } .successstory__case:nth-of-type(3){ right: 12%; top: 69%; } .successstory__case .photo{ width: 135px; height: 135px; border-radius: 50%; background-color: #BEBEBE; background-position: center; background-size: cover; background-repeat: no-repeat; margin: 10px auto; } .successstory__case .label{ display: inline-block; color: #fff; background: #00B972; border-radius: 10px; padding: 8px 21px 9px; font-size: 1.25em; line-height: 1.3; margin: 10px; } .successstory__case .label:after{ content: "\0020BD"; display: inline-block; margin: 0 0 0 2px; font-weight: 300; } /*success story*/ .select2-container{ width: auto!important; } [class^="icon-"], [class*=" icon-"] { /* use !important to prevent issues with browser extensions that change ../fonts */ font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-icons-52:before { content: "\e92e"; } .utm-info{ display: none; }