/* HTML */
html,body {
margin: auto;
}
/* End HTML */
/* Global select style */
select {
-webkit-appearance: none; /* kill iOS native styling */
appearance: none;
font: inherit; /* use the same font-size as the rest of the UI */
line-height: normal; /* let height be driven by your CSS (height/padding) */
box-sizing: border-box; /* makes your existing padding/height behave predictably */
background-color: inherit;
color: inherit;
border-radius: inherit;
border: inherit;
}
/* End Global select style */
/* Menu Large */
div.menu-large {
display: none;
}
/* End Menu Large */
/* Mobile Menu */
div.wrap_mobilemenu {
overflow: visible !important;
position: static;
cursor: pointer;
display: block !important;
margin-top: 2em;
}
#menu_small>div {
font-weight: bold;
margin-bottom: 30px;
}
#menu_small>div>div {
font-weight: normal;
margin: 20px 0;
width: 95%;
}
div.buttonMenu {
display: block;
overflow: visible !important;
}
div.buttonMenu div {
}
#menu_small {
width: 55%;
position: absolute !important;
right: 12.5%;
}
#btnmenuopen {
display: block;
width: 30px;
height: 40px;
}
/* End Mobile Menu */
/* Swiper.js */
.doc-img{
height: 7em;
}
.doc-img-txt {
font-size: 0.5em;
}
.swiper {
width: 100%;
}
.swiper-slide {
width: 100%;
/*transform: scale(1);*/
opacity: 0.5;
z-index: 1;
font-size: 2rem;
}
.swiper-slide-active {
/*transform: scale(1.1) !important;*/
opacity: 1 !important;
z-index: 10 !important;
}
.button-next,
.doc-button-next {
width: 100%;
margin-left: 1em;
}
.button-next img,
.doc-button-next img {
width: 33px;
}
.button-previous,
.doc-button-previous {
width: 100%;
margin-left: -1.1em;
}
.button-previous img,
.doc-button-previous img {
width: 33px;
}
/* End Swiper.js */
/* Headers */
.header01 {
font-size: 30px;
font-weight: 400;
}
.header02 {
font-size: 18px;
font-weight: 400;
}
.header03 {
gap: 15px;
font-size: 18px;
font-weight: 400;
}
.header03::before,
.header03::after {
content: "";
width: 40px;
height: 5px;
}
.header04 {
font-size: 25px;
font-weight: 400;
}
/* End Headers */
/* Containers */
div.content {
width: 100%;
}
div.content::-webkit-scrollbar {
height: 8px;
}
div.content::-webkit-scrollbar-thumb {
background: #327C8C;
border-radius: 4px;
}
div.innercontent01 {
width: 90%;
margin: 2.5em auto;
font-size: 15px;
}
div.innercontent01-register {
width: 90%;
margin: 3em auto 1em auto;
}
div.innercontent02 {
width: 90%;
margin: 2.8em auto;
font-size: 15px;
}
div.innercontent03 {
flex-direction: column;
width: 90%;
margin: 4em auto;
align-items: center;
gap: 1em;
}
.whyus-container {
display: flex;
flex-direction: column-reverse;
align-items: center;
padding: 30px;
border-radius: 12px;
margin: 0 auto;
margin-top: 5%;
}
.image-container {
position: relative;
width: 100%;
}
.image-container img {
width: 100%;
border-radius: 12px;
}
.text-container {
display: flex;
flex-direction: column;
justify-content: start;
position: relative;
width: 100%;
font-size: 15px;
margin-bottom: 3em;
}
.text-container h2 {
position: relative;
display: inline-block;
font-size: 32px;
margin-top: 0;
}
.text-container h2::after {
content: "";
display: block;
width: 35%;
height: 6px;
margin-top: 20px;
border-radius: 12px;
}
.info-box-container02 {
display: block!important;
}
.info-box-container {
display: flex;
flex-direction: column;
margin: 0 auto;
padding: 3em;
gap: 3em;
}
.plans-container {
display: grid;
align-items: center;
grid-template-columns: 10% 80% 10%;
width: 80%;
margin-left: auto;
margin-right: auto;
}
.plans-header h2 {
display: flex;
justify-content: center;
font-size: 32px;
margin-top: 2em;
}
.feedback-container {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
max-width: 90%;
margin: 0 auto;
margin-top: 5em;
}
.feedback-header {
text-align: center;
width: 100%;
}
.feedback-header h2 {
display: flex;
align-items: center;
justify-content: center;
text-align: center;
position: relative;
font-size: 28px;
margin-top: 2em;
margin-bottom: 2em;
gap: 20px;
}
.feedback-header h2::before,
.feedback-header h2::after {
content: "";
position: relative;
display: inline-block;
width: 40px;
height: 5px;
}
.feedback-card-container {
display: flex;
flex-direction: column;
align-items: stretch;
width: 100%;
max-height: 500px;
font-size: 15px;
gap: 2em;
}
.slide {
--color: #008AFF;
--hover: #006BCC;
color: black;
background: none;
border: 2px solid var(--color);
padding: 1em 1em;
font-family: Inria;
line-height: 1;
margin: 0.5em;
cursor: pointer;
transition: 0.25s;
border-radius: 0.8em;
font-size: 0.85em;
}
.slide:hover,
.slide:focus {
border-color: var(--hover);
color: #fff;
box-shadow: inset 25em 0 0 0 var(--hover);
}
.view-more {
text-align: center;
cursor: pointer;
font-size: 18px;
margin-top: 2em;
}
.bottom-footer {
display: flex;
flex-direction: column;
align-items: flex-start;
}
.info {
font-size: 14px;
}
.emergency-claims-desktop {
display: none;
}
.emergency-claims-phone {
}
.newsletter {
text-align: center;
border-radius: 10px;
margin-top: 1.5em;
margin-bottom: 5em;
}
.newsletter h2 {
font-size: 29px;
margin-bottom: 15px;
}
.email-container {
display: flex;
justify-content: center;
align-items: center;
border-radius: 25px;
padding: 5px;
margin: 0 auto 10px auto;
}
.newsletter input {
width: 100%;
padding: 15px;
border: none;
outline: none;
font-size: 16px;
border-radius: 25px;
background: none;
text-align: left;
}
/* Description text */
.newsletter p {
font-size: 18px;
margin-bottom: 15px;
}
.social-icons {
display: flex;
justify-content: center;
gap: 15px;
margin-top: 10px;
}
.social-icons img {
width: 35px;
height: 35px;
}
.contact-section::before {
content: "";
position: absolute;
top: 38%;
left: -50%;
width: 196%;
height: 20%;
background-color: #eaf7fc;
transform: rotate(-42deg);
z-index: 0;
}
.documents-header h2 {
display: flex;
justify-content: center;
font-size: 32px;
margin-top: 2em;
}
.documents-container {
display: grid;
align-items: center;
grid-template-columns: 10% 80% 10%;
width: 80%;
margin-left: auto;
margin-right: auto;
}
.buttons-wrapper {
display: flex;
flex-direction: column;
align-items: center;
gap: 1em;
}
/* End Containers */
/* Sections */
/* End Sections */
/* Tables */
.table01 {
max-height: 0;
font-size: 12px;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
border-radius: 8px;
white-space: wrap;
}
.table01.expanded {
max-height: 1000px;
white-space: wrap;
}
.table01 th,
.table01 td {
padding: 16px 20px;
border-bottom: 1px solid #e0e0e0;
}
.table01 tr:first-child td {
font-weight: 600;
font-size: 12px;
}
.table01 td:first-child {
font-weight: 500;
width: 30%;
}
.table01 td {
line-height: 1.6;
}
/* End Tables */
/* Buttons and Links */
.button01 {
font-size: 20px;
font-weight: 400;
padding: 12px 30px;
border-radius: 70px;
border: none;
cursor: pointer;
width: fit-content;
}
a.button02 div {
width:90%;
}
.button03 {
font-size: 12px;
padding: 10px 15px;
border-radius: 8px;
text-align: center;
letter-spacing: 1px;
position: absolute;
z-index: 10;
top: 27px;
right: 12%;
display: inline-block;
white-space: nowrap;
}
.button04 {
font-size: 20px;
font-weight: 400;
padding: 12px 30px;
border-radius: 70px;
border: none;
cursor: pointer;
width: fit-content;
}
.slidebtn {
font-size: 12px;
padding: 6px 8px;
border-radius: 8px;
text-align: center;
letter-spacing: 1px;
position: absolute;
z-index: 10;
top: 9em;
right: 5%;
display: inline-block;
white-space: nowrap;
}
.slidebtn02 {
font-size: 12px;
padding: 6px 8px;
border-radius: 8px;
text-align: center;
letter-spacing: 1px;
z-index: 10;
display: inline-block;
white-space: nowrap;
}
.slidebtn_container {
right: 9em;
top: 2em;
position: relative;
}
.arrow-icon {
display: block;
margin: 10px auto;
}
/* End Buttons and Links */
/* Inputs */
.input\.field01,
.select\.field01,
.textarea\.field01 {
width: 100%;
padding: 10px;
margin-bottom: 2em;
border-radius: 2px;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
font-size: 18px;
font-weight: 400;
}
.textarea\.field01 {
height: 250px;
}
input::placeholder,
textarea::placeholder,
select {
font-weight: 400;
}
/* End Inputs */
/* Texts */
.text01 {
font-size: 28px;
line-height: 1.3;
letter-spacing: 0.3px;
text-align: left;
display: block;
margin-bottom: 10px;
position: absolute;
top: 25px;
left: 12%;
}
.slidetext {
font-size: 9px;
line-height: 1.3;
letter-spacing: 0.3px;
text-align: left;
display: block;
margin-bottom: 10px;
position: absolute;
top: 4em;
left: 4em;
width: 75%;
}
@media screen and (min-width: 800px) and (max-width: 1099px) {
.slidebtn {
font-size: 1.2em;
}
.slidetext {
font-size: 1.2em !important;
}
}
@media screen and (min-width: 500px) and (max-width: 799px) {
.slidebtn {
font-size: 1em;
}
.slidetext {
font-size: 0.7em !important;
}
}
.badge {
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
position: absolute;
bottom: -35px;
left: 25px;
padding: 20px 20px;
border-radius: 6px;
}
.badge strong {
font-size: 50px;
}
.badge span {
font-size: 10px;
}
.info-box {
display: flex;
align-items: center;
justify-content: center;
text-align: center;
flex: 1;
min-height: 5.5em;
padding: 15px;
border-radius: 8px;
font-size: 18px;
}
.feedback-card {
display: flex;
flex-direction: column;
justify-content: space-between;
text-align: left;
padding: 0px 25px;
box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1);
border-radius: 5px;
margin: 10px;
}
.feedback-card .content {
flex-grow: 1;
}
/* End Texts */
/* Menus */
div.topbar {
width: 100%;
height: 5em;
position: fixed;
z-index: 100;
}
div.topbarcontent {
width: 90%;
margin: 0 auto;
display: grid;
grid-template-columns: 90% 0% 0% 10%;
}
div.topbar-logo {
width: 100%;
margin-top: 1.25em;
}
div.menu_small {
width: 100%;
margin-top: 2em;
}
a.disabled {
pointer-events: none;
cursor: default;
}
div.mobile-menu {
visibility: hidden;
}
div.language-switcher {
display: none;
}
.footer {
width: 100%;
}
.footercontent {
display: flex;
flex-direction: column;
align-items: flex-start;
width: 75%;
margin: 0 auto;
}
.footer-logo1 {
display: flex;
justify-content: center;
max-width: 30%;
margin-top: 5em;
}
.footer-logo2 {
display: flex;
justify-content: center;
max-width: 30%;
margin-top: 4em;
}
/* End Menus */
/* Fields */
/* End Fields */
/* Images */
.qr-code {
width: 40%;
margin-bottom: 1em;
margin-top: 1em;
}
.image01 {
margin-left: 0.5em;
}
.topbar-logo-image {
width: 5em;
}
.login-bar a {
font-size: 0.8rem;
}
.whyuslogo {
position: absolute;
right: 0;
top: 0;
height: auto;
max-width: 125px;
}
.akd-logo {
width: 100%;
height: auto;
}
.dcare-logo {
width: 100%;
height: auto;
}
/* End Images */
/*
* Begin Dcare Application
*/
div.backtotop {
width: 93%;
height: 1.5em;
bottom: 1em;
left: 0;
right: 0;
margin-left: auto;i
margin-right: auto;
}
#popup_newsletter2 {
width: 75%;
bottom: 8%;
box-shadow:0 3px 10px rgba(0,0,0,.16) !important;
padding-top: 40%;
}
dov.flex-container {
display: flex;
flex-wrap: nowrap;
}
div.chooseplan{
width: 35%;
padding: 0.5em;
color: white;
border-radius: 5px;
height: 2em;
}
#popup_newsletter2 div {
font-size: 0.9em;
}
table {
border-collapse: collapse;
width: 100%;
}
div.submargin{
margin-left: 6em;
}
th, td {
text-align: left;
padding: 8px;
text-align: center;
}
th {
background-color: #132d51;
color: white;
}
tr:nth-child(even) {background-color: #f2f2f2;}
tr.dcare_optional {
background: rgb(232, 243, 253);
}
#popup_newsletter2 p {
width: 85%;
margin:0px auto;
font-size: 0.7em;
padding-top: 14px;
margin-bottom: 3%;
}
#popup_newsletter2 input {
/*width: 4rem;*/
margin: 0px;
font-size: 0.4rem;
padding: 0.3em 0.3em 0.4em .3em;
margin-left: 5%;
margin-bottom: 10px;
}
div.popup_newsletter_inner2{
width: 90%;
margin:0px auto;
padding-top:.5%;
}
img.popup_image{
width: 50%;
}
button.popup_newsletter_inner_button{
width: 54%;
padding: 10px;
font-size:15px;
}
div.popup_newsletter_inner_info{
width: 100%;
margin: 0px auto;
padding-bottom: 2%;
}
p.popup_newsletter_terms{
font-size: 9px;
line-height: .5em;
}
p.popup_newsletter_cookies{
font-size: 0.5em;
margin-top: 0.3em;
margin-bottom: 0.5em;
}
div.popup_newsletter_inner_photo{
/* width: 38%;
float: right;*/
}
div.popup_newsletter_inner_button{
width: 6em;
margin:0em 0em 0em 1em;
}
div.buttonhover {
width: 3%;
background-color: #0056b3;
border-radius: 2em;
color:white;
font-weight: 800;
font-size: 1em;
cursor: pointer;
}
div.buttonhover:hover {
width: 3%;
background-color: #0056b3;
border-radius: 2em;
color:black;
font-weight: 800;
font-size: 1em;
cursor: pointer;
}
p.popup_newsletter_inner_title{
font-size: 0.6em;
}
p.popup_newsletter_inner_text{
font-size: 0.8em;
/*line-height: 1.5em;*/
margin-top: 1em;
margin-bottom: .5em;
}
/*Pop up message*/
/* Outer */
.modal {
padding-top: 100px; /* Location of the box */
left: 0;
top: 0;
width: 100%; /* Full width */
height: 100%; /* Full height */
}
/* Modal Content */
.modal-content {
margin: auto;
width: 55%;
border-radius: 5px;
border: 2px solid #888;
font-size:0.9rem;
}
/*Modal Iamge*/
.modal-image{
overflow: hidden;
width: 60%;
margin: 0px auto;
font-size:20px;
}
.modal-image img{
margin:0px auto 0px 0px;
width:15%;
}
.modal-image p{
font-size: 0.9rem;
}
/*Modal Heater*/
.modal-header{
border-radius: 3px;
padding: 5px 16px;
font-size:2px;
}
.modal-header >span{
margin-left:-6px;
}
/*Modal Footer*/
.modal-footer{
border-radius: 1px;
padding: 5px 16px;
}
/* The Close Button */
.close {
font-size: 25px;
}
/* Add Animation */
@-webkit-keyframes animatetop {
from {top:-300px; opacity:0}
to {top:0; opacity:1}
}
@keyframes animatetop {
from {top:-300px; opacity:0}
to {top:0; opacity:1}
}
.modal-body {padding: 25px 0px;}
/*End pop up message*/
div.header img.logo {
width: 100%;
/* height: 75px;*/
}
div.leftlogo{
margin-top: 6%;
width: 100%;
}
div.homelogo {
float: left;
padding: 0.5em;
width: 10em;
}
div.margins{
width: 90%;
position: static;
}
div.margins_vericalspace {
height: 0em;
}
#dotnavigation2 {
width: 95%;
margin-left: auto;
margin-right: auto;
margin-top: 1em;
}
div.topmargin {
display: none;
}
div.headerbox01 {
width: 25%;
/*display: none;*/
overflow: hidden;
float: left;
margin-top: 2rem;
font-size: 0.5rem;
}
div.headerbox02 {
display: none;
overflow: hidden;
float: left;
margin-top: 0.1rem;
margin-right: 0.2rem;
font-size: 0.7rem;
}
div.footerseparator {
display: none;
}
div.footer2 {
width: 95%; /*298px*/
padding-bottom: 1.5em;
}
div.footer2 .title {
width: 180px;
margin-bottom: 5px;
}
div.footerbox {
margin-top: 1em;
width: 100%;
line-height: 1.2rem;
}
div.footerbox01 {
width: 95%;
}
div.footer3 {
font-size: 0.6rem;
}
div.footer3 img {
height: 15px;
}
/*Social Icon*/
div.social-icon {
width: 8%;
margin-top:.9%;
float: right;
}
div.social{
width: auto;
margin-top: 25px;
}
div.socialbox{
width: auto;
}
div.mini{
width: auto;
}
.socialbox >ul{
width: 20%;
list-style-type: none;
margin: 1% 0% 0% 0%;
overflow: hidden;
width: 100%;
padding: 0px 0px 0px 0px;
}
.socialbox >ul li{
display: inline;
overflow: hidden;
float: left;
padding: 0px 13px 0px 0px;
}
.socialbox >ul >li >a >img {
width: 100%;
}
.mini >ul{
width: 20%;
list-style-type: none;
float: left;
overflow: hidden;
width: 100%;
padding: 0px 0px 0px 0px;
}
.mini >ul li{
display: inline;
overflow: hidden;
float: left;
padding: 0px 13px 0px 0px;
}
/*Li Skype*/
li.skype{
width: 28%;
}
/*End Social Icon*/
/*Up Footer */
.footer-up{
width: 100%;
margin: 0px auto;
margin-top: 3%;
}
.inline-div{
width:45%;
float: left;
font-size:12px;
text-align: left;
}
.inline-div2 {
width:45%;
float: left;
font-size:12px;
text-align: left;
}
.newsletter{
width:100%;
font-size:12px;
text-align: center;
margin-bottom: 5%;
}
.list{
text-align: center;
padding-left: 0%;
}
.list >li >a{
}
button.newsletter_submit {
border: 0px;
padding: 2%;
width: 96%;
}
/*newsletter_input*/
div.newsletter_input{
width: 96%;
}
/*End newsletter_input*/
input.newsletter_textInput {
width: 100%;
height: 2em;
border-radius: 0px;
font-size: 14px;
margin-bottom: 3%;
}
/*End Up Footer */
/*Footer Down*/
div.footer_down{
height: 85px;
width: 95%;
margin: 0px auto;
margin-top: 2%;
}
/*Footer Details*/
div.footer_details{
width: 100%;
}
/*Footer Details*/
/*Stay Info Image*/
div.stayinfo{
width: 30%;
margin-top: 1%;
}
/*End Stay Info Image*/
/*Footer Box*/
div.footerbox{
width: 99%;
margin-left:1%;
margin-top: 0%;
}
/*End Footer Box*/
/*Footer Copyright*/
div.protuction{
margin-left: 2%;
font-size: .7vw;
}
/*End Footer Copyright*/
/*NewsLetterBox*/
div.newsletterbox{
margin-left: 1%;
margin-top: 1%;
width: 39%;
}
/*End News Letyterbox*/
/*Footerimagebox*/
div.footerimagebox{
width: 60%;
margin-top: 1%;
}
/*End footerimagebox*/
a.footermenuText02 {
color: #848483;
font-size: 1vw;
}
div.followus {
font-family: helvetica;
color: white;
font-size: 14px;
}
div.bottom_leftImage {
width: 28%;
left: 0%;
top:4%;
}
img.jcc{
width: 28%;
}
img.visa{
width: 28%;
}
img.paypal{
width: 10%;
}
div.bottom_rightImage {
width: 8%;
left: 0%;
top:0%;
}
div.bottom_leftText {
/*margin: 0px auto;*/
font-size: 12px;
margin-right: 6%;
}
/* End Footer Down*/
/* popup_subscribe*/
.ropot_box{
width: 100%;
overflow: hidden;
/*height: 3em;*/
}
.popup_subscribe{
width: 90%;
height: 15%;
display: none;
position: absolute;
z-index: 1000;
background: #ececec;
border-style: solid;
border-width: 1px;
border-color: #cccccc;
border-radius: 5px;
margin-top: 100%;
padding: 2%;
}
.button_subscribe{
padding: 0px 0px 0px 0px;
cursor: pointer;
font-size: 12px;
color: white;
font-weight: normal;
font-family: Arial;
width: 17%;
height: 3em;
border-style: none;
margin: 0px auto;
background-color: #0459b2;
margin-top: 2%;
border-radius: 20% 15%;
text-align: center;
-webkit-appearance: none;
}
.g-recaptcha{
width: 304px;
overflow: hidden;
}
/* End Popup_subscribe*/
/* Begin News */
div.imagenews{
width: 33%;
margin: 1% 1% 0% 1.5%;
}
div.textnewstitle{
width: 60%;
margin-top: 2%;
z-index: 1000;
font-size: 15px;
}
div.textsubtitle{
font-size: 12px;
margin-top: .5%;
margin-bottom: .5%;
}
div.textcontetnews{
width: 60%;
height: 101px;
margin-top: 2%;
z-index: 1000;
font-size: 10px;
}
div.category_sortingPaginationRight{
overflow: hidden;
height: auto;
width: 30%;
float: right;
margin-top:10%;
}
div.category_dropdownHeaders {
font-size: 0.7rem;
line-height: 20px;
margin-right: 8%;
}
form.category_pagination {
font-size: 0.7rem;
line-height: 20px;
}
a.arrowpageprev>img {
height: 15px;
}
a.arrowpagenext>img {
height: 15px;
}
div.newstitle {
margin: 0px auto;
margin-top: 2%;
margin-bottom: 2%;
width: 90%;
font-size: 1.5em;
}
div.newstext {
margin: 0px auto;
margin-top: 2%;
width: 90%;
font-size: .7em;
min-height: 240px;
}
/* End News*/
div.content-aplication {
width: auto;
margin: 0px auto 0px auto;
}
div.content-aplication ul {
margin: 0rem 0rem 0rem 0rem;
padding-left: 15px;
}
div.innercontent-application {
width: 100%;
margin: 0px auto 0px auto;
}
div.content-application02 {
margin-top: 1em;
}
div.innercontent01-application {
width: 90%;
margin: 0px auto 2em auto;
}
div.innercontentcard {
width: 100%;
}
div.innercontentscrollx01 {
overflow-x: auto;
}
div.coveragescard{
width:92%;
box-shadow: 0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22);
border-radius: 2px;
margin: 1rem;
}
div.innercontent02-application {
width: 98%;
margin: 0px auto 2em auto;
}
div.innercontent03 {
flex-direction: column;
}
div.innercontent04 {
flex-direction: column;
}
div.innerparagraph {
width: 95%;
margin: 0px auto 0px auto;
}
div.category_filter {
width: 100%;
}
img.categoryimage{
}
.topnav {
float: left;
width: auto;
height: auto;
margin: 0 auto;
}
.topnav a {
font-size: 17px;
}
.topnav a:hover {
}
.topnav a.active {
}
.tablinks{
transition: 0.3s;
font-size: 17px;
width: 100%;
height: 170px;
margin-right: .5%;
margin-bottom: 15%;
}
.tablinks:hover{
opacity: 1;
}
.tablinkslast{
transition: 0.3s;
font-size: 17px;
width: 100%;
height: 170px;
margin-bottom: 15%;
}
.tablinkslast:hover{
opacity: 1;
}
div.account div.leftpane {
float: right;
width: 98%;
padding: 2em 0em 2em 2em;
}
div.account div.rightpane {
float: none;
width: 100%;
padding: 2em 2em 2em 2em;
}
div.account div.label01 {
padding-top: 0.5em;
font-size: 1.1em;
}
div.accountbutton{
padding-right: 1rem;
width: 100%;
height: 64px;
margin-bottom: 1%;
}
div.leftpane01 {
width: 170px;
min-height: 10em;
margin: 15px 0px 15px 10px;
}
div.leftpane02 {
width: 100%;
/*height: 602px;*/
}
div.g-recaptcha >div {
float: right;
}
div.recaptchabox{
}
.g-recaptcha {
}
div.midpane02 {
width: 98%;
margin: 0px 1% 0px 1%;
}
div.rightpane02 {
width: 98%;
margin: 0px 1% 0px 1%;
}
div.rightpane03 {
width: 100%;
}
div.details_wishlistContainer {
width: 100%;
height: 35px;
font-size: 0.7em;
border-width: 1px;
margin-top: 25px;
margin-bottom: 20px;
}
div.details_wishlistContainerinner{
width:100%;
overflow: hidden;
display: table-cell;
padding: 4px 10px 4px 10px;
text-align: center;
vertical-align: middle;
}
div.details_wishlistText {
font-size: 1.2em;
margin-top: 3%;
margin-left: 3%;
}
div.details_orderContainer {
width: 99%;
height: 100px;
font-size: 0.7em;
border-width: 1px;
}
div.details_orderContainerinner{
width:100%;
overflow: hidden;
display: table-cell;
padding: 15px 10px 4px 10px;
text-align: left;
}
#current_image {
width: 100%;
}
#current_image_wrap {
width: 100%;
}
/* Box Producer and Grape */
div.details_alsoboughtContainer {
margin: 0px auto 18px auto;
}
div.line{
width:40%;
margin-top: 2.5em;
margin-bottom: 1%;
border-width: 1px 0px 0px 0px;
}
div.details_alsoboughtTitle {
width: 20%;
font-size: 1.5em;
}
div.details_ProducerTitle{
font-size: 1.5em;
margin:15px auto;
}
div.details_GrapeTitle{
font-size: 1.5em;
margin:15px auto;
}
div.details_alsoboughtItemContainer {
width: 100%;
margin: 0em 1em 0em 0em;
}
div.details_alsoboughtImg {
width: 60%;
margin:0px auto;
}
div.category_breadcrumbTitle {
font-size: 2em;
}
div.category_breadcrumbText {
font-size: 2em;
}
div.category_breadcrumbBkg1 {
margin-top: 0px;
/* border-bottom: 35px solid #292a2b; */
border-right: 25px solid transparent;
height: 0;
width: 497px;
}
div.category_container2{
width: 49%;
text-align: center;
float: right;
position: absolute;
margin-left: 46.7%;
}
div.details_alsoboughtText {
font-size: 0.9rem;
padding: 0em;
}
div.producer_list{
width: 100%;
margin: 0px auto;
overflow: hidden;
position: relative;
margin-top:1%;
margin-bottom:4%;
}
div.grape_list{
width: 100%;
margin: 0px auto;
overflow: hidden;
position: relative;
margin-top:1%;
margin-bottom:4%;
}
a.viewproduser div {
text-align: center;
text-decoration: none;
/*border-style: solid;*/
/*border-width: 1px;*/
cursor: pointer;
}
div.viewproduser{
width: 20%;
position: relative;
padding: 15px 0px 15px 0px;
vertical-align: middle;
line-height:1.2em;
margin:0px auto;
font-size: 20px;
}
div.details_orderText {
font-size: 1.2em;
margin-top: 3%;
}
/* END Box Producer and Grape*/
#current_image {
width: 100%;
}
#current_image_wrap {
width: 100%;
}
div.pagenumber{
}
div.category_sortingPagination{
width: 50%;
margin-right: 0.5%;
overflow: hidden;
position: relative;
float: left;
}
div.category_dropdownHeaders {
font-size: 10px;
margin-right: 5px;
overflow: hidden;
position: relative;
float: left;
}
div.category_sortingContainer {
width: 120px;
}
select.category_dropdown01 {
font-size: 12px;
width: 99%;;
padding: 1px 0px 0px 0px;
background: white url(../image/arrowDown.png) no-repeat 95% center;
margin-left: .5%;
}
/*Left Menu */
div.searchbox{
width: 100%;
}
div.category_dropdownContainer {
width: 32%;
/*margin-top: 30px;*/
/*height: 45px;*/
}
div.innermenu{
width: 100%;
float:left;
margin: 0px auto 0px auto;
}
div.parentcategory{
margin-top: 15%;
font-size: 0.7em;
margin-bottom: 6%;
}
div.parentcategory>img{
width: 14px;
}
div.guide{
width: auto;
margin-top: 1%;
font-size: 0.7em;
}
div.guide h1 {
margin: 0px;
padding: 0px;
font-size: inherit;
font-weight: inherit;
}
div.containercheckbox > input{
position: relative;
display: inline-block;
margin-right: 10px;
width: 20px;
height: 20px;
background: #5ac5c9;
position: absolute;
top: 3px;
left: 27px;
border-left: 2px solid
black;
border-bottom: 2px solid
black;
height: 6px;
width: 13px;
transform: rotate(-45deg);
}
.main {
display: block;
position: relative;
cursor: pointer;
/*font-size: 20px;*/
}
/* Hide the default checkbox */
.main input[type=checkbox] {
/*visibility: hidden;*/
margin: 0px;
}
/* Creating a custom checkbox
based on demand */
.geekmark {
position: absolute;
top: 0;
left: 0;
height: 14px;
width: 14px;
background-color: white;
border: solid 1px #c1c1c3;
}
/* Specify the background color to be
shown when hovering over checkbox */
.main:hover input ~ .geekmark {
background-color: #c1c1c3;
}
/* Specify the background color to be
shown when checkbox is active */
.main input:active ~ .geekmark {
background-color: #c1c1c3;
}
/* Specify the background color to be
shown when checkbox is checked */
.main input:checked ~ .geekmark {
background-color: #c1c1c3;
}
/* Checkmark to be shown in checkbox */
/* It is not be shown when not checked */
.geekmark:after {
content: "";
position: absolute;
display: none;
}
/* Display checkmark when checked */
.main input:checked ~ .geekmark:after {
display: block;
}
/* Thumb lists/ scroll lists. */
/* Single item thumb images. */
#thumblist01 {
width: 160px;
text-align: center;
/*height: 490px;*/
}
#thumblist01 img {
width: 160px;
/*height: 160px;*/
}
/* Home page new in thumb images. */
#thumblist02_wrap {
width: 100%;
height: 275px;
margin: 1em 0em 0em 0em;
}
#thumblist02banner {
width: 26%;
height: 10em;
}
#thumblist02banner img {
width: 100%;
height: 100%;
}
#thumblist02left {
top: 30%;
/*left: 1%;*/
width: 2%;
}
#thumblist02left img {
width: 100%;
}
#thumblist02right {
top: 30%;
right: 1%;
width: 2%;
}
#thumblist02right img {
width: 100%;
}
#thumblist02 {
width: 93%;
height: 310px;
margin: 0px 11px 0px 1%;
}
#thumblist02 div {
width: 95px;
margin: 0px 10px 0px 0px;
}
#thumblist02 img {
width:100%;
/*height: 270px;*/
}
#thumblist02 div.title {
width: 100%;
height: 55px;
margin: 5px 0px 5px 0px;
font-size: 12px;
}
#thumblist02 div.price {
width: 100%;
height: 15px;
font-size: 12px;
margin: 5px 0px 0px 0px;
}
#thumblist02 div.button05 {
/*width: 70%;*/
padding-top: 5px;
padding-bottom: 5px;
font-size: 9px;
}
/* End Home page new in thumb images. */
/* Get the look page new in thumb images. */
#thumblist03_wrap {
width: 100%;
height: 9em;
margin: 1em 0em 0em 0em;
}
#thumblist03left {
top: 40%;
left: 1%;
width: 5%;
}
#thumblist03left img {
width: 100%;
}
#thumblist03right {
top: 40%;
right: 1%;
width: 5%;
}
#thumblist03right img {
width: 100%;
}
#thumblist03 {
width: 100%;
height: 100%;
margin: 0px 0px 0px 1%;
}
#thumblist03 div {
margin: 0px 10px 0px 0px;
height: 100%;
}
#thumblist03 img {
height: 100%;
}
/* End Get the look page new in thumb images. */
/* End Thumb lists/ scroll lists. */
/* Product category thumbnails. */
/*
div.thumbnail01 {
width: 65%;
float: right;
font-size: 0.6rem;
margin-bottom: 2%;
}
div.thumbnail01img {
overflow: hidden;
width: 35%;
padding-bottom: 0.3em;
text-align: center;
}
div.thumbnail01title{
}
div.thumbnailtitle{
float: none;
font-family: GothamMedium, Arial Rounded MT Bold;
}
div.thumbnail01iteminfo{
font-size: 1em;
width: 64%;
margin-top:2%;
}
div.thumbnail01img img {
width: 100%;
}
div.containerup{
width: 100%;
height:72px;
margin-top: .5em;
}
p.itemname{
font-size: .8rem;
margin-bottom: 5px;
}
div.totalprice{
width: 14%;
height: 20px;
margin-top: 2.5em;
}
div.price{
width: 20%;
height: 35px;
margin-top: 1.8em;
}
div.price >img{
padding-top: 9px;
padding-left: 3px;
}
div.containerinner{
width: 50%;
padding: 0.3em 0em 0.3em 0em;
}
div.containerleft{
margin-top: .1em;
width:100%;
}
div.containertitle{
line-height: 35px;
font-size: 12px;
margin-left: 2%;
}
div.containerleft >p {
line-height: 35px;
font-size:8px;
}
div.thumbnail01right {
width: 65%;
float: right;
font-size: 0.8rem;
margin-bottom: 2%;
}
div.thumbnail01rightimg {
overflow: hidden;
width: 100%;
height: 25em;
text-align: center;
}
div.thumbnail01rightimg img {
width: 100%;
}
div.quantity{
left:17%;
}
div.containeright01{
top: 0%;
background: #e6abd7;
width: 100%;
height: 35px;
padding-left: 4px;
}
div.containeright02{
top: 0%;
background: #e6abd7;
width: 100%;
height: 35px;
padding-left: 4px;
}
div.containeright >button{
border-radius: 2px;
}
div.bottleprice{
overflow: hidden;
position: relative;
left: 15%;
line-height: 35px;
font-size: 11px;
}
div.bottleprice02{
overflow: hidden;
position: relative;
right: 5%;
line-height: 35px;
}
div.caseprice{
overflow: hidden;
position: relative;
left: 7%;
line-height: 35px;
font-size: 11px;
}
div.caseprice02{
overflow: hidden;
position: relative;
right: 5%;
line-height: 35px;
}
*/
/* End Product category thumbnails. */
/*Qyantity cart */
div.title_quantity{
font-size: 0.8em;
}
input.cart_quantity {
float: left;
width: 17px;
border-width: 1px;
margin-left: .5em;
font-size: 0.8em;
height: 19px;
}
input.cart_quantity2 {
width: 2.2em;
margin-top: 8px;
font-size: 0.8em;
height: 18px;
text-align: center;
}
div.quantity_container{
float: left;
overflow: hidden;
width: 35%;;
padding: 0.6em 0em 0.3em 0em;
margin-left: 2%;
text-align: left;
color: #333332;
font-weight: bold;
}
div.quantity_container_inner{
overflow: hidden;
float: right;
width: 100%;
}
div.quantity_container_inner2{
overflow: hidden;
float: right;
width: 35%;
height: 35px;
background: #e6abd7;
}
div.bottolediv{
width: 40%;
margin-top:7px;
right: 2%;
}
div.casediv{
width: 40%;
margin-top:7px;
right: 2%;
}
div.imagebottole{
width: 39px;
/*margin-left: 3%;*/
}
div.imagecase{
width: 39px;
/*margin-left: 3%;*/
}
input.cart_increment {
width: 11px;
margin-right: 5px;
margin-top: 0%;
padding-bottom: 3px;
}
input.cart_decrement {
width: 11px;
margin-top:0%;
padding-bottom: 3px;
}
input.cart_increment2 {
width: 20%;
margin-right: 5px;
margin-left: 5px;
margin-top: 10px;
height: 12px;
padding-bottom: 2px;
}
input.cart_decrement2 {
width: 20%;
margin-right: 5px;
margin-top: 10px;
height: 12px;
padding-bottom: 2px;
}
div.bottlecart{
width: 30%;
right: 2%;
margin-top: 8px;
}
div.casecart{
width: 30%;
right: 2%;
margin-top: 8px;
}
div.addbottle{
border-radius: 2px;
font-size: 8px;
}
div.button01.wishlist{
font-size: 14px;
}
div.button01.instant{
font-size: 14px;
}
/*End Qyantity cart */
/* Interiors thumbnails. */
div.thumbnail02 {
width: 30%;
margin: 0px 1% 1rem 2%;
font-size: 0.6rem;
}
div.thumbnail02 div.text02 {
font-size: 0.5rem;
}
div.thumbnail02img {
width: 100%;
}
div.thumbnail02img img {
width: 100%;
}
div.thumbnail02right {
width: 30%;
}
div.thumbnail02rightimg {
width: 100%;
}
div.thumbnail01rightimg img {
width: 100%;
height: 100%;
}
/* End Interiors thumbnails. */
/* Interiors look thumbnails. */
div.lookthumbnail02 {
width: 19%;
margin: 0px 1% 0px 0px;
font-size: 0.6rem;
}
div.lookthumbnail02img {
width: 100%;
}
div.lookthumbnail02img img{
width: 100%;
}
/* End Interiors look thumbnails. */
/* Product similar thumbnails. */
div.thumbnail03 {
width: 19%;
margin: 0px 1% 0px 0px;
font-size: 0.6rem;
}
div.thumbnail03 img {
width: 100%;
}
/* End Product similar thumbnails. */
/* Collections thumbnails. */
div.thumbnail04 {
float: none;
width: 95%;
margin: 1em auto 1em auto;
}
div.thumbnail04 img {
width: 100%;
}
div.thumbnail04right {
float: none;
width: 95%;
margin: 1em auto 1em auto;
}
div.thumbnail04right img {
width: 100%;
}
div.collection_wraplabel01 {
width: 100%;
height: 100%;
}
div.collection_wraplabel01 div.collection_label {
width: 9em;
top: 50%;
padding-top: 0.5em;
padding-bottom: 0.5em;
font-size: 1em;
margin-left: auto;
margin-right: auto;
left: 0;
right: 0;
}
div.collection_wraplabel01 div.collection_label span.bkg01 {
padding: 0.6em 1em 0.6em 1em;
font-size: 1.1em;
}
div.collection_wraplabel01 div.collection_label div.bkg01 {
padding: 0.6em 1em 0.6em 1em;
font-size: 1.1em;
}
div.collection_wraplabel01:hover div.collection_label {
}
/* End Collections thumbnails. */
/* Interiors templates. */
/* Template 01. */
div.t01seq10 {
}
div.t01seq10 img {
width: 75%;
}
div.t01seq11 {
width: 21%;
}
div.t01seq11 div.text02 {
font-size: 0.5rem;
}
div.t01seq11 div.text02 div.text02 {
font-size: 0.9rem;
}
div.t01seq11 img {
width: 100%;
}
/* End Template 01. */
/* Template 02. */
div.t02seq10 {
width: 23%;
}
div.t02seq10 div.text02 {
width: 21%;
font-size: 0.5rem;
}
div.t02seq10 div.text02 div.text02 {
width: 80%;
font-size: 0.9rem;
}
div.t02seq10 img {
width: 23%;
}
div.t02seq11 {
width: 75%;
}
div.t02seq11 img {
width: 100%;
}
div.t02other {
width: 30%;
margin-right: 1%;
margin-bottom: 5px;
}
div.t02other div.text02 {
float: left;
width: 35%;
padding: 0rem;
margin: 0rem;
font-family: Arial;
font-size: 0.6rem;
}
div.t02other img {
width: 100%;
}
div.t02othertext {
width: 67%;
margin-right: 1%;
margin-bottom: 5px;
}
div.t02othertext div.text02 {
float: left;
width: 40%;
padding: 0rem;
margin: 0% 0% 0% 2%;
font-family: Arial;
font-size: 0.6rem;
}
div.t02othertext img {
width: 45%;
}
/* End Template 02. */
/* Template 03. */
div.t03seq10 {
width: 49%;
}
div.t03seq10 img {
width: 100%;
}
div.t03seq11 {
width: 49%;
}
div.t03seq11 div.text02 {
font-size: 0.6rem;
}
div.t03seq11 div.text02 div.text02 {
font-size: 0.9rem;
}
div.t03seq11 img {
width: 100%;
}
div.t03other {
width: 32.5%;
margin: 0px 1% 0px 0px;
}
div.t03other div.text02 {
font-size: 0.6rem;
}
div.t03other img {
width: 100%;
}
/* End Template 03. */
/* End Interiors templates. */
#prevslide {
width: 1.5em;
top: 40%;
left: 0.5em;
}
#nextslide {
width: 1.5em;
top: 40%;
right: 0.5em;
}
#slidenav{
width: 100%;
z-index: 100;
bottom: 0.5em;
text-align: center;
}
#slidenav a {
border-width: 1px;
border-radius: 50%;
margin-right: 1.5em;
font-size: 0.7em;
padding: 0em 0.6em 0em 0.6em;
}
#slidenav a.activeSlide {
}
div.homeslidetitle{
width: 90%;
font-size: 0.6em;
top: 15px;
left: 2%;
color: white;
display: inline-block;
text-decoration: none;
}
button.homethumbhoverbtn{
padding: .5%;
width: 21%;
font-size: 7px;
top: 25%;
left:9.5%;
cursor: pointer;
}
#slideshowcontainer-homepage {
}
#slideshowcontainer {
/*width: 100%;*/
/*display: none;*/
}
#slideshow {
width: 69%;
/* height: 586px; */
overflow: hidden;
margin: 0px auto 0px auto;
}
.pics {
width: 100%;
/* height: 586px; */
padding: 0;
margin: 0;
background: transparent;
border: 0px none #535255;
}
.pics img {
padding: 0px;
margin: 0px;
width: 100%;
/* max-height: 586px; */
}
.slidecontainer {
overflow: hidden;
width: 100%;
}
.slidecontainer div {
overflow: hidden;
}
.slidecontainer div img {
width: 100%;
/*max-height: 586px;*/
}
div.displayrecord01 {
width: 100%;
}
div.displaygroup01first {
float: none;
width: 90%;
margin: 1em auto 1em auto;
}
div.displaygroup01 {
float: none;
width: 90%;
margin: 1em auto 1em auto;
}
div.displaygroup01left {
width: 40%;
margin-top: 1.5em;
}
div.displaygroup01right {
width: 100%;
}
div.displaygroup02 {
width: 100%;
font-size: 1em;
color: #e5506a;
padding-bottom: 1.5em;
padding-top: .5em;
}
div.displaygroup03 {
width: 100%;
}
div.displaygroup04 {
width: 95%;
}
div.displaygroup05 {
width: 65%;
margin-left: 20px;
}
div.displaygroup06 {
width: 95%;
height: auto;
padding: 0.5em 0em;
}
div.homebox01 {
float: none;
width: 100%;
margin-top: 1em;
}
div.homebox01 img {
width: 100%;
}
div.homebox02 {
float: none;
width: 100%;
margin-top: 1em;
}
div.homebox02 img {
width: 100%;
}
div.homebox03 {
float: none;
width: 100%;
margin-top: 1em;
}
div.homebox03 img {
width: 100%;
}
div.homebox04 {
float: none;
width: 100%;
margin-top: 1em;
}
div.homebox04 img {
width: 100%;
}
div.homebox05 {
float: none;
width: 100%;
margin-top: 1em;
}
div.homebox05 img {
width: 100%;
}
div.homebox06 {
float: none;
width: 100%;
margin-top: 1em;
text-align: center;
}
div.homebox06 img {
width: 70%;
}
div.homebox07 {
float: none;
width: 100%;
margin-top: 1em;
text-align: center;
}
div.homebox07 img {
width: 70%;
}
div.homebox08 {
float: none;
width: 100%;
margin-top: 1em;
text-align: center;
}
div.homebox08 img {
width: 70%;
}
div.homebox09 {
width: 100%;
/*height: 120px;*/
}
div.homebox09 img {
width: 100%;
/*height: 100%;*/
}
div.homebox10 {
float: none;
width: 100%;
margin-top: 1em;
}
div.homebox10 img {
width: 100%;
}
div.homebox11 {
float: none;
width: 100%;
margin-top: 1em;
}
div.homebox11 img {
width: 100%;
}
div.homebox12 {
float: none;
width: 100%;
margin-top: 1em;
}
div.homebox12 img {
width: 100%;
}
div.homebox13 {
float: none;
width: 100%;
margin-top: 1em;
}
div.homebox13 img {
width: 100%;
}
div.homebox14 {
float: none;
width: 100%;
margin-top: 1em;
}
div.homebox14 img {
width: 100%;
}
div.homebox15 {
float: none;
width: 100%;
margin-top: 1em;
}
div.homebox15 img {
width: 100%;
}
div.homebox16 {
float: none;
width: 100%;
margin-top: 1em;
}
div.homebox16 img {
width: 100%;
}
div.homebox17 {
float: none;
width: 100%;
margin-top: 1em;
}
div.homebox17 img {
width: 100%;
}
div.homebox18 {
width: 48%;
margin-top: 1em;
}
div.homebox18 img {
width: 100%;
}
div.homebox19 {
float: right;
width: 48%;
margin-top: 1em;
}
div.homebox19 img {
width: 100%;
}
div.homebox20 {
width: 48%;
margin-top: 1em;
}
div.homebox20 img {
width: 100%;
}
div.homebox21 {
float: right;
width: 48%;
margin-top: 1em;
}
div.homebox21 img {
width: 100%;
}
#newline_home01 {
display: none;
}
div.homebox_wraplabel01 {
width: 100%;
height: 100%;
}
div.homebox_wraplabel02 {
width: 100%;
height: 100%;
}
div.homebox_wraplabel03 {
width: 100%;
height: 100%;
}
div.homebox_wraplabel01 div.homebox_label {
top: 45%;
width: 100%;
}
div.homebox_wraplabel01 div.homebox_label span.bkg01 {
padding: 0.6em 1em 0.6em 1em;
font-size: 1em;
}
div.homebox_wraplabel01:hover div.homebox_label {
bottom: 1rem;
width: 100%;
}
div.homebox_roundimage {
border-width: 2px;
border-radius: 50%;
margin-bottom: 1em;
}
div.homebox_roundimage:hover {
border-color: #ffffff;
}
div.homebox_wraplabel02 div.homebox_label {
top: 40%;
width: 100%;
}
div.homebox_wraplabel02:hover div.homebox_label {
bottom: 1rem;
width: 100%;
}
div.homebox_wraplabel02 div.homebox_labelbutton {
width: 10em;
margin: 1em auto 0em auto;
}
div.homebox_wraplabel02 div.homebox_labelbutton div {
padding: 0.5em;
}
div.homebox_wraplabel02 div.homebox_labelbutton:hover div {
padding: 0.5em;
}
div.homebox_wraplabel02 img {
width: 133px;
height: 123px;
margin-top: 6em;
}
div.homebox_wraplabel03 div.homebox_label {
top: 30%;
width: 100%;
}
div.homebox_wraplabel03 div.marker {
display: none;
}
div.homebox_wraplabel03:hover div.homebox_label {
bottom: 1rem;
width: 100%;
}
/* New css akd*/
div.textdotdependants1{
margin-right: 0.2em;
width: 10em;
font-size: 0.7em;
}
#textdotdependants2 {
}
#textdotdependants3 {
}
#textdotdependants4 {
}
#textdotdependants6 {
display: none;
}
#textdotdependants8 {
display: none;
}
div.dotnumbers{
line-height: 1.4em;
font-size: 13px;
margin-top:0.8em;
}
div.tablephase3{
margin-top: 5em;
overflow-y: scroll;
}
div.dotline1{
display: none;
border: 1px solid #132d51;
width: 60%;
height: 0.7em;
margin-left: 0.5em;
border-radius: 0.5em;
}
div.dotbar{
display: none;
border: 1px solid #bbb;
width: 60%;
height: 0.7em;
margin-left: 0.5em;
border-radius: 0.5em;
}
#dotnavigation {
width: 100%;
margin-left: auto;
margin-right: auto;
margin-bottom: 3em;
}
div.dot {
height: 3em;
width: 3em;
border-radius: 50%;
}
div.otherdoc{
width: 73%;
margin-left: 3em;
text-align: left;
}
input.quotationbuttonhome{
width: 80%;
font-size: 1.5em;
margin-bottom: 2em;
padding: 1em;
margin-top: 2em;
font-weight: 800;
border-radius: 0.25rem;
cursor: pointer;
}
div.parametetype{
width: 70%;
}
div.poweredby{
float: right;
text-align: left;
width: 53%;
padding: 0em;
margin-bottom: 1.3em;
}
div.bottomfooter{
width: 80%;
margin-left: 0.5em;
padding: 0.5em;
}
div.line{
margin-bottom: 1em;
width: 100%;
}
input.field03{
border-radius: 25px;
}
div.footerContentNewsLetter{
float: left;
margin-top: 1em;
width:50%;
font-size: 20px;
}
div.buttonpolicy {
margin-left: 4em;
}
div.pollabels1{
margin-left: 4em;
}
div.pollabels2{
margin-left: 5em;
}
div.titledoc{
margin-left: 7%;
width: 13%;
}
div.pollabels3{
margin-left: 5em;
}
div.pollabels4{
margin-left: 6em;
}
div.footerContentNewsLetter1{
width:100%;
font-size: 20px;
border-style: solid;
border-width: 1px 0px 0px 0px;
border-color: #5EACEE;
}
a.instypes{
font-size: 14px;
font-weight: 400;
}
div.footerContentDown1{
width:90%;
}
div.footerContent2{
width: 80%;
margin-top: 1em;
font-weight: 400;
font-size: 36px;
}
div.footercontent1{
overflow: hidden;
background-color: #0b213f;
}
img.mobile {
z-index: 999;
top: -12em;
display: none;
}
i.icons{
font-size:3em;
display: none;
}
div.subfooterContent3{
float: left;
width: 100%;
}
div.subfooterContent3 span {
float: left;
width: 100%;
margin-bottom: 1em;
}
div.footerContent3{
width: 80%;
}
div.footer4{
width: 100%;
background-color: #132d51;
height: 40em;
}
input.buttoncontactus{
width: 30%;
color: white;
display: block;
border-radius: 1.25rem;
padding: 0.5em;
background-color: #2acaee;
margin-left: auto;
margin-right: auto;
margin-top: 1em;
}
div.startfooter{
border: none;
background-color: #cccccc;
}
img.homelogo{
display: block;
max-width: 100%;
height: auto;
}
div.home1{
float: none;
padding-top: 1em;
padding-bottom: 1em;
}
div.subcontent1{
margin-top: 3em;
margin-right: 0.5em;
font-weight: 700;
}
div.subfamily1{
font-size: 18px;
color: #000;
margin-left: 6em;
}
div.subfamily2{
font-size: 18px;
color: #000;
margin-left: 6em;
float: left;
}
div.subfamily3{
font-size: 18px;
color: #000;
margin-left: 6em;
}
img.subfamilyimage2{
margin-left: 6em;
}
img.subfamilyimage{
float: left;
margin-left: 6em;
}
img.subfamilyimage{
height: auto;
}
div.plan{
width: 90%;
text-align: center;
}
div.planimgtext{
color: #262d51;
font-size: 0.9em;
float: left;
}
div.contenta{
margin-top: 5em;
}
div.generatedcheckbox{
display: inline-block;
width: 34%;
margin-left: 1em;
float:none;
}
div.plantext{
width: 49%;
margin-top: 2em;
}
div.subplan1{
margin-bottom: 5em;
}
div.subplan2{
margin-left: 2em;
margin-bottom: 5em;
}
img.dcarelogo{
display: block;
max-width: 100%;
max-height: 100%;
}
div.tag3{
top:0;
left:0;
font-size: 18px;
}
img.dcarelogo2{
margin-left: 1em;
}
input.buttondcare{
background-color: #5eacee;
border-color: #5eacee;
padding-top: 0.5em;
padding-bottom: 0.5em;
padding-left: 1em;
padding-right: 1em;
margin-left: 1em;
}
div.medicalplantext1{
margin-top: 1em;
}
div.medicalplantext2{
margin-top: 1em;
margin-bottom: 1em;
}
div.medicalplantext3{
float: none;
margin-top: 1em;
font-size: 2em;
margin-bottom: 1em;
text-align: left;
font-weight: 400;
}
div.dcaretext{
float: none;
width: 90%;
font-size: 1.5em;
font-weight: 400;
margin-left: 5%;
text-align: left;
}
div.dcaretext2{
float: none;
width: 90%;
font-size: 18px;
margin-left: 5%;
text-align: left;
}
img.medicalplanimg{
float: left;
width: 80%;
margin-bottom: 1em;
}
div.contactcontent1{
float: none;
width: 65%;
margin: 1em auto 0em auto;
}
div.contacttext{
width: 90%;
}
div.contactimage{
width: 100%;
}
img.planimg{
margin-left: 2em;
height: auto;
float: left;
}
.container {
display: none;
}
.input-container {
border-radius: 20px;
margin-top: 1em;
}
.input-container input {
padding: 0px;
margin: 0px;
height: 37px;
}
div.footerBottomContent2 {
width: 100%;
float: left;
font-size: 1em;
padding-top: 1em;
}
div.footerBottomContent3 {
width: 100%;
float: left;
font-size: 1em;
padding-top: 1em;
}
div.dcareL{
overflow: hidden;
width: 80%;
margin-left: 3em;
margin-right: auto;
margin-bottom: 3em;
}
figure.item {
margin: 2em 0em 0em 0em;
width: 50%;
}
img.c1 {
width: 45px;
height: 45px;
}
div.inputForm{
width: 95%;
margin-top: 3em;
margin-left: 0.5em;
}
div.inputForm1{
width: 95%;
margin-left: 0.5em;
margin-top: 3em;
}
div.inputForm3{
width: 90%;
margin-top: 2.5em;
margin-left: 0.5em;
}
.formfield{
width: 100%;
padding: 12px 20px;
margin: 8px 0;
box-sizing: border-box;
border: none;
border-bottom: 1px solid black;
}
div.formstyle{
width: 80%;
margin-bottom: 9em;
}
div.recaptchabox{
margin-left: 0em;
}
div.formbutton{
border-color: #5eacee;
background-color: #5eacee;
border: 1px solid #5eacee;
font-weight: bold;
margin-left: 3em;
border-radius: 25px;
width: 50%;
padding: 2em;
}
div.iconposition{
float: left;
}
div.formbutton1{
border-color: #5eacee;
background-color: #5eacee;
border: 1px solid #5eacee;
font-weight: bold;
margin-left: 3em;
border-radius: 25px;
width: 50%;
padding: 2em;
}
div.plandetailreco{
width: 62%;
margin-top: 2em;
}
div.intercontent{
font-size: 1rem;
width: 95%;
margin-left: auto;
margin-right: auto;
}
div.imghand{
width: 100%;
}
div.textsubcontent{
width: 100%;
margin-left: 0em;
}
div.subcontent2{
width: 100%;
margin-top: 4em;
}
.tag4 {
top: 1em;
z-index: 1000;
width: 80%;
max-height: 3em;
left: 10%;
font-size: 0.8em;
}
div.vision{
width: 100%;
}
div.logoquotesright{
width: 24%;
height: 4em;
}
div.logoquotesleft{
width: 24%;
height: 4em;
}
div.textcontent2{
width: 100%;
margin-top: 0.5em;
}
div.subquotescontent1{
width: 100%;
padding-top: 2em;
padding-bottom: 2em;
padding-left: 0.5em;
padding-right: 0.5em;
margin-top: 0.5em;
background-color: #132d51;
}
div.claimscontent{
width: 90%;
margin-top: 4em;
}
div.claiscontent1{
width: 90%;
margin-top: 2em;
margin-bottom: 5em;
}
div.downloadbutton{
margin-top: 5em;
width: 90%;
}
div.innercoveragescard{
width: 45%;
margin-top: 0.5em;
margin-right: 0.2em;
}
div.innercoveragescard01{
width: 100%;
}
div.subheaderformHome1{
width: 100%;
font-weight: 800;
font-size: 1em;
margin-top: 1em;
margin-left: 5em;
/* margin-bottom: 5em; */
}
div.subheaderformHome{
width: 51%;
font-weight: 800;
font-size: 1em;
margin-left: auto;
margin-right: auto;
}
div.ipiddocument{
width: 115%;
}
div.ipidlabel{
overflow: hidden;
float: left;
width: 37%;
color: white;
border-radius: 5px;
height: 3em;
text-align: left;
padding: 0.5em;
background: #132d51;
font-size: 1.4em;
}
div.ipidlabel2{
overflow: hidden;
float: left;
width: 40%;
color: white;
border-radius: 5px;
height: 4em;
background: #132d51;
}
div.ipidinner {
white-space:nowrap;
}
div.overgeneratedcheckbox {
width: 100%;
}
div.coveragetitle{
width: 96%;
padding: 0.5em;
border-radius: 5px;
height: 5em;
white-space: break-spaces;
top:0;
position: sticky;
color: white;
top: 0;
position: sticky;
background: #132d51;
}
div.innerplancoverage{
width: 100%;
height: 5.5em;
font-size: 0.8em;
border-bottom: 1px solid white;
padding-top: 0.7em;
padding-bottom: 0.2em;
}
div.plancoverage{
width: 39%;
margin-left: 1.6em;
}
div.qtypetitles{
display: inline-block;
width: 37%;
padding: 0.5em;
height: 5em;
border-radius: 5px;
color: white;
margin-left: 1.3em;
background-color: #132d51;
}
div.innercoveragetitles{
width: 100%;
height: 6em;
font-size: 0.8em;
border-bottom: 1px solid #5eacee;
padding-bottom: 0.2em;
padding-top: 0.2em;
}
div.headerform1{
width: 100%;
font-size: 1.2em;
font-weight: 800;
margin-top: 1em;
border-radius: 999px;
}
input.memebersinfo{
width: 100%;
font-size: 1.5em;
font-weight: 800;
border-radius: 0.25rem;
}
input.quotationbutton{
width: 62%;
height: 2em;
font-size: 1.5em;
margin-bottom: 2em;
padding: 0.5em;
margin-top: 2em;
font-weight: 800;
border-radius: 0.25rem;
margin-left: 3em;
}
select.formquot{
width: 70%;
padding: 0.5em;
}
input.discount{
width: 52%;
padding: .375rem .75rem;
font-size: 1rem;
line-height: 1.5;
border-radius: .25rem;
}
div.dropdown03{
width: 100%;
font-weight: 800;
font-size: 1em;
margin-top: 1em;
}
input.othertext{
width: 100%;
padding: .375rem .75rem;
font-size: 0.7rem;
line-height: 1.5;
border: 1px solid #ced4da;
border-radius: .25rem;
margin-right: 0.2em;
}
div.loading1{
width: 100%;
margin-top: 1em;
font-weight: 800;
font-size: 1em;
}
div.subheaderform{
width: 70%;
font-weight: 800;
font-size: 1em;
}
div.subheaderform1{
width: 100%;
font-weight: 800;
font-size: 1em;
margin-left: 6em;
margin-top: 1em;
margin-bottom: 5em;
}
div.generalcontent1{
width: 70%;
font-weight: 800;
font-size: 1em;
margin-top: 1em;
}
select.wselect1{
width: 70%;
padding: 8px 10px;
background-size: 10px;
border-radius: 10px;
border: 1px solid #ccc;
font-size: 14px;
}
select.wselect02{
width: 70%;
padding: 0.5em;
}
label.spouse{
float: left;
}
div.quotations{
width: 90%;
margin: 0em auto 0.5em auto;
}
div.subquotations{
width: 90%;
margin: 0em auto 0em auto;
}
div.button-container{
bottom: 50%;
right: 15%;
}
div.button-container a{
border-radius: 1.5em;
padding: 0.5em 1em;
}
@keyframes bounces {
0% {
transform: translateY(0px);
}
30% {
transform: translateY(-25px);
}
50% {
transform: translateY(0px);
}
80% {
transform: translateY(-10px);
}
100% {
transform: translateY(0px);
}
}
@-webkit-keyframes bounces {
0% {
transform: translateY(0px);
}
30% {
transform: translateY(-25px);
}
50% {
transform: translateY(0px);
}
80% {
transform: translateY(-10px);
}
100% {
transform: translateY(0px);
}
}
div.social_wrap {
float: none;
font-size: 0.8em;
}
div.social_wrap img {
height: 1.4em;
}
div.newsletter_wrap {
float: none;
margin-top: 1.5em;
}
div.newsletter_wrap input.field1 {
width: 12em;
padding: 0.5em 1em 0.5em 1em;
font-size: 0.9em;
border-width: 1px;
margin: 0em;
}
#popup_newsletter input.field1 {
width: 14em;
padding: 0.5em 1em 0.5em 1em;
font-size: 0.9em;
border-width: 1px;
margin: 0em;
}
div.stripe01 {
width: 630px;
height: 37px;
margin-top: 155px;
}
div.stripe02 {
width: 309px;
height: 37px;
margin-top: 155px;
}
div.social02 {
margin: 3em 0em 0em 0em;
padding-bottom: 0.5em;
}
div.social02 img {
width: 22x;
}
.pagetitle {
margin-left: 0.5em;
font-size: 1.9em;
padding: 0.5em 0em 0.4em 0rem;
}
div.pagesubtitle {
font-size: 1.3em;
padding: 0em 0em 0.4em 0rem;
margin-bottom: 1em;
}
div.pagesubtitle div {
width: 6em;
height: 2px;
margin-top: 1.2em;
margin-left: auto;
margin-right: auto;
}
/* Shop page. */
div.shopaddress {
width: 100%;
float: none;
margin-bottom: 0.5em;
}
div.shopimage {
float: none;
width: 100%;
}
div.shopimage img{
width: 100%;
}
div.shopmap {
float: none;
width: 100%;
height: 280px;
margin-top: 1em;
}
/* End Shop page. */
/* Link styles. */
a {
}
a:hover {
}
/* Page numbers. */
a.page {
}
a.page:hover {
}
a.pagecurrent {
}
a.pagecurrent:hover {
}
/* End Page numbers. */
a.link01 {
font-size: 1em;
}
a.link01 >img{
width: 14px;
padding: 0px;
}
a.link01:hover {
}
a.link01_current {
}
div.policylist {
width: 60em;
}
div.quotationdetails{
width: 10%;
border-width: 0px 0px 0px 0px;
padding: 0.3em 0em 0.3em 0em;
}
div.quotationdetails1{
width: 8em;
border-width: 0px 0px 0px 0px;
padding: 0.3em 0em 0.3em 0em;
font-size: 0.7em;
}
div.quotationdetails2{
width: 8em;
border-width: 0px 0px 0px 0px;
padding: 0.3em 0em 0.3em 0em;
font-size: 0.7em;
}
div.subquotationdetails{
width: 20%;
padding: 0.3em 0em 0.3em 0em;
}
div.subquotationdetails1{
width: 5em;
padding: 0.3em 0em 0.3em 0em;
font-size: 0.7em;
}
div.subquotationdetails2{
width: 5em;
padding: 0.3em 0em 0.3em 0em;
font-size: 0.7em;
}
div.pastquot{
width: 70%;
margin: 0em auto 0.5em auto;
border-width: 1px 0px 1px 0px;
border-color: #d3d3d3;
}
/* Breadcrump link */
a.link02 {
}
a.link02:hover {
}
a.link02_current {
}
a.link03 {
}
a.link03:hover {
}
a.link03_current {
}
a.link04 {
}
a.link04:hover {
}
a.link04_current {
}
a.link05 {
}
a.link05:hover {
}
a.link05_current {
}
a.button01 {
}
a.button01:hover {
}
a.button01 div{
font-size: 1em;
padding: 0.3em .3em 0.3em .3em;
}
a.button01 span {
}
a.button01 div:hover {
}
/* Padding for buttons Application Form */
a.button01 .paddingAppFormBtns {
padding-left: 1em;
padding-right: 1em;
}
/* Padding for buttons Application Form */
a.button02 {
}
a.button02:hover {
}
a.button02 div {
font-size: 10px;
padding: 0.2em 0.5em 0.3em 0.3em;
}
a.button02 span {
}
a.button02 div:hover {
}
a.button02disabled {
}
a.button02disabled div {
}
a.button02disabled:hover {
}
a.button03-application {
}
a.button03-application:hover {
}
a.button03-application div {
font-size: 0.8em;
padding: 0.5em 2em 0.5em 2em;
transition: 0.5s;
}
a.button03-application span {
margin: 0em;
padding: 0em;
}
a.button03-application div:hover {
border: 1px solid #5eacee;
padding: 0.5em 2em 0.5em 2em;
}
a.button04-application {
}
a.button04-application:hover {
}
a.button04-application div {
font-size: 0.8em;
padding: 0.5em 2em 0.5em 2em;
border-radius: 25px;
transition: 0.5s;
}
a.button04-application span {
margin: 0em;
padding: 0em;
}
a.button04-application div:hover {
border: 1px solid #5eacee;
padding: 0.5em 2em 0.5em 2em;
border-radius: 25px;
}
a.button05 {
}
a.button05:hover {
}
a.button05 div {
font-size: 0.8em;
padding: 0.5em 2em 0.5em 2em;
border-radius: 25px;
transition: 0.5s;
}
a.button05 span {
margin: 0em;
padding: 0em;
}
a.button05 div:hover {
padding: 0.5em 2em 0.5em 2em;
border-radius: 25px;
}
a.button06 {
}
a.button06:hover {
}
a.button06 div{
font-size: 1em;
padding: 8px;
}
a.button06 span {
}
a.button06 div:hover {
}
a.button07 {
}
a.button07:hover {
}
a.button07 div {
font-size: 10px;
padding: 0.2em 0.5em 0.3em 0.3em;
}
a.button07 span {
}
a.button07 div:hover {
}
a.button_send {
}
a.button_send:hover {
}
a.button_send div {
font-size: 0.8em;
padding: 0.5em 2em 0.5em 2em;
border-radius: 25px;
transition: 0.5s;
}
a.button_send span {
margin: 0em;
padding: 0em;
}
a.button_send div:hover {
border: 1px solid #5eacee;
padding: 0.5em 2em 0.5em 2em;
border-radius: 25px;
}
.button_send {
margin-top: 1.5em;
margin-left: 2.5em;
}
a.button_buy {
display: inline-block;
}
a.button_buy:hover {
}
a.button_buy div {
font-size: 1em;
padding: 0.8em 2.5em;
border-radius: 50px;
background: linear-gradient(135deg, #6a11cb, #2575fc);
color: white;
font-weight: bold;
text-align: center;
transition: all 0.3s ease-in-out;
box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
}
a.button_buy span {
display: block;
margin: 0;
padding: 0;
}
a.button_buy div:hover {
background: linear-gradient(135deg, #5a0fb7, #1e63e8);
box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.3);
transform: translateY(-2px);
}
.button_buy {
margin-left: 1em;
float: right;
position: fixed;
z-index: 1000;
bottom: 40px;
left: 0;
right: 0;
width: 8em;
margin-left: auto;
margin-right: auto;
}
/* End Link styles. */
/* Check boxes. */
div.checkbox01 {
width: 9px;
height: 9px;
margin: 0.25em 0.3em 0.3em 0em;
}
div.checkbox01_current {
width: 9px;
height: 9px;
margin: 0.25em 0.3em 0.3em 0em;
}
/* End Check boxes. */
div.wrap_signin {
overflow: hidden;
float: right;
position: relative;
right: 5px;
}
div.register_signin{
float:right;
margin-top:.8em;
font-size: 0.8rem;
}
div.register_signin div {
margin: 0em 0em 0em 1em;
}
div.bags{
width:100%;
margin-top:2%;
/*margin-left: 10px;*/
height: 100%;
}
img.lang {
width: 13%;
}
div.topbar_euro {
font-size: 0.8em;
line-height: 10px;
margin-right: 1rem;
}
div.topbar_euro img{
margin-top:1%;
width:13px;
}
div.wrap_freetextsearch {
float: right;
padding: 0.4em 0.2em 0em 0em;
width: 20em;
}
input.search {
display:block;
float:right;
width: 95%;
border: 0px solid #f3eaea;
border-radius: 0px;
box-shadow: 0 0px 0px 0px #f3ebeb inset;
font-size: 0.8rem;
border-bottom: 1px solid black;
margin-bottom: 3%;
background-repeat: no-repeat;
background-position: right;
color: black;
}
div.wishlist-icon{
font-size: 1.2em;
border: 3px solid #eda71f;
padding-left:3px;
padding-right:3px;
border-radius: 17px;
top: 20%;
right:2%;
}
div.logout{
margin-top:20%;
}
div.searchlabel{
width:80%;
float:right;
}
.field01 {
width: 84%;
padding: 0.7em 1.2em 0.7em 1.2em;
font-size: 1.1em;
border-width: 1px;
margin: 0em;
}
.textarea01 {
font-size: 1.1em;
width: 100%;
padding: 0.7em 1.2em 0.7em 1.2em;
height: 6rem;
border-width: 1px;
}
div.wrap_dropdown02 {
width: 12em;
padding: 0.7em 1.2em 0.7em 1.2em;
font-size: 1.1em;
border-width: 1px;
margin: 0em;
background-position: 95% 50%;
}
div.wrap_dropdown02 select {
width: 19em;
font-size: 1.1em;
}
/* Module specific items. */
#index004_itemthumbnail {
display: block;
}
/* End Module specific items. */
table.main {
margin-top: 0px;
margin-left: auto;
margin-right: auto;
border: 1px solid #cccccc;
width: 1020px;
height: 100px;
font-family: Helvetica, Tahoma, Verdana, Arial, Times New Roman, Geneva, Sans-Serif;
font-size: 12px;
background-repeat: repeat-x;
background-position: top;
}
div.section_title {
border-style: solid;
border-width: 0px 0px 1px 0px;
border-color: #a0a0a0;
color: #ffffff;
font-weight: bold;
font-size: 16px;
}
div.section_content {
overflow: hidden;
border-style: none;
color: #ffffff;
font-weight: bold;
font-size: 12px;
margin-bottom: 30px;
}
div.box_message {
float: left;
margin: 5px 5px 5px 0px;
border-style: solid;
border-width: 1px;
border-color: #a0a0a0;
color: #ffffff;
font-weight: bold;
font-size: 12px;
width: 100px;
height: 100px;
}
div.box_message_read {
overflow: scroll;
border-style: solid;
margin: 20px 10px 10px 0px;
padding: 5px;
border-width: 3px;
border-radius: 10px;
border-color: #a0a0a0;
background: #ffffff;
color: #000000;
font-size: 12px;
width: 500px;
height: 250px;
}
div.popup_key {
display: none;
position: absolute;
z-index: 100;
border-style: solid;
padding: 5px;
border-width: 1px;
border-radius: 10px;
border-color: #a0a0a0;
background: #ffffff;
color: #000000;
font-size: 12px;
width: 300px;
height: 100px;
}
td.pagelist {
height: 137px;
width: 504px;
color: #6f7072;
font-family: Helvetica, Tahoma, Verdana, Arial, Times New Roman, Geneva, Sans-Serif;
font-size: 12.5px;
vertical-align: top;
background-image: url('../image/bkg_article_list.png');
background-repeat: no-repeat;
}
.content_box {
border-width: 1px;
border-style: solid;
width: 300px;
height: 400px;
background-image: url('../image/ContentBox.png');
background-repeat: no-repeat;
background-position: center;
}
td.content-aplication {
vertical-align: top;
background-color: #011223;
}
table.developer {
margin-top: 10px;
margin-left: auto;
margin-right: 10px;
border-style: none;
font-family: Helvetica, Tahoma, Verdana, Arial, Times New Roman, Geneva, Sans-Serif;
font-size: 10px;
color: #eeeeee;
}
a {
text-decoration: none;
color: #b2b2b2;
outline: none;
}
a:hover {
text-decoration: underline;
}
.pagecontent_std {
vertical-align: top;
font-family: Helvetica, Tahoma, Verdana, Arial, Times New Roman, Geneva, Sans-Serif;
font-size: 16px;
text-align: left;
padding: 0px 0px 0px 0px;
color: #ffffff;
}
a.link1 {
color: #ffffff;
font-family: Helvetica, Tahoma, Verdana, Arial, Times New Roman, Geneva, Sans-Serif;
font-size: 13px;
font-weight: bold;
}
a.link1:hover {
color: #e2001a;
text-decoration: none;
}
#makeMeScrollable
{
width:100%;
height: 330px;
position: relative;
}
#makeMeScrollable div.scrollableArea img
{
position: relative;
float: left;
margin: 0;
padding: 0;
}
#prjback {
position: absolute;
width: 1180px;
z-index: 50;
margin-top: -15px;
padding: 0em;
-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=60)';filter: alpha(opacity=60); -moz-opacity: 0.6; -khtml-opacity: 0.6; opacity: 0.6;
}
#prjback p {
width: 6em;
font-size: 0.85em;
font-weight: bold;
float: right;
padding: 0.1em 0em 0.1em 0em;
margin: 0em 1em 0em 0em;
text-align: center;
background: #505050;
}
#box_contact {
display: none;
position: absolute;
z-index: 10000;
top: 150px;
margin-left: 100px;
background: #dddddd;
border: 1px solid #eeeeee;
padding: 2em;
overflow: auto;
}
/*Pop up windows*/
/*Modal Form*/
/* Full-width input fields */
.container >input[type=text], input[type=password] input[type=number] {
width: 100%;
padding: 4px 10px;
margin: 8px 0;
border: 1px solid #ccc;
}
.referencedetails >label{
font-size: 18px;
}
.newuserdiv >label{
font-size: 14px;
}
.dropdown >label{
font-size: 20px;
}
.newuserdivtext >label{
font-size: 14px;
}
/*Select div*/
#select{
width: 100%;
margin-top: 5px;
margin-bottom: 5px;
border: 1px solid #c3c4c4;
border-radius: 3px;
height: 27px;
font-size: 18px;
}
/* Set a style for all buttons */
button.formsubmit{
padding: 14px 20px;
width: 30%;
margin-top: 15px;
}
/* Center the image and position the close button */
.popup_enquiry_heater {
/*margin: 20px auto 15px;*/
/*border-bottom: 2px ridge #ddd;*/
width:100%;
}
.popup_enquiry_heater h2{
font-size: 24px;
font-weight: 300;
margin: 0px 0px 0px 0px;
}
span.psw {
padding-top: 16px;
}
/* The Modal (background) */
.popup_enquiry {
z-index: 1; /* Sit on top */
left: 0;
top: 0;
width: 100%; /* Full width */
height: 100%; /* Full height */
background-color: rgb(0,0,0); /* Fallback color */
background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
padding-top: 30px;
}
/* Modal Content/Box */
.popup_enquiry_content {
margin: 0% auto 8% auto; /* 5% from the top, 15% from the bottom and centered */
border: 1px solid #888;
width: 85%; /* Could be more or less, depending on screen size */
padding: 0px 10px 10px 10px;
}
/*Modal main content */
.newuserdiv{
width: 100%;
}
.newuserinput{
margin-top: 5px;
margin-bottom: 5px;
border: 1px solid #c3c4c4;
border-radius: 3px;
height: 23px;
width: 92%;
padding-left: 5px;
font-size: 18px;
}
.newuserdivtext{
width: 100%;
}
/* The Close Button (x) */
.closed {
top: 0;
font-size: 25px;
}
.closed:hover,
.closed:focus {
color: red;
cursor: pointer;
}
/* Add Zoom Animation */
.animate {
-webkit-animation: animatezoom 0.6s;
animation: animatezoom 0.6s
}
@-webkit-keyframes animatezoom {
from {-webkit-transform: scale(0)}
to {-webkit-transform: scale(1)}
}
@keyframes animatezoom {
from {transform: scale(0)}
to {transform: scale(1)}
}
/* Change styles for span and cancel button on extra small screens */
@media screen and (max-width: 300px) {
span.psw {
display: block;
float: none;
}
.cancelbtn {
width: 100%;
}
}
/*Label Form*/
label.label_form {
margin-bottom: 5px;
font-weight: 700;
width: 100%;
}
/*Input Message*/
textarea#message {
width: 96%;
height: 4em;
font-size: 15px;
max-width: 98%;
margin-top: 5px;
margin-bottom: 5px;
border: 1px solid #c3c4c4;
border-radius: 3px;
padding-left: 5px;
}
/*Input Message*/
/*End Label form*/
/*End Modal Form*/
div.small_screen_clear_float {
display: block;
clear: both;
height: 1em;
width: 1em;
}
#btn_popup_product {
display: none;
}
a.fb_link {
font-weight: 700;
font-size: 1.3em;
}
a.fb_link div {
padding-top: 0em;
line-height: 1em;
transition: 0.3s;
}
a.fb_link:hover div {
}
a.linkedin_link {
font-weight: 700;
padding: 0px;
font-size: 0.9em;
}
a.linkedin_link div {
border-radius: 2px;
line-height: 0.9em;
padding: 0.1em;
transition: 0.3s;
}
a.linkedin_link:hover div {
}
a.ig_link {
font-weight: 700;
padding: 0px;
font-size: 0.9em;
}
a.ig_link div {
border-radius: 2px;
line-height: 0.9em;
padding: 0.1em;
transition: 0.3s;
}
a.ig_link:hover div {
}
/* New CSS */
/* General message popup */
#modalpopup {
padding-top: 6.25em; /* Location of the box */
left: 0;
top: 0;
width: 100%; /* Full width */
height: 100%; /* Full height */
display: none;
}
.modalpopup_content {
margin: auto;
width: 50%;
height: 8.75em;
border-radius: 0.3em;
border: 0.1em solid #888;
font-size: 0.9em;
}
.modalpopup_header {
border-radius: 0.18em;
padding: 0.3em 1em;
font-size: 0.75em;
}
.modalpopup_body {
font-size: 1.2em;
padding: 0.6em 0.6em;
}
.modalpopup_close {
font-size: 1.75em;
}
.modalpopup_close:hover, .modalpopup_close:focus {
}
/* End General message popup */
/* Thumbnails */
div.thumbnail01 {
width: 100%;
margin-top: 1em;
}
div.thumbnail01 img {
}
div.thumbnail01content {
float: none;
margin-left: auto;
margin-right: auto;
color: #262d51;
font-size: 0.8em;
font-weight: bold;
width: 14em;
padding-top: 1em;
padding-bottom: 1em;
border-radius: 50%;
}
div.thumbnail01content:hover {
}
a div.thumbnail01content p {
font-family: Open Sans;
font-weight: 800;
}
/* End Thumbnails */
/* Cookies popup */
#popup_cookies {
}
#cookiebutton {
padding: 0.2em 0.2em;
bottom: 0.1em;
right: 5.6em;
width: 11.2em;
}
#cookiebox {
right: 0em;
}
.cookietext {
max-width: 100%;
padding: 0.5em 1em 1em 1em;
}
.cookietext .button03-application {
padding: 0.5em 1em;
float: right;
margin-top: 1em;
margin-right: 1em;
margin-bottom: 1em;
}
.cookietext .button03-application:hover {
}
#cookiebutton:hover {
}
/* End Cookies popup */
/* Slideshow */
div.slidetext {
display: block;
z-index: 5000;
left: 1em;
right: 0px;
font-size: 2em;
top: 10%;
font-weight: 400;
}
/* End Slideshow */
#appquestion {
font-size: 0.8rem;
}
.phase3column {
text-align: center;
font-size: 0.6rem;
padding: 0px;
}
div.phase3Text {
float: left;
margin: 0.5em 0em;
}
div.phase3Text span {
float: left;
margin-right: 0em;
}
div.phase3Btn {
float: left;
padding: 5px 0px;
margin: 0.5em 0em;
}
div.phase3Btn input {
padding: 0px;
margin: 0px;
width: 10px;
height: 10px;
}
#direct_debit_details {
font-size: 0.7rem;
}
/* Begin Radio button for yes/no */
.radio_questiontype01 label {
position:relative;
cursor:pointer;
}
.radio_questiontype01 label input {
display:none;
}
.radio_questiontype01 label span {
position:relative;
display:block;
background: #ffffff;
color: #000000;
width: 45%;
height: auto;
margin: 0em auto;
padding: 0.5em;
border: 1px solid #ced4da;
border-radius: 15px;
}
.radio_questiontype01 label input:checked ~ span {
border: none;
}
.radio_questiontype01 label input:checked ~ span.yes {
background:#5eacee;
}
.radio_questiontype01 label input:checked ~ span.yes:before,
.radio_questiontype01 label input:checked ~ span.yes:after {
background:none;
}
.radio_questiontype01 label input:checked ~ span.no {
background:#5eacee;
}
.radio_questiontype01 label input:checked ~ span.no:before,
.radio_questiontype01 label input:checked ~ span.no:after {
background:none;
}
/*
.radio_questiontype01 input[type="radio"] {
}
.radio_questiontype01 label {
display: inline-block;
cursor: pointer;
width: 45%;
height: auto;
margin: 0em auto;
padding: 0.5em;
border: 1px solid #ced4da;
border-radius: 15px;
}
.radio_questiontype01 label:hover {
border-color: #5eacee;
}
*/
/* End Radio button for yes/no */
/* Begin Radio button for paymethod */
.radio_paymethod {
width: 90%;
margin-bottom: 1em;
}
.radio_paymethod label {
position:relative;
cursor:pointer;
}
.radio_paymethod label input {
display:none;
}
.radio_paymethod label span {
position:relative;
display:inline-block;
background: #ffffff;
color: #000000;
width: 90%;
height: auto;
margin: 0em auto;
padding: 0.5em;
border: 1px solid #ced4da;
border-radius: 15px;
}
.radio_paymethod label input:checked ~ span {
border: none;
}
.radio_paymethod label input:checked ~ span.yes {
background:#5eacee;
}
.radio_paymethod label input:checked ~ span.yes:before,
.radio_paymethod label input:checked ~ span.yes:after {
background:none;
}
.radio_paymethod label input:checked ~ span.no {
background:#5eacee;
}
.radio_paymethod label input:checked ~ span.no:before,
.radio_paymethod label input:checked ~ span.no:after {
background:none;
}
/*
.radio_paymethod input[type="radio"] {
}
.radio_paymethod label {
display: inline-block;
cursor: pointer;
width: 90%;
height: auto;
margin: 0em auto;
padding: 0.5em;
border: 1px solid #ced4da;
border-radius: 15px;
}
.radio_paymethod label:hover {
border-color: #5eacee;
}
*/
/* End Radio button for yes/no */
/* Begin Radio button for plan selection */
.radio_plan_select input[type="radio"] {
display: none;
}
.radio_plan_select label {
display: inline-block;
cursor: pointer;
}
.radio_plan_select input[type="radio"]+label:hover {
background-color: #132d51;
color:#fff;
}
.radio_plan_select input[type="radio"]:checked+label {
background-color: #132d51;
color:#fff;
}
/* End Radio button for plan selection */
.cover_text_align {
width: 65%;
font-size: 0.7rem;
margin: 1em 0em 1em 9em;
}
.upfileDiv {
width: 45%;
margin-top: 1em;
margin-right: 0.5em;
}
input.upfile {
width: 95%;
margin: 0px;
padding: 0px;
border-width: 1px;
}
.divFloatLeft {
float: left;
}
.divFloatRight {
float: left;
}
.divMarginLeft {
margin-left: 0%;
}
.divMarginRight {
margin-right: 0%;
}
.divNoMargin {
margin-left: 0%;
margin-right: 0%;
}
.clientBox {
width: 90%;
margin: 2em auto;
}
.clientDiv {
float: none;
width: 90%;
margin: 1em auto 1em auto;
}
.imgtextContent01 {
width: 95%;
padding: 1em;
}
.pdfDocumentsDiv {
width: 99%;
}
.pdfDocumentsDiv .pdfInnerDiv {
width: 100%;
margin: 0em auto;
}
.getmedquoteBtn {
border-radius: 1.5em;
width: 14em;
padding: 1em 1.5em;
}
.btnBox01 {
width: 80%;
margin: 0em auto;
}
.btnBox01 .btnBoxDiv01 {
margin: 1em auto;
width: 60%;
padding: 1em 1em;
border-radius: 1.5em;
}
.btnBox01 .btnBoxDiv02 {
margin: 1em auto;
width: 60%;
padding: 1em 1em;
border-radius: 1.5em;
}
/* Dates */
select.birth_day,
select.birth_month,
select.birth_year{
background: url('data:image/svg+xml;charset=US-ASCII,') no-repeat right 5px top 25%;
background-size: 10px;
padding: 8px 10px;
font-size: 14px;
border: 1px solid #ccc;
border-radius: 10px;
width: 160px;
margin-right: 10px;
}
span.remove_btn {
font-size: 14px;
padding: 5px 10px;
border: 1px solid #000;
border-radius: 5px;
margin-top: 10px;
}
/* End dates */
/* --- Stage 3 mobile --- */
#stage3 .innercontent01-application {
padding: 1em !important;
}
#stage3 h1 {
font-size: 1.75rem;
margin: 0;
line-height: 1.2;
}
#stage3 .s3-header {
flex-direction: column;
align-items: flex-start;
gap: .5em;
}
/* Sticky top controls */
.s3-topbar {
position: sticky;
top: 0;
z-index: 5;
background: #fff;
padding: .5em 0;
}
/* Plan cards */
#stage3 .plan-card {
padding: 1em;
border-radius: 12px;
}
#stage3 .pc-body {
flex-wrap: wrap;
}
#stage3 .pc-right {
flex: 1 1 100% !important;
min-width: 0 !important;
}
/* Stage 3 CTAs — phone fix (overrides desktop grid) */
@media (max-width:767.98px){
.plan-card .pc-right .pc-ctas{
display:flex !important;
flex-direction:column !important;
gap:8px !important;
width:100% !important;
}
.plan-card .pc-right .pc-ctas > .apply-btn,
.plan-card .pc-right .pc-ctas > .email-btn,
.plan-card .pc-right .pc-ctas > .details-btn{
width:100% !important;
display:block !important;
height:44px !important;
padding:0 12px !important;
border-radius:14px !important;
box-sizing:border-box !important;
font-weight:700 !important;
white-space:nowrap;
min-height: 39px;
}
/* colors same as desktop */
.plan-card .pc-right .apply-btn{
background:var(--blue,#5EACEE) !important;
color:#fff !important;
border:1px solid var(--blue,#5EACEE) !important;
}
.plan-card .pc-right .email-btn,
.plan-card .pc-right .details-btn{
background:#fff !important;
color:var(--blue,#5EACEE) !important;
border:1px solid var(--blue,#5EACEE) !important;
}
}
/* Stage 3: Excess chip on mobile */
@media (max-width:767.98px){
.plan-card .pc-right .excess-strip{
flex-direction:column;
align-items:stretch;
}
.plan-card .pc-right .excess-chip{
width:100%;
height:40px;
padding:0;
box-sizing:border-box;
display:flex;
align-items:center;
justify-content:center;
text-align:center;
position:static !important;
margin:0;
}
.plan-card .pc-right .excess-select{
width:100%;
box-sizing:border-box; /* prevents right overflow */
display:block;
margin:.5em 0 0;
float:none !important; /* neutralize legacy rules */
position:static !important;
max-width:none !important;
}
}
/* End Stage 3: Excess chip on mobile */
/*Filter Section On mobile */
@media (max-width:1199px){
/* hide the left column on phones */
#filters-col{
display:none !important;
}
}
/* Compact filters: hide desktop controls */
#period-wrap {
display:none !important;
}
#area-card {
display:none !important;
}
#filters-currency-block {
display:none !important;
}
/* Bar */
.mf-bar {
position: sticky;
top:0;
z-index:30;
background:#fff;
padding:.5em .9em;
border-bottom:1px solid #e6eef8;
display:flex;
justify-content:flex-end;
}
/* Dialog inner fields */
.mf-label {
display:block;
font-weight:700;
color:#132d51;
margin:.6em 0 .35em;
}
.mf-select {
width:100%;
padding:.6em;
border:1px solid #dbe3ef;
border-radius:10px;
}
/*End Filter Section On mobile */
/* Dcare mobile centering */
.content-aplication{
margin:0 auto;
padding-inline:12px;
} /* even side padding */
.innercontent02-application {
display:flex;
flex-wrap:wrap;
justify-content:center;
gap:1em!important;
}
.innercontent02-application > div{
width:100%!important;
max-width:340px;
margin:0 auto;
}
#dotnavigation2{
width:100%;
margin-left:auto;
margin-right:auto;
margin-top: 2em;
}
/* End Dcare mobile centering */
/* Start Buttons */
@media (max-width:360px){
.cover-buttons{
grid-template-columns: 1fr;
}
}
.cover-buttons{
display:grid;
grid-template-columns: repeat(auto-fit, minmax(150px, max-content));
justify-content:center; /* center the whole group */
column-gap:16px;
row-gap:12px; /* space between pills */
}
.cover-buttons .pill-btn{
justify-self:center; /* center each pill in its cell */
white-space:nowrap; /* keep labels in one line */
}
.cover-buttons .pill-btn{
justify-self:center; /* center each pill in its cell */
white-space:nowrap; /* keep labels in one line */
}
.cover-buttons{
display:grid;
grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
justify-content:center;
gap:12px;
}
.cover-buttons .pill-btn{
white-space:nowrap;
}
/* Center the lone item when wrapping 2+1 */
.cover-buttons .pill-btn:nth-child(3):last-child {
grid-column: 1 / -1; /* span full row */
justify-self:center; /* center inside row */
}
/* End Buttons */
/* ---------- Faster responsive grid (tablet down) ---------- */
.benefits-grid{
display:grid;
grid-template-columns: repeat(3, minmax(0,1fr)); /* <1200 */
gap:12px;
padding:0 12px;
}
@media (max-width: 900px){
.benefits-grid{
grid-template-columns: repeat(2, minmax(0,1fr));
}
}
/* ---------- Card base + quick transition ---------- */
.benefit-card{
position:relative !important;
display:flex !important;
flex-direction:column !important;
align-items:center !important;
justify-content:center !important;
text-align:center !important;
aspect-ratio:1/1;
min-height:120px;
padding:12px !important;
border:1px solid #e6eef8 !important;
border-radius:14px !important;
background:#fff !important;
color:#132d51 !important;
box-shadow:0 4px 14px rgba(19,45,81,.08) !important;
transition: background .15s ease, color .15s ease,
border-color .15s ease, box-shadow .15s ease;
}
.benefit-card i.fa{
font-size:28px !important;
color:#5EACEE !important;
}
.benefit-card > div[style*="font-weight:bold"]{
margin-top:6px !important;
font-size:13px !important;
color:#132d51 !important;
}
/* ---------- Clean “info” icon (no blue circle) ---------- */
.benefit-card .fa-info-circle{
position:absolute;
right:8px;
bottom:8px;
font-size:14px !important;
color:#64748b !important;
background:none !important;
box-shadow:none !important;
}
/* swap to plain 'info' glyph (FA 4.x) */
.benefit-card .fa-info-circle:before{
content:"\f129";
}
/* ---------- Checked state ---------- */
.benefit-card:has(> input[type="checkbox"]:checked){
background:#5EACEE !important;
border-color:#5EACEE !important;
box-shadow:0 6px 18px rgba(94,172,238,.35) !important;
}
.benefit-card:has(> input[type="checkbox"]:checked) i.fa,
.benefit-card:has(> input[type="checkbox"]:checked) > div[style*="font-weight:bold"]{
color:#fff !important;
}
.benefit-card:has(> input[type="checkbox"]:checked) .fa-info-circle{
color:#ffffffcc !important;
}
.benefits-grid .benefit-card .fa-info-circle {
display: none !important;
}
/* Filters dialog – same visual language on mobile */
#mf_dialog .mf-label{
font-weight:700;
color:#132d51;
margin:.6em 0 .25em
}
#mf_dialog .mf-select{
width:100%;
height:42px;
border:1px solid #e6eef8;
border-radius:10px;
padding:0 10px;
}
/* Plan list in dialog */
#mf_plan_filter_container{
display:flex;
flex-direction:column;
gap:10px
}
#mf_plan_filter_container .pf-item{
display:flex;
align-items:center;
justify-content:space-between;
padding:10px 14px;
border:1px solid #e6eef8;
border-radius:12px;
background:linear-gradient(180deg,#fff,#fbfdff);
box-shadow:0 1px 2px rgba(19,45,81,.04);
}
#mf_plan_filter_container .pf-item span{
font-weight:700;
color:#334155;
letter-spacing:.2px;
margin-left:8px;
}
#mf_plan_filter_container .pf-item input[type="checkbox"]{
width:20px;
height:20px;
accent-color:#5EACEE;
}
/* === FILTER POPUP (mobile/desktop) === */
#mf_dialog{
width:min(540px,92vw);
border:1px solid #e6eef8;
border-radius:16px;
box-shadow:0 30px 60px rgba(19,45,81,.15);
padding:18px 18px 14px;
background:#fff;
}
#mf_dialog .mf-label{
display:block;
font-weight:700;
color:#334155;
margin:10px 0 6px;
}
/* Pretty selects with custom chevron */
#mf_dialog .mf-select{
width:100%;
-webkit-appearance:none;
appearance:none;
height:44px;
padding:0 42px 0 14px;
font-weight:600;
color:#334155;
background:#eff4fb
url("data:image/svg+xml;utf8,")
no-repeat right 14px center;
background-size:16px 16px;
border:1px solid #e6eef8;
border-radius:12px;
box-shadow: inset 0 1px 0 rgba(255,255,255,.6), 0 4px 12px rgba(19,45,81,.06);
}
#mf_dialog .mf-select:focus{
outline:none;
border-color:#5EACEE;
box-shadow:0 0 0 3px rgba(94,172,238,.25);
}
#mf_dialog .mf-sep{
height:1px;
border:0;
background:#e6eef8;
margin:14px 0;
}
/* Plan types list – match desktop chips */
#mf_dialog .mf-list label.pf-item{
display:flex;
align-items:center;
justify-content:space-between;
padding:.85em 1em;
margin:.5em 0;
cursor:pointer;
font-weight:700;
color:#334155;
background:#fff;
border:1px solid #e6eef8;
border-radius:14px;
box-shadow:0 8px 24px rgba(19,45,81,.06);
transition:transform .08s ease, box-shadow .2s ease;
}
#mf_dialog .mf-list label.pf-item:hover{
transform:translateY(-1px);
box-shadow:0 12px 28px rgba(19,45,81,.10);
}
#mf_dialog .mf-list label.pf-item input{
display:none;
}
#mf_dialog .mf-list label.pf-item span{
position:relative;
padding-left:46px;
}
/* checkbox pill */
#mf_dialog .mf-list label.pf-item span::before{
content:"";
position:absolute;
left:0;
top:50%;
width:36px;
height:36px;
border-radius:10px;
transform:translateY(-50%);
background:linear-gradient(180deg,#69b5f7,#5EACEE);
box-shadow:0 6px 16px rgba(94,172,238,.35), inset 0 1px 0 rgba(255,255,255,.7);
}
/* centered, correctly oriented tick */
#mf_dialog .mf-list label.pf-item span::after{
content:"";
position:absolute;
left:18px;
top:50%;
width:10px;
height:6px;
transform:translate(-50%,-60%) rotate(-45deg) scale(0);
border-left:3px solid #fff;
border-bottom:3px solid #fff;
}
#mf_dialog .mf-list label.pf-item input:checked + span::after{
transform:translate(-50%,-60%) rotate(-45deg) scale(1);
}
/* Footer buttons */
#mf_dialog .modal-footer{
display:flex;
justify-content:flex-end;
gap:.6em;
margin-top:14px;
}
/* Nicer overlay */
.modal-overlay.is-open{
background:rgba(17,24,39,.55);
backdrop-filter:blur(2px) saturate(115%);
}
/* Mobile: stack instead of flex */
@media (max-width: 900px){
.innercontent01-application.flex-layout {
display: block;
margin: 0 auto;
}
}
.excess-select{
padding:.45em .6em;
border:1px solid #dbe3ef;
border-radius:10px;
background:#fff;
min-width:200px;
}
/* benefits layout for small screens */
.benefits-grid{ grid-template-columns: repeat(2, minmax(150px,1fr)); }
.benefit-tile{ min-height:64px; padding:.8rem; }
.benefit .text{ font-weight:600; font-size:.95em; }
/* Stage 2 mobile centering override */
@media (max-width: 900px){
.innercontent02-application.benefits-grid{
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
justify-content: center;
gap: 12px;
}
}
/* Flex wrappers: center children */
.innercontent03,
.innercontent04{
justify-content: center; /* not justify-items */
}
/* Stage 2 (mobile): keep info icon under the title, small grey filled circle */
@media (max-width:1199.98px){
/* make sure the card can center things */
.benefits-grid .benefit-card{
text-align:center;
position:relative;
overflow:visible;
}
/* title spacing a bit tighter */
.benefits-grid .benefit-card div[style*="font-weight:bold"]{
margin-bottom:4px !important;
}
/* ONLY the info icon: kill the global .fa padding/width and style it */
.benefits-grid .benefit-card i.fa-info-circle{
position:static !important; /* sit in the normal flow (under title) */
display:inline-flex !important;
align-items:center; justify-content:center;
/* size of the circle */
width:22px !important;
height:22px !important;
line-height:22px !important;
font-size:12px !important;
/* override global .fa rules */
padding:0 !important;
margin: 4px auto 0 !important;
border:none !important;
box-shadow:none !important;
text-align:center !important;
/* colors / shape (like your screenshot) */
border-radius:50% !important;
background:#b9bec7 !important; /* grey fill */
color:#fff !important; /* white “i” */
cursor:pointer;
}
/* keep the checkbox pinned top-left */
.benefits-grid .benefit-card input[type="checkbox"]{
position:absolute; top:8px; left:8px; z-index:2;
}
}
/* Stage 2 (mobile): info icon ABOVE the title, small circle */
@media (max-width:1199.98px){
.benefits-grid .benefit-card{
display:flex !important;
flex-direction:column !important;
align-items:center !important;
text-align:center !important;
overflow:visible;
}
/* pictogram row stays first */
.benefits-grid .benefit-card > div:first-of-type{
order:1;
}
/* the bold title div goes after the icon */
.benefits-grid .benefit-card div[style*="font-weight:bold"]{
order:3;
margin-top:4px !important;
}
/* info icon sits BETWEEN pictogram and title */
.benefits-grid .benefit-card .fa-info-circle{
order:2;
display:inline-flex !important;
align-items:center;
justify-content:center;
width:18px !important;
height:18px !important;
font-size:11px !important;
line-height:18px !important;
border-radius:50% !important;
background:#b9bec7 !important; /* small grey circle */
color:#fff !important; /* white “i” */
margin:-6px 0 2px 0 !important; /* tight spacing */
}
}
@media (max-width: 420) {
.innercontent02-application.benefits-grid {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
justify-content: center;
gap: 12px;
width: 300px;
align-self: center;
margin: 6px auto 1em -1em;
}
}
@media (max-width: 366px) {
.benefits-grid .benefit-card {
width: 70%;
}
}
/*
* End Dcare Application
*/