* {box-sizing: border-box;}
/* BREAKPOINTS */
/* SM breakpoint */
@media (min-width: 576px) {
/* CUSTOM WIDTHS */
.w-sm-10 { width: 10%!important; }
.w-sm-15 { width: 15%!important; }
.w-sm-20 { width: 20%!important; }
.w-sm-fc { width: fit-content!important; }
}
/* MD breakpoint*/
@media (min-width: 768px) {
/* CUSTOM WIDTHS */
.w-md-10 { width: 10%!important; }
.w-md-15 { width: 15%!important; }
.w-md-20 { width: 20%!important; }
.w-md-fc { width: fit-content!important; }
}
/* LG breakpoint */
@media (min-width: 992px) {
/* CUSTOM WIDTHS */
.w-lg-10 { width: 10%!important; }
.w-lg-15 { width: 15%!important; }
.w-lg-20 { width: 20%!important; }
.w-lg-fc { width: fit-content!important; }
}
.fit-content{width: fit-content;}
.btn-row {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 25px;
/*margin-bottom: 50px;*/
}
.country img{width: 32px;}
.country p {
font-weight: 700;
font-size: 18px;
line-height: 20px;
color: #000000;
}
.tel{
width: 50%;
text-align: left;
}
.tel a,
.tel p{
text-decoration: none;
font-weight: 400;
font-size: 18px;
line-height: 24px;
color: #000000;
margin: 0 !important;
}
.gap-3{gap: 30px;}
.link-row a {width: fit-content;}
.contacts__custom-block svg{min-width: 48px;}
.contacts__custom-block a{
border: none !important;
background: transparent !important;
margin: 0 5px 0 0 !important;
padding: 0 !important;
box-shadow: none !important;
height: auto !important;
min-width: fit-content !important;
}
.contacts__custom-block p,
.contacts__custom-block a{
font-weight: 400 !important;
font-size: 18px !important;
line-height: 24px !important;
color: #000000 !important;
text-decoration: none !important;
}
.contacts__custom-btn-row a {
background: #453F9B !important;
border-radius: 50px !important;
padding: 10px 40px !important;
font-weight: 700 !important;
font-size: 16px !important;
line-height: 24px !important;
text-align: center !important;
color: #FFFFFF !important;
max-width: fit-content !important;
text-decoration: none !important;
}
.custom-btn_1{
background: linear-gradient(180deg, #FFDE90 0%, #FFCE6B 100%);
box-shadow: 0px 2px 16px rgba(255, 207, 27, 0.16);
border-radius: 50px;
padding: 0 32px;
font-size: 18px;
color: #151826;
font-weight: 700;
height: 48px;
display: flex;
justify-content: center;
align-items: center;
}
.cmw-200{max-width: 200px;}
.custom-btn_2{
font-weight: 700;
color: #453F9B !important;
padding: 10px 40px;
font-size: 18px;
line-height: 44px;
}
.custom__collumn-box{
display: flex;
flex-direction: column;
justify-content: space-between;
min-height: 255px;
}
.custom__m-5{margin-bottom: 100px;}
.custom__mt-5{margin-top: 100px !important;}
@media (max-width: 517px) {
.custom__m-5{margin-bottom: 48px;}
.custom__mt-5{margin-top: 48px !important;}
.cmw-200,
.custom-btn_1,
.custom-btn_2{min-width: 100% !important;}
.custom-btn_2{text-align: center;}
.contacts__custom-block p,
.contacts__custom-block a{font-size: 16px !important;}
.contacts__custom-btn-row a {
max-width: 100% !important;
width: 100% !important;
}
.btn-row{
margin-bottom: 0;
max-height: 110px;
}
.btn-row a{width: 100% !important;}
.btn-row a:last-child{
display: flex;
justify-content: center;
align-items: center;
padding: 0 !important;
margin-left: 0 !important;
}
.img-text-row{flex-direction: column-reverse;}
.img-text-row .item img{width: 40px;}
.img-text-row .item .item-text p,
.img-text-row .item .item-text h4{margin-left: 0 !important;}
.mob_mt-2{margin-top: 48px !important;}
.mob_mt-1{margin-top: 28px !important;}
.link-row a { width: 100%;}
}
@media screen and (max-width: 767px){
.block-banner-with-text .content {padding: 10% !important;}
}
.block-four-square-banners .item{
display: flex;
align-items: start;
}
.block-four-square-banners .item img{
padding: 0 !important;
margin-top: 0;
margin-right: 15px;
}
.block-text-icons-image.type-1 .item img{
margin-right: 32px;
}
.block-text-icons-image.type-1 .item img,
.block-text-icons-image.type-1 .item svg.
.block-text-icons-image.type-1 .item .item-icon{
width: 41px !important;
}
.img-text-row{
justify-content: space-between;
align-items: center;
}
@media (max-width: 767px) {
.block-four-square-banners .item,
.content-builder-block .item {flex-direction: column;}
.block-four-square-banners .item img{margin-bottom: 10px;}
.block-four-square-banners .item p {max-width: 70%;}
.block-four-square-banners .item .item-descr {max-width: 100%;}
.content-builder-block + .content-builder-block, .content-builder-block + .row.clearfix:not(.content-builder-block){
padding-bottom: 0 !important;
}
.content-builder-block h1,
.content-builder-block h2 {margin: 10px 0 !important;}
.content-builder-block h1{
line-height: 1.27 !important;
font-size: 32px !important;
}
.feedback__form .ajaxForm{margin-bottom: 32px;}
.mob__mb-2{margin-bottom: 52px;}
.feedback .block-title{padding:0 14px;}
}
.fake_widget{
width: 100%;
height: auto;
background: url('../assets/app/img/Image_hiro_page.jpg') no-repeat;
background-size: cover;
mix-blend-mode: normal;
padding-bottom: 44px;
}
@media screen and (max-height: 450px){
.fake_widget{
height:calc(100vh - 60px) ;
height: calc(100dvh - 60px);
}
}
.fake_widget .message{
background: #ffffff;
padding: 16px 32px;
border-radius: 1px 20px 20px 20px;
max-width: fit-content;
box-shadow: 0px 0px 50px rgba(126, 142, 147, 0.1);
}
.fake_widget .message:not(:last-child){margin-bottom: 20px;}
.fake_widget .message p{
font-weight: 600;
font-size: 20px;
line-height: 120%;
color: #333333;
}
.fake_widget .message .btn_row{
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 24px;
margin-top: 16px;
padding-bottom: 8px;
}
.fake_widget .message .btn_row a{
padding: 16px 32px;
background: #453F9B;
box-shadow: 0px 2px 12px rgba(197, 218, 239, 0.4);
border-radius: 62px;
font-weight: 700;
font-size: 18px;
line-height: 24px;
color: #FFFFFF;
}
.fake_widget .logo-box{
width: 61px;
height: 47px;
background-image: url('data:image/svg+xml,');
margin:80px 0 24px 0;
}
@media screen and (max-width: 991px){
.fake_widget .container{padding-bottom: 0 !important;}
.fake_widget .message p {
font-size: 18px;
line-height: 1.29;
}
}
@media screen and (max-height: 450px){
.fake_widget .message {padding: 8px 16px;}
.fake_widget .message:not(:last-child) {margin-bottom:16px;}
.fake_widget .message p {
font-size: 14px;
line-height: 120%;
}
.fake_widget .message .btn_row a {font-size: 16px;}
}
@media screen and (max-width: 450px){
.fake_widget .message .btn_row a {
font-size: 18px;
height: 42px;
width: 100%;
}
}
/*CONTRACT CHECK STYLES*/
.contract-check-page section{padding: 72px 0;}
.page-title-cs{
font-weight: 800;
font-size: 40px;
line-height: 56px;
color: #333333;
}
.check-form form{
background: #453F9B;
box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.04);
border-radius: 20px;
padding: 32px 24px;
margin-top: 72px;
}
.form-title{
font-weight: 700;
font-size: 20px;
line-height: 24px;
color: #FFFFFF;
margin-bottom: 24px;
}
.check-form form input{
background: rgba(240, 240, 255, 0.2);
border-radius: 8px;
height: 48px;
padding: 12px;
margin-bottom: 24px;
font-weight: 400;
font-size: 16px;
line-height: 100%;
color: #FFFFFF;
border: none;
}
.form-text{
font-weight: 400;
font-size: 16px;
line-height: 24px;
color: #FFFFFF;
margin-bottom:24px;
}
.page-text-cs{
font-weight: 600;
font-size: 18px;
line-height: 24px;
color: #333333
}
.controller{
border: 1px solid #453F9B;
filter: drop-shadow(0px 2px 12px rgba(197, 218, 239, 0.4));
border-radius: 62px;
padding: 16px 32px;
font-weight: 700;
font-size: 18px;
line-height: 24px;
text-align: center;
color: #453F9B;
transition:.6s;
}
.checked-controller{
background: #453F9B;
color: #FFFFFF;
}
.controller:hover{color: #453F9B;}
.checked-controller:hover{color: #FFFFFF;}
.step{
position: relative;
padding-left: 88px;
margin-bottom: 38px;
}
.step1:before{
content: '';
width: 56px;
height: 56px;
background-repeat: no-repeat;
background-image: url('data:image/svg+xml,');
position: absolute;
top: 0;
left: 0;
}
.step2:before{
content: '';
width: 56px;
height: 56px;
background-repeat: no-repeat;
background-image:url('data:image/svg+xml,') ;
position: absolute;
top: 0;
left: 0;
}
.step3:before{
content: '';
width: 56px;
height: 56px;
background-repeat: no-repeat;
background-image:url('data:image/svg+xml,') ;
position: absolute;
top: 0;
left: 0;
}
.page-title-sm{
font-weight: 800;
font-size: 24px;
line-height: 32px;
color: #333333;
}
.actions-list .container .col-lg-4{
background-image: url('data:image/svg+xml,');
background-repeat: no-repeat;
background-position: left bottom;
}
.action.w-100 {
background: #F9FBFE;
border: 1px solid #EEF1FB;
border-radius: 20px;
padding: 18px 32px;
display: flex;
align-items: center;
}
.action-number{
font-weight: 600;
font-size: 20px;
line-height: 24px;
color: #FFFFFF;
background: #03BC69;
border-radius: 100%;
padding: 7px 14px;
}
.action-text{
font-weight: 700;
font-size: 20px;
line-height: 24px;
color: #333333;
width: 75%;
}
.cost-card{
background: #FFFFFF;
border-radius: 20px;
padding: 27px 25px !important;
min-height: 242px;
display: flex;
flex-direction: column;
justify-content: space-between;
width: 23%;
flex-wrap: wrap;
}
.cost-text{
font-weight: 400;
font-size: 16px;
line-height: 22px;
color: #525B7C;
margin-bottom: 32px;
}
.cost-link{
font-weight: 700;
font-size: 18px;
line-height: 24px;
color: #044F96;
position: relative;
display: flex;
align-items: center;
}
.cost-link:before{
content: '';
width: 100%;
height: 1px;
background: #EAEAFE;
border-radius: 3px;
position: absolute;
top: -10px;
}
.cost-link:after{
content: '';
width: 9px;
height: 16px;
background:url('data:image/svg+xml,') ;
position: absolute;
right: 10%;
}
.cost-link-img{
width: 40px;
height: 40px;
background-repeat: no-repeat;
}
.link-img1{background:url('data:image/svg+xml,') }
.link-img2{background:url('data:image/svg+xml,') }
.link-img3{background:url('data:image/svg+xml,') }
.link-img4{background:url('data:image/svg+xml,') }
@media screen and (max-width: 991px){
.find-number .row{flex-direction: column-reverse;}
.find-number-instruction{margin-top: 48px;}
.cost-link:after{right: 0}
}
@media screen and (max-width: 768px){
.contract-cost .container div{flex-wrap: wrap;}
.contract-cost .container div:not(:last-child){margin-bottom: 15px;}
.cost-card{min-width: 100%}
}
@media screen and (max-width: 428px){
.page-title-cs{
font-size: 30px;
line-height: 36px;
}
.contract-check-page section { padding: 44px 0;}
.check-form form{margin-top: 48px;}
.find-number .page-text-cs{margin-bottom: -24px ;}
.controller{padding: 10px 32px;}
.check .row{ flex-direction: column-reverse}
.check .page-title-cs{margin-top: 48px;}
.check{padding-bottom: 6px !important;}
.step{padding: 80px 0 0 0;}
.page-title-sm{font-size: 20px}
.actions-list .container .col-lg-4{background-image: none}
.action.w-100{
flex-direction: column;
align-items: baseline;
padding: 32px 24px;
}
.action-number{margin-bottom: 24px}
.action-text{font-size: 16px}
}
#contractCheckModal .modal-title{
font-weight: 700;
font-size: 30px;
line-height: 36px;
color: #333333;
}
#contractCheckModal .modal-body{margin-top: 0;}
#contractCheckModal .modal-content{
padding:24px 32px;
border-radius: 20px;
}
.modal-img{
width: 42px;
height: 42px;
margin-bottom: 30px;
}
#contractCheckModal{
position: fixed;
z-index: 1055;
display: none;
width: 90%;
height: auto;
overflow-x: hidden;
overflow-y: auto;
outline: 0;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.data-box{margin: 28px 0;}
.modal-title-sm{
font-weight: 700;
font-size: 20px;
line-height: 24px;
color: #151826;
margin-bottom: 16px;
}
.modal-text-gray{
font-weight: 400;
font-size: 14px;
line-height: 18px;
color: #8A95BD;
max-width: fit-content;
padding-bottom: 16px;
margin-bottom: 16px;
border-bottom: 1px solid #E0EBF4;
}
.modal-text{
font-weight: 400;
font-size: 16px;
line-height: 22px;
color: #151826;
margin-bottom: 8px;
}
.modal-text-italics{
font-style: italic;
font-weight: 400;
font-size: 14px;
line-height: 22px;
color: #151826;
margin-bottom: 24px;
}
#contractCheckModal .modal-footer{border: none;}
#contractCheckModal .modal-footer button{
background: linear-gradient(180deg, #FFDE90 0%, #FFCE6B 100%);
box-shadow: 0px 2px 16px rgba(255, 207, 27, 0.1);
border-radius: 50px;
font-weight: 700;
font-size: 18px;
line-height: 24px;
text-align: center;
color: #151826;
width: 100%;
}
@media screen and (max-width: 767px){
.livecam__bg img {min-height: 312px;}
}
.non-after-block:after{display: none!important;}
.modal-overlay{background: rgba(21, 24, 38, 0.7);}
.footer-form-submit{transition: 0.6s}
.online-payment__group-input label{
font-size: 20px;
line-height: 1.2;
font-weight: 700;
color: #fff;
margin-bottom: 8px;
}
.footer__partners__link img{max-width: 100px;}
.footer__partners__link{
font-size: 12px;
line-height: 1.43;
font-weight: 600;
display: inline-block;
}
.flip-card {
border: 1px solid #f1f1f1;
perspective: 1000px;
position: relative;
/* Remove this if you don't want the 3D effect */
padding: 0 !important;
background-color: transparent !important;
border: none;
}
.info-svg {
position: absolute;
top: 5%;
right: 5%;
}
.flip-card-inner {
position: relative;
width: 100%;
height: 100%;
text-align: center;
transition: transform 0.8s;
transform-style: preserve-3d;
background: linear-gradient(147.22deg, #FFF3C8 14.76%, #EEE9FF 82.24%);
border-radius: 20px;
}
.flip-card:hover .flip-card-inner {
transform: rotateY(180deg);
}
.flip-card-front,
.flip-card-back {
position: absolute;
width: 100%;
height: 100%;
-webkit-backface-visibility: hidden;
/* Safari */
backface-visibility: hidden;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 40px 24px;
border-radius: 20px;
}
.flip-card-front {
color: black;
}
.flip-card-back {
background: linear-gradient(147.22deg, #FFF3C8 14.76%, #EEE9FF 82.24%);
transform: rotateY(180deg);
}
@media screen and (max-width: 767px){
.flip-card {
min-height: 182px !important;
}
}
/*basket*/
.basket-card-btn{
background: #453F9B;
}
.basket-card-btn::after{
content: url('data:image/svg+xml, ');
transition: .6s;
transform: rotate(-90deg);
}
.basket-card-btn[aria-expanded="true"]::after{
transform: rotate(0deg);
}
.basket-card-btn span{
color: #FFF;
font-size: 14px;
}
.red-circle{
width: 16px;
height: 16px;
border-radius: 50%;
background-color: #14AE5C;
position: absolute;
top: -5px;
right: -5px;
color: #FFF;
font-size: 10px;
font-style: normal;
font-weight: 700;
display: flex;
align-items: center;
justify-content: center;
}
.dropdown-menu.show{
border-radius: 16px;
background: #453F9B;
box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.25) !important;
height: auto;
padding: 18px 0;
min-width: 538px;
border: 1px solid rgba(255,255,255,.3);
}
.basket-product:not(:last-child){
margin-bottom: 12px;
}
.basket-product-card{
border-radius: 18px;
background: #FFF;
box-shadow: 0px 1px 23px 0px rgba(0, 0, 0, 0.06);
height: 48px;
min-width: 188px;
padding: 0 21px;
}
.basket-product-card::after{
content:url('data:image/svg+xml, ') !important;
transition: .3s;
position: absolute;
right: 17px;
}
.basket-product-card[aria-expanded="true"]::after{
transform: rotate(-90deg);
}
.basket-product-info{
color: #333;
font-size: 14px;
font-weight: 600;
}
.product-description.show{
padding: 16px 18px;
min-width: 100%;
left: 24px !important;
}
.product-description-row{margin-bottom: 8px;}
.product-description-row:last-child{margin-bottom: 12px;}
.product-description p{
font-size: 14px;
font-weight: 400;
line-height: 18px;
}
.product-description-title{color: #BFC9E9;}
.product-description-info{color: #FFF;}
.product-description-line{
height: 1px;
width: 100%;
background-color: #726CC3;
margin-bottom: 12px;
}
.chane-product-description{
color: #FFF;
font-size: 14px;
font-weight: 600;
line-height: 20px;
}
.chane-product-description:hover{color: #FFF;}
.basket-product-btn{
font-size: 16px;
font-weight: 600;
}
.basket-accordion-item h2{
display: flex;
align-items: center;
}
[data-modal="#modal-cart-product-remove"]{
margin-right: 1rem;
background-image: url('data:image/svg+xml, ');
height: 12px;
width: 12px;
}
.cart-list,
.cart-list_total{
padding: 0 18px;
}
.cart-list{
padding-bottom: 18px;
border-bottom: 1px solid rgba(255, 255, 255, 0.30);
margin-bottom: 13px;
max-height: 395px;
overflow-y: scroll;
scrollbar-color: #FFCF1B #FFCF1B;
scrollbar-width: none;
}
.cart-list::-webkit-scrollbar {
width: 6px;
height: 6px;
}
.cart-list::-webkit-scrollbar-track {
background-color: transparent;
}
.cart-list::-webkit-scrollbar-thumb {
background-color: #FFCF1B;
border-radius: 10px;
border: 2px solid rgba(255, 255, 255, 0.30);
}
.cart-product_info{
width: 95%;
border-radius: 14px;
background: #FFF;
padding: 17px 12px;
color: #453F9B;
font-weight: 600;
line-height: 20px;
}
.cart-product_info:not(:last-child){
margin-bottom: 8px;
}
.cart-list_text{
color: #FFF;
font-size: 18px;
font-weight: 600;
line-height: 20px;
}
.cart-list_sum{
color: #FFD233;
font-size: 18px;
line-height: 20px;
}
.btn.demi-yellow{
border-radius: 39px;
border: 1px solid #FFD233;
color: #FFCE6B;
}
.cart-list_total .btn.demi-yellow,
.cart-list_total .btn.yellow{
font-size: 16px;
}
.mob__mini-cart:has(.cart-row){
background: #fff;
padding: 10px;
}
.mob__mini-cart .dropdown-menu.show{
min-width: 100dvw;
height: calc(100dvh - 106px);
background: url('../img/Image_hiro_page.jpg') no-repeat ;
background-size: cover;
border-radius: 0;
display: flex;
flex-direction: column;
justify-content: space-between;
border: none;
padding-bottom: 0;
}
.mob__mini-cart .cart-list_total{
border-radius: 16px 16px 0px 0px;
background: #453F9B;
padding: 25px;
}
.mob__mini-cart .cart-list{
max-height: 60dvh;
scrollbar-color: #453F9B #453F9B;
}
.mob__mini-cart [data-modal="#modal-cart-product-remove"]{
background-image: url('data:image/svg+xml, ');
}
.mob__mini-cart .cart-product_info{
color: #333;
}
@media screen and (max-width: 764px) {
[data-type="mini-cart"] .dropdown-menu,
[data-type="mini-cart"] .accordion{width: 100%;}
/*[data-type="mini-cart"] .dropdown-menu.show{*/
/* background: #FBFBFB;*/
/* border: none;*/
/*}*/
[data-type="mini-cart"] .accordion{
padding: 0;
background: transparent;
border: none;
}
.basket-accordion-item{background: transparent;}
.basket-product-btn{
width: 100%;
border-radius: 12px;
background: #453F9B;
height: 48px;
color: #FFF;
font-size: 14px;
font-weight: 600;
display: flex;
align-items: center;
padding: 0 17px 0 2.5rem;
transition: .1s;
}
.basket-product-btn[aria-expanded="true"]{border-radius: 12px 12px 0 0 ;}
.basket-product-btn:after{
content: url('data:image/svg+xml, ');
transition: .6s;
transform: rotate(-90deg);
position: absolute;
right: 17px;
}
.basket-product-btn[aria-expanded="true"]:after{transform: rotate(0deg); }
.basket-accordion-body{
padding: 14px 17px;
background: #453F9B;
border-radius:0 0 12px 12px;
}
}
/*cookies*/
.cookies {
width: 100%;
height: auto;
border-radius: 22px 22px 0 0;
background: rgba(22, 19, 35, 0.70);
position: fixed;
backdrop-filter: blur(5px);
bottom: 0;
z-index: 9;
padding: 29px 0;
}
.cookies-container {
display: flex;
align-items: center;
justify-content: space-between;
}
.rules {
color: #FFF;
font-feature-settings: 'clig' off, 'liga' off;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
margin-bottom: 17px;
}
.clip-yellow {
width: 92px;
height: 92px;
}
@media screen and (max-width: 490px) {
.cookies-container {
flex-direction: column-reverse;
}
.cookies {
text-align: center;
}
.rules {
margin: 18px 0;
}
.clip-yellow {
width: 48px;
height: 48px;
}
.cookies-btn {
width: 100%;
}
}
.modal-title{
color: #151826 !important;
font-size: 30px !important;
line-height: 36px !important;
}
.modal-text{
color: #525B7C !important;
font-size: 20px !important;
line-height: 24px !important;
}
.modal-input{
height: 48px;
padding: 12px 16px;
color: #525B7C;
text-align: center;
border-radius: 8px;
background-color: #e6ecff;
border: none;
}
.header__phone{z-index: 3;}
.header__phone svg{
width: 24px;
height: 24px;
}
@media screen and (max-width: 768px){
.header__phone{ order: 2;}
}
/*News*/
.news-com {
border-radius: 16px;
background: rgba(21, 24, 38, 0.80);
box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
backdrop-filter: blur(9.800000190734863px);
height: auto;
width: 98%;
margin: 0 auto 12px;
position: fixed;
left: 1%;
bottom: -500px;
z-index: 9;
transition: 1s;
}
.news-com[data-show='true']{transform: translateY(0)}
.news-com .text {
color: #FFF;
font-size: 24px;
font-style: normal;
font-weight: 700;
}
.input-primary {
color: #FFF;
border: 1px solid rgba(255, 255, 255, 0.50);
background: rgba(255, 255, 255, 0.20);
padding: 12px 12px 12px 16px;
border-radius: 8px;
}
.custom-col {
width: 33%;
}
.close-button {
position: absolute;
top: 9px;
right: 11px;
color: #FFF;
width: 42px;
height: 42px;
z-index: 9;
}
@media (max-width: 770px){
.news-com {
text-align: center;
width: 100%;
margin: 0;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
left: 0;
}
.text {
margin: 18px 0;
font-size: 22px;
font-style: normal;
font-weight: 700;
line-height: normal;
}
.custom-col {
margin-right: 0;
margin-bottom: 12px;
width: 100%;
}
}
.scrollToTop{
width: 60px;
height: 60px;
display: flex;
position: fixed;
bottom: 100px;
right: 20px;
z-index: 99;
background-image: url('data:image/svg+xml,');
background-repeat: no-repeat;
transition: 0.5s;
/*transform: translateX(30dvw);*/
}
.scrollToTop.show{
transform: translateX(0);
}
.scrollToTop.hide{
opacity: 0;
}
.advertising-link{
z-index: 3;
margin-right: 82px;
}
.advertising-link a{
transition: 2s;
animation: pulse 2s infinite;
font-size: 16px;
}
/*.advertising-link a:hover{*/
/* animation: none;*/
/*}*/
@-webkit-keyframes pulse {
0% {
-webkit-box-shadow: 0 0 0 0 rgba(255, 207, 27, 0.7);
}
70% {
-webkit-box-shadow: 0 0 0 10px rgba(255, 207, 27, 0);
}
100% {
-webkit-box-shadow: 0 0 0 0 rgba(255, 207, 27, 0);
}
}
@keyframes pulse {
0% {
-moz-box-shadow: 0 0 0 0 rgba(255, 207, 27, 0.7);
box-shadow: 0 0 0 0 rgba(255, 207, 27, 0.7);
}
70% {
-moz-box-shadow: 0 0 0 10px rgba(255, 207, 27, 0);
box-shadow: 0 0 0 10px rgba(255, 207, 27, 0);
}
100% {
-moz-box-shadow: 0 0 0 0 rgba(255, 207, 27, 0);
box-shadow: 0 0 0 0 rgba(255, 207, 27, 0);
}
}
@media screen and (max-width: 991px){
.advertising-link{
order: 2;
}
.advertising-link a{
padding: 0;
width: 32px;
border-radius: 100%;
height: 32px;
font-size: 12px;
}
}
.newVideo iframe,
.newVideo #video-preview{
border-radius: 20px;
object-fit: cover;
}
.newVideo #video-preview{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
cursor: pointer;
}
.newVideo #video-wrapper svg{
position: absolute;
bottom: 2rem;
left: 3rem;
}
@media screen and (max-width: 768px){
.newVideo iframe,
.newVideo #video-preview{
height: 340px;
}
}
.products-page .category__products .container {
grid-template-columns: repeat(2,1fr);
/*grid-gap: 24px 20px;*/
}
.products-page .product-card::before {
background: linear-gradient(269.73deg,#434aff 47%,#4dbfff 116.02%) !important;
}
.products-page .product-card{min-height: auto;}
.products-page .product-card:has(.product-card__descr){min-height: 320px;}
.products-page .product-card:has(:not(.product-card__descr)){
.product-card__title{ margin-bottom: 18px;}
}
.category-list{
cursor: pointer;
margin: 0 !important;
padding: 0 32px;
}
.category-list.active{
background-color: #453f9b;
}
.category-list.active a:hover{color: #fff}
.insurance-product__page{
margin-top: 48px;
section{
margin-bottom: 104px;
@media screen and (max-width: 768px) {
margin-bottom: 48px;
}
}
.title{
color: #151826;
font-size: 44px;
font-weight: 800;
line-height: 56px;
margin-bottom: 32px;
@media screen and (max-width: 768px) {
margin-bottom: 16px;
font-size: 24px;
line-height: 32px;
}
}
.description{
color: #525B7C;
font-weight: 700;
font-size: 18px;
line-height: 22px;
}
.banner-box{
width: 100%;
height: 60dvh;
background-size: cover;
background-repeat: no-repeat;
border-radius: 20px;
display: flex;
align-items: center;
.description{
font-weight: 400;
}
@media screen and (max-width: 768px) {
.title{
margin-bottom: 24px;
font-size: 28px;
}
}
}
.card-sm__row{
display: grid;
grid-template-columns: repeat(3,1fr);
grid-gap: 34px 27px;
@media screen and (max-width: 768px) {grid-template-columns: repeat(1,1fr);}
.card-sm{
img{
margin-bottom: 32px;
@media screen and (max-width: 768px) {margin-bottom: 20px;}
}
.card-sm__title{
color: #151826;
font-size: 24px;
font-weight: 800;
line-height: 32px;
@media screen and (max-width: 768px) {
font-size: 18px;
line-height: 24px;
}
}
@media screen and (max-width: 768px) {margin-bottom: 20px;}
.description{
color: #525B7C;
font-size: 18px;
font-weight: 400;
margin-top: 24px;
@media screen and (max-width: 768px) {
font-size: 16px;
margin-top: 12px;
}
}
&[opacity-style="true"]{opacity: 0.2}
}
}
.text-block {
color: #525B7C;
@media screen and (max-width: 768px) {line-height: 140%;}
}
.card-lg__row{
display: grid;
grid-template-columns: repeat(2,1fr);
grid-gap: 34px 27px;
@media screen and (max-width: 768px) {
grid-template-columns: repeat(1,1fr);
}
.card-lg{
border-radius: 20px;
background: #FFF;
box-shadow: 0px 1px 23px 0px rgba(0, 0, 0, 0.06);
display: flex;
justify-content: space-between;
align-items: center;
padding: 32px;
@media screen and (max-width: 768px) {
flex-direction: column;
}
.card-lg__title{
color: #333;
font-size: 24px;
font-weight: 400;
line-height: 120%;
max-width: 60%;
@media screen and (max-width: 768px) {
max-width: 100%;
margin-bottom: 23px;
}
}
}
}
.card-xl__row{
display: grid;
grid-template-columns: repeat(1,1fr);
.card-xl{
border-radius: 20px;
border: 1px #EEF1FB;
background: #F9FBFE;
box-shadow: 0px 1px 23px 0px rgba(0, 0, 0, 0.06);
display: flex;
justify-content: space-between;
align-items: center;
padding: 39px 34px 39px 51px;
.card-xl__title{
color: #333;
font-size: 30px;
font-weight: 700;
line-height: 120%;
@media screen and (max-width: 768px) {
font-size: 20px;
margin-bottom: 22px;
}
}
}
.card-xl:has(.btn){
@media screen and (max-width: 768px) {
flex-direction: column;
}
.card-xl__title{
max-width: 60%;
@media screen and (max-width: 768px) {
max-width: 100%;
}
}
.btn{
border-radius: 60px;
background: #453F9B;
width: 25%;
height: 64px;
color: #FFF;
font-size: 24px;
font-weight: 700;
@media screen and (max-width: 768px) {
width: 100%;
height: 42px;
font-size: 18px;
}
}
}
}
.black-block{
display: flex;
justify-content: center;
align-items: center;
border-radius: 16px;
background: #151826;
padding: 48px;
column-gap: 100px;
@media screen and (max-width: 768px) {
flex-direction: column;
}
.box{
width: 35%;
box-shadow: none;
@media screen and (max-width: 768px) {
width: 100%;
}
.title{
color: #FFF;
font-size: 30px;
font-weight: 700;
margin-bottom: 24px;
}
.description{
color: #FFF;
font-size: 16px;
font-weight: 400;
line-height: 22px;
@media screen and (max-width: 768px) {margin-bottom: 24px;}
}
.btn.transparent{
border: 1px solid #DFDCFA;
color: #FFF;
}
input{
border-radius: 8px;
background: #444651;
height: 48px;
border: none;
padding: 0 19px;
color: #FFF;
font-size: 16px;
font-weight: 400;
line-height: 24px;
&::placeholder {
color: #FFF;
font-size: 16px;
font-weight: 400;
line-height: 24px;
}
}
.phone-link{
color: #FFF;
font-size: 32px;
font-weight: 700;
line-height: 120%;
@media screen and (max-width: 768px) {font-size: 24px;}
}
}
}
@media screen and (max-width: 768px) {
.btn{width: 100%;}
}
.table-section{
.container{
@media screen and (max-width: 768px) {
width: auto;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
table{
border-collapse: collapse;
width: 100%;
overflow-x: auto;
thead{
vertical-align: middle !important;
background: rgba(69, 63, 155, 0.10) !important;
td, th {
color: #453F9B;
font-size: 16px;
font-weight: 800;
line-height: 120%;
@media screen and (max-width: 768px) {
min-width: 200px;
}
}
}
td, th {
border: 1px solid #453F9B;
}
tbody{
border: 1px solid #453F9B !important;
td, th {
color: #000;
font-size: 14px;
font-weight: 400;
line-height: 120%;
}
td:first-child {
font-size: 16px;
font-weight: 700;
}
}
}
}
}
}
.contact-page{
.contact-cards{
display: grid;
grid-template-columns: 1fr 1fr;
gap:23px;
@media screen and (max-width: 991px) {
grid-template-columns: 1fr;
gap:12px;
}
.contact-card{
border-radius: 20px;
background: #FFF;
box-shadow: 0px 1px 23px 0px rgba(0, 0, 0, 0.06);
padding: 25px;
display: flex;
@media screen and (max-width: 480px){
padding: 16px;
}
img{
width: 48px;
height: 48px;
@media screen and (max-width: 480px){
width: 35px;
height: 35px;
}
}
.contact-card-container{
.contact-card-name{
font-size: 28px;
line-height: 120%;
@media screen and (max-width: 480px){
font-size: 18px;
}
}
.contact-card-info{
color: #000;
font-size: 32px;
line-height: 120%;
@media screen and (max-width: 480px){
font-size: 18px;
}
}
.contact-card-info-sm{
color: #000;
font-size: 14px;
line-height: 120%;
@media screen and (max-width: 480px){
margin-top: 10px;
font-size: 12px;
}
}
.footer__socials{
@media screen and (max-width: 480px){
flex-wrap: wrap;
justify-content: start;
gap: 14px;
}
.footer__social{
border: 1px solid #EEF1FB;
border-radius: 50%;
padding: 8px;
width: 48px;
height: 48px;
background-color: #F9FBFE;
&:not(:last-child) {
margin-right: 12px;
@media screen and (max-width: 480px){
margin-right: 0;
}
}
}
}
}
}
}
.instruction{
.contact-card {
border-radius: 20px;
border: 1px solid #EEF1FB;
background: #F9FBFE;
padding: 63px 33px;
@media screen and (max-width: 480px){
padding: 23px 21px;
}
}
.contact-card-name{
font-size: 30px;
line-height: 120%;
@media screen and (max-width: 480px){
font-size: 24px;
margin-bottom: 32px;
}
}
}
}
/*body:has(.classic-oscpv){*/
/* background-image: url(../img/custom-page-bg.jpg);*/
/* background-image: url(../img/custom-page-bg.jpg);*/
/* background-repeat: no-repeat;*/
/* background-size: cover;*/
/*}*/
/*.classic-oscpv{*/
/* section{*/
/* margin-bottom: 93px;*/
/* @media screen and (max-width: 760px){*/
/* margin-bottom: 68px;*/
/* }*/
/* }*/
/* h2.block-title{*/
/* margin-bottom: 48px;*/
/* @media screen and (max-width: 760px){*/
/* margin-bottom: 21px;*/
/* }*/
/* }*/
/* .cards-row{*/
/* display: grid;*/
/* grid-template-columns: repeat(3,1fr);*/
/* grid-gap: 20px;*/
/* align-items: stretch;*/
/* @media screen and (max-width: 760px){*/
/* grid-template-columns: repeat(1,1fr);*/
/* }*/
/* }*/
/* .content-row{*/
/* display: grid;*/
/* grid-template-columns: repeat(2,1fr);*/
/* grid-gap: 56px;*/
/* align-items: center;*/
/* @media screen and (max-width: 760px){*/
/* grid-template-columns: repeat(1,1fr);*/
/* }*/
/* }*/
/* .form-section{*/
/* .cm__form-title{*/
/* display: none;*/
/* }*/
/* &:has(#presentation-calculator-block.d-none){*/
/* [data-type="process-form"]{*/
/* .cm__form-title{*/
/* display: flex;*/
/* max-width: 80%;*/
/* margin: auto;*/
/* margin-bottom: 38px;*/
/* }*/
/* }*/
/* }*/
/* input[type="date"]{*/
/* appearance: none; !* Removes the default appearance *!*/
/* -webkit-appearance: none; !* For Safari *!*/
/* position: relative;*/
/* font-weight: 300;*/
/* &::-webkit-calendar-picker-indicator {*/
/* opacity: 0;*/
/* display: block;*/
/* position: absolute;*/
/* right: 0;*/
/* width: 100%;*/
/* height: 100%;*/
/* cursor: pointer;*/
/* }*/
/* &::before{*/
/* content: url('data:image/svg+xml,');*/
/* width: 24px;*/
/* height: 24px;*/
/* position: absolute;*/
/* right: 1rem;*/
/* }*/
/* }*/
/* input[type="date"].invalid::before{*/
/* content: url('data:image/svg+xml,');*/
/* }*/
/* h1.block-title{*/
/* margin-bottom: 31px;*/
/* @media screen and (max-width: 760px){*/
/* margin-bottom: 0;*/
/* }*/
/* }*/
/* .filter-row{*/
/* display: flex;*/
/* justify-content: center;*/
/* align-items: center;*/
/* margin-bottom: 10px;*/
/* @media screen and (max-width: 760px){*/
/* margin-bottom: 16px;*/
/* }*/
/* .nav-pills{*/
/* border: 1px solid #453F9B;*/
/* background-color: transparent;*/
/* @media screen and (max-width: 760px){*/
/* width: 100%;*/
/* }*/
/* .nav-link{*/
/* &:hover{*/
/* background-color: rgba(69, 63, 155, 0.2);*/
/* }*/
/* &:focus{*/
/* background: rgba(69, 63, 155, 1);*/
/* color: #EEF1FB;*/
/* }*/
/* &.active{*/
/* background: #453F9B;*/
/* color: #EEF1FB;*/
/* }*/
/* }*/
/* }*/
/* }*/
/* .auto-numder-row{*/
/* display: flex;*/
/* justify-content: center;*/
/* align-items: center;*/
/* column-gap: 12px;*/
/* @media screen and (max-width: 760px){*/
/* flex-wrap: wrap;*/
/* }*/
/* #autoNo{*/
/* max-width:280px;*/
/* border:3px solid #231F20;*/
/* border-radius: 12px;*/
/* height: 59px;*/
/* position: relative;*/
/* background-image:url('data:image/svg+xml,');*/
/* background-repeat: no-repeat;*/
/* background-position: left;*/
/* padding-left: 50px;*/
/* font-size: 32px;*/
/* font-weight: 600;*/
/* @media screen and (max-width: 760px){*/
/* max-width: 100%;*/
/* height: 70px;*/
/* margin-bottom: 18px;*/
/* padding-left: 25%;*/
/* background-size: 10%;*/
/* }*/
/* &::placeholder {*/
/* color: #BFC9E9;*/
/* font-size: 32px;*/
/* font-weight: 600;*/
/* line-height: 24px*/
/* }*/
/* }*/
/* .btn{*/
/* height: 59px;*/
/* @media screen and (max-width: 760px){*/
/* width: 100%;*/
/* height: 48px;*/
/* }*/
/* }*/
/* }*/
/* }*/
/* .banner-section{*/
/* height: 60dvh;*/
/* .banner{*/
/* width: 100%;*/
/* height: 60dvh;*/
/* background-image: url('../img/oscpv/classicBanner.png');*/
/* background-repeat: no-repeat;*/
/* background-size: cover;*/
/* border-radius: 18px;*/
/* display: flex;*/
/* flex-direction: column;*/
/* justify-content: center;*/
/* @media screen and (max-width: 760px){*/
/* padding: 48px 0;*/
/* height: auto;*/
/* }*/
/* .content-box{*/
/* max-width: 50%;*/
/* color: #FFF;*/
/* @media screen and (max-width: 760px){*/
/* max-width: 100%;*/
/* }*/
/* .title{*/
/* font-size: 44px;*/
/* font-weight: 800;*/
/* line-height: 56px;*/
/* margin-bottom: 32px;*/
/* }*/
/* .description{*/
/* font-size: 16px;*/
/* font-weight: 400;*/
/* line-height: 22px;*/
/* margin-bottom: 40px;*/
/* }*/
/* }*/
/* }*/
/* }*/
/* .payment-cards{*/
/* .payment-card{*/
/* padding: 40px 24px;*/
/* border-radius: 16px;*/
/* background: linear-gradient(139deg, #FFF3C8 15.58%, #EEE9FF 63.32%);*/
/* backdrop-filter: blur(10px);*/
/* display: flex;*/
/* flex-direction: column;*/
/* align-items: center;*/
/* p{*/
/* color: #525B7C;*/
/* font-size: 20px;*/
/* font-weight: 400;*/
/* line-height: 24px;*/
/* margin-top: 24px;*/
/* }*/
/* }*/
/* }*/
/* .assistants-cards{*/
/* .cards-row{*/
/* grid-gap:56px 20px;*/
/* .assistants-card{*/
/* [data-type="title"]{*/
/* margin: 24px 0;*/
/* color:#151826;*/
/* font-size: 24px;*/
/* font-weight: 800;*/
/* line-height: 32px;*/
/* }*/
/* [data-type="text"]{*/
/* color: #525B7C;*/
/* font-size: 18px;*/
/* font-weight: 400;*/
/* line-height: 140%;*/
/* }*/
/* }*/
/* }*/
/* }*/
/* .why{*/
/* .content-row{*/
/* .text-box{*/
/* @media screen and (max-width: 760px){*/
/* order: 1;*/
/* }*/
/* .description{*/
/* color: #525B7C;*/
/* font-size: 16px;*/
/* font-weight: 600;*/
/* line-height: 24px;*/
/* }*/
/* }*/
/* .img-box{*/
/* background-image: url('../img/oscpv/10.png');*/
/* background-repeat: no-repeat;*/
/* background-size: cover;*/
/* border-radius: 18px;*/
/* min-height: 560px;*/
/* @media screen and (max-width: 760px){*/
/* order: 0;*/
/* min-height: 200px;*/
/* }*/
/* }*/
/* }*/
/* }*/
/* .what{*/
/* @media screen and (max-width: 760px){*/
/* .btn.yellow{*/
/* width: 100%;*/
/* }*/
/* }*/
/* .img-box{*/
/* background-image: url('../img/oscpv/20.png');*/
/* background-repeat: no-repeat;*/
/* background-size: cover;*/
/* border-radius: 18px;*/
/* min-height: 560px;*/
/* @media screen and (max-width: 760px){*/
/* min-height: 200px;*/
/* }*/
/* }*/
/* }*/
/* .advantages-cards{*/
/* background-image: url('../img/text-advantage-bg.svg');*/
/* background-repeat: no-repeat;*/
/* background-size: cover;*/
/* padding: 48px 0;*/
/* @media screen and (max-width: 760px){*/
/* background-image: none;*/
/* }*/
/* .cards-row{*/
/* grid-gap: 20px 103px;*/
/* .advantages-card{*/
/* [data-type="title"]{*/
/* margin-top: 40px;*/
/* color: #151826;*/
/* font-size: 24px;*/
/* font-weight: 700;*/
/* line-height: 120%;*/
/* margin-bottom: 16px;*/
/* }*/
/* [data-type="text"]{*/
/* color: #525B7C;*/
/* font-size: 18px;*/
/* font-weight: 400;*/
/* line-height: 24px;*/
/* }*/
/* }*/
/* }*/
/* }*/
/* .promo-box{*/
/* margin-top: 21px;*/
/* position: relative;*/
/* padding: 3px 0;*/
/* #promo{*/
/* border-radius: 8px;*/
/* border: 1px solid #9790E1;*/
/* background: #F0F0FF;*/
/* width: 100%;*/
/* height: 42px;*/
/* color: #525B7C;*/
/* font-size: 16px;*/
/* font-weight: 700;*/
/* line-height: 24px;*/
/* padding-left: 12px;*/
/* &::placeholder{*/
/* color: #525B7C;*/
/* font-size: 16px;*/
/* font-weight: 400;*/
/* line-height: 24px;*/
/* }*/
/* }*/
/* .promo-btn{*/
/* width: 53px;*/
/* height: 48px;*/
/* display: flex;*/
/* align-items: center;*/
/* justify-content: center;*/
/* border-radius: 8px;*/
/* background: linear-gradient(180deg, #FFDE90 0%, #FFCE6B 100%);*/
/* position: absolute;*/
/* top: 0;*/
/* right: 0;*/
/* transition:.6s;*/
/* &:disabled{*/
/* background: #DFDCFA;*/
/* }*/
/* }*/
/* }*/
/* .question-form{*/
/* padding: 100px 0 50px 0;*/
/* background-color: #F9FBFE;*/
/* background-image: url(../img/back-group.png);*/
/* background-repeat: no-repeat;*/
/* background-position: right bottom;*/
/* @media screen and (max-width: 760px){*/
/* padding:0;*/
/* background:transparent;*/
/* }*/
/* .container{*/
/* display: flex;*/
/* justify-content: center;*/
/* .blackForm{*/
/* width: 80%;*/
/* border-radius: 16px;*/
/* background: #151826;*/
/* padding: 40px;*/
/* @media screen and (max-width: 760px){*/
/* width: 100%;*/
/* padding: 32px 24px;*/
/* }*/
/* .title{*/
/* color: #FFF;*/
/* font-size: 30px;*/
/* font-weight: 700;*/
/* line-height: 36px;*/
/* margin-bottom: 24px;*/
/* @media screen and (max-width: 760px){*/
/* font-size: 24px;*/
/* font-weight: 800;*/
/* line-height: 32px;*/
/* margin-bottom: 16px;*/
/* }*/
/* }*/
/* .description{*/
/* color: #FFF;*/
/* font-size: 16px;*/
/* line-height: 22px;*/
/* @media screen and (max-width: 760px){*/
/* font-size: 14px;*/
/* line-height: 18px;*/
/* margin-bottom: 24px;*/
/* }*/
/* }*/
/* input{*/
/* width: 100%;*/
/* height: 48px;*/
/* border-radius: 8px;*/
/* background: rgba(255, 255, 255, 0.20);*/
/* color: #FFF;*/
/* font-size: 16px;*/
/* line-height: 24px;*/
/* padding-left: 16px;*/
/* margin-bottom: 24px;*/
/* border: none;*/
/* @media screen and (max-width: 760px){*/
/* margin-bottom: 22px;*/
/* }*/
/* }*/
/* .custom-checkbox{*/
/* margin-bottom: 24px;*/
/* ::before{*/
/* background-image:url('data:image/svg+xml,');*/
/* width: 24px;*/
/* height: 24px;*/
/* }*/
/* ::after{*/
/* background-image:url('data:image/svg+xml,');*/
/* }*/
/* }*/
/* }*/
/* }*/
/* }*/
/* [data-previous-step="1"],*/
/* [data-previous-step="2"],*/
/* [data-previous-step="3"]{*/
/* border-radius: 50px;*/
/* border: 1px solid #8A95BD;*/
/* background: transparent !important;*/
/* color: #fff;*/
/* transition: .3s;*/
/* box-shadow:none;*/
/* &:hover{*/
/* box-shadow: 0px 2px 16px 0px rgba(229, 160, 17, 0.32);*/
/* }*/
/* }*/
/*}*/
.classic-oscpv section {
margin-bottom: 93px;
}
@media screen and (max-width: 760px) {
.classic-oscpv section {
margin-bottom: 68px;
}
}
.classic-oscpv h2.block-title {
margin-bottom: 48px;
}
@media screen and (max-width: 760px) {
.classic-oscpv h2.block-title {
margin-bottom: 21px;
}
}
.classic-oscpv .cards-row {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-gap: 20px;
align-items: stretch;
}
@media screen and (max-width: 760px) {
.classic-oscpv .cards-row {
grid-template-columns: repeat(1, 1fr);
}
}
.classic-oscpv .content-row {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-gap: 56px;
align-items: center;
}
@media screen and (max-width: 760px) {
.classic-oscpv .content-row {
grid-template-columns: repeat(1, 1fr);
}
}
.classic-oscpv .form-section .cm__form-title {
display: none;
}
.classic-oscpv .form-section:has(#presentation-calculator-block.d-none) [data-type="process-form"] .cm__form-title {
display: flex;
max-width: 80%;
margin: auto;
margin-bottom: 38px;
}
.classic-oscpv .form-section input[type="date"] {
appearance: none;
/* Removes the default appearance */
-webkit-appearance: none;
/* For Safari */
position: relative;
font-weight: 300;
}
.classic-oscpv .form-section input[type="date"]::-webkit-calendar-picker-indicator {
opacity: 0;
display: block;
position: absolute;
right: 0;
width: 100%;
height: 100%;
cursor: pointer;
}
.classic-oscpv .form-section input[type="date"]::before {
content: url('data:image/svg+xml,');
width: 24px;
height: 24px;
position: absolute;
right: 1rem;
}
.classic-oscpv .form-section input[type="date"].invalid::before {
content: url('data:image/svg+xml,');
}
.classic-oscpv .form-section h1.block-title {
margin-bottom: 31px;
}
@media screen and (max-width: 760px) {
.classic-oscpv .form-section h1.block-title {
margin-bottom: 0;
}
}
.classic-oscpv .form-section .filter-row {
display: flex;
justify-content: center;
align-items: center;
margin-bottom: 10px;
}
@media screen and (max-width: 760px) {
.classic-oscpv .form-section .filter-row {
margin-bottom: 16px;
}
}
.classic-oscpv .form-section .filter-row .nav-pills {
border: 1px solid #453f9b;
background-color: transparent;
}
@media screen and (max-width: 760px) {
.classic-oscpv .form-section .filter-row .nav-pills {
width: 100%;
}
}
.classic-oscpv .form-section .filter-row .nav-pills .nav-link:hover {
background-color: rgba(69, 63, 155, 0.2);
}
.classic-oscpv .form-section .filter-row .nav-pills .nav-link:focus {
background: rgba(69, 63, 155, 1);
color: #eef1fb;
}
.classic-oscpv .form-section .filter-row .nav-pills .nav-link.active {
background: #453f9b;
color: #eef1fb;
}
.classic-oscpv .form-section .auto-numder-row {
display: flex;
justify-content: center;
align-items: center;
column-gap: 12px;
}
@media screen and (max-width: 760px) {
.classic-oscpv .form-section .auto-numder-row {
flex-wrap: wrap;
}
}
.classic-oscpv .form-section .auto-numder-row #autoNo {
max-width: 280px;
border: 3px solid #231f20;
border-radius: 12px;
height: 59px;
position: relative;
background-image: url('data:image/svg+xml,');
background-repeat: no-repeat;
background-position: left;
padding-left: 50px;
font-size: 32px;
font-weight: 600;
}
@media screen and (max-width: 760px) {
.classic-oscpv .form-section .auto-numder-row #autoNo {
max-width: 100%;
height: 70px;
margin-bottom: 18px;
padding-left: 25%;
background-size: 10%;
}
}
.classic-oscpv .form-section .auto-numder-row #autoNo::placeholder {
color: #bfc9e9;
font-size: 32px;
font-weight: 600;
line-height: 24px;
}
.classic-oscpv .form-section .auto-numder-row .btn {
height: 59px;
}
@media screen and (max-width: 760px) {
.classic-oscpv .form-section .auto-numder-row .btn {
width: 100%;
height: 48px;
}
}
.classic-oscpv .banner-section {
height: 60dvh;
}
.classic-oscpv .banner-section .banner {
width: 100%;
height: 60dvh;
background-image: url('../img/oscpv/classicBanner.png');
background-repeat: no-repeat;
background-size: cover;
border-radius: 18px;
display: flex;
flex-direction: column;
justify-content: center;
}
@media screen and (max-width: 760px) {
.classic-oscpv .banner-section .banner {
padding: 48px 0;
height: auto;
}
}
.classic-oscpv .banner-section .banner .content-box {
max-width: 50%;
color: #fff;
}
@media screen and (max-width: 760px) {
.classic-oscpv .banner-section .banner .content-box {
max-width: 100%;
}
}
.classic-oscpv .banner-section .banner .content-box .title {
font-size: 44px;
font-weight: 800;
line-height: 56px;
margin-bottom: 32px;
}
.classic-oscpv .banner-section .banner .content-box .description {
font-size: 16px;
font-weight: 400;
line-height: 22px;
margin-bottom: 40px;
}
.classic-oscpv .payment-cards .payment-card {
padding: 40px 24px;
border-radius: 16px;
background: linear-gradient(139deg, #fff3c8 15.58%, #eee9ff 63.32%);
backdrop-filter: blur(10px);
display: flex;
flex-direction: column;
align-items: center;
}
.classic-oscpv .payment-cards .payment-card p {
color: #525b7c;
font-size: 20px;
font-weight: 400;
line-height: 24px;
margin-top: 24px;
}
.classic-oscpv .assistants-cards .cards-row {
grid-gap: 56px 20px;
}
.classic-oscpv .assistants-cards .cards-row .assistants-card [data-type="title"] {
margin: 24px 0;
color: #151826;
font-size: 24px;
font-weight: 800;
line-height: 32px;
}
.classic-oscpv .assistants-cards .cards-row .assistants-card [data-type="text"] {
color: #525b7c;
font-size: 18px;
font-weight: 400;
line-height: 140%;
}
@media screen and (max-width: 760px) {
.classic-oscpv .why .content-row .text-box {
order: 1;
}
}
.classic-oscpv .why .content-row .text-box .description {
color: #525b7c;
font-size: 16px;
font-weight: 600;
line-height: 24px;
}
.classic-oscpv .why .content-row .img-box {
background-image: url('../img/oscpv/10.png');
background-repeat: no-repeat;
background-size: cover;
border-radius: 18px;
min-height: 560px;
}
@media screen and (max-width: 760px) {
.classic-oscpv .why .content-row .img-box {
order: 0;
min-height: 200px;
}
}
@media screen and (max-width: 760px) {
.classic-oscpv .what .btn.yellow {
width: 100%;
}
}
.classic-oscpv .what .img-box {
background-image: url('../img/oscpv/20.png');
background-repeat: no-repeat;
background-size: cover;
border-radius: 18px;
min-height: 560px;
}
@media screen and (max-width: 760px) {
.classic-oscpv .what .img-box {
min-height: 200px;
}
}
.classic-oscpv .advantages-cards {
background-image: url('../img/text-advantage-bg.svg');
background-repeat: no-repeat;
background-size: cover;
padding: 48px 0;
}
@media screen and (max-width: 760px) {
.classic-oscpv .advantages-cards {
background-image: none;
}
}
.classic-oscpv .advantages-cards .cards-row {
grid-gap: 20px 103px;
}
.classic-oscpv .advantages-cards .cards-row .advantages-card [data-type="title"] {
margin-top: 40px;
color: #151826;
font-size: 24px;
font-weight: 700;
line-height: 120%;
margin-bottom: 16px;
}
.classic-oscpv .advantages-cards .cards-row .advantages-card [data-type="text"] {
color: #525b7c;
font-size: 18px;
font-weight: 400;
line-height: 24px;
}
.classic-oscpv .promo-box {
margin-top: 21px;
position: relative;
padding: 3px 0;
}
.classic-oscpv .promo-box #promo {
border-radius: 8px;
border: 1px solid #9790e1;
background: #f0f0ff;
width: 100%;
height: 42px;
color: #525b7c;
font-size: 16px;
font-weight: 700;
line-height: 24px;
padding-left: 12px;
}
.classic-oscpv .promo-box #promo::placeholder {
color: #525b7c;
font-size: 16px;
font-weight: 400;
line-height: 24px;
}
.classic-oscpv .promo-box .promo-btn {
width: 53px;
height: 48px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 8px;
background: linear-gradient(180deg, #ffde90 0%, #ffce6b 100%);
position: absolute;
top: 0;
right: 0;
transition: 0.6s;
}
.classic-oscpv .promo-box .promo-btn:disabled {
background: #dfdcfa;
}
.classic-oscpv .question-form {
padding: 100px 0 50px 0;
background-color: #f9fbfe;
background-image: url(../img/back-group.png);
background-repeat: no-repeat;
background-position: right bottom;
}
@media screen and (max-width: 760px) {
.classic-oscpv .question-form {
padding: 0;
background: transparent;
}
}
.classic-oscpv .question-form .container {
display: flex;
justify-content: center;
}
.classic-oscpv .question-form .container .blackForm {
width: 80%;
border-radius: 16px;
background: #151826;
padding: 40px;
}
@media screen and (max-width: 760px) {
.classic-oscpv .question-form .container .blackForm {
width: 100%;
padding: 32px 24px;
}
}
.classic-oscpv .question-form .container .blackForm .title {
color: #fff;
font-size: 30px;
font-weight: 700;
line-height: 36px;
margin-bottom: 24px;
}
@media screen and (max-width: 760px) {
.classic-oscpv .question-form .container .blackForm .title {
font-size: 24px;
font-weight: 800;
line-height: 32px;
margin-bottom: 16px;
}
}
.classic-oscpv .question-form .container .blackForm .description {
color: #fff;
font-size: 16px;
line-height: 22px;
}
@media screen and (max-width: 760px) {
.classic-oscpv .question-form .container .blackForm .description {
font-size: 14px;
line-height: 18px;
margin-bottom: 24px;
}
}
.classic-oscpv .question-form .container .blackForm input {
width: 100%;
height: 48px;
border-radius: 8px;
background: rgba(255, 255, 255, 0.20);
color: #fff;
font-size: 16px;
line-height: 24px;
padding-left: 16px;
margin-bottom: 24px;
border: none;
}
@media screen and (max-width: 760px) {
.classic-oscpv .question-form .container .blackForm input {
margin-bottom: 22px;
}
}
.classic-oscpv .question-form .container .blackForm .custom-checkbox {
margin-bottom: 24px;
}
.classic-oscpv .question-form .container .blackForm .custom-checkbox ::before {
background-image: url('data:image/svg+xml,');
width: 24px;
height: 24px;
}
.classic-oscpv .question-form .container .blackForm .custom-checkbox ::after {
background-image: url('data:image/svg+xml,');
}
.classic-oscpv [data-previous-step="1"], .classic-oscpv [data-previous-step="2"], .classic-oscpv [data-previous-step="3"] {
border-radius: 50px;
border: 1px solid #8a95bd;
background: transparent !important;
color: #fff;
transition: 0.3s;
box-shadow: none;
}
.classic-oscpv [data-previous-step="1"]:hover, .classic-oscpv [data-previous-step="2"]:hover, .classic-oscpv [data-previous-step="3"]:hover {
box-shadow: 0px 2px 16px 0px rgba(229, 160, 17, 0.32);
}
/*.slider-sm__section{*/
/* .slider-sm__container{*/
/* margin-top: 53px;*/
/* max-width: calc(1328px + 6*56px);*/
/* margin-right: 0;*/
/* padding-right: 0;*/
/* @media screen and (max-width: 768px){*/
/* margin-top: 48px;*/
/* }*/
/* .slide__content{*/
/* flex-direction: column;*/
/* align-items: flex-start;*/
/* min-height: 300px;*/
/* max-height: 300px;*/
/* .slide__title{*/
/* font-size: 24px;*/
/* font-weight: 800;*/
/* line-height: 32px;*/
/* !*margin-bottom: 28px;*!*/
/* @media screen and (max-width: 768px){*/
/* font-size: 20px;*/
/* font-weight: 700;*/
/* line-height: 24px;*/
/* !*margin-bottom: 20px;*!*/
/* }*/
/* }*/
/* .gray-text{*/
/* color: #8A95BD;*/
/* font-size: 14px;*/
/* line-height: 18px;*/
/* margin-bottom: 12px;*/
/* @media screen and (max-width: 768px){*/
/* margin-bottom: 4px;*/
/* }*/
/* }*/
/* .slide__descr_box{*/
/* .slide__descr{*/
/* color: #151826;*/
/* }*/
/* a{*/
/* color: #044F96;*/
/* text-decoration: underline!important;*/
/* }*/
/* }*/
/* .cta__slide__btn__box{*/
/* width: 100%;*/
/* display: flex;*/
/* align-items: center;*/
/* justify-content: space-between;*/
/* !*margin-top: 28px;*!*/
/* @media screen and (max-width: 768px){*/
/* flex-direction: column;*/
/* align-items: baseline;*/
/* !*margin-top: 20px;*!*/
/* }*/
/* .cta__slide__btn{*/
/* display: flex;*/
/* color: #044F96;*/
/* font-size: 18px;*/
/* font-weight: 700;*/
/* margin-top: 0;*/
/* line-height: 24px;*/
/* @media screen and (max-width: 768px){*/
/* font-size: 16px;*/
/* margin-bottom: 9px;*/
/* }*/
/* }*/
/* .slide_date{*/
/* color: #8A95BD;*/
/* font-size: 14px;*/
/* font-weight: 600;*/
/* line-height: 20px;*/
/* }*/
/* }*/
/* }*/
/* }*/
/*}*/
/*.news {*/
/* margin-bottom: 104px;*/
/* @media screen and (max-width: 768px){*/
/* margin-bottom: 48px;*/
/* }*/
/* .news__list {*/
/* a:first-of-type {*/
/* grid-column: span 2;*/
/* }*/
/* }*/
/*}*/
/*.news-pagination {*/
/* max-width: 100%;*/
/* @media screen and (max-width: 768px) {*/
/* .insurance__category-pagination {*/
/* a {*/
/* width: 28px;*/
/* height: 28px;*/
/* font-size: 12px;*/
/* &:not(:last-child) {*/
/* margin-right: 4px;*/
/* }*/
/* }*/
/* }*/
/* }*/
/*}*/
/*.blog__table-responsive{*/
/* max-width: 100%;*/
/* overflow: auto;*/
/* border-radius: 24px;*/
/* box-shadow: 0px 4px 12.9px 8px rgba(126, 142, 147, 0.1);*/
/*}*/
/*.blog__table{*/
/* border-radius: 24px ;*/
/* box-shadow: 0px 4px 12.9px 8px rgba(126, 142, 147, 0.1);*/
/* th,td{*/
/* padding: 16px 32px 16px 28px;*/
/* @media screen and (max-width: 768px) {*/
/* padding: 12px 18px;*/
/* }*/
/* }*/
/* thead{*/
/* th{*/
/* background: #453F9B;*/
/* color: #FFF;*/
/* font-size: 20px;*/
/* line-height: 120%;*/
/* min-width: 30%;*/
/* @media screen and (max-width: 768px) {*/
/* font-size: 18px;*/
/* }*/
/* &:nth-child(2){*/
/* border: 1px solid #BFC9E9;*/
/* }*/
/* &:first-child{*/
/* border-top-left-radius: 24px;*/
/* }*/
/* &:last-child{*/
/* border-top-right-radius: 24px;*/
/* }*/
/* }*/
/* }*/
/* tbody{*/
/* tr{*/
/* border-top: 1px solid #BFC9E9;*/
/* td{*/
/* color: #333;*/
/* font-size: 18px;*/
/* line-height: 120%;*/
/* @media screen and (max-width: 768px) {*/
/* font-size: 16px;*/
/* }*/
/* &:nth-child(2){*/
/* border-right: 1px solid #BFC9E9;*/
/* border-left: 1px solid #BFC9E9;*/
/* }*/
/* &:first-child{*/
/* color: #453F9B;*/
/* font-weight: 700;*/
/* }*/
/* }*/
/* &:last-child{*/
/* td{*/
/* &:first-child{*/
/* border-bottom-left-radius: 24px;*/
/* }*/
/* &:last-child{*/
/* border-bottom-right-radius: 24px;*/
/* }*/
/* }*/
/* }*/
/* }*/
/* }*/
/*}*/
/*.technical-service{*/
/* .block-title{*/
/* margin-bottom: 43px;*/
/* @media screen and (max-width: 768px) {*/
/* margin-bottom: 16px;*/
/* }*/
/* }*/
/* .technical-service__card{*/
/* border-radius: 20px;*/
/* border: 1px solid #EEF1FB;*/
/* background: #F9FBFE;*/
/* padding: 45px 34px 45px 51px;*/
/* display: flex;*/
/* justify-content: space-between;*/
/* align-items: center;*/
/* @media screen and (max-width: 768px) {*/
/* padding: 23px 18px 29px;*/
/* flex-direction: column;*/
/* align-items: start;*/
/* }*/
/* .technical-service__card__title{*/
/* color: #333;*/
/* font-size: 30px;*/
/* font-weight: 700;*/
/* line-height: 120%;*/
/* max-width: 65%;*/
/* @media screen and (max-width: 768px) {*/
/* font-size: 20px;*/
/* margin-bottom: 20px;*/
/* max-width: 80%;*/
/* }*/
/* }*/
/* .technical-service__card__btn{*/
/* height: 64px;*/
/* border-radius: 60px;*/
/* background: #453F9B;*/
/* color: #FFF;*/
/* font-size: 24px;*/
/* font-weight: 700;*/
/* line-height: 120%;*/
/* display: flex;*/
/* justify-content: center;*/
/* align-items: center;*/
/* width: 30%;*/
/* @media screen and (max-width: 768px) {*/
/* width: 100%;*/
/* font-size: 18px;*/
/* height: 42px;*/
/* }*/
/* }*/
/* }*/
/*}*/
.slider-sm__section .slider-sm__container {
margin-top: 53px;
max-width: calc(1328px + 6*56px);
margin-right: 0;
padding-right: 0;
}
@media screen and (max-width: 768px) {
.slider-sm__section .slider-sm__container {
margin-top: 48px;
}
}
.slider-sm__section .slider-sm__container .slide__content {
flex-direction: column;
align-items: flex-start;
min-height: 300px;
max-height: 300px;
}
.slider-sm__section .slider-sm__container .slide__content .slide__title {
font-size: 24px;
font-weight: 800;
line-height: 32px;
/*margin-bottom: 28px;
*/
}
@media screen and (max-width: 768px) {
.slider-sm__section .slider-sm__container .slide__content .slide__title {
font-size: 20px;
font-weight: 700;
line-height: 24px;
/*margin-bottom: 20px;
*/
}
}
.slider-sm__section .slider-sm__container .slide__content .gray-text {
color: #8a95bd;
font-size: 14px;
line-height: 18px;
margin-bottom: 12px;
}
@media screen and (max-width: 768px) {
.slider-sm__section .slider-sm__container .slide__content .gray-text {
margin-bottom: 4px;
}
}
.slider-sm__section .slider-sm__container .slide__content .slide__descr_box .slide__descr {
color: #151826;
}
.slider-sm__section .slider-sm__container .slide__content .slide__descr_box a {
color: #044f96;
text-decoration: underline !important;
}
.slider-sm__section .slider-sm__container .slide__content .cta__slide__btn__box {
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
/*margin-top: 28px;
*/
}
@media screen and (max-width: 768px) {
.slider-sm__section .slider-sm__container .slide__content .cta__slide__btn__box {
flex-direction: column;
align-items: baseline;
/*margin-top: 20px;
*/
}
}
.slider-sm__section .slider-sm__container .slide__content .cta__slide__btn__box .cta__slide__btn {
display: flex;
color: #044f96;
font-size: 18px;
font-weight: 700;
margin-top: 0;
line-height: 24px;
}
@media screen and (max-width: 768px) {
.slider-sm__section .slider-sm__container .slide__content .cta__slide__btn__box .cta__slide__btn {
font-size: 16px;
margin-bottom: 9px;
}
}
.slider-sm__section .slider-sm__container .slide__content .cta__slide__btn__box .slide_date {
color: #8a95bd;
font-size: 14px;
font-weight: 600;
line-height: 20px;
}
.news {
margin-bottom: 104px;
}
@media screen and (max-width: 768px) {
.news {
margin-bottom: 48px;
}
}
.news .news__list a:first-of-type {
grid-column: span 2;
}
.news-pagination {
max-width: 100%;
}
@media screen and (max-width: 768px) {
.news-pagination .insurance__category-pagination a {
width: 28px;
height: 28px;
font-size: 12px;
}
.news-pagination .insurance__category-pagination a:not(:last-child) {
margin-right: 4px;
}
}
.blog__table-responsive {
max-width: 100%;
overflow: auto;
border-radius: 24px;
box-shadow: 0px 4px 12.9px 8px rgba(126, 142, 147, 0.1);
}
.blog__table {
border-radius: 24px;
box-shadow: 0px 4px 12.9px 8px rgba(126, 142, 147, 0.1);
}
.blog__table th, .blog__table td {
padding: 16px 32px 16px 28px;
}
@media screen and (max-width: 768px) {
.blog__table th, .blog__table td {
padding: 12px 18px;
}
}
.blog__table thead th {
background: #453f9b;
color: #fff;
font-size: 20px;
line-height: 120%;
min-width: 30%;
}
@media screen and (max-width: 768px) {
.blog__table thead th {
font-size: 18px;
}
}
.blog__table thead th:nth-child(2) {
border: 1px solid #bfc9e9;
}
.blog__table thead th:first-child {
border-top-left-radius: 24px;
}
.blog__table thead th:last-child {
border-top-right-radius: 24px;
}
.blog__table tbody tr {
border-top: 1px solid #bfc9e9;
}
.blog__table tbody tr td {
color: #333;
font-size: 18px;
line-height: 120%;
}
@media screen and (max-width: 768px) {
.blog__table tbody tr td {
font-size: 16px;
}
}
.blog__table tbody tr td:nth-child(2) {
border-right: 1px solid #bfc9e9;
border-left: 1px solid #bfc9e9;
}
.blog__table tbody tr td:first-child {
color: #453f9b;
font-weight: 700;
}
.blog__table tbody tr:last-child td:first-child {
border-bottom-left-radius: 24px;
}
.blog__table tbody tr:last-child td:last-child {
border-bottom-right-radius: 24px;
}
.technical-service .block-title {
margin-bottom: 43px;
}
@media screen and (max-width: 768px) {
.technical-service .block-title {
margin-bottom: 16px;
}
}
.technical-service .technical-service__card {
border-radius: 20px;
border: 1px solid #eef1fb;
background: #f9fbfe;
padding: 45px 34px 45px 51px;
display: flex;
justify-content: space-between;
align-items: center;
}
@media screen and (max-width: 768px) {
.technical-service .technical-service__card {
padding: 23px 18px 29px;
flex-direction: column;
align-items: start;
}
}
.technical-service .technical-service__card .technical-service__card__title {
color: #333;
font-size: 30px;
font-weight: 700;
line-height: 120%;
max-width: 65%;
}
@media screen and (max-width: 768px) {
.technical-service .technical-service__card .technical-service__card__title {
font-size: 20px;
margin-bottom: 20px;
max-width: 80%;
}
}
.technical-service .technical-service__card .technical-service__card__btn {
height: 64px;
border-radius: 60px;
background: #453f9b;
color: #fff;
font-size: 24px;
font-weight: 700;
line-height: 120%;
display: flex;
justify-content: center;
align-items: center;
width: 30%;
}
@media screen and (max-width: 768px) {
.technical-service .technical-service__card .technical-service__card__btn {
width: 100%;
font-size: 18px;
height: 42px;
}
}