html {
margin: 0;
height:100%;
min-height: 100%;
box-sizing: border-box;
-webkit-tap-highlight-color: rgba(0,0,0,0);
}
*,*:before,*:after {
box-sizing: border-box;
margin: 0;
padding: 0;
}
:root {
--ukv-background-color-base: #00ADEE;
--ukv-color-base: #333;
--ukv-font-family-base: 'Lato', Arial, Helvetica, sans-serif;
--ukv-font-family-heading: 'Roboto', sans-serif;
--ukv-font-family-heading3: 'Poppins', sans-serif;
--ukv-font-family-buttons: 'Montserrat', sans-serif;
--ukv-font-size-small: 14px;
--ukv-font-size-base: 17px;
--ukv-font-size-medium: 18px;
--ukv-font-size-large: 24px;
--ukv-font-size-xl: 32px;
--ukv-font-size-buttons: 18px;
--ukv-font-weight-regular: 400;
--ukv-font-weight-medium: 500;
--ukv-font-weight-bold: 700;
--ukv-background-color-button1: #00ADEE;
--ukv-background-color-button1-hover: #0287b9;
--ukv-color-button1: #00ADEE;
--ukv-color-button1-hover: #fff;
--ukv-background-color-button2: #00ADEE;
}
body {
background:#fff;
height:100%;
min-height: 100%;
font-family: var(--ukv-font-family-base);
font-weight: var(--ukv-font-weight-regular);
color: var(--ukv-color-base);
font-size: var(--ukv-font-size-small);
margin: 0;
padding: 0;
line-height: 1.42;
}
.txtCol1{
color: #00adee;
color: #333;
border-left: 20px solid #ffce00;
border-bottom: 1px dashed #ffce00;
}
.txtCol2{
color: #212325;/*blue*/
color: #333;
border-left: 20px solid #212325;
border-bottom: 1px dashed #212325;
}
.w10, .w20, .w25, .w30, .w33, .w40, .w50, .w60, .w70, .w80, .w90, .w100{width: 100%;}
.simple-list{
margin-bottom: 20px;
}
.simple-list li{
margin-left: 2rem;
font-size: inherit;
font-size: 1.25em;
font-weight: 300;
}
input[type=email], input[type=number], input[type=tel], input[type=text], textarea{
font-size: 1.2em;
padding: 8px;
border: 1px solid #e3e3e3;
color: #000;
width: 100%;
height: 45px;
padding-left: 12px;
border-radius: 6px;
margin-bottom: 20px;
margin-top: 1px;
font-family: 'Roboto';
color: #727272;
font-weight: 300;
}
input[type=email]:focus-visible, input[type=number]:focus-visible, input[type=tel]:focus-visible, input[type=text]:focus-visible, textarea:focus-visible{
outline: none;
border: 2px solid #e3e3e3;
}
input,
select {
-webkit-background-clip: text !important;
background-clip: text !important;
}
input:-internal-autofill-selected {
background-color: #ffffff !important;
color: #000000 !important;
background-image: none !important;
}
.center{
text-align:center;
}
.right{
text-align:right;
}
.pa-top{
top:0;
}
.pdr15{padding-right: 0;}
.pdl15{padding-left: 0;}
.mgr15{margin-right: 0;}
.mgl15{margin-left: 0;}
.cont{
width:100%;
margin:0 auto;
padding:0 20px;
}
.clear,.clr:after,#benefits-box:after,#info-box:after{
content: " ";
float: none;
clear: both;
display: table;
}
.flex{
display: flex;
flex-direction: column;
align-items: center;
flex-wrap: nowrap;
}
.unselectable {
/*
-webkit-user-select: none;
-webkit-touch-callout: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
*/
}
.fl-l{
float: left;
}
.fl-r{
float: right;
direction: rtl;
}
#header-headline{
width: 100%;
margin: 0 auto;
text-align: center;
padding: 20px 0;
}
#header-headline h1{
}
#header-sub{
}
#header-sub h2{
}
/*----------- Section 1 ----------------*/
#ukv-section1{
display: block;
width: 100%;
position: relative;
margin: 0 auto;
}
.ukv-section1-cont{
display: flex;
position: relative;
flex-direction: column;
align-items: center;
width: 100%;
margin: 0 auto;
padding-top: 40px;
z-index: 1;
}
.ukv-section1-cont:after{
content: "";
position: absolute;
width: 100%;
height: 32px;
bottom: -1px;
clip-path: ellipse(80% 100% at 50% 100%);
left: 0;
background: radial-gradient(#ffffff00 49%, #fff 50%);
background-position: 50% 100%;
background-size: 150% 200%;
}
.ukv-section1-sm2{
display: block;
position: relative;
width: 100%;
}
.ukv-section1-col1{
display: flex;
position: relative;
width: 100%;
padding: 0 20px;
flex-direction: column;
align-items: flex-start;
gap: 30px;
margin-bottom: 40px;
}
.ukv-section1-col1-txt{
display: flex;
flex-direction: column;
align-items: flex-start;
width: 100%;
gap: 30px;
}
.ukv-section1-col1-txt h1{
display: block;
font-size: 32px;
line-height: 36px;
text-align: left;
}
.ukv-section1-col1-txt h3{
display: block;
font-size: 24px;
line-height: 30px;
text-align: left;
}
.ukv-section1-col1-txt p{
display: block;
font-size: 17px;
line-height: 24px;
font-weight: bold;
text-align: left;
}
.ukv-section1-btn{
display: block;
position: relative;
width: 100%;
}
.ukv-section1-col1-txt ul {
display: flex;
justify-content: flex-start;
flex-direction: column;
align-items: flex-start;
width: 100%;
padding-left: 16px;
row-gap: 15px;
border-left: 8px double #00adee;
}
.ukv-section1-col1-txt .m3 {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-items: center;
width: 100%;
}
.ukv-section1-col1-txt .mi3 {
line-height: 16px;
color: #00adee;
font-size: 28px;
margin-right: 8px;
}
.ukv-section1-col1-txt .m3 h4 {
font-size: 16px;
line-height: 16px;
font-weight: 400;
margin: 0;
}
.bnn-btn{
display: flex;
align-items: center;
justify-content: center;
position: relative;
font-size: 18px;
color: #fff;
background-color: #00adee;
height: 44px;
border-radius: 22px;
width: 100%;
transition: all 0.5s ease-in-out;
}
.bnn-btn:hover{
background-color: #0287b9;
}
.ukv-section1-col2{
display: block;
position: relative;
width: 100%;
margin: 0 auto;
}
/*
.ukv-section1-col2-img{
display: block;
position: relative;
width: 100%;
aspect-ratio: 2 / 3;
overflow: hidden;
}
.ukv-section1-col2-img img{
position: absolute;
width: 100%;
height: 100%;
left: 0;
right: 0;
top: 0;
bottom: 0;
}
.ukv-section1-col2-img img:before{
content: "";
}
*/
.ukv-section1-col2-img {
display: block;
width: 100%;
position: relative;
}
.ukv-section1-col2-img::before {
content: "";
display: block;
padding-bottom: 150%; /* = 2:3 ratio (1000/667 ≈ 1.5) */
}
.ukv-section1-col2-img::after {
content: "";
background: radial-gradient(#00000000 49%, #00adee 50%);
background-position: 50% 100%;
background-size: 150% 200%;
bottom: 4px;
clip-path: ellipse(80% 100% at 50% 100%);
height: 32px;
left: 0;
position: absolute;
width: 100%;
}
.ukv-section1-col2-img img {
position: absolute;
top: 0; left: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
/*----------- End Section 1 ------------*/
/*----------- Help Section -------------*/
.ukv-help-section {
background: #fff;
padding: 60px 0;
display: flex;
justify-content: space-between;
}
.ukv-help-container {
display: flex;
flex-direction: row;
max-width: 1400px;
gap: 40px;
align-items: center;
flex-wrap: wrap;
justify-content: space-between;
}
.ukv-help-image {
flex: 1 1 400px;
border-radius: 16px;
overflow: hidden;
}
.ukv-help-image img {
width: 100%;
height: auto;
display: block;
border-radius: 16px;
}
.ukv-help-content {
flex: 1 1 400px;
display: flex;
flex-direction: column;
gap: 20px;
}
.ukv-help-content h2 {
font-size: 32px;
line-height: 1.3;
margin-bottom: 20px;
font-weight: 700;
color: #000;
}
.ukv-help-content p {
font-size: 16px;
color: #333;
line-height: 1.5;
}
.ukv-help-buttons {
display: flex;
gap: 16px;
flex-wrap: wrap;
}
.ukv-btn-primary {
background: #00adee;
color: #fff;
padding: 12px 50px;
font-size: 16px;
font-weight: bold;
border-radius: 999px;
text-decoration: none;
transition: background 0.3s;
}
.ukv-btn-primary:hover {
background: #0287b9;
}
.ukv-btn-outline {
background: transparent;
color: #00adee;
padding: 12px 24px;
font-size: 16px;
border: 2px solid #00adee;
border-radius: 999px;
text-decoration: none;
transition: all 0.3s;
}
.ukv-btn-outline:hover {
background: #00adee;
color: #fff;
}
/*----------- End Help Section ---------*/
/*----------- Feature Section ----------*/
.ukv-feature-section {
background: #e5f8ff;
padding: 80px 0;
text-align: center;
background-image: url(/ukv/sp3/files/featuresectionbg.png);
background-size: cover;
background-position: center;
}
.ukv-feature-wrapper {
max-width: 1100px;
margin: 0 auto;
}
.ukv-feature-section h2 {
font-size: 32px;
font-weight: 700;
line-height: 1.3;
margin-bottom: 40px;
}
.ukv-subtext {
font-size: 17px;
font-weight: 800;
margin-bottom: 40px;
color: #333;
opacity: 0.9;
}
.ukv-feature-buttons {
display: flex;
gap: 16px;
flex-wrap: wrap;
align-items: center;
justify-content: center;
}
.ukv-btn-feature {
background: #00adee;
color: #fff;
padding: 12px 0;
width: 100%;
max-width: 600px;
font-size: 18px;
font-weight: bold;
border-radius: 999px;
text-decoration: none;
transition: background 0.3s;
}
.ukv-btn-feature:hover {
background: #0287b9;
}
.ukv-feature-grid {
display: flex;
gap: 30px;
flex-wrap: wrap;
margin-top: 60px;
align-items: center;
justify-content: center;
}
.ukv-feature-card {
/*background: #ffffff;*/
background: none;
border-radius: 16px;
padding: 30px 20px;
width: 100%;
max-width: 400px;
text-align: center;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
transition: transform 0.3s;
display: flex;
flex-direction: column;
align-items: center;
}
.ukv-feature-card:hover {
transform: translateY(-5px);
}
/* Icon container like the circle in your example */
.ukv-feature-icon {
width: 200px;
height: 200px;
border-radius: 50%;
/* background: #f3faff; Light blue tint or use white if preferred */
background: #fff;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 45px;
overflow: hidden;
}
.ukv-feature-icon img {
width: 75%;
height: auto;
}
/* Title */
.ukv-feature-card h3 {
font-size: 24px;
line-height: 28px;
font-weight: 700;
margin-bottom: 15px;
color: #000;
}
/* Description */
.ukv-feature-card p {
font-size: 17px;
color: #333;
line-height: 1.4;
}
/*----------- End Feature Section ---------*/
#header-sub h2{
color: #333;
margin: 0;
padding: 0;
text-align: center;
font-size: 1.2em;
font-weight: 600;
width: 90%;
margin-left: 5%;
margin-top: 20px;
}
#inf-head{
display: block;
width: 100%;
height: 40px;
margin: 0 auto;
background: #00adee;
text-align: center;
}
.inf-head-txt{
display: block;
width: 100%;
height: 100%;
margin: 0 auto;
}
.inf-head-txt h3{
font-size: 1em;
font-weight: 400;
line-height: 40px;
color: #fff;
font-weight: bold;
}
#main{
display: block;
position: relative;
width: 100%;
margin: 0 auto;
background: none;
padding-top: 40px;
padding-bottom: 40px;
}
.main-txt{
position: relative;
width: 100%;
padding: 0;
z-index: 1;
}
.main-txt h3 {
font-size: 26px;
line-height: 30px;
margin-bottom: 15px;
text-align: left;
color: #fff;
font-weight: 400;
}
.main-txt h4 {
font-size: 20px;
line-height: 26px;
margin-bottom: 15px;
text-align: left;
color: #fff;
font-weight: 400;
}
.main-txt p {
font-size: 18px;
line-height: 24px;
margin-bottom: 15px;
text-align: left;
color: #fff;
font-weight: 400;
}
.main-txt-title{
width: 100%;
margin-bottom: 25px;
}
.main-txt-title h1{
font-size: 40px;
color: #fff;
line-height: 50px;
font-weight: 500;
}
.main-txt-content {
display: flex;
width: 100%;
margin: 0 auto;
text-align: center;
border-radius: 18px;
flex-direction: column;
flex-wrap: wrap;
align-content: center;
align-items: stretch;
}
.main-col1{
display: block;
position: relative;
width: 100%;
margin: 0 auto;
text-align: center;
padding-top: 8px;
padding-bottom: 20px;
font-family: "Roboto", sans-serif;
}
.main-col1 ul{
display: flex;
width: 100%;
flex-direction: row;
align-items: flex-end;
flex-wrap: nowrap;
justify-content: space-between;
}
.main-col1 ul li{
color: #fff;
}
.main-col1 .m1{
display: flex;
align-items: center;
height: 100%;
padding-right: 4px;
}
.main-col1 .m2{
display: flex;
align-items: center;
height: 100%;
}
.main-col1 .m3{
display: flex;
flex-direction: column;
flex-wrap: wrap;
justify-content: flex-start;
align-items: flex-start;
padding-left: 4px;
}
.main-col1 h1{
font-size: 8em;
line-height: 0.9;
font-weight: 600;
}
.main-col1 h3{
display: flex;
position: relative;
font-size: 4em;
text-align: left;
bottom: 2px;
line-height: 1;
width: fit-content;
font-weight: 500;
flex-direction: column;
align-items: flex-start;
}
.main-col1 h3 span{
font-size: 0.7em;
}
.main-col1 h4{
display: block;
position: relative;
font-size: 25px;
line-height: 1.1;
bottom: 6px;
font-weight: 600;
text-align: left;
}
.main-col2{
background: #fff;
color: #00adee;
border-bottom-left-radius: 7px;
border-bottom-right-radius: 7px;
width: 100%;
text-align: center;
}
.main-col2 h3{
font-size: 37px;
line-height: 0.8;
text-transform: uppercase;
padding: 15px 0;
font-weight: 600;
}
.main-btn{
display: block;
position: absolute;
width: max-content;
margin: 0 auto;
left: calc(50% - 90px);
bottom: -22px;
}
.m-btn{
position: relative;
z-index: 2;
overflow: hidden;
display: flex;
text-transform: uppercase;
background-color: #00adee;
color: #fff;
font-family: 'Cabin';
height: 44px;
line-height: 44px;
font-size: 18px;
padding: 0 15px;
border-radius: 22px;
padding-left: 22px;
width: 180px;
font-weight: 600;
align-items: center;
flex-wrap: wrap;
flex-direction: row;
transition: 0.3s ease-in-out;
justify-content: center;
outline: 4px solid #fff;
cursor: pointer;
}
.hover_effect.m-btn {
background-color: #134938;
}
.b-btn{
position: relative;
z-index: 2;
overflow: hidden;
display: flex;
text-transform: uppercase;
background-color: #fff;
color: #444;
font-family: 'Cabin';
height: 32px;
line-height: 24px;
font-size: 14px;
border-radius: 17px;
border: 2px solid #00adee;
font-weight: 600;
align-items: center;
flex-wrap: wrap;
flex-direction: row;
transition: 0.3s ease-in-out;
justify-content: center;
outline: 5px solid #fff;
cursor: pointer;
border-top-width: thick;
width: 160px;
}
.hover_effect.b-btn {
background: #1d1c1f;
color: #fff;
}
.g-btn{
display: flex;
position: relative;
align-items: center;
flex-wrap: wrap;
flex-direction: row;
justify-content: center;
font-family: 'Cabin';
text-transform: uppercase;
font-size: 18px;
font-weight: 600;
height: 50px;
line-height: 50px;
padding: 0 15px;
padding-left: 22px;
border-radius: 6px;
z-index: 2;
overflow: hidden;
transition: 0.3s ease-in-out;
cursor: pointer;
}
.gray{
background-color: #212325; /*green*/
color: #fff;
}
.green{
background-color: #00adee; /*green*/
color: #fff;
}
.red{
background-color: #fe7e7e; /*red*/
color: #fff;
}
.org{
background-color: #00adee; /*orange*/
color: #fff;
}
.search-symb{
font-size: 28px;
}
.hover_effect.gray {
background-color: #00adee;
border: 1px solid #fff;
}
.hover_effect.green {
background-color: #212325;
}
.hover_effect.red {
background-color: #ff0000;
}
.hover_effect.org {
background-color: #212325;
}
.hover_effect .search-symb{
transform: scale(1.1) rotate(90deg);
}
.arrcol-m svg{
position: relative;
top: 4px;
fill: #fff;
transition: 0.3s ease-in-out;
margin-left: 10px;
}
.hover_effect .arrcol-m svg{
margin-left: 14px;
}
.arr-right svg{
position: relative;
top: 4px;
fill: #fff;
transition: 0.3s ease-in-out;
margin-left: 10px;
}
.hover_effect .arr-right svg{
margin-left: 14px;
}
.arr-left svg{
position: relative;
top: 4px;
fill: #fff;
transform: rotate(180deg);
margin-right: 10px;
transition: 0.3s ease-in-out;
}
.hover_effect .arr-left svg{
margin-right: 14px;
}
.main-img{
display: block;
position: relative;
width: 100%;
margin: 0 auto;
text-align: center;
}
.main-img-center{
display: block;
position: relative;
width: 100%;
max-width: 520px;
margin: 0 auto;
text-align: center;
vertical-align: middle;
}
.main-img-center img{
position: relative;
width: 100%;
max-width: 100%;
z-index: 2;
}
.main-img-left{
display: block;
position: absolute;
top: 175px;
left: 5%;
width: 100%;
max-width: 300px;
z-index: 5;
}
.main-img-left img{
display: block;
position: relative;
width: 100%;
z-index: 3;
}
.main-img-right{
display: block;
position: absolute;
z-index: 4;
width: 360px;
top: 255px;
left: 31%;
}
.main-img-right img{
display: block;
position: relative;
width: 100%;
z-index: 3;
}
.th-btn{
position: relative;
z-index: 2;
overflow: hidden;
display: inline-block;
text-transform: uppercase;
background-color: #00adee;
color: #fff;
font-family: var(--ukv-font-family-heading);
font-size: 18px;
padding: 15px 30px;
border-radius: 5px;
letter-spacing: 0;
width: fit-content;
transition: all 0.3s ease-in-out;
}
.th-btn:hover{
background-color: #027aa8;
}
.th-btn i{
margin-right: 8px;
}
/*
.th-btn:before, .th-btn:after{
content: "";
position: absolute;
height: 100%;
top: 0;
left: 0;
width: 50.1%;
background-color: #72406c;
z-index: -1;
transition: all 0.4s ease-out;
border-radius: 0;
}
.th-btn:before{
transform: scale(0) rotate(0);
}
.th-btn:after{
transform: scale(0) rotate(0);
left: unset;
right: 0;
}
.th-btn:hover::before, .th-btn:hover:after, .th-btn.active::before, .th-btn.active:after {
border-radius: 0;
transform: scale(1) rotate(360deg);
}*/
.tfs-button-1{
display: block;
position: relative;
bottom: 0;
left: 0;
width: 100%;
}
.ct-btn{
position: relative;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-items: center;
justify-content: center;
width: 100%;
text-transform: uppercase;
font-family: var(--ukv-font-family-buttons);
font-size: var(--ukv-font-size-buttons);
font-weight: var(--ukv-font-weight-bold);
line-height: 17px;
height: 40px;
border-radius: 20px;
border: 2px solid;
overflow: hidden;
transition: 0.3s ease-in-out;
}
.btcol1, .btcol2,.btcol3 {
background-color: transparent;
color: var(--ukv-color-button1);
border-color: var(--ukv-background-color-button1);
max-width: 350px;
}
.btcol1:hover, .btcol2:hover, .btcol3:hover {
background-color: var(--ukv-background-color-button1-hover);
color: var(--ukv-color-button1-hover);
transform: translateY(-5px);
}
.btcol3{
max-width: 90%;
}
.link-btn{
display: flex;
position: relative;
font-size: 18px;
color: #fff;
font-weight: 600;
transition: 0.4s easy-in-out;
background-color: #0287b9;
height: 50px;
width: 100%;
max-width: 1130px;
align-items: center;
text-align: center;
border: 2px solid #0287b9;
margin: 0 auto;
justify-content: center;
border-radius: 25px;
}
.link-btn:hover{
transform: scale(1.05);
/*color: #038deb;*/
}
/*====== Main banner==========*/
#main-banner{
display: block;
position: relative;
width: 100%;
margin: 0 auto;
background: #00adee;
margin-bottom: 25px;
container-type: inline-size;
}
.main-banner-container{
display: flex;
position: relative;
flex-direction: column;
flex-wrap: nowrap;
width: 100%;
margin-top: 4cqw;
margin-bottom: 8cqw;
}
.main-banner-txt{
position: relative;
width: 100%;
padding: 0;
z-index: 1;
}
.main-banner-txt-title{
width: 100%;
margin-bottom: 25px;
}
.main-banner-txt-title h1{
font-size: 40px;
color: #fff;
line-height: 50px;
font-weight: 500;
}
.main-banner-txt-content {
position: relative;
container-type: inline-size;
container-name: main-banner;
display: flex;
width: clamp(150px, 100%, 550px);
flex-direction: column;
left: 50%;
transform: translateX(-50%);
}
.main-banner-txt-box {
position: relative;
display: flex;
width: 100%;
border: 2px solid #fff;
margin: 0 auto;
text-align: center;
border-radius: 8px;
padding: clamp(3px, 3vw, 10px);
flex-direction: column;
flex-wrap: wrap;
align-content: center;
align-items: stretch;
}
.main-banner-col1{
display: block;
position: relative;
width: 100%;
margin: 0 auto;
text-align: center;
padding-bottom: 4cqw;
font-family: "Cabin", sans-serif;
}
.main-banner-col1 ul{
display: flex;
width: 100%;
flex-direction: row;
align-items: flex-end;
flex-wrap: nowrap;
justify-content: space-between;
}
.main-banner-col1 ul li{
color: #fff;
}
.main-banner-col1 .m1{
display: flex;
align-items: center;
height: 100%;
padding-right: 1cqw;
}
.main-banner-col1 .m2{
display: flex;
align-items: center;
height: 100%;
}
.main-banner-col1 .m3{
display: flex;
flex-direction: column;
flex-wrap: wrap;
justify-content: flex-start;
align-items: flex-start;
padding-left: 4px;
}
.main-banner-col1 h1{
line-height: 0.9;
font-weight: 600;
font-size: 20cqw;
}
.main-banner-col1 h3{
display: flex;
position: relative;
text-align: left;
bottom: 2px;
line-height: 1;
width: fit-content;
font-weight: 500;
flex-direction: column;
align-items: flex-start;
font-size: 12cqw;
}
.main-banner-col1 h3 span{
font-size: 0.4em;
}
.main-banner-col1 h4{
display: block;
position: relative;
font-size: 25px;
line-height: 1;
bottom: 1cqw;
font-weight: 600;
text-align: left;
font-size: 4.5cqw;
}
.main-banner-col2{
background: #fff;
color: #777777;
border-bottom-left-radius: 7px;
border-bottom-right-radius: 7px;
width: 100%;
text-align: center;
}
.main-banner-col2 h3{
line-height: 0.8;
text-transform: uppercase;
padding: 5cqw 0;
font-weight: 600;
font-size: 5.5cqw;
transform: translateX(8cqw);
}
.main-banner-btn{
display: block;
position: absolute;
width: max-content;
margin: 0 auto;
left: calc(50% - 80px);
bottom: -17px;
}
.arrcol-m svg{
position: relative;
top: 4px;
fill: #fff;
transition: 0.3s ease-in-out;
margin-left: 10px;
}
.hover_effect .arrcol-m svg{
margin-left: 14px;
}
.main-banner-img{
display: block;
position: relative;
width: 100%;
margin: 0 auto;
text-align: center;
}
.main-banner-img-center{
display: block;
position: relative;
width: 100%;
max-width: 520px;
margin: 0 auto;
text-align: center;
vertical-align: middle;
}
.main-banner-img-center img{
position: relative;
width: 100%;
max-width: 100%;
z-index: 2;
}
.main-banner-img-left{
position: relative;
top: 0cqw;
left: -14cqw;
width: 100%;
max-width: 52cqw;
z-index: 5;
}
.main-banner-img-left img{
position: relative;
width: 100%;
z-index: 3;
}
.main-banner-img-right{
display: block;
position: absolute;
z-index: 4;
width: 100%;
top: 29cqw;
left: 17cqw;
max-width: 85cqw;
}
.main-banner-img-right img{
position: relative;
width: 100%;
z-index: 3;
}
/*====== Pre-Sell==========*/
.presell-col1{
width: 100%;
}
.presell-col1 h2{
text-align: center;
color: #fff;
width: 100%;
font-family: 'Roboto';
font-size: 32px;
font-weight: 600;
line-height: 36px;
text-shadow: 0 1px 3px #444;
}
.presell-col1 h2 span{
display: inline-block;
}
.presell-col1 h3{
font-size: 24px;
color: #fff;
font-weight: 400;
padding-top: 5px;
text-shadow: 0 1px 3px #444;
}
.presell-col1 ul{
display: flex;
justify-content: flex-start;
flex-direction: column;
align-items: flex-start;
width: 100%;
margin-top: 15px;
margin-bottom: 20px;
padding-left: 25px;
color: #fff;
text-shadow: 0 1px 1px #444;
}
.presell-col1 .m3{
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-items: center;
width: 100%;
margin-bottom: -5px;
}
.m3 h4{
/*color: #fff;*/
font-size: 16px;
}
.mi3{
margin-right: 5px;
font-size: 22px;
}
.presell-btn{
width: fit-content;
display: block;
position: relative;
margin: 0 auto;
}
.presell-gray-btn{
position: relative;
z-index: 2;
overflow: hidden;
display: flex;
text-transform: uppercase;
background-color: #212325;
color: #fff;
font-family: 'Cabin';
height: 50px;
line-height: 50px;
font-size: 20px;
padding: 0 15px;
padding-left: 22px;
max-width: 250px;
font-weight: 600;
align-items: center;
flex-wrap: wrap;
flex-direction: row;
border-radius: 4px;
transition: 0.3s ease-in-out;
justify-content: center;
}
.hover_effect.presell-gray-btn {
background-color: #00adee;
border: 1px solid #fff;
}
.presell-col2{
width: 100%;
max-width: 600px;
margin: 0 auto;
margin-top: 10px;
}
.presell-col2 a{
color: #00adee;
}
.presell-col2 a:hover{
color: #a7e4ff;
text-decoration: underline;
}
.presell-col2 p{
font-size: 13px!important;
color: #666666;
line-height: 1!important;
}
/*=================================*/
.small-bg-section{
display: block;
width: 100%;
background-color: #0287b9;
background-image: url(/ukv/sp3/files/bg-setciton4.png);
height: 100px;
}
.presell-col3{
display: block;
position: relative;
width: 100%;
left: 50%;
transform: translateX(-50%);
max-width: 460px;
}
/*=================================*/
.fuel-info{
display: block;
width: 100%;
margin-top: 30px;
margin-bottom: 30px;
}
.fuel-form{
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-items: stretch;
width: 100%;
position: relative;
}
.fuel-entry-data{
display: flex;
flex-direction: column;
align-items: flex-start;
width: 100%;
max-width: 200px;
margin-right: 15px;
}
.fuel-entry-data label{
display: block;
width: 100%;
font-size: 16px;
/*color: #fff;*/
font-weight: 600;
margin-bottom: 5px;
}
.dtr-data a, .styled-table td a{
color: #00adee;
}
.dtr-data a:before, .styled-table td a:before{
content: "";
display: inline-block;
position: relative;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYBAMAAAASWSDLAAAAMFBMVEVHcEwAre4Are4Are4Are4Are4Are4Are4Are4Are4Are4Are4Are4Are4Are4Are6WH7OBAAAAD3RSTlMAV+pvnjLDDob2H7Lc00T6NxGYAAAA7ElEQVQY02NgAIIVN+d2MUABxyRnE80GKMe/nYGh4guEzfwRRMobgDlFDgwijgws6mCO/AKWb/kOXGB5Bl+GeAPmrwxXwJzdDJYMDJOBFAhsY5AvYP/IkA3mNDEUpYapM2iAOfECrOf/BDB+BXPYjjOwBjDUJIA5rDNAZGcAxAn9ATARIKhNAKuFAL7PDAz2DyDsiPs/F3DN/9sKYod9cn60gVvPRD+VgYFLR4CB8aM8kDi0gIF5OlB2kzbIKwZAUSC9SAvkFQGgpxMLGPgeMLCLgTzOmP/Hw9i45fw3AZBxXCa5mpOuOS9gYAAAx4o85pApQGEAAAAASUVORK5CYII=);
background-repeat: no-repeat;
background-size: cover;
width: 18px;
height: 18px;
vertical-align: middle;
top: -2px;
margin-right: 3px;
}
/*=================================*/
#benefits{
display: block;
position: relative;
width: 100%;
background: #fff;
background-image: linear-gradient(180deg, #f7f7f7 60%, rgba(255, 255, 255, 0) 60%);
padding-top: 80px;
padding-bottom: 40px;
}
.benefits-container{
display: flex;
flex-direction: column;
align-items: center;
flex-wrap: nowrap;
width: 100%;
position: relative;
color: #1d242d;
}
.benefits-tile{
display: block;
text-align: left;
width: 100%;
margin-bottom: 20px;
}
#benefits h2{
font-size: 34px;
font-weight: 700;
}
#benefits-box{
display: flex;
flex-direction: column;
align-items: center;
flex-wrap: nowrap;
width: 100%;
position: relative;
margin-top: 20px;
}
.benefits-box-content{
display: flex;
margin-left: 0;
margin-right: 0;
overflow: hidden;
background-color: #00adee;
background-image: url(/ukv/sp3/files/feature_card_bg.png);
background-position: right bottom;
background-size: cover;
border: 1px solid #e6e6e6;
border-radius: 10px 10px 10px 10px;
border-radius: 10px;
width: 100%;
margin-bottom: 20px;
}
.bnf-card{
display: flex;
position: relative;
flex-direction: column;
align-items: center;
width: 100%;
justify-content: flex-start;
height: 100%;
padding: 0 20px;
padding-top: 40px;
padding-bottom: 15px;
}
.bnf-card:before{
content: '';
height: 100%;
width: 100%;
position: absolute;
bottom: 0;
left: 0;
background-color: #fff;
border: 1px solid #e6e6e6;
border-radius: inherit;
z-index: 0;
transition: 0.4s ease-in-out;
}
.hover_effect .bnf-card:before{
transform: translate(0px, 100%);
}
.hover_effect .txtCol1, .hover_effect .txtCol2, .hover_effect .txtCol3, .hover_effect .txtCol4, .hover_effect .txtCol5, .hover_effect .txtCol6, .hover_effect .txtCol7{
color: #fff;
}
.bnf-title{
display: flex;
flex-direction: column;
flex-wrap: nowrap;
align-items: center;
width: 100%;
position: relative;
margin-top: 35px;
margin-bottom: 15px;
transition: 0.4s ease-in-out;
}
#benefits-box h3 {
margin-bottom: 10px;
font-size: 22px;
font-weight: 600;
display: block;
text-align: center;
vertical-align: top;
}
.bnf-description{
display: flex;
flex-direction: column;
flex-wrap: nowrap;
align-items: center;
width: 100%;
position: relative;
margin-top: 5px;
margin-bottom: 10px;
transition: 0.4s ease-in-out;
}
#benefits-box p{
width: 100%;
text-align: center;
vertical-align: top;
font-size: 16px;
line-height: 26px;
display: inline-block;
}
/*=================================*/
.other-service{
display: block;
width: 100%;
position: relative;
margin: 0 auto;
margin-bottom: 15px;
margin-top: 25px;
}
.other-service h3{
margin-bottom: 10px;
font-size: 18px;
font-weight: 600;
display: block;
}
.nice-list{
display: flex;
flex-direction: column;
align-items: center;
flex-wrap: nowrap;
width: 100%;
position: relative;
gap: 20px;
margin-bottom: 40px;
}
.nice-list li{
display: flex;
flex-direction: column;
align-items: center;
width: 100%;
}
.nice-list-box-content{
display: block;
margin-left: 0;
margin-right: 0;
overflow: hidden;
background-color: #00adee;
background-image: url(/ukv/sp3/files/feature_card_bg.png);
background-position: right bottom;
background-size: cover;
border: 1px solid #e6e6e6;
border-radius: 65px;
width: 100%;
}
.nice-list-card{
display: flex;
position: relative;
flex-direction: row;
align-items: center;
width: 100%;
justify-content: space-between;
height: 100%;
padding: 20px;
flex-wrap: nowrap;
}
.nice-list-card:hover{
opacity: 0.7;
}
.hover_effect .nice-list-card:before{
transform: translate(0px, 100%);
}
.nice-list-img{
display: flex;
position: relative;
background-color: #fff;
border: 0;
width: 90px;
height: 90px;
min-width: 90px;
margin: 0;
align-self: center;
border-radius: 50%;
text-align: center;
background-clip: inherit;
z-index: 1;
align-items: center;
justify-content: center;
transition: 0.4s ease-in-out;
}
.nl-img1:before, .nl-img2:before, .nl-img3:before, .nl-img4:before, .nl-img5:before, .nl-img6:before, .nl-img7:before, .nl-img8:before, .nl-img9:before, .nl-img10:before, .nl-img11:before, .nl-img12:before, .nl-img13:before{
content: "";
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABABAMAAABYR2ztAAAAIVBMVEVHcEwAre4Are4Are4Are4Are4Are4Are4Are4Are4Are6qViX8AAAACnRSTlMA9QpfmSPbOsB4Ghl56gAAAipJREFUSMfVlc+L00AUx8dJY9ub0kqXnELXQ45bgwqeapd12ZzCCqXedGGreNqCePAkBaHktOipx2C2W99fue87kx/TNkkRPLgDTWYyn3znOy/vTYW4V+3QrZ6zpp9cO5pXAy2KwzGtwhrgsukQ9aqBtTsgovhID+WOm9aoQdQl+qOH3pMdkzLg11lkpASii501PDYg2cYa4l78y/efb8zbn3kLg6MxxZc8ekVoP0xgRjS3nI6MKL6Cwtly+Qa93IJDST8gGj4l6sADQhYYRlhzyC4ocdFLd9H6nc/jPTvCunNouUIipFaSzauVx8rYKpwpCbRmATg60Gg93s/7bUDMdKBJBdvLPpkBNH82KGuJzCJkALylHMgcbAFwMJ1OcXtUBWDYqAMQFuvfAnZ3DyDO9wHib4CoAL6XArLfd/WtL8S75TNhdWtqNKBb/o3qAKReTR0GSF6ij5uVYyi+Rno5ZGY1f6abon+CAtL5XQ4IVYIDIzWQ2AZwiLyCTOKWKqg6nqg8n5cCns7tjqrXEkA9n6n8No+cwsNXXV/wEeRHjqGgak8n+aidHzkG8EDXONo65K1mG2ncpp026UCjcUHmedmGljzmy4u0jlGHV5Pr3PvjEBd4yuqYNoMddHi1AZ485JmDxWIBzgylFg01MEyPMvNA/cK1+SEDsPS3LUCdVT1RC9gqR1JAlgDyVNQr6FajsAFUK7QKhbgUsH3fh9m3vv+yvAz/wz/kOyCiL32OEesIAAAAAElFTkSuQmCC);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
transition: none;
width: 64px;
height: 64px;
transition: 0.4s ease-in-out;
}
.nl-img2:before{
content: "";
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABABAMAAABYR2ztAAAAJFBMVEVHcEwAWnwAWnwAWnwAWnwAWnwAWnwAWnwAWnwAWnwAWnwAWnydHdcTAAAAC3RSTlMAtZlgigrUIHFPM4OiYpoAAAJ/SURBVEjH7ZXPb9JgHMZf0zCoXvYSg5pehJHFzAsRw8ZNSs26cenBpu42tgUzdym42okXGEQKXIh1sd0uJJqh8wQzqPSf89vfpGPEq8keeNOXN58+7/N937cFoRv9PwrHE/MkooU9q5NsskyTbSrMsXmBRtPmcO4VqvtmPM+bFynEIR6apTii7Q45LuzsZX4f1Lbju7Hl3CUl2uN1H6Bw7v4fqvd6eaX4oTgscQEg/EDTvrSWtH6ys/S0o+aPPYecIA+q8mDAS7IsCJIsSIIgQ5qqDKNVKY66sdIM2YMY4xGiQyGO97/Oh4fGceelYtTNMFNvcTSB6NuNtKOWuRKeoIxDhqURHVm9sDXYQN2pGBOEyokkOBCi66ijruELgArDOgCJUwCoQeCQydM2UDBGAGSDIcnTzzkLCMMNPdPhne7rBBxYx4EAoGY6FKam+AUho3ftDCT8TpkhA0Al+cgJSRljK0MG+7qH0FGj7YQ8L+1bVQRUsRYKgPIQU/umQ53xRD+DDNjOQFhzLkIGairDtrvUhHhmDYzAoXrhS3RPFCEe2Lf0VCTIviQP2HI8H14p0wEi7qRqsEwfGBdjAOgzzow9xRg2omIsquiTAmo+LzMrT8wyvZA1s/sj5ZY5OTMuKbNMF2jaTwanou/2Ph6lW9pazwfc+bLXZPAAFb3RT7b0VVI/JXXdB/ruMW7DOkzeGz/vGMMFY8y5AJl3Tn12HX1V1l8omxFlg2CVwMNr65vSeql0IkqbVBoeEKoPmDyjtbWP/dlThKnN0m4JR/HjnuNAgEPDd0ASz0sC527f1TLnvwTrKDMf2EG3iniOYrAjWjq9lg5IcTvtm3+af9VfFSJeq09rfUgAAAAASUVORK5CYII=);
}
.nl-img3:before{
content: "";
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABABAMAAABYR2ztAAAAHlBMVEVHcEwAre4Are4Are4Are4Are4Are4Are4Are4Are717R8VAAAACXRSTlMAmm/Z7SkPuE4+sa6zAAAB4ElEQVRIx+WVTWvCQBCG14pab+YkuUlpaXOzKoUcC1bwFqiWegvUCr0FoZTcvHprPtTsv+3s7CbObvyg1/ZFNCbPzL4zs66M/VM99/sD7xRgc7479bzGOc/ojZfFYoEXC6kGAC2fAOFwGMnUQ9QYgEGLAGu44am1C60IgCkNQDN5CTeeDEAzyULOoz2QilegAbkJ+7AFxqrKBACPliUcWD47ZAKAB3YBXwKzd8oEApPSAtJE6ikA3pJS95UJAdTHZo3EhAAqcNktD9DlPEagOwegUwYcMOELYOMc3gtVjIOHicj1PgXpgCh+hBWCEhz6/apsosGpdh7GKUciu1/TAKjrQ3xsEXjLTRAl3no/eZFMzoGo5UBP3RiBuuzETAM2BEATcigWqg1ATAE0ofIUETYB0IR0UkSkIZkrTrFKBtEwAJFyJ0dSdF8H5tJ5TMejAaoHI3YsgzBB98JMVaGZgKCp0itUHDkagMNOx6STGW0UYxVuKtCBmgimCfhKB7TjQVZsABMD6LC1fhIYJj4Z3VGotkV0kzev84sTNsvniCdW0zsKXHXPAcFRwN2G4vfTsTMnan6Vgdom6y1Z4y7oLa3b5uY40EWgVwL4t7u1xRItXOLaP1jr8kwvnOyP/o3+AEUCZ+kDPChlAAAAAElFTkSuQmCC);
}
.nl-img4:before{
content: "";
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABABAMAAABYR2ztAAAAHlBMVEVHcEwAWnwAWnwAWnwAWnwAWnwAWnwAWnwAWnwAWnwLiYxjAAAACXRSTlMAZLHaFZHJPe4MuvqAAAABw0lEQVRIx+2VzWvCMBjGU6f22sBc15sT5thtfqzUWytR9DYPnXi0g4I3FYbzNnAb82jFrvlvl7Sm9jM7DsYeaGnJL2/yPn3fFIC/KuFpygcmGD9wA+D7zo4HlD194OYPi6OZAwp4Os4DhhiTCBhjPWt2vTZdk7HmltwWVv0mCSgYOxTwtSSXlAiAP+xGCCxUe/sVBwoeWTcE5gC8OPN4fg51wQw0ojP2UhqIhfw1AGYCaAVh3wcENwswYAWOKICA8pYBFMd6sIR4EKhb9GORb3YCBIntYTZrk6e+atu2GgEW4SYLez2dBQLyKYvzdJo9V5R4PhSVvTDnGqV473wnReTKK6QHAEIZmyzRrDctbenQqrtLAxNWhQwQZV/hEjgJlIN3ZlQ5BYjQF4uwjgLGap7yoXIRATLSFMbAePTUa9Ps5wCkwUqvHKMEza512jygc+wjHzCglA3sEELlbCcDAHuf29CHklUjso5GibMcJ1lNirdR4FKrEmuQL2bUBKHegTZ0N69gruDzG69ghnS9EYRyPx9o1jekEbr5ALeqgaBaQR2e/dT+sa6iGiQOMXKKmzGlzvTQMqZq8kegtaLSGuBfTN/DeOM2mhJ3TwAAAABJRU5ErkJggg==);
}
.nl-img5:before{
content: "";
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABABAMAAABYR2ztAAAAG1BMVEVHcEwAre4Are4Are4Are4Are4Are4Are4Are5iEGRjAAAACHRSTlMAwXw8m1zuFBB85c0AAAEXSURBVEjH1dU9D4IwEAZgxA8YdTGOJi6ORhPT0cWE0cHBUeMgI5MziJr72baWQqHXI9jJCwPhfdJeKR+e94cVJC35LEvoHIAUM5j7kJG55xEi4rnPD3gSOYBVFLlVLFUuxYPIUXHScyleRG4I1sylyIm8JrZYLsVV5Hc8l+LGwdCSf8XhO4clF4LOlQjtIC1AvkGLlSDF9z/sAPD70AW49zCcIHXo0kPrCO5NqlenqCcOfHOb6yAs37coRUFUtlLQJlBPmJgMAwFU/UOCgMG7AvEOASPtmxCdTXA85etpLNb4vizYa2+A5lYZgNXz3OzBGKAr6MO4p1J+tkJANQg/+wm0TOG+Cv4v0Cr77aFtAZprXHEHjvUBiPxvW+5NjmsAAAAASUVORK5CYII=);
}
.nl-img6:before{
content: "";
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABABAMAAABYR2ztAAAAHlBMVEVHcEwAWnwAWnwAWnwAWnwAWnwAWnwAWnwAWnwAWnwLiYxjAAAACXRSTlMAaxnwz5CvPU+Rm3cEAAAB4ElEQVRIx+2VTU/CQBCGlxIp1yXWllspidSbWtH0BoFUuKF8SG+YkCo3xI+FI4lRrgTE7L91tkDpblGPxoQ5bJrMk3fe2Z1JEdrF/wyD4Pb2hEGGuNUt2ZTOjUg2WWaJTRR1AdijQsxv+xwQm5dtEWkLKpJSEpCZaFYy32a8zpmoElskW2UOOVc5JDaFI3dQ5ZBUuJnjZS3Ss0KIkxIBhNKFh27IThRwC3C1D/i5grFW1zAPyMNJigHMUweOJ9FDlolCRjKMDANeRSDOAFCQKM3XtgHZ34D4uoQPGMb+zwpV6n3nIbkGdAE4WpVIrAC3E3qLT6B7/lPrrFQUoDVWmkUfjRiAbVq94IHYclh00wXAPplMNHUbMEUvTc/rlmrcvBx26XnxxQcW4TmR1x+mRjR3NXWFTd5srUYSXkcy2AblCCGBgqxoyw0YNxzPm3vePT/IWPHnSb4a2GAM5ZFcD3WFcsrNUkp6f6T0I6OWSB+lL2EUyHCMsaKog4BNg3Os9TBWXeo4zWYTQ6TCN+Bfjw0+oIuL6PKP+HVpS+J694S9LFb4vEwj+x8B7p6C5MKE5eNrwBvrG5VTsCQooExDlwKgg7JWXmwj20kEwBRVr8V8xsrXy+uwDixnsPsh/El8AakKEGb/FXcRAAAAAElFTkSuQmCC);
}
.nl-img7:before{
content: "";
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABABAMAAABYR2ztAAAAHlBMVEVHcEwAre4Are4Are4Are4Are4Are4Are4Are4Are717R8VAAAACXRSTlMAGtSSOLdv71UBpWV9AAACPUlEQVRIx+2Vz2/TMBTH7SzNwo2KTiy3wISQb92EQLkFtRParVI1idwqtRT1NqhA5NZxGOuNJU2z99/Ofn52vBGoxHnv0Fj1533fD784jD2aa/70fDz7x/4gB2nLlF920Z4+2D+F4u311QlUaQJoxeTe/h6UKerANgAiUhfISpJ8BiOOIQZw4+x79cosPxQPFyjwwi65iKkqaLLYqzEAx9/nJf2bNDHONvh4EmtPym6/soDo4yP6oj0pRmhI5te6FTkcoefGZEYk65RaWprKIjDSkckmwmw8gCOhRDlQTwIYnL9RizVKRQCjELeEaYqQmqrWpG8Aqq9vqpOAcs5WFIKA9cg0mBQwsqwKljr4WdwbDofXV9N3AB+ZBdhPgO8ECDpR2DIHYJ8BVhrIDaALzVY2ZKxzsIA+0WRiAezIYgLWUHyBWXeODZC9bwAUj37jWdavAbADEDQAintbU3Sh6gwLtYR6PB8eao8AU+GfRKX5TaSAYzwW3dR84gwMW1wkJv+AgPWNA3BIlcAtjh8BHV2unkmv6ihA+fiCAJ6PnAmP19jD+XyeUVlSqrKv4kHRA8cI8PMftB/mW68FYAf6XFmYQd2mwNgvWM66vak65zhpAbiaBlW9JO7FMIBfssOT/Os4VU3svkR7JVwFqC7pdQK4cGa2AeRE6jaYMfoT0O3cN0OgAdtBYRx9ajOeBDR3BLf3mizSvJzyJmq5Dz3Xr/VCbWL8xRZNHe3m7QL4rhDs9Fu6496fPX77/sfuAPMSCrUlk8nyAAAAAElFTkSuQmCC);
}
.nl-img8:before{
content: "";
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABABAMAAABYR2ztAAAAKlBMVEVHcEwAWnwAWnwAWnwAWnwAWnwAWnwAWnwAWnwAWnwAWnwAWnwAWnwAWnwSQJa5AAAADXRSTlMAMq3NcvFWuZQQQd8fvMkmpwAAAm9JREFUSMe1lc9r1FAQx2dljZtlD5be/AE5iNBDoLJtQSQgJWqLBAS3/gAfFJSlgnvQi6cFRVpBWPCiWH+ASq24UFDUixDoRW8ebDbNYpj/xXlvX7J5zcsugs5lkzeffW/mOzN5AKnVJo48hmJ7+oAhxse2i/xvyc0tOK33T2JioZZ4hkMLDub9JT8DYC8PvEPF7u31GyLAYO3N5jnx1Ndu0BAJGm3NFjX+t57UqMrD2VWBA7QUp6EbruueVQGPgJMjNDa5xOKA8m0tUKYNromnnxG9KZLgF1reT7/LAtgKAFqqJNxDS5Hwv2d4BTqYE81G/MX9FeSknXgu3+XmWAAU4zQHWujHd4aAWIOjFpToRVTY3m1FoAEMehEq+RdaOzqAjg7Fs/O7EIiloH4WCJe4MQv2UaGTksSLQ0CaAAYywHklzRSoJDsAiUTAp4msbWWCpCiih2BPK4V6ZYlayWnx+oYGqKa1gk5PB3CpLd4WX9c6fd0R0B60A5ecB5kHPNnn14uAJ0kxfjjRTR1QSXu2Q+2uAfhYDGZpckoLiC5LZ0kHvCBgZxTApcITIwAxWnhfArliyX5GnPkAcEhTbpBhki2xqAAoy08cFgFweAg0mk1nrnmDHW+uhPQjATiTApSFR3PSJvUpdycBzNUxAMAKGwNAbWPBvQX2VUrKAtNZhlIApm/t/ZwUZJEB4nodg/opvFifxc+zGuAjxUC1dV6DSUewPFAc5D8D+q7rN9wFNuPO64FMinrgUrfbnutuskfdjf8VpATsQoAGuTO1/tJfXH8eb5fY3xfLwzE34HfVH+bu8qp6oXzT3MLKZAH8AbpTSbJNvHJuAAAAAElFTkSuQmCC);
}
.nl-img9:before{
content: "";
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABABAMAAABYR2ztAAAAJFBMVEVHcEwAre4Are4Are4Are4Are4Are4Are4Are4Are4Are4Are51f3rxAAAAC3RSTlMAFDLwkqvQb55hR8IefmgAAAHaSURBVEjHpdUxT8JAFADgK2KButRgGHBpdGQBTRjsgjqy6KCDLhgjDl1YjQuJY5euhqUmxhhdhEKRvj/ntXeFu/Z6xfCWEvql9+7duzuENg/lIBk6/96CZMw4oUI6OizYEoAeC/Yl4C0HlDwnAzQJqIKvS7+A5zcXJ3kRva+EP4fkwYdn0BHIjN+v/Ss2rIczMoKN34dJoOKcK63tkKfmfQIEiILdOFagNkcfJBsMVKbKMej2UMXTKWgswXgJTANVF4iCbxHQw4/IgeXmAWNtsFqQlhgU749JtB0xEFUyHzy9JoHCA5xRAowcFuB28RAHFHPAghHALw9UiApnt2/idg940CVD4j4Z0B3V4oAGoFMwCZ+Fl5nLgRrNCYMp2XNjxAEb/BjMRKAeJ23TVk2CarRLaDNHB0AC4Lr4/UsCPLOTAqVosQOaQ6OVAofLPRfOQp2kwHO053QCgu0gBepfFi0tBsPyQlAHi55NNjySv9KATD9cTRFQAI6QDBToImYCjS5FJijFq58FyuDKgTpFcqCd5gBu4/wPiI5BFogOUpcFwqOYBcLDPAI7P9mgEjZ+o5cJmkrYW7cdyZVk36E9csxmXGo16JsnsmtROQffkF6sype+7tW8cfwBfp8nM46FwuQAAAAASUVORK5CYII=);
}
.nl-img10:before{
content: "";
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAAP1BMVEVHcEwAufYAru4Are0Are4Are4Are8Are4AsugAsvAAre4Ar/AAre8Are8Are4Ar+8Are8Are4Are4Are4Are52ALVQAAAAFHRSTlMAB3ZDmcynkhQQ3TLmt2YjfFaH8qaSQpkAAAHZSURBVFjD3ZfLloMgDEDLQxQQEMn/f+ugtg7MIIF6ZtG5p5suvEoIJHk8/g2aD9cYS7DnLdQZpvrzDEB4dgmdwdQFBnjyb5lDJH2pC6CrggAu+SeOz3bZG2zteQKQRom4jWzVIyyIAEXcFXBE4GQVji4B2efx8wUr0HsCWT9OuAAhE7BhLqCMyOH+QuChFVoWDBCiPv8JrsDYnBHmsmA+k1ZzM7rLbcwOYFGwryWwb4GjT3yTYArAvQFFToE4V69bBHa7xcgM7BQw/mQlLQK63wBDIuiMgQbwkkKQp0CvL2xTEHm62XkMtkdxwSNe5son29j7BchxxgSMm4Mjl7Jd4NyigiXJef87BgETxFLHj1IXcym4H5lIKcMEAsakKK39MVDA9F7LCHV2y6g9BuZkwQV62DPex6q95XRvDHYB20/Et2DyJ/otQXMMyjQL1IXAtwpiKxGLqUvZqit5tAt8aym4/IImgQQo38orKN5CvC7Lgkk11pXgL0qbtLSBxbo/K65F3Djd7VCwBkPVCWibd7vRZLqKQJusNNfZvlFWdnVpieB1Iyv5piAGbCs/Kj0UnQKxJXuPIB84aGEJ2BnNRx59NDKkY+TBhq6ADV342CfRwXO8N3h+Ml9sfEwVY9BrZgAAAABJRU5ErkJggg==);
}
.nl-img11:before{
content: "";
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAASFBMVEVHcEwAre4Are4Are4AquwAr/EAre8Aru8Aru0Are4Are8Are4Are4Are8Aru4Are4Are4Are4Are8Are4ArO4Are4Are8Are66JEsXAAAAF3RSTlMA7cyGBxFqMxrYleP6p753sfVeVCdIPg40UMsAAAOTSURBVFjDnVfZtoMwCDRmXzXGyP//6SVGq7Yu7eWhp6cWhGGYkKb53QZrWPN/Uz0A6Om/7pxGCCMF6Mf/uEsTwQ7lS8AQ+ddCOg1gu8UrYQhi1E/FQ/SJ7dOxIH4qH/r3dsDw8M6ckhAdmhBDStDunSXWBPm23Vjy0cj2kIJvGgPyJuEeXE/nN+dcM9HANn+N+AW46UMP4R3i7YXVvyH22l98IIadQ9AzyS//sZRxVQAh/KSPoZHR5cUfMbxuAoXu5NfgVDNFWPyb1l3yiEd7Bs8AtMEIi/90UuWWwCnFGInoy5fYAabzcfPenydwhFZcQBhmynQXqYXXkymScwSI5oqAbs8NyVmLk+SKxgjtAJFcmoOiZ0N0Vy1MQCzcjLlqQace4vUYCXLTntIK4+CT5nvz8KCYIyF3YqZcO1Ij5rlhXbvWrqt8qcHQbCDdKR9gEUW5UxlJsuJvQfNZS9EGHIq7CiRoOfQOOgmB7ccjOwid9JDszRzjW1FLjGIDtGlPKAnGgOFcOMs0uQ/Aq5h1yrmNQwTS5GZhk81TgIYJ3xvsRW7dSxA1ZjPSvqcoFI8BnuzbAKwLuzkw/LsAfiOyAbcNQYSWfRWAApXVJrCT3AxHefl2zwNl4dHiLdknCJTSfv58MwMtfvoijbcB6HIIfO4HYPAzXwrW+i+Nstieif44PwoPAVidGK0uFdM+rTe82M+PtgxG+fMCNYpA+pkmSvSxDIyRP3ibMnwWkVGi1Kg99ciFkL/1jxD7QXFnW/QOomKXMZQWX+1xAiirALvVuwb2Dgg9aQUffNiHruSYtfCd1JSAM0dAWfIFo73WrYvK2b7BBMLjt7ZlQ4qyjNzvueSX1ceeqn1q1zEuiyVYWvU+6v1h1i3TP10IhChipktzpzNF4K4ukPliyPCkEdigw56bD0tnqCJ2SIvtysF3u37Y/aCMOyjCum31u1O53XFRR8HfrgxaHofUL4zYGtkhYG2n6uPw5m7fGbbgr/bnOstIJMxcJr3bRThSw34SdMVfx8MjXrDbL0ysI0DO+L3iTz/2nrEz3bh3707Hg8V2UUNzrRLCQqT88jRSdZG0ozCJnbsTym8mUiykm49f/1YJw7tHvL1grfjjTjBMdKb8eLi6xKf72YI/ry2fysi2C3vQ3T1f7xb8uSVr0uWCG6igX7lX/GWHbd80oQrkc/KvRR4rd+HIEi7T9O31Fhcvn3jzu/0BYWs9tRpinmcAAAAASUVORK5CYII=);
}
.nl-img12:before{
content: "";
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAASFBMVEVHcEwAWnwAWnwATHwAWnwAWnwAWnwAWn4AWXgAWnsAWnwAWnwAWnwAWnwAWnwAWnwAWXwAWnwAWnwAW34AWnwAWnwAKioAWnxCImmdAAAAF3RSTlMA74cEqPTAGgl4z0j65VQ4KJgSH7VpASpQc2AAAAKhSURBVFjD7Vfd1qMgDBQURATEnzrv/6YLSKv2A8U957va5cJWMUNCQmasqv8jPwxnuBqM95f2FPeDXq0P1bWXK7SdwoUPHN1tkB14fpKhvQVowfKT6aCrSn0/+EWAgkz/MkDR+FWA9W9DED1dJAGIXGgvngKsfcPwYHzb9xJQnBo71fVkDZXPAOYF0OcjNFMN8DlXyuR8AAn0q/6xJS8CYkoOUwc0U3Khxp389fY4U6jXOw2j1IxpORrxwb5tKB3YBteOhzSwcQvfsLuW5hpQuBXUvcqBVtRt+KOo2OZhvtwfTvEQBP9nlzduY4G4q3UQco4e2vOOLcfbBY3/sRoMZNgBBuIe6GDZgK+nFOpj/YD4/W81+NQ4hDeAs2+mBXrenMwXkQwBCAleV7VDeAM4e/eAQ/p9eOUBBug6JJJ5PxzCG8DbV9XEQr6EPqX9CNCEFm5VNPAI2yufWzWHBZo0gCDK1/8ITqIJDRVCabQnHKNPUS6EIZS0YLBDRDgs4O0HCybCVqUBuhCi8TA7QpwP9p6nTPCRJkNo4myKMT8UO4Y1liSAhD365wHqkRBaHwFkiDUdgsYUrodOMn65stXdnAEgqAObit05gsFV5+6mCDQqoJKlnABwNdO7Ny4AjocpEQJNhrD3wPNxTm0i1YlNtJmG8iCN6Za2FVJ/X0j0BL431Qel3Cfbek1QdJgiTIJYxrLj3GWprbih5ABWXtLSOsg1R+8lTXUiMHl9cN/W1+WS3kuI5Vof9B9qU5HaxJnaFMy1xPmQ63wm143PnD2900gHejdveo8aa32pEomTFxhLoUZyEoe8fug60blMmCKNFEXWSVFZZ54VWYkPDi/zIIPMq9phk3nSPPrkyQvNbdMLPrqc1G0kUbcAd599/9D4A/83c8z+MhYQAAAAAElFTkSuQmCC);
}
.nl-img13:before{
content: "";
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAASFBMVEVHcEwAWnsAWnwAWnwAWnwAWnwAW3sAWnsAWnsAWnwAWnwAWnwAWnwAWnwAWnwAWnsAWnwAWnwAWn4AXm0AWnwAWnkAW3wAWnx29u3WAAAAF3RSTlMA30CgFO4uT3r4kW5erdMPxYUkA7sIGhZTBSsAAAQ2SURBVFjDrVfpGqsqDJRdZBc07/+mN6BtXejp9XyHH61aGbJMJukwPFlZOb8Og3Fq+KtlBQDErPDT278BcDBJB1EIxTSE5/vzBHIIBDQ64MXj7YpyBhRhAp6ddXzsPzoOZN3vFgEuEvoEIEJyZcatytJlGKQADeXr2zO1RtFjmCi4TyIIBiFwxFy7u+VEoC1dzBtjApZrIEAnO2ndjDcw9rY7AMFGq0yKeDUuu00eCl4SLZs5NYRK9AAsekbzfhNGAXE3M0RMgdwdKcgCCtrc9ycQJ5YGBkJuVwUBKEw7o1ZMS+d8A36+PWq5kwRiGDj4at1CREYwcUsj/ST6iBBzY3HeyLwMwUHavL3UVPYgO2FlYCtMc5h7EF5DXLbM2CvZWC+tqyB4qvYm4fshEeFNZdK6CLGc3yxfiJGqqa4y4xO2CWnSHDks/qVAsqyWcWOpEG9hAe+855dy6xKrLkH2b49AKdH6runV2ycmma+HSoh6CwZmMhe0XWK+0h1ghJZXaZgXrRZESSpsvGlfXICI4Cx4FKSpB6AGPvq60xfHXKyXuupngWWnNgG/1AB6E3oujEnjDju/a4FWPK+I+MgyBm4xfSWRtdLtFVmyqsSH+9huqJiWW7qwPJcecDykh6KNu8LF5c5Z2TXt8HwWWuwAZC/tExGm3v6gyaEzqLgD2HKtJVQYzYdedqDskZlRRwtgjDMCzBdRnbUmPROCAP+ydkSusXawQ7fKuTslsAz05u2sLFI/vMoGw8jf0ZBaGMXq6dM5ZihTrLbOgbKNiJUuHEmLAGkjKQLMTUjQKV6PPPEB8SaIwJDshBmr7Fg0iES0h5nthb5t4XZUL2U85wDJjMxzb9xgsEMYB/OrHOkxSIsgV0ErGFp2VuWUBq/Lq04zEfMhO5fyn9H1ThYWdJnlt5lvFVGaXGk/F/B3PUL5HvMhUoTvpSc6JVVgvj2bzrFm74TQ7hAw3XlEerIzsK4Co1KHW18ZHwDg6+zaFAR/ArD4i2vuKr8/ADIyXZ4KpORHAPUHIg/7bxrzCyBjC9NmO3XFsriKxi+AWgs4lpBRUYviXxCOrTcAiszsAsgCWHtqnXSrZmKRWf4zJ70BqhB0AHgV8JHWRAY1JiNbv82kIf0GyAala8KkeS0PNLYDIdhuovwFQNFUk2vTxTln/oxMCwIMVaoY/xPAWscHuXftEaGq16hDFYqQFvOK/xXAYLxbIW5tH8dZHQvmI1ZTGsAECT2UXwCmGiX2AcAhAgcp4VQ7cgeQfBsZOwCyqcwRoAX1dfECqL/GDWDEBnQA2KT2CjDcAdoU1pgYTkx0rWv8H4B6VIfK/xZAkOvSTwDWSO4rPQD4uv4hgNkV4tDbnwHQTXa5OI4tTwCwhWKjWuMhX9scOn0TyZ1sc6sD2f674CgD7iO2c3Nq/eM/et5+De2TT17Et8T8ByHOTVAlLnxmAAAAAElFTkSuQmCC);
}
.nl-img7:after{
content: "";
}
.nice-list-title{
display: flex;
flex-direction: column;
flex-wrap: nowrap;
align-items: flex-start;
width: 100%;
position: relative;
margin-top: 35px;
margin-bottom: 15px;
color: #fff;
margin: 0;
margin-left: 25px;
transition: 0.4s ease-in-out;
}
.ofCol1{
color: #00adee;/*orange*/
}
.ofCol2{
color: #00adee;/*blue*/
}
.ofCol3{
color: #4877a5;/*purple*/
}
.ofCol4{
color: #72406c;/*green*/
}
.hover_effect .nice-list-title{
color: #fff;
}
.nice-list-title h3{
margin-bottom: 10px;
font-size: 22px;
font-weight: 600;
display: block;
text-align: center;
vertical-align: top;
}
.offer-list{
display: block;
position: relative;
left: -5px;
width: calc(100% + 10px);
}
.offer-list li{
display: block;
position: relative;
width: 100%;
}
.offer-list li:not(:last-child) {
margin-bottom: 10px;
}
.offer-list li:last-child {
margin-bottom: 40px;
}
.offer-list-box-content{
display: block;
position: relative;
container-type: size;
margin-left: 0;
margin-right: 0;
overflow: hidden;
background-size: contain;
background-repeat: no-repeat;
width: 100%;
max-width: 526px;
max-height: 130px;
height: 20vw;
min-width: 296px;
min-height: 78px;
font-size: 14px;
font-size: min(2cqw);
}
.type-cover1{
background-image: url(/ukv/sp3/files/button-mebership-type1.png);
background-position: left center;
}
.type-cover2{
background-image: url(/ukv/sp3/files/button-mebership-type2.png);
background-position: right center;
direction: ltr;
}
.offer-list-card{
display: flex;
position: relative;
flex-direction: row;
align-items: center;
width: 100cqw;
justify-content: space-between;
height: 100cqh;
flex-wrap: nowrap;
}
.offer-list-card:hover{
opacity: 0.7;
}
.hover_effect .offer-list-card:before{
transform: translate(0px, 100%);
}
.offer-list-img{
display: flex;
position: relative;
left: 3.5cqw;
background-color: #fff;
border: 0;
width: 18cqw;
height: 18cqw;
min-width: 18cqw;
margin: 0;
align-self: center;
border-radius: 50%;
text-align: center;
background-clip: inherit;
z-index: 1;
align-items: center;
justify-content: center;
transition: 0.4s ease-in-out;
}
.offer-list-title{
display: block;
position: absolute;
width: 47cqw;
top: 15cqh;
left: 26cqw;
margin: 0;
color: #fff;
}
.offer-list-txt {
display: block;
position: absolute;
width: 60cqw;
top: 47cqh;
left: 28cqw;
margin: 0;
}
.offer-list-title h4 {
display: block;
font-size: 1.3em;
font-weight: bold;
margin: 0;
text-align: left;
line-height: 1.1;
width: 100%;
font-size: clamp(12px, 1.3em, 20px);
}
.offer-list-txt span {
display: block;
position: relative;
width: 100%;
font-size: 1em;
text-align: left;
vertical-align: top;
font-size: clamp(10px, 1em, 16px);
line-height: 1.1;
}
.hover_effect .offer-list-title{
}
.hover_effect .offer-list-txt{
}
.ofCol5{
color: #7b7b7b;
}
.ofCol6{
color: #7b7b7b;
}
.off_img_type2{
right: 3.5cqw;
left: unset;
}
.off_title_type2{
left: unset;
right: 26cqw;
}
.off_txt_type2{
left: unset;
right: 28cqw;
}
.btn-cancel{
display: flex;
flex-direction: row;
align-items: center;
font-size: 14px;
color: #fff;
line-height: 31px;
padding: 0 70px;
background: #ff4343;
font-weight: 600;
width: fit-content;
margin-top: 10px;
}
.btn-cancel span{
content: "";
display: flex;
flex-direction: row;
align-items: center;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYBAMAAAASWSDLAAAAKlBMVEVHcEz///////////////////////////////////////////////////+LBpLMAAAADXRSTlMARIcZWCbolAfXwv5JBdBgegAAAEpJREFUGNNjYKASKEbmTDuAxJm7vQFIBhqLNgoKCubeXQzk6Lpcir179+7eu9cOwDlAAFSI4AAV4uAgKwMZgGI0iqXYnFNMFe8CACXIPUMMRnbhAAAAAElFTkSuQmCC);
background-size: cover;
background-repeat: no-repeat;
background-position: center;
width: 18px;
height: 18px;
margin-left: 8px;
}
.btn-cancel:hover{
background: #ad0000;
}
#banner{
display: block;
width: 100%;
height: auto;
padding-top: 100px;
padding-bottom: 80px;
background-image: url(/ukv/sp3/files/banner-bg.jpg);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
.banner-container{
display: flex;
flex-direction: column;
align-items: center;
flex-wrap: nowrap;
width: 100%;
}
.banner-col1{
display: flex;
flex-direction: column;
align-items: center;
flex-wrap: nowrap;
width: 100%;
margin-bottom: 20px;
}
.banner-col1 a{
display: block;
text-align: center;
font-size: 20px;
font-weight: 600;
color: #72406c;
margin-bottom: 20px;
transition: all 0.4s ease-out;
}
.banner-col1 a:hover{
color: #c5c6c5;
margin-bottom: 20px;
}
.banner-col1 h2{
font-size: 33px;
font-weight: 600;
line-height: 36px;
text-align: center;
color: #fff;
margin-bottom: 20px;
}
.banner-col2{
display: flex;
flex-direction: column;
align-items: center;
flex-wrap: nowrap;
width: 100%;
}
.banner-txt-btn{
display: flex;
flex-direction: column;
align-items: center;
flex-wrap: nowrap;
width: 100%;
}
.th-btn-bn{
position: relative;
z-index: 2;
overflow: hidden;
display: inline-block;
text-transform: uppercase;
background-color: #72406c;
color: #fff;
font-family: 'Cabin';
font-size: 16px;
padding: 15px 30px;
border-radius: 5px;
letter-spacing: 0;
width: fit-content;
font-weight: 600;
}
.th-btn-bn:before, .th-btn-bn:after{
content: "";
position: absolute;
height: 100%;
top: 0;
left: 0;
width: 50.1%;
background-color: #00adee;
z-index: -1;
transition: all 0.4s ease-out;
border-radius: 0;
}
.th-btn-bn:before{
transform: scale(0) rotate(0);
}
.th-btn-bn:after{
transform: scale(0) rotate(0);
left: unset;
right: 0;
}
a.th-btn-bn:hover {
color: #fff !important;
font-weight: 600;
transition: all 0.4s ease-out;
}
.th-btn-bn:hover::before, .th-btn-bn:hover:after, .th-btn-bn.active::before, .th-btn-bn.active:after {
border-radius: 0;
transform: scale(1) rotate(360deg);
}
/*=================================*/
#thx-txt{
display: block;
width: 100%;
height: auto;
padding-top: 70px;
padding-bottom: 70px;
background: linear-gradient(to bottom, #ffffff 0%, #e5f8ff 50%, #fff 100%);
}
.thx-txt-container{
display: flex;
flex-direction: column;
align-items: center;
flex-wrap: nowrap;
width: 100%;
}
.thx-txt-col1{
display: flex;
flex-direction: column;
align-items: center;
flex-wrap: nowrap;
width: 100%;
text-align: center;
}
#thx-txt a{
color: #00adee;
transition: all 0.5s ease-in-out;
}
#thx-txt a:hover{
color: #0287b9;
}
#thx-txt p{
display: inline-block;
font-size: 1rem;
line-height: 1.5rem;
max-width: 1400px;
}
/*=================================*/
#ukv-services{
display: flex;
flex-direction: column;
flex-wrap: nowrap;
align-items: center;
width: 100%;
color: #1d242d;
padding: 60px 0;
}
.service-list{
display: flex;
flex-direction: column;
align-items: center;
width: 100%;
margin: 0 auto;
gap: 30px !important;
margin-top: 30px !important;
margin-bottom: 30px !important;
justify-content: center !important;
flex-wrap: wrap;
}
.ukv-services-title{
display: block;
position: relative;
width: 100%;
}
.ukv-services-title h2{
font-size: 32px;
font-weight: 700;
line-height: 1.3;
margin-bottom: 40px;
}
.ukv-service-cards-holder{
display: flex;
flex-direction: column;
align-items: center;
width: 100%;
gap: 50px;
}
.grptype2{
display: flex;
flex-direction: column;
align-items: center;
width: 100%;
gap: 50px;
flex-wrap: wrap;
}
.serv-bg1, .serv-bg2{
display: flex;
flex-direction: column;
align-items: center;
width: 100%;
overflow: hidden;
height: auto;
/*flex: 1 1 490px;*/
color: #333;
max-width: 490px;
border-bottom: 3px dashed #b4b4b4;
/*
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
border-radius: 10px;
*/
}
.serv-bg1-title{
display: block;
margin-top: 60px;
text-align: center;
margin-bottom: 20px;
}
.serv-bg1-title h2{
font-size: 34px;
font-weight: 700;
line-height: 50px;
text-align: center;
margin-bottom: 20px;
}
.serv-bg1-title p{
display: block;
font-size: 16px;
line-height: 26px;
}
.services-col1{
display: flex;
flex: 1 0 50%;
gap: 25px;
padding: 30px 0;
position: relative;
width: 100%;
flex-direction: column;
flex-wrap: nowrap;
align-items: flex-start;
}
.services-col1 h3{
font-size: 24px;
font-weight: 700;
line-height: 28px;
text-align: left;
}
.services-col1 p{
font-size: 17px;
line-height: 24px;
margin-bottom: 12px;
font-weight: 600;
opacity: 0.8;
}
.services-col1 p span{
display: block;
font-size: 14px;
font-weight: lighter;
font-family: 'Roboto';
}
.services-col1-cont{
display: flex;
flex-wrap: nowrap;
flex-direction: column;
align-items: flex-start;
width: 100%;
padding: 30px 20px;
}
.services-txt-content{
display: block;
width: 100%;
margin-bottom: 10px;
}
.services-col1 ul{
display: flex;
flex-direction: column;
flex-wrap: nowrap;
align-items: flex-start;
width: 100%;
}
.services-col1 ul li{
display: inline-block;
line-height: 18px;
font-size: 16px;
font-weight: 300;
margin-bottom: 10px;
font-family: 'Roboto';
}
.services-col2 {
display: flex;
position: relative;
width: 100%;
aspect-ratio: 629 / 420;
border-radius: 10px;
overflow: hidden;
}
.services-col2 img {
position: absolute;
height: 100%;
width: 100%;
top: 0;
left: 0;
object-fit: cover;
border-radius: 10px;
}
.service-btn{
background: linear-gradient(to bottom, #ffffff 0%, #9adbf3 30%, #fff 100%);
display: flex;
position: relative;
width: 100%;
align-items: center;
justify-content: center;
padding: 80px 0;
}
.mi4{
margin-right: 4px;
font-size: 18px;
}
/*=================================*/
#ukv-section3, #ukv-section5{
display: block;
width: 100%;
position: relative;
background: #00adee;
margin: 0 auto;
padding: 40px 0;
background: linear-gradient(to bottom, #d4c2a2, #c2ae91);
}
#ukv-section5{
background: #72406c;
}
.ukv-section3-container{
display: flex;
flex-direction: column;
align-items: center;
flex-wrap: nowrap;
width: 100%;
position: relative;
color: #1d242d;
}
.ukv-section3-tile{
display: block;
text-align: left;
width: 100%;
}
#ukv-section3 h2, #ukv-section5 h2{
display: block;
text-align: center;
font-family: 'Roboto';
color: #fff;
font-size: 30px;
font-weight: 500;
line-height: 30px;
padding: 0 30px;
margin-bottom: 20px;
}
#ukv-section3 h3, #ukv-section5 h3{
font-size: 18px;
/*background: #fff;*/
border-radius: 15px;
/*font-weight: 600;*/
padding: 0 30px;
line-height: 30px;
text-align: center;
margin: 0 auto;
margin-bottom: 32px;
width: fit-content;
padding: 0;
}
#ukv-section3-box, #ukv-section5-box{
display: flex;
position: relative;
flex-direction: column;
align-items: center;
flex-wrap: nowrap;
width: 100%;
max-width: 500px;
gap: 50px;
}
.circular-hole {
width: 35px;
height: 35px;
border-radius: 50%;
position: absolute;
top: 15px;
right: 15px;
background: radial-gradient(circle at center,
rgba(30, 20, 15, 0.9) 25%, /* Deep center */
rgba(70, 55, 40, 0.7) 50%,
rgba(150, 130, 100, 0.9) 85%,
rgba(232, 219, 197, 1) 100% /* Match background */
);
box-shadow: 6px 6px 12px rgba(0, 0, 0, 0.3), 2px 3px 3px 0px rgb(0, 0, 0, 0.6);
}
.circular-hole i {
position: absolute;
width: 60%;
height: 60%;
background: radial-gradient(circle at center, rgba(10, 5, 2, 0.9) 15%, rgba(40, 30, 20, 0.8) 50%, rgba(90, 75, 55, 0.6) 85%);
border-radius: 50%;
top: 18%;
left: 20%;
box-shadow: inset 4px 4px 10px rgba(0, 0, 0, 0.6);
}
.circular-hole span {
position: absolute;
width: 100%;
height: 100%;
border-radius: 50%;
box-shadow:
inset -3px -3px 6px rgba(255, 255, 255, 0.5);
}
.ukv-section3-box-content, .ukv-section5-box-content{
display: flex;
margin-left: 0;
margin-right: 0;
overflow: hidden;
background-color: #fff;
width: 100%;
background: linear-gradient(to bottom, #f9eedb, #f4e7d4);
background-blend-mode: soft-light;
border-radius: 30px;
box-shadow: 12px 12px 25px rgba(0, 0, 0, 0.6), -8px -8px 15px rgba(255, 255, 255, 0.6), inset 6px 6px 12px rgba(0, 0, 0, 0.3), inset -6px -6px 12px rgba(255, 255, 255, 0.5);
}
.section3-card{
display: flex;
position: relative;
flex-direction: column;
align-items: center;
width: 100%;
justify-content: flex-start;
height: 100%;
padding: 22px;
}
.sect3-bord{
display: block;
position: relative;
width: 100%;
height: 100%;
padding: 13px;
border-radius: 17px;
background: linear-gradient(to bottom, #e6c15b, #d4ac4a);
box-shadow: 5px 5px 6px 0px #000;
}
.sect3-bord::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
/*background: url('https://www.transparenttextures.com/patterns/beige-paper.png');*/ /* Matte texture */
opacity: 0.1; /* Adjust texture visibility */
}
.section3-title{
display: flex;
flex-direction: column;
flex-wrap: nowrap;
align-items: center;
width: 100%;
position: relative;
transition: 0.4s ease-in-out;
color: #000;
margin-top: 25px;
}
#ukv-section3-box h3 {
margin-bottom: 30px;
font-size: 24px;
/*font-weight: 500;*/
display: block;
text-align: center;
vertical-align: top;
width: 72%;
}
#ukv-section5-box h3 {
margin-bottom: 15px;
font-size: 22px;
line-height: 26px;
font-weight: 500;
display: block;
width: fit-content;
}
.section3-description{
display: flex;
flex-direction: column;
flex-wrap: nowrap;
align-items: center;
width: 100%;
position: relative;
border-radius: 8px;
background: linear-gradient(to bottom, #f9eedb, #f4e7d4);
background-blend-mode: soft-light;
transition: 0.4sease-in-out;
color: #1d242d;
padding: 10px;
box-shadow: 2px 2px 4px 0px #000;
}
.section3-bottom-line, .section3-top-line{
display: block;
width: 70%;
height: 4px;
position: absolute;
background: #72406c;
bottom: 15px;
}
.section3-top-line{
top: 15px;
}
#ukv-section3-box p{
width: 100%;
text-align: center;
font-size: 15px;
line-height: 20px;
display: inline-block;
opacity: 0.7;
padding-bottom: 10px;
}
#ukv-section5-box p{
width: 100%;
text-align: center;
vertical-align: top;
font-size: 15px;
line-height: 20px;
display: inline-block;
font-weight: 300;
}
#ukv-section3-box p:last-child, #ukv-section5-box p:last-child{
margin-bottom: 50px;
}
#ukv-section3-box p:last-child{
margin-bottom: 15px;
}
.sect3-btn{
display: block;
position: absolute;
bottom: 20px;
}
.footer-btn{
display: block;
position: absolute;
bottom: 35px;
}
.gri-btn{
position: relative;
z-index: 2;
overflow: hidden;
display: flex;
text-transform: uppercase;
font-family: 'Cabin';
font-size: 18px;
padding: 5px 30px;
border-radius: 5px;
letter-spacing: 0;
width: fit-content;
font-weight: 600;
align-items: center;
flex-wrap: nowrap;
flex-direction: row;
transition: 0.3s ease-in-out;
background-color: #3e3e3e;
color: #fff;
margin-top: 20px;
padding-left: 30px;
padding-right: 22px;
cursor: pointer;
}
.org-btn{
position: relative;
z-index: 2;
overflow: hidden;
display: flex;
text-transform: uppercase;
font-family: var(--ukv-font-family-buttons);
font-size: 14px;
padding: 6px 15px;
border-radius: 5px;
letter-spacing: 0;
width: fit-content;
font-weight: 700;
align-items: center;
flex-wrap: nowrap;
flex-direction: row;
background-color: #00adee;
color: #fff;
cursor: pointer;
transition: 0.3s ease-in-out;
}
.hover_effect.org-btn {
background-color: #0287b9;
border: 1px solid #fff;
}
.arr-set3 svg{
position: relative;
margin-left: 10px;
top: 2px;
fill: #fff;
transition: 0.3s ease-in-out;
}
.hover_effect.gri-btn {
background-color: #717171;
}
.hover_effect .arr-set3 svg{
margin-left: 14px;
}
.arr-foot svg{
position: relative;
margin-left: 10px;
top: 2px;
fill: #fff;
transition: 0.3s ease-in-out;
}
.hover_effect .arr-foot svg{
margin-left: 14px;
}
.section3-bg{
display: block;
margin: 0 auto;
margin-top: 20px;
width: 80%;
text-align: center;
}
.section3-bg a{
color: #fff;
font-size: 16px;
}
.section3-bg a span{
text-decoration: underline;
}
.section3-bg a:hover{
color: #dcd3d3;
}
.aw-s3{
display: inline-block;
position: relative;
padding-left: 4px;
font-size: 26px;
text-decoration: none;
top: 4px;
}
/*=================================*/
#ukv-section4{
display: block;
width: 100%;
position: relative;
background-image: url(/ukv/sp3/files/bg-setciton4.png);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
margin: 0 auto;
padding: 90px 0;
}
.ukv-section4-colums{
display: flex;
flex-direction: column;
align-items: center;
width: 100%;
position: relative;
margin: 0 auto;
gap: 30px;
max-width: 520px;
}
.ukv-section4-container{
display: flex;
flex-direction: column;
align-items: center;
flex-wrap: nowrap;
width: 100%;
position: relative;
color: #1d242d;
gap: 15px;
}
.ukv-section4-tile{
display: block;
text-align: left;
width: 100%;
}
#ukv-section4 h2{
display: block;
text-align: center;
font-family: var(--ukv-font-family-heading);
font-size: 32px;
font-weight: 500;
line-height: 40px;
text-align: left;
}
#ukv-section4 h3{
font-size: 18px;
background: #fff;
border-radius: 15px;
font-weight: 600;
line-height: 30px;
padding: 0 30px;
text-align: center;
margin: 0 auto;
margin-bottom: 32px;
width: fit-content;
color: #212325;
}
#ukv-section4-box{
display: flex;
flex-direction: column;
align-items: center;
flex-wrap: nowrap;
width: 100%;
position: relative;
margin-top: 20px;
}
#ukv-section4-box p{
width: 100%;
font-size: 20px;
line-height: 30px;
font-weight: 500;
text-align: justify;
font-size: 17px;
line-height: 24px;
margin-bottom: 12px;
font-weight: 600;
opacity: 0.8;
}
.ukv-section4-col2{
display: block;
width: 100%;
margin: 0 auto;
vertical-align: middle;
}
.ukv-section4-col2-img{
display: flex;
position: relative;
width: 100%;
aspect-ratio: 700 / 634;
overflow: hidden;
aspect-ratio: 580 / 580;
border-radius: 50%;
}
.ukv-section4-col2-img img{
position: absolute;
height: 100%;
width: 100%;
top: 0;
left: 0;
object-fit: cover;
}
.section4-btn{
display: block;
position: relative;
width: 100%;
margin: 0 auto;
text-align: center;
margin-top: 30px;
}
.white-btn{
position: relative;
z-index: 2;
margin: 0 auto;
overflow: hidden;
display: flex;
text-transform: uppercase;
font-family: 'Cabin';
font-size: 22px;
padding: 12px 30px;
border-radius: 5px;
letter-spacing: 0;
width: fit-content;
font-weight: 600;
align-items: center;
flex-wrap: nowrap;
flex-direction: row;
transition: 0.3s ease-in-out;
background-color: #fff;
color: #212325;
margin-top: 20px;
padding-left: 30px;
padding-right: 22px;
}
.arr-set4 svg{
position: relative;
margin-left: 10px;
top: 4px;
fill: #212325;
transition: 0.3s ease-in-out;
}
.hover_effect.white-btn {
background-color: #212325;
color: #fff;
}
.hover_effect .arr-set4 svg{
margin-left: 14px;
fill: #fff;
}
/*=================================*/
#ukv-section6{
display: block;
position: relative;
width: 100%;
margin: 0 auto;
padding: 70px 0;
background: linear-gradient(to bottom, #ffffff 0%, #e5f8ff 50%, #fff 100%);
}
.ukv-section6-container{
display: block;
width: 100%;
}
#ukv-section6-box{
display: block;
width: fit-content;
border: 2px dashed #00adee;
padding: 14px;
border-radius: 6px;
}
#ukv-section6-box p{
width: 100%;
text-align: center;
vertical-align: top;
font-size: 16px;
line-height: 20px;
display: inline-block;
font-weight: 300;
padding-bottom: 10px;
}
#ukv-section6-box a{
color: #0174f8;
padding-left: 3px;
text-decoration: underline;
}
#ukv-section6-box a:hover{
color: #004a7c;
text-decoration: none;
}
/*=================================*/
#ukv-section7{
display: block;
position: relative;
width: 100%;
margin: 0 auto;
padding: 60px 0;
}
#ukv-section7-box{
display: block;
position: relative;
width: 100%;
margin: 0 auto;
}
.ukv-section7-box-content{
display: flex;
position: relative;
flex-direction: column;
flex-wrap: wrap;
align-items: center;
width: 100%;
}
.section7-card1{
display: flex;
position: relative;
flex-direction: column;
flex-wrap: wrap;
align-items: center;
width: 100%;
margin: 0 auto;
padding-bottom: 60px;
}
.section7-card2{
display: flex;
flex-direction: column;
align-items: center;
width: 100%;
gap: 60px;
}
#ukv-section7-box h2{
display: block;
text-align: center;
font-family: var(--ukv-font-family-heading);
font-size: 32px;
font-weight: 500;
line-height: 40px;
text-align: left;
}
.section7-card1 h2{
margin-bottom: 27px;
}
.section7-card1 p{
display: block;
font-size: 16px;
text-align: center;
width: 90%;
max-width: 500px;
padding-bottom: 20px;
}
.lat-line{
display: flex;
align-items: center;
flex-direction: row;
flex-wrap: nowrap;
width: 100%;
text-align: center;
margin: 0 auto;
line-height: 28px;
margin-bottom: 40px;
}
.lat-line::before{
content: "";
display: inline-block;
position: relative;
background: #ccc;
width: calc(50% - 285px);
height: 1px;
margin-right: 25px;
vertical-align: middle;
}
.lat-line::after{
content: "";
display: inline-block;
position: relative;
background: #ccc;
width: calc(50% - 285px);
height: 1px;
margin-left: 25px;
vertical-align: middle;
}
.four-step{
display: flex;
position: relative;
flex-direction: column;
flex-wrap: wrap;
align-items: center;
width: 100%;
gap: 40px;
}
.four-step-box{
display: flex;
flex-direction: column;
align-items: center;
flex-wrap: nowrap;
vertical-align: middle;
width: 100%;
text-align: center;
gap: 15px;
box-shadow: 0 4px 12px rgb(0 173 238 / 20%);
border-radius: 16px;
overflow: hidden;
padding: 25px 0 35px 0;
max-width: 490px;
}
.four-step-box img{
display: block;
position: relative;
width: 100%;
margin: 0 auto;
max-width: 225px;
height: auto;
margin-bottom: 25px;
border-radius: 50%;
/* border: 1px solid #00adee; */
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}
.four-step-box h3{
display: block;
width: 100%;
font-size: 24px;
font-family: var(--ukv-font-family-heading3);
font-weight: var(--ukv-font-weight-medium);
color: var(--ukv-background-color-base);
}
.four-step-box p{
display: block;
width: 70%;
font-size: var(--ukv-font-size-base);
font-weight: var(--ukv-font-weight-regular);
opacity: 0.8;
}
/*=================================*/
#ukv-section8{
display: block;
position: relative;
width: 100%;
background: linear-gradient(to bottom, #ffffff 0%, #e5f8ff 50%, #fff 100%);
margin: 0 auto;
padding: 60px 0;
}
#ukv-section8-box{
display: flex;
position: relative;
width: 100%;
margin: 0 auto;
flex-direction: column;
flex-wrap: nowrap;
align-items: center;
gap: 30px;
justify-content: space-around;
}
.ukv-section8-box-content{
display: flex;
position: relative;
flex-direction: column;
flex-wrap: nowrap;
align-items: center;
width: 100%;
gap: 24px;
}
.ukv-section8-tile{
display: block;
position: relative;
width: 100%;
text-align: center;
margin: 0 auto;
}
.ukv-section8-tile h2{
font-size: 28px;
margin-bottom: 25px;
}
.section8-card1, .section8-card2, .section8-card3{
display: flex;
position: relative;
flex-direction: column;
flex-wrap: wrap;
align-items: center;
width: 100%;
max-width: 500px;
margin: 0 auto;
padding-bottom: 20px;
border: 1px solid #ccc;
border-radius: 6px;
background: #fff;
box-shadow: 0 0 11px #404040;
}
.sect8-title{
display: block;
width: 100%;
padding: 18px 0;
text-align: center;
margin: 0 auto;
vertical-align: middle;
background-color: #00adee;
border-top-left-radius: 6px;
border-top-right-radius: 6px;
color: #fff;
margin-bottom: 4px;
}
.sect8-title h4{
font-size: 22px;
font-weight: 600;
font-family: var(--ukv-font-family-heading);
}
.sect8-offer{
display: flex;
width: 100%;
flex-direction: column;
flex-wrap: nowrap;
align-items: center;
gap: 5px;
margin-bottom: 25px;
}
.sect8-offer h4{
font-size: 22px;
text-align: center;
line-height: 40px;
}
.sect8-offer h3{
font-size: 24px;
color: #00adee;
width: 100%;
background-color: #212325;
text-align: center;
padding: 25px 0;
border-bottom: 4px solid #00adee;
}
.sect8-offer p{
display: block;
width: 100%;
font-size: 14px;
padding: 0 10px;
text-align: center;
margin-top: 10px;
color: #a0a0a0;
}
.sect8-list1,.sect8-list2,.sect8-list3{
display: block;
position: relative;
margin: 0 auto;
padding: 0 10px;
}
.sect8-list1 ul, .sect8-list2 ul, .sect8-list3 ul{
display: flex;
flex-direction: column;
flex-wrap: nowrap;
align-items: flex-start;
width: 100%;
margin: 0 auto;
}
.sect8-list1 ul li, .sect8-list2 ul li, .sect8-list3 ul li{
display: flex;
padding-bottom: 3px;
font-size: 18px;
background-color: #949494;
color: #fff;
width: 100%;
margin-bottom: 14px;
flex-direction: row;
flex-wrap: nowrap;
align-items: flex-start;
justify-content: flex-start;
padding: 4px 10px 4px 5px;
}
.sect8-list1 .mi8, .sect8-list1 .mi8a{
color: #fff;
font-size: 26px;
line-height: 1;
margin-right: 13px;
}
.sect8-list1 .mi8a{
color: #f9afaf;
}
.sect8-list1 span{
display: block;
}
.section8-back-info{
display: block;
position: relative;
margin: 0 auto;
text-align: center;
width: 100%;
margin-top: 15px;
}
.section8-back-info p{
font-size: 16px;
padding-bottom: 5px;
font-weight: 600;
opacity: 0.7;
}
.section8-btn{
display: block;
position: relative;
margin: 0 auto;
}
#up-arrow{
display: block;
position: relative;
width: 100%;
margin: 0 auto;
}
#up-arrow>div{
display: flex;
position: relative;
width: 100%;
margin: 0 auto;
justify-content: center;
transform: translateY(28px);
align-items: flex-end;
}
#up-arrow span{
display: flex;
position: relative;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAAwCAMAAAB64Ok7AAACLlBMVEVHcEx+mKW2uboQg7gVksrX4+gTldAUib0SdaIeoduYp66YmpsSh70NjcoQfrEQh74dhrUcj8IqntGfpamSnqPHycqys7OxsrK3ubqys7S/wMCjpqjFxsezt7kSf7IRmdYheaEVjsQdgKshj78Qe6wLi8mrrKwilsmjpKWgoaIWnNeZmpuKkpa5ubkvo9epqqu6ubmjpKWtv8igpKews7S0t7qgoaESltETfKsRmtgReqoTjsUNjssUeKYUiL0Pe60SeaYUkssQbpoSgLO8vLy/2eQOh70dgq8YdZ/S09Iei7w6j7MmotWio6QzseMtlsMlothEoMipqqosseY0ptcvr+KcnZ+mp6fDxMW1tra1tbWnqKq5ubi+vr62uLjLy8vAwcG1trfR0dIQks4SdqMOicMQkswUkskPjMdcqcgendYNhr88sN+ErLwVndlErdgsnNA1ncuhqKyXmJgmte7DxMTCwsOtr7BWrtGIq7qurq+9vr5zrcarrKyysrLAwcHO0NAOj80OlNIPltUNktEKisgPl9YOldQPmdgQm9oLjMsTmNUTl9QLi8kZot4Nkc/Hx8jX19cTltMMjswOjcoJiMbf4OAzv/XQ0NHY2drc3d21t7jU1NXLy8wVn9wWm9fj4+Qhp+ERk88gpN/BwcIUndrExcbOzs8RldMpvfYluvQanNcqruYrtu2pqqu6u7va29u9vsA0ue6ur7Axu/Hn5+iXqLAJg7+6s7F8s8n/zucRAAAAgXRSTlMAAgmRtwXJWx3+HS+D8nGySTS6hEvP/W7KkrhZ3ido6waYJlJi97+OJJ/r/RQa1ov30D2vrJ7w3Sn0TYj8DGpdPr8WfU8ynSwT+HkMn3HJR+AkPOSLrN798sJdaO/igb6DWNz2L9rRpt+87sN31vVP0Gqc0Oyr6+Xw99Z2PNvMj/MRSnWXAAADnklEQVRIx52W91cTWRTHHyGFEJpILwILCCzSEcu6olgowgqCvbu9r27X3XXfZFJnUiYZUic9zAQiXXf1v/O9xHM8IgmZuT+8yTtzPu/ed+/33gkAQHEuD0i2vOuX0s+eHgmnVA/j9Wzl5GTlWdHwnVuNANzw+FyuDaFaJNsXEOqArMHrCoddzLVOcbDm76oR2aA9Ddv3i3StGdnW3Oc5Xzjs4+wHxV66fv2fG5ser8/nFeKiYdC1PvQ7L3CcwPu7RMOHHvdfqYrb7XH/WoX4Umtu+bvX/P7tq11SZFYR9/98pbt7RppSb9p/G1jvvyRR4n2BAOPja2XS+qNGYMIurk4aPRP3eDkP86skuLOKFwJXb/vuSaIPbtoDVfV3vZ1S4P1+XohXN/qeSKrWut0TqAUP7kpgZdcFD8MNg3tMoQiqObUW1sQ3AxuuOtDIPM2dLZtvRWtjQ4BfG+FeVALwYKM+Z7hjZWUBKCoZfntI0/Di3x5ZA1OTM1weeb58+a/+zQHUjYddzKCstu72Hv3xcYtS/uX5cwBcmI06nrvn/3yJp1c9572PjqjNzn6gDC6ZgvQgAHNq+H901b36agBn7ZoXDd/CQ1nZ1iaT0WgKqdDPi0FoWXQ+c6/8gStUw93Zq4E+Mhn1eiN1Em8eLkFogazVvfzJHABD/OHsbMFpk16vpaip1G7BBKMstFnoLfcvPyKJDmeva5NJr9VSdNGbZFPQAc02GwtR6N9VrD3KJiccstZA0fnpvaKXcFJRnRPaIBtDof/Xl5k9qsRuCb3jDQsUP5EwlNBZzE4IzaGt5dXvM6b65LEUSyfy3xat7UzL6XYdwlnIRp+5V7/OkCk5DvldNm0HLDpdindG3CuXL+zCqppwlg27sIg2Y9wCE+bk1vL0+5pKu0VsNH+Xkw84Mc6qk6x8+uJOKRcdS7k1kHS0aNc7jZ4w6xYX2Zj6w307JKU6glAcMkHZzmRI5vFiTMOY9V26TGkyarXYLUHDkoxlPPWVcyfd3Ko0GjFpIMgEfaIti4DGSlGPLLJq6w+qVLzjRUeMegMmCZKkHcXHs8u+pBg5t6hjwY59qpYvEqmLEhglKOLzz/YaKwXn2806XTJiXaJJhJAps5EOiiydyGEqFZR8226hI7FgKGFDBiFEKPVpSa5TraCttFgdQd5DlMNBh5LBkPyomC/A2GjpN5FIzIotKT8l+gsyUdZR3jvbWz41DiT92chTyBRZXr8GMV1Wh2Gi5DYAAAAASUVORK5CYII=);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
background-size: contain;
width: 60px;
aspect-ratio: 60 / 48;
}
#up-arrow b{
font-size: 20px;
color: #00adee;
line-height: 1;
background-color: #fff;
transform: translate(-30px, -15px);
}
#up-arrow sup{
}
/*=================================*/
#ukv-section9{
display: block;
position: relative;
width: 100%;
background-image: url(/ukv/sp3/files/bg-setciton4.png);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
margin: 0 auto;
padding: 50px 0;
}
#ukv-section9-box{
display: block;
position: relative;
width: 100%;
}
.ukv-section9-box-content{
display: block;
position: relative;
width: 100%;
}
.section9-card{
display: flex;
flex-direction: column;
flex-wrap: nowrap;
align-items: center;
width: 100%;
max-width: 800px;
border: 2px solid #444;
padding: 25px 0;
border-radius: 6px;
color: #707070;
margin: 0 auto;
}
.section9-card h2{
font-size: 28px;
margin-bottom: 20px;
font-weight: 500;
line-height: 1;
text-align: center;
padding: 0 15px;
}
.section9-card p{
font-size: 16px;
line-height: 30px;
text-align: center;
padding: 0 15px;
}
.section9-card a{
color: #00adee;
font-weight: bold;
}
.section9-card a:hover{
color: #0287b9;
}
/*=================================*/
#ukv-info{
display: block;
position: relative;
width: 100%;
padding: 40px 0;
}
.ukv-info-container{
display: flex;
flex-direction: column;
align-items: center;
flex-wrap: nowrap;
width: 100%;
position: relative;
color: #1d242d;
}
.ukv-info-tile{
display: block;
text-align: left;
width: 100%;
margin-bottom: 20px;
}
#ukv-info h2{
font-size: 28px;
font-weight: 600;
text-align: center;
}
#ukv-info-box{
display: flex;
flex-direction: column;
align-items: center;
flex-wrap: nowrap;
width: 100%;
position: relative;
margin-top: 20px;
}
.ukv-info-bg{
display: block;
margin: 0 auto;
margin-top: 30px;
width: 100%;
text-align: center;
border: 1px solid #00adee;
border-radius: 6px;
padding: 15px;
}
.ukv-info-bg p{
display: block;
width: 100%;
text-align: center;
font-size: 16px;
margin: 0 auto;
opacity: 0.6;
}
.ukv-info-bg a{
color: #00adee;
}
.ukv-info-bg a:hover{
color: #212325;
font-size: 16px;
}
.ukv-info-box-content{
display: flex;
margin-left: 0;
margin-right: 0;
overflow: hidden;
background-color: #00adee;
border: 1px solid #e6e6e6;
border-radius: 10px 10px 10px 10px;
border-radius: 10px;
width: 100%;
margin-bottom: 20px;
}
.ukv-info-card{
display: flex;
position: relative;
flex-direction: column;
align-items: center;
width: 100%;
justify-content: flex-start;
height: 100%;
padding: 0 20px;
padding-top: 40px;
padding-bottom: 15px;
}
.ukv-info-card:before{
content: '';
height: 100%;
width: 100%;
position: absolute;
bottom: 0;
left: 0;
background-color: #fff;
border: 1px solid #e6e6e6;
border-radius: inherit;
z-index: 0;
transition: 0.4s ease-in-out;
}
.hover_effect .ukv-info-card:before{
transform: translate(100%, 0px);
}
.ukv-info-img{
display: flex;
position: relative;
color: #622100;
background-color: #00adee;
border: 0;
width: 100px;
height: 100px;
margin: 0;
align-self: center;
border-radius: 50%;
text-align: center;
background-clip: inherit;
z-index: 1;
align-items: center;
justify-content: center;
font-size: 50px;
line-height: 1;
font-style: normal;
font-weight: 600;
transition: 0.4s ease-in-out;
opacity: 0.6;
}
.hover_effect .ukv-info-box-content{
color: #1d242d;
}
.hover_effect .ukv-info-img{
background-color: #1d242d;
color: #fff;
}
.ukv-info-title{
display: flex;
flex-direction: column;
flex-wrap: nowrap;
align-items: center;
width: 100%;
position: relative;
margin-top: 35px;
margin-bottom: 15px;
transition: 0.4s ease-in-out;
color: #1d242d;
}
.hover_effect .ukv-info-title{
color: #fff;
}
#ukv-info-box h3 {
margin-bottom: 10px;
font-size: 22px;
font-weight: 600;
display: block;
text-align: center;
vertical-align: top;
}
.ukv-info-description{
display: flex;
flex-direction: column;
flex-wrap: nowrap;
align-items: center;
width: 100%;
position: relative;
margin-top: 5px;
margin-bottom: 10px;
transition: 0.4s ease-in-out;
color: #1d242d;
}
.hover_effect .ukv-info-description{
color: #fff;
}
#ukv-info-box p{
width: 100%;
text-align: center;
vertical-align: top;
font-size: 16px;
line-height: 26px;
display: inline-block;
}
#footer{
color: #000;
background-color: #fff;
text-align: center;
padding: 1em 0;
padding-top:3rem;
}
#footer p{
margin: 0 0 10px;
}
#footer a:hover ,#a-footer a:hover{
text-decoration: underline;
}
#footer a{
color: #337ab7;
text-decoration: none;
}
#contacts, #refunds{
display: block;
position: relative;
width: 100%;
padding-top: 40px;
}
#a-box {
background-color: #fff;
background-clip: padding-box;
position: relative;
width: 100%;
padding: 5px;
margin: 0 auto;
max-width: 1000px;
}
#pro-bar {
background: #e4e4e4;
text-align: center;
margin: 10px auto;
position: relative;
height: 20px;
border-radius: 6px;
-webkit-border-radius: 6px;
}
#pro-visual{
background: #00adee;
height: 20px;
transition: width 1s ease-out 0s;
-webkit-transition: width 1s ease-out 0s;
border-radius: 6px 0 0 6px;
-webkit-border-radius: 6px 0 0 6px;
-webkit-transition: width .6s ease;
-o-transition: width .6s ease;
transition: width .6s ease;
}
#pro-txt{
color: #000;
font-size: .8em;
display: inline;
position: absolute;
top: 2px;
left: calc(50% - 20px);
}
#pro-visual:after {
content: "";
position: absolute;
top: 0px;
left: 0px;
width: 0%;
height: 100%;
background-color: rgba(255,255,255,0.4);
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
-webkit-animation: glint 2.5s infinite;
animation: glint 2.5s infinite;
}
#a-footer{
color: #444;
text-align: center;
font-size: 1em;
margin-top: 1.3em;
}
#a-footer>div{
width: auto;
text-align: center;
margin: 1em auto .8em auto;
position: relative;
display: inline-block;
padding-left: 17px;
margin-bottom: 0;
}
#a-footer a {
color: #337ab7;
text-decoration: none;
}
#a-footer>div:before {
content: '';
display: block;
width: 15px;
height: 15px;
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAQCAMAAAARSr4IAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAhUExURQAAAB08Qh08Qh08Qh08Qh08Qh08Qh08Qh08Qh08Qh08QsPIo4UAAAAKdFJOUwBiMK7e6UApOtHmaYucAAAATElEQVQI133OWwrAMAhE0ZloXrP/BTc2DYTS9P7IQRABgF3qxBMld2nZ1YAmn6qyGKZ6syyWGImyNDIxDWrrQHJnBvJ5+2Y8+Xn5twv3owRdsq7ZOgAAAABJRU5ErkJggg==) no-repeat 0 1px;
position: absolute;
top: -1px;
left: 0;
}
#b-footer{
color: #444;
text-align: center;
font-size: .875em;
}
#b-footer>div{
width: auto;
text-align: center;
margin: 1em auto .8em auto;
position: relative;
display: inline-block;
margin-top: 5px;
}
#b-footer a {
color: #337ab7;
text-decoration: none;
}
#qB{
padding-bottom: 10px;
}
#qB h2{
display: inline-block;
position: relative;
padding: 4px 0;
margin-bottom: 5px;
width: 100%;
font-size: 1.55em;
line-height: 1.3;
font-weight: 500;
text-align: left;
}
#qB>.error h2{
color: #f00;
animation: blink 0.5s ease-in-out 5 alternate;
-webkit-animation: blink 0.5s ease-in-out 5 alternate;
}
.error h2, .error legend, .error label{
color: #f00;
animation: blink 0.5s ease-in-out 5 alternate;
-webkit-animation: blink 0.5s ease-in-out 5 alternate;
}
.gen-error h2{
color: #f00;
animation: blink 0.5s ease-in-out 5 alternate;
-webkit-animation: blink 0.5s ease-in-out 5 alternate;
}
.s-list{
list-style: none;
font-size: 16px;
line-height: 1.3;
}
.s-list li {
position: relative;
padding: 0.4em 1em 0.4em 40px;
cursor: pointer;
display: block;
width: 100%;
color: #333;
margin: 0 auto 0.4em;
border-radius: 0.363636em;
}
#qB .in-block li{
display:inline-block;
width:auto;
}
.s-list li p {
}
.s-list li:hover {
-webkit-box-shadow: none;
box-shadow: none;
background-color: #f3f2f1;
}
.s-list li:before{
position: absolute;
top: 50%;
left: 7px;
display: block;
content: '';
background: #fff;
width: 22px;
height: 22px;
margin-top: -11px;
border-radius: 50%;
-webkit-box-shadow: 0 0 0 4px #fff inset,0 0 0 2px currentcolor;
box-shadow: 0 0 0 4px #fff inset,0 0 0 2px currentcolor;
}
.s-list li:hover:before {
background: #000;
}
.s-list .selected:before{
-webkit-transition-duration: .1s;
transition-duration: .1s;
background: #00adee;
-webkit-box-shadow: 0 0 0 5px #fff inset,0 0 0 5px #fff inset,0 0 0 2px currentcolor;
box-shadow: 0 0 0 5px #fff inset,0 0 0 5px #fff inset,0 0 0 2px currentcolor;
}
.s-list .selected {
-webkit-box-shadow: 0 0 0 2px #2b8cc4 inset;
box-shadow: 0 0 0 2px #2b8cc4 inset;
background-color: #eaf4f9;
padding-right: 35px;
font-weight: 600;
}
.s-list .selected p{
}
#qB #g-icons{
}
#qB #g-icons h2{
text-align:center;
}
#qB .col2-list li{
width: 48%;
display: inline-block;
}
#qB .col2-list li:nth-child(odd){
margin-right: 2%;
}
#nav button,#pre-sell button{
font-family: inherit;
font-size: inherit;
line-height: inherit;
}
#nav .btn, #pre-sell .btn,#contact-us-box .btn ,#thx-box .btn, #addresses-step .btn,#declaration-step .btn, #search_address,#search_address_alternative, #select_address, #to_the_start{
font-size: 1.4em;
width: 100%;
white-space: normal;
color: #fff;
-webkit-border-radius: .1em;
border-radius: .1em;
text-align: center;
cursor: pointer;
padding: .5em .8em .7em .8em;
padding-top: 6px;
padding-bottom: .4em;
background-color: #00703c;
box-shadow: 0 2px 0 #002d18;
border: 0;
}
#nav .btn i,#pre-sell .btn i{
display: block;
font-size: .5em;
margin-top: .1em;
text-align: center;
}
#nav .nav-prev{
padding-left: 5px;
color: #00adee;
border: none;
cursor: pointer;
margin-top: 10px;
background: none;
font-size: 1.2em;
}
#nav .nav-prev:before{
content: "";
display: inline-block;
position: relative;
padding-left: 20px;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPBAMAAADJ+Ih5AAAAG1BMVEVHcEwAre4Are4Are4Are4Are4Are4Are4Are5iEGRjAAAACHRSTlMAlafoPAS/eJbdAs4AAABbSURBVAjXY2BAACcLIwcQHdjR0dEYAGRIdHQkdwgwMLB0dDSFdbQwMDB1dKhWdDQxMDB3NIV3dDQzMHB0tHoAlYNEGhnBIkA1AhIgNUBdjWwgXXBzECbD7YICAC+JHrvdrUvVAAAAAElFTkSuQmCC);
background-repeat: no-repeat;
background-position: center;
background-size: contain;
width: 14px;
height: 14px;
margin-right: 5px;
top: 1px;
}
#alternative_search{
font-size: 15px;
text-align: center;
color: #337ab7;
font-weight: 600;
text-decoration: underline;
margin-top: 20px;
}
.prevAddrDesc{
margin: 5px 0;
}
#continue,#finish,#prev,#tcpa{
display:none;
}
#qB #h-desc li{
padding: .4em 1em .4em 0;
overflow: hidden;
}
#qB #h-desc li p{
padding-left: 40px;
font-size: 17px;
}
#qB #h-desc li:before{
width: 22px;
height: 22px;
margin-top: -11px;
border: 3px solid #fff;
border-radius: 2px;
-webkit-border-radius: 2px;
-webkit-box-shadow: 0 0 0 1px currentcolor inset,0 0 0 1px currentcolor,0 0 0 2px #ccc;
box-shadow: 0 0 0 1px currentcolor inset,0 0 0 1px currentcolor,0 0 0 2px #ccc;
top: 1.025em;
-webkit-transform: none !important;
transform: none !important;
}
#qB #h-desc li.selected{
font-weight: bold;
overflow: hidden;
font-size: 20px;
background-image: none;
box-shadow: none;
-webkit-box-shadow: none;
}
#qB #h-desc li.selected:before{
-webkit-transition: none;
transition: none;
background: #fff url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2216%22%20viewBox%3D%220%200%2020%2016%22%3E%3Cpath%20fill%3D%22%23178B17%22%20fill-rule%3D%22evenodd%22%20d%3D%22M3%205L8%2010%2017%200%2020%203%208%2016%200%208z%22%2F%3E%3C%2Fsvg%3E") no-repeat 49.9% 50%;
background-size: 16px auto;
border: none;
-webkit-box-shadow: 0 0 0 1px currentcolor;
box-shadow: 0 0 0 1px currentcolor;
}
#qB #h-desc li:after {
content:"";
display: block;
font-size: 14px;
font-weight: 400;
border-top: solid 1px #ccc;
padding-top: .5em;
padding-bottom: .5em;
margin-top: .5em;
padding-left: 1em;
padding-right: 1em;
width: calc(100% + 1.5em);
margin-bottom: -.6em;
background: #fff;
}
#qB #h-desc li:nth-child(1):after{
content: 'Allows someone to make decisions on your behalf if you are no longer able to';
}
#qB #h-desc li:nth-child(2):after{
content: 'Identical wills, usually chosen by couples that share the same wishes';
}
#qB #h-desc li:nth-child(3):after{
content: 'Included within a will to protect your assets & distribute them to your loved ones';
}
#qB #h-desc li:nth-child(4):after{
content: 'Having the legal document written by a professional';
}
.alert-static {
background-color: #8c8c8c;
padding: .6em;
border-radius: 6px;
margin: 2em 0;
clear: both;
}
.alert-static p {
color: #fff;
text-align: center;
margin: 0;
font-weight: 700;
font-size: .9em;
}
.input-wrapper{
margin-bottom:10px;
}
input,select,textarea{
margin-bottom: 5px;
width: 100%;
padding: 0 10px;
margin-top: 10px;
color: #444;
font-family: inherit;
font-size: inherit;
line-height: inherit;
height: 45px;
}
#contact-us-box .btn{
height:auto;
}
input.text{
height: 45px;
}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{background-color: #fff; color:#727272}
input::-moz-placeholder,textarea::-moz-placeholder{background-color: #fff; color:#727272}
input:-ms-input-placeholder,textarea:-ms-input-placeholder{background-color: #fff; color:#727272}
input::-ms-input-placeholder,textarea::-ms-input-placeholder{background-color: #fff; color:#727272}
input::placeholder,textarea::placeholder{background-color: #fff; color:#727272}
textarea {
height:auto;
}
select {
font-weight: 400;
box-sizing: border-box;
max-width: 100%;
height: 45px;
height: 2.5rem;
padding: 5px;
border: 1px solid #e3e3e3;
font-size: 1.1875rem;
line-height: 1.25;
width: auto;
border-radius: 6px;
background: inherit;
min-width: 110px;
}
input::selection {
background-color: #fff;
border: 1px solid #e3e3e3;
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
background-color: #fff;
border: 1px solid #e3e3e3;
}
.alert-animate{
padding: 2px;
-webkit-animation: loader-fader 5s ease-out infinite forwards;
animation: loader-fader 5s ease-out infinite forwards;
margin-bottom: .4em;
}
.alert-animate p {
margin: .6em;
font-size: .9em;
}
@-webkit-keyframes loader-fader{0%{background:#fff;color:#fff}10%{background:#ff9800;color:#fff}80%{background:#ff9800;color:#fff}100%{background:#fff;color:#444}}@keyframes loader-fader{0%{background:#fff;color:#fff}10%{background:#ff9800;color:#fff}80%{background:#ff9800;color:#fff}100%{background:#fff;color:#444}}
#tcpa, .additional-info{
padding-top: 1em;
color: gray;
font-size: 13px;
}
.additional-info ul{
margin-bottom: 20px;
}
.additional-info ul li{
margin-left: 2rem;
font-size: .8rem;
}
.additional-info img{
width: 100%;
height: auto;
max-width: 330px;
}
.additional-info a{
color: #00adee;
text-decoration: underline;
}
.additional-info a:hover{
color: #f6a166;
text-decoration: none;
}
.additional-info p{
font-size: 14px;
}
#qB .input-wrapper label{
position: relative;
font-size: 1.1875rem;
margin-bottom: -10px;
display: block;
z-index: 2;
margin-left: 12px;
background: #fff;
width: fit-content;
padding: 0 10px;
font-weight: lighter;
line-height: 1;
}
#qB>div{
display:block;
transition: opacity 0.8s ease-out;
opacity: 0;
height: 0;
overflow: hidden;
}
#qB>:first-child , #qB .show{
opacity: 1;
height: auto;
animation: fInR 0.5s ease-out 1 forwards;
-webkit-animation: fInR 0.5s ease-out 1 forwards;
}
#loading-step>div,#f-loading-step>div,#loading-step-payment>div{
color: #000;
text-align: center;
background: url(/ukv/sp3/files/loader-squares.gif) no-repeat center center;
height: 200px;
margin-top: 1.5em;
background-size: 40%;
}
.loading-holder>div{
display:none;
}
#loading-step-payment{
display:none;
}
.error-msg {
color: red;
font-size: 13px;
line-height: 15px;
margin-top: -15px;
}
/*-----------*/
#thx{
display:none;
text-align:center;
margin-bottom: 100px;
}
#thx p {
margin-bottom: 0.5em;
font-size: 14px;
}
#thx p b{
font-weight: 500;
}
#details-cont{
margin-bottom: 300px;
}
#res-cont{
text-align: center;
margin-bottom: 300px;
}
#err-cont{
}
#err-cont a{
color: #00adee;
}
#err-cont a:hover{
color: #07b1c8;
}
#thx-box {
display:none;
}
#thx-box h2 {
font-size: 32px;
color: #1d242d;
margin-bottom: 20px;
}
#thx .h2vers1{
border-top: 2px solid #00adee;
padding: 12px 25px;
border-bottom: 2px solid #00adee;
border-left: 4px solid #00adee;
background: #ceccb1;
width: fit-content;
line-height: 30px;
font-size: 22px;
}
#thx .h3vers1{
display: flex;
position: relative;
border-left: 4px solid #00adee;
/*padding: 12px 0;*/
left: -20px;
padding-left: 20px;
border-bottom: 2px solid #00adee;
border-top-left-radius: 40px;
border-bottom-left-radius: 40px;
width: calc(100% + 39px);
background-color: #ceccb1;
margin-bottom: 30px;
line-height: 24px;
height: 80px;
padding-right: 10px;
vertical-align: middle;
border-top-right-radius: 22px;
align-items: center;
}
#thx-box .h3ord{
text-align: center;
font-size: 24px;
font-weight: 500;
}
#thx-box p {
margin: 1em;
font-size: 1.2em;
color: #000;
text-align: center;
}
#thx-box .bolt-p{
font-weight: 500;
}
#thx-box .bolt-p b{
display: inline-block;
color: #00adee;
background: #f6f6f6;
border-radius: 0;
padding: 0 15px;
border-left: 1px solid #00adee;
font-weight: 500;
font-family: 'Roboto';
}
#qB>#pre-sell{
display:none;
padding-top: 20px;
}
#pre-sell h2{
text-align: center;
}
#pre-sell p{
font-size:1rem;
margin-bottom:10px;
}
#pre-sell ul{
margin: 10px;
}
#pre-sell ul li{
list-style-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAQCAMAAADH72RtAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAkUExURQAAAH2wDn2wDn2wDn2wDn2wDn2wDn2wDn2wDn2wDn2wDn2wDqH6+A8AAAALdFJOUwBvg5guruXPFj1VCYXcawAAAFxJREFUGNNdj0kSACEIAwF3+f9/xwg1BXqKLa2RKK6tJe1pdtWRSNOH7AO0RgeAX6dFwAf0ibRssMLZnm6HoR6oWxI4phdMy3WW34jTu+R/xFEsa6i+VTh/mkPZD+nQA5xZsrpXAAAAAElFTkSuQmCC);
margin-left: 2rem;
font-size: 1rem;
}
#pre-sell button{
}
#top-phone{
font-weight: 600;
color: #3182c9;
text-decoration: none;
text-align: center;
display: block;
margin-top: 5px;
}
#callbackform{
display: flex;
flex-direction: column;
width: 100%;
padding: 25px 20px 35px 20px;
}
#callbackform label{
display: inline-block;
position: relative;
width: 100%;
text-align: left;
padding-left: 3px;
font-size: 16px;
color: #727272;
}
#callbackform textarea{
margin-bottom: 2px;
margin-top: 1px;
padding: 8px;
padding-left: 12px;
font-size: 1.2em;
font-family: 'Roboto';
color: #727272;
}
#callbackform b{
display: block;
width: 100%;
text-align: left;
margin: 0;
font-size: 13px;
color: #727272;
font-weight: 400;
}
#callbackform p{
display: block;
width: 100%;
text-align: left;
margin: 0;
font-size: 16px;
color: #727272;
line-height: 24px;
}
#callbackform p a{
color: #00adee;
font-weight: 600;
}
#callbackform p a:hover{
color: #212325;
}
#callbackform label span, #callbackform b span{
display: inline-block;
margin: 0 2px;
color: #e30000;
}
.sfrom-succes-message-anime{
display: block;
}
#sfrom-succes-message{
background-color: #cef4a9;
border-left: 5px solid #85c14b;
color: #000;
padding: 5px 15px;
margin: 0 0 10px 0;
position: relative;
}
#sfrom-succes-message p{
color: #000;
display: flex;
flex-direction: row;
align-content: center;
align-items: center;
flex-wrap: wrap;
width: 100%;
}
#sfrom-succes-message p span{
content: "";
display: inline-block;
position: relative;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAAP1BMVEVHcEwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAC6E+JdAAAAFHRSTlMAEVH854j0CKdmP5lwzjV2tx/cKScdU1EAAACJSURBVCjPrZHJDoMwDETJgrNAKND5/2+tAxJLOodWYi6OniN7bHfdMzKG8+Qtw1MRykfnGDczKF9W4EX42wOR/Ve+Hk5zr0pb/QK46XQnUI36ihqHS4HsFKgVq8HfRrY1I1kbIDUrqMVq1od2Wuz6HqHfuJClDmgsHape6VLDDAn0OqHEP+/5qz7/tgZ4If18AwAAAABJRU5ErkJggg==);
background-repeat: no-repeat;
background-size: cover;
width: 18px;
height: 18px;
margin-right: 10px;
}
.btn-cont{
display: flex;
width: fit-content;
margin-bottom: 25px;
margin-top: 25px;
}
.attention-cont{
border: none;
cursor: pointer;
margin: 15px 0;
font-size: 1rem;
font-weight: 600;
padding: 6px;
margin-top: -10px;
opacity: 0.87;
}
.attention-cont:before{
content: "";
display: inline-block;
position: relative;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAiCAMAAAANmfvwAAAA4VBMVEVHcEy9vb1VVVXl5eVFRUU1NTU+Pj4ODg7X19cEBAQJCQlRUVG6urpLS0vHx8eBgYGampqBgYGLi4t1dXUoKChKSkpbW1s7OzsEBAQdHR0CAgJtbW2np6eTk5OdnZ1/f3/Y2NihoaHs7OxwcHCUlJRgYGAvLy84ODiqqqqKiootLS0aGhqJiYmMjIxcXFxDQ0MyMjIhISGLi4tqampra2t8fHxQUFB3d3dxcXFZWVkyMjI+Pj5HR0c0NDRQUFBVVVU3NzcSEhLExMQAAAC/v7+5ubkoKCgYGBgAABkAGT0AAACiNlaCAAAASXRSTlMAFKoEp7p85iL++7A+txsxEVd1cNufYZ/z0O9+WFdigykaCppuoMGzS2rU4GI7g4Ody06PL3icOV6Kq3J0ppCPq/Iw/jU2ynP9dDdYhAAAAaFJREFUOMttVNd2wjAMFSsDKIQZVsveUEiZpXTScY7//4Mq23EiB/SQ3KtcR7IlGSA0p+p6ZqNheuujA7csP2bEUvkrQUwTCFFMVzzZwm2eVn/G6mRKUYEqdsKVPCh+SApHM1QUOR916aJuivvairbIiuV6vZSoxL0PEls1xFPyv53E9wjtjoBxhEXp/ZJ5ZiUbILzjIKsA2qOUvPs0g3jivzu+z5WSD59atlidSzM2VIm/Scle8T5mY8EijC0zRFso/iM2smesHJbhkytqucAxwwOFX/4IjO+OxUNeYcwDrMdz6JpwSSvkuEUT8NwMcvAzGhfgBcNGJVPGBlGJHgh6NutBJJDH7CQtcb9PGaZb5w8aHBIJ0FNL6keHiu2WaL7xY0kvAMBQO5YNSixRxosV9LDWs1ZaNgFvhoxyFrikSs96orqiqFIpMzZXuw5aSvxONSnEjFWOlr1D2rsUHT7a3gBtMX3akDhjbUgAmnLUgjnOV/h0XjZ0UUG229w1zmfDnUt2jIx9Kjr2o9z15aGJRsubN4xTfa3zK6j+WqVX0D/fm2y9H4h3qAAAAABJRU5ErkJggg==);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
width: 20px;
height: 20px;
margin-right: 6px;
top: 5px;
}
.address-cont{
background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAmCAMAAACWCLnmAAAANlBMVEVHcEwzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMPiRcpAAAAEXRSTlMA4UifkNc4724IU3sexD20EpsnPKsAAACvSURBVDjL7dPNDoMgEEbRQaD8q9/7v2ypRBTLoKuuelbG3BAGlKgVFuqKQU3lyQLJ9ZIZkGUNZCIOEoWNebGJxM73kkC04BC+k7xIwpm8JD6/0GilNnG0ClzptT0Yg47zYC/0HYNN4Nh9s+CVwRRGPrcRF6kGkqWHHG9PEgyjjqRxO/Xvk2ObbDKX+ckJNqm3/08uR8cls582vv5c9U18+FXaYIeCJYEbIu/VDEG/AUL2Kv54CDD+AAAAAElFTkSuQmCC) no-repeat 0 center;
border: none;
cursor: pointer;
margin: 15px 0;
font-size: 1rem;
font-weight: 600;
padding: 6px;
padding-left: 48px;
}
#current_address_info{
padding: 10px;
padding-left: 16px;
margin: 10px 0;
}
#current_address_info p{
font-size: 1.2rem;
border-bottom: 1px solid #00adee;
padding: 10px;
padding-left: 16px;
margin: 10px 0;
}
#new_address_info{
font-size: 1.2rem;
border-left: 8px solid #00adee;
padding: 10px;
padding-left: 16px;
margin: 10px 0;
}
#dob_holder>div{
width:52px;
display: inline-block;
margin-right: 10px;
vertical-align: top;
}
#dob_holder>div:last-child{
width: 68px;
margin-right: 0;
}
.months_years>div{
width:52px;
display: inline-block;
margin-right: 10px;
vertical-align: top;
}
#addresses-step{
display:none;
}
#allAddresses-cont{
display:none;
}
.allAddresses-cont-div{
margin-bottom: 15px;
}
.allAddresses-cont-div h4{
background: #eee;
padding: 3px 10px;
margin: 3px 0;
}
.allAddresses-cont-div .address-cont{
margin:0;
}
.ch-adrrs{
font-weight: 600;
margin-top: 10px;
background: #eee;
display: inline-block;
background: #333;
color: #fff;
padding: 6px 10px;
-webkit-border-radius: 0.1em;
border-radius: 0.1em;
}
#add-addrs{
display:none;
}
#submit-address{
display:none;
}
#submit-time{
display:none;
}
#prev_addrrs{
display:none;
}
#submit-all-add{
display:none
}
#declaration-step{
display:none;
}
#head-contacts{
font-size: 12px;
margin-top: 3px;
text-align: right;
}
#head-contacts p {
line-height: 1.2;
}
#head-phone-number:before {
content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAMAAAAolt3jAAAAXVBMVEVHcEzn5+fg4ODm5uZ9fX0pKSkYGBiampqvr68ICAgzMzPV1dUgICA8PDxHR0ctLS1paWkODg5PT0/d3d2mpqZnZ2e+vr7AwMAZGRk+Pj51dXWCgoIAAACPj48AAAAzZt4jAAAAHnRSTlMABhcKf9fjYUnzxibfw7fQke+pIVeXQDrovIh3/W4drZYFAAAAeklEQVQI10WNVxKEMAxDlZgUSCiB7UX3PyYOWWbfh2yNLRtozP7bmrgY1bR8stV6I2cDo+1AlZ5kFillw9ADrAi2lQl86wpdqjcm4kUEcjxOSrayAp7s2o/6AXfNhtMoHevcPpw0f1U/asbZ/7wy/fajO+wFJ+FZfAR2NikIEFTkEtYAAAAASUVORK5CYII=);
vertical-align: middle;
margin-right: 5px;
}
#work-time {
margin-right: 3px;
}
#work-time:before {
content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAS1BMVEVHcEwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAC3i/cDAAAAGHRSTlMALuJB2IpNxwTufWUHlDhzn1JJvyIbEWq6kOOcAAAAjklEQVQY002OVxLEIAxDsTEttIQ03/+ka8im6AOhN7ZHSnV5Xav26pEmZ4wj/eSwwHlCC3+S0GYWGYtpAOsiD0VnB5gIJVFgpGkAmS/blhIw5wFm5r37zjxfK8zQXSauFW/X2D2u9u6m8VDqQP1WNdQaGfWRkV6fCDlIk7nc0WEtIZSKDi6wyHGQv1/k+QHBGQanI3NffQAAAABJRU5ErkJggg==);
vertical-align: middle;
margin-right: 3px;
margin-left: 3px;
}
#head-email:before {
content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAOCAMAAAD6xte7AAAAS1BMVEVHcEwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAC3i/cDAAAAGHRSTlMARuHpOPBZITDcltiDP3v3S+PLZ3FPE7bxcQoPAAAAi0lEQVQY002OWRLEIAgFn0YluMQlG/c/6TiZMk5X8UFDwUPioJcJB1YI4klNyAuDXTsw2dvZsJCR7VWHFDBsQZGx6cRhrbAKULK/Cqt+HFzuDU77HQ2H2DeUePy5pH2NwXOaLvXPe68o5ufKowB6ThiY/pcoz9CbJWgsvt6XGVw3x9oD5xb0ILQs5wd4BwblNoHdUwAAAABJRU5ErkJggg==);
vertical-align: middle;
margin-right: 5px;
}
textarea{
overflow: auto;
min-height: 80px;
margin-bottom: 20px;
}
#callbackform h5 {
color: #a8a8a8;
font-weight: normal;
margin-top:10px;
}
.moblic-foot {
background: #f3f2f1;
color: #333;
text-align: center;
padding: 1rem 0;
border-top: 1px solid #dcdcdc;
}
#footer-about {
border-bottom: 1px solid #e3e3e3;
margin-bottom: 40px;
padding-bottom: 20px;
}
#footer-about h2 {
margin-bottom: 20px;
}
.moblic-foot a {
display: inline-block;
margin: 0 7px;
color: #6c6c6c;
}
#moblic-menu:before {
content: "\2630";
display: inline-block;
vertical-align: middle;
color: #767676;
font-size: 30px;
line-height: 1;
font-weight: 900;
position: absolute;
left: 22px;
}
.moblic-head {
width: 100%;
height: auto;
line-height: 58px;
font-size: 14px;
background-color: #1a1b20;
-webkit-box-shadow: 0 1px 0 0 rgb(0 0 0 / 20%);
box-shadow: 0 1px 0 0 rgb(0 0 0 / 20%);
padding: 0 10px;
text-align: right;
}
.moblic-head #moblic-h-logo {
width: 46%;
float: left;
text-align: left;
}
.moblic-head #moblic-h-logo a {
display: block;
}
.moblic-head img {
vertical-align: middle;
max-width: 134px;
height: auto;
}
#moblic-menu {
display: inline-block;
vertical-align: middle;
width: 30px;
height: 25px;
position: relative;
margin-right: 10px;
margin-top: -10px;
cursor: pointer;
}
#moblic-dllist {
display: none;
position: relative;
float: right;
text-align: right;
width: fit-content;
top: 6px;
top: -6px;
}
#moblic-dllist ul {
list-style: none;
display: inline-block;
vertical-align: middle;
}
#moblic-dllist ul li {
position: relative;
display: inline-block;
text-align: center;
}
#moblic-dllist ul li a {
display: block;
padding: 0 5px;
color: #a2a2a2;
white-space: nowrap;
text-decoration: none;
text-transform: none;
font-size: 14px;
font-weight: 500;
}
#moblic-nllist {
display: none;
position: fixed;
z-index: 1000;
top: -100%;
right: 0;
width: 100%;
padding: 0 1.5rem;
border-bottom: 2px solid #babdd1;
transition: top .3s;
}
#moblic-nllist.moblic-shoit {
display: block;
top: 60px;
box-shadow: 0 3px 3px rgb(0 0 0 / 15%);
-webkit-box-shadow: 0 0 5px 1px rgb(0 0 0 / 15%);
background-color: #f3f2f2;
top: 80px;
}
#moblic-nllist.moblic-shoit ul {
display: block!important;
padding: 4px 0;
}
#moblic-nllist.moblic-shoit ul li {
display: block!important;
position: relative;
white-space: nowrap;
text-decoration: none;
font-weight: 300;
text-align: left;
font-size: 16px;
line-height: 2;
padding: 2px 0;
margin: 3px 0 3px 0;
transition: all 0.5s ease-in-out;
}
#moblic-nllist.moblic-shoit ul li a {
display: block;
text-transform: none;
padding: 0 5px;
color: #1765a9;
white-space: nowrap;
/* text-decoration: none; */
font-weight: 600;
line-height: 2;
/* text-transform: uppercase; */
transition: all 0.5s ease-in-out;
}
.moblic-services {
text-align: left;
padding-top: 100px;
padding-bottom: 100px;
}
.moblic-services-head {
margin-bottom: 40px;
}
.moblic-services-head h2, .simple-text h2 {
font-size: 1.8rem;
font-weight: 600;
margin: 0 0 10px;
line-height: 1;
text-align: center;
}
.moblic-services-box {
display: inline-block;
padding: 20px;
vertical-align: top;
margin-top: 20px;
}
.moblic-services-box h2, .moblic-advantages-box h2 {
font-size: 1.4rem;
font-weight: 600;
margin: 0 0 1rem;
line-height: 1;
color: #1565ab;
border-top: 1px solid #e1e1e1;
padding-top: 20px;
}
.moblic-services-box p, .moblic-advantages-box p, .simple-text p {
font-size: 16px;
opacity: .7;
}
.moblic-services-box:after, .moblic-quote-list>li:after {
content: " ";
float: none;
clear: both;
display: table;
}
.moblic-services-box p, .moblic-advantages-box p, .simple-text p {
font-size: 16px;
opacity: .7;
}
.sub-btn{
position: relative;
z-index: 2;
overflow: hidden;
display: inline-block;
text-transform: uppercase;
background-color: #00adee;
color: #fff;
font-size: 16px;
padding: 12px 40px;
border-radius: 5px;
letter-spacing: 0;
width: fit-content;
border: none;
height: auto;
cursor: pointer;
margin: 0;
font-weight: 600;
}
.sub-btn:before, .sub-btn:after{
content: "";
position: absolute;
height: 100%;
top: 0;
left: 0;
width: 50.1%;
background-color: #72406c;
z-index: -1;
transition: all 0.4s ease-out;
border-radius: 0;
}
.sub-btn:before{
transform: scale(0) rotate(0);
}
.sub-btn:after{
transform: scale(0) rotate(0);
left: unset;
right: 0;
}
.sub-btn:hover::before, .sub-btn:hover:after, .sub-btn.active::before, .sub-btn.active:after {
border-radius: 0;
transform: scale(1) rotate(360deg);
}
#ukv-fxcookie {
padding: 1rem;
background-color: #fffdf6;
opacity: 1;
width: 100%;
text-align: center;
position: fixed;
bottom: 0;
box-shadow: 0 -2px 5px rgba(0, 0, 0, .3);
z-index: 1011;
}
#ukv-fxcookie>div {
position: relative;
padding: 5px 16px;
}
#ukv-fxcookie span {
font-size: 13px;
font-weight: 300;
display: inline-block;
vertical-align: middle;
color: #444;
max-width: 90%;
}
#ukv-fxcookie span a{
display: inline-block;
color: #212325;
text-decoration: underline;
}
#ukv-fxcookie span a:hover{
color: #00adee;
text-decoration: none;
}
#ukv-fxcookie .btn {
display: block;
width: fit-content;
line-height: 1;
background: none;
margin: 0 auto;
margin-top: 10px;
padding: 3px 5px;
border: 1px solid #00adee;
border-radius: 2px;
font-size: 13px;
color: #00adee;
cursor: pointer;
}
#ukv-fxcookie>div:after {
content: "x";
vertical-align: middle;
position: absolute;
right: -5px;
top: -5px;
cursor: pointer;
color: #00adee;
border: 1px solid #00adee;
padding: 0 5px;
border-radius: 2px;
opacity: .7;
font-size: 15px;
line-height: 1;
padding-bottom: 3px;
}
.clm-rev{
flex-direction: column-reverse;
}
@media screen and (min-width:300px) {
.moblic-head {
font-size: 16px;
}
#qB #g-icons ul{
max-width: calc(300px + 15%);
margin: 0 auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
#qB #g-icons li{
padding: 0;
text-align: center;
cursor: pointer;
border: none;
-webkit-box-shadow: none;
box-shadow: none;
background: 0 0;
width: 49%;
max-width: 150px;
margin: 0 0 10px;
}
#qB #g-icons li p{
color: #fff;
background-color: #113451;
position: relative;
text-align: center;
display: inline-block;
margin-top: -20px;
padding: .3em 1.2em .4em 40px;
border-radius: 4px;
-webkit-box-shadow: none;
box-shadow: none;
}
#qB #g-icons li:before {
position: static;
-webkit-box-shadow: none;
box-shadow: none;
display: block;
margin: 0 auto;
content: '';
border-radius: 50%;
background-size: auto 85%;
padding-top: 100%;
width: 100%;
height: 0;
background: #1a4f7b no-repeat 50% 100%;
background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22146%22%20height%3D%22128%22%20viewBox%3D%220%200%20146%20128%22%3E%3Cpath%20fill%3D%22%23DFF2FD%22%20d%3D%22M9%20106c9.695-6.126%2044.65-14.322%2045-20-.35.207-.35-3.34%200-5h5s.893.953%200-7c-.243.326-6.305-1.273-7-13%20.412-.421-4.141%201.103-5-6%20.39-5.249-3.493-9.581%202-13l-3-8c.254.214-5.429-30.576%2011-26C50.018-.248%2095.983-8.438%2099%2018c-.03-.451%202.098%2013.58%200%2023-.03.183%206.682-.589%202%2012%20.193.237-2.269%209.465-6%208-.058-.607.56%2011.069-6%2013%20.592.048%201.017%206.262%201%207h6s.117%205.88%200%206c4.775%205.013%2039.236%2010.411%2045%2019%205.094%206.572%205%2012.397%205%2022H1s-1.309-16.325%208-22z%22%2F%3E%3C%2Fsvg%3E");
}
#qB #g-icons li+li:before{
background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22131%22%20height%3D%22128%22%20viewBox%3D%220%200%20131%20128%22%3E%3Cpath%20fill%3D%22%23DFF2FD%22%20d%3D%22M120%20104c-10.76-3.186-21.638-6.81-26-10-3.796-1.913-2.784-5.453-4-8%20.628.684-5.705-2.168-8-2%200%200%20.314-6.636%200-7%209.006-1.777%2019-6%2019-6s-3.134-8.794-3-9c.206.206%204.772%205.5%207%207%20.267-.39-6.691-13.64-8-28-2.664-14.822-3.546-22.15-5-26-1.844-3.197-4.08-7.98-8-10-3.748-2.721-10.474-5.042-19-5-8.133.044-13.391%202.158-17%205-3.5%202.141-6.017%206.804-7%2010-2.316%203.85-2.478%207.737-5%2026-2.887%2017.8-9.131%2027.61-9%2028%202.367-1.5%207.286-7.435%207-7-.222%202.355-3%209-3%209s7.169%204.257%2019%206c-.135.237%200%207%200%207-2.154-.168-8.027%202.684-8%202-.623%202.547-1.424%206.346-4%208-2.863%202.93-12.994%206.196-26%2010-12.96%204.145-10.9%2023.736-11%2024h130c.044-.264-.005-20.473-11-24z%22%2F%3E%3C%2Fsvg%3E");
}
#qB #g-icons li p:before {
position: absolute;
top: 50%;
left: 7px;
display: block;
content: '';
background: #fff;
width: 22px;
height: 22px;
margin-top: -11px;
border-radius: 50%;
-webkit-box-shadow: 0 0 0 4px #fff inset,0 0 0 5px currentcolor inset,0 0 0 1px currentcolor,0 0 0 2px #ccc;
box-shadow: 0 0 0 4px #fff inset,0 0 0 5px currentcolor inset,0 0 0 1px currentcolor,0 0 0 2px #ccc;
margin-top: 0;
-webkit-transition: -webkit-transform .2s ease-in-out;
transition: -webkit-transform .2s ease-in-out;
transition: transform .2s ease-in-out;
transition: transform .2s ease-in-out,-webkit-transform .2s ease-in-out;
-webkit-transform: translateY(-50%) scale(.7);
transform: translateY(-50%) scale(.7);
}
#qB #g-icons li p:after {
position: absolute;
bottom: 98%;
left: 50%;
margin-left: -10px;
content: '';
border: transparent solid 10px;
border-bottom-color: #113451;
width: 0;
height: 0;
}
#qB #g-icons li.selected p{
background-color: #1e9065;
}
#qB #g-icons li.selected p:after {
border-bottom-color: #1e9065;
}
#qB #g-icons li.selected p:before {
width: 14px;
height: 22px;
margin-top: -14px;
margin-left: 4px;
-webkit-transition: none;
transition: none;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
border: solid #fff;
border-width: 0 5px 5px 0;
border-radius: 0 0 0 4px;
background: 0 0;
-webkit-box-shadow: none;
box-shadow: none;
}
.main-banner-txt-box {
border: 4px solid #fff;
border-radius: 18px;
transform: translateY(32cqw);
margin-top: clamp(-60px, -22cqw, -67cqw);
}
.ct-btn {
}
.arrcol1 svg, .arrcol2 svg {
width: inherit;
height: inherit;
}
.org-btn {
font-size: 18px;
padding: 12px 30px;
margin-top: 20px;
padding-left: 30px;
padding-right: 22px;
}
}
@media screen and (min-width:480px) {
.main-banner-txt-box {
transform: translateY(27cqw);
margin-top: clamp(-92px, -22cqw, -67cqw);
}
.main-banner-col1 {
padding-bottom: 2cqw;
}
.main-banner-btn {
left: calc(50% - 100px);
bottom: -22px;
}
.b-btn{
height: 44px;
line-height: 39px;
font-size: 18px;
border-radius: 22px;
border: 2px solid #00adee;
outline: 8px solid #fff;
border-top-width: thick;
width: 200px;
}
#qB #h-desc li p{
font-weight: bold;
overflow: hidden;
font-size: 20px;
}
#qB #h-desc li:after {
padding-left: 40px;
}
.alert-static {
margin: .4em 0 .2em 0;
}
.inf-head-txt h3 {font-size: 1.3em;}
/*---------*/
.offer-list-img {
left: 3.5cqw;
width: 16cqw;
height: 16cqw;
min-width: 16cqw;
}
.off_img_type2 {
right: 3.5cqw;
left: unset;
}
/*.nl-img1:before, .nl-img2:before, .nl-img3:before, .nl-img4:before, .nl-img5:before, .nl-img6:before, .nl-img7:before, .nl-img8:before, .nl-img9:before {
width: 12cqw;
height: 12cqw;
}*/
.offer-list-title {
width: 47cqw;
top: 15cqh;
left: 26cqw;
}
.off_title_type2 {
right: 26cqw;
left: unset;
}
.offer-list-txt {
width: 57cqw;
top: 47cqh;
left: 28cqw;
}
.off_txt_type2 {
right: 28cqw;
left: unset;
}
.offer-list-title h4 {
font-size: clamp(12px, 1.4em, 20px);
}
.offer-list-txt span {
font-size: clamp(10px, 1.2em, 16px);
}
/*---------*/
}
@media screen and (min-width:641px) {
.moblic-head {
padding: 0 15px;
}
.w10{width: 10%;}
.w20{width: 20%;}
.w30{width: 30%;}
.w33{width: 33.3333%;}
.w40{width: 40%;}
.w50{width: 50%;}
.w60{width: 60%;}
.w70{width: 70%;}
.w80{width: 80%;}
.w90{width: 90%;}
.w100{width: 100%;}
.pdr15{padding-right: 15px;}
.pdl15{ padding-left: 15px;}
.mgr15{margin-right: 15px;}
.mgl15{margin-left: 15px;}
.flex{
display: flex;
flex-direction: row;
align-items: center;
flex-wrap: nowrap;
}
/*================================*/
.main-banner-txt-box {
transform: translateY(27cqw);
margin-top: clamp(-92px, -22cqw, -67cqw);
}
.main-banner-col1 {
padding-bottom: 2cqw;
}
/*=================================*/
.benefits-bg, .refunds-bg, .services-bg, .fuelprice-bg, .valuationdata-bg{
height: 650px;
background-position: 56% 40%;
}
.benefits-bg:before, .refunds-bg:before, .services-bg:before, .fuelprice-bg:before, .valuationdata-bg:before{
padding-top: 650px;
}
#benefits-box {
display: flex;
flex-direction: row;
align-items: stretch;
flex-wrap: wrap;
width: 100%;
position: relative;
margin-top: 20px;
align-content: space-between;
justify-content: center;
}
.benefits-box-content {
width: calc(50% - 20px);
margin-bottom: 20px;
margin-right: 10px;
margin-left: 0;
}
.benefits-box-content:nth-child(2){
margin-right: 0;
margin-left: 10px;
}
.benefits-box-content:nth-child(4){
margin-right: 0;
margin-left: 10px;
}
/*================================*/
.other-service{
margin-bottom: 15px;
margin-top: 25px;
}
.other-service h3{
margin-bottom: 10px;
font-size: 18px;
}
.nice-list{
display: flex;
flex-direction: row;
align-items: stretch;
flex-wrap: wrap;
width: 100%;
position: relative;
justify-content: space-between;
}
.nice-list li{
width: calc(50% - 10px);
}
.nice-list-box-content{
height: 100%;
}
.nice-list-card{}
.nice-list-title{}
.nice-list-title h3{
font-size: 18px;
font-weight: 500;
}
/*=================================*/
.relate-container {
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
}
.relate-col1, .relate-col2 {
display: flex;
flex-direction: row;
align-items: center;
width: 50%;
margin-bottom: 0;
}
.relate-cont {
display: flex;
flex-direction: row;
align-items: center;
margin-right: 10px;
}
.relate-box2 {
margin-left: -100px;
}
.relate-cont2 {
margin-left: 10px;
}
.relate-txt-title{
margin-bottom: 40px;
}
.relate-txt-title h2{
font-size: 38px;
line-height: 70px;
}
.relate-txt-content p{
margin-bottom: 25px;
}
/*================================*/
.banner-col1 {
width: 82%;
margin-bottom: 25px;
max-width: 1248px;
}
.banner-col1 h2{
font-size: 38px;
line-height: 56px;
margin-bottom: 30px;
}
/*================================*/
.serv-bg1-title h2{
font-size: 40px;
line-height: 60px;
}
.serv-bg1-title p{
font-size: 16px;
}
/*================================*/
#ukv-info {
padding-top: 80px;
padding-bottom: 80px;
}
.ukv-info-tile {
margin-bottom: 45px;
}
#ukv-info h2 {
font-size: 38px;
line-height: 60px;
text-align: center;
}
#ukv-info-box {
display: flex;
flex-direction: row;
align-items: stretch;
justify-content: space-between;
flex-wrap: nowrap;
margin-top: 0;
}
.ukv-info-box-content {
width: 33.333%;
margin-bottom: 0;
}
/*================================*/
#contacts, #refunds {
padding-top: 70px;
}
#callbackform {
padding: 40px 25px 40px 25px;
}
#thx-box h2 {
font-size: 38px;
margin-bottom: 25px;
line-height: 60px;
}
#callbackform p {
line-height: 27px;
}
/*================================*/
.moblic-services-box {
max-width: 660px;
width: 100%;
text-align: left;
}
.main-txt-title {
width: 65%;
margin-bottom: 35px;
}
.main-txt-title h1 {
font-size: 40px;
line-height: 56px;
}
.main-txt-content {}
.main-txt p {
font-size: 18px;
line-height: 24px;
}
#details-cont, #res-cont{
margin-bottom: 320px;
}
#thx p {
margin-bottom: 1em;
font-size: 16px;
}
/*================================*/
.offer-list {
left: unset;
width: 100%;
padding: 0 15px;
}
.offer-list li:not(:last-child) {
margin-bottom: -10px;
}
.offer-list-title h4 {
font-size: clamp(12px, 1.4em, 20px);
}
.offer-list-txt span {
font-size: clamp(10px, 1.2em, 16px);
}
}
@media screen and (min-width:767px) {
.cont{
padding: 0 35px;
}
#moblic-nllist.moblic-shoit {
display: none;
}
.moblic-head {
height: 75px;
}
.moblic-head #moblic-h-logo {
width: 14%;
}
#moblic-menu {
display: none;
}
#moblic-dllist {
display: inline-block;
}
#moblic-nllist {
position: static;
right: 0;
flex: 1;
width: auto;
max-width: 100%;
height: auto;
padding: 0;
padding-right: 2rem;
box-shadow: none;
-webkit-box-shadow: none;
}
.ukv-feature-grid {
display: flex;
gap: 40px;
margin-top: 70px;
justify-content: space-between;
flex-direction: row;
align-items: stretch;
}
.ukv-feature-card {
width: calc(50% - 20px);
}
/*
#head-contacts{
border-bottom: none;
font-size: 14px;
}
#header-logo{
background: #1a1b20;
}
#logo{
background: url(/ukv/sp3/files/logo-desk.png) no-repeat;
background-size: contain;
margin-left:0;
float: left;
}
#top-phone{
float:right;
color: #fff;
font-size: 1.4rem;
}
#header-headline h1{
font-size:2.2rem;
}
#header-headline h1 u{
font-weight:inherit
}
#header-sub{
display:block;
}
#header-sub h2 {
font-size: 1.6em;
}
*/
/*----------- Section 1 ----------------*/
#ukv-section1{
}
.ukv-section1-cont{
display: flex;
flex-direction: row;
padding-top: 0;
}
.ukv-section1-cont::after{
content: "";
position: absolute;
width: 100%;
height: 40px;
bottom: -1px;
clip-path: ellipse(80% 100% at 50% 100%);
left: 0;
background: radial-gradient(#ffffff00 49%, #fff 50%);
background-position: 50% 100%;
background-size: 150% 200%;
}
.ukv-section1-cont::before {
content: "";
background: radial-gradient(#00000000 49%, #00adee 50%);
background-position: 50% 100%;
background-size: 150% 200%;
bottom: 2px;
clip-path: ellipse(80% 100% at 50% 100%);
height: 40px;
left: 0;
position: absolute;
width: 100%;
}
.ukv-section1-sm2{
width: 50%;
}
.ukv-section1-col1{
padding: 0 40px;
gap: 50px;
margin-bottom: 0;
}
.ukv-section1-col1-txt{
display: flex;
flex-direction: column;
align-items: flex-start;
width: 100%;
gap: 30px;
}
.ukv-section1-col1-txt h1{
display: block;
font-size: 32px;
line-height: 36px;
text-align: left;
}
.ukv-section1-col1-txt p{
display: block;
font-size: 17px;
line-height: 24px;
font-weight: bold;
text-align: left;
}
.ukv-section1-btn{
max-width: 350px;
}
.bnn-btn{
font-size: 18px;
height: 44px;
border-radius: 22px;
font-weight: bold;
}
.ukv-section1-col2{
}
.ukv-section1-col2-img {
}
.ukv-section1-col2-img::before {
/*padding-bottom: 66.666%;*/
padding-bottom: 140%;
}
.ukv-section1-col2-img::after {
display: none;
}
.ukv-section1-col2-img img {
z-index: -1;
}
/*----------- End Section 1 ------------*/
.main-txt-title {
width: 65%;
margin-bottom: 35px;
}
.main-txt-title h1 {
font-size: 46px;
line-height: 58px;
}
.main-txt-content {
}
.main-txt p {
font-size: 18px;
line-height: 26px;
margin-bottom: 10px;
}
.main-txt h3 {
font-size: 24px;
line-height: 32px;
margin-bottom: 8px;
margin-top: 18px;
}
.main-img-center{max-width: 720px;}
#details-cont, #res-cont{margin-bottom: 330px;}
.main-banner-txt-content { width: clamp(150px, 100%, 490px); }
.main-banner-txt-box {
transform: translateY(50cqw);
margin-top: -200px;
}
.presell-col3{
left: 0;
transform: translateX(14px);
max-width: 500px;
}
.main-banner-img-left {
top: 0;
left: -37cqw;
max-width: 62cqw;
}
.main-banner-img-right {
top: 44cqw;
left: 42cqw;
max-width: 75cqw;
}
/*=======================================*/
#ukv-section3-box{
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
align-items: stretch;
}
#ukv-section3 h2, #ukv-section5 h2 {
font-size: 36px;
font-weight: 600;
margin-bottom: 30px;
}
/*.ukv-section3-box-content{
width: 50%;
}*/
.ukv-section4-colums {
display: flex;
flex-direction: row;
align-items: center;
flex-wrap: nowrap;
justify-content: space-between;
max-width: unset;
gap: 50px;
}
.ukv-section4-container {
width: 50%;
}
.ukv-section4-col2{
width: 50%;
}
.section4-btn {
}
#ukv-section4 h3 {
text-align: left;
margin: 0;
margin-bottom: 32px;
}
#ukv-section4 h2 {
text-align: left;
padding: 0;
}
#ukv-section5-box{
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-items: stretch;
justify-content: space-between;
}
.ukv-section5-box-content{
width: calc(50% - 12px);
}
/*=======================================*/
.four-step {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
align-items: stretch;
}
.four-step-box {
width: calc(50% - 20px);
}
.lat-line {
margin-bottom: 70px;
}
.section7-card1 p {
width: 70%;
max-width: 70%;
}
/*=======================================*/
.presell-col1{
width: 70%;
}
.presell-col1 h2 {
text-align: left;
}
.presell-col1 h3 {
margin: 0;
text-align: left;
}
.presell-col1 ul {
padding-left: 0;
}
.presell-btn {
margin: 0;
}
.presell-col2{
max-width: 650px;
margin: 0;
margin-top: 15px;
}
.presell-col2 p{
text-align: left;
padding-bottom: 10px;
}
/*=======================================*/
#info{
padding: 2rem 0;
}
#info-box>div{
width: 26%;
margin-left: 10%;
}
#info-box>div:first-of-type {
margin-left: 0;
}
#info-box>div>span {
-webkit-transform: none;
transform: none;
margin: 0 auto;
}
#info-box>div>p{
clear: left;
font-size: 1em;
margin-top: 1.4em;
text-align: center;
margin: 1em 0 0 0;
float: none;
}
#a-box{
/*width: 65%;*/
min-height: 400px;
}
#a-footer>div{
margin-top: .4em;
}
#thx .h2vers1{
font-size: 26px;
}
.checkbox-group, .radio-group {
font-size: 22px;
}
.s-list{
font-size: 22px;
}
#nav .btn{
font-size: 2.2em;
}
.alert-static p {
font-size: 1em;
}
.alert-animate p {
font-size: 1em;
}
.ukv-service-cards-holder {
gap: 80px;
}
.grptype2, .clm-rev {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-items: stretch;
justify-content: space-evenly;
}
.ukv-services-title h2{
text-align: center;
font-size: 40px;
}
.ukv-subtext {
text-align: center;
}
.serv-bg1, .serv-bg2{
/* display: flex;
flex-direction: row;
text-align: left;
align-items: stretch;
*/
}
.services-col2{
/*flex: 1 0 10%;*/
height: auto;
}
.services-col1{
align-items: flex-start;
}
/*================================*/
.offer-list li {
max-width: 526px;
max-height: 130px;
}
.offer-list {
padding: 0 20px;
}
.offer-list li:not(:last-child) {
}
.offer-list-title h4 {
font-size: clamp(12px, 1.4em, 20px);
}
.offer-list-txt span {
font-size: clamp(10px, 1.2em, 16px);
}
}
@media screen and (min-width:992px) {
.cont{
/*max-width:992px;*/
}
.ukv-section1-col2-img::before {
padding-bottom: 100%;
}
.ukv-feature-grid {
display: flex;
gap: 30px;
margin-top: 80px;
}
.ukv-feature-card {
width: calc(33% - 30px);
flex: 1 1 300px;
}
/*================================*/
.main-banner-txt-content {
width: clamp(150px, 100%, 570px);
}
.main-banner-txt-box {
transform: translateY(250px);
margin-top: -200px;
}
.main-banner-col1 {
padding-bottom: 15px;
}
.main-txt h3 {
font-size: 26px;
line-height: 35px;
margin-bottom: 8px;
margin-top: 18px;
}
.main-banner-col1 .m1 {
padding-right: 10px;
}
.main-banner-col1 h1 {
font-size: 105px;
}
.main-banner-col1 h3 {
font-size: 60px;
}
.main-banner-col1 h4{
font-size: 24px;
bottom: 7px;
}
.main-banner-col2 h3 {
padding: 24px 0;
font-size: 34px;
transform: translateX(30px);
}
/*================================*/
.ukv-section4-colums{
}
.ukv-section4-container {
}
.section4-btn {
}
#ukv-section4 h3 {
}
#ukv-section4 h2 {
}
#ukv-section5-box {
flex-wrap: nowrap;
}
.ukv-section5-box-content {
width: calc(25% - 12px);
}
.four-step-box {
}
.section7-card1 p {
width: 80%;
max-width: 80%;
}
/*================================*/
.ukv-section8-box-content{
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-items: stretch;
gap: 12px;
justify-content: space-between;
}
.section8-card1, .section8-card2, .section8-card3{
width: calc(33.3% - 25px);
}
/*================================*/
.benefits-bg, .refunds-bg, .services-bg, .fuelprice-bg, .valuationdata-bg{
height: 700px;
background-position: 60% 40%;
}
.benefits-bg:before, .refunds-bg:before, .services-bg:before, .fuelprice-bg:before, .valuationdata-bg:before{
padding-top: 700px;
}
.benefits-tile{
margin-bottom: 40px;
}
#benefits h2{
font-size: 38px;
}
#benefits-box {
display: flex;
flex-direction: row;
align-items: stretch;
flex-wrap: wrap;
width: 100%;
position: relative;
margin-top: 20px;
align-content: space-between;
justify-content: space-between;
}
.benefits-box-content {
width: calc(25% - 20px);
margin-bottom: 0;
margin-right: 10px;
margin-left: 10px;
}
.benefits-box-content:last-child{
margin-right: 0;
margin-left: 10px;
}
.benefits-box-content:first-child{
margin-right: 10px;
margin-left: 0;
}
.benefits-box-content:nth-child(2) {
margin-right: 10px;
margin-left: 10px;
}
/*================================*/
.other-service{margin-bottom: 15px;margin-top: 25px;}
.other-service h3{font-size: 24px;}
.nice-list li{width: calc(50% - 11px);}
.nice-list-box-content{}
.nice-list-title{}
.nice-list-title h3{font-size: 22px;line-height: 26px;}
.btn-cancel {
font-size: 16px;line-height: 30px;
}
.banner-col1 {
width: 60%;
}
.main-txt-title {
width: 65%;
margin-bottom: 35px;
}
.main-txt-title h1 {
font-size: 50px;
line-height: 70px;
}
.moblic-services-box {
text-align: left;
margin-top: 0;
width: calc(33.33% - 5px);
}
.grptype2, .clm-rev {
}
.services-col1 h2{
font-size: 22px;
line-height: 28px;
}
.serv-bg1{
}
.serv-bg2{
}
}
@media screen and (min-width:1080px) {
.offer-list li:not(:last-child) {
margin-bottom: -30px;
}
}
@media screen and (min-width:1200px) {
.cont{
/*max-width:1200px;*/
padding: 0 40px
}
.ukv-section1-col2-img::before {
padding-bottom: 80%;
}
.ukv-feature-section {
padding: 100px 0;
}
.ukv-feature-card {
width: 318px;
}
.relate-box2 {
margin-left: -250px;
}
.main-bg {
height: 800px;
background-position: 50% 50%;
}
.main-bg:before {
padding-top: 800px;
}
.main-txt-title {
width: 65%;
margin-bottom: 50px;
}
.main-img-center{max-width: 790px;}
.benefits-bg, .services-bg, .fuelprice-bg, .valuationdata-bg{
height: 700px;
background-position: 50% 37%;
}
.benefits-bg:before, .services-bg:before, .fuelprice-bg:before, .valuationdata-bg:before{
padding-top: 700px;
}
.ukv-section4-container {
width: 60%;
}
.ukv-section4-col2{
width: 40%;
}
#ukv-section3 h2, #ukv-section5 h2 {
font-size: 42px;
margin-bottom: 45px;
margin-top: 40px;
}
#ukv-section3-box, #ukv-section5-box {
max-width: unset;
}
.ukv-section3-box-content{
width: calc(33% - 30px);
}
.info-bg {margin-top: 60px; width: 58%;}
#a-box{ }
#details-cont, #res-cont{margin-bottom: 350px;}
.four-step-box {
width: calc(25% - 40px);
}
}
@media screen and (min-width:1400px) {
.cont{
max-width:1400px;
padding: 0 60px
}
.ukv-section1-col1 {
float: right;
width: 80%;
padding-right: 50px;
}
.ukv-section1-col2-img::before {
padding-bottom: 66.666%;
}
.ukv-section1-col1-txt {
gap: 50px;
}
.ukv-section1-col1-txt h1 {
font-size: 48px;
line-height: 56px;
font-weight: bold;
}
.ukv-feature-section {
padding: 120px 0;
}
.ukv-feature-card {
width: 400px;
}
/*================================*/
.main-bg-ct, .main-bg-rf{
height: 400px;
background-position: 50% 64%;
}
.main-bg-ct:before, .main-bg-rf:before{
padding-top: 400px;
}
.main-txt-title-ct{
padding-left: 0;
}
.main-txt-title-ct h1{
font-size: 54px;
}
.main-txt p {
font-size: 20px;
line-height: 30px;
}
.main-txt h3 {
font-size: 30px;
line-height: 40px;
margin-top: 20px;
}
/*================================*/
.main-txt-title {
width: 65%;
margin-bottom: 60px;
}
.main-banner-txt-content {
width: clamp(150px, 100%, 670px);
}
.main-banner-txt-box {
transform: translateY(260px);
margin-top: -200px;
}
.main-banner-col1{
padding-bottom: 10px;
}
.main-banner-col1 ul {
justify-content: space-evenly;
}
.main-banner-col1 .m1{
padding-right: 10px;
}
.main-banner-col1 h1 {
font-size: 115px;
line-height: 0.9;
}
.main-banner-col1 h4 {
line-height: 1;
bottom: 8px;
font-size: 30px;
}
.main-banner-col1 h3 {
font-size: 70px;
bottom: 1px;
}
.main-banner-col1 h3 span {
font-size: 0.4em;
}
.main-banner-col2 h3 {
line-height: 0.8;
padding: 25px 0;
font-size: 38px;
transform: translateX(-5px);
}
.main-banner-img-left {
left: -185px;
max-width: 300px;
}
.main-banner-img-right {
top: 200px;
left: 400px;
max-width: 420px;
}
.benefits-bg, .services-bg, .fuelprice-bg, .valuationdata-bg{
height: 800px;
background-position: 50% 37%;
}
.benefits-bg:before, .services-bg:before, .fuelprice-bg:before, .valuationdata-bg:before{
padding-top: 800px;
}
#details-cont, #res-cont{
margin-bottom: 400px;
}
.main-img-center{max-width: 910px;}
}
@-webkit-keyframes spin {
0% {transform: rotate(0);}
100% {transform: rotate(360deg);}
}
@keyframes spin {
0% {transform: rotate(0);}
100% {transform: rotate(360deg);}
}
@-webkit-keyframes jumpAni {
0% {transform: translateY(0);}
40% {transform: translateY(-30px);}
100% {transform: translateY(0);}
}
@keyframes jumpAni {
0% {transform: translateY(0);}
40% {transform: translateY(-30px);}
100% {transform: translateY(0);}
}
@-webkit-keyframes fInR {
from {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fInR {
from {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes glint { 0% { background-color: rgba(255,255,255,0.4); } 100% { width: 100%;background-color: rgba(255,255,255,0); } }
@-webkit-keyframes glint { 0% { background-color: rgba(255,255,255,0.4); } 100% { width: 100%;background-color: rgba(255,255,255,0); } }
@-webkit-keyframes pulse{from{ -webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}10%{ -webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}
15%{ -webkit-transform:scale3d(0.90,0.90,0.90);transform:scale3d(0.90,0.90,0.90)}40%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
}
@keyframes pulse{from{transform:scale3d(1,1,1)}10%{transform:scale3d(1.05,1.05,1.05)}
15%{transform:scale3d(0.90,0.90,0.90)}40%{transform:scale3d(1,1,1)}to{transform:scale3d(1,1,1)}
}
@-webkit-keyframes pulseSmooth{0%{-webkit-transform:translate3d(0,0,0) scale(1);transform:translate3d(0,0,0) scale(1)}33.3333%{-webkit-transform:translate3d(0,0,0) scale(1.1);transform:translate3d(0,0,0) scale(1.1)}66.6666%{-webkit-transform:translate3d(0,0,0) scale(1);transform:translate3d(0,0,0) scale(1)}100%{-webkit-transform:translate3d(0,0,0) scale(1);transform:translate3d(0,0,0) scale(1)}}@keyframes pulseSmooth{0%{-webkit-transform:translate3d(0,0,0) scale(1);transform:translate3d(0,0,0) scale(1)}33.3333%{-webkit-transform:translate3d(0,0,0) scale(1.1);transform:translate3d(0,0,0) scale(1.1)}66.6666%{-webkit-transform:translate3d(0,0,0) scale(1);transform:translate3d(0,0,0) scale(1)}100%{-webkit-transform:translate3d(0,0,0) scale(1);transform:translate3d(0,0,0) scale(1)}}
.pulse{
animation-iteration-count: infinite;
animation-duration: 2s;
animation-name: pulse;
-webkit-animation-iteration-count: infinite;
-webkit-animation-duration: 2s;
-webkit-animation-name: pulse;
}
.pulse-once{
animation-iteration-count: 1;
animation-duration: 3s;
animation-name: pulse;
-webkit-animation-iteration-count: 1;
-webkit-animation-duration: 3s;
-webkit-animation-name: pulse;
}
.pulse-once-smooth{
animation-iteration-count: 1;
animation-duration: 2s;
animation-name: pulseSmooth;
-webkit-animation-iteration-count: 1;
-webkit-animation-duration: 2s;
-webkit-animation-name: pulseSmooth;
}
@-webkit-keyframes bounce {
from, 20%, 53%, 80%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
40%, 43% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0);
}
70% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
-webkit-transform: translate3d(0, -15px, 0);
transform: translate3d(0, -15px, 0);
}
90% {
-webkit-transform: translate3d(0,-4px,0);
transform: translate3d(0,-4px,0);
}
}
@keyframes bounce {
from, 20%, 53%, 80%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
40%, 43% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0);
}
70% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
-webkit-transform: translate3d(0, -15px, 0);
transform: translate3d(0, -15px, 0);
}
90% {
-webkit-transform: translate3d(0,-4px,0);
transform: translate3d(0,-4px,0);
}
}
.sAnim{
animation: bounce 1.4s ease-out 7 forwards;
-webkit-animation: bounce 1.4s ease-out 7 forwards;
}
@keyframes blink {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
@-webkit-keyframes blink {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
#st-pay, #stopformwrapper{
display:none;
text-align:center;
padding: 20px 0;
}
#st-pay form {
display: inline-block;
width: 30vw;
min-width: 500px;
align-self: center;
/*box-shadow: 0px 0px 0px 0.5px rgba(50, 50, 93, 0.1),
0px 2px 5px 0px rgba(50, 50, 93, 0.1), 0px 1px 1.5px 0px rgba(0, 0, 0, 0.07);
border-radius: 7px;*/
padding: 20px;
}
#st-pay .hidden {
display: none;
}
#st-pay #payment-message {
color: rgb(105, 115, 134);
font-size: 16px;
line-height: 20px;
padding-top: 12px;
text-align: center;
}
#st-pay #payment-element {
margin-bottom: 24px;
}
/* Buttons and links */
#st-pay button {
background: #00703c;
font-family: inherit;
color: #ffffff;
border-radius: 4px;
border: 0;
padding: 12px 16px;
font-size: 16px;
font-weight: 600;
cursor: pointer;
display: block;
transition: all 0.2s ease;
box-shadow: 0px 4px 5.5px 0px rgba(0, 0, 0, 0.07);
width: 100%;
}
#st-pay button:hover {
filter: contrast(115%);
}
#st-pay button:disabled {
opacity: 0.5;
cursor: default;
}
/* spinner/processing state, errors */
.spinner,
.spinner:before,
.spinner:after {
border-radius: 50%;
}
.spinner {
color: #ffffff;
font-size: 22px;
text-indent: -99999px;
margin: 0px auto;
position: relative;
width: 20px;
height: 20px;
box-shadow: inset 0 0 0 2px;
-webkit-transform: translateZ(0);
-ms-transform: translateZ(0);
transform: translateZ(0);
}
.spinner:before,
.spinner:after {
position: absolute;
content: "";
}
.spinner:before {
width: 10.4px;
height: 20.4px;
background: #5469d4;
border-radius: 20.4px 0 0 20.4px;
top: -0.2px;
left: -0.2px;
-webkit-transform-origin: 10.4px 10.2px;
transform-origin: 10.4px 10.2px;
-webkit-animation: loading 2s infinite ease 1.5s;
animation: loading 2s infinite ease 1.5s;
}
.spinner:after {
width: 10.4px;
height: 10.2px;
background: #5469d4;
border-radius: 0 10.2px 10.2px 0;
top: -0.1px;
left: 10.2px;
-webkit-transform-origin: 0px 10.2px;
transform-origin: 0px 10.2px;
-webkit-animation: loading 2s infinite ease;
animation: loading 2s infinite ease;
}
@-webkit-keyframes loading {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes loading {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@media only screen and (max-width: 600px) {
#st-pay form {
width: 80vw;
min-width: initial;
}
}