/* Fonts */

@font-face { font-family: Inter; src: url('../../font/Inter-Regular.otf');
    src: local('☺'), url('../../font/Inter-Regular.woff2') format('woff2'), 
                        url('../../font/Inter-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face { font-family: Inter; src: url('../../font/Inter-Light.otf');
    src: local('☺'), url('../../font/Inter-Light.woff2') format('woff2'), 
                        url('../../font/Inter-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face { font-family: Jost; src: url('../../font/Jost-Regular.ttf');
    src: local('☺'), url('../../font/Jost-Regular.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face { font-family: Inria; src: url('../../font/InriaSans-Regular.ttf');
    src: local('☺'), url('../../font/InriaSans-Regular.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face { font-family: Kumbh; src: url('../../font/KumbhSans-VariableFont_YOPQ,wght.ttf');
    src: local('☺'), url('../../font/KumbhSans-VariableFont_YOPQ,wght.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

/* End Fonts */

/* Html/ body */

html,body {
    height: 100%;
    width: 100%;
    margin: 0px;
    padding: 0px;
    border: none;
    font-size: 1em;
    max-width: 1920px;
}

/* End Html/ body */

/* End HTML */

/* Pop Up */

.modal,
.errormodal {
    position: fixed;
    z-index: 9999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.4);
}

.modal-content,
.errormodal-content {
    background-color: #EAF6FC;
    margin: 10% auto;
    padding: 20px;
    border: 1px solid #ddd;
    width: 90%;
    max-width: 400px;
    border-radius: 10px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.2);
    color: #333;
    text-align: center;
    font-family: Inria;
}

.modal-header,
.errormodal-header {
    text-align: right;
}

.close {
    font-size: 24px;
    font-weight: bold;
    cursor: pointer;
    color: #999;
}

.close:hover {
    color: #333;
}

/* End Pop Up */

/* Swiper.js */

.doc-img{
  width:100%;
  aspect-ratio:16/9;            
  object-fit:cover;             
  display:block;                
  background-position:center;
  background-size:cover;
  background-repeat:no-repeat;
}

.swiper-slide {
  transition: transform 0.3s ease, opacity 0.3s ease;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}

/* End Swiper.js */

/* Lines */

/* End Lines */

/* Headers */

.header01 {
    text-align: center;
    font-family: Inria;
}

.header02 {
    display: flex !important;
    justify-content: left;
    align-items: center;
    font-family: Inria;
    color: #327C8C;
    cursor: pointer;
    transition: background-color 0.3s ease;
    flex: 1;
}

.header03 {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    position: relative;
    font-family: Inria;
    color: #327C8C;
}

.header03::before {
    background-color: #327C8C;
}

.header03::after {
    background-color: #327C8C;
}

.header04 {
    align-items: flex-start;
    font-family: Inria;
}

/* End Headers */

/* Images */

.globe {
    display: flex;
    flex-direction: row;
}

.articles-images {
    transition: 0.3s ease-in;
}

.articles-images:hover{
    transform: scale(1.1);
    transition: 0.3s ease-in;
}

/* End Images */

/* Containers */

div.content {
    display: block;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
    margin: auto;
    position: relative;
    -ms-overflow-style: none; 
    scrollbar-width: none;    
}

div.content::-webkit-scrollbar { 
    display: none;    
}

div.innercontent01 {
    display: flex;
    flex-direction: column;
    align-items: center;
    font-family: Inter;
    color: #333;
    z-index: 1;
    position: relative;
}

div.innercontent01-register {
    overflow: hidden;
    text-align: center;
    font-family: Inter;
}

div.innercontent02 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    font-family: Inter;
    color: #333;
}

div.innercontent02::before {
    background: #AAF8FF;
}

div.innercontent03 {
    display: flex;      
    font-family: Inter;
}

.text-container h2 {
    font-family: Inria;
    color: #327C8C;
    font-weight: 400;
}

.text-container h2::after {
    background-color: #327C8C;
}

.whyustext {
    font-family: Inter;
}

.info-box-container {
    font-family: Inter;
}

.plans-header h2 {
    font-family: Inria;
    font-weight: 900;
}

.feedback-header h2 {
    font-family: Inria;
    font-weight: 400;
    color: #327C8C;
}

.feedback-header h2::before {
    background-color: #327C8C;
}

.feedback-header h2::after {
    background-color: #327C8C;
}

.feedback-card-container {
    font-family: Inter;
    overflow: hidden;
    transition: max-height 1s ease-in-out;
}

.bottom-footer {
    font-family: Inria;
}

.newsletter h2 {
    font-weight: bold;
    color: #000;
}

.email-container {
    background: white;
}

.newsletter input {
    color: #ccc;
}

.newsletter input::placeholder {
    color: #ccc;
}

.newsletter p {
    color: #333;
}

.contact-section {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.documents-header h2 {
    font-family: Inria;
    font-weight: 900;
}

.buttons-wrapper {
    
}

.quote-row {
  display: grid;
  /* Pick column sizes that match your content.
     Example: ID fixed, Name flexible, others fixed, icons fixed */
  grid-template-columns: 70px minmax(180px, 1fr) 140px 120px 110px;
  column-gap: 1rem;           /* spacing between columns stays constant */
  align-items: center;
  width: 100%;
}

.quotations,
.subquotations {
  justify-content: initial;   /* no flex distribution */
  gap: 0;                     /* grid handles spacing */
}

.quote-cell {
  white-space: nowrap;        /* keep alignment */
  overflow: hidden;
  text-overflow: ellipsis;    /* avoid pushing columns */
}

/* Keep it usable on very small screens: horizontal scroll rather than “breaking” */
.content {
  overflow-x: auto;
}

.quote-row {
  min-width: 650px;           /* prevents columns collapsing; adjust as needed */
}

/* End Containers */

/* Slideshows */

/* End Slideshows */

/* Sections */

/* End Sections */

/* Forms */

/* End Forms */

/* Tables */

.table01 {
    border-collapse: collapse;
    font-family: Inter;
    color: #333;
    background-color: #fff;
    transition: max-height 0.5s ease, padding 0.5s ease;
    white-space: nowrap;
}

.table01 td {
    white-space: normal;
}

.table01 th,
.table01 td {
    text-align: left;
    vertical-align: top;
}

.table01 tr:first-child td {
    background-color: #f5f7fa;
    color: #2c3e50;
    text-transform: uppercase;
}

.table01 td:first-child {
    color: #555;
}

/* End Tables */

/* Buttons and Links */

.button01 {
    font-family: Inria;
    background-color: #EAF6FC;
    color: black;
    transition: all 0.3s ease-in-out;
}

.button01:hover {
    background-color: #007BFF;
    color: white;
    transform: scale(1.05);
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
}

a.button02 {
    text-decoration: none; 
}


a.button02 div {
    transition: 0.3s ease;
    font-family: Inria;
    font-size: 36px;
    background-color: #0D7B3E;
    color: #fff;
    width: 380px;
    padding: 15.715px 0px;
    border-radius: 4px;
    text-align: center;
    font-weight: 400;
    text-align: center;
    margin: 0 auto;
}

a.button02 div:hover {
    background-color: #fff; 
    color: #0D7B3E;
    box-shadow: 0px 4px 16px 3px #00000040;
}

.button03 {
    font-family: Kumbh;
    font-weight: bold;
    background: linear-gradient(to bottom, #2A79B1, #12334B);
    color: #EEEEEE;
    border: none;
    cursor: pointer;
    text-transform: uppercase;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.2);
    transition: transform 0.1s ease, box-shadow 0.1s ease;
}

.button03:hover {
    background: linear-gradient(to bottom, #4a7bbf, #2b5070);
}

.button03:active {
    transform: translateY(2px);
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.3);
}

.button04 {
    font-family: Inria;
    background-color: #EAF6FC;
    color: black;
    transition: all 0.3s ease-in-out;    
}

.button04:hover {
    background-color: #007BFF;
    color: white;
    transform: scale(1.05);
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);    
}

a {
    transition: 0.3s ease;
}

.slidebtn {
    font-family: Kumbh;
    font-weight: bold;
    background: linear-gradient(to bottom, #2A79B1, #12334B);
    color: #EEEEEE;
    border: none;
    cursor: pointer;
    text-transform: uppercase;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.2);
    transition: transform 0.1s ease, box-shadow 0.1s ease;
}

.slidebtn:hover {
    background: linear-gradient(to bottom, #4a7bbf, #2b5070);
}

.slidebtn:active {
    transform: translateY(2px);
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.3);
}

.slidebtn02 {
    font-family: Kumbh;
    font-weight: bold;
    background: linear-gradient(to bottom, #2A79B1, #12334B);
    color: #EEEEEE;
    border: none;
    cursor: pointer;
    text-transform: uppercase;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.2);
    transition: transform 0.1s ease, box-shadow 0.1s ease;
}

.slidebtn02:hover {
    background: linear-gradient(to bottom, #4a7bbf, #2b5070);
}

.slidebtn02:active {
    transform: translateY(2px);
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.3);
}

.slidebtn_container {

}

.arrow-icon {
    stroke-width: 3;
    transition: transform 0.5s ease;
}

.link01 {
    text-decoration: none;
    color: #000;
    display: flex;
    align-items: center;
    width: 100%;
    margin: 0 10px;
    font-size: 17px;
    font-family: Inter;
}

.link01 .icon {
    width: 70px; 
    height: 70px;
    margin-right: 48px;
}

/* End Buttons and Links */

/* Inputs */

.input\.field01,
.select\.field01,
.textarea\.field01 {
  border: none;
  font-family: Inria;
  background-color: white;
  color: #353535;
  box-sizing: border-box;
}

.textarea\.field01 {
  resize: none;
}

input::placeholder,
textarea::placeholder,
select {
    color: #353535;
}

/* End Inputs */

/* Texts */

.text01 {
    font-family: Inria;
    font-weight: 400;
    color: white;
    text-decoration: none;
    text-transform: none;
    text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
}

.language-switcher p {
    font-family: Inria;
    color: black;
}

.slidetext {
    font-family: Kumbh;
    color: white;
    text-decoration: none;
    text-transform: none;
    text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3);
}

.badge {
    font-family: Inter;
    background: #008AFF;
    color: white;
}

.badge strong {
    font-weight: 900;
}

.info-box {
    background-color: #008AFF;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 3px 10px;
}

.info {
    color: black;
}

.emergency-claims-desktop {
    
}

.emergency-claims-phone {
    
}

.feedback-card {
    background: white;
}

.view-more {
    font-family: Inria;
    font-weight: 900;
}

/* End Texts */

/* Login forms */

.customer-login-form {
   background-color: #ECF9FF;
   border-radius: 1em;
   padding: 5em;
   width: 50%;
   margin: 3em auto;
   box-shadow: 0 2px 10px rgba(0,0,0,0.2);
}

/* End Login forms */

/* Menus */

.login-bar {
    background: linear-gradient(to bottom, #2A79B1, #12334B);
    padding: 0.5em;
    width: 100%;
}

.login-bar a {
    color: white;
    text-decoration: none;
    font-family: Inter;
}

.login-bar-innercontent {
    width: 90%;
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    gap: 1em;
    justify-content: end;
}

div.topbar {
    background-color: #ECF9FF;
}

#menu_small>div>a {
    font-family: Inria;
}

#menu_small>div>div>a {
    font-family: Inria;
}

div.footer {
    background-color: #ECF9FF;
}

/* End Menus */

/* Fields */

/* End Fields */

/* Images */

.image01 {
    transition: transform 0.3s ease;
}

.header02.expanded .image01 {
    transform: rotate(180deg);
}

/* End Images */

/* 
 * DCare application
 */

div.chooseplan{
    overflow:hidden;
    float:left;
    display: inline-flex;
    flex-wrap: wrap;
    color: white;
    border-radius: 5px;
    background: #132d51; 
}

div.backtotop {
    position: fixed;
    overflow: hidden;
    text-align: right;
    z-index: 500;
}

#dimpage {
    display: none;
    overflow: hidden;
    position: absolute;
    z-index: 1500;
    background: #000000;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 700%;
    opacity: 0.8;
}

#popup_newsletter {
    position: fixed;
    display: none;
    z-index: 2000;
    top: -700px;
    padding: 0.2rem 1rem 1.5rem 1rem;
    font-family: Arial, Helvetica, Tahoma, Verdana;
    background: #ffffff;
    color: #000000;
    border-style: none;
    border-width: 1px;
    border-color: #a1a3a7;
    
}

#popup_newsletter input {
}

#popup_newsletter2 {
    position: fixed;
    display: none;
    z-index: 2000;
    font-family: GothamBook,GothamMedium;
    background: #ffffff;
    color: #000000;
    border-style: none;
    border-width: 1px;
    border-color: #a1a3a7;
}

#popup_newsletter input {
}

p.popup_newsletter_inner_text{
    font-family: GothamBook,GothamMedium;
}

div.popup_newsletter_inner_info{
    font-family: GothamBook,GothamMedium;
}

#popup_newsletter2 p {
    font-family: GothamBook,GothamMedium;
}
p.popup_newsletter_cookies >a:hover{
    color: blue;
}

/*Pop up message*/
/* Outer */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
    font-family: DinGreekRegular,   Sans-Serif;
    text-align: center;
    z-index: 1000;
}

/* Modal Content */
.modal-content {
    background-color: #fefefe;
    margin: auto;
    /*padding: 20px;*/
    border: 1px solid #888;

}

/* The Close Button */
.close {
    color: #888;
    float: right;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}

/* The Close Button */
.close {
    color: #888;
    float: right;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}

.modal-header {
    background-color: #ffffff;
    color: black;
}
.modal-headers {
    background-color: #ffffff;
    color: black;
}

.modal-footer {
    background-color: #ffffff;
    color: black;
}

/*End pop up message*/

div.header {
    overflow: hidden;
    background: none;
    margin: 0px auto 0px auto;
    font-family: Arial, Helvetica, Tahoma, Verdana, Times New Roman, Geneva, Sans-Serif;
    font-size: 0.8rem;
    color: #0a0a0a;
    background: #ffffff;
}

div.header img.logo {
}

div.headerbox01 {
    overflow: hidden;
    float: left;
    font-family: Arial, Helvetica, Tahoma, Verdana, Times New Roman, Geneva, Sans-Serif;
    color: #595953;
    font-weight: normal;
}

div.headerbox02 {
    overflow: hidden;
    float: right;
    font-family: Arial, Helvetica, Tahoma, Verdana, Times New Roman, Geneva, Sans-Serif;
    color: #595953;
    font-weight: normal;
}

div p {
    position: relative;
    font-weight: 300;
    font-size: inherit;
    color: inherit;
    left: 0em;
    vertical-align: center;
}


div.generic_content {
    overflow: hidden;
    background: none;
    margin: 5px 0px 0px 0px;
    font-family: Arial, Helvetica, Tahoma, Verdana, Times New Roman, Geneva, Sans-Serif;
    font-size: 1em;
    line-height: 1rem;
    color: #323232;
}

div.content-application {
    overflow: hidden;
    background: none;
    font-family: Open Sans;
    font-weight: 300;
    font-size: 1em;
    color: #000000;
    text-align: left;
}

div.content-application02 {
    overflow: hidden;
    background: none;
    font-family: Inria;
    font-weight: 300;
    font-size: 1em;
    color: #000000;
    text-align: left;
}

div.innercontent-application {
    overflow: hidden;
}

div.innercontent01-application {
    overflow: hidden;
    text-align: center;
}
div.innercontentcard {
}

div.innercontentscrollx01 {
    overflow-x: hidden;
    overflow-y: hidden;
}

div.coveragescard{
    overflow-x: scroll;
    overflow-y: hidden;
    white-space: nowrap;
    float: left;
    background: #fff;
    height: auto;
}

div.innercoveragescard{
    float: left;
}
div.innercoveragescard01{
    display: inline-block;
}
div.coveragetitle{
    display: inline-block;
}

div.innercoveragetitles{
    display: block;
    color: black;
    white-space: normal;
}

div.qtypetitles{
    word-break: break-word;
    display: inline-block;
    background: white;
}

div.plancoverage{
    overflow:hidden;
    display: inline-flex;
    flex-wrap: wrap;
}

div.innerplancoverage{
    float: left;

}

div.innercontent02-application {
    overflow: hidden;
}

div.innercontent03 {
    overflow: hidden;
    display: flex;
    justify-items: center;
    margin-left: auto;
    margin-right: auto;
}

div.innercontent04 {
    overflow: hidden;
    display: flex;
    justify-items: center;
    margin-left: auto;
    margin-right: auto;
}

div.innerparagraph {
    overflow: hidden;
    font-family: GothamBook,GothamMedium;
}

div.content-aplication .text01 {
    margin: 0em;
    padding: 0em;
    font-size: 1.5em;
}

div.content-aplication .text02 {
    overflow: hidden;
    font-family: Open Sans;
    margin: 0em;
    padding: 0em;
    font-size: 1.1em;
    line-height: 1.3em;
    text-align: justify;
    color: #4e4e4b;
}

p.content-aplication {
    text-align: justify;
}

div.homelogo {
    float: left;
    overflow: hidden;
}

/*Social Icon*/

div.socialbox{
    margin: 0px auto;
    display: table;
}
div.mini{
    display: table;
}
div.social{

    margin: 0px auto;
}
div.social-icon {
    overflow: hidden;

}

div.follow{
    overflow: hidden;
    display: table;
    font-family:Helvetica;
    color: #999999;
}


/*Li Facebook*/
li.facebook{
    color: #969696;
    cursor: pointer;
    float: left;
    list-style-type: none;
}

/*Li twitter*/
li.twitter{
    color: #969696;
    cursor: pointer;
    float: left;
    list-style-type: none;
}

/*Li instagram*/
li.instagram{
    color: #969696;
    cursor: pointer;
    float: left;
    list-style-type: none;

}

/*Li linkedid*/
li.linkedid{
    color: #969696;
    cursor: pointer;
    float: left;
    list-style-type: none;
}

/*Li Skype*/
li.skype{
    color: #969696;
    cursor: pointer;
    float: left;
    list-style-type: none;
}
/*End Social Icon*/

/*Footer up*/
.footer-up{
    overflow: hidden;
    /*            background-color: #ebebeb;*/
}

.inline-div{
    display:inline-block;
    text-align: left;
    float:left;
    color: #666666;
}

.inline-div2 {
    display:inline-block;
    text-align: left;
    float:left;
    color: #666666;
}

.newsletter{
    display:inline-block;
    text-align: left;
    float:right;
    color: #666666;
}
.list{
    list-style: none;
    text-align: left;

}
.list >li >a{
    text-decoration: none;
    color: #999999;
}
button.newsletter_submit {
    font-family: Helvetica;
    color: #666666;
    background: #999999;
    cursor: pointer;

}
/*newsletter_input*/
div.newsletter_input{
    float: left;
    overflow: hidden;
    font-family: Helvetica;
}
/*End newsletter_input*/

input.newsletter_textInput {
    border-bottom: 1px solid #666666;
    border: 0px solid #f3eaea;
    box-shadow: 0 0px 0px 0px #f3ebeb inset;
    border-bottom: 1px solid #666666;
    font-family: helvetica;
}


/*End Footer up*/

/*Footer Down*/

div.footer_down{
    overflow: hidden;
    position: relative;

}
/*Footer Box*/
div.footerbox{
    position: relative;
    overflow: hidden;
}
/*End Footer Box*/

/*NewsLetterBox*/
div.newsletterbox{
    float: right;
    overflow: hidden;
}
/*End News Letyterbox*/

/*Footerimagebox*/
div.footerimagebox{
    overflow: hidden;
    float: left;
}
/*End footerimagebox*/

/*newsletter_input*/
div.newsletter_input{
    float: left;
    overflow: hidden;
}
/*End newsletter_input*/

/*End Footer Down*/

div.footer_leftColumn {
    float: left;
}

div.footer_rightColumn {
}

div.newsletter_title {
}





input.newsletter_submit {
    cursor: pointer;
}

a.footer_menu {
    font-family: helvetica;
    text-decoration: none;
}

a.footer_menu:hover {
    text-decoration: none;
}

ul#footer_nav li {
    display: inline;
}

ul.footer_navStyle {
    list-style-type: none;
    padding: 0px;
}

.footer_seperator {
    font-family: helvetica;
}

div.footer_rightColumn {
    float: right;
}

div.newsletter_title {
    color: white;
    font-family: helvetica;
    font-weight: bold;
}

input.newsletter_textInput {

}

input.newsletter_submit {
    font-family: helvetica;
    color: white;
    background: #e20025;
}

div.followus {
    font-family: helvetica;
    color: white;
}

div.bottom_leftImage {
    position: relative;
}

div.bottom_leftText {
    font-family: helvetica;
    color: #a5a4a4;
    display: table;
    text-align: center;
    float:right;
}

div.bottom_rightImage {
    position: relative;

}

a.webmasters {
    color: #a5a4a4;
    text-decoration: none;
}

a.webmasters:hover {
    text-decoration: underline;
}




/* End Footer. */




/* Begin News */

div.textnewstitle{
    position: relative;
    float: left;
    overflow: hidden;
    font-family: DinGreekRegular, Helvetica, Tahoma, Verdana, Geneva, Arial,  Sans-Serif;
}

div.textsubtitle{
    position: relative;
    float: left;
    overflow: hidden;
    font-family: DinGreekRegular, Helvetica, Tahoma, Verdana, Geneva, Arial,  Sans-Serif;
}

div.textcontetnews{
    position: relative;
    float: left;
    overflow: hidden;
    font-family: GothamBook,GothamMedium;
}

div.category_dropdownHeaders {
    float: right;
    color: #818282;
    font-weight: bold;
    position: relative;
    z-index: 1000;
}


form.category_pagination {
    float: left;
    color: black;
    font-weight: bold;

}
div.newstitle {
    overflow: hidden;
    font-family: GothamBook,GothamMedium;
}

div.newstext {
    overflow: hidden;
    font-family: GothamBook,GothamMedium;
}

/* End News*/

div.footerseparator {
    overflow: hidden;
    float: left;
    width: 1px;
    background: #000000;
}

div.footer2 {
    overflow: hidden;
    margin: 0rem auto 0rem auto;
    border-style: none;
    font-family: Arial, Helvetica, Tahoma, Verdana, Times New Roman, Geneva, Sans-Serif;
}

div.footer2 .title {
    overflow: hidden;
    width: 100%;
    color: #eda71f;
    font-size: 0.9rem;
    font-weight: bold;
    font-family: Arial, Helvetica, Tahoma, Verdana, Times New Roman, Geneva, Sans-Serif;
    border-style: none;
    padding-bottom: 0.4rem;
}

div.footerbox {
    float: left;
    overflow: hidden;
}

div.footerbox01 {
    float: left;
    overflow: hidden;
}

div.footer3 {
    overflow: hidden;
    background: #717375;
    margin: 0rem auto 0rem auto;
    font-family: Arial, Helvetica, Tahoma, Verdana, Times New Roman, Geneva, Sans-Serif;
    padding: 0rem 0rem 1rem 0rem;
    border-style: none;
    color: #1e1e1e;
}

div.footer3 img {
    border-style: none;
}

div.account div.leftpane {
    overflow: hidden;
    float: left;
    /*background: #f7f7f8;*/
    color: #858684;
    text-align: left;
}

div.account div.rightpane {
    overflow: hidden;
    float: right;
    /*background: #f7f7f8;*/
    color: #858684;
    text-align: left;
}

div.account div.label01 {

}

div.accountbutton{
    background: #2d73d6;
}

div.accountbutton:hover{
    background: #1f4c8c;
}

div.leftpane01 {
    overflow: hidden;
    min-height: 10em;
}

div.leftpane02 {
    overflow: hidden;
    float: left;
    display: block;
}

div.midpane02 {
    float: left;
    overflow: hidden;
}

#current_image_wrap {
    overflow: hidden;
    margin: 0em auto 0em auto;
}

div.rightpane02 {
    float: left;
    overflow: hidden;
    color: #555759;
}

div.rightpane03 {
    float: right;
    overflow: hidden;
    color: #555759;
}

/*Left Menu*/

div.searchbox{
    overflow: hidden;
    position: relative;
    float: left;
}


div.category_dropdownContainer {
    overflow: hidden;
    position: relative;
    float: left;

}

div.parentcategory{
    font-family: HelveticaBold;
}

div.pagenumber{
    font-family: Arial;
    font-size: 10px;
    font-weight: bold;
    color: #818282;
}

div.category_filter {
    float: left;
}

div.category_dropdownHeaders{
    font-family: Arial;
    font-size: 10px;
    font-weight: bold;
    color: #818282;
}


div.category_sortingContainer {
    float: left;

}

select.category_dropdown01 {
    color: #828383;
    border: 1px solid #828383;
    border-radius: 1px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

/*End Left Menu
        
/* Thumb lists/ scroll lists. */

/* Single item thumb images. */
#thumblist01 {
    overflow: hidden;
    margin: 0px auto 0px auto;
}

#thumblist01 img {
    border-style: none;
    cursor: pointer;
}

/* Home page new in thumb images. */
#thumblist02_wrap {
    position: relative;
    overflow: hidden;
}

#thumblist02banner {
    overflow: hidden;
    float: left;
}

#thumblist02banner img {
}

#thumblist02left {
    position: absolute;
    z-index: 500;
    overflow: hidden;
}

#thumblist02right {
    position: absolute;
    z-index: 500;
    overflow: hidden;
}

#thumblist02 {
    position: relative;
    overflow-x: scroll;
    overflow-y: hidden;
    float: right;
    white-space: nowrap;
}

#thumblist02 div {
    overflow: hidden;
    white-space: nowrap;
    display: inline-block;
}

#thumblist02 img {
    border-style: none;
    cursor: pointer;
}

/* End Home page new in thumb images. */

/* Get the look page thumb images. */
#thumblist03_wrap {
    position: relative;
    overflow: hidden;
}

#thumblist03left {
    position: absolute;
    z-index: 500;
    overflow: hidden;
}

#thumblist03right {
    position: absolute;
    z-index: 500;
    overflow: hidden;
}

#thumblist03 {
    position: relative;
    overflow-x: scroll;
    overflow-y: hidden;
    white-space: nowrap;
    float: right;
}

#thumblist03 div {
    overflow: hidden;
    display: inline-block;
}

#thumblist03 img {
    border-style: none;
    cursor: pointer;
}

/* End Get the look page thumb images. */

/* Thumb lists/ scroll lists. */

/* Product category thumbnails. */
/*
div.thumbnail01 {
        position: relative;
        overflow: hidden;
        float: right; 
        font-family: Arial, Helvetica, Tahoma, Verdana, Times New Roman, Geneva, Sans-Serif; 
        color: #2f2d2d;
        font-weight: normal;
}

div.thumbnail01right {
        position: relative;
        overflow: hidden;
        float: right; 
        font-family: Arial, Helvetica, Tahoma, Verdana, Times New Roman, Geneva, Sans-Serif; 
        color: #2f2d2d;
        font-weight: normal;
}

div.thumbnail01sticker {
        position: absolute; 
        top: 0px; 
        left: 0px; 
        font-weight: bold; 
        font-size: 1.1em;
        padding: 0.2em;
        color: #ffffff;
        background: #000000;
}

div.thumbnail01iteminfo{
    font-family: GothamBook;
    color: black;
}

div.thumbnailtitle{
    font-family: GothamMedium;
    color: black;
}

div.guide{
    font-family: LucidaBeckerBrightDemiRegular;
    font-weight: bold;
}

div.guide h1 {
    float:right;
}


div.containerleft{
    overflow: hidden; 
    position: relative; 
    background: #b9b9ff; 
    float: right;
}

div.containerleft >p{
    font-family: Helvetica;
}

div.containeright01{
    overflow: hidden; 
    position: relative; 
    float: right;
}
div.containeright02{
    overflow: hidden; 
    position: relative; 
    float: right;
}

div.details_wishlistContainer {
        float: right; 
        font-weight: bold;
        color: #292a2b;
        cursor: pointer;
        display: table;
}

div.details_wishlistText {
        font-weight: bold;
        font-family: helvetica;
        float:left;
}

img.addwishimg{
    float: left;
}

div.details_orderContainer {
        float: right; 
        font-weight: bold;
        color: #292a2b;
        border-style: solid;
        border-color: #d0acb3;
        cursor: pointer;
        display: table;
}

div.details_orderText {
        font-weight: bold;
        font-family: helvetica;
        float:left;
}

img.orderimg{
    float: left;
}
*/

/* Box Producer and Grape */

div.details_alsoboughtContainer {
    position: relative;
    overflow: hidden;
    float: left;
}

div.details_alsoboughtTitle {
    float: left;
    text-align: center;
    font-size: 20px;
    font-family: LucidaBeckerBrightDemiRegular;
    color:#e3445e;
}

div.details_ProducerTitle {
    text-align: center;
    font-size: 20px;
    font-family: LucidaBeckerBrightDemi;
}

div.details_GrapeTitle {
    text-align: center;
    font-size: 20px;
    font-family: LucidaBeckerBrightDemi;
}


div.details_alsoboughtItemContainer {

}

div.details_alsoboughtImg {

}

div.category_breadcrumbTitle {
}

div.category_breadcrumbText {
}

div.category_breadcrumbBkg1 {

}

div.category_container2{
    text-align: center;
    float: right;
    position: absolute;

}

div.details_alsoboughtText {
    font-family: GothamBook;
    text-align: center;
}

div.producer_list{
    overflow: hidden;
    position: relative;

}

a.viewproduser div {
    text-decoration: none;
    background: #999797;
    overflow: hidden;
    text-align: center;
    vertical-align: middle;
    color: black;
    cursor: pointer;
    font-family: GothamMedium;
}

/* END Box Producer and Grape*/

/* End Product category thumbnails. */



/*Qyantity cart */

div.title_quantity{
    font-size: 0.8em;
}

div.img_quantity{
    float: left;
    overflow: hidden;
    text-align: center;
}
div.title_quantity{
    float: left;
    color: #666666;
}

input.cart_quantity {
    border: none;
    float: left;
    text-align: center;
    /*border-style: solid; 
    border-color: #d3d3d3; */
}

input.cart_increment {
    float: left;
    text-align: center;
    background: none;
    border-style: none;
    font-weight: bold;
    tabindex: -1;
    cursor: pointer;
    background-color: #999999;
    user-select: none;
}

input.cart_decrement {
    float: left;
    text-align: center;
    background: none;
    border-style: none;
    font-weight: bold;
    tabindex: -1;
    cursor: pointer;
    background-color: #999999;
    user-select: none;
}

input.cart_increment2 {
    float: left;
    text-align: center;
    background: none;
    border-style: none;
    font-weight: bold;
    tabindex: -1;
    cursor: pointer;
    background-color: #999999;
    user-select: none;
}

input.cart_decrement2 {
    float: left;
    text-align: center;
    background: none;
    border-style: none;
    font-weight: bold;
    tabindex: -1;
    cursor: pointer;
    background-color: #999999;
    user-select: none;
}
/*End Qyantity cart */



/* Interiors thumbnails. */
div.thumbnail02 {
    overflow: hidden;
    float: left;
}

div.thumbnail02img {
    overflow: hidden;
}

div.thumbnail02right {
    overflow: hidden;
    float: right;
}

div.thumbnail02rightimg {
    overflow: hidden;
}

/* End Look thumbnails. */

/* Product similar thumbnails. */
div.thumbnail03 {
    overflow: hidden;
    float: left;
    text-align: center;
    margin: 0rem 1.5em 1em 0em;
}

div.thumbnail03 img {
    overflow: hidden;
    float: left;
    margin: 0rem 1rem 0rem 0rem;
    text-align: center;
}

/* End Product similar thumbnails. */

/* Collections thumbnails. */
div.thumbnail04 {
    position: relative;
    float: left;
    overflow: hidden;
}

div.thumbnail04 img {
}

div.thumbnail04right {
    position: relative;
    float: right;
    overflow: hidden;
}

div.thumbnail04right img {
}

div.collection_wraplabel01 {
    overflow: hidden;
    position: absolute;
    z-index: 500;
    background: none;
}

div.collection_wraplabel01 div.collection_label {
    /*overflow: hidden;*/
    position: absolute;
    text-align: center;
    text-decoration: none;
    color: #ffffff;
}

div.collection_wraplabel01 div.collection_label span.bkg01 {
    background: url("../image/bkgTransparent02.png");
}

div.collection_wraplabel01 div.collection_label div.bkg01 {
    background: url("../image/bkgTransparent02.png");
}

div.collection_wraplabel01:hover div.collection_label {
    position: absolute;
    text-align: center;
    text-decoration: none;
    color: #ffffff;
    animation: bounces 1.5s;
}

/* End Collections thumbnails. */

/* Interiors look thumbnails. */
div.lookthumbnail02 {
    overflow: hidden;
    float: left;
}

div.lookthumbnail02img {
    overflow: hidden;
    float: left;
    margin: 0rem 1rem 0rem 0rem;
    text-align: center;
}

div.lookthumbnail02img img{
}

/* End Interiors look thumbnails. */

/* Interiors templates. */

/* Template 01. */
div.t01seq10 {
    overflow: hidden;
    float: left;
}

div.t01seq10 img {

}

div.t01seq11 {
    overflow: hidden;
    float: right;
}

div.t01seq11 div.text02 {
    position: absolute;
    top: 0px;
    padding: 0rem;
    margin: 0rem;
    font-family: Arial;
}

div.t01seq11 div.text02 div.text02 {
    position: relative;
    font-weight: bold;
    font-style: italic;
}

div.t01seq11 img {

}

/* End Template 02. */

/* Template 02. */
div.t02seq10 {
    overflow: hidden;
    float: left;
}

div.t02seq10 div.text02 {
    position: absolute;
    overflow: hidden;
    top: 0px;
    padding: 0rem;
    margin: 0rem;
    font-family: Arial;
}

div.t02seq10 div.text02 div.text02 {
    position: relative;
    font-weight: bold;
    font-style: italic;
}

div.t02seq10 img {

}

div.t02seq11 {
    overflow: hidden;
    float: right;
}

div.t02seq11 img {

}

div.t02other {
    overflow: hidden;
    float: left;
}

div.t02other img {
    float: left;
}

div.t02othertext {
    overflow: hidden;
    float: left;
}

div.t02othertext img {
    float: left;
}

div.t02othertext div.text02 {
    float: left;
}

/* End Template 02. */

/* Template 03. */
div.t03seq10 {
    overflow: hidden;
    float: left;
}

div.t03seq10 img {

}

div.t03seq11 {
    overflow: hidden;
    float: right;
}

div.t03seq11 div.text02 {
    position: absolute;
    top: 0px;
    padding: 0rem;
    margin: 0rem;
}

div.t03seq11 div.text02 div.text02 {
    position: relative;
    font-weight: bold;
    font-style: italic;
}

div.t03seq11 img {

}

div.t03other {
    overflow: hidden;
    float: left;
}

div.t03other img {

}

/* End Template 03. */

/* End Interiors templates. */

#prevslide {
    position: absolute;
    z-index: 500;
    cursor: pointer;
}

#nextslide {
    position: absolute;
    z-index: 500;
    cursor: pointer;
}

#slidenav{
    position: absolute;
}

#slidenav a {
    border-style: solid;
    border-color: #ffffff;
    background: none;
    text-decoration: none;
}

#slidenav a.activeSlide {
    background-color: #ffffff;
}

div.homeslidetitle{
    font-family: DinGreekRegular, Helvetica, Tahoma, Verdana, Geneva, Arial, Sans-Serif;
    overflow: hidden;
    float: left;
    position: relative;
    text-shadow:1px 1px #888;
}

button.homethumbhoverbtn{
    background: #808080;
    color: white;
    border: none;
}

button.homethumbhoverbtn:hover{
    background: #696969;
    color: white;
    border: none;
}

div.displayrecord01 {
    overflow: hidden;
}

div.displaygroup01 {
    overflow: hidden;
    float: left;
    text-align: left;
    font-family: Open Sans;
    font-weight: 300;
}

div.displaygroup01first {
    overflow: hidden;
    float: left;
    text-align: left;
    font-family: Open Sans;
    font-weight: 300;
}

div.displaygroup01left {
    overflow: hidden;
    float: left;
}

div.displaygroup01right {
    overflow: hidden;
    float:
        right;
}

div.displaygroup04 {
    overflow: hidden;
    float: left;
}

div.displaygroup05 {
    overflow: hidden;
    float: left;
}

div.displaygroup06 {
    overflow: hidden;
}

div.homebox01 {
    position: relative;
    float: left;
    overflow: hidden;
}

div.homebox01 img {
}

div.homebox02 {
    position: relative;
    float: left;
    overflow: hidden;
}

div.homebox02 img {
}

div.homebox03 {
    position: relative;
    float: right;
    overflow: hidden;
}

div.homebox03 img {
}

div.homebox04 {
    position: relative;
    float: left;
    overflow: hidden;
}

div.homebox04 img {
}

div.homebox05 {
    position: relative;
    float: right;
    overflow: hidden;
}

div.homebox05 img {
}

div.homebox06 {
    position: relative;
    float: left;
    overflow: hidden;
    text-align: center;
    color: #000000;
}

div.homebox06 img {
}

div.homebox07 {
    position: relative;
    float: left;
    overflow: hidden;
    text-align: center;
    color: #000000;
}

div.homebox07 img {
}

div.homebox08 {
    position: relative;
    float: right;
    overflow: hidden;
    text-align: center;
    color: #000000;
}

div.homebox08 img {
}

div.homebox09 {
    position: relative;
    float: left;
    overflow: hidden;
}

div.homebox09 img {
}

div.homebox10 {
    position: relative;
    float: right;
    overflow: hidden;
}

div.homebox10 img {
}

div.homebox11 {
    position: relative;
    float: left;
    overflow: hidden;
}

div.homebox11 img {
}

div.homebox12 {
    position: relative;
    float: right;
    overflow: hidden;
}

div.homebox12 img {
}

div.homebox13 {
    position: relative;
    float: left;
    overflow: hidden;
}

div.homebox13 img {
}

div.homebox14 {
    position: relative;
    float: left;
    overflow: hidden;
}

div.homebox14 img {
}

div.homebox15 {
    position: relative;
    float: right;
    overflow: hidden;
}

div.homebox15 img {
}

div.homebox16 {
    position: relative;
    float: left;
    overflow: hidden;
}

div.homebox16 img {
}

div.homebox17 {
    position: relative;
    float: right;
    overflow: hidden;
}

div.homebox17 img {
}

div.margins{
    position: static;
    overflow: hidden;
    margin: 0px auto 0px auto;
    background: rgba(255,255,255,0.9);
}

div.margins_vericalspace {
    overflow: hidden;
}

div.topmargin {
    float: none;
    width: 100%;
}

div.homebox18 {
    position: relative;
    float: left;
    overflow: hidden;
    border-style: solid;
    border-color: #ffffff;
}

div.homebox18:hover {
    border-color: #eda71f;
}

div.homebox18 img {
}

div.homebox19 {
    position: relative;
    float: left;
    overflow: hidden;
    border-style: solid;
    border-color: #ffffff;
}

div.homebox19:hover {
    border-color: #eda71f;
}

div.homebox19 img {
}

div.homebox20 {
    position: relative;
    float: left;
    overflow: hidden;
    border-style: solid;
    border-color: #ffffff;
}

div.homebox20:hover {
    border-color: #eda71f;
}

div.homebox20 img {
}

div.homebox21 {
    position: relative;
    float: right;
    overflow: hidden;
    border-style: solid;
    border-color: #ffffff;
}

div.homebox21:hover {
    border-color: #eda71f;
}

div.homebox21 img {
}

#newline_home01 {
    display: block;
}

div.homebox_wraplabel01 {
    position: absolute;
    z-index: 500;
    background: none;
}

div.homebox_wraplabel02 {
    position: absolute;
    z-index: 500;
    background: none;
}

div.homebox_wraplabel03 {
    position: absolute;
    z-index: 500;
    background: none;
}
div.homebox_label {
    text-align: center;
    font-family: LucidaBeckerBrightDemiRegular;
}

div.homebox_wraplabel01 div.homebox_label {
    position: absolute;
    text-align: center;
    text-decoration: none;
    color: black;
}

div.homebox_wraplabel01 div.homebox_label span.bkg01 {
    background-color: white;
    opacity: 0.5;
    /*background: url("../image/bkgTransparent02.png");*/
}

div.homebox_wraplabel01:hover div.homebox_label {
    position: absolute;
    text-align: center;
    text-decoration: none;
    opacity: 0.7;
    /*animation: bounces 1.5s;*/
}

div.homebox_roundimage {
    overflow: hidden;
    border-style: solid;
    border-color: #ffffff;
}


div.homebox_roundimage:hover {
    border-color: #eda71f;
}

div.homebox_wraplabel02 div.homebox_label {
    position: absolute;
    text-align: center;
    text-decoration: none;
    color: #ffffff;
}

div.homebox_wraplabel02:hover div.homebox_label {
    position: absolute;
    text-align: center;
    text-decoration: none;
    color: #eda71f;
}

div.homebox_wraplabel02 div.homebox_labelbutton {
    font-family: arial;
    border: 1px solid #bdbdbd;
}

div.homebox_wraplabel02 div.homebox_labelbutton div {
    font-family: arial;
    border: 1px solid #7c7c7c;
    text-align: center;
    color: #f8f8f8;
}

div.homebox_wraplabel02 div.homebox_labelbutton:hover div {
    font-family: arial;
    border: 1px solid #7c7c7c;
    text-align: center;
    background: #f8f8f8;
    color: #000000;
}

div.homebox_wraplabel02 img {
}

div.homebox_wraplabel03 div.homebox_label {
    position: absolute;
    text-align: center;
    text-decoration: none;
    color: #ffffff;
}

div.homebox_wraplabel03 div.marker {
    position: absolute;
    text-align: center;
    text-decoration: none;
    z-index: 500;
}

div.homebox_wraplabel03:hover {
    background: url("../image/bkgOpague01.png");
}

div.homebox_wraplabel03:hover div.homebox_label {
    position: absolute;
    text-align: center;
    text-decoration: none;
    color: #ffffff;
}

div.homebox_wraplabel03:hover div.marker {
}

@keyframes bounces {
    0% {
    }

    30% {
    }

    50% {
    }

    80% {
    }

    100% {
    }

}
@-webkit-keyframes bounce {
    0% {
    }

    30% {
    }

    50% {
    }

    80% {
    }

    100% {
    }

}

div.social_wrap {
    float: left;
    overflow: hidden;
    color: #2d2f2f;
    font-weight: bold;
}

div.newsletter_wrap {
    float: right;
    overflow: hidden;
}

div.newsletter_wrap input.field1 {
    color: #706e6e;
    background: none;
    border-style: solid;
    border-color: #e5e5e5;
}

#popup_newsletter input.field1 {
    color: #706e6e;
    background: none;
    border-style: solid;
    border-color: #e5e5e5;
}

div.popup_newsletter_inner {

}
div.enabledbutton{
    background: #e19da9;
    border-color:  #e19da9;
    border-style: solid;
    border-width: 1px;
    color: #3f3f41;
    opacity: 1;
}

button.popup_newsletter_inner_button{
    background: #e19da9;
    border-color:  #e19da9;
    border-style: solid;
    border-width: 1px;
    color: #3f3f41;
    /*pointer-events: none;*/

    /* for "disabled" effect */
    /*opacity: 0.5;*/

}
button:disabled,
button[disabled]{
    opacity: 0.5;
    color: #3f3f41;
    pointer-events: none;
}

/* Shop page. */
div.shopaddress {
    overflow: hidden;
    float: left;
}

div.shopimage {
    overflow: hidden;
    float: left;
}

div.shopmap {
    overflow: hidden;
    float: right;
}



.topnav {
    overflow: hidden;
}
.topnav a {
    text-align: center;
    color:black;
}
.topnav a:hover {
    color: black;
}

.topnav a.active {
    background-color: #4CAF50;
    color: white;
}

.tablinks{
    overflow: hidden;
    position: relative;
    background-color: inherit;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    text-align: center;
    color: white;
    font-weight: bold;
    font-family: DinGreekBold, Helvetica, Tahoma, Verdana, Geneva, Arial,  Sans-Serif;

}

.tablinkslast{
    overflow: hidden;
    position: relative;
    background-color: inherit;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    text-align: center;
    color: white;
    font-weight: bold;
    font-family: DinGreekBold, Helvetica, Tahoma, Verdana, Geneva, Arial,  Sans-Serif;
}

/* End Shop page. */

div.developer {
    float: left;
    margin: 0em 0em 0em 1em;
    font-family: Helvetica, Tahoma, Verdana, Arial, Times New Roman, Geneva, Sans-Serif;
    color: #1e1e1e;
}

div.developer a {
    text-decoration: none;
    color: #bfc1c3;
}

div.developer a:hover {
    color: #00849f;
}

div.social02 {
    overflow: hidden;
    border-style: solid;
    border-width: 0px 0px 2px 0px;
    border-color: #d2d2d2;
}

.pagetitle {
    font-family: Open Sans;
    font-weight: 400;
    text-align: center;
    color: #2a456a;
}

.pagetitle01 {
    font-family: Open Sans;
    font-weight: 800;
    text-align: center;
    color: #000000;
    font-weight: normal;
}

div.pagesubtitle {
    font-family: GothamBook,GothamMedium;
    text-align: center;
    color: #555759;
    font-weight: normal;
}

div.pagesubtitle div {
    overflow: hidden;
    background: #f2c162;
}

/* Link styles. */
a {
    text-decoration: none;
    color: #0a0a0a;
    outline: none;
}

a:hover {
    text-decoration: underline;
}

/* Page numbers. */
a.page {
    font-family: Arial;
    font-size: 0.7rem;
    text-decoration: none;
    padding: 0rem 0.3rem 0.2rem 0.3rem;
    color: black;
    outline: none;
    margin-left: 0.1rem;
}

a.page:hover {
    /*		color: #ffffff;
                    background: #979797;*/
}

a.pagecurrent {
    font-family: Arial;
    font-size: .7rem;
    text-decoration: none;
    padding: 0rem 0.3rem 0.2rem 0.3rem;
    color: #711f31;
    /*background: #979797;*/
    outline: none;
    margin-left: 0em;
}

a.pagecurrent:hover {
    text-decoration: none;
}

/* End Page numbers. */

/* Links. */

/* General link. */
a.link01 {
    font-size: 0.8rem;
    font-family: Arial, Helvetica, Tahoma, Verdana, Times New Roman, Geneva, Sans-Serif;
    color: #555759;
    text-decoration: none;
}

a.link01:hover {
    color: #e3445f;
    text-decoration: none;
}

a.link01_current {
    font-size: 0.8rem;
    color: #000000;
    text-decoration: none;
}

#nav a.current div.sub1 > a{

}


/* Breadcrump link. */
a.link02 {
    font-size: 0.8rem;
    font-family: CantarellRegular, Helvetica, Tahoma, Verdana, Arial, Times New Roman, Geneva, Sans-Serif;
    color: #999999;
    text-decoration: none;
}

a.link02:hover {
    color: #676767;
    text-decoration: none;
}

a.link02_current {
    font-size: 0.9rem;
    color: #676767;
    text-decoration: none;
}

a.link03 {
    font-size: 1.4em;
    font-family: CantarellRegular, Helvetica, Tahoma, Verdana, Arial, Times New Roman, Geneva, Sans-Serif;
    color: white;
    text-decoration: none;
}

a.link03:hover {
    color: white;
}

a.link03_current {
    font-size: 1.4em;
    font-weight: bold;
    text-decoration: none;
}

a.link04 {
    font-size: 1.0em;
    font-family: Arial, Helvetica, Tahoma, Verdana, Times New Roman, Geneva, Sans-Serif;
    color: white;
    font-weight: bold;
}

a.link04:hover {
    text-decoration: underline;
    color: black;
}

a.link04_current {
    font-size: 1.0em;
    font-weight: bold;
    text-decoration: underline;
}

a.link05 {
    font-size: 1.0em;
    font-family: CantarellRegular, Arial, Helvetica, Tahoma, Verdana, Times New Roman, Geneva, Sans-Serif;
    color: #7f7f7f;
    font-weight: normal;
    text-decoration: none;
}

a.link05:hover {
    text-decoration: underline;
}

a.link05_current {
    font-size: 1.0em;
    font-weight: normal;
    text-decoration: none;
}

/* End Links. */

a.button01 {
    text-decoration: none;
}

a.button01:hover {
    text-decoration: none;
}

a.button01 div{
    text-decoration: none;
    background: #bd8d96;
    overflow: hidden;
    text-align: center;
    border-style: solid;
    border-color: #ccb26d;
    border-width: 1px;
    color: #712031;
    cursor: pointer;
}

a.button01 span {
    text-align: center;
    margin: 0em;
    padding: 0em;
    font-weight: bold;
}

a.button01 div:hover {
    border-color: #ffffff;
}

a.button02 {
    text-decoration: none;
}

a.button02:hover {
    text-decoration: none;
}

a.button02 div {
    text-decoration: none;
    background: #2d73d6;
    border-color:  #2d73d6;
    overflow: hidden;
    text-align: center;
    border-style: solid;
    border-width: 1px;
    color: white;
    cursor: pointer;
}

a.button02 span {
    text-align: center;
    margin: 0em;
    padding: 0em;
    font-weight: bold;
}



a.button02 div:hover {
    border-color: #ffffff;
    border-style: solid;
    border-width: 1px;
    background: #2d73d6;
    color: #3f3f41;
    /*	text-decoration: none;
            background: linear-gradient(#ffffff, #9b9b9b);
            background: -webkit-linear-gradient(#ffffff, #9b9b9b);  For Safari 5.1 to 6.0 
            background: -o-linear-gradient(#ffffff, #9b9b9b);  For Opera 11.1 to 12.0 
            background: -moz-linear-gradient(#ffffff, #9b9b9b);  For Firefox 3.6 to 15 */
}

a.button02disabled {
    text-decoration: none;
}

a.button02disabled div {
    overflow: hidden;
    tex-align: center;
    border-style: solid;
    border-color: #8f8e90;
    border-width: 1px;
    border-radius: 1em;
    font-size: 1em;
    color: #ffffff;
    padding: 0.2em 2em 0.3em 2em;
    background: linear-gradient(#c7c7c7,#ffffff);
    background: -webkit-linear-gradient(#c7c7c7,#ffffff); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#c7c7c7,#ffffff); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#c7c7c7,#ffffff); /* For Firefox 3.6 to 15 */
}

a.button02disabled:hover {
    text-decoration: none;
}

a.button03-application {
    text-decoration: none;
}

a.button03-application:hover {
    text-decoration: none;
}

a.button03-application div {
    float: left;
    font-family: Open Sans;
    font-weight: 800;
    color: #ffffff;
    background-color: #5eacee;
    border: 1px solid #5eacee;
    font-weight: bold;
    text-align: center;
    cursor: pointer;
}

a.button03-application span {
    text-align: center;
}

a.button03-application div:hover {
    color: #5eacee;
    background-color: #fff;
    font-weight: bold;
    text-align: center;
}

a.button04-application {
    text-decoration: none;
}

a.button04-application:hover {
    text-decoration: none;
}

a.button04-application div {
    font-family: Open Sans;
    font-weight: 800;
    color: #ffffff;
    background-color: #5eacee;
    border: 1px solid #5eacee;
    font-weight: bold;
    text-align: center;
    cursor: pointer;
    text-shadow: 0px 0px #ffffff;
}

a.button04-application span {
    text-align: center;
}

a.button04-application div:hover {
    color: #5eacee;
    background-color: #fff;
    font-weight: bold;
    text-align: center;
}

a.button05 {
    text-decoration: none;
}

a.button05:hover {
    text-decoration: none;
}

a.button05 div {
    float: left;
    font-family: Open Sans;
    font-weight: 800;
    color: #ffffff;
    background-color: none;
    border: 1px solid #ffffff;
    font-weight: bold;
    text-align: center;
    cursor: pointer;
}

a.button05 span {
    text-align: center;
}

a.button05 div:hover {
    color: #5eacee;
    background-color: #fff;
    font-weight: bold;
    text-align: center;
    border: 1px solid #ffffff;
}

a.button06 {
    text-decoration: none;
}

a.button06:hover {
    text-decoration: none;
}

a.button06 div{
    text-decoration: none;
    background: #ccb26d;
    overflow: hidden;
    text-align: center;
    border-style: solid;
    border-color: #ccb26d;
    border-width: 1px;
    color: #ffffff;
}

a.button06 span {
    text-align: center;
    margin: 0em;
    padding: 0em;
    font-weight: normal;
}

a.button06 div:hover {
    border-color: #ffffff;
}



a.button07 {
    text-decoration: none;
}

a.button07:hover {
    text-decoration: none;
}

a.button07 div {
    text-decoration: none;
    background: #97022d;
    border-color:  #97022d;
    overflow: hidden;
    text-align: center;
    border-style: solid;
    border-width: 1px;
    color: white;
    cursor: pointer;
}

a.button07 span {
    text-align: center;
    margin: 0em;
    padding: 0em;
    font-weight: bold;
}



a.button07 div:hover {
    border-color: #edc4cd;
    border-style: solid;
    border-width: 1px;
    background: #e19da9;
    color: #3f3f41;
    /*	text-decoration: none;
            background: linear-gradient(#ffffff, #9b9b9b);
            background: -webkit-linear-gradient(#ffffff, #9b9b9b);  For Safari 5.1 to 6.0 
            background: -o-linear-gradient(#ffffff, #9b9b9b);  For Opera 11.1 to 12.0 
            background: -moz-linear-gradient(#ffffff, #9b9b9b);  For Firefox 3.6 to 15 */
}

a.button07disabled {
    text-decoration: none;
}

a.button07disabled div {
    overflow: hidden;
    tex-align: center;
    border-style: solid;
    border-color: #8f8e90;
    border-width: 1px;
    border-radius: 1em;
    font-size: 1em;
    color: #ffffff;
    padding: 0.2em 2em 0.3em 2em;
    background: linear-gradient(#c7c7c7,#ffffff);
    background: -webkit-linear-gradient(#c7c7c7,#ffffff); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#c7c7c7,#ffffff); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#c7c7c7,#ffffff); /* For Firefox 3.6 to 15 */
}

a.button07disabled:hover {
    text-decoration: none;
}

a.button_send {
    text-decoration: none;
}

a.button_send:hover {
    text-decoration: none;
}

a.button_send div {
    float: left;
    font-family: Open Sans;
    font-weight: 800;
    color: #ffffff;
    background-color: #5eacee;
    border: 1px solid #5eacee;
    font-weight: bold;
    text-align: center;
    cursor: pointer;
    text-shadow: 0px 0px #ffffff;
}

a.button_send span {
    text-align: center;
}

a.button_send div:hover {
    color: #5eacee;
    background-color: #fff;
    font-weight: bold;
    text-align: center;
}

a.button_buy {
    text-decoration: none;
}

a.button_buy:hover {
    text-decoration: none;
}

a.button_buy div {
    float: left;
    font-family: Open Sans;
    cursor: pointer;
    text-shadow: 0px 0px #ffffff;
}

a.button_buy span {
    text-align: center;
}

a.button_buy div:hover {
}

/* End Link styles. */

/* Check boxes. */
div.checkbox01 {
    float: left;
    border-style: solid;
    border-width: 1px;
    border-color: #c1c1c3;
}

div.checkbox01_current {
    float: left;
    border-style: solid;
    border-width: 1px;
    border-color: #c1c1c3;
    background: #2e2d2d;
}

/* End Check boxes. */

div.wrap_signin {
    overflow: hidden;
    position: relative;
}

div.register_signin{
    float:right;
}

div.register_signin div {
    float: right;
    overflow: hidden;
}

div.bags{
    float: right;
    color: #595953;
    font-family: Arial, Helvetica, Tahoma, Verdana;
}

div.wrap_search{
    overflow: hidden;
    border: none;
}

div.topbar_euro{
    float: right;
}

div.wrap_freetextsearch {
    overflow: hidden;
    position: relative;
    border: none;
}

div.wishlist-icon{
    background:#eda71f;
    color:white;
    overflow: hidden;
    position: absolute;
    float: right;
}

input.search {
    border-style: none;
    /*padding: 0em 0.5em 0em 0.5em;*/
    font-family: Arial, Helvetica, Tahoma, Verdana, Times New Roman, Geneva, Sans-Serif;
    font-size: 1em;
}

div.label01 {
    font-family: Arial, Helvetica, Tahoma, Verdana, Times New Roman, Geneva, Sans-Serif;
    font-size: 1.2rem;
    width: 10rem;
    color: #696966;
    border-style: none;
}

.field01 {
    color: #706e6e;
    background: none;
    border-style: solid;
    border-color: #e5e5e5;
}

.textarea01 {
    font-family: Arial, Helvetica, Tahoma, Verdana, Times New Roman, Geneva, Sans-Serif;
    color: #706e6e;
    resize: none;
    border-style: solid;
    border-color: #e5e5e5;
    background: none;
}

.dropdown01 {
    font-family: Arial, Helvetica, Tahoma, Verdana, Times New Roman, Geneva, Sans-Serif;
    font-size: 1.3em;
    border-style: solid;
    border-width: 1px;
    border-color: #777373;
    color: #6e6f6c;
    background: #ffffff;
}

div.wrap_dropdown02 {
    overflow: hidden;
    color: #706e6e;
    background: none;
    border-style: solid;
    border-color: #e5e5e5;
    background: url(../image/arrowDown03.png);
    background-repeat: no-repeat;
}

div.wrap_dropdown02 select {
    font-family: Arial, Helvetica, Tahoma, Verdana, Times New Roman, Geneva, Sans-Serif;
    font-size: 1.3em;
    border-style: none;
    color: #706e6e;
    background: none;
}

div.label02 {
    font-family: Arial, Helvetica, Tahoma, Verdana, Arial, Times New Roman, Geneva, Sans-Serif;
    font-size: 0.8rem;
    width: 5rem;
    color: #8b8b8b;
    border-style: none;
}

.field02 {
    font-family: Arial, Helvetica, Tahoma, Verdana, Times New Roman, Geneva, Sans-Serif;
    font-size: 0.8rem;
    width: 17rem;
    padding: 2px;
    /*color: #656565;*/
    border-style: solid;
    border-width: 1px;
    border-color: #656565;
}

.textarea02 {
    font-family: CantarellRegular, Helvetica, Tahoma, Verdana, Arial, Times New Roman, Geneva, Sans-Serif;
    font-size: 1em;
    width: 17rem;
    padding: 2px;
    color: #848484;
    height: 3rem;
    resize: none;
    border-style: solid;
    border-width: 1px;
    border-radius: 5px;
    border-color: #e7e7e7;
}

/* Custom scrollbars and scrollable containers. */

.scrollwrapper01 {
    position: relative;
    margin: 0px;
    overflow: hidden;
    height: 10rem;
    width: 100%;
    background: #ffffff;
}
.scrollable01 {
    overflow-y:scroll;
    position:absolute;
    padding:0 17px 0px 0; /* play with this line */
    width: 190px;
    height: 10rem;
}
.scrollbar01 {
    position:absolute;
    overflow:auto;
    top: 0px;
    right: 0rem;
    z-index:30;
    background:#d9d9da;
    width:1rem;
    height: 1rem;
    border-radius: 0.5rem;
}

.scrollbarbkg01 {
    position:absolute;
    overflow:auto;
    top:0px;
    right: 0.35rem;
    z-index:20;
    background:#d9d9da;
    width: 0.3rem;
    border-radius: 0.5rem;
}

/* End Custom scrollbars and scrollable containers. */


/* Pop up windows. */

/* Item enquiry. */
.modal {
    display: none;
}
/*Modal Form*/

/* Full-width input fields */
.container >input[type=text], input[type=password] input[type=number] {
    display: inline-block;
    box-sizing: border-box;
}
.referencedetails >label{
    font-family: Helvetica, Tahoma, Verdana, Geneva, Arial,  Sans-Serif;
}
.newuserdiv >label{
    font-family: Helvetica, Tahoma, Verdana, Geneva, Arial,  Sans-Serif;
}
.dropdown >label{
    font-family: Helvetica, Tahoma, Verdana, Geneva, Arial,  Sans-Serif;
}

.newuserdivtext >label{
    font-family: Helvetica, Tahoma, Verdana, Geneva, Arial,  Sans-Serif;
}


/* Set a style for all buttons */
button.formsubmit{
    background-color: #f1b94b;
    color: white;
    border: none;
    cursor: pointer;
    font-weight: bold;
}


/* Center the image and position the close button */
.popup_enquiry_heater {
    text-align: left;
    position: relative;
}

.popup_enquiry_heater h2{
    display: block;
    font-family: Helvetica, Tahoma, Verdana, Geneva, Arial,  Sans-Serif;
}

span.psw {
    float: right;
}

/* The Modal (background) */
.popup_enquiry {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    overflow: auto; /* Enable scroll if needed */
}

/* Modal Content/Box */
.popup_enquiry_content {
    background-color: #fefefe;
}

# @media screen and (-webkit-min-device-pixel-ratio:0)
{
    .popup_enquiry_content {
        background-color:#CCC
    }
}

/*Modal main content */
.newuserdiv{
    float:left;
    overflow: hidden;
}

.newuserdivtext{
    overflow: hidden;
}

/* The Close Button (x) */
.closed {
    position: relative;
    color: #000;
    font-weight: bold;
    float: right;
}

.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)
    }
}

/*Input Message*/
textarea#message {
    border: 1px solid #656565;
    resize: none;
}

/*End Modal Form*/

/* End Item enquiry. */

/* End Pop up windows. */

div.small_screen_clear_float {
    display: none;
}

.input-container {
    background: #ffffff;
    overflow: hidden;
}

.input-container input:focus, .input-container input:active {
    outline: none;
    -webkit-appearance: none;
    margin: 0px;
    padding: 0px;
}

.input-container input {
    border: none;
    outline: none;
}


/* New css akd*/
div.overgeneratedcheckbox {
    float: left;
    overflow:hidden;
}
div.generatedcheckbox{
    float: left;
}

div.textdotdependants1{
    float: left;

}

div.dotline1{
    float: left;
    background: #132d51;
}

div.dotbar{
    float: left;
}

#dotnavigation {
    overflow: hidden;
}

#dotnavigation2 {
    overflow: hidden;
}

div.tablephase3{
}

tr.dcare_optional {
    display: none;
}

div.dotnumbers{
    color: white;
    font-weight: bold;
}

div.dot {
    background-color: #bbb;
    display: inline-block;
}

div.otherdoc{
    float: left;
}

div.parametetype{
    text-align: left;
    float:left;
}


div.footerBottomContent2{
    text-align: justify;
}

div.footerBottomContent3 {
    text-align: justify;
}

.container {
    float: left;
}

.container1 {

    position: relative;
    text-align: center;
    color: white;
    overflow: hidden;
    background-color: #132d51;

}
.tag {
    position: absolute;
    text-align: left;
    float: left;
}

.tag3 {
    position: absolute;
    color: #ffffff;
}

.tag1 {
    float: left;
    position: relative;
    left: -17em;
    top: 33em;
    z-index: 1000;
    margin-bottom: -20px;
}
.tag2 {
    float: left;
    position: relative;
    left: -2em;
    top: 35em;
    z-index: 1000;
    margin-bottom: -20px;
}

.tag4 {
    position: absolute;
    margin-left: auto;
    margin-right: auto;
}

.fa:hover {
    opacity: 0.7;
}

.fa-facebook {

    color: white;
}
.fa {
    font-size: 24px;
    width: 41px;
    text-align: center;
    text-decoration: none;
    margin: 5px 2px;
}

.fa-linkedin {
    background: #007bb5;
    color: white;
}

div.plandetailreco{
    overflow: hidden;
    margin-left: auto;
    margin-right: auto;
    float: left;

}

div.downloadbutton{

    float:left;
}

figure.item {
    vertical-align: top;
    display: block;
    float: left;
    text-align: center;
}

img.c1 {
    background-color: grey;
}

.caption {
    /* Make the caption a block so it occupies its own line. */
    display: block;
}

div.poweredby{
    overflow: hidden;
    background-color: #091a31;
}

div.bottomfooter{

    float: left;
    margin-right: auto;
    overflow: hidden;
    background-color: #091a31;
}

img.adklogo{
    display: block;
    height: auto;
}

div.line{
    border-top: 1px solid #2eacee;

}

input.field03{
    border: 2px solid #fff;
}

div.footerContentNewsLetter{
    float: right;
    font-family: Open Sans;
    font-weight: 300;
    text-align: left;
}

div.footerContentNewsLetter1 {
    float: left;
    font-family: Open Sans;
    font-weight: 300;
    text-align: left;
}

a.instypes {
    color: white;
}

div.footerContentDown1 {
    text-align: left;
    float: left;
}

div.footerContent2 {

    margin-left:auto;
    margin-right: auto;

}

div.footercontent1 {
    width: 100%;

}

img.mobile {
    position: relative;

}

i.icons {
    display: block;
    color: white;
}

div.subfooterContent3 {
    text-align: justify;
}

div.subfooterContent3 span {
    text-align: justify;
}

div.footerContent3{
    width: 80%;
    margin-left: auto;
    margin-right: auto;

}

div.footer4{
    overflow: hidden;

}

div.startfooter{
    width: 100%;
    height: 2px;
    margin: 0px;

}

div.home1{
    background-color: #132d51;
    color: white;
    float: left;
    overflow: hidden;
}

div.subhome1{
    width: -moz-max-content;
    margin-left: auto;
    margin-right: auto;
}

div.subcontent1{
    text-align: center;
    float:left;
}

img.akdlogo{
    display: block;
    height: auto;
    float: left;
}

div.family{
    overflow: hidden;
    margin-left: auto;
    margin-right: auto;

}

div.subfamily{
    overflow: hidden;
    float: left;
}

div.subfamily1{

}

div.subfamily2{

}

div.plan{

    overflow: hidden;
    margin-left: auto;
    margin-right: auto;

}
div.subplan{
    font-family: Open Sans;
    font-weight: 400;
    overflow: hidden;
    margin-left: auto;
    margin-right: auto;
    float: left;
}

div.subplan1{
    overflow: hidden;
    margin-left: auto;
    margin-right: auto;
    float: left;
}

div.plantext{
    overflow: hidden;
    display: inline-block;
}

div.planimg {
    float: none;
    overflow: hidden;
    text-align: center;
}

div.planimgtext{
    float: left;
}

div.planimgtext:hover {
    color: #4a8eff;
}

a div.planimgtext p {
    font-family: Open Sans;
    font-weight: 800;
}

div.contactimage{
    overflow: hidden;
    margin-left: auto;
    margin-right: auto;
    float: left;
}
div.contacttext{
    overflow: hidden;
    margin-left: auto;
    margin-right: auto;
    float: left;
}

div.contactcontent1{

    float: left;

}

div.buttonpolicy {
    float: left;
    overflow: hidden;
}

div.pollabels1 {
    float: left;
}

div.pollabels2 {
    float: left;
}
div.pollabels3{
    float: left;
}

div.titledoc{
}

div.pollabels4{
    float: left;

}


img.dcarelogo{
    display: block;
    position: relative;
    height: auto;
}

div.dcaretext{
    float: left;
    text-align: left;
}
div.dcaretext2{
    float: left;

}

img.dcarelogo2{
    height: auto;
    float: left;
}

input.buttondcare{
    color: white;
    height: auto;
    float: left;
}

div.medicalplan{
    overflow: hidden;
    margin-left: auto;
    margin-right: auto;
}

div.medicalplantext1{
    float: left;
    text-align: left;
}
div.medicalplantext2{
    float: left;
    text-align: left;
}
div.medicalplantext3{
    float: left;
    text-align: left;
    color: #2a456a;
}

img.medicalplanimg{
    height: auto;
    float: right;
}

div.dcareL{
    overflow: hidden;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 1em;
}

div.inputForm{
    float: left;
}

div.inputForm1{
    float: left;
}

div.inputForm3{
    float: left;
}

.formfield{
}


div.formstyle{
    overflow: hidden;
    margin-left: auto;
    margin-right: auto;
}

div.captcha{
    width: 92%;
    margin-top: 1em;
    color: #999595;
    font-size: 0.8rem;
    float: left;
    margin-top: 3em;
}

div.intercontent{
    margin-left: auto;
    margin-right: auto;
}

div.imghand{

    float: left;
}

div.textsubcontent{
    text-align: justify;
    float: left;

}

div.subcontent2{
    overflow: hidden;
    margin-left: auto;
    margin-right: auto;
}

div.vision{
    overflow: hidden;
    float: left;
}

div.logoquotesright{
    float: right;
    background-repeat: no-repeat;
}

div.logoquotesleft{
    float: left;
    background-repeat: no-repeat;
}

div.textcontent2{

    margin-left: auto;
    margin-right: auto;
    float: left;
}

div.subquotescontent1{

    margin-left: auto;
    margin-right: auto;

}

div.claimscontent{
    margin-left: auto;
    margin-right: auto;
}

div.claiscontent1{
    overflow:hidden;
    margin-left: auto;
    margin-right: auto;

}

div.headerform1{
    background-color: #d6d8d9;
    border-color: #c6c8ca;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

input.memebersinfo{
    background-color: #d6d8d9;
    border-color: #c6c8ca;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

input.quotationbutton{
    background-color: #5a6268;
    border-color: #5a6268;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    text-align: center;
    color: white;
}

input.quotationbuttonhome{
    background-color: #132d51;
    border-color: #132d51;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    text-align: center;
    color: white;
}



select.formquot{
    float: left;
    color: #000000;
}

input.discount{
    display: block;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    transition:ease-in-out;
    float: left;
}

div.dropdown03{
    float: left;
}

input.othertext{
    display: block;
    background-color: #fff;
    background-clip: padding-box;
    transition:ease-in-out;
    float: left;
}

div.loading1{
    float: left;
}

div.subheaderformHome{
    float: left;
}

div.subheaderform{
    float: left;
}

div.subheaderform1{

}
div.subheaderformHome1{

}

div.generalcontent1{
    float: left;
}

select, input{
    box-sizing: border-box;
}

select.wselect1{
    float: left;
    color: black;
}

select.selectColor{
    background: #ffffff;
    border: 1px solid #ced4da;
}

select.wselect02{

    float: left;
}

label.spouse{

}

div.policylist {
    overflow: hidden;
}

div.quotationdetails{
    float: left;
    border-style: solid;
    border-color: #d3d3d3;
    text-align: left;
}

div.quotationdetails1{
    float: left;
    border-style: solid;
    border-color: #d3d3d3;
    text-align: left;
}

div.quotationdetails2{
    float: left;
    border-style: solid;
    border-color: #d3d3d3;
    text-align: right;
}

div.subquotationdetails{
    float: left;
    text-align: left;
    overflow-wrap: break-word;
}

div.subquotationdetails1{
    float: left;
    text-align: left;
    overflow-wrap: break-word;
}
div.subquotationdetails1hover{
    float: left;
    text-align: left;
    overflow-wrap: break-word;
}

div.subquotationdetails2{
    float: left;
    text-align: right;
    overflow-wrap: break-word;

}

div.pastquot{
    overflow: hidden;
    text-align: center;
    border-style: solid;
}

div.quotations{
    overflow: hidden;
    text-align: center;
    border-style: solid;
    border-width: 1px 0px 1px 0px;
    border-color: #d3d3d3;
}

div.subquotations{
    overflow: hidden;
    text-align: center;
}

div.button-container{
    position: absolute;
}

div.button-container a{
    background-color:#132d51;
    color:white;
    text-transform:uppercase;
}


/* New css akd*/

a.fb_link {
    font-family: open sans;
    color: #2a456a;
    text-decoration: none;
}

a.fb_link:hover {
    color: #bbbbbb;
}

a.linkedin_link {
    color: #2a456a;
    font-family: open sans;
    text-decoration: none;
}

a.linkedin_link:hover {
    color: #bbbbbb;
}

a.ig_link {
    color: #2a456a;
    font-family: open sans;
    text-decoration: none;
}

a.ig_link:hover {
    color: #bbbbbb;
}

div.menuitem_allproduct {
    color: #5eacee;
    transition: 0.3s;
}

div.menuitem_allproduct:hover {
    color: #ffffff;
    transition: 0.3s;
}

div.menuitem_active {
    color: #ffffff;
}

/* New CSS */

/* General message popup */
#modalpopup {
    display: none;
    position: fixed;
    overflow: auto;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.4);
    font-family: Open Sans;
    text-align: center;
    z-index: 1000;
}

.modalpopup_content {
    background-color: #fefefe;
    margin: auto;
    /*padding: 20px;*/
    border: 1px solid #888;
}

.modalpopup_header {
    background-color: #ffffff;
    color: black;
}

.modalpopup_body {

}

.modalpopup_close {
    color: #888;
    float: right;
    font-weight: bold;
}

.modalpopup_close:hover, .modalpopup_close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}

/* End General message popup */

/* Thumbnails */
div.thumbnail01 {
    overflow: hidden;
    display: inline-block;
}

div.thumbnail01 img {
    overflow: hidden;
    text-align: center;
}

div.thumbnail01content {
    float: left;
    text-align: center;
    border: 1px solid #5eacee;
}

div.thumbnail01content:hover {
    background-color: #5eacee;
    color: #ffffff;
    transition: 0.5s;
}

a div.thumbnail01content p {
    font-family: Open Sans;
    font-weight: 800;
}

/* End Thumbnails */

/* Cookies popup */
#popup_cookies {
    position: fixed;
    display: none;
    z-index: 3000;
    text-align: center;
    padding: 1em 1em 1em 1em;
    font-family: Open Sans;
    font-weight: 200;
    background: #2b76ad;
    color: #ffffff;
    border-style: solid;
    border-width: 1px;
    border-color: #a1a3a7;
}

#cookiebutton {
    font-family: Open Sans;
    font-weight: 200;
    background-color: #132d51;
    color: #ffffff;
    border: none;
    cursor: pointer;
    opacity: 0.8;
    position: fixed;
}

#cookiebox {
    bottom: -500px;
    display: none;
    font-family: Open Sans;
    font-weight: 200;
    position: fixed;
    opacity: 1;
    background: #5eacee;
    border: none;
    z-index: 1000;
}

.cookietext {
    font-family: Open Sans;
    font-weight: 200;
    background-color: #5eacee;
}

.cookietext .button03-application {
    font-family: Open Sans;
    font-weight: normal;
    background-color: #132d51;
    color: #ffffff;
    border: none;
    cursor: pointer;
    opacity: 1;
}

.cookietext .button03-application:hover {
    opacity: 1;
    background-color: #ffffff;
    color: #132d51;
    transition: 0.5s;
}

#cookiebutton:hover {
    opacity: 1;
    background-color: #5eacee;
    color: #132d51;
    transition: 0.5s;
}

/* End Cookies popup */

/* Slideshow */
div.slidetext {
    overflow: hidden;
    position: absolute;
    text-align: left;
    color: #ffffff;
}

/* End Slideshow */

#appquestion {
    scroll-behavior: smooth !important;
}

#aboutyou,#members,#polinfo {
    scroll-behavior: smooth !important;
}

.phase3column {
    font-weight: normal;
}

div.phase3Text {
    overflow: hidden;
}

div.phase3Text span {
    float: left;
}

div.phase3Btn {
    overflow: hidden;
}

div.phase3Btn input {
}

#direct_debit_details {
}

.radio_questiontype01 input[type="radio"] {
}
.radio_questiontype01 label {
}
.radio_questiontype01 input[type="radio"]:checked+label {
}
.radio_questiontype01 input[type="radio"]+label:hover {
}

.radio_paymethod {
}
.radio_paymethod input[type="radio"] {
}
.radio_paymethod label {
}
.radio_paymethod input[type="radio"]:checked+label {
}
.radio_paymethod input[type="radio"]+label:hover {
}

.radio_plan_select input[type="radio"] {
}
.radio_plan_select label {
}
.radio_plan_select input[type="radio"]:checked+label {
}
.radio_plan_select input[type="radio"]+label:hover {
}

.cover_text_align {
    float: left;
    font-weight: normal;
    text-align: justify;
    display: none;
}

input.uppercase {
    text-transform: uppercase;
}

.upfileDiv {
    float: left;
}

input.upfile {
    cursor: auto;
    text-align: left;
    color: black;
    background: #ffffff;
    vertical-align: middle;
    border-style: solid;
}

.clientBox {
    position: relative;
    overflow: hidden;
}

.clientDiv {
    overflow: hidden;
    text-align: left;
    font-family: Open Sans;
    color: #2a456a;
}

.imgtextContent01 {
    text-align: justify;
    vertical-align: middle;
}

.pdfDocumentsDiv {
    float: left;
    width: 49%;
}

.pdfDocumentsDiv .pdfInnerDiv {
    float: none;
}

.getmedquoteBtn {
    margin-right: auto;
    margin-left: auto;
    background-color:#132d51;
}

.btnBox01 {
}

.btnBox01 .btnBoxDiv01 {
    background-color: #132d51;
}

.btnBox01 .btnBoxDiv02 {
    background-color: #132d51;
}



/* Dates */

.dob-container {
    display: flex;
    justify-content: center;
}

select.birth_day,
select.birth_month,
select.birth_year{
    appearance: none;
    font-family: Open Sans;
    text-align: center;
    background-color: white;
    color: black;
    transition: border-color 0.3s ease;
    cursor: pointer;
}

select.birth_day:focus,
select.birth_month:focus,
select.birth_year:focus {
    outline: none;
    border-color: #000;
}

select.birth_day:invalid,
select.birth_month:invalid,
select.birth_year:invalid {
    color: gray;
}

select.birth_day::-ms-expand,
select.birth_month::-ms-expand,
select.birth_year::-ms-expand {
    display: none;
}

select.birth_day::-webkit-outer-spin-button,
select.birth_day::-webkit-inner-spin-button
select.birth_month::-webkit-outer-spin-button,
select.birth_month::-webkit-inner-spin-button
select.birth_year::-webkit-outer-spin-button,
select.birth_year::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

span.remove_btn {
    color: #000;
    font-family: Arial, sans-serif;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    background: #fff;
    transition: color 0.3s ease;
}

span.remove_btn:hover {
    color: #d32f2f;
    border-color: #d32f2f;
}

/* End dates */


:root{
    --blue:#5EACEE;
    --nav:#132d51;
    --ink:#0f172a;
    --muted:#6b7280;
    --card-shadow:0 8px 24px rgba(19,45,81,.06);
    --hair:#e6eef8;
}

/* Stage containers */
.innercontent01-application.card {
    background:#fff;
    border-radius:10px;
    box-shadow:0 6px 22px rgba(19,45,81,.06);
    padding:2em;
}

/* Form controls For Stage 1 and 2 */
.wselect1{
    width:100%;
    padding:.6em;
    border:1px solid #dbe3ef;
    border-radius:10px;
    background:#fff;
}
.othertext{
    width:100%;
    padding:.5em;
    border:1px solid #ccc;
    border-radius:10px;
}
#currency{
    padding:.45em .6em;
    border:1px solid #dbe3ef;
    border-radius:10px;
    background:#fff;
    min-width: 102px;
    text-align: center;
}

#global_period{
    padding:.45em .6em;
    border:1px solid #dbe3ef;
    border-radius:10px;
    background:#fff;
    min-width: 90px;
    text-align: center;
}
/*End Form Controls For Stage 1 and 2 */


/* End Stage 2 benefit grid */

/* Start Stage 3: plan cards */
.plan-card{
    border:1px solid #e7eef7;
    border-radius:14px;
    background:#fff;
    box-shadow:var(--card-shadow);
    margin:14px 0;
    padding:14px 14px 16px;
    position:relative;
}
.pc-body{
    display:flex;
    align-items:flex-start;
    gap:16px;
    flex-wrap:nowrap;
}
.pc-right{
    flex:0 0 360px;
    min-width:360px;
    display:flex;
    flex-direction:column;
    gap:10px;
}

.price-ccy,.price-num{
    font-size:1.35em;
    font-weight:900;
    color:var(--ink);
}
.price-period{
    color:var(--muted);
    margin-left:.35em;
}

/* Stage 3 CTAs */
@media (min-width:768px){
    .plan-card .pc-right .pc-ctas{
        display:grid !important;
        grid-template-columns:repeat(3,1fr);
        gap:10px;
        width:100%;
    }
    .plan-card .pc-right .pc-ctas > .apply-btn,
    .plan-card .pc-right .pc-ctas > .email-btn,
    .plan-card .pc-right .pc-ctas > .details-btn{
        min-width:0;
        height:44px;
        padding:0 12px;
        display:flex !important;
        align-items:center;
        justify-content:center;
        border-radius:14px;
        font-weight:700;
        white-space:nowrap;
        box-sizing:border-box;
        text-decoration:none;
        transition:transform .12s ease, box-shadow .12s ease, filter .12s ease;
    }

    /* primary */
    .plan-card .pc-right .apply-btn{
        background:var(--blue,#5EACEE);
        color:#fff;
        border:1px solid var(--blue,#5EACEE);
        box-shadow:0 2px 8px rgba(94,172,238,.25);
    }
    .plan-card .pc-right .apply-btn:hover{
        filter:brightness(.97);
        transform:translateY(-1px);
        box-shadow:0 4px 12px rgba(94,172,238,.28);
    }

    /* outlined */
    .plan-card .pc-right .email-btn,
    .plan-card .pc-right .details-btn{
        background:#fff;
        color:var(--blue,#5EACEE);
        border:1px solid var(--blue,#5EACEE);
    }
    .plan-card .pc-right .email-btn:hover,
    .plan-card .pc-right .details-btn:hover{
        background:#f6fbff;
        transform:translateY(-1px);
        box-shadow:0 2px 8px rgba(19,45,81,.08);
    }

    /* focus ring */
    .plan-card .pc-right .pc-ctas > *:focus{
        outline:0;
        box-shadow:0 0 0 3px rgba(94,172,238,.22);
    }
}
.plan-card .pc-right .excess-strip .excess-chip{
    position: static !important;   /* kill any absolute badge rules */
    top: auto !important;
    left: auto !important;
    transform: none !important;
    margin: 0 !important;

    display: inline-flex;
    align-items: center;
    height: 40px;
    line-height: 40px;
    padding: 0 3.6em;
    white-space: nowrap;


    background: #eef6ff;
    border: 1px solid #dbeafe;
    border-radius: 10px;
    font-weight: 700;
    color: #334155;
}

/* Keep row tidy */
.plan-card .pc-right .excess-strip{
    display: flex;
    align-items: center;
    gap: .6em;
    flex-wrap: wrap;
    background: #f8fbff;
    border: 1px solid #e6eef8;
    border-radius: 12px;
    padding: .5em;
}

/* Match control height and avoid overlap */
.plan-card .pc-right .excess-select{
    display: block;
    height: 40px;
    padding: 0 1.1em;
    border: 1px solid #dbe3ef;
    border-radius: 10px;
    background: #fff;
    color: #334155;
    font-weight: 600;
    text-align: center;
}
.plan-card .pc-right .excess-select:focus{
    outline: 0;
    border-color: #5EACEE;
    box-shadow: 0 0 0 3px rgba(94,172,238,.25);
}

/* Mobile stack */
@media (max-width: 767.98px){
    .plan-card .pc-right .excess-strip{
        flex-direction: column;
        align-items: stretch;
    }
    .plan-card .pc-right .excess-chip,
    .plan-card .pc-right .excess-select{
        width: 100%;
    }
}
/*End Plan Card CSS */

/*Start Depentants Ui Css */
.member-row{
    position:relative;
    display:flex;
    justify-content:center;
    gap:1em;
    margin-bottom:1em;
    padding:.5em;
    border:1px solid #ddd;
    border-radius:4px;
    max-width: 750px;
  margin: 14px auto;
}
.remove-member{
    position:absolute;
    top:4px;
    right:4px;
    border:none;
    background:none;
    font-size:1em;
    cursor:pointer;
    color:red;
}
a.button04-application .paddingAppFormBtns{
    padding:.6em 1.2em;
}
/*End Depentants Ui Css */

/* Header centering */
.stage3-header{
    display:grid;
    grid-template-columns:1fr auto 1fr;
    align-items:center;
    gap:1em;
    margin:0 0 1.2em;
}
.stage3-title{
    grid-column:2;
    text-align:center;
}
/* Place "Show prices" on the left (desktop) */
.stage3-header #period-wrap{
  grid-column: 1;        /* was 3 */
  justify-self: start;   /* was end */
}

/* Keep it left if you ever show it on tablet/mobile too */
@media (max-width:1199.98px){
  .stage3-header{
    grid-template-columns: auto 1fr;
  }
  .stage3-header #period-wrap{
    grid-column: 1;
    justify-self: start;
  }
}

/* End Header centering */

/* Start Plan filters list layout */
#plan_filter_container,
#mf_plan_filter_container{
    display:grid;
    grid-template-columns:1fr;
    gap:.5em;
}

/* Plan filter item */
.pf-item{
    display:flex;
    align-items:center;
    gap:.6em;
    padding:.55em .7em;
    border:1px solid #e6eef8;
    border-radius:10px;
    background:#fff;
    box-shadow:0 8px 24px rgba(19,45,81,.06);
    color:#132d51;
    font-size:.95em;
    cursor:pointer;
    transition:background .15s, border-color .15s, transform .06s;
}
.pf-item:hover{
    background:#f8fbff;
    border-color:#5EACEE;
}

/* Custom checkbox */
.pf-item > input{
    -webkit-appearance:none;
    appearance:none;
    width:16px;
    height:16px;
    flex:0 0 16px;
    border:2px solid #94a3b8;
    border-radius:10px;
    position:relative;
    background:#fff;
}
.pf-item > input:checked{
    border-color:#5EACEE;
    background:#5EACEE;
}
.pf-item > input:checked::after{
    content:"";
    position:absolute;
    inset:2px;
    border-right:2px solid #fff;
    border-bottom:2px solid #fff;
    transform:rotate(45deg);
}
.pf-item > span{
    flex:1 1 auto;
    user-select:none;
}

.mf-list .pf-item{
    box-shadow:none;
}
/* END Plan filters list layout */


/* Start PopUp Css */
.modal-overlay{
    position:fixed;
    inset:0;
    background:rgba(0,0,0,.45);
    display:none;
    z-index:9000;
}
.modal-overlay.is-open{
    display:block;
}
#mf_dialog{
    position:absolute;
    z-index:9001;
    left:50%;
    top:10%;
    transform:translateX(-50%);
    max-width:520px;
    width:calc(100% - 32px);
    background:#fff;
    border-radius:12px;
    box-shadow:0 8px 24px rgba(0,0,0,.15);
    padding:16px;
    display:none;
}
#eq_dialog{
    position:fixed;
    z-index:9001;
    left:50%;
    top:10%;
    transform:translateX(-50%);
    max-width:520px;
    width:calc(100% - 32px);
    background:#fff;
    border-radius:12px;
    box-shadow:0 8px 24px rgba(0,0,0,.15);
    padding:16px;
    display:none;
}
#eq_dialog.is-open,#mf_dialog.is-open{
    display:block;
}
.modal-footer{
    margin-top:12px;
    display:flex;
    gap:8px;
    justify-content:flex-end;
}
/* End PopUp Css */


/* Containers */

/* End Containers */

/* Buttons & Links */

/* Appication control button */
.button08{
    appearance:none;
    border:1px solid #5EACEE;
    background:#5EACEE;
    color:#fff;
    border-radius:10px;
    padding:.55em 1.1em;
    font-weight:700;
    cursor:pointer;
}
.button08.ghost{
    background:#fff;
    color:#5EACEE;
}
.button08:disabled{
    opacity:.5;
    cursor:not-allowed;
}
.pill-btn{
    border:1px solid var(--blue);
    border-radius:999px;
    padding:.5em 1.2em;
    background:#fff;
    color:var(--blue);
    font-weight:700;
    cursor:pointer;
}
.pill-btn--solid{
    background:var(--blue);
    color:#fff;
}
/* Stage 1 cover buttons share base */
#btn_self,
#btn_couple,
#btn_family{
    border:1px solid #5EACEE;
    border-radius:999px;
    padding:0.5em 1.2em;
    margin:0 0.5em;
    cursor:pointer;
    font-size:1em;
}
/* End Buttons & Links */

/*Stage 4 PopUp*/
.akd-modalbox{
    background:#fff;
    border:1px solid #e6eef8;
    border-radius:10px;
    box-shadow:0 6px 22px rgba(19,45,81,.06);
    padding:0;
    max-width:520px;
}
.akd-modalbox .modal-header{
    background:#5EACEE;
    color:#fff;
    font-weight:700;
    padding:12px 16px;
    border-bottom:1px solid #5EACEE;
    border-radius:10px 10px 0 0;
}
.akd-modalbox .modal-title{
    font-size:16px;
    line-height:1;
}
.akd-modalbox .modal-body{
    padding:14px;
}
.akd-modalbox .modal-footer{
    border-top:1px solid #e6eef8;
    padding:10px 14px;
    display:flex;
    gap:8px;
    justify-content:flex-end;
}
/* Overlay for vanilla modals (Stage 3/4) */
.modal-overlay{
    position:fixed;
    inset:0;
    background:rgba(0,0,0,.45);
    z-index:2000;
    opacity:0;
    pointer-events:none;
    transition:opacity .15s
}
.modal-overlay.is-open{
    opacity:1;
    pointer-events:auto
}
/* Vanilla modal overlay + dialog boxes */
.modal-overlay{
    position:fixed;
    inset:0;
    background:rgba(0,0,0,.45);
    z-index:2000;
    opacity:0;
    pointer-events:none;
    transition:opacity .15s
}
.modal-overlay.is-open{
    opacity:1;
    pointer-events:auto
}
/* Center and style these three vanilla dialogs */
#eq_dialog,
#mf_dialog,
#pdf_dialog{
    position:fixed;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    z-index:2001;
    width:min(520px,calc(100vw - 32px));
    max-height:calc(100vh - 160px);
    overflow:auto;
    background:#fff;
    border-radius:12px;
    box-shadow:0 10px 40px rgba(0,0,0,.25);
    padding:1em;
}
#pdf_dialog .modal-footer,
#eq_dialog .modal-footer,
#mf_dialog .modal-footer{
    display:flex;
    gap:.5em;
    justify-content:flex-end;
    margin-top:1em;
}

/* Fields */
.s3-footnote{
    margin-top:.75em;
    font-size:.85em;
    line-height:1.35;
    color:#64748b;
}
@media (max-width:1199.98px){
    .s3-footnote{
        font-size:.8em
    }
}
#s4_disclaimer a{
    color:#5EACEE;
    text-decoration:underline
}
/* Make jQuery UI calendar appear above our overlay/modal */
#ui-datepicker-div{
    z-index: 4000 !important;
}


/* End Fields */


/* ===== Stage-2 shape only. Keeps your original colors. ===== */
/* 1) Theme hook: set to your existing palette once, e.g. blue */
.benefits-theme-original{
    --accent:#5EACEE;
    --icon:#5EACEE;
    --text:#0b213f;
    --border:#D9E2EC;
    --muted:#98A2B3;
    --disabled-bg:#F2F5F7;
}

/* 2) Grid */
.benefits-grid{
    display:grid;
    gap:14px;
    grid-template-columns:repeat(3,minmax(220px,1fr));
}
@media (max-width:900px){
    .benefits-grid{
        grid-template-columns:repeat(2,minmax(160px,1fr));
    }
}

/* 3) Tile shape */
.benefit{
    position:relative;
}
.benefit>input{
    position:absolute;
    inset:0;
    opacity:0;
    pointer-events:auto;
    margin:0;
}
.benefit-tile{
    display:flex;
    align-items:center;
    gap:.6rem;
    border:2px solid var(--border);
    border-radius:12px;
    padding:.9rem 1rem;
    background:#fff;
    color:var(--text);
    min-height:56px;
    cursor:pointer;
    transition:border-color .15s, box-shadow .15s;
}
.benefit .icon{
    font-size:20px;
    color:var(--icon);
}
.benefit .text{
    flex:1;
    font-weight:600;
    white-space:nowrap;
}
.benefit .info{
    font-size:16px;
    color:var(--icon);
    opacity:.8;
}

/* 4) Tick box */
.tick{
    width:18px;
    height:18px;
    border:2px solid var(--border);
    border-radius:4px;
    flex:0 0 18px;
    position:relative;
}
.tick::after{
    content:"";
    position:absolute;
    left:3px;
    top:0;
    width:6px;
    height:11px;
    border-right:2px solid #fff;
    border-bottom:2px solid #fff;
    transform:rotate(45deg);
    opacity:0;
}

/* 5) Selected state uses your accent color */
.benefit>input:checked + .benefit-tile{
    border-color:var(--accent);
    box-shadow:0 0 0 2px color-mix(in srgb, var(--accent) 20%, transparent);
}
.benefit>input:checked + .benefit-tile .tick{
    background:var(--accent);
    border-color:var(--accent);
}
.benefit>input:checked + .benefit-tile .tick::after{
    opacity:1;
}

/* 6) Disabled keeps your greys */
.benefit>input[disabled] + .benefit-tile{
    background:var(--disabled-bg);
    border-color:#E5E8EC;
    color:var(--muted);
    cursor:not-allowed;
}
.benefit>input[disabled] + .benefit-tile .icon,
.benefit>input[disabled] + .benefit-tile .info{
    color:var(--muted);
}
.benefit>input[disabled] + .benefit-tile .tick{
    border-color:#CBD5E1;
    background:#E2E8F0;
}


@media (min-width:1199.98px){
/* === Stage 2 — match reference look, keep names/JS === */
:root{
  --accent:#5EACEE;         /* your blue */
  --border:#D9E2EC;         /* card border */
  --text:#0b213f;           /* dark text */
  --muted:#9AA4B2;          /* info icon grey */
  --bg-muted:#F2F5F7;       /* disabled bg */
  --ring:rgba(94,172,238,.22);
}

/* grid like the reference */
.innercontent02-application.benefits-grid{
  display:grid; gap:16px;
  grid-template-columns:repeat(3,minmax(280px,1fr));
}
@media (max-width:1199.98px){
  .innercontent02-application.benefits-grid{ grid-template-columns:repeat(2,minmax(200px,1fr)); }
}

/* label becomes the white pill card */
label.benefit-card{
  position:relative;
  display:grid;
  grid-template-columns:18px 24px 1fr 18px; /* tick | icon | text | info */
  align-items:center; column-gap:.75rem;
  padding:.9rem 1rem; min-height:64px;
  background:#fff !important;               /* defeat JS blue */
  border:2px solid var(--border); border-radius:12px;
  color:var(--text) !important;             /* keep dark text */
  cursor:pointer; transition:border-color .15s, box-shadow .15s;
}
/* kill inline margins and place children */
label.benefit-card>*:not(input){ margin:0 !important; }
label.benefit-card>div:nth-of-type(1){ grid-column:2; display:flex; justify-content:center; }
label.benefit-card>div:nth-of-type(2){ grid-column:3; font-weight:700; line-height:1.15; white-space:normal; }
label.benefit-card>i.fa-info-circle{
    grid-column:4;
    color:var(--muted) !important;
    font-size:16px;
     left: -50px;
  position: absolute !important;
  top: 18px;
}

/* hide the native checkbox completely */
label.benefit-card>input[type="checkbox"]{
  position:absolute !important; opacity:0 !important; width:0 !important; height:0 !important;
  appearance:none !important; pointer-events:none;
}

/* tick box (left) */
label.benefit-card::before{
  content:""; width:18px; height:18px; border-radius:4px;
  border:2px solid var(--border); background:#fff;
}
label.benefit-card::after{
  content:""; width:6px; height:11px; margin-left:-12px;
  border-right:2px solid #fff; border-bottom:2px solid #fff;
  transform:rotate(45deg); opacity:0;
}

/* icons always use your accent */
label.benefit-card i.fa{
    font-size:20px !important;
    color:var(--accent) !important;
    margin-top: 0.1em;
   
}

/* SELECTED = white card, blue border, filled tick, subtle ring */
label.benefit-card:has(input:checked){
  border-color:var(--accent); box-shadow:0 0 0 2px var(--ring);
}
label.benefit-card:has(input:checked)::before{
    background:var(--accent);
    border-color:var(--accent);
}
label.benefit-card:has(input:checked)::after{
    opacity:1;
    position: relative;
    left: -412px;
    top: -2px;
}

/* DISABLED inpatient = grey card + visible tick */
label.benefit-card:has(input[disabled]){
    background:var(--bg-muted) !important;
    border-color:#E5E8EC;
    color:#9CA3AF !important;
    cursor:not-allowed;
}
label.benefit-card:has(input[disabled]) i.fa{
    color:#9CA3AF !important;
}
label.benefit-card:has(input[disabled])::before{
    background:var(--accent);
    border-color:var(--accent);
}
label.benefit-card:has(input[disabled])::after{
    opacity:1;
}

/* hover/focus polish */
label.benefit-card:hover{
    border-color:#cfe0f5;
}
label.benefit-card:has(input:focus-visible){
    box-shadow:0 0 0 3px var(--ring);
}
/* Stage-2 clipping fix */
.innercontent,
.innercontent01-application.card,
.innercontent02-application.benefits-grid{
    overflow:visible;
}

.innercontent02-application.benefits-grid{
    box-sizing:border-box;
    width:100%;
    padding-right:12px;       /* keep last tile inside */
    display:grid;
    gap:16px;
    grid-template-columns:repeat(auto-fit, minmax(360px,1fr)); /* wrap instead of cut */
}

label.benefit-card{
    min-width:0;
}  /* allow shrink without overflow */


}
@media (min-width:1199.98px){
    #stage1_content.innercontent01-application.card {
        border:1px solid #e6eef8;
        max-width: 1000px;
    }
}

/* jQuery UI dialog polish for info popups */
.info-dialog .ui-dialog-titlebar {
    background: #5EACEE;
    color: #fff;
    font-weight: 700;
    border: none;
}
.info-dialog .ui-dialog-content {
    padding: 14px 18px;
    font-size: 15px;
    color: #334155;
}
.info-dialog .ui-dialog-buttonpane {
    display: none;
}

/* Info icon tooltip style */
.ui-tooltip.ui-tooltip-info{
    background:#132d51;
    color:#fff;
    border:0;
    border-radius:8px;
    padding:8px 10px;
    box-shadow:0 6px 18px rgba(19,45,81,.25);
    font-weight:600;
    z-index: 10050; /* above content, below any modal you open */
    opacity: 1;
}
.ui-tooltip.ui-tooltip-info .ui-tooltip-content{
    line-height:1.35;
}
/* ===== Stage 3 – Benefit icons a bit bigger ===== */

/* remove any old custom badge */
#stage3 .plan-card i.fa-circle::after {
    content:none !important;
}

/* ICONS: bigger for both states */
#stage3 .plan-card i.fa-check-circle,
#stage3 .plan-card i.fa-circle{
    font-size:26px;              /* was 22px */
    line-height:1;
    margin-right:12px;           /* a touch more spacing */
    vertical-align:middle;
    font-weight:900;
}

/* Covered (green) */
#stage3 .plan-card i.fa-check-circle{
    color:#16a34a;
}

/* Not covered: show red times-circle */
#stage3 .plan-card i.fa-circle{
    color:#E43737 !important;
}
#stage3 .plan-card i.fa-circle:before{
    content:"\f057" !important;  /* Font Awesome times-circle */
    font-family:"Font Awesome 6 Free","Font Awesome 5 Free","FontAwesome";
    font-weight:900;
}

/* LABELS: bump size to match icons */
#stage3 .plan-card i + span,
#stage3 .plan-card i ~ .benefit-text{
    font-size:21px;              /* was 19px */
    line-height:1.35;
    font-weight:700;
}

/* Label colors by state */
#stage3 .plan-card i.fa-check-circle + span,
#stage3 .plan-card i.fa-check-circle ~ .benefit-text{
    color:#14532d;
}

#stage3 .plan-card i.fa-circle + span,
#stage3 .plan-card i.fa-circle ~ .benefit-text{
    color:#E43737 !important;
}

/* Stage 4 main CTA button */
/* Only Stage 4 CTA button */
#stage4_content .seeQuotesBtn {
    color:#fff !important;
    font-weight:700;
    font-size:2.2em;
    padding:1.2em 3em;
    border-radius:10px;
    display:inline-block;
    text-align:center;
}

/* Stage4 only styles */
#stage4_content a.button04-application.seeQuotesBtn {
    font-size: 1.6em !important;
    padding: 1.5em 2.5em !important;
}

#stage4_content #s4_disclaimer {
    font-size: 0.85em !important;
    line-height: 1.4em;
}
/* Stage4 bold values */
#stage4_content #s4_planName,
#stage4_content #s4_excess,
#stage4_content #s4_price {
    font-weight: 700 !important;
}

/* Stage3 plan card — compact right column */
.plan-card .pc-right{
    flex:0 0 340px;
    max-width:340px;
    background:#f7fbff;
    border:1px solid #e6eef8;
    border-radius:14px;
    padding:14px;
}

/* price typography */
.plan-card .price-ccy{
    font-weight:700;
    color:#132d51;
}
.plan-card .price-num{
    font-size:28px;
    font-weight:800;
    color:#132d51;
    line-height:1;
}
.plan-card .price-period{
 font-size: 16px;
  color: black;
  font-weight: bold;
}

/* CTA stack: one primary, two subtle */
.plan-card .pc-ctas{
    width:100%;
}
.plan-card .apply-btn{
    width:100%;
    height:44px;
    border-radius:999px;
    border:1px solid #5EACEE;
    background:#5EACEE;
    color:#fff;
    font-weight:800;
    cursor:pointer;
}
.plan-card .email-btn,
.plan-card .details-btn{
    flex:1 1 0;
    min-width:140px;
    height:40px;
    border-radius:999px;
    border:1px solid #cfe0f4;
    background:#fff;
    color:#1d2b4a;
    font-weight:700;
    cursor:pointer;
}
.plan-card .email-btn:hover,.plan-card .details-btn:hover{
    background:#eaf3ff;
}

/* control panels */
.plan-card .excess-strip,
.plan-card #filters-currency-block,
.plan-card .filters-period-block{
    margin-top:12px;
    padding:10px;
    border:1px dashed #d9e7f7;
    border-radius:12px;
    background:#fff;
}
.plan-card .excess-chip{
    display:inline-block;
    font-size:12px;
    font-weight:800;
    color:#132d51;
    background:#eaf3ff;
    border:1px solid #cfe0f4;
    padding:4px 10px;
    border-radius:999px;
    margin-right:8px;
}
.plan-card .excess-select,
.plan-card .wselect1,
.plan-card .card-period{
    width:100%;
    height:40px;
    border:1px solid #cfe0f4;
    border-radius:10px;
    padding:0 14px;
    background:#fff;
    font-weight:600;
    color:#1d2b4a;
    text-align-last:center; /* centers label on most browsers */
}

/* tighten header row */
.plan-card .pc-right > div:first-child{
    margin-bottom:6px
}


@media (max-width: 640px) {
  .innercontent02-application.stage2-nav {
    flex-wrap: wrap;
    justify-content: center;   /* center align buttons */
  }
  .innercontent02-application.stage2-nav a.button04-application {
    flex: 1 1 100%;
    max-width: 320px;          /* keeps them a nice size instead of full edge-to-edge */
  }
  .innercontent02-application.stage2-nav a.button04-application .paddingAppFormBtns {
    width: 85%;
    text-align: center;
  }
}


@media (min-width: 1525px) {
#stage3 .pc-right {
  flex: 1 1 100% !important;
  min-width: 575px !important;
}
}

/* 
 * End DCare application
 */