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:'Montserrat', 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;
}
.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,#ukdoc-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(/our-price/55/ukdoc/ukdoc-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%;
}
#ukdoc-main{
/*background-color: #fff;*/
/*margin-bottom: 80px;*/
display: block;
position: relative;
width: 100%;
}
.home-bg, .benefits-bg, .services-bg, .fuelprice-bg, .valuationdata-bg{
display: block;
position: relative;
width: 100%;
margin: 0 auto;
background-color: #f8f8f8;
background-image: url(/our-price/55/ukdoc/ukdoc-files/ukdoc-main-bg1.jpg);
max-width: 100%;
background-repeat: no-repeat;
background-size: cover;
background-position: 50% 37%;
overflow: hidden;
}
.benefits-bg{
background-image: url(/our-price/55/ukdoc/ukdoc-files/ukdoc-benefits-bg1.jpg);
}
.services-bg{
background-image: url(/our-price/55/ukdoc/ukdoc-files/ukdoc-services-bg2.jpg);
}
.fuelprice-bg{
background-image: url(/our-price/55/ukdoc/ukdoc-files/ukdoc-fuelprice-bg1.jpg);
}
.valuationdata-bg{
background-image: url(/our-price/55/ukdoc/ukdoc-files/ukdoc-valuation-bg1.jpg);
}
.home-bg:before, .benefits-bg:before, .services-bg:before, .fuelprice-bg:before, .valuationdata-bg:before{
content: "";
position: absolute;
top: 0;
left: 0;
display: block;
background: linear-gradient(146deg, rgb(0 0 0 / 50%) 35%, rgb(0 0 0 / 0%) 100%);
width: 100%;
height: 100%;
z-index: 1;
}
.benefits-bg:before{
content: "";
}
.home-bg:after {
content: "";
position: absolute;
background: url(/our-price/55/ukdoc/ukdoc-files/ukdoc-main-bg2.png);
height: 100%;
width: 100%;
background-repeat: no-repeat;
top: 0;
left: 0;
}
.ukdoc-main-bg, .ukdoc-benefits-bg, .ukdoc-services-bg, .ukdoc-fuelprice-bg, .ukdoc-valuationdata-bg{
content: "";
display: block;
overflow: hidden;
position: relative;
z-index: 2;
background-image: url(/our-price/55/ukdoc/ukdoc-files/ukdoc-main-bg1.jpg);
max-width: 100%;
height: 700px;
background-repeat: no-repeat;
background-size: cover;
background-position: 50% 37%;
}
.ukdoc-benefits-bg{
background-image: url(/our-price/55/ukdoc/ukdoc-files/ukdoc-benefits-bg1.jpg);
height: 350px;
background-position: 60% 40%;
}
.ukdoc-services-bg{
background-image: url(/our-price/55/ukdoc/ukdoc-files/ukdoc-services-bg2.jpg);
height: 350px;
background-position: 60% 40%;
}
.ukdoc-fuelprice-bg{
background-image: url(/our-price/55/ukdoc/ukdoc-files/ukdoc-fuelprice-bg1.jpg);
height: 350px;
background-position: 60% 40%;
}
.ukdoc-valuationdata-bg{
background-image: url(/our-price/55/ukdoc/ukdoc-files/ukdoc-valuation-bg1.jpg);
height: 350px;
background-position: 60% 40%;
}
.ukdoc-main-bg:before, .ukdoc-benefits-bg:before, .ukdoc-services-bg:before, .ukdoc-fuelprice-bg:before, .ukdoc-valuationdata-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: 700px;
}
.ukdoc-benefits-bg:before{
padding-top: 350px;
}
.ukdoc-services-bg:before{
padding-top: 350px;
}
.ukdoc-fuelprice-bg:before{
padding-top: 350px;
}
.ukdoc-valuationdata-bg:before{
padding-top: 350px;
}
.ukdoc-main-bg-ct, .ukdoc-main-bg-rf{
content: "";
display: block;
overflow: hidden;
position: relative;
z-index: 2;
background-image: url(/our-price/55/ukdoc/ukdoc-files/ukdoc-main-bg-ct.jpeg);
max-width: 100%;
height: 500px;
background-repeat: no-repeat;
background-size: cover;
background-position: 50% 37%;
}
.ukdoc-main-bg-rf{
background-image: url(/our-price/55/ukdoc/ukdoc-files/refunds-bg1.jpeg);
}
.ukdoc-main-bg-ct:before, .ukdoc-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;
}
.ukdoc-main-bg:after{
content: "";
position: absolute;
background: url(/our-price/55/ukdoc/ukdoc-files/ukdoc-main-bg2.png);
height: 100%;
width: 100%;
background-repeat: no-repeat;
top: 0;
left: 0;
}
.ukdoc-main-txt{
position: relative;
width: 100%;
padding: 0;
z-index: 5;
padding: 50px 0;
}
.ukdoc-main-txt-title{
width: 90%;
margin-bottom: 25px;
}
.ukdoc-main-txt-title h1{
font-size: 40px;
color: #fff;
line-height: 50px;
}
.ukdoc-main-txt-content{
width: 100%;
margin-bottom: 40px;
}
.ukdoc-main-txt p{
font-size: 14px;
color: #fff;
line-height: 26px;
}
.ukdoc-main-txt-content ul{
display: flex;
flex-direction: column;
align-items: flex-start;
width: 65%;
margin-left: 10px;
}
.ukdoc-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;
text-shadow: 1px 0 6px #000000;
}
.ukdoc-main-txt-content ul li:before{
content: "";
position: relative;
display: flex;
flex-direction: row;
align-items: center;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYBAMAAAASWSDLAAAAG1BMVEVHcExmn/pmn/pmn/pmn/pmn/pmn/pmn/pmn/ql/HpOAAAACXRSTlMA/VWMwgt5JuBztYawAAAASElEQVQY02NgIBJwCAqKBBQqQDjMEsaGriFCUClDAyaRUEeYlDCDIsVSCUwirDApZA6KMmQDcEqwoxhcgJBgSktDeAHFc0QBAK7fE5okEnfhAAAAAElFTkSuQmCC);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
width: 20px;
height: 20px;
margin-right: 13px;
}
.ukdoc-main-txt-btn{
}
.tfs-button-1{
}
.th-btn{
position: relative;
z-index: 2;
overflow: hidden;
display: inline-block;
text-transform: uppercase;
background-color: #0f11ad;
color: #fff;
font-family: 'Montserrat';
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);
}
.atent-try-party{
display: block;
position: relative;
width: 100%;
padding: 10px;
background-color: rgb(0 0 0 / 50%);
margin-top: 10px;
}
.atent-try-party p{
font-size: 12px;
line-height: 17px;
}
.atent-try-party p sup{
}
.atent-try-party p a{
color: #669ffa;
}
.atent-try-party p a:hover{
text-decoration: underline;
color: #bbd5ff;
}
/*=================================*/
.ukdoc-main-bg-ct{
content: "";
display: block;
overflow: hidden;
position: relative;
z-index: 2;
background-image: url(/our-price/55/ukdoc/ukdoc-files/ukdoc-main-bg-ct.jpg);
max-width: 100%;
height: 250px;
background-repeat: no-repeat;
background-size: cover;
background-position: 50% 70%;
}
.ukdoc-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;
}
.ukdoc-main-txt-ct{
position: absolute;
top: 50%;
width: 100%;
padding: 0;
z-index: 5;
transform: translateY(-50%);
}
.ukdoc-main-txt-title-ct{
max-width: 1000px;
width: 100%;
margin-bottom: 25px;
padding-left: 20px;
margin: 0 auto;
}
.ukdoc-main-txt-title-ct h1{
font-size: 42px;
color: #fff;
line-height: 50px;
}
/*=================================*/
#ukdoc-benefits{
display: block;
position: relative;
width: 100%;
background: #fff;
background-image: linear-gradient(180deg, #f1f1f1 60%, rgba(255, 255, 255, 0) 60%);
padding-top: 80px;
padding-bottom: 80px;
}
.ukdoc-benefits-container{
display: flex;
flex-direction: column;
align-items: center;
flex-wrap: nowrap;
width: 100%;
position: relative;
color: #1d242d;
}
.ukdoc-benefits-tile{
display: block;
text-align: left;
width: 100%;
margin-bottom: 20px;
}
#ukdoc-benefits h2{
font-size: 34px;
font-weight: 700;
text-align: center;
}
#ukdoc-benefits-box{
display: flex;
flex-direction: column;
align-items: center;
flex-wrap: nowrap;
width: 100%;
position: relative;
margin-top: 20px;
}
.ukdoc-benefits-box-content{
display: flex;
margin-left: 0;
margin-right: 0;
overflow: hidden;
background-color: #0f11ad;
background-image: url(/our-price/55/ukdoc/ukdoc-files/ukdoc-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: #0f11ad;
/*background-color: #669ffa;*/
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,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAA3lBMVEVHcExPT08/Pz84ODg/Pz9UVFQmJiYuLi5OTk5JSUkPDw8PDw8YGBheXl4TExMKCgoRERGFhYU/Pz8aGhqMjIxgYGAZGRleXl4qKioFBQUvLy9HR0c1NTU3NzcuLi5WVlZDQ0NAQEA0NDQ4ODglJSU6OjoSEhJGRkYeHh5FRUUmJiZTU1NCQkJHR0cfHx80NDQxMTFWVlYdHR0mJiZqamp4eHgyMjJNTU1OTk59fX1eXl4sLCy0tLRaWlpNTU1ISEglJSU6OjoSEhJlZWUjIyMwMDACAgIAAAACAgIEBATNQi7KAAAAR3RSTlMAAwYNMyjNF44t5/fgUOT+8T+l2z0W6x7C8YJrfaivU3J4IaG0PeyF1E6uZF2Rw5hIi+XWVUeMRlgvMk0WgHSevLHIaeFj+Te9X1MAAAKbSURBVFjD7ZfZlqIwEIaLXUQBFRARt3bf261derH3gvd/oQnac3RGQit95py5MDdeJN8fU6n8VQBcx3X8h4N5eHj4kQA3LCRHzs1PFJ4UxGk3cgkfLSGPEJWINbKtDKIVmj5inTrbtxBdyhy7/xkQAZEJXyLVEbHMUgQybS6QsdHDGRd+fJvwKjXGZqHTBamEnoeqFLqi6yH6Ffrp71B7zhHeQ60ZuqBB/sAwInw3JEABTxTGYfNF9O0+G3UBKw33EqgtQ3g/tWS+yaPVTNMCET3VOkmFopfiz8hEWeZdFQfmc0uOw3/F4nUM3LMl/MXL578ISbwjd36sUL2IB8gHCqNU/ogXLnuV+Y4DnNjJx+UBhHeXnEQ093xOuNwZ5GkNpI5IcroWiwfgA4VcHap+PJ4oWDW4EZ4wLg8Mb31AFTtmfIfkNzXsrFdcfAXCm+yswcblXRTXGxCm5TgK5OE6nmjmrT4IVom5kG7a40ab7E8ycaXMQW5tL+Nv64XAWexdJg+UCsj68CI+sdgJfPlakSjweuJ8/j6RUXvLHuKI+61wD3zLOZ83VBL2jX+oT1WdKFjueXya7E94plRoHepTTbmFpuaexxtqlgEmm1xsj0qIq3e7vleXvucnhkounSkljUn6eMLRSMnEXPGbhzGfGMn9/pk/+SCrgpqH1nYTwVcmmYBnS2omcVICSdHEXLstRrQHy8cDnz41ex1fSGZxjxrNn83yWxA/tqwaITxAT99VFo44NiUAiC8RPDjT/aPMvtK6l6B2sw3ChzdZH+/7zMw2aB0KYmFs54zhguL0ytPOpvw+zQGC/gHfJre0ILf1R1OqzGyqvUi9T/TKTbrHOIVkS+9FpeN6voh00Pw8vf5xO339oriOfzB+AeLsUcuZa4AMAAAAAElFTkSuQmCC);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
transition: none;
width: 70px;
height: 70px;
content: "";
transition: 0.4s ease-in-out;
}
.img2:before{
content: "";
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAAsVBMVEVHcEwNFjIMAxQjKj8aIzoaIzoeCDMCFjgaDC8EEzIDFTcBBAsXBi4SCR4BFDMMFTMdDScMFDAGCRUHFTUJFDEFBxJwLrwNDRsPEiR3M8VPHI5lJq5OGYwHDiUHBxUHDSJvLsFFFYBYHZR8Oc56Nsx7OcxkJ6sOFCVjJqMPEi8DFTZ5NssIEzMHBxNvKbSJQMEQGjYCFzl3OMcBFzgAETMBFjgBGDp5Ocp8Os13OMh0M8YLdCoTAAAAMnRSTlMAnAl2hYIQ+Bna8SYEIOOnlaNF0Ko3p0BRyTmBR4QteLgoWPjd8nZhZ5jr6cM7k2Gz/oVfxqsAAALVSURBVFjD7ZZrc6IwFIYjbREVdC0VQfDGRa3WbpdIEvz/P2xDTFI6hsB0Zmf2Q18/OEPIw8l5z0kCwI9+9N/KeXhkevqivcOHt4fdQjvfGlyUOvpsOEyu5XWjQRhvCMICQoi+iD4YruhwTMo8z3EWNwKm1fyPV6pfXzSGaEnxaTU/z8uT1TB/WX0LzZQDUwB2OL/p+ls9f49Y9Of7kTVCE2AlLYDnfgFdGuz8fug87O+BEaeccFWmcXWExXjlKgHAqXIIzDCrEHhjKw2ERX8OBmoAALbJ6sAjOMeLBgMRDbMRcEgP7LtRQN4bDOyv6f8AQiXATEsSRCyUg6MykKbf9X1/3YdwpQKEdPEl8bYNBfB8oQVUeVhxDMUL24ylH2ehqQQ8XiAXGipX4HEDS5xaDYDjm0v11lMuICIlryG1hRRQ9DQ9ageiBvNkC74BOBAxH7+r33jiAKMuGauVigWUJ1MHsJeDulyfj77LBZAD0AEcBOtCLrcwEfPLwNYC2H5UAyxvg5vPACKgBQBz/lzTTFgoM+iBFoBymwxkBrPtdwA7GQAJQSvArIv1hHUSAeSp2Qx45DaO6xrs6SNPFjGJQRvAKe5sNMJNhstbE+gOJG7jx586gG0wFLs7VT6SRTsA2LPzTOos+9KizayxUOOCEUdbbkXmtABgT2khSQKWuzDUH+qinS0pgxdxiYlX2Wd3Adivx6HQYC67AAdm67WC21j3cFoFTngP2N0Axktfit0oIt6HidUNAOyRFJtiVnVMs7DrsASlC1GSY5x6EeiYA0Unl8GCZXC06gZwbvHzsykmeXIr4Hl1P+iQxCnPoDtiTxeJOIjXCE465MBBfE9E/HOL2JaAaZdC6vEqcp27O1InAI3hJuP+ktW6hOJVN94hAv0LyzbA/gKHLxP6E5oITStNjvKUabpjj2GDxDY5HOkr6dxwSxca+23FbPoPGvkW+NG/0V8vzJ26zgJwUwAAAABJRU5ErkJggg==);
}
.img3:before{
content: "";
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAABCFBMVEVHcEwSJA8bGxw40jcZhBcrzymo9KZrkWWq6agnxicuuy0WSxImyCQ50jg0xzQmxyQqqCU4zjc5zzgfbB431jYwrjAnxiYmXyI50jgvqCwfcRwZUBQ10zM40zcrwis8xjs2vzQ5xzclkSE6ljI4sDMuiy4vgikjeiAouCkytzBHrjs21jUyxjQufSAyuzAtoS43zTMejhwZWxQ+xj021jYytS030zc8yTmo4KYlxSYwwC6q6ahHrkcvqi4hnR84zTU2zzWo5qkz0TJxiGEoxCYtuCtv2HGl3qRitGWr5qorwiUt5C01yDMzzDMyzzI00TMxzDIy0jIyzTI10zQ0zTQxzjEoxSczzjN/HODmAAAATXRSTlMAAxP2IqoJNB3wygja3+faVs/ZIPHP8BTpZBgNyO/R546uPVeBSDkptsnQ/qIxnEfFKxrn+Yr9vgPorBzQdXfq+gi/M/5yKhIUG/7M3sHCGU4AAALiSURBVFjD7ZdbQ9owFMfD1Dktnb1ttKVFQBA2kNtAlKngderWJDTUfP9vsjZ4aUtvvvnA/wXa5Pw4yTk5JwCw1lofUyeXn6N0eXmSxVq+aJZKe/n8HtPyI59fPpeaF40Uc65mImrDGC0WRBkVk+z1qzm2ifmVaf/Xm/bZG5VQjKT+cm6xUNDDsKLhTmjXB59iNKh2jmeVPuCqt+2epKrmVGp3/YAywspB8hoP+6Db4Ym7TseZE2lycegbbAzxrJu2yZpIILYsG5kVrZELjo0o7KSYdw1qWxZ2SE+TV8O/6xwfJZrnRi2MLQxn7WrU8J9T+I9LTJExYs5PNqPHH3bm33JJ+8dDy7WfCqA7iJzw+/tCTADUFXf1lsP39XGrEQOApXiAMGT2ogyu4MZmDCBhCcLQXb4FJXfvd1EM4EsCoM7sHd7z/UcqoFBY2T/T8x8rLO3SAW21FjwlMs/siQCSAS9hLMO56M8obuzFz5rXQEZAlWBHEfxnzLOHFZAOOGOAnGhb+Pj25X215dk7UiEzAGjIW/Gzx5zINmD4mv4ZAJzkHTlSZkdMm7MFlEEWwM/nPNCIF3ZGKKjeV1sqvgvAiY73s2QEQI05QHyFKgsA1JkLmJzrU28HbCP3TgCosNBbM9EDWchfKbMBGhvMcik7cMyzAUANvRHm5yAj4OwNwEnOqwOKnBXgP8711osLTgVkA4TqQQc+A5AQmJdQUIIlTVeXLmA1WB+MRWxJs/4GKtIBSwZ/FicDHnbCRXXLbWKY8npwXo+aMohuLKgUbCzFypAQI9ytRMeM7gsnJboRRveFarjO6qbNxzSwDg1mTEx7RqGw+iJP8FROs9d5G8XdIXJjxzYGKfZXNjViW3DDxFQSEm5RRUGysZJwB+gq7iWJb062IjVp8simipDk4VGPQIogXayKUoQoJL3DlIviQfP06fHx5mlF3svTpsalx+n+bvt6e1XX19t39+v/AWt9XP0HRW66MjsYPgUAAAAASUVORK5CYII=);
}
.img4:before{
content: "";
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAASFBMVEVHcEwDAwMBAQEFBQUIBwcCAgIEAwMEAwQQDw8EAwMHBwcBAQEFBAUFBAUGBgYCAgICAQEJCAkDAgMFAwQBAQEWFhYAAAABAQGx2bRiAAAAFnRSTlMAr2AsB3i0cDnQIfqHWMXj8Rajl/1LYtiqkgAAAedJREFUWMPtV9uWgyAMFBC5FARE4f//dEXrSivQtH3bs/PsDCGTkNh1//jrcIQvC+ey/4Qs8STsHOIKawbK3xPpNbIxJCSBsOrMgko4H4ud/YBolIPR+Vig7xIYwmc2VBGnl0H0UwwtCPKCP7T5IRje5oeXaCpMAQBT95NFiEAYakXFLYgfIq0kYAxA2LIVOEIFAioGIMD8MJec0PcALGrgOGQqCBwloJp9Mt9PuVopDwtoS4Dc7kawegpBAmGoF+EuoJVuChhX9WAT8OtD5FsCFx+czQW2726pXJzO4E6BiCvp3QV4SkhMh5AxAzkFLmYtIRfYqnpMPeMYZXdQlkUQfFOgc370W5oIGk7kETyXkn4QkNRPfnvHHcvgGgIPEXCz5SC9PTKLAJHGFXg8BX4tXbPgVAbZSKLMbCSHI6uRMm+lPILnWu7NKSCPr64tc9bBUmvGlAMsduB6JV616UMd7GiU8tjXOh3Yjar+ooEESm/acQeB69A+1m6QG9kaCZVe3KDgr7IoziZnoPyou+8mC/pqOLfGswMNp9vSsBmQhsJIyOvRfDrboQo39nLFba5ZZgGsubRakhHB1l2C5iJdaPCyzCf7fJF5xG8t7JINJi3q+8ZuheIf/G5wrPyEvGKL7P7xt/EDnUd4O0PSkSMAAAAASUVORK5CYII=);
}
.bnf-img:after {
content: '';
position: absolute;
mask-image: url(/our-price/55/ukdoc/ukdoc-files/feature_card_circle-1.svg);
animation: spin 10s linear infinite;
mask-size: 100% 100%;
/*background-color: #fff;*/
background-color: #669ffa;
transition: 0.4s ease-in-out;
height: 110px;
width: 110px;
left: -6px;
top: -5px;
}
.hover_effect .ukdoc-benefits-box-content{
color: #1d242d;
}
.hover_effect .bnf-img{
/*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;
}
#ukdoc-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;
}
#ukdoc-benefits-box p{
width: 100%;
text-align: center;
vertical-align: top;
font-size: 16px;
line-height: 26px;
display: inline-block;
}
/*=================================*/
.ukdoc-fuel-info{
display: block;
width: 100%;
}
.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: #0f11ad;
}
.dtr-data a:before, .styled-table td a:before{
content: "";
display: inline-block;
position: relative;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYBAMAAAASWSDLAAAAMFBMVEVHcEwPEa0PEa0PEa0PEa0PEa0PEa0PEa0PEa0PEa0PEa0PEa0PEa0PEa0PEa0PEa1avww6AAAAD3RSTlMA9CRp2FMKRMOKNpwX57L4fbYiAAAA7UlEQVQY02NgAILk3htmDFDA5Phy3hcFKOesEwODig+Us/EAUFYSwmaTZNDexDAxAczh+sXge4Vh/QIwh/UP22f7hPMBYA77J4bGHwz6BRCTvzIkmzHEQ832BhFboEYbAgWZhKGcgxsYGLivQdjH64QYGBSf14A5/v9/MDD0//8CNvmzUrwB8+dV9iCz+RwYuKUWTmBgeQDk6BvwTPziksDA/AnImZhmKLlWCOxeBjbpif8DmEDWA93N/F9SQwrsXn8DBhZpBbbGBSB2hwNDPdDEDCkG9v529u8MD0NDQ4MFjft/h4bKMdz/Dwd/ASKeSUMo0DkQAAAAAElFTkSuQmCC);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
width: 18px;
height: 18px;
vertical-align: middle;
top: -2px;
margin-right: 3px;
}
/*=================================*/
.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: #0f11ad;
background-image: url(/our-price/55/ukdoc/ukdoc-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: #0f11ad;
background-color: #669ffa;
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, .nl-img10:before, .nl-img11:before, .nl-img12:before, .nl-img13:before{
content: "";
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABABAMAAABYR2ztAAAAIVBMVEVHcEwPEa0PEa0PEa0PEa0PEa0PEa0PEa0PEa0PEa0PEa2rwlAUAAAACnRSTlMA9QpfmSPbOsB4Ghl56gAAAi5JREFUSMfVlb9r20AUx68nq7a3Fru4aBJOB41xRBPo5Lg0pZpECybd2kLckCmG0CFTMASMppBMHkXUxHl/Zd/3Tj/OtqRQyNAeWLrTffS97z29dxbiv2pbbvWcNTl27WhWDbQoDsd0F9YAR02HqFcNLN0BEcXbeig33LRGDaIu0YMeeq82TMqAX2eRkRKIfmys4bEByTaWEPfiG99/uzJvn/AWBttjio949I7QLk1gSjSznI6MKD6FwqfF4gC93IJDST8gGr4h6sADQhYYRlhzyC4ocdFLd9G6zefxnh1h3Rm0XCERUivJ5tXKY2XsLpwqCbRmATg60Gg93s+3dUBMdaBJBdvLPpkBNK8blLVEZhEyAN5SDmQO1gA4mEwmuL2oAjBs1AEIi/UUQJwDdvcRBfH5MUD8DRAVwEUpIPt9V9/6Qnxd7AirW1OjAd3zb1QHIPWq61AGSF6in6uVYyjuI70cMrOaP9Pvov8BBaTzuxwQqgQHRmogsQ1gC3kFmcQtVVB1fKjyfFYKeDq3O6peSwD1fKry2zxyCg+/dH3BR5AfOYaCqj2d5KN2fuQYwDNd42jLkLeabaRxn3bapAONxgWZ52UbWvI9X3bTOkYdnh5e5d5fhrjAU1bHtBrsoMOrDfDkOc+8ns/n4MxQatFQA8P0KDMP1DOuze8ZgKXP1wB1VvVELWCrHEkBWQLIj6JeQbcahRWgWqFVKMSlgO37Psx+8f298rr4B/+Q/wD9hS92Qi+rugAAAABJRU5ErkJggg==);
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,iVBORw0KGgoAAAANSUhEUgAAAEAAAABABAMAAABYR2ztAAAAJFBMVEVHcEwPEa0PEa0PEa0PEa0PEa0PEa0PEa0PEa0PEa0PEa0PEa3bXZelAAAAC3RSTlMAuZlgigogcU8z5OJTpVkAAAJ3SURBVEjH7ZXPb9JgGMcf0wB1Xmhd1NCLMBKzednEbGQnKXXdwqUHW3csuHYSLzAIBbkQ62yXXTAadHqRaMzEE8yo0H/Otz/ellVGvJrskzR9efN9v8/3efu2AFzy/xBNpuYhw8KiM0jXea7O1zXuwL6hi2Xt6dxXqAZmoijaNyUigIguhySw7oAcFugva7+YSjz5ObGSO2Nkd77qCyYMlbv5m+l8W1nuP+8PE0JIEL1lGG8aS0Y33Vq639LzB75DTlJ7ZbXXExVVlSRFlRRJUlGasopmy0oS2tRcRsBGxIsQPvT7NM4wkyJFp4C9Wst4NODceoA9jmeBja2fuPS2oT0IGCOHVBo5EDJ2NKFtBSBBieM9AUmtIkE2LNjj8qwrKFgjxyEEefQq5wiiaEEHQIenZsAhcuA9BwIJKnaJwlSJnygkvehmINHvVdshJCil73ghGWvihFyb2uQbAPu1phfy9eAUbIcQJWejkKA4pJhT26HK+bAP7K12MxBOzThyYKYyfMJbTcjHzsQIOZRPAmR8ogj5u7uko4OkBii+YNfzvG2G2/QEMVxUh83zbQaCCZVAKc0ZZ8YtMUQPomTFdXipIeoPi9zyPbtNP2TFHn5cNb02x8fWGWO3iQV1980QdHjvPsf9TMPY6AQCXC97QQZfoMMT83DXXCfNI9I0A0EXH+Mm2ofxM+vHNWu4YE0ELCDz3qnPbsFbbeuRthPTtgleC728Lu+0xmOtFdOapFbzBZFqj8tzRtN40Z1dIsrsDK4PKJq62/EcCORQCxxAEUVFEvDj+7vN+R/BKmzOF9BwpT/v+5GIAxiZzEYmhIYHzct/mn/lD0abTbUM2y7iAAAAAElFTkSuQmCC);
}
.nl-img3:before{
content: "";
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABABAMAAABYR2ztAAAAHlBMVEVHcEwPEa0PEa0PEa0PEa0PEa0PEa0PEa0PEa0PEa1SdNYwAAAACXRSTlMAmm/Z7SkPuE4+sa6zAAAB4ElEQVRIx+WVTWvCQBCG14pab+YkuUlpaXOzKoUcC1bwFqiWegvUCr0FoZTcvHprPtTsv+3s7CbObvyg1/ZFNCbPzL4zs66M/VM99/sD7xRgc7479bzGOc/ojZfFYoEXC6kGAC2fAOFwGMnUQ9QYgEGLAGu44am1C60IgCkNQDN5CTeeDEAzyULOoz2QilegAbkJ+7AFxqrKBACPliUcWD47ZAKAB3YBXwKzd8oEApPSAtJE6ikA3pJS95UJAdTHZo3EhAAqcNktD9DlPEagOwegUwYcMOELYOMc3gtVjIOHicj1PgXpgCh+hBWCEhz6/apsosGpdh7GKUciu1/TAKjrQ3xsEXjLTRAl3no/eZFMzoGo5UBP3RiBuuzETAM2BEATcigWqg1ATAE0ofIUETYB0IR0UkSkIZkrTrFKBtEwAJFyJ0dSdF8H5tJ5TMejAaoHI3YsgzBB98JMVaGZgKCp0itUHDkagMNOx6STGW0UYxVuKtCBmgimCfhKB7TjQVZsABMD6LC1fhIYJj4Z3VGotkV0kzev84sTNsvniCdW0zsKXHXPAcFRwN2G4vfTsTMnan6Vgdom6y1Z4y7oLa3b5uY40EWgVwL4t7u1xRItXOLaP1jr8kwvnOyP/o3+AEUCZ+kDPChlAAAAAElFTkSuQmCC);
}
.nl-img4:before{
content: "";
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABABAMAAABYR2ztAAAAIVBMVEVHcEwPEa0PEa0PEa0PEa0PEa0PEa0PEa0PEa0PEa0PEa2rwlAUAAAACnRSTlMAsdoVkclbbz3uzmbZOAAAAdNJREFUSMftlL9PwkAUxw+FtqMkEo2TKA0pU82JBCYHFMJWk2rSiakik4k/apgwMQGZDOggW4lVe3+ldy1X++N6jibGb9KmzX3uvXvfvlcA/qqEk1M+0EHokBsAlSrvPCDnqnUnfVlqGTbIoLN2GtBACEdACKms3YX82QSvFef4NtIKm3FggJBNAE/3+LqMBUAvejkARrI+/4wCGRfnDYAhAI/2MFqfTVxo+jomOxbdJBAJ+WvAOROAY9OseoDgsICadW21CABBf8YAVtuqn0J6E4hb5GPhb/YNiF16BsPYxU9VWdd1OQSMgkNmFmqyCgjuvqu4Spa570iXPB9WBwtxyDVq4D7znZSg0xtD1QcgZBwyS6qe7ij3Num67STQoV1IAannKUiB4kDOf6dG5RKAZBHd0giTMHAwHiZ8uL4JAYwyhTY4OHLl9WazygZEPGDZJ45RoqLnK7s8oLKcIw+oWV028AEhzLGdFDwAua/zwIeslsfSlkZJRoqTtCelrTBwoaxha6AnalQHwv03MtB7Kf3Q3zAfZryGaZB8LcvsVdOBYmGKB2EvHeB2NRBlze/DlZ/GPzJVRPXYT0xEpWZElY9YyMAyqrUYICo7YSll8C+qL4aLB2fRb3lnAAAAAElFTkSuQmCC);
}
.nl-img5:before{
content: "";
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABABAMAAABYR2ztAAAAGFBMVEVHcEwPEa0PEa0PEa0PEa0PEa0PEa0PEa0ervj2AAAAB3RSTlMAwXw8m1zuqfXnqAAAAQpJREFUSMfd1bsOgjAUBuCKAqsuupo4uBpN7OpiWBlMWDEOrCCXvr4tbbn1tA1084SB8H9pTykXhP6xDoUlJ6Qw50fPJGiOkEFENPfoQSpDTohWiFwrzjLn4mvIQZEMcy5qQ64IPM25KA35SNyhnIsPywM45yKlwNfkrYjbOTQ5E+ZcilAPcgHKG1i4Azm8/+EMAN+HOcC9B38HVDynB+sI7k3KV0dUBQNP3eYxCLv3LcpBEHWtCDoF8gljk8Gg7x8Em6YH2QMAweCbEKUqeCXldZ+xNTbvE66fCphulQLwOC/VHpQB5oI12a5kSs8uAOgHoWeLgGUK91Wwf0lfxbKH1gIGbnLFHTjWDyEGQiKnEi+MAAAAAElFTkSuQmCC);
}
.nl-img6:before{
content: "";
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABABAMAAABYR2ztAAAAIVBMVEVHcEwPEa0PEa0PEa0PEa0PEa0PEa0PEa0PEa0PEa0PEa2rwlAUAAAACnRSTlMAGbTwkGQ91U97DeDl0QAAAeZJREFUSMftlctPwkAQxrcqDd5aCaR6Imsi2pNa9NATAr64kbi1eAIfK3oykPjgaKLi1eABj/gg7l/p9kl3ivFoTJxD22R++WZm95sUof/4m6FSsjM+odJmrYjbJmMDNZZNuolR3CgAmGIghkt1AUgMr0yI7AAVaW8eIK+wWUm7fRV1VqFKYpAs5kTEEpDpd/7IPHUEpBodZtmrRXUjgrSqEEDoJXuWi7QzDuBHe0KOrwmxS3ZNBORmt1rJek07r1PYQ8oR5RlJVdMO8ACByQBgLF8YB6R+AkQFVd0fq3ARAB2Gv1NIBoACgDkfmPABf2TvLj44rbtXrTilYkCCFZzSTtTRuQPUTNZZF4GEZxZFq3DAXOt2bUsEpl3gEx2WMcbtguCXmRxbXTp0gUHUJ3LwodnUrviuuxjltaJvSX47kupsUIZSGirIPdvbgMdtXnOI8aJoZLLn+knebJiMGzKP5FJkKpTpbXlS0v0RY29pq03r6OCSW4E27wjp96xGyL7wzomtPxOrwnCrXN7t9wmpRk/APR6zhTGfYj2+/OdgoyS43jrYy5trMS+z2P7HgIXTMDnQ+PKJNfgdKyOVFd4SUEDpoiKFQBaljDwcI5WdCIFPpG/A/KyRL10FYTwZrcb/D+FX4guVpCqINKWo0wAAAABJRU5ErkJggg==);
}
.nl-img7:before{
content: "";
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABABAMAAABYR2ztAAAAJFBMVEVHcEwPEa0PEa0PEa0PEa0PEa0PEa0PEa0PEa0PEa0PEa0PEa3bXZelAAAAC3RSTlMAj3Ynw6rW6UBYE5jqDfQAAAIGSURBVEjH1dW9S8NAFADwpDXS3qRCUclSAkKlSyAiootKRSFLRTqEbiIuWVTQil0UB9GpCoriUhAs4tTE9JT757yPJHdtLlVx6hvCNfdrcvfe5U5RRjJuJ+OYMiX9GSTEqQSUSQdsNBpUSB7RJPdbuKGThpPoz9I/OoZh2KSxngLikIHjGo+mDEwIv9w/ALB0Z+DUzKSBvM0G1U0BAPfDvUql4qWADjp8NIeNwQ6GD1LldyNw0wdWPganmQkE8GLq/iBYpPViYAFB4b0MXOFJtUKQs/vKTkGepMQLQd5FCL8QWNckkw4FHVSAddgOX4GXkPdW2BQzWQ7UnoqKIcjqQv0Z0L80mCMNNotnKQD8CSgByl0Vtl+iaWpJsILmIE/UexLgb0MAz0G4Fhon+5Ujlig8rJ0IAP0AXGCyZbV5JgGeWTHOZJV+JWZfLTSavRCQO+ODoFcm5eJAZdUTQB6tRuCMLFpUFcCTokHF9SPwQUbX/OQgg1oY1GOAAsOYd2FpmYOJvidESYJ7G7VdArLI13o5PoZkJuvwHk5HxZKBV9IMlCSYNUoUgDoSM8mBGaf6ga9qKSB5kIG1mhOC3JEUSD//34HuncGilAL8IXsUIHvv6rBNLGtZbLX9cxvkoGqRuKRXN32vbqbt1ew4QN4YA07KgRKD8yRQfzqSwkNtm17NETmIvwF1RqKVxmL0+AAAAABJRU5ErkJggg==);
}
.nl-img8:before{
content: "";
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAAclBMVEVHcEwZR50pUJwXPo4jSJMoVKYWP5ErVKAjRo4fSZgaRpgZRpoXQ5caRZcPK28VPY4YOYMeSpwfS5wvWKEmT5soTpgpUZohS5ohSpgYP40oUZ4TNYEPKGsYNnoYR50ZSJ4ZSaEUQpgWRZ0WRJoRP5UcTqc/Bs1wAAAAHnRSTlMA/mK9an3PNBGf4PH5z0LgX8K2CVUcKY9+qUapYGfNkZ3rAAADPElEQVRYw+1W25KjOAwFNpMAhnQgQC7TLVkW+f9fXMkm3JLZYt92q3Kq0uV2rGNdjuRE0Qcf/E/QnCY0539vfy14QpHpVnJLo2h320Z2IDuH28leTV0U5a7bRHB0GONgjXHsLrKX9WJbUbuNAC1QEUAQ979k79Kn6sZ5IwGYQxrQliAE57bme9uWfN/EcLQ2H//JWAguPSATy598EwE/vpYEGUlWBLEzmwjAzgicekBxgNvmgX2sCDLGQADbCHBNkJASgHhQLo+mhwXasYzTRbUSnAvnHUBf0sn8VtACXHVDFbD6rbj9vllv1HgXcOlA+uWss48JFqE/eCVacGHngS4IKSEbI+8XMqgIyeRfE4wDn2WpQkgZ4uT2lXFVgq63fF0wnhNGaiYCb/8kOBSWLguCjDh76WPWKI9sQS1BpDclbtdXi7PnAih9qaABOmgVfM1NYmYETV8vjiZE9asELsz1EALSPSrUk4EgWXmQO5/xFVK2HEWkIXCp+oHRgxNPBOnlVoOr304zcFXmxA5keFSygCfBt6tm+SNGzP96g9KiU9VZ1R+DuIBvQriSxgb2DXRfv5QAovPxuJOZ9i4HTR6aQ8/KB/x66FjZQKnAcJAQ3yYxB3UA5na+3WUGD33fJJLjVl1964H0N98y4+IFYNoD6kV3exePIZxoRrATGct2asL9ED5IiVxqglcoivrV46SDZu7BN2i5deCNcauNCRPEs0IRpT7X8dACCymfyJLKqFrEAIVOlDIQ8EVWwTfjJZ/TdSL4Yevyeyejztch9J5OvHt30x6UKPjejIPwK+nupStmrfPjbOxETdZbw1hGIHbgwwEspBcxfOecY9ffF8+nXuOvj5/XBx/wOQa8HPwm1LVhUy/f1Zz1UpSBZq0fXY/wlGotYjOM4IFeapO26yftoI2KZt0JezXNDqy+D8UddbBCLfmHl4nUSd7cNdUBOgQy6WA9OUikcn0ZByJ9d23pOVRj/CNBIzl+83ujFM8vI0Fg4VeCZr/PLaIt92VZ7gf4lRHXTY4LWLOfodx5tTrLRL0+Rqw1VpCuwgO1fK6IXPjB4weIfxzSJPk+JX/G7h/w00UffPDBfwV/Ay3daB7kfDrDAAAAAElFTkSuQmCC);
}
.nl-img9:before{
content: "";
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAAflBMVEVHcEwPNYYKMYQJOpgKOZUMOZMQPpYKOJMLOpUQPZcRQJwPQZ4MOZILOJIMO5cTQZkRPpUJOZgQPpYPO5ITQpsMOJANPJgOO5YQPpYMNo0KNYwOPZcSPpQRO44NOpQKL34OPJYHK3kJO5sIO50HOJcGOZwHOZkIP6cIPKAGNpRDjaeKAAAAInRSTlMAc63x3pRB6NAqXp6iu8QhM/lWZgeKr4RNnKtwDhV9Wnm7ly+C8AAAAw5JREFUWMPtVmlz4jAMNbVzArkTCKSUtWXh/P8/uJITrrazC53ZLzu8GUhirGcdTwpCvPDCC/8cRXpB9f4D+wosACAwUCbPE8ROk+noCbQJnifIbJecERNBvtu122cI1nZ/uV/ZQFToDMbhMwSby31HBE16UMZh8TMC9DmIjHbqcQJz74EQKRhjoHic4PCJYG/iOtLVwwQuWp4hPVmISnTm43EP9DgDjM7ShqRhYuUeJ3CaYfy3thAlYoitcc94wICJIFtbzv9CPumBUQV6glqUkHuBP6zGXyeyH7fiyAxUUjlyAWOzyP/QmvU6kjKij1oVb0Rg17SozJWglu7kQAXfiyFUxiDQgZR2qyUdPLL0a3aBCUSuLJZRpNFg/439FozcFEmoZZKEPXAOvddbmDyARYlxyv4XPRr1JZBwtNlA10FH/rG0ZEchNBlXsaVIcPQdwV6F0nxuilDbzN/kE4FI+GBUu8gnMRAbO3XUcuQ6vJd2dWM9FC3waR4zgUgkZ895ORBBCv7MHpysvK4xP5snK4mkuHWwYnS69NdVG80qZIJWxGPKDYXRGoGjyEzbzPbcpbzJX/hjWcD2ak44Co2DH3SJ2Huq6jyeBmX1X2H271pNw63bDlOuUNbz+J62GPPZ6GYFtwJjbxYBjt7wHctpaNYjb8ZSSbylcDpS45Wg20A8q3WHuPXVmj1IR9Y831flDYFiDbWe0yJqsE56f1uigMCXYc5BTSFQWo+7A5Fe3I9EE6xSsacfMfMofe47ysEa+Lil3TRnBRNjTKVQVKSZABKBNECX1H1nyR0g8zlAhIwsGw2zDprOwlCw9Ck0fhciokURsJKhqRDmKTpo5Oo1mQ+A6nlVYhuIAx+NrdhPQ7Sv6OipG4P6+rbVHEQ+CdpG952AU62u2PhQ8ttNR4Pt1INhbGR+30vHUpft3Uqntay+DIyyazd9jPpmHuTBG6GXpuzfbrDaUSmC+WE3fbexdtY5UljZ0+Z+8rjCE4GWnTvdwjFOp69rjvfyk9lN2f1Y/BAf+et/4Asv/Ef4DaWKcgzE4OENAAAAAElFTkSuQmCC);
}
.nl-img10:before{
content: "";
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAAjVBMVEVHcEwZTJkZSZMuW581V5I2WpRMbqEhT5UZSJIaSpYhT5g3XZsfTJM4ZagaP4A4YqMlUpgMJmREa6dFbKgiTpUSOoEcSpQuV5pIbKVJcKs1XZ0nU5csVpkuV5cXPX4YSJQjR4UMNH0aPn8SQYwZPn4WO3wYS5kUSJgLQJIPQ5MSRpYZTJoYTZ4SSZ0XUKJXx4aNAAAAJnRSTlMA/vmqWEwX2NPu0T+PeGlbtSM0B8O6438PJGihj3Fq/VjIaad2Zw/RqdEAAAK4SURBVFjD7Vdrd6IwECUoIFALC1mUh7Xt7iaZpPr/f95mErWIwJp2P+w523sQ5DGXedyZqOd94X9E03zOfiPl5hPmaSUZg2r5IeOy2EWSK0IIh2pTbF1D932J5kyDKC7l3g+cOBLOFL4dGQhRSjGZB04EkligvQSud1cERTCH560hYCYApiAvc35FUK90fKOw1yHQIZh3YwBAPW8NjL8ThLF+7vg2DZlaD6TUXoiVLqe88qATLH/+9fT0+Ki3IV5fX59+hkjAWJfDG0SlVwjZz8F2dajuSaLMPW8hKm0PUvUJwuiwuqOMhPm1V7aFV+9NQh0JKDpdhZhx31aUt6kLQYtWGH8Yc1SDPtnUUwTFMr1RaQaKKCJpGqG9FqWC1Bsn2GnRS54PKSrjOAeGB8wh9cYJFoKj0iEOhy6cTW0GRDFOsBanR4AOR4llONlrcWbZCEFpUmReJbIbhss96adafj9GCAI4+0hgMUxkEVsnuO4mLxPxwwjBTmuMmSoRnoxOxDc90lIT6yhBgyK1Q4PTETmEVIAdqmsYJShsCOiB6EYVlZ2yP0FgJGs7X9Sz0pwiKMBMTsXEel7bEznAVAszhP60fEwS6ETSKHno+9+9fO/jhdbzBDflF0ecd0cLfRQPkwTlLk/yrnluOprku1M/lXmV9BFN6yDF1UcC6OnJmQSZOeYgM7POrDvmwEXjRBD6/Nyt7LZn7yDYCMXeYdeQ1qw7QXpBOUNAOekb445HaN9btkQ7o8SYETaAkiGWUcAZYjHtQRmzUxdcHNGTAzVTNNkF25kQEtByUaq/KB78rUMzpT7XUfNeBBwaJx2U34bYfqiZ7sM/RVBSua+dCRb6x+JllgOv2oUTWqpF+d4oFA4SxBB4BcB+MRue6A9e4geo+iXq/L3vhL3fXpc4XToiKL/++Xzhb+I3kL92QMeLV48AAAAASUVORK5CYII=);
}
.nl-img11:before{
content: "";
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAAY1BMVEVHcEwtVJsZQ5AlTZgdSZYjTZgaR5cwVpw3XJ8uWqQgS5gnT5c+YqUzWJ07X6ImT5ozWZ4vVZotVZ07X6MhS5YcSZcnUJk3XaI+YKEbSpsTRJkVRpsYRZYWSJ0aSZoSQpUaSp53Ei+iAAAAGXRSTlMAeL2p57/5aiCi3JEOQiq0TluJGM3znzUHpXtQnAAABA9JREFUWMPtVtt2qzgMtYsxxNwTIEGSbf7/K0cypE1noKedp1mzqocUKNrosrVlpX7tf2xtP2hd9Pf6X7oXc+6McWOmm8ePvW96DBG896tHjGTm5mfu1QR+XT7MI40/gCjYnb3C8vxJGNCV3/TP0C8HtgIN33GvHX4EH5Y1hI+7qL/jD88veqJgrQ1Efkdb4vWPAA7WZ8CjbqV9dVM5wu/GkKf4w4KUteLctqly/YhbJj70X/rr7fsrmjt7dYbYrKsYpNjz8PYrXpZLemsNb0oNJiLiKkQCym7qPm1pYPYFQIdb+h1fksfoOru43PIld7C0WwzUnrM/SgJrHJUaYaWM0wig1a0w6KlQd9qSyE8BLqmDnmrxD03KKVaptt5Tr/TGzXAWwsOmCkKhKgjo5wQAAtA4RMF1KQk4I8NAAuCNKsm7DCFPAPx2T2g6xI4vUojuBGDGPYAOYq82hIVr0BPEVhlPNzX5VKSTHEYBCKQeAUyaKch0wFwvcWmECHhVVfpGLI57kNoETvVxo3wWUCz6KUnBhE41KQesDgH6ICWAmUtI2+QbH3NGgWIniVV1KhNX47yGnHOHobtk2aWzUsF2gjETcz7UzItIAMdVLOIaUn45LhgjAK4kzyvyfAMQhIPjrIvraB7nABzvmw+ULNA9kWi7tf6dxI/HaQqBS50h3W9stUHT3KsQh1ruJtswq+c8z/TxQDZbETtVAKWhbyYeIgKPc5Kq7qauVjJjmZ+PQriZxBIhYirzEMDmfnU5c0FYzckwGNmJYAV3pNB5miVuoUMm3UAxloq4KxsnuY/gaW7q+n7l+Z4OYthpdmFfyNifS3gj4ZQglGrAdz1rjYcDLtwTEVaZOkRCaUEZEikzjI0yT0ZJPrTG+z8RpAhBylguGGyZXtxYPUZVRjSv0cb5SFKTorF8DdHbirv+2HS8MKPS9KoDPPHmSFGSYEjwg+jgPDQWqubqYux4QuKrok+H8qx34bV3FqEoLOCuCBOY4Bz0nwG4evta4TWqXQRk2vD4iLxqet1r7aeKvDwP+/qIM+M31yzPu7ngy+LxOetLPCqilGtfzStS9S5cj8JJGz3qjwD8ma5dn8udt6vLdFHoagxchZwFR5bDNjYT4OmWrcg/zyWcPyAXIqlQw6K7Uj60bT9HXO35ktX0er7h80WQMwZy0TPpLRvvCFxjd4rQG97RYUmeyTn9AktrYeTghmA1b1E4X3GPik94u3tIIcgZS5ZcXWQiKDdh4lcIqqwmzn3/OG/4GE1V/k2/vkbg2dSdm1IAhpW0PVBAzmKsPx8vLx921brKjYRvx45vri//246cPcfwecXoCDEJOPBfvvDrblw2ebY/53TUE+EzG9rs7Xv2PG82mVa/9mv/IfsLbPx+GDEiQMgAAAAASUVORK5CYII=);
}
.nl-img12:before{
content: "";
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAABZVBMVEVHcEwEN5YFNpdHa7KNqNIBK5AFN5cLOZgcTKPM2exXeroPP5t7k8cgS6FLZ69ffbxabbEqT6RsiME5U6QhTKKbr9dAX6zZ5PMdQ51PbrU3W6mYrNQSQZ0aQ51QZ68zYa0AIIwqUKQtUqUMOpgHNZZ0j8RvicJ5kMVSb7SYrNNSarEHMJMuT6QDNZYYQZsWQ5weSKBaeLpjfLpSb7Q7X6stVacCK5GOp9Kfs9lHZ7BLaLAAHYmCns4OM5RDZK8EK5BUdbgEL5EvV6chSqE2VqYZOJYeQJt1k8hNbbMEHYcPNJUAGIV3jsQGN5c1WamOptMMPJoAGYd2k8cADYA3XKoXP5xfhb4AJIiZrNUZR5+WqtKGn8wwT6EAEn8mVKYPP5sANpYANZYANZUAKpAAKI8AJo4ALJEAMJMANpUAOJgAJI0AG4gAFYUAEYMAM5UAGYcAIIsAIowALpIAHooIPJkACH0FQp7rApjYAAAAYHRSTlMAu/EECdO76EIVS/cX2x+NL4+PLbwpjRzHnVoO4dA26Hunf9bXkkIoPxsV+regXdivXg6MbaDqUFqOT0VEtbD2eZ/cTQiYhlpogz7kb/qzOrz0NEXBt025PXJ+j26D+fUmYfoMAAAEFElEQVRYw+1WZ3fbNhRlKMm0VMnay5bceMi73iN24zqNG8eNM5vR3YIkQIp7Sfn9BUBRpBRJdZrTb77n2CBAvEvgvocLMcwd7vB/IHb1x5cRzJrc/BeEzzeRiNDWzH8MP2u6NtytqY5UWhs3Z33xcvSLmdkFVvRQ44xhrlmkQu5odtQ6kqymFz4V7mmCM6EK3cysP3C45KoeNNmlV8NTK5riXnzC/CwhAdncucqFQ7n8jqKK6PvBibllCIDiwsUhgreJznlxY5h2Yy3jDhKceIgHGLJ6Pjj128THP0fp8p39TbRbdZDSFoDQBqaWHSb4cVDqxHPSlOAAQd1QQA+uWp5EkOS6NdK+NqMEc5suieXJLhStMoFgLqN3p8nDz0pUgxVIYqkIPJBqQyJekbaYpkm90Y0UHa9pj6JF7oIQ4k6UYHrJPiWf0I6TDBNftvQTvzxyP0RnbZtkARSgbT+OvvqpZC2QRjSO40zG0B6MrNVtE/A9CYAwSBCvGBl/l0btXTR+r5RYWij2Or9KdPsC3QLk4lGGPU2maUlJtm6fBKPlYxUqJhL9VDxwZNDTEDeK3YxF875p+JWRQt7Tft1sev5kvY576U0RgDbPCzQTAq9YlXS0Rrps0jeElf7Ylk7rRgCm9RCfF4+HYggoiefFCEHZNupDmq2qJvkWWbP3ktS12ul0/vqa4mOno7z5ZWB6tmsNah+bFWnO8BJ4iSP73a9Wk+vzuVxufjVZra7Hhj7Y7EorAwP3FT9nggDkF3O9wWL3zc1N98moLFdZwz7r99JpZk+lyydpk7n+i8cWPswnI+ukfOG5+cDfpEfMKsIagDbR0VsIz9my5F2Pscs0ZzsNaumHbncLqxacXplkIRR3Y7wrH4kqKm3MN6CN9sih9utANrK39vU1Djmy6aDSPj3Wywg6CLqBA8biEYyjOGRFaal/KZwdvXu5GHjwfqPzd4CvxPo4hv3F7TGXZlKygzIURe39v+3mcpdrbNNiKe6yzTxZxszls+k+5iaHz2SgJLvii+b715zs8hIU8591SZYNiZwiYEqSLAukFgRr199IgMkEGTU4+r59kEcL+2OZlVkf6umk+Oe4hPggWMAOgK8T4F7MMWuOAzEQRFppEsGWTY5Qm7pXmzBgGxEAsZpcKvUhlSL/Joq4zIf+3eYpC98GIimo2K00bIh02ziIFwSqIUHn/q2TQDXEFG38ed/GCZ9ye4IdMXIHUQU/cwUJmecD/6ZK+r8KxhOsXz+ptLIHlYPCaeG08vsBGxIEVYB1lGq/ZQutQqHQamWzrYP64WqfIA+Ralgesi1HV1XDoVbGE0cWSBIFnvYUU7d0H5qlexYMrfHVUWLqHsbUvalei//8x14vhN/DLxNHD+9+19/hDiH+AZ8IUIdjHWofAAAAAElFTkSuQmCC);
}
.nl-img13:before{
content: "";
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAAk1BMVEVHcEwBNaMBMp0BNKICNqICNaQBNaUDN6QCNaECNKAEMJECNaQDNqADN6QFOKMBNqYCNaMDNaIEMpYCNKAALpYFN58EN6IDNqEENqEENqEDNqIFOaQDNqEEN6ECNaMEOKMDN6QELIcCKooDO6sEOKMDNqEBMZ0BD04CL5MCHm4CJYAAGmgBNqcANaYBNKMAN6wAO7RIHCYXAAAALHRSTlMA3sv3FuX7kJquA9gahBPz7bgtxNgMNXpsS6QHdD/RXlMQioggZfFHJT5kefG6KTkAAAOCSURBVFjD7ZbblqsoEIY9ASIiqO35mI5m0j2A+/2fboqYdCeZWXut3beT/yIpSvmokyaO89JLL/2PFZVD4DhBs/wUEPe8dKKBrMUP93MpVqeofNQHP9mfcF8BIDkKJarkB4BGKCVtBNKYfP3z/cHRz5FfO0Uv09zP/xyQpe5EFTlk1PQ9lg/FqacOetR1vwUMI1sGhEKK3XLC4u5Kt/puCSdUdfz7CFDj9K4xrI4qcx9BmSpFEqdxMb+r7SE+3xQXexN0eu6mkMzOkvr0brw4FkI2UcIx7g+3ljWcep6X5/Dh0T6z2Q1S8RgSjQ4tTpu77jA29ZJmTsC1rPc6DBSdsDFGbZs2BkvWQ2xFj08EpnhpfXf6nsWuVW0XMwyNjYlCtT2+H42hvP58l4J8ftZHz0gO9UkqIaGNlXDXu1wnxCCcSuRQxyU07gQcoemUwRkfjGUWOBAsbXZBbogThJjcPQtxrnjQDOfUkAgqHYqxDjd0zC4XP5i7GwXfgOxE1HAnIaKKvitYy7Es2bjMchzsuIVGb2N9PWG4AZyO2BCj1Bwt4P3w3VwXkp+309khfltERcAVTjM4IALZFM7RRU7SbrQAAH8EBEe43Zl/nUqnzFHfVKlUbp99/LXrb4Tqq5lxIXjSPkcwSDN3ewRZipErlVLizXu7CuEN3ew3vI1D+ARYWkOhIZM+ZTNFSml10fbrqk3p7ctUCs3kCTAJd7C1JyEZ9XX3TduXsQsMd36K4Jz64WXy4hVi1xozjykLsqwdqOHLurFdsWYH+FdAxE1+6VJceRjuRGFTNi3SWj8ALu4QElTuE6DM/X7vJfXhTrYmwRInk3wEoDmJlyRZGQAuKRQ3wKH12/3l2g251qKK63z05q7278qhxRSt3pjXQSVsBAoA76cdUCM9htSqtXHTpURGGzackb4RwHCX2dXaoDKm2i1DQXnYyh1A4OX6JW3qgtvsdRiEQuOrtCBJCzXVuop6xAPqp+lIr4ChIiS8ihCSBeEF0EZlRfhVpMqi1noNKco67kKTrlWqq//+ZZoR9IJNz25IVWM075PrsapC9g1qH9EkuFccDxRrHGbxk7tsjfbbMo7BhtGFxOzCDnDuPglBMSR79jIJFULsZiujJTwZ8FJd34z/IIHYyNDJf9Lp3g32ZSEBMNM371F5StPc+5fu3WBTCoucvP4tvfTSS1/6B043dejFJ+M1AAAAAElFTkSuQmCC);
}
.nice-list-img:after {
content: '';
position: absolute;
mask-image: url(/our-price/55/ukdoc/ukdoc-files/feature_card_circle-1.svg);
animation: spin 10s linear infinite;
mask-size: 100% 100%;
background-color: #0f11ad;
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,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDYuMC1jMDAyIDc5LjE2NDQ2MCwgMjAyMC8wNS8xMi0xNjowNDoxNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjIgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkRGN0U5MUIxMjI0QzExRUY4NTdCQzAyMzcwQTM4OEQzIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkRGN0U5MUIyMjI0QzExRUY4NTdCQzAyMzcwQTM4OEQzIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6REY3RTkxQUYyMjRDMTFFRjg1N0JDMDIzNzBBMzg4RDMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6REY3RTkxQjAyMjRDMTFFRjg1N0JDMDIzNzBBMzg4RDMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz65WHeKAAAGGUlEQVR42uyba2wUVRTHZ7ttl0qhbHkVUYNWEYMW8UkMxChR4AOiJioGFQIxQaPGNzEhavAZ1EQNBCkYMTQCErGKVhNFCaUfxKgRgkWogihokApIsKWPXf/X/keO4+zundnZztXdk/wyszO3M3PPvfe8bhpJJpNWPkuRledSUEBBAXkuxQZ9y3VgPOgC3QE+txT8Ad4BX/zrrvICBjA/mXtpBZOc744Y4AYfAgs12nWANhBxjiGvlWsu6UvB5/y70G1AH3C3ZttZYACocGBfW6r5nHvADFNswGngVM2200AMDHRcT3CNX6z5nNNBtSkKiHhoexPJVrqlkTXJC/wANoOT0igrncKS9rp26XAUTAT9TXaDb4P7cvj8beBckwOh4jCen+1LlQUeDipBFYiDMhqqcjE1bWPVxWMDaHJM2VwPRjJIBcwEc8EFjLS8SjkVkPivTbvBYD2DCTc5BFrBEXCMBsg2XFH6/THggA8vELoC1BTfIvz2L+A18BU4DPaAfYzWkhlcX5EpNkhXAepD3xWdfx3M8Zm0JANOdnolHV4gIq2FDEvD7ISyO5PAyb2hgDPBgzzfCOYZMHD3gw+5BANXgHJtZzFmVnIXY/AEE4kwRRnS88DN/H05uCYoBYwEG8BPYAc5CO7k/RcYTYUlV4BdYCuo4bUYCx37wdRsFHAZ08krQV9eL2VAU8IApjbEzk8Hn4hZ6ZRhNNJ3+PUCVRkMymrQ4nK9HxjKYxU/pIJJRzn9fszh74eAOrBWMxAaBBaJ3y+Cc2gEfwSNVJAatGfEjPCkgPX8+EUp2jWzo5PBaDACnMF8Pu4joPqOCtApR10ragArmDAt4e92Fjd+o62q4FJY6lUBnWAx2MQw914aHFseBU8EGLh0eWg7Rpy/x6OdMvfl8QMqwHLL+Lx4gW2M9qKO67EQo7aoS0LjDKHVN3fwvCWbSPB8sMoyS3aK86vAOk59WxH96a2quQSas5kB8yzzNkvqRYdVBvqASLXlHoJy39u9ZphFjmRnagjTOpPsYeRny/MiELI0DanWEpgojEo9z8ezwOFFfmc6rAzrca5NWYisFm5KNx1ewixzuUN5Kjl7AzzsWCoeUrOeHZJhoJY7KHtBGa8PBFPAU+BTcMxlx2UzuBpcBEaCOIiCiMaO0NniOYs12sfZrtvlOxZk+Ntv2G4Td6L+um7fnACa2KAuzUP6gGWOF9dksSXmVQE2K1Nsf63yqgA3g/dzmgnTTkO0K6g16FPs5aS+4zFWn+yQebYfI5gQD41rvPwj8bsmxDpGEWsVM8W9OX69gD2S0xgWpxOpgBty7C1mkBKX+zEe3wLf8nyspb/d5roEBtELDEnzd++D3UJhk3OkgNlMnBS3pGgTE+7Sotca7NUNOredLrF6tqoaGGYe5QyxCyNHRXCiZCX989fge0Zmh63sy97ymy5MUQE6zuMpwk4dDKIoqlLZ64lOyvqsWEqq878yJlA7t63Wib39UfTryzQU1Gid2P+fxVS4RSRTbTxOYZZq5zN7g1BANqMWz2BMR2l6kGamzTcyMGtkWa5SZIUvgVvF33iqE5q0OZpK5nJ0RzNcf1PcG+6oU9aLWoExCqhlOauSs2MAf1uaidchhuQvO0baaQfUEnw8m1wgF6LW6nNpcnTdXEDZlNusnvL8OHZ0LG3A7ZwVndlWhXMhxZa/zdNUcoDFz60ial3rt/O9tQReAV+ycBrhOl7BUfPrJutYK3xVVIKMVcAEImUHFeA3j/iYtiSwmDpvJVUkmEpU2fwz4Yf9iKrbbTBlAGwFlDLy01nP2wMOmkIVewS20Lqmk6aAO2/UElDJzZNgDWdCl2OUoiL7+18qwI7Ld/by++US6MjxuxKm5wJDmW6PyGAbEkyM+jHL7MxgTNto40rdFB+2AmQcoGr90zVnjerUEQZVuu9JiipT1JQ4QBVd9jk6lwkl862est1GD0vN7utumZuErYB2K/WWfDopE/UAr6Le9/f+Z8SQf5x8GjyS43eojFIVVxv+MTUMUUCUVZ9xNGqJDCl2JXOB/fQe6WZyCesF6xjvWCYqIPRIsKCAggIKCshP+VOAAQB8JrFQvfHFoQAAAABJRU5ErkJggg==);
}
.hover_effect .nl-img8:before{
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAANlBMVEX///9HcEz///////////////////////////////////////////////////////////////8r+28GAAAAEXRSTlP+AGG/z331auCZr0M0IhFVCahuWzkAAAJmSURBVFjD7ZbrjuMgDIWBEMIlkPj9X3axzSWQzKjbSqv9UUuddmj5crCPnQj5YYgv4Av4R4BD9TjOvwesBnoYh0vKJyk3f74E2GGMLa95iFJa/PMCIACItlsIgRIc7l1eB2TlHMhaCZBQxvkqwOyJI2rIgDN6CDF/DueLANv+cQhw7UT2bQBlRYB5FyA4PlHwEUARIL9Aj4C0DxEfAJ6qYFgBUEkbIHkzeW6J1QeLLwG06WAJJKABkoV77NVIoqaNjaSoDnow0oJ+s5cwpc6hpQyabLlCO1gBRBQ3tOqZLwNHB/BbAew5DW4A5PS6Wx/TKQOUS9N7AcgNlmEe5MRif0xhMAtVgVHmAjjAD4As198t4HA1FAFBUvUKQE0KLGd8ipRVS8nSNV4EmoIrIDmsr3+cZtkCjvdFqhM8Abg77fIQGqAV74SfAGvP8hyt+rkaZwhbnUhTDg7LzcFloi4R3Xu17yn1jwowhWVA9H1lb/GQPdROZnuuAvYGeGeG3bi/rQH5ToN4PsLGwlL9dWl2UPmihlVhlUuuqpEuAEXllpdRRR9M8RKtGDQFfenuVlalcZcxAwbHgS4AxwfA5cTOW8cj2BBdaZd6DlzzvJKNfPRBqGLQhdMArdlYfz14N4PhMkFbDZe7817X+9wRnQXNDmwWn0ef8XG4vdui88GJIEytSoErmeI5PR/s1Onm3gmY9L1b7OKD6QHDAyV6ikjWT5yhdrxHgOuNPo0DWGNLv4AfAdQl8TYOsPQuAgz+vgMOremeoG+BDxRmvl+Y4SdbGyhvhsWRpn6P7beI32flL+AL+G8AfwD+t0GiJRR2AgAAAABJRU5ErkJggg==);
}
.hover_effect .nl-img9:before{
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAAOVBMVEVHcEz///////////////////////////////////////////////////////////////////////99PJZNAAAAEnRSTlMAdK2f9MsmUYdd3kGU6LsRZjPpFNN/AAACKElEQVRYw+1V147jMAxUb7Ysif//sUdR5eRN9hD7sC8LD5C4asQyHDP24MGDH0fxEzbdWG9hgTLXCfRKAPsdAmEGNBIYIZy9QnAAn+cSCSglvV0hcPNc1BQ8D0hR7hMwFpEg/AeBp3KWOzVoBBx0jmA/J4hyQBHZhvEL8J8TrNCeOqvDXQKAaFiq4robwUH15+oqQSiNIDMFhrKw1wgs1r7CIUEhAm7+MZr5iEpF/AVZRF134M2wEGRFYe3vxbCF0wTXvyr9PAiYwReQv17L9wagXDEbDr/ZJEzZ2UGAFdS+xl/waXhJZMNS15sJIl2qkYJuBGG4wtaehjfr6cQ0AjxSuiJ2Q3F9vaQ+JHXKIhXXdqvoBMyokyP5tidGr2zbcNqckS3cnXQvQLUBcHEhcJiJp4GKR6utntNq4ANwBpBomUEST7Xt9pTCRwRpZCC6xxtQ+dW+v4VlrcYmkq6pW6oZRu66Cerr+K2hCdebxLIA6sOMwPdhwVhWilA15E7SpHhd3XKnNvQa5CZZLvhaTmzlLn2bJE1QVHuBNThoOzm6YKnLmgyXTwLDmuL19GFOOVANKJm/OsCcUhmVGmB7O1gYBpC6GekmSL0o0e1z6Hl3Uds/jRvb8zJsNQnTBR2/TgLAyWxcz2QB7uKaBjb98r3GUVXudEd00Z8NQwnnpD75gdkFAsdBSbEAZwLiLk5w85OP44Kv2AtKfAvRquv5TXjDHjx48HvwB8ROOh51SuRHAAAAAElFTkSuQmCC);
}
.hover_effect .nl-img10:before{
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAAM1BMVEVHcEz////////////////////////////////////////////////////////////////P0YphAAAAEHRSTlMA1Vmp+RXrakw6eo+3I8QHkNSplwAAAa9JREFUWMPtl0mSwjAMRT078qj7n5aMYCeKgwOLrmr+Cgr8kKUvKTD203+UtZ+dd4jug+NgcJQRtw5nsBxXGQe69+pKYS01dDE4HhSGbwJgaEnoGhByqAGR4FcaKkCaq1kAtLk4j1AC+BhwfQU/vhG2IbdewU+R87ycfwE0R/NWEgNjEs12vgLwtwAqsiyBRbwDSLMBJ+vEzVEjqwMgl/zlIuMungFAHJ0u1goCL0pDA+wcYtgjDqVOjAbIreE0GQIeA6gBjviF/SerOYUgALmIVDQICkb7SQIwFF+S9Dxaumm8kvEEwGLleUYGYWB+eQlIhB102obqCQAKgCcdJYC1AItlF8WL+U4DXiE4dgvwTLVjNwFjIhPnvozfp1AqpdgGHMp/mHD+FJBt4MFbYX3iwa7dkIPhlc59ALvtIzpzcGg4tF0Arah53gFwxEKYGyoO8FRuABIBmD6ISLUoASD3k96VsQHIJGDyDFjxlG5EQG1YpTuSCEQVbJcPctxL32qmd5/3/hAgp6vxRW9b44pRbGSnUrHeaRNfqlqeXqHqEiqpd48EnRry75/PT9/UAxcLPk8a0NPgAAAAAElFTkSuQmCC);
}
.hover_effect .nl-img11:before{
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAAOVBMVEVHcEz///////////////////////////////////////////////////////////////////////99PJZNAAAAEnRSTlMAjhz3VKEuvXgL56lqv9y0Qs3nZJ9zAAACtUlEQVRYw+1WSbajMAz0HM8D9z9sSx4wdDCf/FW/ftEmEKOyVJLKJuRr/7EpIbT2QplfunsZorWxOJ0/h2C6bAezMn/mTvn2t5UPIPy7O1piD/3dtjLxxN3EbW36Y3/Oz+nQHwEO/kXXDjCZxucxhP1Lp9BZqcqcKA950HvhwV0kW7OIFED8ntRdU7Hx1Qvc7SF1x4gaZLgbgDQq3h9j4lsMvEXOBoJad/9gj5DSWUDWmMdg/L4clgCyf2Gqf2450cGt2BlahWB6jJ5Q/JETIMeGG++bQfQCoFt0NdQGAAs2ITP9i3ifgUcCBWkIyIGoUQMPjPDbHHqzEINR1JlykHXQjQ+PwdCxx2UNeI9P9Cz3qeRVCqCiJN+R0BOUuE2bfIg6uH3DtHEMrvfJGkAjBUk6J6GLaA2sOLSIdbhj0Y/85kBt+D+dr4oUqT0t1twCvI4ec0D5ZN+YmxQokqcYmLGbzQoCEAbfOHDJQOqD09cDmQdBvg99HtMj666gqbtYyysIZmcjphYRh/BjaOPDejJN4yJbqxHDlmc1I1Y70fUBxAmX2RjM6lJX6AgYfF3r3zYLiNAQu54pe9kLap/mOErQp9FhM9tDC7PrgbCDRlzn7KAHZcNHe4pWriVVVAIpbGGajntbcJGe1NOuFQWiq00hBVSS1mMh4Z5HReeXNI4QuOoitJt/BjDPJfhWx9Mhc05BXaYwC9F6LVMXQpIeHr05Zy0vSSSHAwj22+tkfGxl1MeNFrp2GF5QVu29pqUdBmJqGU7J8pSli6tBrqIbhFICH7j4+YA9G5B+vrqkJcLpWD0gZOL7Ctfp9ogz12lQpNOhoLB2jodP7nmWsnf9CrcXVZ1iQ7GgpOpaAYs5byunUa1paDeUkvDlsJYnAn1A/7vZGcOpG5R7PbPRAtlp8rWv/UP2B5iMVIR14x7cAAAAAElFTkSuQmCC);
}
.hover_effect .nl-img12:before{
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAASFBMVEVHcEz///////////////////////////////////////////////////////////////////////////////////////////8FevL4AAAAF3RSTlMAu9aNQRjnLwqg934E8iJaTrJsS5Rdxr3WgYAAAAIoSURBVFjD7VbZkuMgDAw3+L75/z9dAbYRBnuTmdqHrUo/zMQYNULqVvJ6ffHFv0DDpt8R9FaqX4QragGk+2H44MLHzVHwuz2iHsovut60ECnh9eQ/mL6Uh4B3LC9cT6VL3dI+LEz+JralWSIMlquMmfv9lKHqKebXTKlE1tY5wahEli0spwSDPTBmBHWpLmNKIGwEeyYQ1KuJpAQGEVj1RCCk3XICXdm7FC4EGkrFcwKO48MJiMAThkI20NLZr28Jb58Q0AIBt1KE84PYGqXxrvWeQIVcFehPvyC+L2r1gUCz8Ay33DYcvxJKzVHvKSGQ1+z8ttm9Os2igr73SqYlgBQa3Ldqb8uMzhdn20zydDZSJBppw6OK9iFxL7820csZa0llvnl1eK/XtTOi9PBW5Veb9heL44q5+2oBUA6d+9RcDjzUd6JGBJU+M23h/MUdUBo1cVgJkbRd4nPwvkRNVXRIBxrGNTDIp9bezX3w4D7SQTJkr9rZhVhccT+VneGJ8PpZA2FpejyB7zFEH7bGE7DRCHcUbqTHWTyYbayPGaylrU5ksonGqtebL02R6JD89VtqlHL1zVZjS5lLoxt4hH4O78L1K0qI/LSQuzVy74SLHHgmoAUC1wzV2jbgOaOpFO8Mwd8sIikSOLuqeR7m2f3RH98gCKp5q4bynuA90P+PQEwLW1hEWybYaua3LYv7b6Yu+eHzAyxxDBjQ/Keghn9/13/xRcQf41hOXZCpGFYAAAAASUVORK5CYII=);
}
.hover_effect .nl-img13:before{
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAASFBMVEVHcEz///////////////////////////////////////////////////////////////////////////////////////////8FevL4AAAAF3RSTlMA+dcQF+ney44ETL4xhfN3aa6aIj+kXucwTP8AAALVSURBVFjD7VbblpswDPRNxvcbBv3/n1YGsgXS7p7mtcxDFot4PNZIyjL24MGD/xg2dMWYcvOnBCrHwGw3RX64P0IqTGYOWX2yX0aOgyAmTPkTDS4hwlAAiL58cgHugW8E3nP/7wTB67WikaFipjRcuMtqySNrvyXoQswdoFWuw8rT2d1CITohF/W9AnAsa0RRbEa4vEFSxpzm8ZRbqeYXlNxNQD/btRnHZs/rSUDkKYGz5BL/cke6WCeCHx81h3G7DhgVXdTKhXt3ckeINUMNlGZyac9Dr5A4vsBBDGaqoGSoiueF6/W3VrvgYpUgf5gyw+fxTYFYYykGkimlxAkhqhFPWx0kfa7lFQTJyclTHueGeiWehHUNckt8GITdUPXSWnk0TDVuTvspFpXrM70i9aElURqdFw7ndDiqeDAzWzEyaVK2JwtBhEAOOxB98DUcPkl2JWDWDInW7wQnBUHT5R2mmRm+SCspkdyHvazsVjt2A5MLVvlOMOo7DIIw6iS77AF1Dt0R6CMDFPo7liGmFInlRkDWOrsrCJ6Dpj7DJCZxADjC61lwFL3dCOahi4wgBa4C/gRw5kawJt1H7k0zAn+GdjcFVNLN7u24Hc9J/B/2jfBWluIgeNWBpe4I+6ycxhegueCWt5ts4QYnBS8CSlveHyrf3VfUeCvcL05hKYt4I6CeWvYBYDs1dMqqeDE5mg7n/Wm1hZqyqJzuOaB7i1YHlqG7zmGcLfp8kaBnp4eOoCpqqvQa2wI7gblqLVTvA021hPwA0mHLFs42U0dW7r2oB0HPxrQDxpiwtQFSb4ds4gFDo2QnoGFalG00z7PHv/wqOCo8FOs9PCzmsE+gPomc4dWiUl3RyQzewi2qAkngyx6m0qWLjcUoYK9vGEkBcY+KU3h73vqDhio5yy9I4wXNQv5NeOstWgARuCqmK7yv3k9vOIfpuVZaePP8t/TgwYMv/AJ0bkBqMWR7UAAAAABJRU5ErkJggg==);
}
.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: 16px;
color: #fff;
line-height: 40px;
padding: 0 30px;
background: #fa8989;
font-weight: 600;
width: fit-content;
}
.btn-cancel i{
font-size: 20px;
margin-left: 5px;
line-height: 1;
}
.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;
}
a.btn-cancel:hover{
background: #f03a3a;
}
/*=================================*/
#ukdoc-relate{
display: block;
position: relative;
width: 100%;
background-color: #fff;
padding-top: 50px;
padding-bottom: 80px;
}
.ukdoc-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;
}
.ukdoc-relate-col1{
display: flex;
flex-direction: column;
align-items: center;
flex-wrap: nowrap;
width: 100%;
margin-bottom: 25px;
margin-left: 0;
margin-right: 0;
}
.ukdoc-relate-cont{
display: flex;
flex-direction: column;
align-items: center;
flex-wrap: nowrap;
width: 100%;
}
.ukdoc-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);*/
}
.ukdoc-relate-portret{
display: flex;
flex-direction: column;
align-items: center;
flex-wrap: wrap;
}
.ukdoc-relate-img{
display: flex;
flex-direction: column;
align-items: center;
flex-wrap: wrap;
width: 100%;
}
.ukdoc-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;
}
.ukdoc-relate-box2{
display: flex;
flex-direction: column;
align-items: center;
flex-wrap: wrap;
padding-left: 0;
padding-right: 0;
}
.ukdoc-relate-portret2{
display: flex;
flex-direction: column;
align-items: center;
flex-wrap: wrap;
}
.ukdoc-relate-img2{
display: flex;
flex-direction: column;
align-items: center;
flex-wrap: wrap;
width: 100%;
}
.ukdoc-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;
}
.ukdoc-relate-img-frame2.jumpAni {
animation: jumpAni 5s linear infinite;
}
.ukdoc-relate-col2{
display: flex;
flex-direction: column;
flex-wrap: nowrap;
align-items: flex-start;
width: 100%;
position: relative;
padding-top: 25px;
color: #1d242d;
}
.ukdoc-relate-cont2{
display: flex;
flex-direction: column;
flex-wrap: nowrap;
align-items: flex-start;
width: 100%;
}
.ukdoc-relate-txt-title{
display: block;
width: 100%;
margin-bottom: 20px;
}
.ukdoc-relate-txt-title h2{
font-size: 34px;
font-weight: 700;
line-height: 50px;
text-align: left;
}
.ukdoc-relate-txt-content{
display: block;
width: 100%;
margin-bottom: 40px;
}
.ukdoc-relate-txt-content p{
display: inline-block;
font-size: 16px;
line-height: 26px;
margin-top: 0;
margin-bottom: 20px;
}
.ukdoc-relate-txt-btn{
display: block;
position: relative;
width: 100%;
}
/*=================================*/
#ukdoc-banner{
display: block;
width: 100%;
height: auto;
padding-top: 100px;
padding-bottom: 80px;
background-image: url(/our-price/55/ukdoc/ukdoc-files/ukdoc-banner-bg.jpg);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
.ukdoc-banner-container{
display: flex;
flex-direction: column;
align-items: center;
flex-wrap: nowrap;
width: 100%;
}
.ukdoc-banner-col1{
display: flex;
flex-direction: column;
align-items: center;
flex-wrap: nowrap;
width: 100%;
margin-bottom: 20px;
}
.ukdoc-banner-col1 a{
display: block;
text-align: center;
font-size: 20px;
font-weight: 600;
color: #e0e0ff;
margin-bottom: 20px;
transition: all 0.4s ease-out;
}
.ukdoc-banner-col1 a:hover{
color: #c5c6c5;
margin-bottom: 20px;
}
.ukdoc-banner-col1 h2{
font-size: 34px;
font-weight: 700;
line-height: 50px;
text-align: center;
color: #fff;
margin-bottom: 20px;
}
.ukdoc-banner-col2{
display: flex;
flex-direction: column;
align-items: center;
flex-wrap: nowrap;
width: 100%;
}
.ukdoc-banner-txt-btn{
display: flex;
flex-direction: column;
align-items: center;
flex-wrap: nowrap;
width: 100%;
}
.th-btn-bn{
position: relative;
z-index: 2;
overflow: hidden;
display: inline-block;
text-transform: uppercase;
background-color: #0f11ad;
color: #fff;
font-family: 'Montserrat';
font-size: 16px;
padding: 14px 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);
}
.jn-btn{
display: flex;
align-items: center;
flex-wrap: nowrap;
flex-direction: row;
justify-content: center;
position: relative;
text-transform: uppercase;
font-weight: 700;
font-size: 20px;
text-align: center;
color: #fff;
cursor: pointer;
height: 46px;
width: 80%;
max-width: 400px;
padding: 6px 15px;
border-radius: 5px;
transition: 0.3s ease-in-out;
background-color: #0f11ad;
}
.jn-btn i{
font-size: 28px;
margin-left: 8px;
}
.jn-btn:hover{
background-color: #0003f4;
}
/*=================================*/
#ukdoc-thx-txt{
display: block;
width: 100%;
height: auto;
padding-top: 100px;
padding-bottom: 80px;
background-color: #f1f1f1;
/*background-image: url(/our-price/55/ukdoc/ukdoc-files/ukdoc-banner-bg.jpg);
background-repeat: no-repeat;
background-position: center;
background-size: cover;*/
}
.ukdoc-thx-txt-container{
display: flex;
flex-direction: column;
align-items: center;
flex-wrap: nowrap;
width: 100%;
}
.ukdoc-thx-txt-col1{
display: flex;
flex-direction: column;
align-items: center;
flex-wrap: nowrap;
width: 100%;
margin-bottom: 20px;
}
#ukdoc-thx-txt p{
display: inline-block;
font-size: 16px;
line-height: 26px;
margin-top: 0;
font-weight: 500;
}
/*=================================*/
#ukdoc-services{
display: flex;
flex-direction: column;
flex-wrap: nowrap;
align-items: center;
width: 100%;
color: #1d242d;
}
#ukdoc-services h2{
font-size: 34px;
font-weight: 700;
line-height: 50px;
text-align: left;
margin-bottom: 20px;
}
#ukdoc-services p{
display: inline-block;
font-size: 16px;
line-height: 26px;
margin-top: 0;
margin-bottom: 20px;
}
.ukdoc-serv-bg1, .ukdoc-serv-bg2{
display: block;
position: relative;
width: 100%;
background-color: #fff;
padding-top: 80px;
padding-bottom: 80px;
}
.ukdoc-serv-bg2{
background-color: #f1f1f1;
}
.ukdoc-services-box{
display: flex;
flex-direction: column;
flex-wrap: nowrap;
align-items: center;
width: 100%;
}
.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: #0f11ad;
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: #0f11ad;
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;
}
/*=================================*/
#ukdoc-info{
display: block;
position: relative;
width: 100%;
background: #f1f1f1;
/*background-image: linear-gradient(180deg, #f1f1f1 60%, rgba(255, 255, 255, 0) 60%);*/
padding-top: 80px;
padding-bottom: 40px;
}
.ukdoc-info-container{
display: flex;
flex-direction: column;
align-items: center;
flex-wrap: nowrap;
width: 100%;
position: relative;
color: #1d242d;
}
.ukdoc-info-tile{
display: block;
text-align: left;
width: 100%;
margin-bottom: 20px;
}
#ukdoc-info h2{
font-size: 34px;
font-weight: 700;
}
#ukdoc-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 p{
}
.ukdoc-info-box-content{
display: flex;
margin-left: 0;
margin-right: 0;
overflow: hidden;
background-color: #0f11ad;
/*background-image: url(/our-price/55/ukdoc/ukdoc-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: #0f11ad;
background-color: #669ffa;
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 .ukdoc-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;
}
#ukdoc-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;
}
#ukdoc-info-box p{
width: 100%;
text-align: center;
vertical-align: top;
font-size: 16px;
line-height: 26px;
display: inline-block;
}
/*=================================*/
#ukdoc-section6{
display: block;
position: relative;
width: 100%;
margin: 0 auto;
padding: 100px 0;
background: linear-gradient(to bottom, #ffffff 0%, #e0eff7 50%, #fff 100%);
}
.ukdoc-section6-container{
display: block;
width: 100%;
}
#ukdoc-section6-box{
display: block;
width: fit-content;
border: 4px dotted #669ffa;
padding: 14px;
border-radius: 6px;
}
#ukdoc-section6-box p{
width: 100%;
text-align: center;
vertical-align: top;
font-size: 16px;
line-height: 20px;
display: inline-block;
padding-bottom: 10px;
}
#ukdoc-section6-box a{
color: #0174f8;
padding-left: 3px;
text-decoration: underline;
}
#ukdoc-section6-box a:hover{
color: #004a7c;
text-decoration: none;
}
/*=================================*/
#ukdoc-section7{
display: block;
position: relative;
width: 100%;
margin: 0 auto;
padding: 100px 0;
z-index: 2;
background: #fff;
}
#ukdoc-section7-box{
display: block;
position: relative;
width: 100%;
margin: 0 auto;
}
.ukdoc-section7-box-content{
display: flex;
position: relative;
flex-direction: column;
flex-wrap: wrap;
align-items: center;
width: 100%;
}
.section7-card1{
display: flex;
position: relative;
flex-direction: column;
flex-wrap: wrap;
align-items: center;
width: 100%;
margin: 0 auto;
padding-bottom: 60px;
}
.section7-card2{
display: flex;
flex-direction: column;
align-items: center;
width: 100%;
gap: 60px;
}
#ukdoc-section7-box h2{
display: block;
text-align: left;
color: #020348;
font-size: 44px;
font-weight: 500;
line-height: 1.2;
}
.section7-card1 h2{
margin-bottom: 27px;
}
.section7-card1 p{
display: block;
font-size: 16px;
text-align: left;
width: 100%;
max-width: 500px;
padding-bottom: 20px;
}
.lat-line{
display: flex;
align-items: center;
flex-direction: row;
flex-wrap: nowrap;
width: 100%;
text-align: center;
margin: 0 auto;
line-height: 28px;
margin-bottom: 40px;
}
.lat-line::before{
content: "";
display: inline-block;
position: relative;
background: #ccc;
width: calc(50% - 285px);
height: 1px;
margin-right: 25px;
vertical-align: middle;
}
.lat-line::after{
content: "";
display: inline-block;
position: relative;
background: #ccc;
width: calc(50% - 285px);
height: 1px;
margin-left: 25px;
vertical-align: middle;
}
.four-step{
display: flex;
position: relative;
flex-direction: column;
flex-wrap: wrap;
align-items: center;
width: 100%;
gap: 40px;
}
.four-step-box{
display: flex;
flex-direction: column;
align-items: center;
flex-wrap: nowrap;
vertical-align: middle;
width: 100%;
text-align: center;
gap: 15px;
box-shadow: 0 4px 12px rgb(173 207 225);
border-radius: 16px;
overflow: hidden;
padding: 25px 0 35px 0;
max-width: 490px;
}
.four-step-box img{
display: block;
position: relative;
width: 100%;
margin: 0 auto;
max-width: 150px;
padding: 3%;
height: auto;
margin-bottom: 25px;
border-radius: 50%;
/* border: 1px solid #ff9344; */
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}
.four-step-box h3{
display: block;
width: 100%;
font-size: 24px;
font-family: var(--ukdoc-font-family-heading3);
font-weight: var(--ukdoc-font-weight-medium);
color: var(--ukdoc-background-color-base);
}
.four-step-box p{
display: block;
width: 70%;
font-size: var(--ukdoc-font-size-base);
font-weight: var(--ukdoc-font-weight-regular);
opacity: 0.8;
}
/*=================================*/
#ukdoc-section8 {
display: block;
position: relative;
width: 100%;
background-color: #ebebeb;
margin: 0 auto;
padding: 60px 0;
}
#ukdoc-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;
}
.ukdoc-section8-tile {
display: block;
position: relative;
width: 100%;
text-align: center;
margin: 0 auto;
}
.ukdoc-section8-tile h2 {
font-size: 28px;
margin-bottom: 25px;
}
.ukdoc-section8-tile h3 {
font-size: 20px;
margin-bottom: 25px;
line-height: 1.2;
font-weight: 400;
}
.ukdoc-section8-box-content {
display: flex;
position: relative;
flex-direction: column;
flex-wrap: nowrap;
align-items: center;
width: 100%;
gap: 24px;
}
.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: #020348;
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: #c5e3f9;
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 #669ffa;
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 #669ffa;
border-top: 8px double #669ffa;
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: #c5e3f9;
}
.sect8-list1 .mi8, .sect8-list1 .mi8a{
color: #0f11ad;
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;
}
/*=================================*/
#ukdoc-section9{
display: block;
position: relative;
width: 100%;
background-color: #020348;
margin: 0 auto;
padding: 80px 0;
}
#ukdoc-section9-box{
display: block;
position: relative;
width: 100%;
}
.ukdoc-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 #d7d7d7;
padding: 25px 0;
border-radius: 6px;
color: #d7d7d7;
margin: 0 auto;
}
.section9-card h2{
font-size: 28px;
margin-bottom: 20px;
font-weight: 500;
line-height: 1;
text-align: center;
padding: 0 15px;
}
.section9-card p{
font-size: 16px;
line-height: 30px;
text-align: center;
padding: 0 15px;
}
.section9-card a{
color: #adddf3;
font-weight: bold;
}
.section9-card a:hover{
color: #8daab7;
}
/*=================================*/
#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;
}
#ukdoc-contacts, #ukdoc-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: #669ffa;
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;
*/
}
#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;
}
#contact-us-box{
padding-top: 40px;
}
#contact-us-box h2{
}
#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;
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: -4px;
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(/our-price/55/ukdoc/ukdoc-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;
}
#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: #0f11ad;
font-weight: 600;
}
#callbackform p a:hover{
color: #669ffa;
}
#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;
}
.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: #0f11ad;
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);
}
@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;
}
}
@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;
}
}
@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;
}
/*================================*/
.ukdoc-main-bg-ct, .ukdoc-main-bg-rf{
height: 250px;
background-position: 50% 70%;
}
.ukdoc-main-bg-ct:before, .ukdoc-main-bg-rf:before{
padding-top: 250px;
}
.ukdoc-main-txt-title-ct{
max-width: 1000px;
margin-bottom: 0;
padding-left: 20px;
}
.ukdoc-main-txt-title-ct h1{
font-size: 50px;
line-height: 70px;
}
.ukdoc-main-txt-content ul{
width: 68%;
margin-left: 15px;
}
.ukdoc-main-txt-content ul li{
padding-bottom: 14px;
font-size: 20px;
line-height: 22px;
}
.ukdoc-main-txt-content ul li:before{
width: 24px;
height: 24px;
margin-right: 20px;
}
/*=================================*/
.ukdoc-benefits-bg, .ukdoc-refunds-bg, .ukdoc-services-bg, .ukdoc-valuationdata-bg, .ukdoc-fuelprice-bg{
height: 450px;
background-position: 56% 40%;
}
.ukdoc-benefits-bg:before, .ukdoc-refunds-bg:before, .ukdoc-services-bg:before, .ukdoc-valuationdata-bg:before, .ukdoc-fuelprice-bg:before{
padding-top: 450px;
}
#ukdoc-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;
}
.ukdoc-benefits-box-content {
width: calc(50% - 20px);
margin-bottom: 20px;
margin-right: 10px;
margin-left: 0;
}
.ukdoc-benefits-box-content:nth-child(2){
margin-right: 0;
margin-left: 10px;
}
.ukdoc-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;
}
/*=================================*/
.ukdoc-relate-container {
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
}
.ukdoc-relate-col1, .ukdoc-relate-col2 {
display: flex;
flex-direction: row;
align-items: center;
width: 50%;
margin-bottom: 0;
}
.ukdoc-relate-cont {
display: flex;
flex-direction: row;
align-items: center;
margin-right: 10px;
}
.ukdoc-relate-box2 {
margin-left: -100px;
}
.ukdoc-relate-cont2 {
margin-left: 10px;
}
.ukdoc-relate-txt-title{
margin-bottom: 40px;
}
.ukdoc-relate-txt-title h2{
font-size: 38px;
line-height: 50px;
}
.ukdoc-relate-txt-content p{
margin-bottom: 25px;
}
/*================================*/
.ukdoc-banner-col1 {
width: 82%;
margin-bottom: 25px;
max-width: 1248px;
}
.ukdoc-banner-col1 h2{
font-size: 38px;
line-height: 56px;
margin-bottom: 30px;
}
/*================================*/
#ukdoc-services h2{
font-size: 38px;
line-height: 60px;
margin-bottom: 25px;
}
#ukdoc-services p{
line-height: 30px;
margin-bottom: 25px;
}
/*================================*/
#ukdoc-info {
padding-top: 80px;
padding-bottom: 80px;
}
.ukdoc-info-tile {
margin-bottom: 45px;
}
#ukdoc-info h2 {
font-size: 38px;
line-height: 60px;
text-align: center;
}
#ukdoc-info-box {
display: flex;
flex-direction: row;
align-items: stretch;
justify-content: space-between;
flex-wrap: nowrap;
margin-top: 0;
}
.ukdoc-info-box-content {
width: 33.333%;
margin-bottom: 0;
}
/*================================*/
#ukdoc-contacts, #ukdoc-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;
}
.ukdoc-main-txt-title {
width: 65%;
margin-bottom: 35px;
}
.ukdoc-main-txt-title h1 {
font-size: 40px;
line-height: 56px;
}
.ukdoc-main-txt-content {
width: 60%;
margin-bottom: 25px;
}
.ukdoc-main-txt p {
font-size: 16px;
line-height: 26px;
}
.atent-try-party{
padding: 10px;
margin-top: 15px;
max-width: 600px;
}
.atent-try-party p{
font-size: 13px;
line-height: 18px;
}
}
@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(/our-price/55/ukdoc/ukdoc-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;
}
.ukdoc-main-bg {
height: 700px;
background-position: 50% 37%;
}
.ukdoc-main-bg:before {
padding-top: 700px;
}
.ukdoc-main-bg:after {
background: url(/our-price/55/ukdoc/ukdoc-files/ukdoc-main-bg3.png);
background-repeat: no-repeat;
}
.home-bg:after {
background: url(/our-price/55/ukdoc/ukdoc-files/ukdoc-main-bg3.png);
background-repeat: no-repeat;
}
.ukdoc-main-txt-title {
width: 65%;
margin-bottom: 35px;
}
.ukdoc-main-txt-title h1 {
font-size: 46px;
line-height: 58px;
}
.ukdoc-main-txt-content {
width: 60%;
margin-bottom: 30px;
}
.ukdoc-main-txt p {
font-size: 19px;
line-height: 26px;
}
.atent-try-party p{
font-size: 14px;
line-height: 18px;
}
#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;
}
.four-step {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
align-items: stretch;
}
.four-step-box {
width: calc(50% - 20px);
}
}
@media screen and (min-width:992px) {
.cont{
/*max-width:992px;*/
}
/*================================*/
.ukdoc-main-bg-ct, .ukdoc-main-bg-rf{
height: 300px;
background-position: 50% 64%;
}
.ukdoc-main-bg-ct:before, .ukdoc-main-bg-rf:before{
padding-top: 300px;
}
.ukdoc-main-txt-title-ct{
padding-left: 0;
}
.ukdoc-main-txt-title-ct h1{
font-size: 52px;
}
/*================================*/
.ukdoc-benefits-bg, .ukdoc-refunds-bg, .ukdoc-services-bg, .ukdoc-valuationdata-bg, .ukdoc-fuelprice-bg{
height: 500px;
background-position: 60% 40%;
}
.ukdoc-benefits-bg:before, .ukdoc-refunds-bg:before, .ukdoc-services-bg:before, .ukdoc-valuationdata-bg:before, .ukdoc-fuelprice-bg:before{
padding-top: 500px;
}
.ukdoc-benefits-tile{
margin-bottom: 40px;
}
#ukdoc-benefits h2{
font-size: 38px;
}
#ukdoc-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;
}
.ukdoc-benefits-box-content {
width: calc(25% - 20px);
margin-bottom: 0;
margin-right: 10px;
margin-left: 10px;
}
.ukdoc-benefits-box-content:last-child{
margin-right: 0;
margin-left: 10px;
}
.ukdoc-benefits-box-content:first-child{
margin-right: 10px;
margin-left: 0;
}
.ukdoc-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;
}
/*=================================*/
.ukdoc-relate-cont {
margin-right: 15px;
}
.ukdoc-relate-box2 {
margin-left: -110px;
}
.ukdoc-relate-cont2 {
margin-left: 15px;
}
.ukdoc-relate-txt-title{
margin-bottom: 40px;
}
.ukdoc-relate-txt-title h2{
font-size: 38px;
line-height: 50px;
}
.ukdoc-relate-txt-content p{
margin-bottom: 25px;
}
/*================================*/
.ukdoc-banner-col1 {
width: 60%;
}
#ukdoc-thx-txt p{
font-size: 18px;
line-height: 32px;
max-width: 900px;
margin: 0 auto;
}
/*================================*/
.ukdoc-serv-bg1, .ukdoc-serv-bg2{
padding-top: 85px;
padding-bottom: 85px;
}
.ukdoc-services-box{
flex-direction: row;
}
.services-col1, .services-col2{
width: 50%;
margin-bottom: 0;
}
.fl-revers{
flex-direction: row;
}
/*=================================*/
.ukdoc-main-bg {
height: 700px;
background-position: 50% 37%;
}
.ukdoc-main-bg:before {
padding-top: 700px;
}
.ukdoc-main-txt-title {
width: 65%;
margin-bottom: 35px;
}
.ukdoc-main-txt-title h1 {
font-size: 50px;
line-height: 70px;
}
.ukdoc-main-txt-content {
width: 60%;
margin-bottom: 50px;
}
.ukdoc-main-txt p {
line-height: 30px;
}
.atent-try-party p{
font-size: 14px;
line-height: 20px;
}
#a-box {
/*width: 60%;*/
}
.moblic-services-box {
text-align: left;
margin-top: 0;
width: calc(33.33% - 5px);
}
}
@media screen and (min-width:1200px) {
.cont{
/*max-width:1200px;*/
padding: 0 40px
}
.ukdoc-relate-box2 {
margin-left: -250px;
}
.ukdoc-main-bg {
height: 700px;
background-position: 50% 50%;
}
.ukdoc-main-bg:before {
padding-top: 700px;
}
.ukdoc-main-txt-title {
width: 65%;
margin-bottom: 50px;
}
.ukdoc-benefits-bg, .ukdoc-services-bg, .ukdoc-valuationdata-bg, .ukdoc-fuelprice-bg{
height: 500px;
background-position: 50% 37%;
}
.ukdoc-benefits-bg:before, .ukdoc-services-bg:before, .ukdoc-valuationdata-bg:before, .ukdoc-fuelprice-bg:before{
padding-top: 500px;
}
#a-box{
/*width: 50%;*/
}
#ukdoc-thx-txt p{
font-size: 20px;
line-height: 34px;
}
.four-step-box {
width: calc(25% - 40px);
}
}
@media screen and (min-width:1400px) {
.cont{
max-width:1400px;
padding: 0 60px
}
/*================================*/
.ukdoc-main-bg-ct{
height: 400px;
background-position: 50% 0%;
}
.ukdoc-main-bg-rf{
height: 400px;
background-position: 50% 64%;
}
.ukdoc-main-bg-ct:before, .ukdoc-main-bg-rf:before{
padding-top: 400px;
}
.ukdoc-main-txt-title-ct{
padding-left: 0;
}
.ukdoc-main-txt-title-ct h1{
font-size: 54px;
}
/*================================*/
.ukdoc-main-bg {
height: 750px;
background-position: 50% 30%;
}
.ukdoc-main-bg:before {
padding-top: 750px;
}
.ukdoc-main-txt-title {
width: 50%;
margin-bottom: 60px;
}
.ukdoc-benefits-bg, .ukdoc-valuationdata-bg, .ukdoc-fuelprice-bg{
height: 500px;
background-position: 50% 37%;
}
.ukdoc-services-bg{
height: 500px;
background-position: 50% 85%;
}
.ukdoc-benefits-bg:before, .ukdoc-services-bg:before, .ukdoc-valuationdata-bg:before, .ukdoc-fuelprice-bg:before{
padding-top: 500px;
}
}
@-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;
}
}