.mp-about {background-color: #f2f2f2; border-radius: 20px;} .mp-about__img {border-radius: 20px;} .mp-about__inner {padding: 40px 40px;} .modal{backdrop-filter: blur(10px);} .modal__close{ position: absolute; top: 15px; right: 15px; width: 30px; height: 30px; background: transparent; border: none; cursor: pointer; z-index: 10; padding: 0; outline: none; appearance: none;} .modal__close::before, .modal__close::after { content: ''; position: absolute; top: 50%; left: 50%; width: 20px; height: 2px; background-color: #000; transform: translate(-50%, -50%) rotate(45deg); transition: transform 0.3s ease;} .modal__close::after {transform: translate(-50%, -50%) rotate(-45deg);} .modal__close:hover::before, .modal__close:hover::after {background-color: #ff4d4d;} /*SWIPER*/ .my-swiper-buttons{margin-top: 20px;} .my-swiper-button-prev, .my-swiper-button-next{background-size: 8px 14px; background-repeat: no-repeat; background-position: center center; width: 70px; height: 40px; border-radius: 15px; color: #fff; line-height: 16px; padding: 12px 10px; background-color: rgba(0, 150, 255, 0.1);} .my-swiper-buttons { display: flex; justify-content: flex-end; gap: 10px; align-items: center;} .my-swiper-button-prev {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 28' fill='%230072ff'%3E%3Cpolygon points='13.5,28 16,25.4 5,14 16,2.6 13.5,0 0,14 '/%3E%3C/svg%3E%0A");} .my-swiper-button-next {background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 28' fill='%230072ff'%3E%3Cpolygon points='2.5,28 0,25.4 11,14 0,2.6 2.5,0 16,14 '/%3E%3C/svg%3E%0A");} .my-swiper-button-next, .my-swiper-button-prev {&.swiper-button-disabled {cursor: auto; opacity: .35; pointer-events: none;}} .my-swiper-button-prev:hover, .my-swiper-button-next:hover{background-color: rgba(0, 150, 255, 0.2);} .main-nav {visibility: hidden; transform: translateY(-100%); transition: all 400ms; overflow-y: scroll; position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 9999; background-color: #f1f1f1; padding: 15px 0;} .menu-on .main-nav{transform: translateY(0); visibility: visible;} .main-nav__header{margin-bottom: 20px;} .main-nav__btn-home {display: block; transition: all 200ms; text-align: center; border-radius: 20px; color: #0072ff; text-decoration: none; height: 86px; width: 165px; background-color: #fff; font-size: 18px; line-height: 20px; padding: 33px 10px 33px 10px;} .main-nav__btn-home svg{width: 20px; height: 22px; fill: #0072ff;} .main-nav__btn-home:hover{text-decoration: none; transform: translateY(-8px);} .main-nav__btn-home:hover span{text-decoration: underline;} .main-nav__btn-main {position: relative; transition: all 200ms; display: flex; align-items: center; border-radius: 20px; color: #0072ff; text-decoration: none; height: 86px; background-color: #fff; font-size: 18px; line-height: 20px; padding: 10px 35px 10px 180px;} .main-nav__btn-main:hover{transform: translateX(8px);} .main-nav__btn-main::after{content: ""; display: block; width: 32px; position: absolute; right: 10px; top:0; bottom: 0; background-repeat: no-repeat; background-position: center center; background-size: 8px 14px; background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 28' fill='%230072ff'%3E%3Cpolygon points='2.5,28 0,25.4 11,14 0,2.6 2.5,0 16,14 '/%3E%3C/svg%3E%0A");} .main-nav__btn-main::before{content: ""; display: block; width: 157px; position: absolute; left: 8px; top: 8px; bottom: 8px; border-radius: 13px; background-repeat: no-repeat; background-position: center center; background-size: contain;} .main-nav__btn-main.catalog{background-color: #d90000; color: #fff;} .main-nav__btn-main.catalog::before{background-image: url('/include/kadzama_template/i/ux/img-menu-catalog.png');} .main-nav__btn-main.kits::before{background-image: url('/include/kadzama_template/i/ux/img-menu-kits.png');} .main-nav__btn-main.melangeurs::before{background-image: url('/include/kadzama_template/i/ux/img-menu-melangers.png');} .main-nav__btn-main.blog::before{background-image: url('/include/kadzama_template/i/ux/img-menu-blog.png');} .main-nav__btn-main.catalog::after{background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 28' fill='%23ffffff'%3E%3Cpolygon points='2.5,28 0,25.4 11,14 0,2.6 2.5,0 16,14 '/%3E%3C/svg%3E%0A");} .main-nav__btn-close {background-color: rgba(0,150,255,0.1); background-size: 20px 20px; background-repeat: no-repeat; background-position: center center; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cpath fill='%230072ff' d='M10.1,9l7.9,7.9L16.9,18L9,10.1L1.1,18L0,16.9L7.9,9L0,1.1L1.1,0L9,7.9L16.9,0L18,1.1L10.1,9z'/%3E%3C/svg%3E%0A"); display: block; transition: all 200ms; border-radius: 12px; height: 50px; width: 64px; text-decoration: none;} .main-nav__btn-close:hover {background-color: rgba(0,150,255,0.2); text-decoration: none;} .main-nav__btn-contact{background-color: rgba(0,150,255,0.1); color: #0072ff; border-radius: 12px;} .main-nav__btn-contact:hover{background-color: rgba(0,150,255,0.2); color: #0072ff; text-decoration: underline;} .mb-xs{margin-bottom: 8px;} .main-nav__menu1 {list-style: none; margin: 0 0 40px 0; padding: 0;} .main-nav__menu1 li {margin: 10px 0 0 0; padding: 0;} .header2 {transition: transform 0.4s ease-in-out; padding: 20px 0; position: absolute; top: 0; left: 0; right: 0; width: 100%; z-index: 1000; transform: translateY(0); background-color: rgba(255, 255, 255, 0.7); backdrop-filter: saturate(180%) blur(10px); -webkit-backdrop-filter: saturate(180%) blur(10px);} .header2.is-fixed {position: fixed;} .header2.is-hidden {transform: translateY(-100%); } .header2__row { display: flex; justify-content: space-between; align-items: center; width: 100%;} .header2__left-col { display: flex; align-items: center; gap: 20px; } .header2__right-col { display: flex; align-items: center; gap: 15px; } .header2__center-col { display: flex; align-items: center; gap: 30px; padding: 0 20px;} .header2__link{color: #000; font-weight: normal; font-size: 16px; line-height: 30px; text-decoration: none;} .header2__link:hover{color: #000; text-decoration: underline;} .header2__logo{display: block; width: 140px; height: 16px;} @media(max-width: 767px) { .header2{padding: 10px 0;} .header2__left-col {gap: 10px;} .header2__right-col {gap: 10px;} } .btn-menu{height: 50px; width: 165px; border: 0; cursor: pointer; display: inline-flex; margin: 0; overflow: hidden; padding: 13px 16px; border-radius: 12px; background-color: #000; position: relative;} .btn-menu__inner{z-index: 2; align-items: center; display: flex; height: 24px; justify-content: center; white-space: nowrap; width: 100%;} .btn-menu__icon{flex-shrink: 0; margin-right: 0px;} .btn-menu__text{font-size: 16px; font-weight: 400; letter-spacing: 0; line-height: 24px; overflow: hidden; text-overflow: ellipsis; color: #fff;} .btn-menu__bg{transition: all 200ms; z-index: 1;border-radius: inherit; bottom: 0; left: 0; opacity: 0; position: absolute; right: 0; top: 0; background: radial-gradient(80px 80px at center bottom, #e80000, #300000);} .btn-menu:hover .btn-menu__bg{opacity: 1;} @media(max-width: 767px) { .btn-menu {width: 50px;} .btn-menu__icon{} .btn-menu__text{display: none;} } .messenger-icon {display: block; position: relative; width: 64px; height: 50px; border-radius: 12px; background-color: rgba(0, 150, 255, 0.1); overflow: hidden;} .messenger-icon:hover {background-color: rgba(0,150,255,0.2);} .messenger-icon .icon {position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; transition: opacity 0.8s ease-in-out; display: flex; justify-content: center; align-items: center; padding: 10px 18px; box-sizing: border-box;} @media(max-width: 767px) { .messenger-icon {width: 50px; height: 50px;} .messenger-icon .icon{padding: 10px 10px;} } .icon.telegram { opacity: 1; animation: fadeInOut 12s infinite 0s; } .icon.whatsapp { animation: fadeInOut 12s infinite 3s; } .icon.tel { animation: fadeInOut 12s infinite 6s; } .icon.email { animation: fadeInOut 12s infinite 9s; } @keyframes fadeInOut { 0%, 100% { opacity: 0; } 8%, 22% { opacity: 1; } 30%, 100% { opacity: 0; } } /*LVLS*/ .lvl-m-sm{margin-bottom: 40px;} /*CONTACTS*/ .contacts-page__geo-pad{background: #f0f0f0; border-radius: 20px; margin-bottom: 20px; padding: 20px;} .contacts-page__geo-pad__desc{font-size: 16px; margin-bottom: 10px;} .contacts-page__geo-pad__text{font-size: 20px;} .catalog-item-stock-pad{margin-bottom: 5px;} .catalog-item-stock-pad__text{color: #faab00; font-size: 13px; vertical-align: middle;} .catalog-item-stock-pad__text.green{color: #68c100;} .catalog-detail-item-stock-pad{margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #dfdfdf;} .catalog-detail-item-stock-pad__indicator{display: inline-block; vertical-align: middle; width: 8px; height: 8px; border-radius: 50%; margin-right: 5px; background-color: #faab00;} .catalog-detail-item-stock-pad__indicator.green{background-color: #68c100;} .catalog-detail-item-stock-pad__text{color: #a2a2a2; font-size: 16px; vertical-align: middle;} .catalog-detail-item-stock-pad__text.black{color: #000;} /*ABOUT*/ .page-about__history{margin-left: 40px;} ul.about-history-style {list-style-type: none; position: relative; margin: 0 0 0 38px; padding: 0px 0 0px 0; max-width: 600px;} ul.about-history-style li {position: relative; margin: 0 0 0 0; padding: 0 0 40px 10px; line-height: 1.4; font-size: 16px;} ul.about-history-style li:after {content: ""; display: block; position: absolute; top: 14px; left: -40px; width: 40px; height: 2px; background: #dadada;} ul.about-history-style li:before {content: ''; position: absolute; top: 14px; bottom: -14px; left: -40px; width: 2px; border-left: 2px solid #dadada;} ul.about-history-style li:last-child:before {display: none;} .about-history-style__date{font-size: 30px; font-weight: 900; line-height: 30px; margin-bottom: 20px;} .page-about__num-people{padding-left: 30px; padding-top: 6px; min-height: 30px; background: url('/include/kadzama_template/i/person.png') left top / 24px 24px no-repeat;} @media (max-width: 767px){ .page-about__history{margin-left: 0px;} ul.about-history-style{margin: 0 0 0 30px;} ul.about-history-style li:after { left: -30px; width: 30px;} ul.about-history-style li:before{left: -30px; } } /*BANNERS*/ .kadzama-banner-protochka{border-radius: 20px; background: #f3f3f3; padding: 20px 20px 20px 160px; position: relative; max-width: 640px; margin-bottom: 30px; min-height: 160px;} .kadzama-banner-protochka__text{font-size: 24px; color: #5c5c5c; margin-bottom: 10px;} .kadzama-banner-protochka__img-holder{width: 146px; height: 170px; position: absolute; left: 0; top: -30px; background: url('/include/kadzama_template/i/banners/stones-kadzama-3.png') center center / contain no-repeat;} @media(max-width: 767px){ .kadzama-banner-protochka__text{font-size: 16px; } .kadzama-banner-protochka{padding-left: 128px; min-height: 120px;} .kadzama-banner-protochka__img-holder{width: 120px; height: 120px; top: 0px;} } /*LANDING_STYLES*/ .landing-page .workarea{padding: 0;} .landing-page .form-control {transition: all 200ms; text-align: left; padding: 17px 13px 17px 13px ; line-height: 24px; color: #000; background-color: #e8e8e8; border: 1px solid #d1d1d1; border-radius: 5px;} .landing-page .form-control:focus {color: #000; background-color: #fff; border-color: #e44b42; box-shadow: 0 0 0 5px rgba(228,75,26,0.2);} .landing-page .order-required-text {color: #e54a41; font-size: 12px;} .landing-page .text-bg-red{background: #e54a41; color: #fff;} .btn.landing-red-btn{z-index: 1; position: relative; min-width: 260px; height: 60px; background-color: #d51313; color: #fff; font-weight: 900; padding: 20px 20px; box-shadow: 0 25px 60px 0 rgba(255,0,0,0.6);} .btn.landing-red-btn:hover{transform: translateY(-5px); box-shadow: 0 30px 60px 0 rgba(255,0,0,0.6);} .btn-whatsapp{display: inline-block; vertical-align: middle; width: 60px; height: 60px; background: url('/include/kadzama_template/i/whatsapp_icon_116.png') center center / contain no-repeat;} .btn-whatsapp.margin{margin: 0 15px;} .landing-play-link{display: inline-block; position: relative; margin-right: 30px; line-height: 24px; color: #0070c9; text-decoration: none; border-bottom: 1px dashed transparent;} .landing-play-link:hover{color: #0070c9; border-color: #0070c9; text-decoration: none;} .landing-play-link::after{content:""; display: block; position: absolute; right: -30px; top: 0; width: 24px; height: 24px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%230070c9'%3E%3Cpath d='M12,24C5.38,24,0,18.62,0,12S5.38,0,12,0s12,5.38,12,12S18.62,24,12,24z M12,2.02c-5.51,0-9.98,4.48-9.98,9.98 s4.48,9.98,9.98,9.98s9.98-4.48,9.98-9.98S17.51,2.02,12,2.02z M17.05,12.33l-8.02-5v10.01L17.05,12.33z'/%3E%3C/svg%3E");} .landing-dashed-link{display: inline-block; color: #1488e9; text-decoration: none; border-bottom: 1px dashed transparent; transition: all 200ms;} .landing-dashed-link:hover{color: #1488e9; text-decoration: none; border-color: #1488e9;} .landing-title1{font-size: 60px; margin-bottom: 30px; line-height: 1.2;} .landing-title2{font-size: 40px; margin-bottom: 30px;} .landing-title3{font-size: 24px; margin-bottom: 30px;} .landing-title4{font-size: 20px; margin-bottom: 15px;} @media(max-width: 767px){ .landing-title1{font-size: 32px; margin-bottom: 30px; line-height: 1.3;} .landing-title2{font-size: 24px; margin-bottom: 30px; line-height: 1.3;} .landing-title3{font-size: 18px; margin-bottom: 30px; line-height: 1.3;} .landing-title4{font-size: 18px; margin-bottom: 15px; line-height: 1.3;} } .landing-process-list{list-style-type: none; counter-reset: num; position: relative; margin: 0 0 0 60px; padding: 0px 0 0px 0; } .landing-process-list li {position: relative; margin: 0 0 0 0; padding: 5px 0 40px 10px; line-height: 1.4; font-size: 16px;} .landing-process-list li:after {content: counter(num); counter-increment: num; display: inline-block; position: absolute; top: 0; left: -50px; width: 40px; height: 40px; font-weight: 900; line-height: 40px; background: #ff002a; color: #fff; text-align: center; font-size: 24px; border-radius: 50%;} .landing-process-list li:before {content: ''; position: absolute; top: 40px; bottom: 0px; left: -32px; width: 4px; background: linear-gradient(to bottom, transparent 0%,#ff002a 100%);} .landing-process-list li:last-child:before {display: none;} .landing-process-list__title{margin-bottom: 10px; font-size: 18px;} .mp-start-lvl{padding: 30px 0;} .mp-main-title{font-family: 'Montserrat'; font-size: 60px; font-weight: 800; line-height: 1.2; color: #000; margin-bottom: 40px; background: linear-gradient(90deg, #000 0%, #e40808 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;} @media(max-width: 767px){ .mp-start-lvl{padding: 10px 0;} .mp-main-title{font-size: 32px;} } .mp-start-nav-item{transition: all 300ms; position: relative; border-radius: 20px; box-shadow: 0 3px 30px 0 rgb(0 0 0 / 15%); padding: 20px 20px 20px 20px; background-color: #fff; margin-bottom: 30px; width: 100%;} .mp-start-nav-item:hover{transform: translateY(-10px);} .mp-start-nav-item.big{padding: 30px 40px;} .mp-start-nav-item.small{padding: 20px 20px 20px 148px; min-height: 168px;} .mp-start-nav-item-molds{padding: 30px 20px 20px 148px; min-height: 168px;} .mp-start-nav-item__img-holder{} .mp-start-nav-item__icon-holder{width: 128px; height: 128px; position: absolute; left: 20px; top: 20px; } .mp-start-nav-item-molds .mp-start-nav-item__icon-holder{left: 10px;} .mp-start-nav-item__title{font-weight: 800; font-size: 20px; line-height: 1.2; color: #000; font-family: 'Montserrat'; margin-bottom: 15px; margin-top: 15px;} .mp-start-nav-item__title-icon{display: inline-block; width: 24px; height: 24px; margin-right: 5px; background: url('/include/kadzama_template/i/mp/icon-business.png') center center / contain no-repeat; } .mp-start-nav-item__title-icon2{display: inline-block; width: 24px; height: 24px; margin-right: 5px; background: url('/include/kadzama_template/i/mp/icon-box.png') center center / contain no-repeat; } .mp-start-nav-item__desc{color: #b8bfd1; font-size: 16px; margin-bottom: 15px;} .mp-start-nav-item__go{color: #0066cc; font-size: 16px;} .mp-start-nav-item__link{display: block; position: absolute; left:0; top: 0; right: 0; bottom: 0;} .mp-start-nav-item.big .mp-start-nav-item__title{font-size: 24px;} @media(max-width: 767px){ .mp-start-nav-item{padding: 20px 15px;} .mp-start-nav-item.big{padding: 20px 15px;} .mp-start-nav-item.small{padding: 20px 15px 20px 120px; min-height: 130px;} .mp-start-nav-item.small .mp-start-nav-item__icon-holder{width: 100px; height: 100px; left: 15px; top: 20px; } } /*COOKIES*/ .cookies-pad{display: none; position: fixed; left:0; bottom: 0; right: 0; z-index: 900; padding: 0px 0px; font-size: 14px; color: #000; background: #fff; box-shadow: 0px 0px 7px 0 rgb(0 0 0 / 25%);} .cookies-pad__inner{padding: 25px 0 25px 80px; background: url('i/cookie-pushup.png') left 10px / 80px 80px no-repeat;} .btn.cookies-ok-btn{text-decoration: none!important; margin: 10px 0; background: #000; color: #fff; height: 30px; padding: 5px 5px; min-width: 90px; font-size: 14px; line-height: 20px; border: 0; border-radius: 4px;} .btn.cookies-ok-btn:hover{background: #000; color: #fff;} .cookies-pad a{color: #000; text-decoration: underline;} .cookies-pad a:hover{color: #e54a41; text-decoration: underline;} /*MAIN_STYLES*/ body{font-family: 'Roboto', sans-serif; font-size: 16px; line-height: 1.6; font-weight: 400; color: #000;} h1, .h1{font-family: 'Montserrat'; font-weight: 800; color: #000; font-size: 34px; margin: 0 0 45px 0;} h2, .h2{font-family: 'Montserrat'; font-weight: 800; color: #000; font-size: 30px; margin: 0 0 30px 0;} h3, .h3{font-weight: 900; color: #000; font-size: 24px; margin: 0 0 30px 0;} h4, .h4{font-weight: 900; color: #000; font-size: 20px; margin: 0 0 30px 0;} p{margin-bottom: 30px;} .lead {font-weight: 400;} b, strong{font-weight: 900;} .title-style{line-height: 1.25; font-weight: 800; font-family: 'Montserrat';} .title-font{ font-family: 'Montserrat'; font-weight: 800; } .text-red{color: #ff3434;} .text-white{color: #ffffff;} .text-grey{color: #808080;} .text-big {font-size: 20px;} .text-size-14{font-size: 14px;} .text-bg-red{background: #e54a41; color: #fff;} .display-1{font-family: 'Montserrat'; font-weight: 800; font-size: 80px; line-height: 1.2; margin-bottom: 30px; } .display-2{font-family: 'Montserrat'; font-weight: 800; font-size: 60px; line-height: 1.2; margin-bottom: 30px; } .display-3{font-family: 'Montserrat'; font-weight: 800; font-size: 40px; line-height: 1.2; margin-bottom: 30px; } .display-4{font-family: 'Montserrat'; font-weight: 500; font-size: 30px; line-height: 1.2; margin-bottom: 15px; } @media(max-width: 767px){ .display-1{font-size: 32px; margin-bottom: 30px; line-height: 1.3;} .display-2{font-size: 24px; margin-bottom: 30px; line-height: 1.3;} .display-3{font-size: 18px; margin-bottom: 30px; line-height: 1.3;} .display-4{font-size: 18px; margin-bottom: 15px; line-height: 1.3;} } @media(max-width: 767px){ h1, .h1{font-size: 30px; margin-bottom: 30px;} h2, .h2{font-size: 24px; margin-bottom: 30px;} h3, .h3{font-size: 20px; margin-bottom: 30px;} h4, .h4{font-size: 18px; margin-bottom: 30px;} .lead {font-size: 20px; font-weight: 400;} } a{color: #0072ff; text-decoration: none; transition: all 200ms;} a:hover{color: #0072ff; text-decoration: underline;} a.link-dashed{color: #0070c9; text-decoration: none; border-bottom: 1px dashed #0070c9; transition: all 200ms;} a.link-dashed:hover{color: #0070c9; text-decoration: none; border-bottom-color: #0070c9; } a.red-link-dashed{color: #e54a41; text-decoration: none; border-bottom: 1px dashed #e54a41; transition: all 200ms;} a.red-link-dashed:hover{color: #e54a41; text-decoration: none; border-bottom-color: #e54a41; } a.white-link-dashed{color: #fff; text-decoration: none; border-bottom: 1px dashed transparent; transition: all 200ms;} a.white-link-dashed:hover{color: #fff; text-decoration: none; border-bottom-color: #fff; } a.red-link{color: #e54a41; text-decoration: none; border-bottom: 1px solid transparent; transition: all 200ms;} a.red-link:hover{color: #e54a41; text-decoration: none; border-bottom-color: #e54a41; } .mb-1{margin-bottom: 20px!important;} .mb-2{margin-bottom: 40px!important;} .mb-3{margin-bottom: 60px!important;} .mb-4{margin-bottom: 80px!important;} .mb-6 {margin-bottom: 6rem!important;} .mt-1{margin-top: 20px!important;} .mt-2{margin-top: 40px!important;} .mt-3{margin-top: 60px!important;} .mt-4{margin-top: 80px!important;} @media(min-width: 768px){ .hidden-xs{display: none;} } /*BUTTONS*/ .btn{height: 50px; min-width: 210px; line-height: 20px; padding: 15px 15px; border-radius: 12px; border:0; font-size: 16px; font-weight: 500; text-decoration: none; outline: 0; transition: all 200ms;} .btn.btn-sm{height: 40px; min-width: 160px; padding: 10px 15px;} .btn.btn-lg{height: 60px; min-width: 210px; padding: 20px 15px;} .btn.btn-white-transparent{color: #fff; font-weight: bold; background: rgba(255,255,255,.1); } .btn.btn-white-transparent:hover{color: #fff; background: rgba(255,255,255,.15); } .btn.btn-white{border: 2px solid #fff; color: #fff; padding: 13px 20px; background: rgba(255,255,255,0.0);} .btn.btn-white:hover{border-color: #fff; color: #fff; background: rgba(255,255,255,0.1);} .btn.btn-heart{background: #f4292b; color: #fff; line-height: 20px; font-weight: 900;} .btn.btn-heart::before{display: inline-block; content:""; width: 20px; height: 20px; margin-right: 10px; line-height: 20px; vertical-align: middle; background-size: contain; background-position: center top; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 26' fill='%23ffffff'%3E%3Cpath d='M15,4.6c0.1-0.2,0.2-0.4,0.3-0.6c1.2-2,2.9-3.3,5.1-3.8c4.3-1,8.4,1.7,9.4,5.8C30,7,30,7.9,29.9,8.9c-0.2,2-0.9,3.8-1.9,5.5 c-1.1,1.9-2.6,3.6-4.2,5.1c-2.5,2.5-5.3,4.5-8.4,6.3c-0.3,0.2-0.6,0.2-0.9,0c-3.4-2.1-6.6-4.5-9.4-7.4c-1.4-1.5-2.6-3.1-3.6-4.9 C0.9,12.3,0.4,11,0.1,9.6c-0.4-2.3,0-4.5,1.4-6.4c1.3-1.7,2.9-2.7,5-3.1c3.3-0.6,6.5,1.1,8.1,3.9C14.8,4.2,15,4.6,15,4.6z'/%3E%3C/svg%3E");} .btn.btn-heart:hover{transform: translateY(-5px);} .btn.btn-default{color: #fff; background: #d71c2e; text-decoration: none;} .btn.btn-added{color: #76d030; border: 2px solid #76d030; background: #fff; line-height: 16px;} .btn.btn-black, .btn.btn-black:active{color: #e54a41; border: 2px solid #000; background: transparent; line-height: 16px;} .btn.btn-black:hover{background: transparent; color: #e54a41; } .btn.btn-primary{color: #fff; background: #d71c2e; text-decoration: none;} .btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle {color: #fff; background-color: #d71c2e; border-color: #d71c2e;} .btn.btn-red, .btn.btn-red:active{font-weight: 900; transition: all 300ms; background: linear-gradient(to bottom, #f88383 18%,#ff3434 87%)!important; color: #fff; border: 0;} .btn.btn-red:hover{transform: translate(0px, -8px);} .btn.btn-red2{z-index: 1; position: relative; min-width: 260px; height: 60px; background-color: #d51313; color: #fff; font-weight: 900; padding: 20px 20px; } .btn.btn-red2:hover{transform: translateY(-5px); box-shadow: 0 30px 60px 0 rgba(255,0,0,0.6);} .btn.btn-red-stroke {font-weight: 900; border: 1px solid #ff002a; color: #ff002a; background-color: transparent; } .btn.btn-red-stroke:hover{color: #fff; background-color: #ff002a; border-color: #ff002a; box-shadow: none;} .btn.btn-green, .btn.btn-green:active{font-weight: 900; transition: all 300ms; background: #76d030; color: #fff; border: 0;} .btn.btn-green:hover{background: #8ad450;} .btn.btn-secondary {min-width: 165px; min-height: 40px; height: auto; border: 1px solid #000; color: #000; background-color: transparent; padding: 9px 10px; font-weight: normal; font-size: 14px;} .btn.btn-secondary:hover{color: #fff; background-color: #000; border-color: #000; box-shadow: none;} .btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show>.btn-secondary.dropdown-toggle { color: #fff; background-color: #000; border-color: #000; box-shadow: none;} .btn-whatsapp-header{outline: none!important; border: 0; background-color: transparent; background-image: url('i/contacts/icon-whatsapp.png'); width: 40px; height: 40px; display: inline-block; background-size: contain; background-position: center center; background-repeat: no-repeat; transition: all 200ms;} .btn-whatsapp-header:hover{transform: translateY(-8px);} /*FORM*/ .form-control{height: 50px;} .form-control:focus{} .form-control-required-text{color: #ff3434; font-size: 12px; } .form-style-1 .form-control {height: 60px; transition: all 200ms; text-align: left; padding: 17px 13px 17px 13px ; line-height: 24px; color: #000; background-color: #e8e8e8; border: 1px solid #d1d1d1; border-radius: 5px;} .form-style-1 textarea.form-control {height: auto;} .form-style-1 .form-control:focus {color: #000; background-color: #fff; border-color: #e44b42; box-shadow: 0 0 0 5px rgba(228,75,26,0.2);} .custom-control{display: inline-block;} .custom-checkbox .custom-control-input:checked~.custom-control-label::before {background-color: #e54a41; border-color: #e54a41;} .custom-checkbox .custom-control-label::before {border-radius: 50%; background-color: #fff;} .custom-checkbox .custom-control-label{text-align: left;} .bx-soa .form-control {height: 35px;} .bx-soa textarea.form-control {height: auto;} .input-holder .input-label{line-height: 20px; pointer-events: none; display: block; position: absolute; top:20px; left:24px; right: 24px; text-align: left; font-size: 16px; color: #000; transition: all 200ms;} .input-holder.input-not-empty .form-control{background: #fff; border-color: #6ebb00;} .input-holder.input-not-empty .input-label, .input-holder.input-focused .input-label{top:7px; font-size: 11px;} .form-group{position: relative; margin-bottom: 20px;} .form-required-text{font-size: 12px; color: #a5afb5;} @media (max-width: 767px){ .input-holder .input-label{font-size: 13px;} } /*MODAL*/ .modal-header {border-bottom: 0;} .modal-footer {border-top: 0;} .modal-content {background-color: #fff; border: 0; border-radius: 20px; outline: 0;} /*YOUTUBE*/ .youtube-item{} .youtube-item-link{position: relative; display: block; border-radius: 10px; overflow: hidden;} .youtube-item-link::before{content:""; display: block; background: rgba(0,0,0,0.35); position: absolute; top: 0; bottom: 0; left: 0; right: 0;} .youtube-item-link .play{content: ""; display: block; position: absolute; top: calc(50% - 30px); left: calc(50% - 30px); width: 60px; height: 60px; border: 2px solid #fff; border-radius: 50%; background-color: transparent; transition: all 200ms; background-repeat: no-repeat; background-position: center center; background-size: center center; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 60' fill='%23fff'%3E%3Cpath d='M22.6,40.5V19.5L42.3,30L22.6,40.5z'/%3E%3C/svg%3E");} .youtube-item-link:hover .play{background-color: rgba(255,255,255,0.2);} .youtube-item-link:hover{transform: scale(1.04);} /*PAGE_404*/ .page-404-img-holder{min-height: 320px; background: url('i/404.png') center center / contain no-repeat; } .page-404-img-holder span{font-size: 40px; font-weight: 900;} @media (max-width: 767px){ .page-404-img-holder{min-height: 160px;} .page-404-img-holder span{font-size: 20px;} } /*LANG_2020*/ .dropdown-menu.lang{min-width: 120px;} .dropdown-menu.lang .dropdown-item{ text-align: center; padding-left: 40px; background-size: 24px 24px; background-position: 15px center; background-repeat: no-repeat; } .dropdown-menu.lang .dropdown-item.ru{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' style='enable-background:new 0 0 512 512;' xml:space='preserve'%3E%3Ccircle style='fill:%23F0F0F0;' cx='256' cy='256' r='256'/%3E%3Cpath style='fill:%230052B4;' d='M496.077,345.043C506.368,317.31,512,287.314,512,256s-5.632-61.31-15.923-89.043H15.923 C5.633,194.69,0,224.686,0,256s5.633,61.31,15.923,89.043L256,367.304L496.077,345.043z'/%3E%3Cpath style='fill:%23D80027;' d='M256,512c110.071,0,203.906-69.472,240.077-166.957H15.923C52.094,442.528,145.929,512,256,512z'/%3E%3C/svg%3E");} .dropdown-menu.lang .dropdown-item.en{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' style='enable-background:new 0 0 512 512;' xml:space='preserve'%3E%3Ccircle style='fill:%23F0F0F0;' cx='256' cy='256' r='256'/%3E%3Cg%3E%3Cpath style='fill:%230052B4;' d='M52.92,100.142c-20.109,26.163-35.272,56.318-44.101,89.077h133.178L52.92,100.142z'/%3E%3Cpath style='fill:%230052B4;' d='M503.181,189.219c-8.829-32.758-23.993-62.913-44.101-89.076l-89.075,89.076H503.181z'/%3E%3Cpath style='fill:%230052B4;' d='M8.819,322.784c8.83,32.758,23.993,62.913,44.101,89.075l89.074-89.075L8.819,322.784L8.819,322.784 z'/%3E%3Cpath style='fill:%230052B4;' d='M411.858,52.921c-26.163-20.109-56.317-35.272-89.076-44.102v133.177L411.858,52.921z'/%3E%3Cpath style='fill:%230052B4;' d='M100.142,459.079c26.163,20.109,56.318,35.272,89.076,44.102V370.005L100.142,459.079z'/%3E%3Cpath style='fill:%230052B4;' d='M189.217,8.819c-32.758,8.83-62.913,23.993-89.075,44.101l89.075,89.075V8.819z'/%3E%3Cpath style='fill:%230052B4;' d='M322.783,503.181c32.758-8.83,62.913-23.993,89.075-44.101l-89.075-89.075V503.181z'/%3E%3Cpath style='fill:%230052B4;' d='M370.005,322.784l89.075,89.076c20.108-26.162,35.272-56.318,44.101-89.076H370.005z'/%3E%3C/g%3E%3Cg%3E%3Cpath style='fill:%23D80027;' d='M509.833,222.609h-220.44h-0.001V2.167C278.461,0.744,267.317,0,256,0 c-11.319,0-22.461,0.744-33.391,2.167v220.44v0.001H2.167C0.744,233.539,0,244.683,0,256c0,11.319,0.744,22.461,2.167,33.391 h220.44h0.001v220.442C233.539,511.256,244.681,512,256,512c11.317,0,22.461-0.743,33.391-2.167v-220.44v-0.001h220.442 C511.256,278.461,512,267.319,512,256C512,244.683,511.256,233.539,509.833,222.609z'/%3E%3Cpath style='fill:%23D80027;' d='M322.783,322.784L322.783,322.784L437.019,437.02c5.254-5.252,10.266-10.743,15.048-16.435 l-97.802-97.802h-31.482V322.784z'/%3E%3Cpath style='fill:%23D80027;' d='M189.217,322.784h-0.002L74.98,437.019c5.252,5.254,10.743,10.266,16.435,15.048l97.802-97.804 V322.784z'/%3E%3Cpath style='fill:%23D80027;' d='M189.217,189.219v-0.002L74.981,74.98c-5.254,5.252-10.266,10.743-15.048,16.435l97.803,97.803 H189.217z'/%3E%3Cpath style='fill:%23D80027;' d='M322.783,189.219L322.783,189.219L437.02,74.981c-5.252-5.254-10.743-10.266-16.435-15.047 l-97.802,97.803V189.219z'/%3E%3C/g%3E%3C/svg%3E");} .dropdown-menu.lang .dropdown-item.fr{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Ccircle style='fill:%23F0F0F0;' cx='256' cy='256' r='256'/%3E%3Cpath style='fill:%23D80027;' d='M512,256c0-110.071-69.472-203.906-166.957-240.077v480.155C442.528,459.906,512,366.071,512,256z'/%3E%3Cpath style='fill:%230052B4;' d='M0,256c0,110.071,69.473,203.906,166.957,240.077V15.923C69.473,52.094,0,145.929,0,256z'/%3E%3C/svg%3E");} .dropdown-menu.lang .dropdown-item.it{background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHhtbG5zOnhsaW5rPSdodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rJyB2ZXJzaW9uPScxLjEnIHdpZHRoPScyNTYnIGhlaWdodD0nMjU2JyB2aWV3Qm94PScwIDAgMjU2IDI1NicgeG1sOnNwYWNlPSdwcmVzZXJ2ZSc+PGcgc3R5bGU9J3N0cm9rZTogbm9uZTsgc3Ryb2tlLXdpZHRoOiAwOyBzdHJva2UtZGFzaGFycmF5OiBub25lOyBzdHJva2UtbGluZWNhcDogYnV0dDsgc3Ryb2tlLWxpbmVqb2luOiBtaXRlcjsgc3Ryb2tlLW1pdGVybGltaXQ6IDEwOyBmaWxsOiBub25lOyBmaWxsLXJ1bGU6IG5vbnplcm87IG9wYWNpdHk6IDE7JyB0cmFuc2Zvcm09J3RyYW5zbGF0ZSgxLjQwNjU5MzQwNjU5MzQwMTYgMS40MDY1OTM0MDY1OTM0MDE2KSBzY2FsZSgyLjgxIDIuODEpJz48cGF0aCBkPSdNIDYwIDIuNTcxIHYgODQuODU5IGMgMTcuNDY2IC02LjE3NSAyOS45ODUgLTIyLjgxOCAzMCAtNDIuMzk2IHYgLTAuMDY4IEMgODkuOTg1IDI1LjM4OSA3Ny40NjUgOC43NDUgNjAgMi41NzEgeicgc3R5bGU9J3N0cm9rZTogbm9uZTsgc3Ryb2tlLXdpZHRoOiAxOyBzdHJva2UtZGFzaGFycmF5OiBub25lOyBzdHJva2UtbGluZWNhcDogYnV0dDsgc3Ryb2tlLWxpbmVqb2luOiBtaXRlcjsgc3Ryb2tlLW1pdGVybGltaXQ6IDEwOyBmaWxsOiByZ2IoMjA2LDQzLDU1KTsgZmlsbC1ydWxlOiBub256ZXJvOyBvcGFjaXR5OiAxOycgdHJhbnNmb3JtPScgbWF0cml4KDEgMCAwIDEgMCAwKSAnIHN0cm9rZS1saW5lY2FwPSdyb3VuZCcvPjxwYXRoIGQ9J00gMzAgODcuNDI5IFYgMi41NzEgQyAxMi41MjQgOC43NSAwIDI1LjQwOCAwIDQ1IFMgMTIuNTI0IDgxLjI1IDMwIDg3LjQyOSB6JyBzdHlsZT0nc3Ryb2tlOiBub25lOyBzdHJva2Utd2lkdGg6IDE7IHN0cm9rZS1kYXNoYXJyYXk6IG5vbmU7IHN0cm9rZS1saW5lY2FwOiBidXR0OyBzdHJva2UtbGluZWpvaW46IG1pdGVyOyBzdHJva2UtbWl0ZXJsaW1pdDogMTA7IGZpbGw6IHJnYigwLDE0Niw3MCk7IGZpbGwtcnVsZTogbm9uemVybzsgb3BhY2l0eTogMTsnIHRyYW5zZm9ybT0nIG1hdHJpeCgxIDAgMCAxIDAgMCkgJyBzdHJva2UtbGluZWNhcD0ncm91bmQnLz48cGF0aCBkPSdNIDMwIDg3LjQyOSBDIDM0LjY5MyA4OS4wODggMzkuNzM5IDkwIDQ1IDkwIGMgNS4yNjEgMCAxMC4zMDcgLTAuOTExIDE1IC0yLjU3MSBWIDIuNTcxIEMgNTUuMzA3IDAuOTExIDUwLjI2MSAwIDQ1IDAgYyAtNS4yNjEgMCAtMTAuMzA3IDAuOTEyIC0xNSAyLjU3MSBWIDg3LjQyOSB6JyBzdHlsZT0nc3Ryb2tlOiBub25lOyBzdHJva2Utd2lkdGg6IDE7IHN0cm9rZS1kYXNoYXJyYXk6IG5vbmU7IHN0cm9rZS1saW5lY2FwOiBidXR0OyBzdHJva2UtbGluZWpvaW46IG1pdGVyOyBzdHJva2UtbWl0ZXJsaW1pdDogMTA7IGZpbGw6IHJnYigyNDMsMjQ0LDI0NSk7IGZpbGwtcnVsZTogbm9uemVybzsgb3BhY2l0eTogMTsnIHRyYW5zZm9ybT0nIG1hdHJpeCgxIDAgMCAxIDAgMCkgJyBzdHJva2UtbGluZWNhcD0ncm91bmQnLz48L2c+PC9zdmc+");} .dropdown-menu.lang .dropdown-item.active, .dropdown-menu.lang .dropdown-item:active {color: #16181b; text-decoration: none; background-color: #f8f9fa;} .dropdown-menu.lang .dropdown-item:focus, .dropdown-menu.lang .dropdown-item:hover { color: #fff; text-decoration: none; background-color: #f24841;} .dropdown-toggle::after {border-top: 6px solid; border-right: 6px solid transparent; border-bottom: 0; border-left: 6px solid transparent;} .btn.btn-lang{background: transparent; padding: 4px 0px 4px 40px; min-width: auto; border: 1px solid transparent; height: 40px; width: 56px; line-height: 30px; color: #adadad; font-size: 16px; font-weight: 900; background-size: 34px 34px; background-position: 0px center; background-repeat: no-repeat; box-shadow: none!important;} .btn.btn-lang:hover{color: #e54a41;} .btn.btn-lang.ru{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' style='enable-background:new 0 0 512 512;' xml:space='preserve'%3E%3Ccircle style='fill:%23F0F0F0;' cx='256' cy='256' r='256'/%3E%3Cpath style='fill:%230052B4;' d='M496.077,345.043C506.368,317.31,512,287.314,512,256s-5.632-61.31-15.923-89.043H15.923 C5.633,194.69,0,224.686,0,256s5.633,61.31,15.923,89.043L256,367.304L496.077,345.043z'/%3E%3Cpath style='fill:%23D80027;' d='M256,512c110.071,0,203.906-69.472,240.077-166.957H15.923C52.094,442.528,145.929,512,256,512z'/%3E%3C/svg%3E");} .btn.btn-lang.en, .btn.btn-lang.eng{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' style='enable-background:new 0 0 512 512;' xml:space='preserve'%3E%3Ccircle style='fill:%23F0F0F0;' cx='256' cy='256' r='256'/%3E%3Cg%3E%3Cpath style='fill:%230052B4;' d='M52.92,100.142c-20.109,26.163-35.272,56.318-44.101,89.077h133.178L52.92,100.142z'/%3E%3Cpath style='fill:%230052B4;' d='M503.181,189.219c-8.829-32.758-23.993-62.913-44.101-89.076l-89.075,89.076H503.181z'/%3E%3Cpath style='fill:%230052B4;' d='M8.819,322.784c8.83,32.758,23.993,62.913,44.101,89.075l89.074-89.075L8.819,322.784L8.819,322.784 z'/%3E%3Cpath style='fill:%230052B4;' d='M411.858,52.921c-26.163-20.109-56.317-35.272-89.076-44.102v133.177L411.858,52.921z'/%3E%3Cpath style='fill:%230052B4;' d='M100.142,459.079c26.163,20.109,56.318,35.272,89.076,44.102V370.005L100.142,459.079z'/%3E%3Cpath style='fill:%230052B4;' d='M189.217,8.819c-32.758,8.83-62.913,23.993-89.075,44.101l89.075,89.075V8.819z'/%3E%3Cpath style='fill:%230052B4;' d='M322.783,503.181c32.758-8.83,62.913-23.993,89.075-44.101l-89.075-89.075V503.181z'/%3E%3Cpath style='fill:%230052B4;' d='M370.005,322.784l89.075,89.076c20.108-26.162,35.272-56.318,44.101-89.076H370.005z'/%3E%3C/g%3E%3Cg%3E%3Cpath style='fill:%23D80027;' d='M509.833,222.609h-220.44h-0.001V2.167C278.461,0.744,267.317,0,256,0 c-11.319,0-22.461,0.744-33.391,2.167v220.44v0.001H2.167C0.744,233.539,0,244.683,0,256c0,11.319,0.744,22.461,2.167,33.391 h220.44h0.001v220.442C233.539,511.256,244.681,512,256,512c11.317,0,22.461-0.743,33.391-2.167v-220.44v-0.001h220.442 C511.256,278.461,512,267.319,512,256C512,244.683,511.256,233.539,509.833,222.609z'/%3E%3Cpath style='fill:%23D80027;' d='M322.783,322.784L322.783,322.784L437.019,437.02c5.254-5.252,10.266-10.743,15.048-16.435 l-97.802-97.802h-31.482V322.784z'/%3E%3Cpath style='fill:%23D80027;' d='M189.217,322.784h-0.002L74.98,437.019c5.252,5.254,10.743,10.266,16.435,15.048l97.802-97.804 V322.784z'/%3E%3Cpath style='fill:%23D80027;' d='M189.217,189.219v-0.002L74.981,74.98c-5.254,5.252-10.266,10.743-15.048,16.435l97.803,97.803 H189.217z'/%3E%3Cpath style='fill:%23D80027;' d='M322.783,189.219L322.783,189.219L437.02,74.981c-5.252-5.254-10.743-10.266-16.435-15.047 l-97.802,97.803V189.219z'/%3E%3C/g%3E%3C/svg%3E");} .btn.btn-lang.fr{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Ccircle style='fill:%23F0F0F0;' cx='256' cy='256' r='256'/%3E%3Cpath style='fill:%23D80027;' d='M512,256c0-110.071-69.472-203.906-166.957-240.077v480.155C442.528,459.906,512,366.071,512,256z'/%3E%3Cpath style='fill:%230052B4;' d='M0,256c0,110.071,69.473,203.906,166.957,240.077V15.923C69.473,52.094,0,145.929,0,256z'/%3E%3C/svg%3E");} .btn.btn-lang.it{background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHhtbG5zOnhsaW5rPSdodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rJyB2ZXJzaW9uPScxLjEnIHdpZHRoPScyNTYnIGhlaWdodD0nMjU2JyB2aWV3Qm94PScwIDAgMjU2IDI1NicgeG1sOnNwYWNlPSdwcmVzZXJ2ZSc+PGcgc3R5bGU9J3N0cm9rZTogbm9uZTsgc3Ryb2tlLXdpZHRoOiAwOyBzdHJva2UtZGFzaGFycmF5OiBub25lOyBzdHJva2UtbGluZWNhcDogYnV0dDsgc3Ryb2tlLWxpbmVqb2luOiBtaXRlcjsgc3Ryb2tlLW1pdGVybGltaXQ6IDEwOyBmaWxsOiBub25lOyBmaWxsLXJ1bGU6IG5vbnplcm87IG9wYWNpdHk6IDE7JyB0cmFuc2Zvcm09J3RyYW5zbGF0ZSgxLjQwNjU5MzQwNjU5MzQwMTYgMS40MDY1OTM0MDY1OTM0MDE2KSBzY2FsZSgyLjgxIDIuODEpJz48cGF0aCBkPSdNIDYwIDIuNTcxIHYgODQuODU5IGMgMTcuNDY2IC02LjE3NSAyOS45ODUgLTIyLjgxOCAzMCAtNDIuMzk2IHYgLTAuMDY4IEMgODkuOTg1IDI1LjM4OSA3Ny40NjUgOC43NDUgNjAgMi41NzEgeicgc3R5bGU9J3N0cm9rZTogbm9uZTsgc3Ryb2tlLXdpZHRoOiAxOyBzdHJva2UtZGFzaGFycmF5OiBub25lOyBzdHJva2UtbGluZWNhcDogYnV0dDsgc3Ryb2tlLWxpbmVqb2luOiBtaXRlcjsgc3Ryb2tlLW1pdGVybGltaXQ6IDEwOyBmaWxsOiByZ2IoMjA2LDQzLDU1KTsgZmlsbC1ydWxlOiBub256ZXJvOyBvcGFjaXR5OiAxOycgdHJhbnNmb3JtPScgbWF0cml4KDEgMCAwIDEgMCAwKSAnIHN0cm9rZS1saW5lY2FwPSdyb3VuZCcvPjxwYXRoIGQ9J00gMzAgODcuNDI5IFYgMi41NzEgQyAxMi41MjQgOC43NSAwIDI1LjQwOCAwIDQ1IFMgMTIuNTI0IDgxLjI1IDMwIDg3LjQyOSB6JyBzdHlsZT0nc3Ryb2tlOiBub25lOyBzdHJva2Utd2lkdGg6IDE7IHN0cm9rZS1kYXNoYXJyYXk6IG5vbmU7IHN0cm9rZS1saW5lY2FwOiBidXR0OyBzdHJva2UtbGluZWpvaW46IG1pdGVyOyBzdHJva2UtbWl0ZXJsaW1pdDogMTA7IGZpbGw6IHJnYigwLDE0Niw3MCk7IGZpbGwtcnVsZTogbm9uemVybzsgb3BhY2l0eTogMTsnIHRyYW5zZm9ybT0nIG1hdHJpeCgxIDAgMCAxIDAgMCkgJyBzdHJva2UtbGluZWNhcD0ncm91bmQnLz48cGF0aCBkPSdNIDMwIDg3LjQyOSBDIDM0LjY5MyA4OS4wODggMzkuNzM5IDkwIDQ1IDkwIGMgNS4yNjEgMCAxMC4zMDcgLTAuOTExIDE1IC0yLjU3MSBWIDIuNTcxIEMgNTUuMzA3IDAuOTExIDUwLjI2MSAwIDQ1IDAgYyAtNS4yNjEgMCAtMTAuMzA3IDAuOTEyIC0xNSAyLjU3MSBWIDg3LjQyOSB6JyBzdHlsZT0nc3Ryb2tlOiBub25lOyBzdHJva2Utd2lkdGg6IDE7IHN0cm9rZS1kYXNoYXJyYXk6IG5vbmU7IHN0cm9rZS1saW5lY2FwOiBidXR0OyBzdHJva2UtbGluZWpvaW46IG1pdGVyOyBzdHJva2UtbWl0ZXJsaW1pdDogMTA7IGZpbGw6IHJnYigyNDMsMjQ0LDI0NSk7IGZpbGwtcnVsZTogbm9uemVybzsgb3BhY2l0eTogMTsnIHRyYW5zZm9ybT0nIG1hdHJpeCgxIDAgMCAxIDAgMCkgJyBzdHJva2UtbGluZWNhcD0ncm91bmQnLz48L2c+PC9zdmc+");} /*HEADER_2020*/ .section-item-name-new{color: #fff; border-radius: 6px; font-size: 10px; background: #e54a41; top: -10px; padding: 1px 4px;} .header{position: relative; z-index: 100;} .header__top-pad{position: absolute; left:0; top:0; right: 0; background-color: #ffffffba;} .header__row-1{padding-top: 25px; padding-bottom: 13px;} .header__row-2{padding-top: 12px; padding-bottom: 12px;} .header__logo{display: block; width: 140px; height: 40px; background: url('i/logo-2020.png') left center / contain no-repeat; } .header__tel, .header__email{color: #e54a41; font-size: 14px; } .header__tel:hover, .header__email:hover{color: #e54a41; text-decoration: underline;} .header__inner{padding-top: 0px; padding-bottom: 0px; position: relative; height: 279px;} @media (max-width: 1199px){ .header__inner{height: 239px;} } @media (max-width: 767px){ .header{padding-top: 64px;} .header__inner{height: 130px;} .header.no-search .header__inner{height: 60px;} .landing-page .header__inner{height: 60px;} .landing-page .h-search__searchtitle{display: none;} .header__inner .container{/*max-width: 100%!important; padding-left: 20px; padding-right: 20px;*/} .header__logo{margin-bottom: 10px;} } .header__inner-content{display: none;} .header__inner-content .row{min-height: 100vh; } .header__catalog-nav-holder{position: absolute; left: 0; right: 0; bottom: 0px;} .header.over-content{position: absolute; left:0; right: 0; top: 0; background-color: rgba(255,255,255,0.95);} .header.over-content .header__top-pad {background-color: rgba(255,255,255,0.0);} .header.over-content .header__catalog-nav-holder{background-color: rgba(255,255,255,0.0);} .m-menu{z-index: 901; position: fixed; left:0; right:0; bottom: 0px; top: 0px; transform: translateY(-100%); transition: all 400ms; padding: 15px 0 30px; background: #313131; visibility: hidden; overflow-y: scroll; overflow-x: hidden;} .m-menu .container{max-width: 100%!important;} .menu-on{overflow: hidden;} .menu-on #m-menu{transform: translateY(0); visibility: visible;} .m-menu__close{display: block; position: absolute; top:0; right: 0px; width: 60px; height: 60px; background-size: 20px 20px; background-repeat: no-repeat; background-position: center center; background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%23fff'%3E%3Cpath d='M12,10l8,8l-2,2l-8-8l-8,8l-2-2l8-8L0,2l2-2l8,8l8-8l2,2L12,10z'/%3E%3C/svg%3E%0A");} .m-menu__tel, .m-menu__email{display: inline-block; color: #e54a41; font-size: 14px; margin-bottom: 10px; text-decoration: none;} .m-menu__tel:hover, .m-menu__email:hover{color: #e54a41; text-decoration: none;} .mp-mobile-intro{padding-top: 150px; padding-bottom: 65px; padding-left: 20px; padding-right: 20px;} .mobile-intro-title-1{font-size: 22px; font-weight: 900; font-style: italic; margin-bottom: 20px;} .mobile-intro-title-2{font-size: 22px; font-weight: normal; font-style: italic; margin-bottom: 20px;} .mobile-intro-dima{padding-left: 80px; min-height: 60px; background: url('i/ava-mobile.png') left top / 60px 60px no-repeat;} #mobile-btn-whatsapp, #mobile-btn-menu, #mobile-btn-cart{display: block; width: 54px; height: 54px; position: fixed; right: 5px; background: #fff; border-radius: 10px; box-shadow: 0 0px 20px 0 rgba(0,0,0,0.20);} #mobile-btn-menu{top: 5px; z-index: 700; background-position: center center; background-repeat: no-repeat; background-size: 22px 20px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 20' fill='%23000'%3E%3Crect y='0' width='22' height='4'/%3E%3Crect y='8' width='22' height='4'/%3E%3Crect y='16' width='22' height='4'/%3E%3C/svg%3E ");} #mobile-btn-cart{bottom: 5px; z-index: 701; background-position: 8px 17px; background-repeat: no-repeat; background-size: 35px 26px; background-image: url("data:image/svg+xml,%3Csvg fill='%23000' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 35 26'%3E%3Cpath d='M20.7,9.5L20.7,9.5L20.7,9.5L20.7,9.5z M20.7,9.5L20.7,9.5L20.7,9.5L20.7,9.5z M17.5,15.9h1.4l-3.3-6.4h5l0,0l-1-2.5h-5.3 l-1.7-3.2H8.6l6.2,12.1H17.5z M35,9.6L35,9.6L35,9.6L34,7H21.3l1,2.5h9.9L28,17.9H11.2l1.2,2h17.5L35,9.6L35,9.6L35,9.6z M10.9,0H0 l1.4,2.5h10.9L10.9,0z M12.3,21.2c-1.3,0-2.4,1.1-2.4,2.4c0,1.3,1.1,2.4,2.4,2.4c1.3,0,2.4-1.1,2.4-2.4 C14.7,22.3,13.6,21.2,12.3,21.2z M27.5,21.2c-1.3,0-2.4,1.1-2.4,2.4c0,1.3,1.1,2.4,2.4,2.4c1.3,0,2.4-1.1,2.4-2.4 C29.9,22.3,28.9,21.2,27.5,21.2z'%3E%3C/path%3E%3C/svg%3E");} #mobile-btn-whatsapp{bottom: 64px; z-index: 702; background: linear-gradient(135deg, #90fa8d 0%,#53b540 100%); outline: none!important; border: 0;} #mobile-btn-whatsapp svg{width: 40px; height: 40px; position: absolute; left: 7px; top: 7px;} #mobile-btn-cart #mobile-cart-items-num {position: absolute; right: 3px; top: 8px; display: inline-block; font-size: 12px; min-width: 20px; height: 20px; border-radius: 10px; background: #e54a41; color: #fff; text-decoration: none; text-align: center; padding: 0 1px; line-height: 20px;} #mobile-btn-cart #mobile-cart-items-num.animated:before{animation: mAddToCart 1s ease-in-out; animation-iteration-count: 1; content: ''; background-color: #f24841; position: absolute; left: 50%; top: 50%; border-radius: 50%;} @keyframes mAddToCart {0% {height: 100%; width: 100%; margin-top: -50%; margin-left: -50%; opacity: 0.95; }100% {height: 800%; width: 800%;margin-top: -400%;margin-left: -400%;opacity: 0; } } /*CONTACTS_PAGE*/ .contacts-page__msg-item{width: 40px; height: 40px; display: inline-block; background-size: contain; background-position: center center; background-repeat: no-repeat; transition: all 200ms;} .contacts-page__msg-item.telegram{background-image: url('i/contacts/icon-telegram.png');} .contacts-page__msg-item.viber{background-image: url('i/contacts/icon-viber.png');} .contacts-page__msg-item.whatsapp{background-image: url('i/contacts/icon-whatsapp.png');} .contacts-page__msg-item:hover{transform: translateY(-8px);} /*PAGE_DELIVERY_PAYMENT*/ .del-pay-title{color: #d6d6d6; font-size: 60px; font-weight: 900; margin-bottom: 30px;} .del-pay-number{display: inline-block; width: 30px; height: 30px; line-height: 30px; border:0px solid #fff; color:#fff; font-weight: 900; background: #e54a41; margin-right: 10px; text-align: center; border-radius: 50%;} .del-pay-legend{padding: 0 0 0 30px; font-size: 14px;} ol.delivery-list {list-style-type: none; counter-reset: num; position: relative; margin: 0 0 0 60px; padding: 0px 0 0px 0; } ol.delivery-list li {position: relative; margin: 0 0 0 0; padding: 5px 0 40px 10px; line-height: 1.4; font-size: 16px;} ol.delivery-list li:after {content: counter(num); counter-increment: num; display: inline-block; position: absolute; top: 0; left: -50px; width: 40px; height: 40px; font-weight: 900; line-height: 40px; background: #000; color: #fff; text-align: center; font-size: 24px; border-radius: 50%;} @media(max-width: 767px){ ol.delivery-list {margin-left: 40px;} ol.delivery-list li{font-size: 14px; padding: 6px 0 30px 0px; } ol.delivery-list li:after {left: -40px; width: 30px; height: 30px; font-size: 18px; line-height: 30px;} } ol.del-pay-list {list-style-type: none; counter-reset: num; position: relative; margin: 0 0 0 60px; padding: 0px 0 0px 0; } ol.del-pay-list li {position: relative; margin: 0 0 0 0; padding: 5px 0 40px 10px; line-height: 1.4; font-size: 16px;} ol.del-pay-list li:after {content: counter(num); counter-increment: num; display: inline-block; position: absolute; top: 0; left: -50px; width: 40px; height: 40px; font-weight: 900; line-height: 40px; background: #ff002a; color: #fff; text-align: center; font-size: 24px; border-radius: 50%;} ol.del-pay-list li:before {content: ''; position: absolute; top: 40px; bottom: 0px; left: -32px; width: 4px; background: linear-gradient(to bottom, #ffffff 0%,#ff002a 100%);} ol.del-pay-list li:last-child:before {display: none;} @media(max-width: 767px){ ol.del-pay-list {margin-left: 40px;} ol.del-pay-list li{font-size: 14px; padding: 6px 0 30px 0px; } ol.del-pay-list li:after {left: -40px; width: 30px; height: 30px; font-size: 18px; line-height: 30px;} ol.del-pay-list li:before{top: 30px; bottom: 0px; left: -26px; width: 2px;} } @media (max-width: 767px){ .del-pay-title{color: #d6d6d6; font-size: 60px; line-height: 60px; font-weight: 900; margin-bottom: 15px;} } .page-payment_alert-pad{border: 1px solid #ffd000; border-radius: 10px; padding: 10px 20px 20px 20px;} .page-payment_alert-title{min-height: 22px; padding-left: 35px; margin-left: -10px; background: url('i/warning.jpg') left top / 24px 22px no-repeat;} /*SUCCECC_WINDOW*/ .success-window{display: none; position: fixed; left:0; top:0; right: 0; bottom: 0; z-index: 910; background: linear-gradient(135deg, rgba(177,200,26,1) 0%,rgba(14,228,155,1) 100%); color: #fff; min-height: 100vh; padding: 30px 0;} .success-window-inner{position: absolute; left:0; top:0; right: 0; bottom: 0; overflow-y: auto;} .success-window-img{width: 110px; height: 98px; display: inline-block; background: url('i/done.png') center center / 110px 98px no-repeat; } .success-window-title{font-weight: 800; font-size: 30px; margin-bottom: 30px; margin-top: 60px;} .success-window-text{margin-bottom: 45px;} .success-window.loading .success-loading{opacity: 1; visibility: visible;} .success-loading{opacity: 0; visibility: hidden; position: absolute; left:0; top:0; right:0; bottom: 0; background: rgba(255,255,255,1); display: flex; align-items: center!important; justify-content: center!important; transition: all 300ms;} .success-loading__inner{padding: 30px 15px; font-size: 18px; text-align: center; line-height: 30px; color: #f54c68;} /*MP*/ .mp-banners-holder{margin-bottom: 60px;} .mp-banner{display: block; border-radius: 10px; box-shadow: 0 15px 45px 10px rgba(0,0,0,0.1); transition: all 400ms; margin-bottom: 30px;} .mp-banner img{border-radius: 10px;} .mp-banner:hover{transform: translateY(-10px);} @media(max-width: 767px){ .mp-banners-holder{margin-bottom: 0px;} } /*PAGE_CONTACTS*/ .contacts-line{border-bottom: 2px solid #e7e7e7; margin-bottom: 20px;} .btn.btn-contacts{color: #0070c9; border: 2px solid #0070c9; border-radius: 5px; background: transparent; padding: 13px 15px;} .btn.btn-contacts:hover{color: #fff; border: 2px solid #0070c9; border-radius: 5px; background: #0070c9;} /*PAGE_ABOUT*/ .page-about-list{list-style: none; margin: 0; padding: 0;} .page-about-list li{padding: 0; margin: 0 0 60px 0;} .page-about-social-icons{margin-top: 30px; margin-bottom: 30px; margin-left: -15px; margin-right: -15px;} .page-about-social-icon{display: inline-block; margin: 0 15px 15px 15px; width: 40px; height: 40px; transition: all 200ms; background-size: contain; background-position: center center; background-repeat: no-repeat;} .page-about-social-icon:hover{transform: translateY(-4px);} .page-about-social-icon.vk {background-image: url("/include/kadzama_template/i/contacts/vk.png");} .page-about-social-icon.fb {background-image: url("/include/kadzama_template/i/contacts/fb.png");} .page-about-social-icon.youtube {background-image: url("/include/kadzama_template/i/contacts/yt.png"); width: 58px;} .page-about-social-icon.rt {background-image: url("/include/kadzama_template/i/contacts/rt.png"); width: 100px;} .page-about-social-icon.inst {background-image: url("/include/kadzama_template/i/contacts/in.png");} /*MAIN_LAYOUT*/ .workarea{padding: 0 0 60px 0;} .page-wrapper{position: relative;} .page-holder{position: relative; padding-top: 100px;} @media(max-width: 767px){ .page-holder{position: relative; padding-top: 90px;} } /*FOOTER*/ .footer{background: #2e2e2e; color: #fff; padding-bottom: 20px; padding-top: 40px; position: relative;} .footer a{color: #fff; text-decoration: underline;} .footer a:hover{color: #e54a41;} .footer-nav ul{list-style: none; padding:0; margin:0 0 25px 0;} .footer-nav ul li{margin: 15px 0 0 0; padding:0;} .footer-nav ul li a{color: #fff; text-decoration: none; font-weight: 900; font-size: 16px;} .footer-nav-title{color: #676767; font-weight: 900; font-size: 16px;} .footer .footer-tel-block{margin-bottom: 20px;} .footer .footer-tel-desc-red{color: #e54a41; font-size: 12px;} .footer .footer-tel-desc-pack{color: #c6b567; font-size: 12px;} .footer .footer-tel-block a{color: #fff; font-size: 16px; font-weight: 900; text-decoration: none;} .footer .footer-tel-block a:hover{color: #fff; text-decoration: none;} .footer-worktime-desc{font-size: 12px;} .footer-worktime{margin-bottom: 25px;} .footer-email{margin-bottom: 15px;} .footer-geo-desc{font-size: 12px;} .footer-copyright{color: rgba(255,255,255,0.4); font-size: 12px;} .footer-private{margin-bottom: 25px;} .footer-private a{color: rgba(255,255,255,0.4); text-decoration: underline; font-size: 12px;} .footer-social-icons{margin-bottom: 60px;} .footer-social-icon{display: inline-block; width: 40px; height: 40px; border-radius: 50%; transition: all 200ms; background-repeat: no-repeat; background-position: center center;} .footer-social-icon:hover{background-color: rgba(255,255,255,0.2);} .footer-social-icon.vk{background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40' fill='%23fff'%3E%3Cpath d='M28.9,27.4c-0.5,0-1,0-1.5,0c-0.8,0-1.4-0.4-1.9-0.9c-0.4-0.4-0.8-0.9-1.3-1.4c-0.2-0.2-0.4-0.4-0.7-0.6 c-0.5-0.4-1-0.3-1.2,0.3c-0.2,0.4-0.3,0.9-0.3,1.4c-0.1,0.9-0.3,1.2-1.3,1.2c-1.2,0-2.3,0-3.4-0.4c-1.6-0.6-2.9-1.5-4-2.8 c-1.2-1.4-2.2-3-3.1-4.6C9.6,18.3,9,17,8.4,15.6c-0.4-0.8-0.2-1.1,0.7-1.2c1,0,2.1,0,3.1,0c0.5,0,0.9,0.3,1.1,0.8 c0.7,1.6,1.5,3.2,2.6,4.6c0.2,0.2,0.3,0.4,0.5,0.5c0.3,0.2,0.6,0.1,0.8-0.2c0.1-0.3,0.2-0.7,0.2-1c0-1,0-2,0-3 c0-0.7-0.5-1.1-1.1-1.2c-0.3-0.1-0.3-0.1-0.1-0.4c0.3-0.3,0.6-0.5,1-0.6c0.8-0.1,1.5-0.1,2.3-0.1c0.6,0,1.1,0.1,1.7,0.1 c0.6,0.1,0.9,0.4,0.9,1c0,0.3,0,0.7,0,1c0,1-0.1,1.9-0.1,2.9c0,0.3,0,0.7,0.1,1c0.1,0.5,0.5,0.6,0.9,0.3c0.4-0.4,0.7-0.8,1.1-1.2 c0.9-1.2,1.5-2.5,2-3.9c0.2-0.6,0.4-0.7,1-0.7c1,0,1.9,0,2.9,0c0.3,0,0.7,0,1,0c0.7,0.1,1,0.4,0.7,1c-0.3,0.7-0.7,1.4-1.1,2.1 c-0.7,1-1.4,1.9-2.1,2.9c-0.7,1-0.7,1.3,0.2,2.1c0.8,0.8,1.6,1.6,2.3,2.4c0.3,0.3,0.5,0.7,0.7,1.1c0.3,0.5,0.1,1-0.5,1.2 c-0.2,0.1-0.5,0.1-0.7,0.1C30,27.4,29.4,27.4,28.9,27.4C28.9,27.4,28.9,27.4,28.9,27.4z'/%3E%3C/svg%3E%0A");} .footer-social-icon.fb{background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40' fill='%23fff'%3E%3Cpath d='M21.6,16.8l0-1.8c0-0.8,0.1-1.3,1.4-1.3h1.7v-3.2h-2.8c-3.3,0-4.5,1.6-4.5,4.2v2h-2.1V20h2.1v9.4h4.2V20h2.8l0.4-3.2H21.6z'/%3E%3C/svg%3E%0A");} .footer-social-icon.youtube{background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40' fill='%23fff'%3E%3Cpath d='M30.8,14.6c-0.3-1-1-1.7-2-2c-1.8-0.5-8.8-0.5-8.8-0.5s-7.1,0-8.8,0.5c-1,0.3-1.7,1-2,2C8.7,16.3,8.7,20,8.7,20 s0,3.7,0.5,5.4c0.3,1,1,1.7,2,2c1.8,0.5,8.8,0.5,8.8,0.5s7.1,0,8.8-0.5c1-0.3,1.7-1,2-2c0.5-1.8,0.5-5.4,0.5-5.4 S31.3,16.3,30.8,14.6z M17.7,23.4v-6.8l5.9,3.4L17.7,23.4z'/%3E%3C/svg%3E%0A");} .footer-social-icon.inst{background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40' fill='%23fff'%3E%3Cpath d='M25.1,8.8H14.9c-3.3,0-6.1,2.7-6.1,6.1v10.2c0,3.3,2.7,6.1,6.1,6.1h10.2c3.3,0,6.1-2.7,6.1-6.1V14.9 C31.2,11.5,28.5,8.8,25.1,8.8z M29.2,25.1c0,2.2-1.8,4-4,4H14.9c-2.2,0-4-1.8-4-4V14.9c0-2.2,1.8-4,4-4h10.2c2.2,0,4,1.8,4,4V25.1z M20,14.2c-3.2,0-5.8,2.6-5.8,5.8c0,3.2,2.6,5.8,5.8,5.8c3.2,0,5.8-2.6,5.8-5.8C25.8,16.8,23.2,14.2,20,14.2z M20,23.8 c-2.1,0-3.8-1.7-3.8-3.8c0-2.1,1.7-3.8,3.8-3.8c2.1,0,3.8,1.7,3.8,3.8C23.8,22.1,22.1,23.8,20,23.8z M27.4,14c0,0.8-0.6,1.4-1.4,1.4 s-1.4-0.6-1.4-1.4c0-0.8,0.6-1.4,1.4-1.4S27.4,13.2,27.4,14z'/%3E%3C/svg%3E%0A");} .footer-social-icon.tg{background-size: 24px 24px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23ffffff' viewBox='0 0 24 24'%3E%3Cpath d='m20.665 3.717-17.73 6.837c-1.21.486-1.203 1.161-.222 1.462l4.552 1.42 10.532-6.645c.498-.303.953-.14.579.192l-8.533 7.701h-.002l.002.001-.314 4.692c.46 0 .663-.211.921-.46l2.211-2.15 4.599 3.397c.848.467 1.457.227 1.668-.785l3.019-14.228c.309-1.239-.473-1.8-1.282-1.434z'/%3E%3C/svg%3E");} @media (max-width: 767px){ .footer-social-icons{margin-bottom: 35px; margin-top: 35px;} .footer{text-align: center;} }