html {
	margin: 0;
	height:100%;
	min-height: 100%;
	box-sizing: border-box;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}

body {
	background:#fff;
	height:100%;
	min-height: 100%;
	font-family:'Poppins', Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	color: #333;
	font-size: 14px;
	line-height: 1.42;
}

*,*:before,*:after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

:root {
    --charging-station-icon: '/ukd/sp3/assets/images/charging.png';
    --user-location-icon: '/ukd/sp3/assets/images/userlocation.png';
}

.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;
}
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;
}
.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;
}
#header-logo{
	background:#1a1b20;
	padding:.5rem 0;
}
#logo{
	background: url(/ukd/sp4/files/logo-desk.png) no-repeat;
    background-position: center;
    width: 80%;
    background-size: contain;
    margin: 0 auto;
    max-width: 274px;
}
#logo:after{
	content:"";
	display:block;
	padding-bottom:13.50%;
}
#header-headline {
    font-size: 1.2em;
    padding: .6em 0 .6em;
	background: #232429;
    color: #1c1465;
}
#header-headline h1{
	font-size:1.4rem;
	color: #fff;
    text-align: center;
	font-weight: 700;
}
#header-headline h1 u{
	font-size:0.8em;
	display: inline-block;
	font-weight: 500;
}
#header-sub{
	background-color: #fff;
	position: relative;
	display:block;
	padding: 1em 0;
}
#header-sub:before {
    content: '';
    display: none;
    border: solid 12px transparent;
    border-top-width: 6px;
    border-bottom-width: 0;
	border-top-color: #3d7ca8;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 0;
    height: 0;
    position: absolute;
    top: 0;
    left: 50%;
}
#header-sub h2{
	color: #333;
    margin: 0;
    padding: 0;
    text-align: center;
    font-size: 1em;
    font-weight: 800;
    width: 90%;
    margin-left: 5%;
}
#main{
	display: block;
    position: relative;
    width: 100%;
    margin: 0 auto;
    background: none;
    padding-top: 40px;
    padding-bottom: 40px;
}
.main-bg, .benefits-bg, .services-bg, .fuelprice-bg, .valuationdata-bg, .fuelcalc-bg {
	content: "";
	display: block;
    overflow: hidden;
    position: relative;
    z-index: 2;
	background-image: url(/ukd/sp4/files/main-bg1.jpg);
    max-width: 100%;
    height: 800px;
	background-repeat: no-repeat;
    background-size: cover;
	background-position: 50% 37%;
}
.benefits-bg{
	background-image: url(/ukd/sp4/files/benefits-bg1.jpg);
	height: 350px;
	background-position: 60% 40%;
}
.fuelprice-bg{
	background-image: url(/ukd/sp4/files/fuelprice-bg1.jpg);
	height: 350px;
	background-position: 60% 40%;
}
.fuelcalc-bg{
	background-image: url(/ukd/sp4/files/fuel_calculator.jpg);
	height: 350px;
	background-position: 60% 40%;
}
.valuationdata-bg{
	background-image: url(/ukd/sp4/files/valuationdata-bg1.jpg);
	height: 350px;
	background-position: 60% 40%;
}
.services-bg{
	background-image: url(/ukd/sp4/files/services-bg2.jpg);
	height: 350px;
	background-position: 60% 40%;
}
.main-bg:before, .benefits-bg:before, .services-bg:before, .fuelprice-bg:before, .valuationdata-bg:before, .fuelcalc-bg:before{
	content: "";
    position: relative;
    display: block;
    background: linear-gradient(146deg, rgb(0 0 0 / 70%) 35%, rgb(0 0 0 / 0%) 100%);
    width: 100%;
    padding-top: 800px;
}
.benefits-bg:before{
	padding-top: 350px;
}
.services-bg:before{
	padding-top: 350px;
}
.fuelprice-bg:before{
	padding-top: 350px;
}
.fuelcalc-bg:before{
	padding-top: 350px;
}

.valuationdata-bg:before{
	padding-top: 350px;
}
.main-bg-ct, .main-bg-rf{
	content: "";
	display: block;
    overflow: hidden;
    position: relative;
    z-index: 2;
	background-image: url(/ukd/sp4/files/main-bg-ct.jpeg);
    max-width: 100%;
    height: 500px;
	background-repeat: no-repeat;
    background-size: cover;
	background-position: 50% 37%;
}
.main-bg-rf{
	background-image: url(/ukd/sp4/files/refunds-bg1.jpeg);
}
.main-bg-ct:before, .main-bg-rf:before{
	content: "";
    position: relative;
    display: block;
    background: linear-gradient(146deg, rgb(0 0 0 / 70%) 35%, rgb(0 0 0 / 0%) 100%);
    width: 100%;
    padding-top: 500px;
}
.main-bg:after{
	content: "";
    position: absolute;
    background: url(/ukd/sp4/files/main-bg2.png);
    height: 100%;
    width: 100%;
    background-repeat: no-repeat;
	top: 0;
    left: 0;
}
.main-txt{
	position: relative;
    width: 100%;
    padding: 0;
    z-index: 1;
}
.sec_bg {
    position: relative;
    box-shadow: 0px 2px 15px 4px rgb(0 0 0 / 80%);
    padding: 0 20px;
    padding-top: 30px;
    padding-bottom: 50px;
    overflow: hidden;
}
#main-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: var(--bgvDataHeight);
    z-index: 2;
}
.banner-image {
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
    height: 60%;
    width: 100%;
    z-index: 1;
}
.banner-image:before {
    display: block;
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: var(--bgvDataHeight);
    background-color: rgb(51 51 51 / 50%);
    z-index: 2;
}
.banner-image img {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 1;
}

.main-txt-title{
	position: relative;
	width: 100%;
    margin-bottom: 25px;
    z-index: 10;
	text-align: center;
}
.main-txt-title h1{
	font-size: 40px;
    color: #fff;
    line-height: 50px;
}

.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-txt p {
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 15px;
    text-align: left;
    color: #fff;
    font-weight: 400;
}
.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: 16px;
    line-height: 22px;
    margin-bottom: 15px;
    text-align: left;
    color: #fff;
    font-weight: 400;
}

.main-txt-content ul{
	display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 65%;
    margin-left: 10px;
}
.main-txt-content ul li{
	display: flex;
    flex-direction: row;
    align-items: center;
    padding-bottom: 12px;
    color: #fff;
    font-size: 18px;
    font-weight: 600;
	line-height: 20px;
	
}
.main-txt-content ul li:before{
	content: "";
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYBAMAAAASWSDLAAAAMFBMVEVHcExMr1BMr1BMr1BMr1BMr1BMr1BMr1BMr1BMr1BMr1BMr1BMr1BMr1BMr1BMr1BpAOaEAAAAD3RSTlMA/AtSj8S/h1oBdybt237+sDN+AAAAWUlEQVQY02NgIBLw/v//TWGPAYTD8qfcMUhVGCpV78ksqpTYAOGwf5lgGKQmQZGU/wNmMaZAA0wO+xcGhLJ6B4QBKBL+SBLcyBIMGxASHKtWFcK9gOI5ogAAZFwnXvBCos8AAAAASUVORK5CYII=);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 20px;
    height: 20px;
    margin-right: 13px;
	
}
.main-txt-btn{
	
}

.th-btn{
	position: relative;
    z-index: 2;
    overflow: hidden;
    display: inline-block;
    text-transform: uppercase;
    background-color: #4caf50;
    color: #fff;
    font-family: 'Poppins';
    font-size: 16px;
    padding: 15px 30px;
    border-radius: 5px;
    letter-spacing: 0;
    width: fit-content;
}

.th-btn:before, .th-btn:after{
	content: "";
    position: absolute;
    height: 100%;
    top: 0;
    left: 0;
    width: 50.1%;
    background-color: #111117;
    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);
}
.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: all 0.3s ease-in-out;
    cursor: pointer;
}

.gray {
	background-color: #c3c3c3;
    color: #fff;
    text-shadow: 1px 1px 4px #000;
}
.hover_effect.gray {
	background-color: #000;
}
.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;
}
/*=================================*/
.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: 14px;
    color: #fff;
    font-weight: 600;
    margin-bottom: 5px;
}
.dtr-data{
	
}
.dtr-data a, .styled-table td a{
	color: #4caf50;
}
.dtr-data a:before, .styled-table td a:before{
	content: "";
    display: inline-block;
    position: relative;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAAVFBMVEVHcExMr1BMr1BMr1BNsU9Mr1BMr1BMrlFMr1BMr1BMr1BMr1BMr1BMr1BMr1BMsU5JrFNJpFtLrlFMsE9Lr1BMr1Brm2tMr1BLr1BMr1BMsE9Mr1AV8LRDAAAAG3RSTlMA9ppYH2rnN4Oy3O/HvtMtCQMUo3ZQAV2MQkopjg17AAABEElEQVQoz1VR1wKDIAxMGJGyFMFWm///zwJq1Twwcll3AThMrRExrgqe9jZIohRBaN4PILOZ2j0Zzne/Znk+P6wv/+REPWXODRZugiuq9hTsPdcAdWWDiABDK6F5AIjiD7xeAAXrOG8s++8EQis3A8z8AQgXYCjBTGEYPM2QnPkDAy/1sMy2tlhan9OCrSOmcUx1dBtuBEfs6U0Ng+OduuHxEXJxjz71HG+np7zfXSLN37t3WCMzVlkUMsf1nGr0TEJvVHm9aNOC2PeGytml1V9YysYH0mJdW2TB+RCG6BBjdqVrfsisnDs2LrsrZQ6yJ21bD5eB8774xVeV8lq0LmuuivlrU0qLEAmRYhB6r/cDiGANx2wtQhAAAAAASUVORK5CYII=);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
	width: 18px;
    height: 18px;
    vertical-align: middle;
    top: -2px;
    margin-right: 3px;
}
/*======== fuelcalc ===============*/
#fuelcalc{
	display: block;
    position: relative;
    width: 100%;
}
.fuelcalc-txt{
	position: absolute;
    top: 50%;
    width: 100%;
    padding: 0;
    z-index: 5;
    transform: translateY(-50%);
}

.fuelcalc-txt-title{
	width: 100%;
    margin: 0 auto;
    margin-bottom: 25px;
    max-width: 900px;
}
.fuelcalc-txt-content{
	width: 100%;
    margin: 0 auto;
	margin-bottom: 25px;
    max-width: 900px;
}
#fuelcalc h1{
	font-size: 40px;
    color: #fff;
    line-height: 40px;
}
#fuelcalc p{
	font-size: 16px;
    color: #fff;
    line-height: 20px;
}
#fuel-entry{
	display: block;
    position: relative;
    width: 100%;
    padding: 50px 0;
    margin: 0 auto;
}

#fuel-calc-entry{
	display: block;
    position: relative;
    width: 100%;
    max-width: 600px;
	border-radius: 2px 2px 10px 10px;
    box-shadow: 0 2px 5px 2px rgba(0, 0, 0, .4);
	margin: 0 auto;
}
.fuel-entry-footer{
	display: block;
    position: relative;
    width: 100%;
    height: 50px;
    border-radius: 0 0 10px 10px;
    background-color: #4caf50;
}
.fuel-calc-form{
	display: flex;
	position: relative;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: stretch;
    width: 100%;
	padding: 20px;
}
.fuel-calc-data{
	display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    max-width: 600px;
}
.fuel-calc-data h3{
	display: block;
    width: 100%;
    font-size: 24px;
    text-align: center;
    margin-bottom: 25px;
}

.fuel-calc-data h4{
	display: block;
    width: 100%;
    font-size: 20px;
    border-left: 10px solid #04b15b;
    padding-left: 7px;
    line-height: 1;
    margin-bottom: 15px;
}

.fuel-calc-data label{
	display: block;
    width: 100%;
    font-size: 16px;
    font-weight: 600;
}
.fc-data1{
	display: flex;
    flex-direction: column;
    width: 100%;
	margin-bottom: 20px;
}
.fc-data1>div{
	display: flex;
    flex-direction: column;
}
.fc-data1>div:last-child{
	
}
.fc-data1 h4{
	/*display: block;
    font-size: 18px;*/
}
.fc-data-col1{
	display: flex;
    flex-direction: column;
    width: 100%;
}
.fc-data2{
	display: flex;
    flex-direction: column;
    width: 100%;
    margin-bottom: 20px;
}
.fc-data2>div{
	display: flex;
    flex-direction: column;
}
.fc-data2>div:last-child{
	
}
.fv-data-col1{
    display: flex;
    flex-direction: column;
    width: 100%;
}
.fv-data-col1>div{
	display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: space-between;
    gap: 15px;
    width: 100%;
}
.fv-data-col1>div>div:first-child{
	display: flex;
    flex-direction: column;
    align-items: flex-start;
	width: 100%;
}
.fv-data-col1>div>div:last-child{
	display: flex;
    top: 7px;
    width: fit-content;
    min-width: 112px;
    justify-content: center;
}
.fv-data-col1 p{
	
}
.fv-data-col2{
	display: none;
}
.fv-data-col2 p{
	font-size: 12px;
    line-height: 15px;
    display: inline-block;
    margin-bottom: 8px;
}
.fv-data-col2 p span{
	
}
.fv-data-col2 p .mi10{
	font-size: 17px;
    display: inline-block;
    position: relative;
    margin-right: 3px;
    color: #2391ef;
    top: 1px;
}
.fv-data-col2>div{
	display: flex;
    flex-direction: row;
    align-items: stretch;
    gap: 15px;
}
.fv-data-col2>div>div{
	width: 50%;
}
.dn-btn{
	position: relative;
    z-index: 2;
    overflow: hidden;
    display: flex;
    background-color: #4caf50;
    color: #fff;
    font-size: 16px;
    padding: 0 15px;
    border-radius: 5px;
    letter-spacing: 0;
    width: fit-content;
    height: 45px;
    align-items: center;
	cursor: pointer;
}
.dn-btn:hover{
	background: #00703c;
}

.fc-data3 {
    display: none;
    flex-direction: column;
    width: 100%;
    margin-bottom: 20px;
}
.fc-data3>div{
	display: flex;
    flex-direction: column;
}
.fc-data3>div:last-child{
	
}
.fv-data-col3{
	display: flex;
    flex-direction: column;
    width: 100%;
}
.fv-data-col3 select{
	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;
}

#fuel-output{
	display: none;
	position: relative;
    width: 100%;
    padding: 30px 0;
    margin: 0 auto;
	max-width: 640px;
}
#fuel-output h3{
	display: block;
    width: 100%;
    font-size: 20px;
    border-left: 10px solid #04b15b;
    border-bottom: 1px solid #04b15b;
    padding-left: 7px;
    line-height: 26px;
    margin-bottom: 20px;
}
#fuel-output h4{
	font-size: 16px;
    display: block;
    position: relative;
    width: 100%;
}

#vehicle-location{
	display: flex;
    flex-direction: column;
    width: 100%;
    border-top: 1px dashed #4caf50;
    padding-top: 15px;
}

#map{
	width: 100%;
	height: 400px;
	margin-bottom: 15px;
	border-radius: 2px;
    box-shadow: 0 2px 5px 2px rgba(0, 0, 0, .4);
}
#distanceResult{
	font-size: 16px;
	display: block;
    position: relative;
    width: 100%;
    /*border-top: 1px solid #4caf50;*/
    border-bottom: 1px solid #4caf50;
}
#distanceResult p{
	display: inline-block;
    padding: 5px 0;
}
#distanceResult p span{
	color: #fff;
    background-color: #4caf50;
    border-radius: 2px;
    padding: 2px 5px;
}

#vehicle-data, #fuel-consumption{
	display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    margin-top: 20px;
}
#vehicle-data>div, #fuel-consumption>div{
	margin-bottom: 5px;
}

#vehicle-data p, #fuel-consumption p{
	font-size: 16px;
    display: block;
    position: relative;
    width: 100%;
}
#fuel-consumption p i{
	font-style: normal;
    font-size: 12px;
	padding-left: 3px;
}
#vehicle-data p span,#fuel-consumption p span{
	color: #fff;
    background-color: #4caf50;
    border-radius: 2px;
    padding: 2px 5px;
}
#manualConsumption{
	display: none;
}
#consumption p, #manualConsumption p{
	font-size: 14px;
    display: block;
    position: relative;
    width: 100%;
	margin-bottom: 5px;
}

#consumption p span, #manualConsumption p span{
}
.error-message{
	display: block;
    position: relative;
    font-size: 14px;
    top: -10px;
    color: #ff0000;
}
.succes-message{
	display: block;
    position: relative;
    font-size: 14px;
    top: -10px;
    color: #4caf50;
}
#fuel-consumption{
	
}
#fuelCostResult{
	margin-top: 20px;
}
#fuelCostResult p{
	font-size: 16px;
    display: block;
    position: relative;
    width: 100%;
}
#fuelCostResult p span{
	color: #fff;
    background-color: #4caf50;
    border-radius: 2px;
    padding: 4px 10px;
    font-size: 20px;
    font-weight: bold;
}
#fuelCostResult p i{
	font-style: normal;
    font-size: 13px;
	padding-left: 3px;
}
/*======== evCharging ==================*/
#evCharging {
	position: relative;
	display: flex;
	flex-direction: column;
}
#evVehicle-data {
	position: absolute;
	top: 0;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 1; /* Make sure it appears above .evCharging-bg */
	box-sizing: border-box;
	transform: none;
}
.evCharging-bg {
	position: relative;
	background-image: url(/ukd/sp4/files/urban-ev-station_mobile.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	height: 80vh; 
	height: var(--evChargingBgHeight);
	background-position: 50% 100%;
}

.evVehicle-data{
	display: block;
	position: relative;
	width: 100%;
}

.evCharging-txt{
	position: relative;
    width: 100%;
    padding: 0;
    z-index: 5;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.7), 2px 2px 4px rgba(0, 0, 0, 0.5), 3px 3px 6px rgba(0, 0, 0, 0.3);
}
.evCharging-txt-title{
	width: 100%;
    margin: 0 auto;
    margin-bottom: 15px;
}
.evCharging-txt-content{
	width: 100%;
    margin: 0 auto;
	margin-bottom: 25px;
    /*max-width: 900px;*/
}

#evCharging h1{
	font-size: 40px;
    color: #fff;
    line-height: 40px;
}
#evCharging p{
	font-size: 16px;
    color: #fff;
    line-height: 20px;
}
#evVehicle-entry{
	display: block;
    width: 100%;
	max-width: 500px;
}
.entry-data-form{
	display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
}
.location-data-box, .evVehicle-data-box{
	display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: flex-start;
	width: 100%;
}
.location-data-box>div:first-child,.evVehicle-data-box>div:first-child {
	display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: flex-start;
	margin-bottom: 20px;
	width: 100%;
}
.postcode-location-data, .evVehicle-vrm{
	display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
}
#evVehicle-entry label{
	font-size: 16px;
	color: #fff;
	line-height: 20px;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.7), 2px 2px 4px rgba(0, 0, 0, 0.5), 3px 3px 6px rgba(0, 0, 0, 0.3);
	padding-left: 2px;
	font-weight: bold;
}
input#ev-postcode, input#vrmInput {
	height: 45px;
    margin-bottom: 10px;
}
.autolocate-data, .evVehicle-searchBtn{
	display: inline-block;
	position: relative;
}
.autoLocate{
	position: relative;
	padding: 0 30px;
	border-radius: 6px;
	min-width: 140px;
	line-height: 44px;
}
.autoLocate span{
	display: inline-block;
	min-width: fit-content;
	font-weight: bold;
}
.search-symb{
	font-size: 25px;
	padding-right: 5px;
}
.submit-button{
	display: block;
    position: relative;
    width: 100%;
}
.submit-button .th-btn{
	font-size: 18px;
	font-weight: bold;
	border-radius: 6px;
}
#evVehicle-output{
	display: none;
    position: relative;
    width: 100%;
    margin: 40px 0;
}

#evVehicle-mapLocation, #evVehicle-details, #chargingStation-details{
	display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    margin-top: 30px;
}
#evVehicle-mapLocation h3, #evVehicle-details  h3, #chargingStation-details h3{
	display: block;
    width: 100%;
    font-size: 20px;
    border-left: 10px solid #04b15b;
    border-bottom: 1px solid #04b15b;
    padding-left: 7px;
    line-height: 26px;
    margin-bottom: 20px;
}

#ukdcom-evVehicleInfo{
	display: block;
    position: relative;
    width: 100%;
    padding-top: 80px;
    padding-bottom: 40px;
}

#chargingStation-details p,  #evVehicle-details p{
	font-size: 16px;
    display: block;
    position: relative;
    width: 100%;
    margin-bottom: 4px;	
}
#chargingStation-details p span,  #evVehicle-details p span{
	color: #fff;
    background-color: #4caf50;
    border-radius: 2px;
    padding: 2px 5px;	
}
#connectorDetails, #chargePortDetailsList{
	display: flex;
    position: relative;
    flex-wrap: wrap;
    justify-content: space-evenly;
    align-items: stretch;
    gap: 20px;
    margin: 0 auto;
    margin-top: 15px;
}
.connector-details, .carConnectorDetails{
	display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: flex-start;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: 0 2px 5px 2px rgba(0, 0, 0, .4);
}
#connectorDetails p, #chargePortDetailsList p{
	padding: 8px 5px;
    background: #a5c98b;
    color: #fff;
	width: 100%;
}
#connectorDetails ul, #chargePortDetailsList ul{
	display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 10px;
	gap: 8px;
}
#connectorDetails ul li, #chargePortDetailsList ul li{
	font-size: 14px;
    display: inline-block;
    position: relative;
    font-weight: bold;
}
#connectorDetails ul li span, #chargePortDetailsList ul li span{
	color: #fff;
    background-color: #4caf50;
    border-radius: 2px;
    padding: 2px 5px;
    font-weight: normal;
}

/*=================================*/


#ukdcom-saveFuelInfo{
	display: block;
    position: relative;
    width: 100%;
    padding-top: 80px;
    padding-bottom: 40px;
}
.ukdcom-saveFuelInfo-container{
	display: flex;
    flex-direction: column;
    align-items: center;
    flex-wrap: nowrap;
    width: 100%;
    position: relative;
    color: #1d242d;
}
.ukdcom-saveFuelInfo-tile{
	display: block;
    text-align: left;
    width: 100%;
    margin-bottom: 20px;
}
.ukdcom-saveFuelInfo-tile h2{
	font-size: 34px;
    font-weight: 700;
    text-align: center;
    line-height: 1.2;
    margin-bottom: 15px;
}
.ukdcom-saveFuelInfo-tile p{
	width: 100%;
    vertical-align: top;
    font-size: 16px;
    line-height: 22px;
    display: inline-block;
    opacity: 0.7;
    font-weight: 600;
    text-align: center;
}
#saveFuelInfo-box{
	display: flex;
    position: relative;
    width: 100%;
    margin-top: 20px;
    flex-direction: column;
    align-items: center;
    gap: 20px;
}
.saveFuelInfo-box-content{
	display: flex;
    align-items: stretch; /* Ensure child elements stretch to full height */
    border: 2px solid #2e4237;
    border-radius: 10px;
    padding: 0;
    margin-bottom: 15px;
	width: 100%;
}
.saveFuelInfo-card{
	display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: stretch; /* Make inner elements stretch vertically */
    width: 100%;
}
.saveFuelInfo-number{
	 background-color: #a5c98b;
    color: #2e4237;
    font-size: 2.3em;
    font-weight: bold;
    padding: 25px;
    border-radius: 8px 0 0 8px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}
.saveFuelInfo-content{
	 padding: 15px;
}
.saveFuelInfo-content h3{
	margin: 0;
    font-size: 1.2em;
    font-weight: bold;
    color: #2e4237;
    margin-bottom: 6px;
}
.saveFuelInfo-content p{
	margin: 5px 0 0;
    font-size: 1em;
    opacity: 0.8;
}
.saveFuelInfo-content p span{
	font-size: 0.85em;
    display: block;
    margin-top: 5px;
    font-weight: 600;
}
.saveFuelInfo-content a{
	color: #4caf50;
    /*text-decoration: underline;*/
}
.saveFuelInfo-content a:hover{
	color: #00703c;
    text-decoration: underline;
}
/*=================================*/
.main-bg-ct{
	content: "";
	display: block;
    overflow: hidden;
    position: relative;
    z-index: 2;
	background-image: url(/ukd/sp4/files/main-bg-ct.jpeg);
    max-width: 100%;
    height: 250px;
	background-repeat: no-repeat;
    background-size: cover;
	background-position: 50% 70%;
}
.main-bg-ct:before{
	content: "";
    position: relative;
    display: block;
    background: linear-gradient(146deg, rgb(0 0 0 / 70%) 35%, rgb(0 0 0 / 0%) 100%);
    width: 100%;
    padding-top: 250px;
}

.main-txt-ct{
	position: absolute;
    top: 50%;
    width: 100%;
    padding: 0;
    z-index: 5;
    transform: translateY(-50%);
}
.main-txt-title-ct{
	max-width: 1000px;
    width: 100%;
    margin-bottom: 25px;
    padding-left: 20px;
    margin: 0 auto;
}
.main-txt-title-ct h1{
	font-size: 42px;
    color: #fff;
    line-height: 50px;
}
/*=================================*/

#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: #4caf50;
    background-image: url(/ukd/sp4/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%);
}
.bnf-img{
	display: flex;
	position: relative;
	color: #4caf50;
	background-color: #edf7ed;
	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;
	transition: 0.4s ease-in-out;
}

.img1:before, .img2:before, .img3:before, .img4:before{
	content: "";
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAAS1BMVEVHcExeoWFMr1BMr1BLsE9KsE9Or1BMr1BMr1BMr1BMr1BMr1BLr1BMr1BMr1BMr1BMr1BMr1BMr1BMsE9NsE9Mr1BMr1BMr1BMr1CiTXOLAAAAGHRSTlMAAnT9LQoVZemO08Wd8reDPaj5WiBNltxiajOeAAADjklEQVRYw81X2ZarIBCURUBRUNz6/7/0NotbBDNn5uXykphYRW90F1WFyypbVz9aQo6bcpux5PqrBQBFyXf4vDpIa77jOwXQDt/wSw+w2YWvAM0db6ua4p9mfsXbtAm94/GRBvNGBo6+4D2OPPHVBmP6Nmhw5VgODA3N4PGHXqSvpIdiHEgLJrd/+Gfdv5u4SW5NcZ8nHmMLjB/W6BKBCUDizt3CquN/Jj1yYFOhgFjIPNFwi7N0npYzWNIPY4lhgS1jo2TQ+s8VthR9UmKgycqZsfmKBxbs68FpO5AXBrsn++ID4keAGGLly9vUZQa6E5w+IL6bowUI43R0oMsMU3Q2+GCkSHgygLqUWv/CYI830WpADurxHzF9YaBwlhi3WzjQiMcKuGW1yPBZf57D47EAePUDhlz9insJ7uciy7DjxfxIDeOPQ/tkOPCtur8+Mcj0jwfDiYcbQd0AjLk+emVYinghVWpQz85xMuDHAz9tZm1GjadATcXmtTNk8P78hLXRcvc7bMjiR2pXK/n7AEgMOXxHfjTBhl7Xf8Ejwx/xVfVf4mPL+j3euJ8z5O1f3DFGf+c/DsH2T/EboJ//FH/fmYlt6l/nb8aDYF5yISbaWGlf8k99Ry/kgki9H9SX+hkay5csw9Aid9s1q9nst/rLMUiHOvES4SteP+r3yYC+daLK44FJssjhlWFh7N6e9wbu7e+A+UkWhI0wPMeA6iD4PfOwvCni9J90AL2OGsYcjfnG0EQ3p5SFo9pS/EijZ9Qw3b21XxhqF8RhraD36zgw1/gT8xgOJ8MUR3wDKjzvimu65u8YgjmGLgw47iDNiS4qLn2dW0ggqxKDDh6cg1qowDheRStGssBAvNievR/uGBUyxNHeJGmRAXdRIPzr25EVDt4me+8+OQZSt+DmqvUqJdmdVLFPa/MhSjIMtQ5Hz4SoyyP/U4g4MZ/i4WQgYvMpQ3yPGhcjvEYVHU3GemhidXzOz5sNMuAHLzQ5KBIvJKvFZWI9SNgep/DCEPcfKuGlblK/3X6hm+ItJHP1uDIEvL8fHM22btawaBKm2b61MyQ8+t+GvVvx0TIY5PVLYtjxZAuG4qOeP/RbU1IvnmHHY67jhQ0T28sjZvMIL3OYhA4T90eht4cEMcoOghA+4Qx9vX8SvPjCyOeBblcF7NtyWmz8MsBkn97s5ZWYW61cvxn6ff4JqnvsczT4/w+aVlAwYMJWGwAAAABJRU5ErkJggg==);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    transition: none;
    width: 64px;
    height: 64px;
	content: "";
	transition: 0.4s ease-in-out;
}
.img2:before{
	content: "";
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAANlBMVEVHcExTslNMr1BIrVJMr1BMr1BMr1BMr1BMsE9Mr1BMr1BMr1BMr1BMsE9Mr1BIqVdMr1BMr1AsR2Q0AAAAEXRSTlMAAvQYm9bAP/hIxeiNqDQPZDdt/BYAAAG5SURBVFjDrdZbsoMgDABQIqIitML+N3tBQbTySPDy0emMciZCAmGrbYyVs+qwzSF4A6g+5nZpCE1AibrQBnhdaAOsLiCAuoAB2FYRUEAtBhxQiQEJlGPAAkWhCVzHUARCSa2PxzDchCKQXpgur0+YaCMQf18D5ML7d2DKnSkTAsgtIgFY86uG/wTcIACTMNsrQLi0Hb8vAHNktgEs8FsLfLGzVtYqzbF58NjGiW1G3HeGlkiDD1+7P7ovlYU1jEnnLEkgAcbF7uarTSaBWgvaz3dhnAK9FtSeTadAq4Wv+/6QjV4Aei0IO4RchCAQAficgo9hBHI1PgRyOf8KhFrIC51HmrwI0HOophisX0nqse6/Yo7pPWSE5r1wFWRGQN0LNgrzU0DdCymGp4C5F2CsCJh7AWoC7mKpCEigLGCvtqLQ6JHugskI+OvdCbl8IDQYcM+HD3S0OKfg2s4g0IC4kr51DjHQeqSwF9vq2t7wFcQeyQtynx/XgdojeSG23X4v6D2S303F41GhOposN22RKTk7ANC7EBa0p83bhVgcXX2inxyPSksaZ2W53mE4LoyVMj9tM2h1zP8DHbRGhF+BYkoAAAAASUVORK5CYII=);
}
.img3:before{
	content: "";
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAAP1BMVEVHcExMr1BLsE9LsE9Mr1BMr1BMr1BLr1BMr1BMr1BKrlFOrlFLsE9Mr1BMr1BMr1BGsFNMr1BMr1BMr1FMr1BC4P3vAAAAFHRSTlMAv3dFMPWE266OEAgbz1ZqAproJc/irU4AAAITSURBVFjD1ZbbloMgDEVBQbkqYv7/WwfQIngF+9A1edFWsoEkh4BQsTFL0FcG0HwL6P4jwBDdHAEznooJfHOLb3MPIEoBqo9+PQzRv2IzfjgPb4LskeWENvmtq4PpCGkJ4vpkSJUlRqHfmBwZ5l+oyYcSasMnWm9hVun8rYs/jLsPt7ZMGspndMVg0GzBmvxDKYAtno4zVwCSlWLA/tEuNVW6hax6AoAUTHu1G/YVQNIgKENyWZRbu87cvgVgoNI/BwDycgHLkTBWHEXpqWSBLn4TUFPvL3SM/ZrNOiPxTEOGft4qbKAAk8mTUaNiBklL7GpjqLib3sbMG3sRAtWkNs6fzTPnDlzEIa7J4OOwoNXcmuDhjw/A5HyIt0ludbYn8OANLJbdSE8IzKCz7JJ1rG7UbdfFmy525eEXhJvHmhcUpiuAFqigYnV0OwCK6vVuBQWAixiMdHwCJPlgxymZ//MewE7rAMeaVE8A1XRdx51Cp8tNP8XAJ0jq9ZB7HcTsdKwK4j0gvJUArrbwCBgWLfP8plYOIIkU5RuA6D/+o0HobQzMjHcdrjqIiY5eZkFvOvjFCjIlVwHOlFwl5zMlV8n5TMl1ajRHGbyR8/GecwDYrpXXSXgEhLZGcdeqAiWvgD7pzi7Wdg221WziXZc1b75dWNBVc+2FGNb2empYXheIn3ZS61W7mZi2dteXqc6UjP4AP5kw6vCU+h0AAAAASUVORK5CYII=);
}
.img4:before{
	content: "";
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAAP1BMVEVHcExLr1BLrVNMr1BMr1BNsFBLs0xLrlFMr1BMr1BLr1BOsU5Mr1BMr1BIr1BMr1BMr1BMr1BMr1BMr1BMr1DH05mVAAAAFHRSTlMAZiLusqoQU83kMhmKmgY/9n/BduDUGRcAAAGGSURBVFjD7ZbZkqUgDEAFZF/V/P+3tgv2RW60XaZqXjxPVilHEhKgaV5eXlas1+wG2ttlfFBwExVmQQQW6Q0igzgLCLT3Qm+B/HtBIJ53pvxq4DguYAKp5+S04iPYzaBBBDKB6ohnoEQhGAgCwwRBg5vrQkNXCCwWv8YEZF1YCeyWwC0TGElAS4HVOW4dDgUehuJ1IaApC5g4FHTAc3MAiE0IIhefOA7BQKJ5Kv2tHDQc9FjdwkEu8lUgWlXS0z3B1JdpShhpNgJT1ZDEBUH6NVnaxU0IUW4ImEC4abRyJBI+P8lrORD9OGZtoyAnB8kCKhC+BG7cVco/CJ+X5GwzJZDVJPulLk8KKKQ6ypzbkyEY0LVALtV0Mol/CNZlNLuCsfpVhV5DKAtpv5n8d5aY+SplftALRtaI682EsWnnBYsJOv/BiUrwu6HsN5OtP2jQLS0nJyIzIO7DEOoQHufghEAihwe9cLBYrF34lW70yPkprx+u/+l+8PiK8/iS9fia9/LyMvID2WA9cziJlqoAAAAASUVORK5CYII=);
}


.bnf-img:after {
    content: '';
    position: absolute;
    mask-image: url(/ukd/sp4/files/feature_card_circle-1.svg);
    animation: spin 10s linear infinite;
    mask-size: 100% 100%;
    /*background-color: #fff;*/
	background-color: #4caf50;
    transition: 0.4s ease-in-out;
    height: 110px;
    width: 110px;
    left: -6px;
    top: -5px;
}
.hover_effect .benefits-box-content{
	color: #1d242d;
}
.hover_effect .bnf-img{
	/*background-color: #edf7ed;*/
	background-color: #1d242d;
	/*background-color: #fff;*/
}
.hover_effect .img1:before{
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAAV1BMVEVHcEz///////////////////////////////////////////////////////////////////////////////////////////////////////////////8egqRXAAAAHHRSTlMAA/4tFXeOZdPz6wzGg5qg+Tq1WiFOqb5v2uNCFizYYwAAA65JREFUWMO1V9eWrCAQFFRMoJhT//933ibIGMDds3MuL06wik50F1GES5Siin61kmxaS7nN4vKrAIByIT/DBybBruGKbzaAvP0JP5YAqxjjGoBd8WlUpQVAN7zi8cV8x2d6xacKr8xrKMjlBb8gjjzx0QqT/dRykOFYthRE5MEjcZHYj6SEPYQnOXSHHY9/6uNzByJE0Jt9nniMLdDYWcNDBJ0GEnnDV+a/2X6NgfaBAqIm89xE/FiZVHyxhNH+MIUYRthszs42ZhRy9WSw2uiTEMNiQhgNlA5nPEhtXwmSi528MIgj2ScfED8BmBCXqrznKsyQHgQfHxDfDECt6fEyyTeG3jirfZizxOJJC+Wp1ArgmqHxMAj3JloNyLEo/C3vLwxYv67EYrHqA434aL5klQQZ7vWvOGrExxTi64HxM6Se+k1MCXa3n/fCE8kDnwyP1ND4cWifNjh8Xl5f7+m1rgNx+ODhQlAxjKOvaM9e7EF8km22QXlaj7MBHw98v3aMNRxPwdaHjr6zwYNX50evNX2ZJIcNXvy0CCay9/59MCwefEN+M8AwF+jE3/HKhi/xUfQ1Pv0P+0NXfbV/J6EjX9k/SjdG/+Y/DsH8q/jtUAxfxV935pSRP+dvwIPQQTiSSb8wsQgPviaOG2ggFyTjx0EN4jEKTMSjl6HNkTtvWN2tIoy3g9rDkEko01OEz3j+2O7JgL41SeTHA83IuLSvDCOl1/Z8NHAV/xqommRaRiVz7GNAdaD9HmK9lCnJJ38EZWk5U61hOteYLwzMuDnaLLhqs/knjA9RrU04tfYTQyVBeVhtUKjlDszl/HeP4fBh6M2IZ7BVVpCOdm598G4I+hgaPeBQqdk5URvFxWEi5ymaRSEGrj2YnVbEmKZaiJxEqxqUQYZVKcgRpBt8mRa14iOAFUMdYMBdStCvb87gGJRN4jp6vQxVDnKIcqVSrN16GW/YTZR4GCquj16no764/PfGmxlul48PA0lWKCuFLzDiGGHlLOE2/1gPzFTHXb1cbFg0vlVCc4CSmPzXAldn6iGz4jrAYPZvo0RJXW6MbY4LXW9uIZ6rx5lB49X9APc27les1muxwtQ3hRyDxWPocr13ntxaBgW/frEMB56s2lD8yi8Nv5dPYXlmOPCYa3Nhw8QWmSukAeV0HWz+RHcYsz8KPZvrCjGb2BNC4h5n6Ov9U3UYmNqhTbezAt7zIwlApx8GWFbYN4vs0tkF32SxdsvP8y9JeQEFT7X//wC/slqqpBq8/QAAAABJRU5ErkJggg==);
}
.hover_effect .img2:before{
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAAP1BMVEVHcEz///////////////////////////////////////////////////////////////////////////////9KjZoYAAAAFHRSTlMAGMP3PwKb1/NIjuinvQ/7NF/OeOh0Ur4AAAHASURBVFjDrdbZsoMgDABQqOKGS9X8/7feoIBWERK8PHQ603ImLCERH0iMRYrogOSoZQKI/ixhSghJQNdxIQ3IuJAGRFwgAHGBAogxIpCAWAw0IBIDEXiOgQo8CkngPJpHwKbU5/azKn6ER+D4wzk7B0q0DnCfrwF24v07EHyhBgIQ2kQG8HiM1CXQBgMY6nV8BdQARfV9Aaz4GOOWzIoKXDdRFlB2GkB3knoPbsc4iHFefu8z7yI1JvwOv3R5V3mBWYgWnekQWMCMG4Lz9dgWXuDmwmrmYxhe4OeC3m6TF3i58MX129voBGYu1NDYu6iswARU7wUTQ8XPxpvATuerwH9QLkLmk9aehKxH9YgBoFLsZ92sonTXuwgIybpwFtqAQKoLkxPK5iaQ6sIRw12g1AVVRQRKXVAxgVRYYgKtMhmhCAvU0vYoUIurEijMAYFR3jEbAzHwGozzKnqV0eJ4AdtOK/AAt5NygdrGwOyRdmHE+dKugtsjodBu890+sHskFFzbbc4io0fC09S2axiwl89osnpchb0YuCF8QKluF/YNzWrzNsEeaQ6w5UVvrwSwhrew97Eb8eHMPx1zp/f5f3uBUcr08oECAAAAAElFTkSuQmCC);
}
.hover_effect .img3:before{
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAAQlBMVEVHcEz////////////////////////////////////////////////////////////////////////////////////1bZCPAAAAFXRSTlMAv3dD9IQrHQeO2OUQq2pWzJk1t0vkGxBRAAACBElEQVRYw+WX25aDIAxFRUFBLuIl//+rI2AVRC3gWjMPkxetJRs4ycG2qpJD8ql6FQDkfwImXceADo3JAHak7XcdBxCpADN4y+thOD9KIvQAzN6Jds9nOSqYhMX7rLPFXAl+C875xaDd/adfDKrkzF64qV2LAbnyicaELR5d8/mqP6jTF4/hJrXto2ztWw789EUqQLrMldNmALyVIkDm0gA0GVvwYgNMCdPe7Ua+AlDs/DOFtkiPZZt50yA/ZsDUXAdXhZIFuBNAZRxFoZ+xyxsBF+SLftcegS6zEQuLkRUDBvgc4gVt0M6+h1muht2aAfxoHe4aOh5X+6E+lZ6ksRwT+5AVN8fDrFfDqG2G9ew8XQ8xIelhtTOBOcfLfRaFLwjzyasf3baxff14frfoMFYIsAtC9deeF3gvbwTQScXS+x4iAErq8IcVpACMBk2UobD6BvDqIeMppXn4DDg6YqQxoDOlewZ0NSHE9Ml4u+kUDajeDrliEYPTMUvEZ4C9e7OFr4DBedmISKoCQOtZkZYARP/JV7SqijXwnVwmouejwiocTv6bFfhOzgJcOTnLzldOzrLzlZML3BjaoMTO8e+cCMBJQx8B0yPA9jtGZOnSt9B7b+dVa76JzbUcGSHBy5v18X+u88uVC7EwDbeB6H2DmHTZbT+163HuOT69l7EOnFz9ABKSMqcJYZ1RAAAAAElFTkSuQmCC);
}
.hover_effect .img4:before{
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAAOVBMVEVHcEz///////////////////////////////////////////////////////////////////////99PJZNAAAAEnRSTlMAZiLuqbIPU83kMhmWiD/3ecEb8HSKAAABhElEQVRYw+2W25aDIAxF5WK4ipj//9ixCi1idJTOWvPiea3s5oQcoOsePXqU5aQRDTLSJYDGRul1fUAReIOCwLAAGPZt1ntkfw8A5uVgy6+ipOVJgDJLc3r4AA47aAmAGlFH5gVqKACRERIUAAwOy1wYjAXAUf4NBVB5YxWKJoBfC5g1Ii8BziTf5hwg35W/fi4AfEwAAaeAiDKFAxE2FiANH5xXYHHkycvU1IPZg5mnGwZMQ54B0OtSEz8CwJzL8dUw1m0AtpohRQNAydws48PGQlAbkRZgeK3WngW2cLS61wOY5jU5RmstLAE4ENoBhvlUKf8BfNqSq2EaUVVFTutcXgRwHGuXqbcXLdhizHO212m62MRfAHkb7SFgnn5dyWQL5SAdh8nvuyTsbpTlSRasquXuh4nSJs6rHAWI/qMBKsD7QDkOk6s/6MgjLTUnEBWw4aNYV/B9Dy4AFHF58BsXi6PiIu+k0RP3p7p/uf7T++DrJ87Xj6zmZ553zxP50aO3fgCTqTg/BFAbIQAAAABJRU5ErkJggg==);
}
.hover_effect .bnf-img:after{
     background-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;
	color: #1d242d;
}
.hover_effect .bnf-title{
	color: #fff;
}

#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;
	color: #1d242d;
}
.hover_effect .bnf-description{
	color: #fff;
}
#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;
}
.nice-list li{
	display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
}
.nice-list-box-content{
	display: flex;
	margin-left: 0;
	margin-right: 0;
    overflow: hidden;
	background-color: #4caf50;
    background-image: url(/ukd/sp4/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;
}
.nice-list-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;
}
.nice-list-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 .nice-list-card:before{
    transform: translate(0px, 100%);
}
.nice-list-img{
	display: flex;
	position: relative;
	color: #4caf50;
	background-color: #edf7ed;
	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;
	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{
	content: "";
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAAM1BMVEVHcExMr1BMr1BMr1BMr1BMr1BMr1BMr1BMr1BMr1BMr1BMr1BMr1BMr1BMr1BMr1BMr1AqLbs7AAAAEHRSTlMAZPkjBtvAEKfsQjN4g5ZQybgHTQAAAjpJREFUWMPtV9mShCAM5BYPjv//2o2cgnF0sLZqH7ZfZrBMk4TQiYT84zcgnBiyo1JKBaZceTWNECjv/cwJl/Ar+RgB2C2z3zEvIwTgOWU+gtEuMfdRKS2ICbY6UGyNvWK3UTkigiVzxAU/tDjYe3l/NJMK0a9EkDVkohwG2LONBnzwI6R/z6ObXVywfBjOV6grirIp5BEyWNzJHphth5GerXgGQthWCBv2sST+gYSk6FTMgTB4NmgwM/teEZDB/Kw7BeXdufptOnquaqxT8Sq8UkJ34F5vn+ONeUwoZam7ZPUPIEJ2fL8AyjlejFsCsrCmjH0tZ8hef7EwArJuqYw7QFZPpYMSALTHYJHNLgiy/zIgZ2P+msCkpR0loE1l/U0Czsw7AsLFS4ILvCZQKIH6QtangCrjZclBiegeN53NUM8LNQWNxrRK/Rw63iqdVWKAoIjszrB+aC0WdVBnZfHspm1qj/pneNF8g7XNWwJyUNeoWvY7AlE03/Jd/a4PAyc4an5RbnyGQQlSj0t5ZK720GcE5fWk+eCJUFeHgRCssrbcorMlqHuCMmkcNR+W23mGwQmYP5bxYUSIDk0ngr5MN9+Ucdc2T3dzK04J7fL0ubQtt7ZNtSFyOfP8j7l2dDm3TbTq/UxFyl5hSPszFZFPA62kNN8kC94Q2Fbr/MXgudjYGyXrCXLEy2eCOjOxhbwg4NW+IxDPCISpFTEWwgFDHlwTDHigUA/Y8wbB45i+4ssnH3H/37F3+AHW5DkhlXSbiQAAAABJRU5ErkJggg==);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    transition: none;
    width: 64px;
    height: 64px;
	content: "";
	transition: 0.4s ease-in-out;
}
.nl-img2:before{
	content: "";
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAARVBMVEVHcExMr1BMr1BMr1BMr1BMr1BMr1BMr1BMr1BMr1BMr1BMr1BMr1BMr1BMr1BMr1BMr1BMr1BMr1BMr1BMr1BMr1BMr1Bwlw2IAAAAFnRSTlMAYAicj7yWdrMZM8Upg1hFag+q7FHW+EEvjwAAArJJREFUWMPtltt2rCAMhkHOyPn0/o+6g05HGWlru3s5/5qFOmZ9hAQSEXrrrbf+SIon8msZANTV8kM0WPhZYakQVghKBe9PcGu3a6CcHsYpGyTkzK2lKz6djCjG7V8Ul8GOJET58I9vq20rqRavTawtoBURVrHMvFLZsGxmMIfpL4Asm0xWMtEcaw5VzTPXlYVcU2Nrjd8ADHNe+KBxMASXoBGxQROMYXSY4sAvHli5mEPaLIuKChT7JRrTx+0eLl1gcmjhCQXw667OlkyCUiOIkj3kPxTSta5VJv4ag9sy4AMjZANogV8VFGQ9ziff86Co7duKdEDARo9StkCEW56q6Q2QCCeWbwBsLg461wGfaAcQ2vf5ACiS4fsAWIHF9Ayw/SU5AF8req+9sukAmB3vnwBT/FzLwwMxeoB3gHgC6GdL2OeTiaQhiH5/i28CFIHCMAaR9Zf1iAFe00xSqg0gQghlCKJea67lbhAV72k8AQxrLCXWcvkAhERnIhY9YpASPZaAjyWmB0B+EoJ82coA8GcL8kijnstcKhJWqA5z+A2w1ZWZlgtg8aOT5EYaBwCUpUEVlZ7GKmdiexpngLxKlg/AHZ2XsO6nwJCeh74EB83pIUujgaQSjclHGl+CmB9nYNtQsJ0vadRl2+fsmcYBAA3ujIVO1gH6dBrLoqDuBeMDDm4GmFWkH8RgDjC4FBcXVwoYFLjXyLviygSgURyFup9bhdKqjxb1kW37LS8XgLevVd1ZcEr3jwK19FGjnoqCMDyEr5vrSRpOvFBLHzWCwy8KciIIfAVEkbSiFCqcdVAkXPBco58sQclmdc0rrhXqDWGSt/LqAYbRoyJwmHgAiYcuBj0cOjtSyigT73bIL2NwE4Dr/wBWmD5lyX6rum4NIewdHX+jcLEI5f2d/tYf6R8fw0trd6JqMgAAAABJRU5ErkJggg==);
}
.nl-img3:before{
	content: "";
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABABAMAAABYR2ztAAAALVBMVEVHcExMr1BMr1BMr1BMr1BMr1BMr1BMr1BMr1BMr1BMr1BMr1BMr1BMr1BMr1BBg6j+AAAADnRSTlMA3A+Rorh3Zk7yIuUxzBVmueYAAAIhSURBVEjH5ZXPSxtREMefkdQiNoQWDD00bHOsUITodQnoWfbSnErwYlt6CLn2EvIX5NKTpcjSmz16bED0VooU8SqWbtLEjTHzN3RmdrOZeWu0Z/slkJeXz3vznR/ZGPOf6vjZxfnRbcAWQP+275cAIJQbX0qlEi9KkbIIVBwB1DqdHi/cDusQgacVAbRx4yiOnaglALpy1QKUyYe48dkClElTA/gzBYb08hRAJnx9Q0sBj2ITCHwsr5GDDcfYJj5FwGPzAD94du3QRG8C7KcCRCaGfgy4AONU9WMTBGQO7RwnJr5FwDwuT9MN/AUwYCC/gkAjDTTRhEPhr+o3z8IcntsmbFwEuHzxFaWBBQQOOEPUaJf0ROdaJBNZkOr7fA5vJmHowFlSAHb4Jb11GXg+MSEU+O1p56kDUR+EKs0Ag18ykCH3xvxUwLUA2AQ3ZVRmrSMwkACZaGQ4maR2Y1cAFP5sgZ0kJ4a1YFoI7uJckjbPugLIRB+vHTnTEdDASuR8IGdEAXENDsysGzJ7DCSzgCUJtiRAJvDQj5NI3zHjXl0B3OzhnqhkKAtlzDzY8jSwSIflBdDSAI2k0sBYwL4FbJu2fhJYJl4bOVGs9U2h9/EsJ835F4WTPvITK+fPBN7m7wDeeDOBYrdGv5+GGzZ7uVdpYPEqLFRN9p1XqJZ3ctezgXyhuraTW04B8LvYdSnEKof44NyYa/WOWtTDe/o3+heH6jBfkdrHEgAAAABJRU5ErkJggg==);
}
.nl-img4:before{
	content: "";
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABABAMAAABYR2ztAAAAMFBMVEVHcExMr1BMr1BMr1BMr1BMr1BMr1BMr1BMr1BMr1BMr1BMr1BMr1BMr1BMr1BMr1BpAOaEAAAAD3RSTlMAyVtvtqwPlt/VNO6HIUpOJxVhAAAB/ElEQVRIx2NgGK6ASUIIv4L6//8L8Brwv73/Ez4FjL8Tsj/iluY7LP+VgfW/8DlcCu7////7wu3///9fwCLJFegivB4o17ofSCwWcYxCV2D///8XkAIwWArEBmjW/98o2AxXsLhRcP8/VAUsv4H2whUsYGBY/XUBqv++gkKh5gwYFIF0/FTAVIBi5IApUMaqIHedklIiWAHTR2wKLhvbGB8GKbjGoL8NiwK2cwkQK7i+M/0GMrNBIfU7AaGAWQHmBnn5NiArsVFQULARScFjuCNZfyZg+iKNwQrhC1tMb6Z/5DLAFw5s9j+YH+ANKPvf2/GHJFfuR71VdxMgCnJzsTiSB+TrHR3dS7+CUt0ETAX1sFQIVtAANFPvHRDowRTw/UdXwAjhX4AqYMRQwGUMAkYwE9YjK7j0bgG6G3jNDZEUYPEmUx1D0sHfE93LzyRiV8DsxcDAvgFPQDHPFnSd34ZPQT80H4EVXDZWwK7g87W0NEaYN9EcOR/shd+798PDgUfEBQhEoSmKTx5HSMLSJFc8sgLt2Q7AJJIGBrAEU3/tbvqf4+Xl5VdwpAf9YKU3e/ElmPsg+4qNlfQScStoddwJzAhXcCvAm6oZmCeKQtIhJ6Hsz/IjAVVB9hfUQoz5/5xyZFAz/zOakfAgg4EANAXMszuQQfdkhlEAAwDrLoKXrD/o+AAAAABJRU5ErkJggg==);
}
.nl-img5:before{
	content: "";
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABABAMAAABYR2ztAAAAIVBMVEVHcExMr1BMr1BMr1BMr1BMr1BMr1BMr1BMr1BMr1BMr1AQoM5AAAAACnRSTlMA/gHBfDybXO4URqW3kgAAAWJJREFUSMfV1TFLxDAUB/A2VM/bGrScZApxc1MXuekcXJyuoCA33SZ0ulucFXHQqaNrPS2ST2l6MU3TvCRUXHyUUu7/u+S1SWkU/cMal4F8uin9OSc+gaZ8lpAN9eVR5BaoEHkiDlJTd064S6icu8SVyqX46OcXOpfiwMzX3VyKiSe3RN7Ppcg8uSFuoVyK5yZ/g3MpXgQYOfKtWG3ncOSN8OdKxM6cpz8guwErb0HKGLC8LNYAMaBoByRgh0NAcAp4F3fA6Ayo1ZAegiMEe1DPTvXvAIWavYZBYi+zCY5rNUXxDoKi7TWuQUBmCiQVBMa8faMRLwGw+6WfwOsSAHu1BsWDBdD9+vP6/BGLOny6XEzurBHE3WPOmzcAk0qcLZCbS5nZPZjAbpKZgFpgh58eqVRczQFAUft39DvQnaKaD7+LMDjBndoH92RwVwdAjPWWk5d9oAfq/aK8PQJO/+JT/A3+qY1VT/pGVQAAAABJRU5ErkJggg==);
}

.nl-img6:before{
	content: "";
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABABAMAAABYR2ztAAAAMFBMVEVHcExMr1BMr1BMr1BMr1BMr1BMr1BMr1BMr1BMr1BMr1BMr1BMr1BMr1BMr1BMr1BpAOaEAAAAD3RSTlMAZD3z1Q8llU+JtHupweZ+MR5aAAACFklEQVRIx2NgGAVDE4QpCVZglQhNU9KQnrPWz/7//7+pGLIcd0ESCOCdgKaA8z8a+HJaAUUB4xeX9+hKZqCZwiZ5GU3JP3THsmZ0fUZxyX/bigBUJYy/OGZdQVFiI4SihPsjkAja44+sxEoU2TMGELuU1hsjKfERRVfAwLD/gvYRJOdgUwAMWkVBdQ9BQYk6CWlUBUwaHWL1FyCOPgAkVNDdEAwyFKiANS0tcAGQ34KugBmqgO3/f/MCbAqCCSlANSEsVQS/Cf7/1+AygQOqYFUAmoJ8qAIuqIL6BUhx8Qmo+jxIwecEkFVgBfORFDD+LwBZDQIKDPpABROk7f/7G6EqYATLfw7ImA9UYP+wo0NCCFUBN1jBbwad8jOr1joXoKSXqCX/X93WASv4hZwgmWCMCAkliXpoqnNAyGfMgSZJ1tQwVmCWCQ1LUlJSgpvAtF0CkgO6S26dOfXlzKoTqAlZUBKcnpgmqr3/D0yQzxmYipF8xZC0fRIkHNma9P7//5ko5KekwCDvBEwKShqNgoK7twupwtXuB7pcUGL9RkGh+f9veVXOnL17t6CgGHIIgIPH3uvMGaAvHmFmfn3U7DKDFS1LMaxHy5feHqjyTP8x8j+GgkUqcMlfGcDMh2oHMI4TEKY8BToJzQSGwLkJbHAFFxiS35mjeyP4ABdcwW+G+1PR5aONnxe7wMC7PXY+qqMVwoAAAB+yvZthwdPFAAAAAElFTkSuQmCC);
}
.nl-img7:before{
	content: "";
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABABAMAAABYR2ztAAAAMFBMVEVHcExMr1BMr1BMr1BMr1BMr1BMr1BMr1BMr1BMr1BMr1BMr1BMr1BMr1BMr1BMr1BpAOaEAAAAD3RSTlMAILdvFNua78tVPzH6B4QyiH+xAAACq0lEQVRIx+2VTWgTURCAN8mG5setDQiCPST0IPTSLQYq5GCkiFIREi+9bkFFb6mKAaG4wYveWqlFekq8KCjW0IOCCqKU4qGyUQ/+gODBk5dgYn4MoeObefO2W0kseO4c9k3efDtv/t5G03bFK18mRg6mKv3t92wQki/pt2IkR/+yr0LjzPLiOaiVc0DyZnybfRDWy7g+ceoBCUCj7LEbZpNdHoeEfgxlBV55gE+tBaXeb7PytOEBzNOu6rMKUonCVhSDrSFcdDrmRJN3c2su8LJDyx56NwIc3UDNBawZWjIXqU7VrNwNQ4ntkZYshQ3TSAx0VGRMav5NCsoRyWMsAeU6vslK5hc+QwDTFh6vA9ckACsjP1ApUnBxgESYsplXRbGET8y1+k0Bcr86w8ALAWAcJr0RdIEir3gqeZgvyazgmjz8cXb4+bMHy4tHzgOM0lEy3yWAy7JuBYs7CnXakB404zDAggRsBchETY46KEMSMbhAg2qbo7ZVEPiJWnocXKG+pCnq998FQA00724B5Dz+lnrZugGAFTCcD8rsyJkI1VXSbcwz3A6isTWWfDgFVMMADZfvkPWa+GAng8BZ3JOAYcvh2ivbm57FyW/LdsmqF9c8gO48Qge/afwY8MtJ9lEvQzU/Aphw1GJAtxOeCc8WEWgmk0kTGND219yrONkY5hy7+GAgal9le9iuB8EjajQmYZSq/tmE1slegHYH8qnYgQnsc6HaA9ArS/S7LYhtZyggul6ZujB3Zax0Smzuu0ly3fJ6gNpt7WuFBg9m1Y30AD5xa/KyDKIEvQCcHtI+qiEQwwvuoGuGteHI+YsAj40oX3ej634j3sViQ/xZAODLaYiPXY/vYZBvS1+Jciv7S1pdh34S2gnQnR2O0FYvlf8NRFK7/33/I38AhmG+RmVUrX0AAAAASUVORK5CYII=);
}
.nl-img8:before{
	content: "";
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAAQlBMVEVHcExLr1BMr1BMr1BMr1BJrlFMr1BMr1BLsE9Mr1BMr1BLr1BMsE9Mr1BMr1BMr1BMr1BMr1BNsE9LrVJepl5Mr1D80mUWAAAAFXRSTlMAMq3KehDsaEHf0VK194udvVwfBgKv2a9DAAAClUlEQVRYw72XiXKEIAyG5RA5BAXl/V+1XKt4x22nmc7Qdc235vgDNs2JzQ4h5NrmK2vtILVPJjB1b905Ls4fk90E954R8UdjYEQ7+HOTCOSPhL+0DhK99jc2zE/+qvInxnLELe01nLD+PqtKN6lxJdz6O1Zu03TXPnzJjL2r3+eHxDHfk+2y2Zsguk/w33ZvCUBU/nREcAAt6XOVmrwf83c33eFF7o+pPICqcxf6L1XX35uqbuor9zFWlZmmGR4Aqbg4/7/GbPyCxEdtjasRj2O8OQKyNmWMLvz1+AxAavkkAMpf0OVycFKqhAQB2H0EwrN4ET8C5gzIEet1aoSpwkGA8gQ50WLbFuIS4NlqOt2E9+BpLF3SngI2tgLGWj+l/XoYIIcgt/I0C0Cga+NVEtlBHv2QAPJOhQlQtOz2ANNYGICfDRwTOwsImPSSjnxVsEGFxAwGGEKTq6bd0h2+FhMA0O3GriXvAHOr92pwVgZ32wKf4DM1ZDUSh5JVEGB2+rB3IIlbMGAdQeYw+oGA9jN68fQd4NNMx6MAFLDsTSERaAt4FlMlvzJzKI8JnBCHyXk3y8suHaYNdB4sURyOKC8B8+GQlAC6U0qF7pY2rB3zOCzKeBY+dnoDiKNMHwGkJDnvG31u+Dl7kh0gyMIwEKC5AKRj0cB+BUhi5B01lCoXAazNVcaxzVuZNYY8mVID46ezx5sqXAEEIUTGLg9rqJMOC2HpMgMBxJyntCn7Js8ikFM6WwEA3yTxbwHyDDC9APhQUBp2WxYXo4NWg+E3gJv6gQDa8mCjlyosivkhfqS/TeL8n1XYAvB7QDqCT4PHbTAnfBdX7kW4jPQ/iIk+AMwTwLFbf/b8bs1vXzg46I322qLSfwBQjXLWgDzDjwAAAABJRU5ErkJggg==);
}
.nl-img9:before{
	content: "";
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAAP1BMVEVHcExLr1BNsFBMr1BMr1BLr1BMrlFOrlFMsE9LrlJLsU9Mr1BMr1BMr1BMr1BMr1BMr1BMr1BDsE9Mr1BMr1CmQUWbAAAAFHRSTlMAMquT7W2eE2EhC93O9z+8UXgEhzyxeSEAAAIESURBVFjDzdfbtqMgDABQUArIVTH//62jWC0gUNTOmsnTqT1shSZBEPofYsBfg9WGK2iIThQBC00xl8Y73QaoEiDaxoNM7juyZ8AEhD8BhnXidrgPbCuvJ7f8TdqALhzP96s0/FANjYPx7Lhpv340fSdBdcVYv5zD8Yge89rTq4dXOVUp8PiCAW02Y0QxwIYkWA4QEiaERhmuiwdcJqn7DDCDcn7tCIsBnFs8cQYI4G0hg8seMDmA5QDmh1j0CFBgngL458CQS0BxAUCzJElIjq4AjZn4A+DFOZdfAFEDtqgCPBiUAu+MJ64CLB1rKgL800tKgFNBpS4AUV2QdgziUs4AczTDrfSnZA5ElAHzLsO4/3xETDV00QPEwNIwlhucGlh/SoUSQJOdjJ7bcg1wY7rGb0CxNmAg6ZrR8xZfA95pIq3tWAQQ/VmGCjAFtWziNcC+uL8AWJ83s+NX+BRgGQge4GjadH+e7si+MuDGcbTRBHaAhkVRzwOb5M0KyFf0X3VA+l9dnKuxERDpbn4V8DvcC90H1lS26AEwQbjt3gBo0mwuAzaq/BuAmcUzoLyx/DWg+TWvADS+aJoi0P6qmwcuvGzPR6cEcHcAvjcpHL67XwAG0P6EsLSm/t6Rh4JaBNHv0OVDl1h2bak06PHmsc+J3h918IODpzBmQO63R99/HX8AzRRv1PQvw8UAAAAASUVORK5CYII=);
}

.nice-list-img:after {
    content: '';
    position: absolute;
    mask-image: url(/ukd/sp4/files/feature_card_circle-1.svg);
    animation: spin 10s linear infinite;
    mask-size: 100% 100%;
	background-color: #4caf50;
    transition: 0.4s ease-in-out;
    height: 110px;
    width: 110px;
    left: -6px;
    top: -5px;
}
.hover_effect .nice-list-box-content{
	color: #1d242d;
}
.hover_effect .nice-list-img{
	background-color: #1d242d;
}
.hover_effect .nl-img1:before{
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAANlBMVEVHcEz///////////////////////////////////////////////////////////////////+GUsxbAAAAEXRSTlMA+QbbwFcQaKfsKUIzeByDlnV+NCYAAAJBSURBVFjD7VbZkuMgDEQcBnwA+v+fXcxpYxwnZKdqHqZfErusRmoJSYT84SdABR2yk4wx7k0NRz6NEHBE1IbMzP+yeYzA2y0ad+hlhMB7LgAjQDTCPEfFFSU22KpAsZ3sOZgnAkGoSmdHPxQ92CN7Ts3EQ/QroWQNSpRkeHvY5A7xQl2zy4/MEKFFfYjOYQW/oyiHSkCQ1Z3sgd12WIaw9hUIYTtKXTjHkfgnJoN6Bh41oLavhgxmdj8rwiuY3zVZ4Ciu1Z9PM7zGOhWvwicli8K719rneEMZZ5SyVI1Y7QufP4iKpzLO8OUcL8YjAVngVMZYy9kno71YPQKybqmMG3hVZVvCXQIPhT24zmE3BNl/FpDV0B8T2PToRgnEqbJ+J4EB+x0BMfRLght8TcC7BPyDtj4F0NLGA0LMvhPJ/b3UdmjmhZryg8aeO/X7UPFWxcvCzAhBvNfprqwvRovrOqhyZ0F4GJsKuz3fzqXnx9EnPyQgh+4q4aZLvCKgpec7s3e/+2T0CY49v3Tu/g7TJUgzLukIZWzObxKUz1PP9wpSfpeMDsHKTlPqOjYfCMqmcez5/nG77jB9AsBjGZexaRLzdCFoy3TDUxk3Y/NyN7fiFFUib59L0vEyNvklAjKDNvlflWjVnYnVUTBUPeq0J4vKkM/nETkb3UpK+006ZD4ROHJeuG4Wz8XF2cigJcgRL68J6s4EC/mCYK72DQF9j4DaWhFjIRww5ME9wYAHvOsBvD8g5rCmyyyKOT/+4X/gHy4YPVJIM2CEAAAAAElFTkSuQmCC);
}
.hover_effect .nl-img2:before{
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAAV1BMVEVHcEz///////////////////////////////////////////////////////////////////////////////////////////////////////////////8egqRXAAAAHHRSTlMAYAqcvJIzw45YKnSXRWoYqn3stYawIANREtnOPcwZqQAAAuRJREFUWMPtlutyqyAQgLkooshNkIvw/s95kKRRo5mm7fmZb6akKvO5LMsmAHz48OE/EVuFf80AgF862z4YqbBUaMss1UxrRlvdrleWaVsGqwUdt9l0nhzQ5ios5L1H8evKRRBRvXv73MAKtOPhDs/J5oQXC1PWKQufAG4SNNOYqMnQZHeYzmZAnwXTnI3Sc8Ny3+QeLGScRpIaMS0qm5TQNwLX9JxxQaAYMAyCAGwFwRCWsYcUivEUgZ39sEGcRxJJ6WJ0yEnkhnWMMkopY2Ugu+m+VUDkpvsVc0FlDCgG6BcAsqSUjBqfc/A2rmtMg3EVEAafEbKU2Ku3+yqgpbJEi1eBgAM5Im0oGc7TJZlUgcIj1mMVwOEUYN8DoPMLbgLc0pa1B0EwDXxbIK3VGtK9wK4P8SZ4ha85QJwTLrXaBMNNzx+CIfBr0C0C/RQBvAnYQ0BfLaFWs5uVUnafRH57Ct8VnJPYrQ/TlgOY1BVmlnUJTAgRDkkkaZlS+D6J90ocKaX7CFyTu6LPU/gSCNVegfVNYEo0dMsB3Jao7gLzIgVTFchdKRcB38/A920k1wynjgQdWA7v4FVQWsklDp0Enh+DxG9s40FQ2tKBBYR1GxdzRWPkK8HUmWbaBO+wX0Li9ZAMeN2HdQk91Q9oHBSlmEBM79v4lMTpfgZqQZVyXgXz4QiHWufmsY0HwQCY3d2VqArI7jQG5ErfE44LKPorwVVH+kEOrgUDDKGPqA+hTAjlfwJ4H/rgzwLy/NUAxFdLI3IdNVjHptbbhE4CrsvyDl29tyUoYhmzEukyEsA0K50alh8Nwl9+ue7u+vsF0UJoicq51wSUw88C6Jlg8CyIWhHZUg1b25cm0Qvero33/SVIky1Zpg6mpfQb3MxjXpsCKe9mNQJGACwjB4GVtZ4j8DGWxEVZ/iKQzrkhevCTbfwDRQCXvwi68no1meaXmKVb18pvNSDgN4jTDBH854f6h//DP+nCXE+dfRGoAAAAAElFTkSuQmCC);
}
.hover_effect .nl-img3:before{
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAAM1BMVEVHcEz////////////////////////////////////////////////////////////////P0YphAAAAEHRSTlMA3A+Rorh3ZvvyIuUxVcxDHw6LDwAAAgdJREFUWMPtl1uWgyAQRHkLiMr+VzsqDTTaqEnmZ86kfmIwXIt+IGHsq/+hwPm8agzvAlTcpd82kObbpXPfi6Q6IhoxnQ0IGqDjuCrKOiLtiGUTgDtFA6Z0P4bjmltZGyfWs7BL0gALBmw/iGDBBRpQPqZumMGCogBgwNqrLIIF6ylAuZouMj23UUgAJ1cpMKCVFOzWgvMYwLcZ5mERtomoAO/u7RMWKkCm8fm+3psoFIAYHxooFkbfAJ4bKBYMAhQDwxPAAFHYQi+hLMxL+wCvFgA2w9AgfNYDCyNKHmh0RVwudxasqWVBSnv0OAhaEqx4S3+4AOxdK+rXWuHiHAVa3JdNqK0RZCFf01LbAzgsG+U4W9iHgr0gBBpQLODSlFgaqKYDQBZwQM65niUNyBZmkX/JD7sIcJ0GwFG1+2gDuUK6gLIBobKkeq4PAAv5XWA6TWu7gDb/ZwO3DpjAfXTeB6A6uOoCsAUXfGg1QWyl6QNQKzvXq8SlU0jp3X58qxIdza4AxUK/GZZLQLbQN2DYNQAsXM3v7AenKFDnFL2fIsgdCRG06sj4ti2pYv0NxeXYgegIF/3rADPwDwFGvw5YMyx0ipHekr2mZhq2tUStnwB89HHhg94BZtJsu5ZytYJPpI8BC08AtQH4febW9O5LkGUJEi1hcOJ5QvVndWJiXL7/1/6GfgBjpEovdOn4oQAAAABJRU5ErkJggg==);
}
.hover_effect .nl-img4:before{
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAAM1BMVEVHcEz////////////////////////////////////////////////////////////////P0YphAAAAEHRSTlMAyVtvtqyW4dUSNPOHIUoJOFPCMwAAAflJREFUWMPtl9sSoyAMhg0BwsFA3v9pN9ZDrWUt2qud7T+dqVObj5wIOgw//TsyQGC+sPcyyd9fX4Q8idz2AYTiEEngjnEZEUScXjkRwLFctOdH9EI8cJ4vudMyObAWMMlCcLRcJZxuuPTBHud/2xXwVHLzN55HLpIBgLABQNI7Gs9pNqzkOdYGYP49y2kU8Mj7owf8uJc32xLBdAH+7uN/BTDYDaicilHFPcA0N1ELwKgap88K4DrZ61bsAsSx1NcQks6QzT7mrZdybALQvOUABLb1K0wtPImgCSjYSKKTEHuqUNV3TA1ARe4oY/Wa54S3+6Dq3qcBy/1GUkAm/00npsgCpqTEHF8AlSN3JXEYtxLTJB1bbh1soQfg3+feBqDFS1NWmXIEFPkMgP19PgCgA5DwKXPwoDm6582kfqePOWD0CG1AXxmN16REM4LkANZ7HcPxUh+gnb30dLORMOghZF3YD45rADqcOk8ALynvBghyVNUVsCvjWRLDvgBZ1eqDUQ/1ReDqC6CAXOzEw0xcD/wGwOSQ7TI14lP1NYTohatuZC96+M5ie2keGHFoTBkz3xwovMXmp7Ipq94BkLNAYZ78F0Pg94emizMRdWH3MvvCt8e7Faqn9pXEpvPHxLDWtKUxfHpQfG+uoz7FiIHOFPD3FvbTU38Apgwt67LwPFQAAAAASUVORK5CYII=);
}
.hover_effect .nl-img5:before{
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABABAMAAABYR2ztAAAAHlBMVEVHcEz////////////////////////////////////JATChAAAACXRSTlMA/nzBPx+bXO7jCAg/AAABOUlEQVRIx9XVMU+EMBQH8FLF043qJWe3c3Bw07h4m5e4uHFOjm6G7W5x1hgHN/WU+L6tPUoppa+PVFx8YWj4/1IelAJj/7DSvCefrXM6B0mKGUy5XJM5Y4QoVM7VIUsilxAUdQ4hcWJyLT66+ZHNtdh381U712JC5J6Yd3MtxkTuiFss1+KFyK0YBfJKLKtrBPKNoHMjkmAOWQ3GV2jNG5Dh659EAI52GAOG9zA6R2oZ00PvDMObNFunrhIH3F9mF+w1+614Q0HRtJKUKJBTA/g7BlKw/UOOgJ1vC17vELDb+iYUjz54WH3eXDwJVYfPx9eTew/oB7DZAaLaBh5YuEv55ffgAhYPUjjdMqka5R7YBjuJGl3Gg95LDL8LdiZadfC7l7YHJMK+cnrYBXaizhnj/RlE9he/4h+c0lqV5OcXwgAAAABJRU5ErkJggg==);
}
.hover_effect .nl-img6:before{
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAANlBMVEVHcEz///////////////////////////////////////////////////////////////////+GUsxbAAAAEXRSTlMAZPPVJZVPQom0ewipNhjB5ml+UCkAAAIZSURBVFjD7ZbrjuMwCIWDL2B89/u/7OK43SbdxOnsaqXRKPyqqvor4MPBy3LHHXf838gmEYDFjw+EbOQIIXgXueiq2hrF5OuzWF4HDkJ7cwFw7Sp09GkCgKa1rpcQh/NMDLiiLiD1qqnBIHJTM44qFsMUAo0XdHIRE0iEdA7xDR5KIB/PKYrh5IKd2umJ0nlNOh5B9oA1pbL0ZI4pHwKGVkXbQFYj9EBbQXQ7AyRCRDD2AXg2OT4+kL7oQfidc3leskQAfk7AlwFm7b613wKQey3/AugC4/hVAL4BOMwBpr0BeA+wjU9mIQ19xo3wuxNktQe4EwAIe5+ABHXhDJZ1C/jO0k2lGQC2o5cXg+4BUE003DWKQDOA3wBE8SlaGyOzGIWyk23ALOVVLp42LWh86obvRQRJTBYK2rY3gWPNSFlbLYQg45KzEZmFMb591yTZNpQOMiBvATdNQG914ShlitFIrXHmv1n8wL3ciByQWffC6oa19yhZpU52iZH/dhR2pSQae8UZsRxdE3XTlX1DwwVSt5bVhryXxInCgfxGt7tVcfP9t9TvvbBm6yR8j5VhTu7+JRrVdO9FHLdQ0werPc02UXQoFzIH8NVe9Rr/NoG5krYATnS0x9jg+HpWxDq45jmv+30eHl/r+YNKngbmzQFeXmRUrbMBHAgVj3spg1yau3poZa9UtVbpP6JWH1XVkcL98L3jh8cvqBU8hGJ4AQEAAAAASUVORK5CYII=);
}
.hover_effect .nl-img7:before{
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAAM1BMVEVHcEz////////////////////////////////////////////////////////////////P0YphAAAAEHRSTlMAILcU25rvy1U/MfoHhGh30zYF/AAAAoZJREFUWMPtV9lyIyEMHO5zQP//tathDiTAKTupfXO/JC6jlmhdeNu++GJCDtVIKU0N+TfmwVi4YU3YNuUFhfrZPEq006Z676vR+L+MmwGK5OoP9jseMLHTmQRQtwIcOr66PLo3PESF7iX+6QiHE7G2d2D9rIkFN1zTgl4SSNArZqEnBoCyvL8l9qpfRVkw/KiBNCcDaQP5mIjXADDIZg9hBmjmRmE4mQQ3XNpzb6cXS6vBtnLI3WOY9JoU3Lt9uhL+aFLHkAWQ82fI0GVxrVqwEOPy64sSwi7lHp5LOcoOrXy8IJx+0uxEvWXaZwKWYzNm7bqnviXwA7kcZJ/y5k6Ccn8KLEnYyrtiSdKbiIgQAnZqqfvZ9dI/TmmefIvBFlpm7rk1QSHxsETn0vg9I7AzwU7KwC9E1kyDBYHOvT36nMk9S6SS6gYLPJVSiMpZon6NoPechCBWBL7nPvXeSWBdi/fJfU6Q62icehk1FcuYYXBqI4Xak2DlXkuIylMVC1FMVKkhyUIlDeqxf8Ym66hs+Zhi7Vqw15/h7mhDGVp+bExRApUg5Fk3HHWsQySbnULQqpebfAjuL6IGTqBWg+6ePr6Lb0otpdSTkfWoQIZ52Kpj2kd4ATNujGmzeHskW79HcHjDBu0VlX0L1KrwJsHp0JoScI+HYvSTuf1NApWvWXBb6nvw6fcIYsJdoLxxNll9jFx1TT6hHIXUryJoUwpTkXMm4w3o1rkX4ZJApOtpQ6tgdfIlAbBZfTUJr+B73y6GP57GLkyJr63rLF/oWHTHwTS9E/L5FBteAwtnq4MvoccZ/iniuKw/Rh23wMdwfyU4C/L3V2iPHhn/9IQPJXx/x3zxn/EPuYE3cBkwiF4AAAAASUVORK5CYII=);
}
.hover_effect .nl-img8:before{
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAAS1BMVEVHcEz////////////////////////////////////////////////////////////////////////////////////////////////ScsZwAAAAGHRSTlMAMq560GjKDu+5U6nmRAWL+DrbXJwiFsIcR00LAAACm0lEQVRYw8WX6xajKgyF5aIiIiCo5f2f9ARBxUsVO7Pm5A+tmk+ySQIWxZWNCKGxLn6y2g5Uu9kEJuNb9x5H58VoKd+4V+5sIhtRD+7aaJ/lj4z7ZrrM8O+Yu7HhMYwuEe+jbId6S3DCbB8I/erPyLRelfyzzeHWfxJLtOSQPt2qzK0Oy4sEOt2Stgxmb/zLJfjpx+yNAZjEnzR9PoDE+SeJP8J0wuTEzeKKoIuMz/B0VSD//MjdvfHkoSaRvvGrylRRDA+AeXHb8HtbAOVWJD65sGazymEfQci3anu/1xMCbNorQLUL1ANQuEHWy+DEeQwpB2CPERgnvC44FxAi1luxQFfp7QtAENrs0wI0aK8BjiU2A8IifJLEDJVhyukSsLNLQCGJ+L6MZ0AIge6zW60Ag75bl4jITuWB2xlA76pwBsRaHo8AVdg8QB8A9hgCyQVIvcoR2pthAwdhBpUZQuxnetxaQVpMGYDy0HZt9RIw6aOMo6XgbutMwNI1aNLRh6hqHmCMU2iTjZLiOh+wtiB1eiQTsPR1h+VvgCWZQAf0G2Ddm0AItAc8F9NeBt9zSO8FlKjLK+czwecl09n9YI1CH+++BBS9uQLoknMO2W0sjCVzLQxcOQF/4ZV4fxQg7Ayooshh32hi+w9JVx0AUBZK3APwA8AfiwbxR4B5Hl1JFCF89A6iDms0H9NqE2oMuUrOCYyfzh6vVuELQFRVRX2Wg8E6afhbsfmyyAKY2KVV3De7OUhHs0P4RcS/C6BXiSRfABwsKCFw6PCD0lCrYPgN4NryAdp2YB9H/cCZG/xI/qWI/z+A+SO8HBye6roejSthqLv5ZI7YM6B9KKY280vgq6kHfzndfgw69vxt3Zsbf5PzVSNvdiZ//z9QSYJ4OjeatgAAAABJRU5ErkJggg==);
}
.hover_effect .nl-img9:before{
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAASFBMVEVHcEz///////////////////////////////////////////////////////////////////////////////////////////8FevL4AAAAF3RSTlMAM6qT7W2eEwtgIdX34UBRuMYrBHiHZS0oDK0AAAILSURBVFjDzddhu4MQFABgZFFETXX+/z+9arUQTbX73Hu+7KnNu+I4QOg/RI0/Bjtq3kFGEJ4EWsiKIdXeyDygSwE8rz00wf9qdhIQPtADre4A9fTiXX0ZMK+el72xF00e0LpAtd4t7cWY1V5ipz2j6+1iulQFaUCQZDTQkeHpPkD5Hpo1vQp4pFO1hMq/oUCql6GRD7A6CBYDeAM9Qtr2HUEeYCJJXUSAAYSZO5IyH8CxzuN7gAJ+deSIfEDFABYD2NzEnR0XAAH4LvD8OvCMJSA/AaChoUE0IzoDZGbiF4DHOI7NB4AfAa84BCqnUQgsGU/NAWArVp8Exq2WpADTOTPVAlQQ5ZQT8KdyBBjs9zgoH33wDpKnAbVMQ7/+bCIuJRDvAXyAT2WW7gpYsUuFFFAGK9kCkFxAh328AB3LA2oa9lm5X+KPgGW3INqWMA+gcuuGA6B35rLygBZvQ5cGsLNbIOEobFUsDTgP0DAfUIi8sy8NGK11573ACpTupDjOgzbImwkQD+9Xx8C83gu+n42ZwLzjkE90GZiL8wNdB3S4HTkL2JGk7A5QBsXmNNB6M/8CoAZ+D0gvLL8GZG/zEkD+RjMB5G9148CJzfbwrpQA5gpQrUUKu8ePE0ANcj4h2NJUXALsgAo7GrxYoVOHrgngwn52EqS+euzjxXzUwTcOnhyr+ttH37+OHyfHf6E8CN9hAAAAAElFTkSuQmCC);
}
.hover_effect .nice-list-img:after{
     background-color: #fff;
}

.nice-list-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 .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;
}
.btn-cancel{
	display: flex;
    flex-direction: row;
    align-items: center;
    font-size: 14px;
    color: #fff;
    line-height: 30px;
    padding: 0 30px;
    background: #f4b3b3;
    font-weight: 600;
    width: fit-content;
}
.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: #f03a3a;
}
/*=================================*/
#relate{
	display: block;
    position: relative;
    width: 100%;
    background-color: #fff;
    padding-top: 50px;
    padding-bottom: 80px;
}
.relate-container{
	display: flex;
	position: relative;
    flex-direction: column;
    align-items: center;
    flex-wrap: nowrap;
    width: 100%;
	max-width: 1248px;
	margin: 0 auto;
   /* margin-left: calc(-4% / 2);
    margin-right: calc(-4% / 2);*/
	padding-left: 0;
    padding-right: 0;
	z-index: 10;
	
}
.relate-col1{
	display: flex;
    flex-direction: column;
    align-items: center;
    flex-wrap: nowrap;
    width: 100%;
    margin-bottom: 25px;
	margin-left: 0;
	margin-right: 0;
}
.relate-cont{
	display: flex;
    flex-direction: column;
    align-items: center;
    flex-wrap: nowrap;
    width: 100%;
	
}
.relate-box{
	display: flex;
    flex-direction: column;
    align-items: flex-start;
	flex-wrap: wrap;
	padding-left: 0;
    padding-right: 0;
	width: 100%;
   /* max-width: 104% !important;
    margin-left: calc(-4% / 2);
    margin-right: calc(-4% / 2);*/
}
.relate-portret{
	display: flex;
    flex-direction: column;
    align-items: center;
	flex-wrap: wrap;
}
.relate-img{
	display: flex;
    flex-direction: column;
    align-items: center;
	flex-wrap: wrap;
	width: 100%;
}
.relate-img-frame{
	display: inline-block;
    z-index: 1;
    overflow: hidden;
    position: relative;
    vertical-align: middle;
	border-radius: 10px;
	max-width: 100%;
    line-height: 1;
}

.portret1{
	display: block;
    border-style: none;
    max-width: 100%;
    height: auto;
	vertical-align: top;
    box-shadow: none !important;
}

.relate-box2{
	display: flex;
    flex-direction: column;
    align-items: center;
	flex-wrap: wrap;
	padding-left: 0;
    padding-right: 0;
}
.relate-portret2{
	display: flex;
    flex-direction: column;
    align-items: center;
	flex-wrap: wrap;
}
.relate-img2{
	display: flex;
    flex-direction: column;
    align-items: center;
	flex-wrap: wrap;
	width: 100%;
}
.relate-img-frame2{
	display: inline-block;
    z-index: 1;
    overflow: hidden;
    position: relative;
    vertical-align: middle;
    max-width: 100%;
    line-height: 1;
    filter: none;
    transition: all;
	border: 10px solid #fff;
    border-radius: 10px;
}
.portret2{
	display: block;
    border-style: none;
    max-width: 100%;
    height: auto;
	vertical-align: top;
    box-shadow: none !important;
}
.relate-img-frame2.jumpAni {
    animation: jumpAni 5s linear infinite;
}
.relate-col2{
	display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: flex-start;
    width: 100%;
    position: relative;
    padding-top: 25px;
	color: #1d242d;
}
.relate-cont2{
	display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: flex-start;
    width: 100%;
}
.relate-txt-title{
	display: block;
    width: 100%;
    margin-bottom: 20px;
}
.relate-txt-title h2{
	font-size: 34px;
    font-weight: 700;
    line-height: 50px;
	text-align: left;
}
.relate-txt-content{
	display: block;
    width: 100%;
    margin-bottom: 40px;
}
.relate-txt-content p{
	display: inline-block;
	font-size: 16px;
    line-height: 26px;
	margin-top: 0;
    margin-bottom: 20px;
}
.relate-txt-btn{
	display: block;
    position: relative;
    width: 100%;
}

/*=================================*/
#banner{
	display: block;
    width: 100%;
    height: auto;
    padding-top: 100px;
    padding-bottom: 80px;
    background-image: url(/ukd/sp4/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: #4caf50;
    margin-bottom: 20px;
	transition: all 0.4s ease-out;
}
.banner-col1 a:hover{
	 color: #c5c6c5;
	 margin-bottom: 20px;
}
.banner-col1 h2{
	font-size: 34px;
    font-weight: 700;
    line-height: 50px;
	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: flex-start;
    flex-wrap: nowrap;
    width: 80%;
    margin-left: 16px;
}
.th-btn-bn{
	position: relative;
    z-index: 2;
    overflow: hidden;
    display: inline-block;
    text-transform: uppercase;
    background-color: #4caf50;
    color: #fff;
    font-family: 'Poppins';
    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: #fff;
    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: #111117 !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: 60px;
    padding-bottom: 40px;
    background-color: #daedc1;
}
.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%;
	margin-bottom: 20px;
}
#thx-txt p{
	display: inline-block;
    font-size: 16px;
    line-height: 26px;
    margin-top: 0;
	font-weight: 600;
    /*margin-bottom: 20px;*/
}

/*=================================*/
#ukdcom-services{
	display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
    width: 100%;
	color: #1d242d;
}
/*#ukdcom-services h2{
	font-size: 34px;
    font-weight: 700;
    line-height: 50px;
    text-align: left;
    margin-bottom: 20px;
}
#ukdcom-services p{
	display: inline-block;
    font-size: 16px;
    line-height: 26px;
    margin-top: 0;
    margin-bottom: 20px;
}*/
.serv-bg1, .serv-bg2{
	display: block;
    position: relative;
    width: 100%;
	background-color: #fff;
	padding-top: 80px;
	padding-bottom: 80px;
}
.serv-bg1-title{
	display: block;
    text-align: center;
    margin: 0 auto;
    margin-bottom: 70px;
}
.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: 24px;
    margin-top: 0;
    margin-bottom: 0;
}

.serv-bg2{
	background-color: #f7f7f7;
}
.ukdcom-services-box{
	display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
    width: 100%;
}
.ukdcom-services-box h2{
	font-size: 34px;
    font-weight: 700;
    line-height: 50px;
    text-align: left;
    margin-bottom: 20px;
}
.ukdcom-services-box p{
	display: inline-block;
    font-size: 16px;
    line-height: 26px;
    margin-top: 0;
    margin-bottom: 20px;
}
.ukdcom-services-box p a{
	color: #4caf50;
    text-decoration: underline;
}
.ukdcom-services-box p a:hover{
	color: #54e55a;
	text-decoration: none;
}
.services-col1{
	display: block;
    position: relative;
    width: 100%;
}
.services-col1-cont{
	display: flex;
    flex-wrap: nowrap;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
}
.services-txt-content{
	display: block;
    width: 100%;
    margin-bottom: 40px;
}
.services-col2{
	display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 100%;
	margin-bottom: 30px;
}
.services-col2-cont{
	display: flex;
    position: relative;
    align-items: center;
    justify-content: center;
    width: 100%;
}
.services-img1{
	display: flex;
}
.services-img-frame1, .services-img-frame2, .services-img-frame3, .services-img-frame4, .services-img-frame5, .services-img-frame6,
.services-img-frame7, .services-img-frame8{
	display: inline-block;
    z-index: 1;
   /* overflow: hidden;*/
	overflow: visible;
    position: relative;
    vertical-align: middle;
    max-width: calc(100% - 10px);
    line-height: 1;
    filter: none;
    transition: all;
}
.services-img-frame2, .services-img-frame4, .services-img-frame8{
	left: 10px;
}
.services-img-frame3{
	max-width: calc(100% - 20px);
	left: 10px;
}

.services-img-style1, .services-img-style2, .services-img-style3, .services-img-style4, .services-img-style5, .services-img-style6,
.services-img-style7, .services-img-style8{
	border-radius: 100px 0 0 0;
	vertical-align: top;
    box-shadow: none !important;
	border-style: none;
    max-width: 100%;
    height: auto;
}
.services-img-style2{
	border-radius: 0 100px 0 0;
}
.services-img-style3{
	border-radius: 0 100px;
}
.services-img-style4, .services-img-style8{
	border-radius: 0 100px 0 0;
}
.services-img-style5, .services-img-style7{
	border-radius: 100px 0 0 0;
}
.services-img-style6{
	border-radius: 0 100px;
}

.services-img-frame1:before, .services-img-frame2:before, .services-img-frame4:before, .services-img-frame5:before, .services-img-frame6:before, .services-img-frame7:before, .services-img-frame8:before  {
    content: ' ';
    position: absolute;
    height: 100%;
    width: 100%;
    background: #4caf50;
    z-index: -1;
}
.services-img-frame1:before{
	border-radius: 100px 0 0 0;
    right: -10px;
    top: -10px;
}
.services-img-frame2:before, .services-img-frame8:before{
	right: 10px;
    border-radius: 0 100px 0 0;
}
.services-img-frame3:before, .services-img-frame3:after{
	content: ' ';
    position: absolute;
    height: 200px;
    width: 200px;
    background: #4caf50;
    right: -10px;
    z-index: -1;
    top: -10px;
    border-radius: 0 100px 0 0;
} 

.services-img-frame3:before{
	border-radius: 0 100px 0 0;
    right: -10px;
    top: -10px;
}
.services-img-frame3:after {
    left: -10px;
    bottom: -10px;
    top: inherit;
    border-radius: 0 0 0 100px;
}
.services-img-frame4:before{
    border-radius: 0 100px 0 0;
    left: -10px;
    top: -10px;
}
.services-img-frame5:before{
	left: 10px;
    border-radius: 100px 0 0 0;
}
.services-img-frame6:before{
	border-radius: 0 100px;
    right: -10px;
    top: -10px;
}
.services-img-frame7:before {
	border-radius: 100px 0 0 0;
    right: -10px;
    top: -10px;
}

.fl-revers{
	flex-direction: column-reverse;
}
/*=================================*/
#ukdcom-info{
	display: block;
    position: relative;
    width: 100%;
    background: #f7f7f7;
    /*background-image: linear-gradient(180deg, #f7f7f7 60%, rgba(255, 255, 255, 0) 60%);*/
    padding-top: 80px;
	padding-bottom: 40px;
}
.ukdcom-info-container{
	display: flex;
    flex-direction: column;
    align-items: center;
    flex-wrap: nowrap;
    width: 100%;
    position: relative;
	color: #1d242d;
}
.ukdcom-info-tile{
	display: block;
    text-align: left;
    width: 100%;
    margin-bottom: 20px;
}
#ukdcom-info h2{
	font-size: 34px;
    font-weight: 700;
}
#ukdcom-info-box{
	display: flex;
    flex-direction: column;
    align-items: center;
    flex-wrap: nowrap;
    width: 100%;
    position: relative;
	margin-top: 20px;
}
.info-bg{
	display: block;
    margin: 0 auto;
    margin-top: 30px;
    width: 80%;
    text-align: center;
}
.info-bg a{
	color: #4caf50;
	text-decoration: underline;
}
.info-bg a:hover{
	color: #54e55a;
	text-decoration: none;
}

.ukdcom-info-box-content{
	display: flex;
	margin-left: 0;
	margin-right: 0;
    overflow: hidden;
	background-color: #4caf50;
    /*background-image: url(/ukd/sp4/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;
    
}
.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;
}
.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 .info-card:before{
    transform: translate(100%, 0px);
}
.info-img{
	display: flex;
	position: relative;
	color: #4caf50;
	background-color: #edf7ed;
	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;
}

.hover_effect .ukdcom-info-box-content{
	color: #1d242d;
}
.hover_effect .info-img{
	background-color: #1d242d;
	color: #fff;
}
.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 .info-title{
	color: #fff;
}

#ukdcom-info-box h3 {
    margin-bottom: 10px;
    font-size: 22px;
    font-weight: 600;
    display: block;
    text-align: center;
	vertical-align: top;
}
.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 .info-description{
	color: #fff;
}
#ukdcom-info-box p{
    width: 100%;
    text-align: center;
    vertical-align: top;
    font-size: 16px;
    line-height: 26px;
    display: inline-block;

}

/*=================================*/
#ukdcom-fueldata{
	display: block;
    position: relative;
    width: 100%;
    background: #f7f7f7;
    /*background-image: linear-gradient(180deg, #f7f7f7 60%, rgba(255, 255, 255, 0) 60%);*/
    padding-top: 80px;
	padding-bottom: 40px;
}
.ukdcom-fueldata-container{
	display: flex;
    flex-direction: column;
    align-items: center;
    flex-wrap: nowrap;
    width: 100%;
    position: relative;
	color: #1d242d;
}
.ukdcom-fueldata-tile{
	display: block;
    text-align: left;
    width: 100%;
    margin-bottom: 20px;
}
#ukdcom-fueldata h2{
	font-size: 34px;
    font-weight: 700;
	text-align: center;
}

#ukdcom-fueldata-box{
	display: block;
    position: relative;
    width: 100%;
    margin-top: 20px;
}
.ukdcom-fueldata-box-content{
	display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
}

#ukdcom-fueldata-box h3 {
    margin-bottom: 10px;
    font-size: 22px;
    font-weight: 600;
    display: block;
    text-align: center;
	vertical-align: top;
}
#ukdcom-fueldata-box p{
    width: 100%;
    vertical-align: top;
    font-size: 16px;
    line-height: 26px;
    display: inline-block;
	opacity: 0.8;

}
.ukdcom-fueldata-box-content ul{
	display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-left: 10px;
    margin-top: 10px;
    gap: 10px;
}
.ukdcom-fueldata-box-content ul li{
	display: inline-block;
    font-size: 14px;
    width: 100%;
}
.ukdcom-fueldata-box-content ul li .mi9{
	font-size: 18px;
    margin-right: 5px;
    color: #4caf50;
    font-weight: 500;
}

#ukdcom-fueldata-box a{
	font-size: 16px;
    color: #4caf50;
    cursor: pointer;
    font-weight: 600;
}
#ukdcom-fueldata-box a:hover{
	color: #00703c;
	text-decoration: underline;
}
/*=================================*/

#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: #4caf50;
    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: .875em;
    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.35em;
    line-height: 1.3;
    font-weight: 700;
    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: #000;
    -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;
   /* background-image: 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);
    background-repeat: no-repeat;
    background-position: top 50% right 10px;*/
    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{
    padding-top: .5em;
}
#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: 20px;
    background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAMAAAAMCGV4AAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAbUExURQAAAD+t1z+t1z+t1z+t1z+t1z+t1z+t1z+t146Ydr8AAAAIdFJOUwCVp+g8BL94lt0CzgAAAFFJREFUCNdtjlsWwDAERDGk9r/iCpKepp0PzvUYiH6kAodok7GX2JILB6KQw4liI+JckcIrUzAedATPbNqW3ec2xdrvgmx/puV/3v/8d/7/0g2l/gN8w+DnkQAAAABJRU5ErkJggg==) no-repeat 0 3px;
    color: #337ab7;
    border: none;
    cursor: pointer;
    margin-top: 10px;
	font-size: 1.2em;
    width: 90px;
}
#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: 38px;
}
#contact-us-box .btn{
	height:auto;
}
input.text{
    height: 38px;
}
input.large{
    height: 80px;
    font-size: 38px;
}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#a7a7a7}input::-moz-placeholder,textarea::-moz-placeholder{color:#a7a7a7}input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#a7a7a7}input::-ms-input-placeholder,textarea::-ms-input-placeholder{color:#a7a7a7}input::placeholder,textarea::placeholder{color:#a7a7a7}
textarea {
	height:auto;
}

select {
    font-weight: 400;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.25;
    box-sizing: border-box;
    max-width: 100%;
    height: 40px;
    height: 2.5rem;
    padding: 5px;
    border: 2px solid #0b0c0c;
	font-size: 1.1875rem;
    line-height: 1.25;
	width: auto;
	background: inherit;
}
.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: 12px;
}
.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;
}
#qB .input-wrapper label{
    font-size: 1.1875rem;
    margin-bottom: -7px;
    display: block;	
}
#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(/ukd/sp4/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: 10.5px;
    line-height: 15px;
}

/*-----------*/
#thx{
	display:none;
	text-align:center;
	margin-bottom: 100px;
}
#thx-box h2 {
    font-size: 32px;
    color: #1d242d;
    font-weight: 700;
	/*margin-top: 20px;*/
    margin-bottom: 20px;
}

#details-cont{
    margin-bottom: 300px;
}
#res-cont{
	text-align: center;
	margin-bottom: 300px;
}
#thx-box {
	display:none;
}
#thx-box p {
    margin: 1em;
    font-size: 1.2em;
    color: #000;
    text-align: center;
}
#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;
    box-shadow: 0px 0px 10px 0px rgba(17, 17, 23, 0.15);
}
#callbackform label{
	display: inline-block;
    position: relative;
    width: 100%;
    text-align: left;
    padding-left: 3px;
    font-size: 16px;
    color: #a7a7a7;
}
#callbackform textarea{
	margin-bottom: 2px;
	margin-top: 1px;
	padding: 8px;
	padding-left: 12px;
	font-size: 1.2em;
	color: #000;
}

#callbackform b{
	display: block;
    width: 100%;
    text-align: left;
    margin: 0;
    font-size: 13px;
    color: #a7a7a7;
    font-weight: lighter;
   
}
#callbackform p{
	display: block;
    width: 100%;
    text-align: left;
    margin: 0;
    font-size: 16px;
    color: #a7a7a7;
	line-height: 24px;
}
#callbackform p a{
    color: #4caf50;
	font-weight: 600;
}
#callbackform p a:hover{
    color: #137b17;
}
#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{
    background: transparent 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==) no-repeat 0 center;
    border: none;
    cursor: pointer;
    margin: 15px 0;
    font-size: 1rem;
    font-weight: 600;
	padding: 6px;
    padding-left: 40px;
}
*/
.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;
}
#new_address_info{
    font-size: 1.2rem;
    border-left: 8px solid #c4c4c4;
    padding: 10px;
    padding-left: 16px;
    margin: 10px 0;
}

.url_like{
	
}

#dob_holder{
	
}
#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{
	
}
.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;
}
#data-wrapper{
	
}
#data-wrapper>div{
	
}
#data-wrapper>div>h3{
	
}
#data-wrapper ul{
	
}
#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: #4caf50;
    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: #111117;
    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);
}
#inf-head{
	display: block;
    width: 100%;
    height: 40px;
    margin: 0 auto;
    background: #696969;
    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;
}
/*====== Pre-Sell==========*/
.presell-col1{
	width: 100%;
	color: #e8e8e8;
}
.presell-col1 h2{
	text-align: center;
    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;
	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{
    font-size: 16px;
	font-weight: 400;
}
.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: #4caf50;
	border: 1px solid #fff;
}
.presell-col2{
	width: 100%;
    max-width: 600px;
    margin: 0 auto;
    margin-top: 10px;
}
.presell-col2 a{
	color: #4caf50;
}
.presell-col2 a:hover{
	color: #a7e4ff;
    text-decoration: underline;
}

.presell-col2 p{
    font-size: 13px!important;
    color: #666666;
    line-height: 1!important;	
}

.org-btn {
    position: relative;
    z-index: 2;
    overflow: hidden;
    display: flex;
    text-transform: uppercase;
    font-family: 'Cabin';
    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;
    transition: 0.3s ease-in-out;
    background-color: #4caf50;
    color: #fff;
    cursor: pointer;
}
.arr-foot{
	
}

.arr-foot svg{
	position: relative;
    margin-left: 10px;
    top: 2px;
	fill: #fff;
    transition: 0.3s ease-in-out;
}
.hover_effect.org-btn {
	background-color: #212325;
}
.hover_effect .arr-foot svg{
	margin-left: 20px;
}
/*=================================*/
#ukd-section9{
	display: block;
    position: relative;
    width: 100%;
    margin: 0 auto;
    padding: 50px 0;
    padding-bottom: 50px;
    background-color: #bbd678;
}
#ukd-section9-box{
	display: block;
    position: relative;
    width: 100%;
   
}
.ukd-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 #bbd678;
    padding: 25px 0;
    border-radius: 6px;
	color: #707070;
	margin: 0 auto;
	background-color: #fff;
	box-shadow: 2px 2px 10px 3px #fff, -2px -2px 10px 3px #fff;
}
.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: #4caf50;
}
.section9-card a:hover{
	color: #f6a166;
}

/*=================================*/
#ukd-section7{
	display: block;
    position: relative;
    width: 100%;
    margin: 0 auto;
    padding: 60px 0;
}
#ukd-section7-box{
	display: block;
    position: relative;
    width: 100%;
    margin: 0 auto;
}
.ukd-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: 40px;
    margin-bottom: 50px;
    border: 2px solid #9b9b9b;
    border-radius: 10px;
    padding-top: 40px;
    box-shadow: 2px 2px 9px 2px rgb(0 0 0 / 40%);
}
.section7-card2{
	display: flex;
    position: relative;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: center;
    width: 100%;
    margin: 0 auto;
    padding-bottom: 40px;
    margin-bottom: 50px;
    border: 2px solid #9b9b9b;
    border-radius: 10px;
    padding-top: 40px;
    box-shadow: 2px 2px 9px 2px rgb(0 0 0 / 40%);
}
#ukd-section7-box h2{
	display: inline;
    position: relative;
    font-size: 28px;
    color: #4caf50;
    font-weight: 500;
    font-family: 'Roboto';
	text-align: center;
    line-height: 1.2;
    padding: 0 15px;
}
.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;
}

.four-step{
	display: flex;
    position: relative;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: center;
    width: 100%;
}
.four-step-box{
	display: flex;
    flex-direction: column;
    align-items: center;
    flex-wrap: nowrap;
    vertical-align: middle;
    width: 100%;
    margin-bottom: 40px;
    text-align: center;
}
.four-step-box img{
	display: block;
    position: relative;
    width: 100%;
    margin: 0 auto;
    max-width: 120px;
    height: auto;
    margin-bottom: 25px;
}
.four-step-box h3{
	display: block;
    width: 100%;
    font-size: 24px;
    font-family: 'Cabin';
    font-weight: 500;
    margin-bottom: 17px;
}
.four-step-box p{
	display: block;
    width: 70%;
    font-size: 16px;
    font-weight: 300;
}

#ukd-section4 {
    display: block;
    width: 100%;
    position: relative;
    background: #212325;
    margin: 0 auto;
    padding: 60px 0;
}
.ukd-section4-colums {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    position: relative;
    margin: 0 auto;
}
.ukd-section4-colums>div {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    position: relative;
    margin: 0 auto;
    border: 2px dotted #4caf50;
    border-radius: 6px;
    padding: 25px 30px;
    gap: 40px;
}
.ukd-section4-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex-wrap: nowrap;
    width: 100%;
    position: relative;
    color: #1d242d;
}
.ukd-section4-tile {
    display: block;
    text-align: left;
    width: 100%;
}
#ukd-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;
}
#ukd-section4 h2 {
    display: block;
    text-align: center;
    font-family: 'Roboto';
    color: #fff;
    font-size: 30px;
    font-weight: 500;
    line-height: 30px;
    padding: 0 30px;
}
#ukd-section4-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex-wrap: nowrap;
    width: 100%;
    position: relative;
    margin-top: 20px;
}
#ukd-section4-box p {
    width: 100%;
    color: #fff;
    vertical-align: top;
    font-size: 20px;
    line-height: 30px;
    display: inline-block;
    font-weight: 500;
    text-align: justify;
}
.section4-btn {
    display: block;
    position: relative;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    margin-top: 30px;
}
.org {
    background-color: #4caf50;
    color: #fff;
}
.hover_effect.org {
	background-color: #212325;
}

#ukd-section6 {
    display: block;
    position: relative;
    width: 100%;
    margin: 0 auto;
    padding: 40px 0;
}
.ukd-section6-container {
    display: block;
    width: 100%;
}
#ukd-section6-box {
    display: block;
    width: fit-content;
    border: 2px dotted #4caf50;
    padding: 14px;
    border-radius: 6px;
}
#ukd-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;
}
/*=================================*/

#ukd-section8 {
	display: block;
    position: relative;
    width: 100%;
	background-color: #ebebeb;
    margin: 0 auto;
    padding: 60px 0;
}
#ukd-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;
}
.ukd-section8-box-content{
	display: flex;
    position: relative;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
    width: 100%;
    gap: 24px;
}
.ukd-section8-tile{
	display: block;
    position: relative;
    width: 100%;
    text-align: center;
    margin: 0 auto;
}
.ukd-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: 400px;
    margin: 0 auto;
    padding-bottom: 20px;
    border: 1px solid #ccc;
    border-radius: 6px;
    background: #fff;
	box-shadow: 10px 16px 10px 2px rgb(0 0 0 / 60%), 
				-2px -5px 7px 0px rgb(0 0 0 / 60%);
}
.sect8-title{
	display: block;
    width: 100%;
    padding: 18px 0;
    text-align: center;
    margin: 0 auto;
    vertical-align: middle;
    background: #4caf50;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    color: #fff;
}
.sect8-title h4{
	font-size: 22px;
    font-weight: 600;
    font-family: 'Roboto';
}
.sect8-offer{
	display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
    gap: 5px;
	width: 100%;
    margin-bottom: 25px;
	background-color: #daedc1;
    padding-bottom: 10px;
}
.sect8-offer h4{
	font-size: 22px;
    text-align: center;
    height: 30px;
    line-height: 36px;
}
.sect8-offer h3{
	display: flex;
	align-items: flex-end;
    justify-content: center;
	font-size: 26px;
    color: #f3f3f3;
    width: 100%;
    background-color: #212325;
    text-align: center;
    padding: 25px 0;
	border-bottom: 4px solid #4caf50;
	font-weight: 400;
}
.sect8-offer h3 span:first-child {
	display: inline-block;
    padding-left: 10px;
    font-size: 48px;
	font-weight: 500;
	top: -2px;
}
.sect8-offer h3 span{
	position: relative;
	display: flex;
    flex-direction: column;
    align-items: flex-start;
    font-size: 23px;
    line-height: 1;
    font-weight: 500;
	top: -5px;
}
.sect8-offer h3 span i{
	font-size: 16px;
    font-style: normal;
}
.sect8-offer p{
	display: block;
    width: 100%;
    font-size: 14px;
    padding: 0 10px;
    text-align: center;
    margin-top: 10px;
    color: #444;
}
.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;
    border-bottom: 8px double #4caf50;
    border-top: 8px double #4caf50;
    padding-bottom: 7px;
    padding-top: 10px;
    margin-bottom: 10px;
}
.sect8-list1 ul li, .sect8-list2 ul li, .sect8-list3 ul li {
    display: flex;
    padding-bottom: 3px;
    font-size: 16px;
    font-weight: 500;
    /*border-bottom: 1px solid #ccc;*/
    width: 100%;
    margin-bottom: 5px;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-start;
	background-color: #ecf6de;
}
.sect8-list1 .mi8, .sect8-list1 .mi8a{
	color: #00a63c;
    font-size: 26px;
    line-height: 1;
    margin-right: 13px;
}
.sect8-list1 .mi8a{
	color: #f9afaf;
}
.sect8-list1 span{
	display: block;
}
.sect8-list1 p span{
	display: block;
    text-align: center;
    padding: 5px;
    background-color: #212325;
    color: #bdbdbd;
    font-size: 13px;
    line-height: 16px;
}
.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;
}

/*=================================*/
#memb-flow-steps{
	display: none;
    position: relative;
    width: 100%;
    height: 70px;
	margin: 0 auto;
    background-color: #f2f2f2;
	box-shadow: 0 5px 20px 1px #0a1e29, inset 0 -5px 20px 1px #0a1e29;
}
#memb-flow-steps>div{
	
}
.head3-col1{
	display: flex;
    position: relative;
    flex-direction: row;
    align-items: center;
    height: 100%;
    justify-content: center;
}
.head3-col2{
	display: block;
    height: 70px;
    line-height: 70px;
}
.head3-col2 a{
	color: #149EDC;
    font-size: 16px;
    line-height: 18px;
    text-align: right;
    display: flex;
    justify-content: flex-end;
}
.head3-col2 a:hover{
    color: #184377;
}
.head3-col2 a i{
	font-size: 20px;
    color: #444;
}
.head3-col2 a span{
	color: #444;
    font-weight: 600;
    font-size: 16px;
}
.head3-logo{
	display: flex;
    position: relative;
    vertical-align: middle;
    align-items: center;
}	
.head3-logo p{
	color: #4caf50;
    background-color: #fff;
    height: 34px;
    line-height: 30px;
    border-radius: 17px;
    padding: 0 8px;
    font-size: 14px;
    font-weight: 500;
    border: 2px solid #4caf50;
}
.head3-steps{
	display: flex;
    position: relative;
    flex-direction: row;
    align-items: center;
    height: 70px;
	vertical-align: middle;
}
.step-style{
	display: flex;
    flex-direction: row;
    align-items: center;
    flex-wrap: nowrap;
    margin-right: 10px;
    color: #9c9c9c;
    font-size: 16px;
}
.step-style p{
	
}
.step-numb{
	display: flex;
    width: 34px;
    height: 34px;
    line-height: 34px;
    margin-left: 10px;
    border: 2px solid #9c9c9c;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    margin-right: 8px;
}
.step-name{
	display: none
}
.select-numb{
	color: #4caf50;
    border: 2px solid #4caf50;
    background-color: #fff
}
.select-name{
	display: inline-block;
	color: #444;
}

.head4-logo{
	
}
.head4-col{
	display: flex;
    flex-direction: column;
    height: 100%;
    width: fit-content;
    margin: 0 auto;
    justify-content: center;
    align-items: center;
}
.head4-row{
	padding-bottom: 10px;
    display: block;
    width: fit-content;
}
.head4-row a{
	color: #149EDC;
    font-size: 16px;
    line-height: 18px;
    text-align: right;
    display: flex;
}
.head4-row a i{
	font-size: 20px;
    color: #444;
}
.head4-row a span{
	color: #444;
	font-weight: 500;
    font-size: 16px;
}
.part-diplay{
	display: none;
}

/*=================================*/
@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;
	}
	
	.org-btn {
        font-size: 18px;
        padding: 12px 30px;
        margin-top: 20px;
        padding-left: 30px;
        padding-right: 22px;
    }
	
}
@media screen and (min-width:376px) {
	#memb-flow-steps {
		display: block;
	}
	
}
@media screen and (min-width:480px) {
	#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;
	}
/*====== evCharging ================== */	
	.evCharging-bg, #evVehicle-data {
		background-position: 50% 100%;
	}
	/*
	.evVehicle-data {
		max-width: 500px;
	}*/
	.location-data-box, .evVehicle-data-box{
		/*display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		align-items: center;*/
	}
	.location-data-box>div:first-child,.evVehicle-data-box>div:first-child {
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		align-items: center;
	}
	.autolocate-data, .evVehicle-searchBtn {
		top: 5px;
	}
	.autoLocate{
		padding: 0 8px;
		border-bottom-left-radius: 0;
		border-top-left-radius: 0;
		
	}
	input#ev-postcode, input#vrmInput {
		border-bottom-right-radius: 0;
		border-top-right-radius: 0;
		height: 46px;
	}
	
	.inf-head-txt h3 {
        font-size: 1.3em;
    }
	.part-diplay{
		display: block;
	}
	
	
	
}
@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-bg-ct, .main-bg-rf{
		height: 250px;
		background-position: 50% 70%;
	}
	.main-bg-ct:before, .main-bg-rf:before{		
		padding-top: 250px;
	}
	.main-txt-title-ct{
		max-width: 1000px;
		margin-bottom: 0;
		padding-left: 20px;
	}
	.main-txt-title-ct h1{
		font-size: 50px;
		line-height: 70px;
	}
	.main-txt-content ul{
		width: 68%;
		margin-left: 15px;
	}
	.main-txt-content ul li{
		padding-bottom: 14px;
		font-size: 20px;
		line-height: 22px;
	}
	.main-txt-content ul li:before{
		width: 24px;
		height: 24px;
		margin-right: 20px;
	}
/*=================================*/
	.benefits-bg, .refunds-bg, .services-bg, .fuelprice-bg, .valuationdata-bg, .fuelcalc-bg{
		height: 450px;
		background-position: 56% 40%;
	}
	/*.evCharging-bg{
		background-position: 100% 100%;
	}*/
	.benefits-bg:before, .refunds-bg:before, .services-bg:before, .fuelprice-bg:before, .valuationdata-bg:before, .fuelcalc-bg:before {
		padding-top: 450px;
	}
	
	#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{
		margin-bottom: 20px;
		height: 100%;
	}
	.nice-list-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;
	}
	.nice-list-title{
		margin-top: 35px;
		margin-bottom: 15px;
	}
	.nice-list-title h3{
		margin-bottom: 10px;
		font-size: 18px;
		font-weight: 600;
	}
/*=================================*/
	.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;
	}
/*================================*/
	
	.ukdcom-services-box h2, .serv-bg1-title h2{
		font-size: 38px;
		line-height: 60px;
		margin-bottom: 25px;
	}
	.ukdcom-services-box p{
		line-height: 30px;
		margin-bottom: 25px;
	}
	
/*================================*/
	#ukdcom-info {
		padding-top: 80px;
		padding-bottom: 80px;
	}
	.ukdcom-info-tile {
		margin-bottom: 45px;
	}
	#ukdcom-info h2 {
		font-size: 38px;
		line-height: 60px;
		text-align: center;
	}
	#ukdcom-info-box {
		display: flex;
		flex-direction: row;
		align-items: stretch;
		justify-content: space-between;
		flex-wrap: nowrap;
		margin-top: 0;
	}
	.ukdcom-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: 100%;
		margin-bottom: 35px;
	}
	.main-txt-title h1 {
		font-size: 40px;
		line-height: 56px;
	}
	.main-txt-content {
		width: 95%;
		margin-bottom: 25px;
	}
	.main-txt p {
		font-size: 17px;
		line-height: 26px;
	}
	#details-cont, #res-cont{
		margin-bottom: 320px;
	}
	#thx p {
        margin-bottom: 1em;
        font-size: 16px;
    }
	.lat-line::before{
		content: "";
		display: inline-block;
		position: relative;
		background: #4caf50;
		width: calc(50% - 285px);
		height: 1px;
		margin-right: 25px;
		vertical-align: middle;
	}
	.lat-line::after{
		content: "";
		display: inline-block;
		position: relative;
		background: #4caf50;
		width: calc(50% - 285px);
		height: 1px;
		margin-left: 25px;
		vertical-align: middle;
	}
	
}

@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;
	}
	#head-contacts{
		border-bottom: none;
		font-size: 14px;
	}
	#header-logo{
		background: #1a1b20;
	}
	#logo{
		background: url(/ukd/sp4/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;
	}
	.main-bg {
		height: 850px;
		background-position: 50% 37%;
	}
	.main-bg:before {
		padding-top: 850px;
	}
	.main-bg:after {
		background: url(/ukd/sp4/files/main-bg3.png);
		background-repeat: no-repeat;
	}
	.sec_bg {
        box-shadow: 15px 20px 10px 4px rgba(0, 0, 0, 0.2);
    }
	.banner-image {
        top: 0;
        bottom: 0;
        right: 0;
        width: 55%;
        height: unset;
    }
	.main-txt-title {
		width: 65%;
		margin-bottom: 35px;
	}
	.main-txt-title h1 {
		font-size: 46px;
		line-height: 58px;
		text-align: left;
	}
	.main-txt-content {
		width: 100%;
		margin-bottom: 30px;
	}
	.main-txt p {
		font-size: 18x;
		line-height: 26px;
	}
	#details-cont, #res-cont{
		margin-bottom: 330px;
	}
	
	
	#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;
	}
	.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;
	}
	/*----------*/
	#fuel-calc-entry, #fuel-output {
		max-width: 900px;
	}
	#fuel-output {
		max-width: 970px;
	}
	.fuel-calc-data{
		max-width: 900px;
	}
	.fc-data1>div {
		display: flex;
		flex-direction: row;
		gap: 15px;
	}
	.fc-data2,.fc-data3{
		max-width: 600px;
	}
	#saveFuelInfo-box{
		display: flex;
		flex-direction: row;
		gap: 15px;
		align-items: stretch;
		flex-wrap: wrap;
		justify-content: center;
	}
	.saveFuelInfo-box-content{
		width: calc(50% - 15px);
	}
	
	.presell-col1 {
        color: #e8e8e8;
    }
	.presell-col1 h2 {
		text-align: left;
		font-weight: 400;
		font-size: 25px;
		line-height: 27px;
	}
	.presell-col1 ul {
		padding-left: 10px;
		gap: 3px;
	}
	.presell-col1 .m3 {
		align-items: flex-start;
		margin-bottom: 0;
	}
	.m3 h4 {
		font-size: 15px;
		line-height: 17px;
	}
	.mi3 {
		position: relative;
		top: -4px;
		margin-right: 5px;
		font-size: 20px;
	}
	
	.section7-card1 p {
		width: 70%;
		max-width: 70%;
	}
	.lat-line {
        margin-bottom: 70px;
    }
	.four-step {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: stretch;
    }
	.four-step-box {
        width: 50%;
        margin-bottom: 60px;
    }
	.section9-card{
		box-shadow: 7px 12px 8px 3px #fff, -7px -12px 8px 3px #fff;
	}
	.gray {
		background-color: #4caf50;
	}
	.hover_effect.gray {
		background-color: #c3c3c3;
	}
}
@media screen and (min-width:992px) {
	.cont{
		/*max-width:992px;*/
	}
/*================================*/
	.main-bg-ct, .main-bg-rf{
		height: 300px;
		background-position: 50% 64%;
	}
	.main-bg-ct:before, .main-bg-rf:before{		
		padding-top: 300px;
	}
	.main-txt-title-ct{
		padding-left: 0;
	}
	.main-txt-title-ct h1{
		font-size: 52px;
	}
	
/*================================*/	
	.benefits-bg, .refunds-bg, .services-bg, .fuelprice-bg, .valuationdata-bg, .fuelcalc-bg{
		height: 500px;
		background-position: 60% 40%;
	}
	.evCharging-bg{
		background-image: url(/ukd/sp4/files/urban-ev-station_tablet_laptop.jpg);
	}
	.benefits-bg:before, .refunds-bg:before, .services-bg:before, .fuelprice-bg:before, .valuationdata-bg:before, .fuelcalc-bg:before {
		padding-top: 500px;
	}
	.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{
		margin-bottom: 10px;
		font-size: 20px;
	}
	.nice-list li{
		width: calc(33% - 10px);
	}
	.nice-list-box-content{
		margin-bottom: 20px;
	}
	.nice-list-title{
		margin-top: 35px;
		margin-bottom: 15px;
	}
	.nice-list-title h3{
		margin-bottom: 10px;
		font-size: 20px;
	}
/*=================================*/
	.relate-cont {
	
		margin-right: 15px; 
	}
	.relate-box2 {
		margin-left: -110px;
	}
	.relate-cont2 {
		margin-left: 15px;
	}
	.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: 60%;
	}
	#thx-txt p{
		font-size: 18px;
		line-height: 32px;
		max-width: 900px;
		margin: 0 auto;
	}
/*================================*/
	.serv-bg1, .serv-bg2{
		padding-top: 85px;
		padding-bottom: 85px;
	}
	.ukdcom-services-box{
		flex-direction: row;
	}
	.services-col1, .services-col2{
		width: 50%;
		margin-bottom: 0;
	}
	.fl-revers{
		flex-direction: row;
	}
/*=================================*/		
	.sec_bg {
		padding: 0 30px;
		padding-top: 30px;
		padding-bottom: 50px;
	}
	.main-bg {
		height: 830px;
		background-position: 50% 37%;
	}
	.main-bg:before {
		padding-top: 830px;
	}
	.main-txt-title {
		width: 65%;
		margin-bottom: 35px;
	}
	.main-txt-title h1 {
		
	}
	.main-txt-content {
		display: flex;
        text-align: left;
        margin: 0;
        width: 60%;
        margin-bottom: 50px;
        align-items: flex-start;
	}
	.main-txt p {	}
	.moblic-services-box {
		text-align: left;
		margin-top: 0;
		width: calc(33.33% - 5px);
	}
	.info-bg{
		width: 66%;
		text-align: center;
	}
	.four-step-box {
        width: 25%;
        margin-bottom: 40px;
    }
	.ukd-section4-colums {
        display: flex;
        flex-direction: row;
        align-items: center;
        flex-wrap: nowrap;
        justify-content: space-between;
    }
	.ukd-section4-colums>div {
        display: flex;
        flex-direction: row;
        align-items: center;
        flex-wrap: nowrap;
        justify-content: space-between;
    }
	.ukd-section4-container {
        width: 70%;
    }
	#ukd-section4 h2 {
        text-align: left;
        padding: 0;
    }
	.section4-btn {
		width: 30%;
        max-width: 200px;
    }
	
}

@media screen and (min-width:1200px) {
	.cont{
		padding: 0 40px
	}
	
	.relate-box2 {
        margin-left: -250px;
    }
	.main-bg {
		height: 880px;
		background-position: 50% 50%;
	}
	.main-bg:before {
		padding-top: 880px;
	}
	.main-txt-title {
		width: 65%;
		margin-bottom: 50px;
	}
	.benefits-bg, .services-bg, .fuelprice-bg, .valuationdata-bg, .fuelcalc-bg{
		height: 500px;
		background-position: 50% 37%;
	}
	/*.evCharging-bg{
		height: 500px;
		background-position: 80% 90%;
	}*/
	.benefits-bg:before, .services-bg:before, .fuelprice-bg:before, .valuationdata-bg:before, .fuelcalc-bg:before {
		padding-top: 500px;
	}
		
	#a-box{
		/*width: 50%;*/
	}
	#thx-txt p{
		font-size: 20px;
		line-height: 34px;
	}
	#details-cont, #res-cont{
		margin-bottom: 350px;
	}
	
	
}
@media screen and (min-width:1400px) {
	.cont{
		max-width:1400px;
		padding: 0 60px
	}
/*================================*/
	.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 {
		
	}
/*================================*/
	.main-bg {
		height: 880px;
		background-position: 50% 30%;
	}
	.main-bg:before {
		padding-top: 880px;
	}
	.main-txt-title {
		
	}
	.benefits-bg, .services-bg, .fuelprice-bg, .valuationdata-bg, .fuelcalc-bg{
		height: 500px;
		background-position: 50% 37%;
	}
	.evCharging-bg{
		background-image: url(/ukd/sp4/files/urban-ev-station_desktop.jpg);
	}
	.benefits-bg:before, .services-bg:before, .fuelprice-bg:before, .valuationdata-bg:before, .fuelcalc-bg:before {
		padding-top: 500px;
	}
	#details-cont, #res-cont{
		margin-bottom: 400px;
	}
}
@-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;
  }
}