/*Обнуление*/ * { padding: 0; margin: 0; font-family: 'Gilroy Medium'; color: #232326; } *, *:before, *:after { -webkit-box-sizing: border-box; box-sizing: border-box; } :focus, :active { outline: none; } a:focus, a:active { outline: none; } nav, footer, header, aside { display: block; } html, body { height: 100%; width: 100%; font-size: 100%; line-height: 1; font-size: 14px; -ms-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } input, button, textarea { font-family: inherit; } input::-ms-clear { display: none; } button { cursor: pointer; } button::-moz-focus-inner { padding: 0; border: 0; } a, a:visited { text-decoration: none; } a:hover { text-decoration: none; } ul li { list-style: none; } img { vertical-align: top; } h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: 400; } body { background: #F6F6F6; font-size: 16px; /*padding: 50px 60px;*/ } @media (max-width: 1620px) { body { /*padding: 20px 50px;*/ } } @media (max-width: 991px) { body { /*padding: 20px 30px;*/ } } @media (max-width: 768px) { body { padding: 0; } } ._locked-modal { overflow: hidden; } /*--------------------*/ /* start fonts */ @font-face { font-family: 'Sweet'; src: local('Sweet'), url('../style/fonts/public_new/SweetMavkaScript.woff2') format('woff2'), url('../style/fonts/public_new/SweetMavkaScript.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Gilroy Light'; src: local('Gilroy-Light'), url('../style/fonts/public_new/Gilroy-Light.woff2') format('woff2'), url('../style/fonts/public_new/Gilroy-Light.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Gilroy Medium'; src: local('Gilroy-Medium'), url('../style/fonts/public_new/Gilroy-Medium.woff2') format('woff2'), url('../style/fonts/public_new/Gilroy-Medium.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Gilroy SemiBold'; src: local('Gilroy-SemiBold'), url('../style/fonts/public_new/Gilroy-SemiBold.woff2') format('woff2'), url('../style/fonts/public_new/Gilroy-SemiBold.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Gilroy Regular'; src: local('Gilroy-Regular'), url('fonts/public_new/Gilroy-Regular.woff2') format('woff2'), url('fonts/public_new/Gilroy-Regular.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } /*@font-face {*/ /* font-family: 'Sweet Mavka Script';*/ /* src: local('Sweet Mavka Script'), local('SweetMavkaScript'),*/ /* url('https://narekaet.com/view/style/fonts/public_new/SweetMavkaScript.woff2') format('woff2'),*/ /* url('https://narekaet.com/view/style/fonts/public_new/SweetMavkaScript.woff') format('woff');*/ /* font-weight: normal;*/ /* font-style: normal;*/ /* font-display: swap;*/ /*}*/ @font-face { font-family: 'SF T Regular'; src: local('SF UI Text Regular'), local('SFUIText-Regular'), url('https://narekaet.com/view/style/fonts/public_new/SFUIText-Regular.woff2') format('woff2'), url('https://narekaet.com/view/style/fonts/public_new/SFUIText-Regular.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'SF T Semibold'; src: local('SF UI Text Semibold'), local('SFUIText-Semibold'), url('https://narekaet.com/view/style/fonts/public_new/SFUIText-Semibold.woff2') format('woff2'), url('https://narekaet.com/view/style/fonts/public_new/SFUIText-Semibold.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } /* end fonts */ /* start header */ .header{ position: absolute; top: 0; left: 0; width: 100%; } .header__wrapper { height: 90px; border-radius: 45px 45px 0px 0px; } .header__wrapper.round { border-radius: 45px; } .header__container { padding: 0 50px; height: 100%; } .header__body { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100%; } .menu-header__list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .menu-header__list-item:nth-child(2) { margin: 0 50px; } .menu-header__list-link { -webkit-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; position: relative; color: #fff } .menu-header__list-link::after { content: ''; position: absolute; top: 48px; left: 50%; border-top: solid 0 #5dadc1; border-left: solid 0 #5dadc1; border-top-left-radius: 5px; border-right: solid 6px transparent; border-bottom: solid 6px transparent; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); margin-left: -6px; -webkit-transition: all 0.1s ease 0s; -o-transition: all 0.1s ease 0s; transition: all 0.1s ease 0s; } @media (any-hover: hover) { .menu-header__list-link:hover { color: #5dadc1; } .menu-header__list-link:hover::after { border-top: solid 7px #5dadc1; border-left: solid 7px #5dadc1; } } .actions-header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .actions-header__cart { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; visibility: visible !important; opacity: 1 !important; } .cart-count{ transition: all 0.1s ease 0s } .actions-header__cart-name{ color: #fff; } .cart-count{ color: #fff } @media (any-hover: hover) { .actions-header__cart:hover .actions-header__cart-btn { -webkit-box-shadow: 0px 22px 58px rgba(93, 173, 193, 0.38); box-shadow: 0px 22px 58px rgba(93, 173, 193, 0.38); } .actions-header__cart:hover .actions-header__cart-name { color: #5dadc1; } .actions-header__cart:hover .cart-count{ color: #5dadc1; } .actions-header__cart:hover .actions-header__cart-btn::after { border-top: solid 7px #5dadc1; border-left: solid 7px #5dadc1; } } .actions-header__cart-btn { position: relative; border-radius: 50%; width: 50px; height: 50px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-right: 15px; background: -o-linear-gradient(250.13deg, #5dadc1 30.98%, #4e9db1 86.92%), #5dadc1; background: linear-gradient(199.87deg, #5dadc1 30.98%, #4e9db1 86.92%), #5dadc1; -webkit-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; z-index: 2; } .actions-header__cart-btn::before { content: ''; position: absolute; left: 0; top: 11px; width: 100%; height: 40px; border-radius: 50%; border-bottom: 3px solid #2c646b; } .actions-header__cart-btn::after { content: ''; position: absolute; top: 64px; left: 50%; border-top: solid 0 #5dadc1; border-left: solid 0 #5dadc1; border-top-left-radius: 5px; border-right: solid 6px transparent; border-bottom: solid 6px transparent; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); margin-left: -6px; -webkit-transition: all 0.1s ease 0s; -o-transition: all 0.1s ease 0s; transition: all 0.1s ease 0s; } .header-panel { display: none; } @media (max-width: 1620px) { .header__wrapper { height: 60px; border-radius: 15px 15px 0 0; } .header__wrapper.round { border-radius: 15px; } .header__container { padding: 0 50px; height: 100%; } .menu-header__list-link::after { top: 33px; left: 50%; } .actions-header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .actions-header__cart-btn { width: 40px; height: 40px; } .actions-header__cart-btn::before { content: ''; position: absolute; left: 0; top: 1px; width: 100%; height: 40px; border-bottom: 3px solid #2c646b; } .actions-header__cart-btn img { width: 20px; height: 20px; } .actions-header__cart-btn::after { top: 44px; left: 50%; } } @media (max-width: 991px) { .header__wrapper { height: 55px; border-radius: 20px 20px 0px 0px; } .header__wrapper.round { border-radius: 20px; } .header__container { height: 100%; } .header__logo img { height: 25px; } .menu-header__list-item:nth-child(2) { margin: 0 20px; } .menu-header__list-link { font-size: 14px; } .menu-header__list-link::after { content: ''; position: absolute; top: 48px; left: 50%; border-top: solid 0 #5dadc1; border-left: solid 0 #5dadc1; border-top-left-radius: 5px; border-right: solid 6px transparent; border-bottom: solid 6px transparent; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); margin-left: -6px; -webkit-transition: all 0.1s ease 0s; -o-transition: all 0.1s ease 0s; transition: all 0.1s ease 0s; } .actions-header__cart { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } @media (max-width: 991px) and (any-hover: hover) { .actions-header__cart:hover .actions-header__cart-btn { -webkit-box-shadow: 0px 22px 58px rgba(93, 173, 193, 0.38); box-shadow: 0px 22px 58px rgba(93, 173, 193, 0.38); } .actions-header__cart:hover .actions-header__cart-name { color: #5dadc1; } .actions-header__cart:hover .actions-header__cart-btn::after { border-top: solid 7px #5dadc1; border-left: solid 7px #5dadc1; } } @media (max-width: 991px) { .actions-header__cart-name { display: none; } .actions-header__cart-btn { position: relative; width: 30px; height: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-right: 0; background: -o-linear-gradient(250.13deg, #5dadc1 30.98%, #4e9db1 86.92%), #5dadc1; background: linear-gradient(199.87deg, #5dadc1 30.98%, #4e9db1 86.92%), #5dadc1; -webkit-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; } .actions-header__cart-btn::before { content: ''; position: absolute; left: 0; top: 1px; width: 100%; height: 30px; border-bottom: 2px solid #2c646b; } .actions-header__cart-btn img { width: 15px; } .actions-header__cart-btn::after { content: ''; position: absolute; top: 64px; left: 50%; border-top: solid 0 #5dadc1; border-left: solid 0 #5dadc1; border-top-left-radius: 5px; border-right: solid 6px transparent; border-bottom: solid 6px transparent; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); margin-left: -6px; -webkit-transition: all 0.1s ease 0s; -o-transition: all 0.1s ease 0s; transition: all 0.1s ease 0s; } } .menu-header__btn { display: none; } .actions-header__cart-count { display: none; } @media (max-width: 768px) { .actions-header__burger { position: relative; border-radius: 50%; width: 30px; height: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-right: 10px; background: -o-linear-gradient(250.13deg, #5dadc1 30.98%, #4e9db1 86.92%), #5dadc1; background: linear-gradient(199.87deg, #5dadc1 30.98%, #4e9db1 86.92%), #5dadc1; -webkit-box-shadow: 0px 2px 1px 0px #2c646b; box-shadow: 0px 2px 1px 0px #2c646b; -webkit-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; background-image: url(https://narekaet.com//view/image/public_new/burger.svg); background-size: auto; background-position: center center; background-repeat: no-repeat; } .header__container { padding: 0 20px; height: 100%; } .header-panel { display: block; height: 55px; width: 100%; position: absolute; z-index: 3; border-radius: 0px; } .menu-header { position: absolute; width: 100%; height: 100vh; top: -1000px; left: 0; background-color: #23707b; background-image: url(../image/public_new/burger-menu-background.png); background-repeat: no-repeat; background-size: cover; background-position: center center; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; padding: 30px 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; z-index: 2; } .menu-header .menu-header__btn { margin-top: auto; } .menu-header__nav { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .menu-header__list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .menu-header__list-item { height: 65px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-bottom: 1px solid #fff; width: 100%; } .menu-header__list-item:nth-child(2) { margin: 0; } .menu-header__list-link { font-size: 20px; color: #fff; } .menu-header__list-link::after { content: ''; position: absolute; top: 48px; left: 50%; border-top: solid 0 #5dadc1; border-left: solid 0 #5dadc1; border-top-left-radius: 5px; border-right: solid 6px transparent; border-bottom: solid 6px transparent; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); margin-left: -6px; -webkit-transition: all 0.1s ease 0s; -o-transition: all 0.1s ease 0s; transition: all 0.1s ease 0s; } .actions-header { position: relative; z-index: 3; } .header__logo { position: relative; z-index: 3; } .menu-header__btn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background: -o-linear-gradient(250.13deg, #5dadc1 30.98%, #4e9db1 86.92%), #5dadc1; background: linear-gradient(199.87deg, #5dadc1 30.98%, #4e9db1 86.92%), #5dadc1; border-radius: 17.5303px; width: 100%; height: 60px; color: #fff; font-size: 18px; } .actions-header__cart-count { position: absolute; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background: #1d646f; -webkit-box-shadow: 0px 4px 4px rgba(29, 100, 111, 0.56); box-shadow: 0px 4px 4px rgba(29, 100, 111, 0.56); width: 15px; height: 15px; border-radius: 50%; top: -7px; right: -7px; color: #fff; font-size: 10px; z-index: 10; } } .actions-header__burger._active { background-image: url(https://narekaet.com//view/image/public_new/burger-cross.svg); } .header__menu._active { top: 0; } /* end header */ /* start footer */ .footer__wrapper{ background: #FFFFFF; border-radius: 60px; padding: 50px 120px; } .footer-body { display: -webkit-box; display: -ms-flexbox; display: flex; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 0 auto; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .footer-body p { font-size: 20px; text-align: center; line-height: 34px; font-family: 'Gilroy Regular'; max-width: 100%; border-bottom: 1px solid #E4E4E4; padding-bottom: 30px; width: 100%; } .footer-body a { border-bottom: 1px solid #5dadc1; color: #5dadc1; font-family: 'Gilroy Regular'; -webkit-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; } .footer-body a:hover { color: #a9d7e2; border-bottom: 1px solid #a9d7e2; } .footer__dev{ margin-top: 20px; } .footer__dev a{ display: flex; align-items: center; justify-content: center; border-bottom: none !important; } .footer__dev span{ color: #232326 !important; font-size: 20px; line-height: 34px; font-family: 'Gilroy Regular'; display: inline-block !important; margin-top: 0 !important; opacity: 1 !important; margin-left: 15px; } @media (max-width: 1460px) { .footer-body { } .footer-body p { font-size: 18px; text-align: center; line-height: 30px; font-family: 'Gilroy Regular'; } .footer-body a { border-bottom: 1px solid #5dadc1; color: #5dadc1; font-family: 'Gilroy Regular'; } } @media (max-width: 991px) { .footer-body { } .footer-body p { font-size: 16px; text-align: center; line-height: 27px; font-family: 'Gilroy Regular'; max-width: 100%; } .footer-body a { border-bottom: 1px solid #5dadc1; color: #5dadc1; font-family: 'Gilroy Regular'; } .footer__wrapper{ padding: 30px 20px; } } /* end footer */ /* select 2 js */ .select2-search { display: none !important; } .select2 { width: 100% !important; } .select2 .selection { display: block; height: 100%; } .select2-selection { display: flex !important; align-items: center !important; height: 100% !important; border: 1px solid #c9c9c9 !important; border-radius: 10px !important; font-size: 20px !important; font-family: 'Gilroy Regular' !important; padding: 0 15px !important; position: relative !important; } .select2-selection__rendered { font-size: 20px !important; color: #232326 !important; font-family: 'Gilroy Regular' !important; opacity: 0.7; } .select2-selection::after { content: ''; position: absolute; right: 10px; top: 50%; transform: translate(0, -50%); background: url(../image/public_new/select-icon.svg) no-repeat; width: 20px; height: 20px; background-position: center; } .select2-selection__arrow { display: none; } .select2-dropdown { margin-top: 5px; border-radius: 5px !important; border: 1px solid #c9c9c9 !important; } .select2-results { border-radius: 5px !important; max-height: 170px !important; } .select2-results__options { max-height: 170px !important; } .select2-results__options::-webkit-scrollbar { width: 0px; height: 1px; background-color: #e5f0f3; } .select2-results__options::-webkit-scrollbar-thumb { width: 0px; height: 1px; background-color: #5dadc1; } .select2-results__option { padding: 10px 15px !important; } .select2-results__option:first-child { border-radius: 5px 5px 0 0; } .select2-results__option:last-child { border-radius: 0 0 5px 5px; } .select2-results__option:hover { background-color: #5dadc1 !important; } .select2-results__option--selected { background-color: #5dadc1 !important; color: #fff !important; } @media (max-width: 1620px) { .name-form__bottom { height: 50px; } .select2-selection__rendered { font-size: 18px !important; color: #232326 !important; font-family: 'Gilroy Regular' !important; opacity: 0.7; } .name-form__types { margin-top: 30px; } .select2-selection__rendered { font-size: 18px !important; color: #232326 !important; font-family: 'Gilroy Regular' !important; opacity: 0.7; } } /* end select 2 */ /* start modals */ .names-modal { position: fixed; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; visibility: hidden; opacity: 0; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); z-index: 55; } .success-modal{ position: fixed; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); z-index: 55; visibility: collapse; opacity: 0; } .success-modal .names-modal__body { } .modal-success__actions{ display: flex; justify-content: space-between; width: 100%; margin-top: 30px; } .modal-success__actions-left{ flex: 1 1 auto; display: flex; align-items: center; justify-content: center; background: linear-gradient(199.87deg, #5DADC1 30.98%, #4E9DB1 86.92%), #5DADC1; border-radius: 17.5303px; height: 70px; color: #fff; font-family: 'Gilroy Medium'; position: relative; transition: all 0.3s ease 0s; font-size: 20px; margin-right: 20px; } .modal-success__actions-left:hover{ -webkit-box-shadow: 0px 22px 58px rgb(93 173 193 / 38%); box-shadow: 0px 22px 58px rgb(93 173 193 / 38%); } .modal-success__actions-left::after{ content: ''; position: absolute; left: 0; top: 0px; width: 100%; height: 70px; border-radius: 17.5303px; border-bottom: 3px solid #1F5359; } .modal-success__actions-right{ flex: 1 1 auto; display: flex; align-items: center; justify-content: center; background: linear-gradient(0deg, rgba(255, 255, 255, 0.88), rgba(255, 255, 255, 0.88)), #5DADC1; border-radius: 17.5303px; height: 70px; color: #408799; font-family: 'Gilroy Medium'; position: relative; transition: all 0.3s ease 0s; font-size: 20px; } .modal-success__actions-right::after{ content: ''; position: absolute; left: 0; top: 0px; width: 100%; height: 70px; border-radius: 17.5303px; border-bottom: 3px solid #d3e5eb; } .modal-success__actions-right:hover{ -webkit-box-shadow: 0px 6px 17px rgba(92, 172, 192, 0.6); box-shadow: 0px 6px 17px rgba(92, 172, 192, 0.6); background: linear-gradient(0deg, rgba(255, 255, 255, 0.73), rgba(255, 255, 255, 0.73)), #5DADC1; } .modal-success__actions-right:hover::after{ border-bottom: 3px solid #5dadc1; } .success-modal h2{ line-height: 1.6; } .names-modal._opened { top: 0; visibility: visible; opacity: 1; } .success-modal._opened { top: 0; visibility: visible; opacity: 1; } .names-modal__wrapper { height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .names-modal__body { position: relative; } .modal-close { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 50%; position: absolute; top: 20px; right: 20px; -webkit-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; cursor: pointer; } .modal-close:hover { -webkit-box-shadow: 0px 22px 58px rgba(93, 173, 193, 0.38); box-shadow: 0px 22px 58px rgba(93, 173, 193, 0.38); } .modal-cross { width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative; } .modal-names { background: #ffffff; border-radius: 30px; padding: 50px; position: relative; max-width: 675px; } .modal-names__title { font-size: 36px; } .modal-names__variants { margin-top: 20px; } .modal-names__counter { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .modal-names__counter p { font-size: 20px; font-family: 'Gilroy Regular'; } .modal-names__slider { margin-top: 15px; position: relative; margin-left: -10px } .modal-names__slider .slick-list{ padding: 0 10px; } .modal-names__slider .custom-checkbox + label::before { display: none !important; } .modal-names__slider .slick-track { -webkit-column-gap: 20px; -moz-column-gap: 20px; column-gap: 20px; } .modal-names__slider-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .modal-names__slider-item input { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .modal-names__slider-item label { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; cursor: pointer; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; width: 100%; } .modal-names__form { margin-top: 30px; } .current-slides { font-family: 'Gilroy Regular'; } .total-slides { font-family: 'Gilroy Regular'; } .custom-checkbox { position: absolute; z-index: -1; opacity: 0; } .custom-checkbox + label { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .custom-checkbox + label::after, .custom-checkbox + label::before { content: ''; display: -webkit-box; display: -ms-flexbox; display: flex; width: 20px; height: 20px; border: none; border-radius: 50%; background-repeat: no-repeat; background-position: center center; background-size: 50% 50%; background-color: #e8e8e8; margin: 20px auto 0 auto; background-image: url('../image/public_new/checkbox-icon.svg'); background-position: 60% 50%; } .custom-checkbox:checked + label::after, .custom-checkbox:checked + label::before { background-color: #57a7bb; background-image: url('../image/public_new/checkbox-icon.svg'); } .names-slider__variant { background: #ffffff; border-radius: 10px; height: 165px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative; width: 100%; } .names-slider__variant img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; } .names-slider__variant span { font-family: 'Sweet Mavka Script'; font-size: 25px; color: #fff; position: relative; z-index: 2; } .names-slider__variant::after { content: ''; position: absolute; width: 100%; height: 100%; border: 3px solid #fff; border-radius: 10px; top: 0; left: 0; -webkit-box-shadow: 0px 9px 12px rgba(0, 0, 0, 0.13); box-shadow: 0px 9px 12px rgba(0, 0, 0, 0.13); z-index: 2; } .names-slider__variant img { border-radius: 10px; } .name-form__top { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .name-form__top-left { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; margin-right: 15px; } .name-form__top-left input { width: 100%; background: #ffffff; border: 1px solid #c9c9c9; border-radius: 10px; font-size: 20px; font-family: 'Gilroy Regular'; height: 60px; padding: 0 20px; } .name-form__top-right { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; } .name-form__top-right input { width: 100%; background: #ffffff; border: 1px solid #c9c9c9; border-radius: 10px; margin-right: 15px; font-size: 20px; font-family: 'Gilroy Regular'; height: 60px; padding: 0 20px; } .name-form__bottom { margin-top: 30px; } .name-form__bottom-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; height: 60px; } .name-form__bottom-wrap select { width: 100%; background: #ffffff; border: 1px solid #c9c9c9; border-radius: 10px; font-size: 20px; font-family: 'Gilroy Regular'; height: 60px; padding: 0 20px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(../image/public_new/select-icon.svg) no-repeat; background-position: right center; background-position-x: calc(100% - 20px); } .name-form__types { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: 0px; } .name-form__types-print { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .name-form__types-print .custom-checkbox + label::after { display: none; } .name-form__types-print .custom-checkbox + label::before { margin: 0; margin-right: 15px; } .name-form__types-print label { cursor: pointer; font-size: 20px; } .name-form__types-electronic label { cursor: pointer; font-size: 20px; transition: all 0.1s ease 0s; } .name-form__types-electronic label:hover{ color: #5DADC1 } .name-form__types-print label:hover::before{ border: 1px solid #5DADC1; background-image: url(../image/public_new/checkbox-icon-active.svg); } .name-form__types-print .custom-checkbox:checked+label:hover::before{ background-image: url(../image/public_new/checkbox-icon.svg); } .name-form__types-electronic .custom-checkbox:checked+label:hover::before{ background-image: url(../image/public_new/checkbox-icon.svg); } .name-form__types-print label:hover{ color: #5DADC1 } .name-form__types-electronic label:hover::before{ border: 1px solid #5DADC1; background-image: url(../image/public_new/checkbox-icon-active.svg); } .modal-names__slider-item label:hover::after{ border: 1px solid #5DADC1; background-image: url(../image/public_new/checkbox-icon-active.svg); } .modal-names__slider-item .custom-checkbox:checked+label:hover::after{ background-image: url(../image/public_new/checkbox-icon.svg); } .name-form__types-electronic { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .name-form__types-electronic .custom-checkbox + label::after { display: none; } .name-form__types-electronic .custom-checkbox + label::before { margin: 0; margin-right: 15px; } .name-form__btn { margin-top: 30px; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: #fff; font-size: 20px; background: -o-linear-gradient(250.13deg, #5dadc1 30.98%, #4e9db1 86.92%), #5dadc1; background: linear-gradient(199.87deg, #5dadc1 30.98%, #4e9db1 86.92%), #5dadc1; border-radius: 17.5303px; -webkit-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; border: none; position: relative; height: 70px; } .name-form__btn::after { content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: 0; border-radius: 17.5303px; border-bottom: 3px solid #2c646b; } .name-form__btn:hover { -webkit-box-shadow: 0px 22px 58px rgba(93, 173, 193, 0.38); box-shadow: 0px 22px 58px rgba(93, 173, 193, 0.38); } .input-labl { margin-bottom: 10px; font-family: 'Gilroy Regular'; font-size: 18px; } @media (max-width: 1620px) { .modal-success__actions-left{ font-size: 18px; } .modal-success__actions-right{ font-size: 18px; } .modal-names { border-radius: 30px; padding: 30px; max-width: 460px; } .modal-names__title { font-size: 32px; } .modal-names__variants { margin-top: 20px; } .modal-names__counter p { font-size: 18px; } .modal-names__slider { margin-top: 10px; } .modal-names__slider .custom-checkbox + label::after { margin: 10px auto 0 auto; } .modal-names__slider-item label { width: 100%; } .modal-names__form { margin-top: 20px; } .names-slider__variant { border-radius: 7px; height: 145px; } .names-slider__variant img { border-radius: 7px; } .names-slider__variant span { font-size: 18px; } .names-slider__variant::after { border: 3px solid #fff; border-radius: 7px; } .names-slider__variant img { border-radius: 7px; } .name-form__top-left { margin-right: 10px; } .name-form__top-left input { font-size: 18px; height: 50px; } .name-form__top-right input { margin-right: 10px; font-size: 18px; height: 50px; } .name-form__bottom { margin-top: 20px; } .name-form__bottom-wrap { -webkit-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px; height: 50px; } .name-form__bottom-wrap select { font-size: 18px; height: 50px; background-position-x: calc(100% - 10px); } .name-form__types { margin-top: 30px; } .name-form__btn { margin-top: 20px; font-size: 18px; height: 60px; } .input-labl { margin-bottom: 10px; font-size: 18px; } .names-slider__variant::after { border-radius: 7px; } .name-form__types-print label { cursor: pointer; font-size: 16px; } .name-form__types-electronic label { cursor: pointer; font-size: 16px; } .name-form__types-print .custom-checkbox + label::before { margin-right: 7px; } .name-form__types-electronic .custom-checkbox + label::before { margin-right: 7px; } } @media (max-width: 600px) { .modal-success__actions{ flex-direction: column; } .modal-success__actions-left{ margin-right: 0; margin-bottom: 15px; } .modal-names { border-radius: 20px; padding: 20px; max-width: 100%; } .select2-selection__rendered { font-size: 16px !important; } .modal-names__title { font-size: 24px; } .modal-names__variants { margin-top: 10px; } .modal-names__counter p { font-size: 16px; } .modal-names__slider { margin-top: 10px; } .modal-names__slider .custom-checkbox + label::after { margin: 10px auto 0 auto; } .modal-names__slider-item label { width: 100%; } .modal-names__form { margin-top: 20px; } .names-slider__variant { border-radius: 7px; height: 115px; } .names-slider__variant img { border-radius: 7px; } .names-slider__variant span { font-size: 12px; } .names-slider__variant::after { border: 3px solid #fff; border-radius: 7px; } .names-slider__variant img { border-radius: 7px; } .name-form { margin-top: 25px; } .name-form__top { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .name-form__top-left input { font-size: 16px; height: 50px; } .name-form__top-right { margin-top: 15px; } .name-form__top-right input { margin-right: 0; font-size: 16px; height: 50px; } .name-form__bottom { margin-top: 15px; } .name-form__bottom-wrap { -webkit-column-gap: 5px; -moz-column-gap: 5px; column-gap: 5px; } .name-form__bottom-wrap select { font-size: 16px; height: 50px; } .name-form__types { margin-top: 30px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .name-form__types-electronic { margin-top: 15px; } .name-form__btn { margin-top: 20px; font-size: 18px; height: 60px; } .input-labl { margin-bottom: 10px; font-size: 18px; } .names-slider__variant::after { border-radius: 7px; } .names-modal__wrapper { margin: 0 30px !important; } .modal-names__slider .slick-track { -webkit-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px; } } /* end modals */ /* first block */ .offer__wrapper { background-color: #23707b; /*background-image: url(../image/public_new/offer-background.png);*/ background: linear-gradient(180deg, #0E1420 0%, #0C1824 21.35%, #192638 48.96%, #26324A 64.06%, #2E4162 75.52%, #41597B 85.42%, #8A768B 92.19%, #FE9DA5 100%); background-size: cover; } .offer__container { background-image: url('https://narekaet.com//view/image/public_new/sky-bg.svg'); background-repeat: no-repeat; padding: 0 180px; } .body-offer { display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; padding-top: 60px; } .body-offer__text { -webkit-box-flex: 1; -ms-flex: 1 0 55%; flex: 1 0 55%; } .body-offer__text-title { font-size:94px; color: #fff; line-height: 150%; font-family: Sweet; } .body-offer__text-description { margin-top: 35px; font-size: 24px; line-height: 41px; max-width: 90%; } .body-offer__text-description p{ color: #fff; font-family: 'Gilroy Regular'; } .body-offer__text-btn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background: linear-gradient(200deg, #65BFD6 30.98%, #4390A4 86.92%), #5DADC1; border-radius: 17.5303px; width: 100%; height: 60px; color: #fff; font-size: 18px; max-width: 222px; margin-top: 50px; -webkit-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; position: relative; } .body-offer__text-btn::before { content: ''; position: absolute; left: 0; top: 20px; width: 100%; height: 40px; border-radius: 17.5303px; border-bottom: 3px solid #2c646b; } @media (any-hover: hover) { .body-offer__text-btn:hover { -webkit-box-shadow: 0px 22px 58px rgba(93, 173, 193, 0.38); box-shadow: 0px 22px 58px rgba(93, 173, 193, 0.38); } } .body-offer__slider-item { text-align: center; } .body-offer__slider-item img { height: 780px; transition: all 0.1s ease 0s; } .style-text { text-align: center; color: #fff; font-size: 18px; margin-top: 15px; } .offer__textblocks{ margin-top: 75px; display: flex; column-gap: 30px; padding-bottom: 160px; } .offer__textblocks-item{ padding: 60px; border-radius: 30px; border-right: 1px solid #FFF; border-bottom: 1px solid #FFF; border-left: 1px solid #FFF; background: #394E70; position: relative; flex: 1 1 30%; } .offer__textblocks-item img{ position: absolute; top: -23px; left: 50%; margin-left: -22px; } .offer__textblocks-item p{ color: #FFF; font-family: Gilroy Medium; font-size: 18px; line-height: 170%; /* 30.6px */ } @media(max-width: 1780px) { .body-offer__slider-item img{ height: 690px; } .body-offer__text-title{ font-size: 80px; } } @media (max-width: 1620px) { .offer__container{ padding: 0 !important; } .offer__wrapper { background-color: #23707b; background-size: cover; } .offer__container { padding: 0 50px; } .style-text { text-align: center; color: #fff; font-size: 18px; } .body-offer { display: -webkit-box; display: -ms-flexbox; display: flex; padding-top: 70px; padding-bottom: 40px; } .body-offer__text { -webkit-box-flex: 1; -ms-flex: 1 0 43.58974%; flex: 1 0 43.58974%; } .body-offer__text-title { font-size: 40px; line-height: 150%; } .body-offer__text-description { margin-top: 30px; } .body-offer__text-description p{ font-size: 18px; line-height: 30px; } .body-offer__text-btn { font-size: 18px; max-width: 178px; margin-top: 30px; } .body-offer__text-btn::before { content: ''; position: absolute; left: 0; top: 20px; width: 100%; height: 40px; border-radius: 17.5303px; border-bottom: 3px solid #2c646b; } } @media (max-width: 1620px) and (any-hover: hover) { .body-offer__text-btn:hover { -webkit-box-shadow: 0px 22px 58px rgba(93, 173, 193, 0.38); box-shadow: 0px 22px 58px rgba(93, 173, 193, 0.38); } } @media (max-width: 1620px) { .body-offer__text-title{ font-size: 64px; } .offer__textblocks{ padding: 0 50px 120px 50px; } .body-offer__slider { height: 600px; } .body-offer__slider-item { text-align: center; } .offer__body{ padding-left: 90px; padding-right: 90px; } .body-offer__slider-item img { height: 600px; } .offer__textblocks-item{ padding: 40px; } } .body-offer__slider{ -moz-user-select: none; -o-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; } @media(max-width: 1300px) { .offer__body{ padding-left: 50px; padding-right: 50px; } } @media(max-width: 1200px) { .body-offer__slider-wrapper .offer-swiper-prev{ left: 50px !important; } .body-offer__slider-wrapper .offer-swiper-next{ right: 30px !important; } .body-offer__slider-item img{ height: 500px; } .body-offer__slider{ height: 500px; } .body-offer__text-title{ font-size: 48px; } } @media (max-width: 991px) { .offer__textblocks{ flex-direction: column; column-gap: 0; row-gap: 35px; padding-bottom: 10px; } .offer__container{ padding-top: 68px; } .offer__container { padding: 58px 0 110px 0 !important; } .dots-sldier__wrapper{ margin-top: 15px !important; } .body-offer { display: -webkit-box; display: -ms-flexbox; display: flex; align-items: flex-start; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding-top: 0px; padding-bottom: 90px; position: relative; } .body-offer__text { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; margin-top: 20px; } .body-offer__text-title { font-size: 40px; color: #fff; line-height: 40px; line-height: 1.5; } .body-offer__text-title br{ display: none; } .body-offer__text-description { margin-top: 15px; max-width: 100%; } .body-offer__text-description p{ font-size: 18px; line-height: 30px; } .body-offer__text-btn { width: calc(100% - 100px); height: 60px; color: #fff; font-size: 18px; max-width: 100%; position: absolute; left: 0; bottom: 0; margin-left: 50px; } } @media (max-width: 991px) and (any-hover: hover) { .body-offer__text-btn:hover { -webkit-box-shadow: 0px 22px 58px rgba(93, 173, 193, 0.38); box-shadow: 0px 22px 58px rgba(93, 173, 193, 0.38); } } @media (max-width: 991px) { .body-offer__slider { height: 500px; margin-top: 30px; } .body-offer__slider-item { text-align: center; } } @media (max-width: 768px) { .offer__wrapper { background-size: cover; } .offer__container { padding: 0 20px 110px 20px; } .body-offer__slider-item img { width: auto; max-height: 100% } } @media (max-width: 600px) { .offer__textblocks{ padding-bottom: 10px; padding-left: 20px; padding-right: 20px; } .offer__textblocks-item p{ font-size: 14px; } .offer__textblocks-item{ padding: 30px 20px 20px 20px; } .offer__wrapper { /*background-image: url(../image/public_new/offer-background-mobile.png);*/ background-size: cover; } .body-offer__text-btn{ width: calc(100% - 40px); margin-left: 20px; } .offer__body{ padding-left: 20px ; padding-right: 20px ; } .offer__container { padding: 0 20px 120px 20px; } .body-offer__text-title { font-size: 40px; color: #fff; line-height: 36px; line-height: 1.4; } .body-offer__text-description { margin-top: 15px; color: #fff; font-size: 16px; line-height: 30px; max-width: 100%; } } /* end first block */ /* start second block */ .steps { background: #FBFBFB !important; position: relative; border-radius: 60px 60px 0 0; margin-top: -60px; } .app { position: relative; border-radius: 60px 60px 0 0; margin-top: -60px; background: #fff; } .steps{ } .steps__container { padding: 0px 120px 100px 120px; } .steps__body{ padding-bottom: 100px; border-bottom: 1px solid #E4E4E4; } .body-steps__title { font-size: 48px; line-height: 84px; padding-top: 70px; max-width: 60%; font-family: Gilroy SemiBold; line-height: 1.4; color: #2e2e2e; } .body-steps__items { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 45px; } .steps-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; } .steps-item__number { position: relative; } .steps-item__number span { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); font-family: 'Sweet'; font-size: 70px; text-align: center; display: block; padding-right: 15px; color: #394E70; } .steps-item__number img { width: 95px; max-height: 100px; } .steps-item__text { font-size: 22px; line-height: 41px; margin-left: 10px; } .steps-item__line { margin: 0 auto; } .steps-item__line img { width: 130px; } .body-steps__items-item:first-child { width: 36%; margin-bottom: 40px; } .body-steps__items-item:nth-child(2) { width: 36%; margin-bottom: 40px; } .body-steps__items-item:nth-child(2) .steps-item__line { margin-top: -40px; } .body-steps__items-item:nth-child(2) .steps-item__line img { width: 140px; } .body-steps__items-item:nth-child(3) .steps-item__line{ display: none; } .body-steps__items-item:nth-child(3) { width: 28%; margin-bottom: 40px; } .body-steps__items-item:nth-child(4) { width: 36%; } .body-steps__items-item:nth-child(5) { width: 36%; } .body-steps__items-item:nth-child(6) { width: 28%; } @media (max-width: 1620px) { .steps__container { padding: 0 50px 100px 50px; } .body-steps__title { font-size: 40px; line-height: 60px; padding-top: 50px; max-width: 60%; } } @media (max-width: 1460px) { .steps { position: relative; border-radius: 60px 60px 0 0; margin-top: -60px; } .steps__container { padding: 0 50px 80px 50px; } .body-steps__title { font-size: 40px; line-height: 60px; padding-top: 50px; max-width: 70%; } .steps__body{ padding-bottom: 50px; } .steps-item__number { position: relative; } .steps-item__number span { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); font-size: 50px; } .steps-item__number img { width: 75px; } .steps-item__text { font-size: 18px; line-height: 30px; margin-left: 10px; line-height: 30px; } .steps-item__line { margin: 0 auto; } .steps-item__line img { width: 80px; } } @media (max-width: 1220px) { .steps { position: relative; border-radius: 60px 60px 0 0; margin-top: -60px; } .steps__container { padding: 0 50px 85px 50px; } .body-steps__title { font-size: 40px; line-height: 60px; padding-top: 50px; max-width: 70%; } .body-steps__items { margin-top: 40px; display: -ms-grid; display: grid; grid-template-columns: repeat(auto-fit, minmax(45%, 0.6fr)); grid-template-rows: repeat(auto-fit, 1fr); -webkit-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px; row-gap: 30px; } .steps-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; } .steps-item__number { position: relative; } .steps-item__number span { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .steps-item__number img { width: 65px; } .steps-item__text { font-size: 20px; line-height: 41px; margin-left: 10px; } .steps-item__line { margin: 0 auto; display: none; } .steps-item__line img { width: 80px; } .body-steps__items-item:first-child { width: 100%; margin-bottom: 0; } .body-steps__items-item:nth-child(2) { width: 100%; margin-bottom: 0; } .body-steps__items-item:nth-child(3) { width: 100%; margin-bottom: 0; } .body-steps__items-item:nth-child(4) { width: 100%; } .body-steps__items-item:nth-child(5) { width: 100%; } .body-steps__items-item:nth-child(6) { width: 100%; } } @media (max-width: 991px) { .steps { position: relative; border-radius: 30px 30px 0 0; margin-top: -60px; } .app { border-radius: 30px 30px 0 0; } .steps__container { padding: 0 50px 85px 50px; } .body-steps__title { font-size: 32px; line-height: 50px; padding-top: 20px; max-width: 100%; } .body-steps__items { margin-top: 40px; display: -ms-grid; display: grid; grid-template-columns: repeat(auto-fit, minmax(45%, 0.6fr)); grid-template-rows: repeat(auto-fit, 1fr); -webkit-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px; row-gap: 30px; } .steps-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; } .steps-item__number { position: relative; } .steps-item__number span { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .steps-item__number img { width: 65px; } .steps-item__text { font-size: 20px; line-height: 41px; margin-left: 10px; } .steps-item__line { margin: 0 auto; display: none; } .steps-item__line img { width: 80px; } .body-steps__items-item:first-child { width: 100%; margin-bottom: 0; } .body-steps__items-item:nth-child(2) { width: 100%; margin-bottom: 0; } .body-steps__items-item:nth-child(3) { width: 100%; margin-bottom: 0; } .body-steps__items-item:nth-child(4) { width: 100%; } .body-steps__items-item:nth-child(5) { width: 100%; } .body-steps__items-item:nth-child(6) { width: 100%; } } @media (max-width: 768px) { .steps { position: relative; border-radius: 30px 30px 0 0; margin-top: -60px; } .app { position: relative; border-radius: 30px 30px 0 0; margin-top: -60px; } .steps__container { padding: 0 20px 85px 20px; } .body-steps__title { font-size: 32px; line-height: 50px; padding-top: 20px; max-width: 100%; } .body-steps__items { margin-top: 40px; display: -ms-grid; display: grid; grid-template-columns: repeat(auto-fit, minmax(45%, 0.6fr)); grid-template-rows: repeat(auto-fit, 1fr); -webkit-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px; row-gap: 30px; } .steps-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; } .steps-item__number { position: relative; } .steps-item__number span { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .steps-item__number img { width: 65px; max-height: 100%; } .steps-item__text { font-size: 18px; line-height: 30px; margin-left: 10px; } .steps-item__line { margin: 0 auto; display: none; } .steps-item__line img { width: 80px; } } @media (max-width: 600px) { .steps__container { padding: 0 20px 75px 20px; } .body-steps__title { font-size: 24px; line-height: 36px; padding-top: 30px; } .body-steps__items { margin-top: 30px; grid-template-columns: repeat(auto-fit, minmax(100%, 1fr)); grid-template-rows: repeat(auto-fit, 1fr); -webkit-column-gap: 0px; -moz-column-gap: 0px; column-gap: 0px; } .steps-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .steps-item__number { position: relative; } .steps-item__number span { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .steps-item__number img { width: 85px; max-height: 100%; } .steps-item__text { font-size: 18px; line-height: 30px; margin-left: 0px; margin-top: 10px; } .steps-item__text br { display: none; } .steps-item__line { margin: 0 auto; display: none; } .steps-item__line img { width: 80px; } } /* end second block */ /* start third block */ .names__wrapper { background: linear-gradient(180deg, #0E1420 0%, #0C1824 21.35%, #192638 48.96%, #26324A 64.06%, #2E4162 75.52%, #41597B 85.42%); border-radius: 60px 60px 0 0; position: relative; margin-top: -60px; } .names__container { padding: 0 120px; } .body-names { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; padding: 65px 0 165px 0; } .body-names__left { -webkit-box-flex: 0; -ms-flex: 0 1 38%; flex: 0 1 38%; position: relative; min-width: 38%; } .body-names__catalog { background: #ffffff; -webkit-box-shadow: 0px 24px 40px rgba(0, 0, 0, 0.06); box-shadow: 0px 24px 40px rgba(0, 0, 0, 0.06); border-radius: 30px; padding: 60px 0 60px 60px; position: relative; z-index: 3; height: 665px; } .body-names__catalog-search { padding-right: 60px; } .body-names__catalog-search svg { -webkit-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; cursor: pointer; } .body-names__catalog-search svg path { -webkit-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; } .body-names__catalog-search svg:hover path { stroke: #5dadc1; } .body-names__catalog-items { padding-right: 30px; position: relative } .body-names__catalog-items p { margin-top: 30px; font-size: 24px; margin-bottom: 15px; color: #000; font-family: Gilroy SemiBold; } .search-catalog { width: 100%; height: 75px; position: relative; } .search-catalog__input { background: #F4F4F4; border: none; border-radius: 15px; padding: 0 30px; width: 100%; height: 100%; font-size: 24px; font-family: 'Gilroy Medium'; } .search-catalog svg { position: absolute; top: 50%; right: 85px; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); } .catalog-names { max-height: 405px; overflow-y: auto; box-shadow: 0px 14px 70px rgb(0 0 0 / 9%); background: #f9f9f9; } .catalog-names::-webkit-scrollbar { width: 2px; height: 1px; background-color: #e5f0f3; } .catalog-names::-webkit-scrollbar-thumb { width: 2px; height: 1px; background-color: #5dadc1; } .catalog-names__item { background: #ffffff; -webkit-box-shadow: 0px 24px 40px rgba(0, 0, 0, 0.06); box-shadow: 0px 24px 40px rgba(0, 0, 0, 0.06); border-radius: 10px; height: 90px; padding: 0 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: 10px; margin-right: 30px; cursor: pointer; } .catalog-names__item:hover a{ -webkit-box-shadow: 0px 22px 58px rgb(93 173 193 / 38%); box-shadow: 0px 22px 58px rgb(93 173 193 / 38%) } .catalog-names__item span { font-size: 24px; transition: all 0.3s ease 0s } .catalog-names__item a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: -o-linear-gradient(250.13deg, #5dadc1 30.98%, #4e9db1 86.92%), #5dadc1; background: linear-gradient(199.87deg, #5dadc1 30.98%, #4e9db1 86.92%), #5dadc1; border-radius: 17.5303px; height: 60px; padding: 0 20px; -webkit-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; position: relative; } .catalog-names__item a::before { content: ''; position: absolute; left: 0; top: 20px; width: 100%; height: 40px; border-radius: 17.5303px; border-bottom: 3px solid #2c646b; } .catalog-names__item a:hover { -webkit-box-shadow: 0px 22px 58px rgba(93, 173, 193, 0.38); box-shadow: 0px 22px 58px rgba(93, 173, 193, 0.38); } .catalog-names__item a img { margin-right: 12px; } .catalog-names__item a span { color: #fff; } .info-names { } .info-names__title { color: #fff; font-size: 56px; margin-bottom: 20px; } .info-names__subtitle { font-family: 'Gilroy Regular'; font-size: 24px; line-height: 41px; color: #fff; } .info-names__subtitle-strong { font-size: 24px; line-height: 41px; color: #fff; font-family: 'Gilroy Semibold'; } .info-names__types { margin-top: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; background: #ecae3d; border-radius: 15px; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; padding: 15px 30px; } .info-names__types-left { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding-right: 30px; border-right: 1px solid rgba(255, 255, 255, 0.29); } .info-names__types-left span:first-child { font-family: 'Gilroy Regular'; font-size: 24px; line-height: 41px; color: #fff; } .info-names__types-left span:last-child { font-family: 'Gilroy Semibold'; font-size: 36px; line-height: 61px; color: #fff; } .info-names__types-right { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; /* padding-left: 30px; */ } .info-names__types-right span:first-child { font-family: 'Gilroy Regular'; font-size: 24px; line-height: 41px; color: #fff; } .info-names__types-right p{ font-family: 'Gilroy Medium'; font-size: 56px; line-height: 1.5; color: #fff; margin-bottom: 5px; } .body-names__info span{ color: #fff; display: block; margin-top: 40px; font-size: 24px; } .info-names__types-right li{ font-family: 'Gilroy Regular'; font-size: 24px; line-height: 1.7; color: #fff; } .body-names__count { background: #c96d6c; border-radius: 26.109px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 265px; height: 170px; position: absolute; z-index: 2; right: -235px; top: -90px; -webkit-transform: rotate(15deg); -ms-transform: rotate(15deg); transform: rotate(15deg); } .body-names__count-top { font-size: 81px; line-height: 117px; color: #fff; text-align: center; } .body-names__count-bottom { margin-left: 40px; font-size: 24px; color: #fff; } .result-empty{ display: block !important; } .preload__item{ background: rgba(90, 170, 190, 0.12); border-radius: 10px; width: 100%; height: 90px; position: relative; transition: all 0.2s ease 0s; border-radius: 10px; } .preload__item:not(:first-child){ margin-top: 10px; } .catalog-preload__wrapper{ margin-top: 20px; margin-right: 30px; display: none; max-height: 520px; position: absolute; left: 0; top: 10px; padding-right: 60px; min-height: 520px; width: 100%; } .catalog-preload__wrapper._active{ display: block; } ._hidden{ display: none; } .preload__item::after { content: ""; border-radius: 10px; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #c3dbe4; animation-name: blink; animation-timing-function: linear; animation-duration: 3s; animation-iteration-count: infinite; } @keyframes blink { 50% { opacity: 0.3; } } @media (max-width: 1620px) { .names__wrapper { border-radius: 60px 60px 0 0; margin-top: -60px; } .names__container { padding: 0 50px; } .body-names { padding: 120px 0 95 0; } .body-names__left { -webkit-box-flex: 0; -ms-flex: 0 1 43.91892%; flex: 0 1 43.91892%; position: relative; } .body-names__catalog { padding: 30px 0 30px 30px; position: relative; z-index: 3; height: 540px; } .body-names__catalog-search { padding-right: 30px; } .body-names__catalog-search svg { right: 55px; } .body-names__catalog-items { padding-right: 15px; } .body-names__catalog-items p { margin-top: 30px; font-size: 20px; margin-bottom: 15px; } .catalog-names { max-height: 340px; overflow-y: auto; padding-right: 15px; } .catalog-names::-webkit-scrollbar { width: 1px; height: 1px; background-color: #fff; } .catalog-names::-webkit-scrollbar-thumb { width: 1px; height: 1px; background-color: #5dadc1; } .catalog-names__item { height: 75px; padding: 0 20px; margin-right: 0px; } .catalog-names__item span { font-size: 18px; } .catalog-names__item a { border-radius: 10px; height: 44px; } .catalog-names__item a::before { content: ''; position: absolute; left: 0; top: 5px; width: 100%; height: 40px; border-radius: 10px; border-bottom: 3px solid #2c646b; } .info-names { max-width: 40%; margin-left: 115px; } .info-names__title { font-size: 40px; } .info-names__subtitle { font-size: 18px; line-height: 30px; } .info-names__subtitle-strong { font-size: 18px; line-height: 30px; color: #fff; } .info-names__types { margin-top: 20px; padding: 15px; } .info-names__types-left { padding-right: 15px; } .info-names__types-left span:first-child { font-family: 'Gilroy Regular'; font-size: 18px; line-height: 40px; color: #fff; } .info-names__types-left span:last-child { font-family: 'Gilroy Semibold'; font-size: 32px; line-height: 54px; color: #fff; margin-top: 5px; } .info-names__types-right { /* padding-left: 15px; */ } .info-names__types-right span:first-child { font-family: 'Gilroy Regular'; font-size: 18px; line-height: 40px; color: #fff; } .info-names__types-right li { font-size: 22px; color: #fff; margin-top: 5px; } .body-names__count { border-radius: 16.109px; width: 165px; height: 106px; right: -145px; top: -55px; -webkit-transform: rotate(15deg); -ms-transform: rotate(15deg); transform: rotate(15deg); } .body-names__count-top { font-size: 50px; line-height: 76px; } .body-names__count-bottom { margin-left: 20px; font-size: 15px; } } @media (max-width: 1200px) { .catalog-names { max-height: 345px; overflow-y: auto; } .catalog-names__item { height: 75px; padding: 0 20px; } .catalog-names__item span { font-size: 18px; } .catalog-names__item a { border-radius: 10px; height: 44px; width: 44px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .catalog-names__item a::before { content: ''; position: absolute; left: 0; top: 5px; width: 100%; height: 40px; border-radius: 10; border-bottom: 2px solid #2c646b; } .catalog-names__item a span { display: none; } .catalog-names__item a img { margin: 0; } } @media (max-width: 991px) { .names__wrapper { border-radius: 30px 30px 0 0; margin-top: -60px; } .names__container { padding: 50px 50px 80px 50px; } .body-names { padding: 0 0 50px 0; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .body-names__left { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; position: static; width: 100%; order: 2; } .body-names__catalog { padding: 15px 0 15px 15px; position: relative; z-index: 3; border-radius: 15px; height: 370px; order: 1; } .body-names__catalog-search { padding-right: 15px; } .body-names__catalog-search svg { right: 30px; width: 20px; height: 20px; } .body-names__catalog-items p { margin-top: 15px; font-size: 16px; } .search-catalog { height: 50px; } .search-catalog__input { padding: 0 15px; font-size: 16px; } .search-catalog .search-icon { position: absolute; top: 50%; right: 25px; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); width: 20px; height: 20px; } .catalog-names { max-height: 245px; overflow-y: auto; } .catalog-names::-webkit-scrollbar { width: 1px; height: 1px; background-color: #e5f0f3; } .catalog-names::-webkit-scrollbar-thumb { width: 1px; height: 1px; background-color: #5dadc1; } .catalog-names__item { height: 75px; padding: 0 20px; } .catalog-names__item span { font-size: 20px; } .catalog-names__item a { border-radius: 10px; height: 44px; } .info-names { max-width: 100%; margin-left: 0; min-width: 100%; } .info-names__top { } .info-names__title { font-size: 32px; } .info-names__subtitle { font-size: 18px; line-height: 30px; } .body-names__info span{ margin: 0; } .info-names__subtitle-strong { font-size: 18px; line-height: 30px; color: #fff; } .info-names__types { margin-top: 20px; padding: 15px; width: auto; max-width: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: flex-start; margin-top: 20px; margin-bottom: 20px; } .info-names__types-left { padding-right: 15px; } .info-names__types-left span:first-child { font-family: 'Gilroy Regular'; font-size: 18px; line-height: 40px; color: #fff; } .info-names__types-left span:last-child { font-family: 'Gilroy Semibold'; font-size: 32px; line-height: 54px; color: #fff; margin-top: 5px; } .info-names__types-right { /* padding-left: 15px; */ } .info-names__types-right span:first-child { font-family: 'Gilroy Regular'; font-size: 18px; line-height: 40px; color: #fff; } .info-names__types-right li { font-size: 18px; color: #fff; margin-top: 5px; } .body-names__count { border-radius: 16.109px; width: 165px; height: 106px; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); right: 20px; top: 20px; } .body-names__count-top { font-size: 50px; line-height: 76px; } .body-names__count-bottom { margin-left: 20px; font-size: 15px; } } @media (max-width: 768px) { .names__container { padding: 0 20px 70px 20px; } .info-names__title{ margin-top: 30px; } .search-catalog { height: 50px; } .search-catalog__input { padding: 0 15px; font-size: 16px; } .catalog-names__item { height: 50px; } .catalog-names__item span { font-size: 16px; padding: 0; } .catalog-names__item a { border-radius: 10px; height: 30px; width: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 0; } .catalog-names__item a img { width: 15px; height: 15px; } .catalog-names__item a::before { content: ''; position: absolute; left: 0; top: 11px; width: 100%; height: 20px; border-bottom: 2px solid #2c646b; } .info-names__top { left: 20px; } .info-names__subtitle { line-height: 30px; } .info-names__subtitle-strong { font-size: 18px; line-height: 30px; color: #fff; } .info-names__types { margin-top: 20px; padding: 15px; } .body-names__count { right: 20px; height: auto; width: auto; padding: 5px 10px 8px 10px; border-radius: 6.45092px; } .body-names__count-top { font-size: 24px; line-height: 1.5; } .body-names__count-bottom { margin-left: 0; font-size: 7px; text-align: center; } } @media (max-width: 600px) { .info-names__title { font-size: 24px; } .info-names__subtitle { font-size: 16px; line-height: 24px; margin-bottom: 20px; margin-top: 25px; } } /* end third block */ /* start fourth block */ .app__wrapper { border-radius: 60px; position: relative; margin-top: -60px; } .app__container { padding: 115px 120px 160px 120px; } .app-slider__item-container { height: 100%; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; margin: 0 auto; position: relative; } .body-app { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .body-app__left { -webkit-box-flex: 0; -ms-flex: 0 1 44.23077%; flex: 0 1 44.23077%; min-width: 44.23077%; } .body-app__left-title { font-size: 48px; font-family: Gilroy SemiBold; line-height: 84px; max-width: 80%; } .body-app__paragraphs { max-width: 90%; } .body-app__paragraphs p { font-family: 'Gilroy Regular'; font-size: 24px; margin-top: 40px; line-height: 41px; } .body-app__actions { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 75px; } .body-app__actions-left { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; background: linear-gradient(200deg, #65BFD6 30.98%, #4390A4 86.92%), #5DADC1; border-radius: 17.5303px; padding: 23px 45px; /*min-width: 285px;*/ width: 35%; position: relative; height: 70px; } .body-app__actions-left::before { content: ''; position: absolute; left: 0; top: 0px; width: 100%; height: 70px; border-radius: 17.5303px; border-bottom: 3px solid #2c646b; } .body-app__actions-left:hover { -webkit-box-shadow: 0px 22px 58px rgba(93, 173, 193, 0.38); box-shadow: 0px 22px 58px rgba(93, 173, 193, 0.38); } .body-app__actions-right { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; background: linear-gradient(200deg, #65BFD6 30.98%, #4390A4 86.92%), #5DADC1; border-radius: 17.5303px; padding: 23px 45px; margin-left: 50px; /*min-width: 285px;*/ width: 35%; position: relative; height: 70px; } .body-app__actions-right::before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 70px; border-radius: 17.5303px; border-bottom: 3px solid #2c646b; } .body-app__actions-right:hover { -webkit-box-shadow: 0px 22px 58px rgba(93, 173, 193, 0.38); box-shadow: 0px 22px 58px rgba(93, 173, 193, 0.38); } .body-app__right { position: relative; } .app-slider__item { text-align: center; position: relative; } .app-slider__item img { z-index: 2; position: relative; max-width: 490px } .slider-adv { position: absolute; background: #c96d6c; border-radius: 26.109px; color: #fff; font-size: 24px; line-height: 35px; text-align: center; padding: 20px 73px; height: 360px; left: 50%; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); top: -135px; width: 80%; } @media (max-width: 1620px) { .app__container { padding: 100px 90px 110px 90px; } .body-app { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .body-app__left { -webkit-box-flex: 0; -ms-flex: 0 1 50.64103%; flex: 0 1 50.64103%; min-width: 44.23077%; } .body-app__left-title { font-size: 40px; line-height: 60px; } .body-app__paragraphs { max-width: 90%; } .body-app__paragraphs p { font-family: 'Gilroy Regular'; font-size: 20px; margin-top: 30px; line-height: 32px; } .body-app__actions { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 65px; } .body-app__actions-left { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; border-radius: 17.5303px; padding: 15px 30px; min-width: 180px; height: 60px; } .body-app__actions-left::before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 60px; border-radius: 17.5303px; border-bottom: 3px solid #2c646b; } .body-app__actions-left img { width: 120px; } .body-app__actions-left:hover { -webkit-box-shadow: 0px 22px 58px rgba(93, 173, 193, 0.38); box-shadow: 0px 22px 58px rgba(93, 173, 193, 0.38); } .body-app__actions-right { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; border-radius: 17.5303px; padding: 15px 30px; min-width: 180px; height: 60px; margin-left: 30px; } .body-app__actions-right::before { content: ''; position: absolute; left: 0; height: 60px; width: 100%; border-radius: 17.5303px; border-bottom: 3px solid #2c646b; } .body-app__actions-right img { width: 120px; } .body-app__actions-right:hover { -webkit-box-shadow: 0px 22px 58px rgba(93, 173, 193, 0.38); box-shadow: 0px 22px 58px rgba(93, 173, 193, 0.38); } .body-app__right { position: relative; } .app-slider__item { text-align: center; height: 100%; } .app-slider__item img { height: 640px; } .slider-adv { position: absolute; background: #c96d6c; border-radius: 26.109px; color: #fff; font-size: 16px; line-height: 24px; text-align: center; padding: 20px 50px; height: 360px; left: 50%; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); top: -125px; } } @media(max-width: 1300px) { /*.body-app__left{*/ /* flex: 0 1 35.64103%;*/ /* min-width: 35.23077%;*/ /*}*/ /*.app-slider__item img{*/ /* height: 500px;*/ /*}*/ } @media (max-width: 991px) { .app__wrapper { border-radius: 30px; } .app__container { padding: 30px 50px 100px 50px; } .body-app { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .body-app__left { min-width: 100%; margin-top: 0; } .body-app__left-title { font-size: 32px; line-height: 50px; } .body-app__paragraphs { max-width: 100%; } .body-app__paragraphs p { font-family: 'Gilroy Regular'; font-size: 18px; margin-top: 15px; line-height: 32px; } .body-app__actions { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 35px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .body-app__actions-left { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; background: -o-linear-gradient(250.13deg, #5dadc1 30.98%, #4e9db1 86.92%), #5dadc1; background: linear-gradient(199.87deg, #5dadc1 30.98%, #4e9db1 86.92%), #5dadc1; border-radius: 17.5303px; padding: 15px 30px; min-width: 180px; min-height: 60px; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; } .body-app__actions-left img { width: 120px; } .body-app__actions-left:hover { -webkit-box-shadow: 0px 22px 58px rgba(93, 173, 193, 0.38); box-shadow: 0px 22px 58px rgba(93, 173, 193, 0.38); } .body-app__actions-right { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; background: -o-linear-gradient(250.13deg, #5dadc1 30.98%, #4e9db1 86.92%), #5dadc1; background: linear-gradient(199.87deg, #5dadc1 30.98%, #4e9db1 86.92%), #5dadc1; border-radius: 17.5303px; padding: 15px 30px; min-width: 180px; min-height: 60px; margin-left: 30px; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; } .body-app__actions-right img { width: 120px; } .body-app__actions-right:hover { -webkit-box-shadow: 0px 22px 58px rgba(93, 173, 193, 0.38); box-shadow: 0px 22px 58px rgba(93, 173, 193, 0.38); } .body-app__right { position: relative; } .body-app__right-slider { height: 860px; margin-top: 55px; } .app-slider__item { text-align: center; height: 100%; } .app-slider__item img { height: 100%; } .slider-adv { position: absolute; background: #c96d6c; border-radius: 26.109px; color: #fff; font-size: 16px; line-height: 24px; text-align: center; padding: 20px 50px; height: 360px; left: 50%; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); top: -100px; } } @media (max-width: 768px) { .app__wrapper { border-radius: 30px; } .app__container { padding: 30px 20px 0px 20px; } .body-app__right { position: relative; } .body-app__right-slider { height: 780px; margin-top: 55px; } } @media (max-width: 600px) { .body-app__right-slider { margin-top: 30px; } .body-app { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .body-app__left { min-width: 100%; } .body-app__left-title { font-size: 24px; line-height: 35px; } .body-app__paragraphs { max-width: 100%; } .body-app__paragraphs p { font-family: 'Gilroy Regular'; font-size: 14px; margin-top: 10px; line-height: 26px; } .body-app__actions { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 30px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .body-app__actions-left { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; background: -o-linear-gradient(250.13deg, #5dadc1 30.98%, #4e9db1 86.92%), #5dadc1; background: linear-gradient(199.87deg, #5dadc1 30.98%, #4e9db1 86.92%), #5dadc1; border-radius: 17.5303px; padding: 15px 30px; min-width: 180px; min-height: 60px; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; margin: 0; width: 100%; } .body-app__actions-left img { width: 120px; } .body-app__actions-left:hover { -webkit-box-shadow: 0px 22px 58px rgba(93, 173, 193, 0.38); box-shadow: 0px 22px 58px rgba(93, 173, 193, 0.38); } .body-app__actions-right { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; background: -o-linear-gradient(250.13deg, #5dadc1 30.98%, #4e9db1 86.92%), #5dadc1; background: linear-gradient(199.87deg, #5dadc1 30.98%, #4e9db1 86.92%), #5dadc1; border-radius: 17.5303px; padding: 15px 30px; min-width: 180px; min-height: 60px; margin-left: 30px; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; margin: 20px auto 0 auto; width: 100%; } .body-app__actions-right img { width: 120px; } .body-app__actions-right:hover { -webkit-box-shadow: 0px 22px 58px rgba(93, 173, 193, 0.38); box-shadow: 0px 22px 58px rgba(93, 173, 193, 0.38); } .body-app__right { position: relative; } .body-app__right-slider { height: auto; } .app-slider__item { text-align: center; height: 100%; } .app-slider__item img { height: 600px; } .slider-adv { position: absolute; background: #c96d6c; border-radius: 26.109px; color: #fff; font-size: 14px; line-height: 24px; text-align: center; padding: 20px 20px; height: 360px; left: 50%; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); top: -70px; } .body-app__right-slider .slick-list{ padding-bottom: 30px; } } /* end four block */ /* sliders */ .body-offer__slider-wrapper{ overflow: hidden; min-width: 45%; max-width:100%; position: relative; } .body-offer__slider, .body-app__right-slider { width: 100%; position: relative; overflow: hidden; } .style-text{ } .slick-disabled { opacity: 0.4; } .slick-disabled:hover { -webkit-box-shadow: 0 2px 1px 0 #2c646b !important; box-shadow: 0 2px 1px 0 #2c646b !important; } .dots-slider{ } .body-offer__dots{ justify-content: center;align-items: center; } .body-offer__slider.slick-initialized, .body-app__right-slider.slick-initialized { display: -webkit-box; display: -ms-flexbox; display: flex; } .body-offer__slider.slick-initialized .slick-dots, .body-app__right-slider.slick-initialized .slick-dots { bottom: -60px; border-radius: 8px 0 0 8px; position: absolute; display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media (max-width: 1620px) { .body-offer__slider.slick-initialized { display: -webkit-box; display: -ms-flexbox; display: flex; } .body-offer__slider.slick-initialized .slick-dots { bottom: -80px; border-radius: 8px 0 0 8px; position: absolute; display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } .body-app__right-slider .slick-list { padding-top: 20px; } @media (max-width: 1620px) { .body-app__right-slider .slick-list { } } /* Ограничивающая оболочка */ .slick-list { overflow: hidden; height: 100%; width: 100%; border-radius: 6px 0 0 6px; } /* Лента слайдов */ .slick-track { display: -webkit-box; display: -ms-flexbox; display: flex; min-width: 100%; height: 100%; } /* Слайд */ /* Слайд активный (показывается) */ /* Слайд основной */ /* Слайд по центру */ /* Клонированный слайд */ /* Стрелка */ .slick-arrow { border: none; font-size: 0; } /* Стрелка влево */ .slick-arrow.slick-prev { width: 20px; height: 20px; border-radius: 50%; position: absolute; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; background: none; left: 50%; bottom: -60px; } /* Стрелка вправо */ .slick-arrow.slick-next { width: 20px; height: 20px; border-radius: 50%; position: absolute; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; background: none; right: 50%; bottom: -60px; } .body-app__right .slick-arrow.slick-prev, .modal-names__slider .slick-arrow.slick-prev { width: 70px; height: 70px; border-radius: 50%; position: absolute; z-index: 50; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; background: linear-gradient(0deg, rgba(255, 255, 255, 0.88), rgba(255, 255, 255, 0.88)), #5DADC1; left: 20px; top: 50%; -webkit-box-shadow: 0 2px 1px 0 #2c646b; box-shadow: 0 2px 1px 0 #2c646b; margin-top: -35px; } .body-app__right .slick-arrow.slick-prev:hover, .modal-names__slider .slick-arrow.slick-prev:hover { -webkit-box-shadow: 0px 22px 38px rgba(93, 173, 193, 0.21); box-shadow: 0px 22px 38px rgba(93, 173, 193, 0.21) } .body-app__right .slick-arrow.slick-next, .modal-names__slider .offer-swiper-next { width: 70px; height: 70px; border-radius: 50%; position: absolute; z-index: 50; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; background: linear-gradient(0deg, rgba(255, 255, 255, 0.88), rgba(255, 255, 255, 0.88)), #5DADC1; right: 20px; top: 50%; -webkit-box-shadow: 0 2px 1px 0 #2c646b; box-shadow: 0 2px 1px 0 #2c646b; margin-top: -35px; } .body-app__right .slick-arrow.slick-next:hover, .modal-names__slider .slick-arrow.slick-next:hover { -webkit-box-shadow: 0px 22px 58px rgba(93, 173, 193, 0.38); box-shadow: 0px 22px 58px rgba(93, 173, 193, 0.38); } .modal-names__slider .slick-arrow.slick-prev { left: -25px; width: 50px; height: 50px; top: 170px; } .modal-names__slider .slick-arrow.slick-prev svg { width: 7px; } .modal-names__slider .slick-arrow.slick-next { right: -25px; width: 50px; height: 50px; top: 170px; } .modal-names__slider .slick-arrow.slick-next svg { width: 7px; } .body-app__right-slider .slick-dots { bottom: -20px; border-radius: 8px 0 0 8px; position: absolute; display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .body-app__right-slider .slick-dots li button { height: 25px; width: 25px; margin: 0 10px; } .body-app__right-slider .slick-dots{ border-radius: 35px !important; background: #EBF5F7; padding: 20px; width: max-content !important; margin: 50px auto 0 auto !important; left: 50%; bottom: 5px !important; transform: translate(-50%, 0); } .body-app__right-slider .slick-dots li button { background: rgba(75, 155, 165, 0.22); } .body-app__right-slider .slick-dots li.slick-active button { background: #4b9ba5; } /* Активная точка */ /* Элемент точки */ .body-offer__slider .slick-dots li:first-child button { background: #358c98; } .body-offer__slider .slick-dots li:nth-child(2) button { background: #e1afa4; border-radius: 50%; } .body-offer__slider .slick-dots li button { background: #c2d2c5; border: 2px solid white; } .slick-dots li button { border: none; border-radius: 50%; height: 20px; width: 20px; outline: none; font-size: 0; margin: 0 9px; } @media (max-width: 1620px) { .slick-arrow.slick-prev { width: 20px; height: 20px; border-radius: 50%; position: absolute; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; background: none; left: 50%; bottom: -80px; z-index: 1; } .body-app__right-slider .slick-dots { bottom: -20px; } /* Стрелка вправо */ .slick-arrow.slick-next { width: 20px; height: 20px; border-radius: 50%; position: absolute; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; background: none; right: 50%; bottom: -80px; z-index: 1; } .slick-dots { bottom: -80px; border-radius: 8px 0 0 8px; position: absolute; display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .body-app__right .slick-arrow.slick-prev, .modal-names__slider .slick-arrow.slick-prev { width: 50px; height: 50px; border-radius: 50%; position: absolute; z-index: 50; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; left: 40px; top: 50%; -webkit-box-shadow: 0 2px 1px 0 #2c646b; box-shadow: 0 2px 1px 0 #2c646b; margin-top: -25px; } .body-app__right .slick-arrow.slick-next, .modal-names__slider .slick-arrow.slick-next { width: 50px; height: 50px; border-radius: 50%; position: absolute; z-index: 50; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; right: 40px; top: 50%; -webkit-box-shadow: 0 2px 1px 0 #2c646b; box-shadow: 0 2px 1px 0 #2c646b; margin-top: -25px; } } @media (max-width: 1620px) { .modal-names__slider .slick-arrow.slick-prev { width: 40px; height: 40px; left: -20px; top: 110px; } .modal-names__slider .slick-arrow.slick-next { width: 40px; height: 40px; right: -20px; top: 110px; } } @media (max-width: 1320px) { .body-app__right .slick-arrow.slick-prev { left: 0; } .body-app__right .slick-arrow.slick-next { right: 0; } } @media (max-width: 991px) { .body-app__right .slick-arrow.slick-prev { left: 50px; } .body-app__right .slick-arrow.slick-next { right: 50px; } .body-app__right-slider.slick-initialized .slick-dots { bottom: -80px; } } @media (max-width: 600px) { .modal-names__slider .slick-arrow.slick-prev { width: 40px; height: 40px; left: -20px; top: 90px; } .modal-names__slider .slick-arrow.slick-next { width: 40px; height: 40px; right: -20px; top: 90px; } } @media (max-width: 500px) { .body-app__right .slick-arrow.slick-prev { left: 0px; } .body-app__right .slick-arrow.slick-next { right: 0px; } } .modal-names__slider .slick-disabled { visibility: collapse; opacity: 0; } .body-app__right-slider.slick-initialized .slick-dots { bottom: 4px; } @media (max-width: 991px) { .body-app__right-slider.slick-initialized .slick-dots { bottom: 4px; } } /* end sliders */ /* start basket */ .basket{ padding-top: 40px; } .body-basket { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin-top: 30px; } .body-basket__left { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; } .body-basket__right { -webkit-box-flex: 0; -ms-flex: 0 1 29.44444%; flex: 0 1 29.44444%; margin-left: 30px; position: sticky; top: 30px; margin-bottom: 100px; } .basket-products { border-radius: 50px; } .basket-products__title { font-size: 36px; padding: 30px 50px 0 50px; background: #ffffff; border-radius: 50px 50px 0 0; } .basket-products__wrapper { background: #ffffff; padding: 0px 50px 30px 50px; border-radius: 0 0 50px 50px; } .basket-item { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 30px 0; } .basket-item:not(:last-child) { border-bottom: 1px solid #e4e4e4; } .basket-item__preview { height: 100%; margin-top: 5px; position: relative; } .basket-item__preview img { border-radius: 11.1702px; max-width:120px; } .basket-item__preview-name { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); color: #fff; font-family: 'Sweet Mavka Script'; font-size: 28px; } .basket-item__preview div { position: absolute; width: 100%; height: 100%; -webkit-box-shadow: 0px 10.0532px 13.4043px rgba(0, 0, 0, 0.13); box-shadow: 0px 10.0532px 13.4043px rgba(0, 0, 0, 0.13); border-radius: 11.1702px; border: 3px solid #fff; top: 0; left: 0; } .basket-item__info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .basket-item__data { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-left: 30px; } .basket-item__info-name { font-size: 32px; line-height: 54px; } .basket-item__info-price { margin-left: auto; margin-right: 90px; position: relative; } .basket-item__info-price-top { font-size: 32px; line-height: 54px; margin-bottom: 3px; } .basket-item__info-price-bottom { font-size: 16px; line-height: 27px; font-family: 'Gilroy Regular'; position: absolute; width: -webkit-max-content; width: -moz-max-content; width: max-content; } .basket-item__info-cross { margin-top: 5px; cursor: pointer; width: 50px; height: 50px; display: flex; align-items: center; justify-content: center; position: relative; border-radius: 50%; background: linear-gradient(0deg, rgba(255, 255, 255, 0.88), rgba(255, 255, 255, 0.88)), #5DADC1; transition: all 0.2s ease 0s; } .basket-item__info-cross svg rect { fill: #5DADC1 !important; } .basket-item__info-cross:hover{ box-shadow: 0px 16px 28px rgba(183, 214, 224, 0.55); } .basket-item__info-cross rect { -webkit-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; } .basket-item__info-cross:hover rect { fill: #5dadc1; } .basket-item__description { } .basket-item__description-design { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .basket-item__description-design .basket-item__description-answer { margin-left: auto; margin-right: 98px; } .basket-item__description-question { font-size: 16px; line-height: 27px; margin-right: 5px; } .basket-item__description-name { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 5px; } .basket-item__description-answer { font-size: 16px; line-height: 27px; font-family: 'Gilroy Regular'; } .basket-item__description-surname { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 5px; } .basket-item__description-birthday { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 5px; } .design-color { position: relative; width: 20px; height: 20px; background: #358c98; border: 2px solid #ffffff; -webkit-box-shadow: 0px 10px 10px rgba(25, 87, 96, 0.27); box-shadow: 0px 10px 10px rgba(25, 87, 96, 0.27); border-radius: 50%; margin-left: 8px; } .cash-basket { background: #ffffff; border-radius: 50px; padding: 30px 50px; } .cash-basket__finish { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .cash-basket__finish-left { font-size: 36px; line-height: 57px; } .cash-basket__finish-right { font-size: 36px; line-height: 57px; } .cash-basket__delivery { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: 20px; } .cash-basket__delivery-left { font-size: 20px; font-family: 'Gilroy Regular'; line-height: 34px; } .cash-basket__delivery-right { font-size: 20px; font-family: 'Gilroy Regular'; line-height: 34px; } .cash-basket__confirm { margin-top: 30px; width: 100%; background: -o-linear-gradient(250.13deg, #5dadc1 30.98%, #4e9db1 86.92%), #5dadc1; background: linear-gradient(199.87deg, #5dadc1 30.98%, #4e9db1 86.92%), #5dadc1; border-radius: 17.5303px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: #fff; font-size: 20px; height: 70px; -webkit-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; position: relative; } .cash-basket__confirm::before { content: ''; position: absolute; left: 0; top: 31px; width: 100%; height: 40px; border-radius: 0 0 17px 17px; border-bottom: 3px solid #2c646b; } .cash-basket__confirm:hover { -webkit-box-shadow: 0px 22px 58px rgba(93, 173, 193, 0.38); box-shadow: 0px 22px 58px rgba(93, 173, 193, 0.38); } .cash-basket__politic { margin-top: 35px; text-align: center; font-size: 16px; font-family: 'Gilroy Regular'; line-height: 27px; padding: 0 18px; } .cash-basket__politic a { border-bottom: 1px solid #5dadc1; color: #5dadc1; -webkit-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; } .cash-basket__politic a:hover { color: #a9d7e2; border-bottom: 1px solid #a9d7e2; } .basket-products__form { margin-bottom: 100px; } .form-wrapper { background: #ffffff; border-radius: 50px; padding: 30px 50px 50px 50px; margin-top: 20px; } .form-wrapper__title { font-size: 36px; line-height: 58px; } .error-text { position: absolute; color: #ff3d3d; font-family: 'Gilroy Regular'; font-size: 14px; top: 8px; right: 0; display: none; } .error-input { border: 1px solid #ff3d3d !important; color: #ff3d3d; } .error-text._active { display: block; } .form-personal__inputs { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-column-gap: 25px; -moz-column-gap: 25px; column-gap: 25px; margin-top: 30px; } .form-personal__inputs-item { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; position: relative; } .form-personal__inputs-item span { display: block; font-family: 'Gilroy Regular'; font-size: 20px; line-height: 34px; margin-bottom: 10px; position: relative; } .form-personal__inputs-item span::after{ content: '*'; color: red; margin-left: 5px; } .form-personal__inputs-item input { border: 1px solid #e3e3e3; border-radius: 10px; width: 100%; height: 60px; padding: 0 20px; font-size: 20px; font-family: 'Gilroy Regular'; caret-color: #5dadc1; } .form-personal__inputs-item input:focus { border: 1px solid #000; } .form-address__inputs { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-column-gap: 25px; -moz-column-gap: 25px; column-gap: 25px; margin-top: 30px; } .form-address__inputs-item input:focus { border: 1px solid #000; } .form-address__inputs-item { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; position: relative; } .form-address__inputs-item:first-child { width: 100%; margin-bottom: 30px; } .form-address__inputs-item span { display: block; font-family: 'Gilroy Regular'; font-size: 20px; line-height: 34px; margin-bottom: 10px; } .form-address__inputs-item input { border: 1px solid #e3e3e3; border-radius: 10px; width: 100%; height: 60px; padding: 0 20px; font-size: 20px; font-family: 'Gilroy Regular'; caret-color: #5dadc1; } .form-comment__inputs { margin-top: 30px; position: relative; } .form-comment__inputs-item textarea:focus { border: 1px solid #000; } .form-comment__inputs textarea { border: 1px solid #e3e3e3; border-radius: 10px; width: 100%; height: 60px; padding: 15px 20px; font-size: 20px; font-family: 'Gilroy Regular'; min-height: 150px; resize: none; caret-color: #5dadc1; } .form-comment__inputs .form-comment__inputs-item { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; } .form-comment__inputs .form-comment__inputs-item span { display: block; font-family: 'Gilroy Regular'; font-size: 20px; line-height: 34px; margin-bottom: 10px; } @media (max-width: 1460px) { .body-basket { margin-top: 20px; } .body-basket__left { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; } .body-basket__right { -webkit-box-flex: 0; -ms-flex: 0 1 29.44444%; flex: 0 1 29.44444%; margin-left: 20px; margin-bottom: 40px; } .basket-products__title { font-size: 28px; padding: 30px 30px 0 30px; border-radius: 20px 20px 0 0; } .basket-products__wrapper { background: #ffffff; padding: 0px 30px 30px 30px; border-radius: 0 0 20px 20px; } .basket-item { padding: 25px 0; } .basket-item__preview { margin-top: 0; } .basket-item__preview img { border-radius: 9; } .basket-item__preview-name { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); color: #fff; font-family: 'Sweet Mavka Script'; font-size: 22px; } .basket-item__preview div { position: absolute; width: 100%; height: 100%; -webkit-box-shadow: 0px 10.0532px 13.4043px rgba(0, 0, 0, 0.13); box-shadow: 0px 10.0532px 13.4043px rgba(0, 0, 0, 0.13); border-radius: 9; top: 0; left: 0; } .basket-item__data { margin-left: 20px; } .basket-item__info-name { font-size: 28px; line-height: 40px; } .basket-item__info-price-top { font-size: 28px; line-height: 40px; margin-bottom: 3px; } .basket-item__info-cross { margin-top: -5px; } .basket-item__description { } .basket-item__description-question { font-size: 16px; line-height: 27px; margin-right: 5px; } .basket-item__description-name { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 3px; } .basket-item__description-answer { font-size: 16px; line-height: 27px; font-family: 'Gilroy Regular'; } .basket-item__description-surname { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 3px; } .basket-item__description-birthday { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 3px; } .design-color { position: relative; width: 20px; height: 20px; background: #358c98; border: 2px solid #ffffff; -webkit-box-shadow: 0px 10px 10px rgba(25, 87, 96, 0.27); box-shadow: 0px 10px 10px rgba(25, 87, 96, 0.27); border-radius: 50%; margin-left: 8px; } .cash-basket { background: #ffffff; border-radius: 20px; padding: 30px 30px; min-width: 410px; } .cash-basket__finish-left { font-size: 28px; line-height: 36px; } .cash-basket__finish-right { font-size: 28px; line-height: 36px; } .cash-basket__delivery { margin-top: 10px; } .cash-basket__delivery-left { font-size: 18px; font-family: 'Gilroy Regular'; line-height: 29px; } .cash-basket__delivery-right { font-size: 18px; font-family: 'Gilroy Regular'; line-height: 29px; } .cash-basket__confirm { margin-top: 20px; } .cash-basket__politic { font-size: 14px; line-height: 24px; padding: 0 a; padding-border-bottom: 1px solid #5dadc1; padding-color: #5dadc1; } .basket-products__form { margin-bottom: 40px; } .form-wrapper { background: #ffffff; border-radius: 20px; padding: 30px 30px 30px 40px; } .form-wrapper__title { font-size: 28px; line-height: 36px; } .form-personal__inputs { -webkit-column-gap: 15px; -moz-column-gap: 15px; column-gap: 15px; margin-top: 20px; } .form-personal__inputs-item span { font-size: 16px; line-height: 27px; } .form-personal__inputs-item input { height: 50px; font-size: 16px; } .form-address__inputs { -webkit-column-gap: 15px; -moz-column-gap: 15px; column-gap: 15px; margin-top: 20px; } .form-address__inputs-item:first-child { margin-bottom: 20px; } .form-address__inputs-item span { font-size: 16px; line-height: 27px; } .form-address__inputs-item input { height: 50px; font-size: 16px; } .form-comment__inputs { margin-top: 30px; } .form-comment__inputs textarea { border: 1px solid #e3e3e3; border-radius: 10px; width: 100%; height: 60px; padding: 15px 20px; font-size: 16px; font-family: 'Gilroy Regular'; min-height: 150px; resize: none; } .form-comment__inputs .form-comment__inputs-item { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; } .form-comment__inputs .form-comment__inputs-item span { font-size: 16px; line-height: 27px; } } @media (max-width: 1150px) { .body-basket { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .body-basket__left { min-width: 100%; } .body-basket__right { margin: 0 auto; } } .basket-item__description-type { display: none; } @media (max-width: 768px) { .body-basket { margin-top: 10px; } .body-basket__left { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; } .body-basket__right { -webkit-box-flex: 0; -ms-flex: 0 1 29.44444%; flex: 0 1 29.44444%; margin-left: 20px; } .basket-products { border-radius: 0px; } .basket-products__title { font-size: 24px; border-radius: 0; padding: 20px 20px 0 20px; } .basket-products__wrapper { padding: 0 20px 20px 20px; border-radius: 0; } .basket-item { padding: 60px 0 20px 0; position: relative; } .basket-item__preview { margin-top: 0; } .basket-item__preview img { border-radius: 9; height: 120px; width: 97px; } .basket-item__preview-name { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); color: #fff; font-family: 'Sweet Mavka Script'; font-size: 16px; } .basket-item__preview div { position: absolute; width: 100%; height: 100%; -webkit-box-shadow: 0px 10.0532px 13.4043px rgba(0, 0, 0, 0.13); box-shadow: 0px 10.0532px 13.4043px rgba(0, 0, 0, 0.13); border-radius: 9; border: 3px solid #fff; top: 0; left: 0; } .basket-item__info { position: absolute; top: 20px; left: 0; width: 100%; } .basket-item__data { margin-left: 10px; } .basket-item__info-name { font-size: 18px; line-height: 30px; } .basket-item__info-price { margin-right: 30px; } .basket-item__info-price-top { font-size: 18px; line-height: 30px; margin-bottom: 0px; } .basket-item__info-price-bottom { display: none; } .basket-item__info-cross { margin-top: -5px; width: 40px; height: 40px; } .basket-item__description { } .basket-item__description-question { font-size: 12px; line-height: 20px; margin-right: 3px; } .basket-item__description-name { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 3px; } .basket-item__description-answer { font-size: 12px; line-height: 20px; font-family: 'Gilroy Regular'; } .basket-item__description-surname { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 3px; } .basket-item__description-birthday { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 3px; } .design-color { position: relative; width: 20px; height: 20px; background: #358c98; border: 2px solid #ffffff; -webkit-box-shadow: 0px 10px 10px rgba(25, 87, 96, 0.27); box-shadow: 0px 10px 10px rgba(25, 87, 96, 0.27); border-radius: 50%; margin-left: 5px; } .cash-basket { background: #ffffff; border-radius: 0px; padding: 30px 20px; min-width: 100%; } .cash-basket__finish-left { font-size: 24px; line-height: 36px; } .cash-basket__finish-right { font-size: 24px; line-height: 36px; } .cash-basket__delivery { margin-top: 10px; } .cash-basket__delivery-left { font-size: 16px; font-family: 'Gilroy Regular'; line-height: 29px; } .cash-basket__delivery-right { font-size: 16px; font-family: 'Gilroy Regular'; line-height: 29px; } .cash-basket__confirm { margin-top: 20px; } .cash-basket__politic { font-size: 14px; line-height: 24px; padding: 0 a; padding-border-bottom: 1px solid #5dadc1; padding-color: #5dadc1; } .body-basket__right { margin-left: 0; } .basket-products__form { margin-bottom: 10px; } .form-wrapper { background: #ffffff; border-radius: 0px; padding: 20px 20px 30px 20px; margin-top: 10px; } .form-wrapper__title { font-size: 24px; line-height: 36px; } .form-personal__inputs { -webkit-column-gap: 0px; -moz-column-gap: 0px; column-gap: 0px; margin-top: 20px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .form-personal__inputs-item:first-child { margin-bottom: 20px; } .form-personal__inputs-item:nth-child(2) { margin-bottom: 20px; } .form-personal__inputs-item span { font-size: 16px; line-height: 27px; } .form-personal__inputs-item input { height: 50px; font-size: 16px; } .form-address__inputs { -webkit-column-gap: 0px; -moz-column-gap: 0px; column-gap: 0px; margin-top: 20px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .form-address__inputs-item:first-child { margin-bottom: 20px; } .form-address__inputs-item:nth-child(2) { margin-bottom: 20px; } .form-address__inputs-item:nth-child(3) { margin-bottom: 20px; } .form-address__inputs-item span { font-size: 16px; line-height: 27px; } .form-address__inputs-item input { height: 50px; font-size: 16px; } .form-comment__inputs { margin-top: 20px; } .form-comment__inputs textarea { border: 1px solid #e3e3e3; border-radius: 10px; width: 100%; height: 60px; padding: 15px 20px; font-size: 16px; font-family: 'Gilroy Regular'; min-height: 150px; resize: none; } .form-comment__inputs .form-comment__inputs-item { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; } .form-comment__inputs .form-comment__inputs-item span { font-size: 16px; line-height: 27px; } } /* end basket */ /* start success page */ .success-titles { margin: 10px auto 40px auto; text-align: center; } .success-container .basket-item__info-cross { display: none !important; } .success-titles__title { font-size: 36px; line-height: 58px; margin-bottom: 20px; } .success-titles__title span { color: #5dadc1; } .success-titles__subtitle { font-family: 'Gilroy Regular'; font-size: 20px; } .success-titles__subtitle span { font-family: 'Gilroy Regular'; font-size: 20px; transition: all 0.2s ease 0s; color: #5dadc1; } .success-container { margin: 0 auto; width: 68%; } .success-btn { margin: 40px auto; background: -o-linear-gradient(250.13deg, #5dadc1 30.98%, #4e9db1 86.92%), #5dadc1; background: linear-gradient(199.87deg, #5dadc1 30.98%, #4e9db1 86.92%), #5dadc1; border-radius: 17.5303px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: #fff; font-size: 20px; height: 70px; -webkit-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; position: relative; max-width: 222px; } .success-btn::before { content: ''; position: absolute; left: 0; top: 31px; width: 100%; height: 40px; border-radius: 0 0 17px 17px; border-bottom: 3px solid #2c646b; } .success-btn:hover { -webkit-box-shadow: 0px 22px 58px rgba(93, 173, 193, 0.38); box-shadow: 0px 22px 58px rgba(93, 173, 193, 0.38); } @media (max-width: 1520px) { .success-titles { } .success-titles__title { font-size: 28px; line-height: 38px; } .success-titles__subtitle { font-size: 18px; } .success-titles__subtitle span { font-size: 18px; } .success-container { margin: 0 auto; width: 68%; } .success-btn { margin: 40px auto; background: -o-linear-gradient(250.13deg, #5dadc1 30.98%, #4e9db1 86.92%), #5dadc1; background: linear-gradient(199.87deg, #5dadc1 30.98%, #4e9db1 86.92%), #5dadc1; border-radius: 17.5303px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: #fff; font-size: 18px; height: 60px; -webkit-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; position: relative; max-width: 222px; } .success-btn::before { content: ''; position: absolute; left: 0; top: 21px; width: 100%; height: 40px; border-radius: 0 0 17px 17px; border-bottom: 3px solid #2c646b; } .success-btn:hover { -webkit-box-shadow: 0px 22px 58px rgba(93, 173, 193, 0.38); box-shadow: 0px 22px 58px rgba(93, 173, 193, 0.38); } } @media (max-width: 1060px) { .success-container { width: 100%; } } @media (max-width: 768px) { .success-titles { margin: 0px auto 30px auto; text-align: center; } .success-titles__title { font-size: 24px; margin-bottom: 10px; } .success-titles__title span { color: #5dadc1; } .success-titles__subtitle { font-family: 'Gilroy Regular'; line-height: 25px; } .success-titles__subtitle span { font-family: 'Gilroy Regular'; transition: all 0.2s ease 0s; color: #5dadc1; } } /* end success page */ .slick-next, .slick-prev { box-shadow: none !important; position: relative; transition: all 0.2s ease 0s; } .slick-next::after, .slick-prev::after { content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: 0; border-radius: 50%; border-bottom: 3px solid #d3e5eb; } .slick-next:hover, .slick-prev:hover { -webkit-box-shadow: 0px 22px 58px rgb(93, 173, 193, 0.38) !important; box-shadow: 0px 22px 58px rgba(93, 173, 193, 0.38) !important; } @media (max-width: 1620px) { .slick-next::after, .slick-prev::after { content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: 0; border-radius: 50%; } } .body-app__right .slick-next, .slick-prev { box-shadow: none !important; position: relative; transition: all 0.2s ease 0s; } .body-app__right .slick-next::after, .slick-prev::after { box-shadow: none !important; transition: all 0.2s ease 0s; width: 100%; height: 100%; top: 0; left: 0; } .slick-arrow{ display: block !important; } .body-app__right .slick-next:hover, .slick-prev:hover { -webkit-box-shadow:0px 22px 38px rgba(93, 173, 193, 0.21) !important; box-shadow: 0px 22px 38px rgba(93, 173, 193, 0.21) !important; } /* start cards */ .card-wrapper { display: flex; align-items: center; justify-content: center; } .card-body { height: 842px; width: 595px; background-position: center; background-size: cover; background-repeat: no-repeat; } .card-body-1 { background-image: url(../image/public_new/card-bg-1.png); } .card-body-2 { background-image: url(../image/public_new/card-bg-2.png); } .card-body-2 { background-image: url(../image/public_new/card-bg-2.png); } .card-wrapper__title { color: #fff; font-family: 'Sweet Mavka Script'; text-align: center; font-size: 60px; margin-top: 60px; } .card-wrapper__gradient { background: linear-gradient( 90deg, #f73533 20.36%, #ff902a 33.22%, #ffe37d 50.32%, #a4e05c 67.4%, #a4d8ee 80.76%, #3091e6 100% ); border-radius: 5px; margin: 30px auto 0 auto; height: 20px; max-width: 55%; } .card-wrapper__subtitle { color: #fff; font-family: 'Gilroy Regular'; text-align: center; font-size: 15px; margin-top: 25px; line-height: 30px; } .card-wrapper__text { margin-top: 40px; padding: 0 30px; } .card-wrapper__text p { color: #fff; line-height: 25px; font-family: 'Gilroy Regular'; font-size: 15px; margin-top: 15px; } .card-body-black .card-wrapper__title { color: #383838; } .card-body-black .card-wrapper__subtitle { color: #383838; } .card-body-black .card-wrapper__text p { color: #383838; } .A5 h1{ font-size: 45px; } .A5 .card-wrapper__gradient{ height: 5px; margin: 15px auto 0 auto; border-radius: 2px; width: 250px; } .A5 .card-body{ display: flex; flex-direction: column; align-items: center; height: 100%; justify-content: center; } .card-wrapper{ height: 100%; } .A5 .card-wrapper__text p{ font-size: 13px; line-height: 20px; } .A5 .card-wrapper__text{ margin-top: 0; } .A5 .card-wrapper__subtitle{ line-height: 24px; } .A5 .card-wrapper__subtitle{ margin-top: 15px; } .A5 .card-wrapper__subtitle{ font-size: 16px; } .A4 .card-wrapper{ width: 100%; } .A4 .card-body{ display: flex; flex-direction: column; align-items: center; height: 100%; justify-content: center; width: 100%; } .card-wrapper{ height: 100%; } .A5 .card-wrapper__text p{ font-size: 13px; line-height: 20px; } .A5 .card-wrapper__text{ margin-top: 0; } .A5 .card-wrapper__subtitle{ line-height: 24px; } .A5 .card-wrapper__subtitle{ margin-top: 15px; } .A5 .card-wrapper__subtitle{ font-size: 16px; } .A4 .card-wrapper__gradient{ width: 350px; } .A4 .card-wrapper__text p{ font-size: 16px; } .A4 .card-wrapper__text{ margin-top: 10px; } .A4 .card-wrapper__subtitle{ font-size: 18px; } .A4{ padding: 0 !important; } .A5{ padding: 0 !important; } /* */ .dots__slider-item{ width: 28px; height: 28px; border: 2px solid white; border-radius: 50%; display: flex; align-items: center; justify-content: center; cursor: pointer; } .swiper-slide:first-child .dots__slider-item{ } .swiper-slide:nth-child(2) .dots__slider-item{ border-radius: 50%; } .dark-text .people-name{ color: #292C2C !important; } .dots__slider-item{ border: 2px solid white; width: 28px !important; height: 28px !important; } .swiper-button-next::after{ display: none !important; } .swiper-button-prev::after{ display: none !important; } .swiper-button-prev{ left: 50% !important; margin-left: -152px !important; } .swiper-button-next{ right: 50% !important; margin-right: -150px !important; } .swiper-button-next img{ height: 11px; } .swiper-button-prev img{ height: 11px; } .body-offer__dots{ } .dots-slider .swiper-slide{ width: 28px; } .dots-slider .swiper-slide._active{ width: 28px !important; height: 28px !important; } .dots-sldier__wrapper{ position: relative; border-radius: 35px; background: #FFF; padding: 20px; } .dots__slider-item img{ width: 28px; height: 28px; z-index: -1; object-fit: cover; border-radius: 50%; } .dots__slider-item:hover .dots-mark{ display: block; bottom: 7px; } .dots__slider-item._active:hover .dots-mark{ } .dots__slider-item._active .dots-mark img{ width: 28px; height: 28px; } .dots__slider-item._active img{ display: block; } .dots__slider-item._active{ width: 28px !important; height: 28px !important; } .dots-mark{ position: absolute; bottom: 7px; display: none; } .dots__slider-item._active .dots-mark{ display: block; } .dots__slider-item img{} @media(max-width: 1520px){ .modal-close { top: 20px; right: 20px; } } @media(max-width: 1620px){ .body-app__right-slider .slick-list{ padding-bottom: 30px; } } @media(max-width: 768px){ .names-modal__wrapper{ margin: 105px 30px 30px 30px !important } .dots__slider-item:hover .dots-mark{ display: none; bottom: 7px; } .dots__slider-item._active .dots-mark{ display: block; } .names-modal{ overflow: auto; } .modal-close{ right: 20px; top: 20px; } .names-modal__wrapper{ height: auto; } .names-modal__wrapper{ display: block; } } .body-app__right-slider{ padding-bottom: 60px; } @media(max-width: 600px){ .steps-item__line{ display: block; position: absolute; right: 0; top: 50%; margin-top: -60px; } .body-steps__items-item { align-items: flex-start; } .body-steps__items{ grid-template-columns: repeat(auto-fit, minmax(45%, 0.6fr)); column-gap: 30px; } .steps-item__number{ height: 65px; } .steps-item__number span{ font-size: 36px; } .steps-item__number img{ width: 65px; max-height: 70px; } .body-steps__items-item:nth-child(3) .steps-item__line{ display: block; } .body-steps__items-item:nth-child(4) .steps-item__line{ display: none; } .body-steps__items-item:nth-child(2) .steps-item__line{ display: none; } .body-app__right{ } .body-app__right-slider{ height: 100%; } .body-app__right-slider .slick-list{ height: 100%; } .app-slider__item{ height: 100%; } .app-slider__item-container{ height: 100%; } .app-slider__item img{ height: 400px; } } .catalog-names__item span b { font-weight: normal; background-color: rgb(93, 173, 193, .3); } .body-offer__slider-item img { /* border: 11px solid #fff; border-width: 15px 11px; box-shadow: 27px 7px 0px 0px #1f5e66; transform: scale3d(0.85, 0.85, 1) rotateX(13deg) rotateY(-20deg) rotateZ(0deg) translate3d(0px, 0px, 0px) skew(4deg, -4deg); margin: 0 40px; */ } .basket-item.deleting { pointer-events: none; filter: grayscale(1); opacity: .5; } .body-basket__left.waiting { pointer-events: none; filter: grayscale(1); opacity: .5; } .body-offer__slider-wrapper .offer-swiper-next{ width: 70px; height: 70px; border-radius: 50%; position: absolute; z-index: 50; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; background: #fff; right: 0px; top: 40%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); margin-right: 0; margin-top: 70px; display: flex; align-items: center; justify-content: center; z-index: 10; cursor: pointer; } .body-offer__slider-wrapper .offer-swiper-prev{ width: 70px; height: 70px; border-radius: 50%; position: absolute; z-index: 50; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; background: #fff; left: 0; top: 40%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); margin-right: 0; margin-top: 70px; display: flex; align-items: center; justify-content: center; z-index: 10; cursor: pointer; } .body-offer__slider-wrapper .offer-swiper-next:hover{ /*webkit-box-shadow: 0px 12px 38px #fff !important;*/ /*box-shadow: 0px 12px 58px #fff*/ } .body-offer__slider-wrapper .offer-swiper-prev:hover{ /*webkit-box-shadow: 0px 12px 58px #fff !important;*/ /*box-shadow: 0px 12px 58px #fff*/ } @media(max-width: 1580px){ .body-offer__slider-wrapper .offer-swiper-next{ width: 60px; height: 60px; } .body-offer__slider-wrapper .offer-swiper-prev{ width: 60px; height: 60px; } .preload__item{ height: 70px; } .catalog-preload__wrapper{ padding-right: 30px; } } @media(max-width:768px){ .body-offer__slider-wrapper .offer-swiper-next{ width: 40px; height: 42px; top: 30%; right: 0; } .body-offer__slider-wrapper .offer-swiper-prev{ width: 40px; height: 42px; top: 30%; left: 0; } .body-offer__slider-wrapper .offer-swiper-prev svg{ width: 6px; position: relative; top: -1px } .body-offer__slider-wrapper .offer-swiper-next svg{ width: 6px; position: relative; top: -1px } } @media(max-width: 1620px){ .body-names__info span{ font-size: 18px; } .info-names__types-right p{ font-size: 36px; } .info-names__types-right li{ font-size: 20px; } } @media(max-width:768px){ .body-names__info span{ font-size: 18px; } .info-names__types-right p{ font-size: 24px; } .info-names__types-right li{ font-size: 16px; } .info-names__types{ justify-content: flex-start; } } .error{ color: red; } .rules-container h1{ text-align: center; color: #000; font-size: 36px; margin-bottom: 30px; margin-top: 40px; } .rules-body{ background: #FFFFFF; border-radius: 50px; padding: 50px; max-width: 1235px; margin: 0 auto 70px auto } .rules-body p{ font-family: 'Gilroy Regular'; font-size: 24px; line-height: 1.7; color: #2E2E2E; } @media(max-width: 1350px){ .rules-container h1{ font-size: 24px; margin-bottom: 20px; } .rules-body{ border-radius: 20px; padding: 30px; max-width: 750px; margin: 0 auto 50px auto } .rules-body p{ font-family: 'Gilroy Regular'; font-size: 16px; line-height: 1.7; color: #2E2E2E; } } @media(max-width: 870px){ .rules-container h1{ font-size: 24px; margin-bottom: 20px; margin-top: 20px; } .rules-body{ border-radius: 0px; padding: 20px; max-width: 100%; margin: 0 auto 20px auto } .rules-body p{ font-size: 16px; line-height: 1.7; color: #2E2E2E; } } .body-offer__dots .swiper-slide:not(:first-child) img{ } .formats{ background: #FBFBFB !important; padding-bottom: 70px; } .formats__wrapper { background-position: center bottom -150px; background-repeat: no-repeat; border-radius: 60px 60px 0 0; position: relative; margin-top: -60px; padding: 70px 0 75px 0; } .formats__body{ display: flex; align-items: center; justify-content: space-between; } .formats__container{ padding: 0 50px 0 120px; } .formats__body h2{ font-size: 48px; line-height: 1.5; font-family: Gilroy SemiBold; color: #2E2E2E; } .formats__image{ flex: 1 1 80%; display: flex; justify-content: center; } .formats__body .formats__actions{ display: flex; margin: 30px 0; } .formats__actions div{ display: flex; text-align: center; align-items: center; justify-content: center; min-width: 200px; height: 70px; border-radius: 15px; background: linear-gradient(0deg, rgba(255, 255, 255, 0.88), rgba(255, 255, 255, 0.88)), #5DADC1; position: relative; font-size: 22px; color: #5DADC1; transition: all 0.3s ease 0s; cursor: pointer; } .formats__actions div:hover{ -webkit-box-shadow: 0px 22px 58px rgb(93 173 193 / 38%); box-shadow: 0px 22px 58px rgb(93 173 193 / 38%); } .formats__actions div:last-child{ margin-left: 20px; } .formats-image__link{ transition: opacity .5s ease 0s; visibility: collapse; opacity: 0; position: absolute } .mfp-figure:after{ box-shadow: none !important; background: none !important; } .mfp-title{ text-align: center; padding-top: 10px; font-size: 26px; } .formats-image__link._active{ visibility: visible; opacity: 1; position: relative; } .formats__actions div::after{ content: ''; width: 100%; height: 100%; border-bottom: 3px solid #d3e5eb; position: absolute; left: 0; top: 0; border-radius: 15px; } .formats__actions div._active{ color: #fff; background: linear-gradient(200deg, #65BFD6 30.98%, #4390A4 86.92%), #5DADC1; } .formats__actions div._active::after{ border-bottom: 3px solid #4a8a9a; } .formats__body p{ font-size: 24px; line-height: 1.7; max-width: 70%; } .formats__body._format-0 .formats__image img{ max-height: 530px; max-width: 100%; } .formats__body._format-1 .formats__image img{ height: 430px; } .formats__body._format-1 .formats__image a:first-child img{ height: 455px; } .format-small{ display: none; } .formats-image__link div{ display: flex; } .formats-image__link a:last-child{ padding-top: 20px; margin-left: 30px; } .two-image div a:last-child img{ } @media(max-width:1620px){ .formats__wrapper { background-position: left bottom -50px; background-size: cover; background-repeat: no-repeat; border-radius: 40px 40px 0 0; margin-top: -60px; padding: 20px 0 70px 0; } .formats-image__link a:last-child{ padding-top: 12px; } .two-image div a:last-child img{ } .formats__body{ display: flex; align-items: center; justify-content: space-between; } .formats__container{ padding: 0 50px 0px 50px; } .formats__left{ max-width:45%; } .formats__body h2{ font-size: 40px; color: #2E2E2E; } .formats__image{ flex: 1 1 80%; } .formats__body .formats__actions{ display: flex; margin: 16px 0; } .formats__actions div{ font-size: 20px; } .formats__actions div:last-child{ margin-left: 15px; } .formats__actions div:last-child br{ display: none; } .formats__body p{ font-size: 18px; max-width: 85%; } } @media(max-width: 991px){ .formats__wrapper { background-position: left bottom -50px; border-radius: 30px 30px 0 0 ; padding: 20px 0 110px 0; } .two-image div a:last-child img{ max-height: 410px; } .formats__body{ align-items: flex-start; justify-content: space-between; flex-direction: column; } .formats__container{ padding: 0 50px 0px 50px; } .formats__left{ max-width:100%; } .formats__body h2{ font-size: 40px; color: #2E2E2E; } .formats__image{ flex: 1 1 100%; margin-top: 25px; } .formats__body .formats__actions{ display: flex; margin: 16px 0; } .formats__actions div{ font-size: 20px; } .formats__actions div:last-child{ margin-left: 15px; } .formats__body p{ font-size: 18px; max-width: 100%; } } @media(max-width:768px){ .formats__wrapper { background-position: left bottom -50px; border-radius: 30px 30px 0 0 ; padding: 20px 0 110px 0; } .formats__body{ align-items: flex-start; justify-content: space-between; flex-direction: column; } .formats__container{ padding: 0 20px 0px 20px; } .formats__body h2{ font-size: 24px; } .formats__image{ margin: 0 auto; } .formats__body .formats__actions{ margin: 15px 0; } .formats__actions{ display: flex; column-gap: 10px; } .formats__actions div{ height: 55px; flex: 1 1 50%; min-width: 0; } .formats__actions div:last-child{ margin-left: 15px; } .formats__body p{ font-size: 16px; } .format-small{ display: block; } .format-big{ display: none; } } .footer-body span{ text-align: center; display: block; color: #000000; opacity: 0.5; font-size: 20px; margin-top: 30px; line-height: 1.7; width: 100%; font-family: 'Gilroy Regular'; } .footer{ height: auto; background: #fff; } @media(max-width: 1620px){ .footer-body p{ padding-bottom: 20px; } .footer{ padding-bottom: 50px; } .footer-body span{ margin-top: 20px; font-size: 18px; } } @media(max-width: 768px){ .footer{ padding-bottom: 0; } .footer-body p{ padding-bottom: 15px; } .footer-body span{ margin-top: 15px; font-size: 16px; } .footer__wrapper{ } } .info-names__bottom{ flex-direction: column; background: url("https://narekaet.com/view/image/public_new/formay-price-bg.png") no-repeat; padding: 15px; background-size: contain; } .info-names__bottom .info-names__price{ color: #394E70; font-size: 96px; line-height: 1.5; font-family: Sweet; padding-right: 20px; } .info-names__bottom .info-names__text{ color: #394E70; font-family: Gilroy Medium; font-size: 24px; font-style: normal; font-weight: 500; line-height: 170%; /* 40.8px */ } @media(max-width: 1620px){ .info-names__bottom{ margin-top: 20px; } .info-names__bottom .info-names__price{ font-size: 60px; } .info-names__bottom .info-names__text{ } } @media(max-width: 768px){ .info-names__bottom{ max-width: 100%; width: 100%; margin-top: 20px; } .info-names__bottom .info-names__price{ font-size: 32px; } .info-names__bottom .info-names__text{ } /*.offer-swiper-next{*/ /* display: none !important;*/ /*}*/ /*.offer-swiper-prev{*/ /* display: none !important;*/ /*}*/ } .offer-swiper-prev.swiper-button-disabled{ opacity: 0.5; } .offer-swiper-prev.swiper-button-disabled:hover{ box-shadow: none; } .offer-swiper-next.swiper-button-disabled{ opacity: 0.5; } .offer-swiper-next.swiper-button-disabled:hover{ box-shadow: none; } .name-form__top-right-inp{ margin-top: 0; } @media(max-width: 600px){ .name-form__top-left{ margin-right: 0; } } .modal-cross svg rect{ transition: all 0.3s ease 0s; } .modal-cross:hover svg rect{ fill: #57A7BB; } .name-form__bottom-wrap div{ max-width: 32% } .name-form__bottom-wrap div{ position: relative; } .select-placeholder{ position: absolute; top: -40px; left: 20px; font-size: 20px; font-family: 'Gilroy Regular'; } .hidden-option{ display: none; } .name-form__types-electronic{ display: none; } .basket-item__info-price-bottom{ display: none; } .basket-products__form-address{ display: none; } @media(max-width: 1300px) { .formats__body._format-1 .formats__image a:first-child img{ height: 335px; } .formats__body._format-1 .formats__image img{ height: 320px; } } @media(max-width: 991px){ .formats__body._format-0 .formats__image img{ max-height: 420px; max-width: 100%; } .formats__body._format-1 .formats__image a:first-child img{ height: 330px; } .formats__body._format-1 .formats__image img{ height: 315px; } .formats-image__link a:last-child{ padding-top: 10px; } } .red{ color: red; } .required p{ font-size: 20px; font-family: 'Gilroy Regular'; margin: 30px 0; } @media(max-width: 1620px){ .required p{ font-size: 18px; margin: 20px 0; } .modal-names__slider-item{ max-width: 120px; } } @media(max-width: 768px){ .required p{ font-size: 16px; margin: 15px 0; } .modal-names__slider-item label:hover::after{ border:0px solid #5DADC1; background-image: url('https://narekaet.com/view/image/public_new/checkbox-icon.svg'); } .modal-names__variants .offer-swiper-next{ display: flex; } .two-image img{ width: auto; } .one-image img{ max-height: 310px; height: 250px; } .one-image .two-image div a:last-child{ padding-top: 9px; } .one-image div:first-child a:last-child{ padding-top: 9px; } .two-image div a:last-child img{ max-height: 310px; } .mfp-title{ padding-right: 0 !important; } } .swiper-slide{ } .small-a5{ } .modal-names__slider-2 label::before{ display: none; } .modal-names__slider-2{ position: relative; margin-left: -8px; margin-top: 10px; padding: 0 10px; } .modal-names__slider-2 .swiper-wrapper{ } .modal-cross{ width: 50px; height: 50px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: linear-gradient(0deg, rgba(255, 255, 255, 0.88), rgba(255, 255, 255, 0.88)), #5DADC1; } .modal-cross svg rect{ fill: #5DADC1 !important; } .people-name{ position: absolute; width: 100%; height: 100%; left: 0; top: 0; display: flex; align-items: center; justify-content: center; color: #fff; font-family: 'Sweet Mavka Script'; font-size: 18px; padding: 0 10px; word-break: break-all; text-align: center; } @media(max-width: 991px){ .people-name{ font-size: 14px; } } @media(max-width: 768px){ .people-name{ font-size: 12px; padding: 0 10px; } } .formats__description{ margin-top: 20px; } .formats__description-paragraph{ transition: opacity 0.2s ease 0s; visibility: collapse; opacity: 0; position: absolute; } .formats__description-paragraph._active{ visibility: visible; position: static; opacity: 1; } .basket-item__description-design{ display: none; } .plug{ visibility: collapse; opacity: 0; position: absolute; z-index: -1; left: 0; } .form-personal__required p { margin-top: 30px; font-size: 20px; font-family: 'Gilroy Regular'; } @media(max-width: 991px){ .form-personal__required p { margin-top: 20px; font-size: 16px; } } .people-name__modal{ z-index: 4; } .write-us{ max-width: 527px; margin-top: 40px; margin: 40px auto 0 auto } @media(max-width:768px){ .write-us{ max-width: 527px; margin-top: 40px; margin: 20px auto 0 auto } } .write-us a{ color: #fff; font-family: 'Gilroy Regular'; position: relative; display: inline-block; } .write-us a::after{ content: ''; width: 100%; height: 1px; position: absolute; bottom: 1px; left: 0; background: #fff; } .accordion__item-body{ max-height: 0; overflow: hidden; transition: max-height 0.2s ease-out; } .faq__wrapper{ border-radius: 60px; position: relative; margin-top: -110px; background: #F8F8F8; } .faq__accordion{ max-width: 990px; margin: 0 auto; } .faq{ background: #fff; } .accordion__item{ background: #fff; border-radius: 20px; } .accordion__item:not(:first-child){ margin-top: 10px; } .accordion__item-title{ display: flex; min-height: 100px; align-items: center; justify-content: space-between; padding: 0 30px; cursor: pointer; } .accordion__item-title:hover div{ box-shadow: 0px 16px 28px rgba(183, 214, 224, 0.55); } .accordion__item-title p { font-size: 24px; line-height: 1.6; max-width: 80%; } .accordion__item-title div { display: flex; align-items: center; justify-content: center; width: 60px; height: 60px; border-radius: 50%; transition: all 0.3s ease 0s; position: relative; background: linear-gradient(0deg, rgba(255, 255, 255, 0.88), rgba(255, 255, 255, 0.88)), #5DADC1; } .accordion__item-title div::after{ content: ''; width: 100%; height: 100%; border-radius: 50%; position: absolute; top: 0; left: 0; border-bottom: 3px solid #d3e5eb; } .faq h2{ font-size: 56px; font-family: Gilroy SemiBold; text-transform: uppercase; line-height: 1.5; margin-bottom: 30px; text-align: center; } .accordion-body__wrapper{ padding: 30px 0 40px 0; border-top: 1px solid #E3E3E3; margin: 0 30px; } .faq__container{ padding: 100px 0 100px 0; } .accordion-body__wrapper p{ font-family: 'Gilroy Regular'; font-size: 20px; line-height: 1.7; } .accordion-body__wrapper p a{ transition: all 0.3s ease 0s; border-bottom: 1px solid #59A8BC; font-family: 'Gilroy Regular'; color: #59A8BC; } .accordion-body__wrapper p a:hover{ border-bottom: 1px solid #a9d7e2; color: #a9d7e2; } .accordion-body__wrapper p:not(:first-child){ margin-top: 25px; } .accordion__item-title._opened div{ background: linear-gradient(199.87deg, #5DADC1 30.98%, #4E9DB1 86.92%), #5DADC1; } .accordion__item-title._opened div::after{ border-bottom: 3px solid #4a8a9a; } .accordion__item-title div svg{ transition: all 0.3s ease 0s; } .accordion__item-title._opened div svg{ transform: scaleY(-1); } .accordion__item-title._opened div svg rect{ fill: #ffffff; } @media(max-width: 1620px){ .faq__wrapper{ border-radius: 60px; position: relative; margin-top: -60px; } .faq h2{ font-size: 40px; } .accordion-body__wrapper{ padding: 30px 0 40px 0; border-top: 1px solid #E3E3E3; margin: 0 30px; } .faq__container{ padding: 60px 0 80px 0; } } @media(max-width: 768px){ .faq__wrapper{ border-radius: 30px; } .faq__accordion{ max-width: 100%; } .accordion__content{ padding: 0 20px; } .accordion__item{ } .accordion__item-title{ min-height: 80px; padding: 15px; align-items: flex-start; } .accordion__item-title p { font-size: 16px; } .accordion__item-title div { width: 30px; height: 30px; } .accordion__item-title div::after { border-bottom: 2px solid #d3e5eb; } .accordion__item-title svg{ width: 8px; } .faq h2{ font-size: 24px; margin-bottom: 15px; } .accordion-body__wrapper{ padding: 15px 0 20px 0; margin: 0 15px; } .faq__container{ padding: 30px 0 30px 0; } .accordion-body__wrapper p{ font-size: 16px; } .accordion-body__wrapper p:not(:first-child){ margin-top: 20px; } } .swiper-slide-shadow{ display: none !important; } .firstscreen-updt .firstscreen-new__form{ display: block !important; } @media(max-width:768px){ .one-image a{ margin-left: 0 !important; } .one-image .formats-image__link:last-child div a:last-child{ } } /* .body-offer__slider-item.swiper-slide-active{ top: 0; left: 0; scale: 1; position: static; } */ .body-offer__slider{ } .swiper-wrapper{ } /* .body-offer__slider-item:nth-child(3) img{ transform: scale(1.15); margin-top: 5.2%; } .body-offer__slider-item:nth-child(3){ padding-bottom: 5%; padding-right: 6%; } .body-offer__slider-item.swiper-slide-prev img{ transform: scale(1); margin-top: 0; padding-bottom:0%; } .body-offer__slider-item.swiper-slide-next img{ transform: scale(1.1); margin-top: 2%; } .body-offer__slider-item.swiper-slide-next{ padding-bottom: 2%; padding-right: 5%; } .body-offer__slider-item.swiper-slide-active img{ transform: scale(1); margin-top: 0; padding-bottom:0%; } .reset{ transform: scale(1) !important; margin-top: 0 !important; padding-bottom:0% !important; } .reset-slide{ padding-bottom: 0% !important; padding-right: 0% !important; } @media(max-width:1620px){ .body-offer__slider-item:nth-child(3){ transform: scale(1.05); margin-top: 4%; padding-bottom: 1%; } .body-offer__slider-item.swiper-slide-prev img{ transform: scale(1); margin-top: 0; padding-bottom:0%; } .body-offer__slider-item.swiper-slide-next img{ transform: scale(1.05); margin-top: 3%; padding-bottom: 0%; } .body-offer__slider-item.swiper-slide-active img{ transform: scale(1); margin-top: 0; padding-bottom:0%; } } */ .modal-names__variants .offer-swiper-prev, .modal-names__variants .offer-swiper-next{ background: linear-gradient(199.87deg, #5DADC1 30.98%, #4E9DB1 86.92%), #5DADC1; transition: all 0.3s ease 0s; display: flex; align-items: center; justify-content: center; width: 50px; height: 50px; border-radius: 50%; position: absolute; z-index: 2; cursor: pointer; } .modal-names__variants .offer-swiper-prev:hover, .modal-names__variants .offer-swiper-next:hover{ box-shadow: 0px 6px 17px rgba(92, 172, 192, 0.6); } .modal-names__variants .offer-swiper-prev svg, .modal-names__variants .offer-swiper-next svg{ height: 13px; width: 13px; } .modal-names__variants .offer-swiper-prev{ top: 50%; margin-top: -25px; left: -75px; } .modal-names__variants .offer-swiper-next{ top: 50%; margin-top: -25px; right: -75px; } .modal-names__variants{ position: relative; } .modal-names__variants .swiper-button-disabled{ opacity: 0; visibility: collapse; } @media(max-width:1620px){ .modal-names__variants .offer-swiper-prev{ margin-top: -20px; left: -50px; width: 40px; height: 40px; } .modal-names__variants .offer-swiper-prev svg, .modal-names__variants .offer-swiper-next svg{ height: 10px; width: 10px; } .modal-names__variants .offer-swiper-next{ margin-top: -20px; right: -50px; width: 40px; height: 40px; } } @media(max-width:768px){ .modal-names__variants .offer-swiper-prev{ display: flex !important; width: 25px;height: 25px; margin-top: -15px; left: -30px; } .modal-names__variants .offer-swiper-next{ display: flex !important; width: 25px;height: 25px; margin-top: -15px; right: -30px; } .modal-names__variants .offer-swiper-prev svg, .modal-names__variants .offer-swiper-next svg{ height: 8px; } } @media(max-width:400px){ .two-image img{ max-width:100%; } } .card-format{ display: none; } .dots-sldier__wrapper{ max-width: 220px; margin: 0 auto; } .body-offer__dots{ justify-content: flex-start; } @media(max-width: 500px){ .modal-names__slider-item{ max-width: none } .names-slider__variant{ height: 50vw; } .names-modal__wrapper{ margin: 30px !important; } .people-name{ font-size: 16px; } } /* .body-offer__slider-item:nth-child(1) img{ transform: rotate(8deg) scale(1.02); } .body-offer__slider-item:nth-child(2) img{ transform: rotate(8deg) scale(1.06); } */ /* .body-offer__slider-item:nth-child(3){ display: none; } .body-offer__slider-item:nth-child(4){ display: none; } .body-offer__slider-item:nth-child(5){ display: none; } .body-offer__slider-item:nth-child(6){ display: none; } .dots-slide:nth-child(3){ display: none; } .dots-slide:nth-child(4){ display: none; } .dots-slide:nth-child(5){ display: none; } .dots-slide:nth-child(6){ display: none; } */ .modal-names__slider-item:nth-child(15) p.people-name{ color: #fff !important; } .modal-names__slider-item:nth-child(17) p.people-name{ color: #fff !important; } .modal-names__slider-item:nth-child(20) p.people-name{ color: #fff !important; } .modal-names__slider-item:nth-child(21) p.people-name{ color: #fff !important; } .modal-names__slider-item:nth-child(24) p.people-name{ color: #fff !important; } .modal-names__slider-item:nth-child(25) p.people-name{ color: #fff !important; } .modal-names__slider-item:nth-child(26) p.people-name{ color: #fff !important; } .modal-names__slider-item:nth-child(29) p.people-name{ color: #fff !important; } img[data-src] { opacity: 0; } img{ transition: opacity 0.3s; } .dots__slider-item{ /*background: #F6F6F6;*/ } .dots__slider-item._active{ /*background: none;*/ } .dots-sldier__wrapper .swiper-button-prev{ display: none; } .dots-sldier__wrapper .swiper-button-next{ display: none; } @media(max-width: 550px) { .body-offer__slider-item img{ height: 400px; } .body-offer__slider, .body-app__right-slider{ height: 420px; } .body-offer__slider .offer-swiper-prev{ left: 0 !important; box-shadow: none !important; } .body-offer__slider .offer-swiper-next{ right: 0 !important; box-shadow: none !important; } } @media(max-width: 768px) { .formats__body._format-1 .formats__image a:first-child img{ height: 230px; height: inherit; } .formats__body._format-0 .formats__image img{ max-height: none; height: 400px } .formats__body._format-1 .formats__image img{ height: calc(100% - 10px); } .info-names__bottom{ position: absolute; bottom: 10px; width: 270px; display: flex; flex-direction: column; align-items: center; background-position: center; left: 50%; margin-left: -135px; } .info-names__bottom .info-names__price{ font-size: 46px; } .info-names__bottom .info-names__text{ font-size: 16px; } .formats__wrapper{ padding-bottom: 160px; } } @media(max-width: 500px) { /*.formats__body._format-1 .formats__image a:first-child img{*/ /* height: 230px;*/ /* width: 100% !important;*/ /*}*/ /*.formats__body._format-1 .formats__image img{*/ /* height: 200px;*/ /* max-width: 100%;*/ /*}*/ .formats__body._format-1 .formats__image a:first-child{ width: 60%; } .formats__body._format-1 .formats__image a:last-child{ width: 40%; } .formats__body._format-1 .formats__image a:first-child img{ height: inherit; } .formats__body._format-1 .formats__image img{ height: calc(100%); width: 100%; } } .body-app__right{ position: relative; } .right-slider__adv{ position: absolute; display: flex; align-items: center; justify-content: center; width: 387px; height: 326px; background: url("https://narekaet.com//view/image/public_new/cloud.png") no-repeat; background-size: cover; z-index: 2; left: -120px; top: 1%; } .right-slider__adv p{ color: #358C98; padding-left: 30px; padding-bottom: 20px; font-family: Gilroy Medium; font-size: 20px; max-width: 250px; line-height: 140%; /* 28px */ } .body-app__actions a img{ height: 43px; } .names h2{ color: #FFF; text-align: center; font-family: Gilroy SemiBold; font-size: 48px; margin-bottom: 15px; padding-top: 100px; } .names__subtitle{ color: #FFF; text-align: center; font-family: Gilroy Regular; font-size: 24px; font-weight: 400; line-height: 1.7; } .body-names__line{ margin-top: 40px; margin-left: 60px; margin-right: 80px; } .names-right__quantity span{ color: #fff; font-family: Sweet; font-size: 96px; line-height: 120%; /* 115.2px */ } .names-right__quantity p{ color: #FFF; font-family: Gilroy Medium; font-size: 24px; line-height: 170%; /* 40.8px */ } .names-right__block{ margin-top: 80px; border-radius: 30px; border-right: 1px solid #FFF; border-bottom: 1px solid #FFF; border-left: 1px solid #FFF; background: #394E70; padding: 30px; position: relative; } .names-right__block h5{ color: #FFF; font-family: Gilroy SemiBold; font-size: 24px; line-height: 170%; /* 40.8px */ } .names-right__block span{ color: #FFF; font-family: Gilroy Medium; font-size: 56px; line-height: 150%; /* 84px */ } .names-right__block p{ color: #FFF; font-family: Gilroy regular; font-size: 16px; line-height: 150%; /* 84px */ margin-top: 5px; } .names-right__block img{ position: absolute; right: 7%; bottom: -26px; } @media(max-width: 1620px) { .right-slider__adv{ top: -10%; } .names h2{ padding-top: 70px; } .names__subtitle{ font-size: 16px; } .body-names__line{ margin-top: 30px; margin-left: 50px; margin-right: 60px; } .names-right__quantity span{ font-size: 60px; } .names-right__quantity p{ font-size: 16px; } .names-right__block{ margin-top: 80px; } .names-right__block h5{ font-size: 24px; } .names-right__block span{ font-size: 48px; } } @media(max-width: 1300px) { .right-slider__adv{ left: -210px; } .body-names__line{ margin: 0 30px; } .body-names__line img { width: 150px; } } @media(max-width: 991px) { .right-slider__adv{ /*bottom: -5%;*/ /*top: auto;*/ /*left: 3%;*/ width: 347px; height: 276px; left: 0; } .body-app__right .slick-dots{ /*display: none !important;*/ } .body-app__actions{ position: absolute; bottom: 100px; left: 50%; transform: translate(-50%, 0); } .body-app__right{ margin-top: 110px; } .app__wrapper{ position: relative; /*padding-bottom: 140px;*/ } .body-app__right-slider{ margin-top: 30px; } .names h2{ padding-top: 30px; font-size: 24px; } .names__subtitle{ } .body-names__line{ display: none; } .names-right__quantity span{ text-align: center; } .names-right__quantity p{ font-size: 16px; text-align: center; } .names-right__block{ margin-top: 35px; } .names-right__block h5{ font-size: 20px; } .names-right__block span{ font-size: 40px; } .names-right__block p{ font-size: 14px; } .names-right__quantity{ display: flex; flex-direction: column; align-items: center; } .body-names__left{ order: 1; margin-top: 30px; margin-bottom: 35px; } .body-names__right{ order: 3; } } @media(max-width: 768px) { .right-slider__adv{ bottom: -5%; left: -5%; } .body-app__right .slick-dots{ display: none !important; } .body-app__actions{ position: absolute; bottom: 100px; left: 50%; transform: translate(-50%, 0); } .app__wrapper{ position: relative; padding-bottom: 140px; } .body-app__right-slider{ margin-top: 30px; } } @media(max-width: 600px) { .app-slider__item img{ max-height: 400px; } .body-app__actions{ width: calc(100% - 40px); left: 20px; transform: none; } .app__wrapper{ padding-bottom: 360px; } .right-slider__adv{ top: -15%; width: 247px; left: 10%; height: 210px; } .body-app__right{ margin-top: 80px; } .right-slider__adv p{ font-size: 12px; padding-left: 40px; max-width: 190px; } .body-app__right-slider{ padding-bottom: 0; } } .catalog-name{ color: #000; font-family: Gilroy Medium; } @media(max-width: 570px) { .body-offer__slider-wrapper .offer-swiper-next { right: 0 !important; } .body-offer__slider-wrapper .offer-swiper-prev{ left: 0 !important; } } @media(max-width: 500px) { .right-slider__adv{ top: -19%; left: -5%; } } body._black-text .actions-header__cart-name{ color: #000; } body._black-text .cart-count{ color: #000; } body._black-text .actions-header__cart-count.cart-count{ color: #fff } .basket{ padding-top: 60px; } @media(max-width: 768px) { .basket{ padding-top: 50px; } }