/* HTML */
html,body {
margin: auto;
}
/* End HTML */
/* Menu Large */
div.menu-large {
display: flex;
justify-content: end;
align-items: center;
text-align: center;
width: 100%;
margin-top: 4.5em;
position: revert-layer;
}
/* End Menu Large */
/* Mobile Menu */
div.wrap_mobilemenu {
cursor: pointer;
display: none;
margin-top: 1.7em;
right: 1em;
}
div.buttonMenu {
}
div.buttonMenu div {
}
#menu_small {
}
#menu_small div {
}
/* End Mobile Menu */
/* Swiper.js */
.doc-img{
height: 21em;
}
.doc-img-txt {
font-size: 2.1em;
}
.swiper {
width: 90%;
}
.swiper-slide {
width: 100%;
opacity: 0.5;
z-index: 1;
transition: transform 0.3s ease, opacity 0.3s ease;
display: flex;
justify-content: center;
align-items: center;
}
.swiper-slide-active {
opacity: 1 !important;
z-index: 10 !important;
}
.button-next,
.doc-button-next {
width: 100%;
}
.button-previous,
.doc-button-previous {
width: 100%;
}
/* End Swiper.js */
/* Slideshow */
#slideshowcontainer-homepage {
height: 35em;
}
/* End Slideshow */
/* Headers */
.header01 {
font-size: 40px;
font-weight: 400;
}
.header02 {
font-size: 35px;
font-weight: 400;
}
.header03 {
gap: 1em;
font-size: 37px;
font-weight: 400;
}
.header03::before,
.header03::after {
content: "";
width: 2.5em;
height: 8px;
}
.header04 {
font-size: 40px;
font-weight: 400;
}
/* End Headers */
/* Containers */
div.content {
width: 100%;
}
div.innercontent01 {
width: 75%;
margin: 2.5em auto;
font-size: 23px;
}
div.innercontent01-register {
width: 90%;
margin: 3em auto 1em auto;
}
div.innercontent02 {
width: 75%;
margin: 1em auto;
font-size: 23px;
}
div.innercontent03 {
flex-direction: row;
width: 75%;
margin: 3em auto;
gap: 5em;
}
.whyus-container {
display: flex;
align-items: center;
max-width: 56%;
padding: 30px;
border-radius: 12px;
margin: 0 auto;
margin-top: 5%;
}
.image-container {
position: relative;
width: 45%;
}
.image-container img {
width: 100%;
border-radius: 12px;
}
.buttons-wrapper {
display: flex;
flex-direction: row;
justify-content: center;
gap: 5em;
margin-bottom: 4em;
}
.text-container {
position: relative;
width: 55%;
padding-left: 25px;
display: flex;
flex-direction: column;
justify-content: start;
font-size: 26px;
}
.text-container h2 {
position: relative;
display: inline-block;
font-size: 37px;
margin-top: 0;
}
.text-container h2::after {
content: "";
display: block;
width: 35%;
height: 6px;
margin-top: 40px;
border-radius: 12px;
}
.info-box-container {
display: flex;
align-items: center;
margin: 0 auto;
max-width: 65%;
padding: 3em;
gap: 3em;
}
.info-box::before {
content: '';
position: absolute;
top: -50%;
left: -50%;
width: 200%;
height: 200%;
background: linear-gradient(
0deg,
transparent,
transparent 30%,
#006BCC
);
transform: rotate(-45deg);
transition: all 0.5s ease;
opacity: 0;
}
.info-box:hover {
transform: scale(1.05);
box-shadow: 0 0 20px #8CCFEE;
}
.info-box:hover::before {
opacity: 1;
transform: rotate(-45deg) translateY(100%);
}
.slide {
--color: #008AFF;
--hover: #006BCC;
color: black;
background: none;
border: 2px solid var(--color);
padding: 1em 2em;
font-family: Inria;
line-height: 1;
margin: 0.5em;
cursor: pointer;
transition: 0.25s;
border-radius: 0.8em;
}
.slide:hover,
.slide:focus {
border-color: var(--hover);
color: #fff;
box-shadow: inset 25em 0 0 0 var(--hover);
}
.link-effect {
position: relative;
text-decoration: none; /* Remove default underline */
color: #007bff; /* Default color, change as needed */
transition: color 0.3s ease; /* Smooth color transition */
}
.link-effect::before {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 0;
height: 2px; /* Adjust the thickness of the underline */
background-color: currentColor; /* Use the link color for the underline */
transition: width 0.3s ease; /* Smooth width transition */
}
.link-effect:hover {
color: #0056b3; /* Change the color on hover */
}
.link-effect:hover::before {
width: 100%; /* Expand the underline to full width on hover */
}
.plans-container {
display: grid;
align-items: center;
grid-template-columns: 10% 80% 10%;
width: 75%;
margin-left: auto;
margin-right: auto;
}
.plans-header h2 {
display: flex;
justify-content: center;
font-size: 40px;
margin-top: 2em;
}
.feedback-container {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
max-width: 75%;
margin: 0 auto;
margin-top: 5em;
}
.feedback-header {
text-align: center;
width: 100%;
}
.feedback-header h2 {
display: flex;
align-items: center;
justify-content: center;
text-align: center;
position: relative;
font-size: 37px;
margin-top: 2em;
margin-bottom: 2em;
gap: 1em;
}
.feedback-header h2::before,
.feedback-header h2::after {
content: "";
position: relative;
display: inline-block;
width: 4.5em;
height: 8px;
}
.feedback-card-container {
display: grid;
align-items: stretch;
max-height: 300px;
overflow: hidden;
transition: max-height 1s ease-in-out;
font-size: 24px;
grid-template-columns: repeat(3, 1fr);
gap: 2em;
width: 100%;
}
.view-more {
text-align: center;
cursor: pointer;
font-size: 20px;
margin-top: 2em;
}
.bottom-footer {
display: flex;
justify-content: space-between;
align-items: center;
align-self: center;
}
.info {
font-size: 24px;
line-height: 1.5;
}
.emergency-claims-desktop {
}
.emergency-claims-phone {
display: none;
}
.newsletter {
text-align: center;
padding: 30px;
border-radius: 10px;
max-width: 30%;
margin-left: 20em;
margin-bottom: 4em;
}
.newsletter h2 {
font-size: 29px;
margin-bottom: 15px;
}
.email-container {
display: flex;
justify-content: center;
align-items: center;
border-radius: 25px;
padding: 5px;
margin: 0 auto 10px auto;
}
.newsletter input {
width: 100%;
padding: 15px;
border: none;
outline: none;
font-size: 16px;
border-radius: 25px;
background: none;
text-align: left;
}
/* Description text */
.newsletter p {
font-size: 18px;
margin-bottom: 15px;
}
.social-icons {
display: flex;
justify-content: center;
gap: 15px;
margin-top: 10px;
}
.social-icons img {
width: 35px;
height: 35px;
}
.contact-section::before {
content: "";
position: absolute;
top: 38%;
left: -50%;
width: 192%;
height: 34%;
background-color: #eaf7fc;
transform: rotate(-23deg);
z-index: 0;
}
.documents-header h2 {
display: flex;
justify-content: center;
font-size: 60px;
margin-top: 2em;
}
.documents-container {
display: grid;
align-items: center;
grid-template-columns: 10% 80% 10%;
width: 75%;
margin-left: auto;
margin-right: auto;
}
/* End Containers */
/* Sections */
/* End Sections */
/* Tables */
.table01 {
max-height: 0;
font-size: 20px;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
border-radius: 8px;
}
.table01.expanded {
max-height: 1000px;
}
.table01 th,
.table01 td {
padding: 16px 20px;
border-bottom: 1px solid #e0e0e0;
}
.table01 tr:first-child td {
font-weight: 600;
font-size: 21px;
}
.table01 td:first-child {
font-weight: 500;
width: 30%;
}
.table01 td {
line-height: 1.6;
}
/* End Tables */
/* Buttons and Links */
.button01 {
font-size: 25px;
font-weight: 400;
padding: 25px 55px;
border-radius: 70px;
border: none;
cursor: pointer;
width: fit-content;
}
.button03 {
font-size: 40px;
padding: 16px 32px;
border-radius: 8px;
text-align: center;
letter-spacing: 1px;
position: absolute;
z-index: 10;
top: 158px;
right: 15%;
display: inline-block;
white-space: nowrap;
}
.slidebtn {
font-size: 40px;
padding: 16px 32px;
border-radius: 8px;
text-align: center;
letter-spacing: 1px;
position: absolute;
z-index: 10;
top: 9em;
left: 70%;
display: inline-block;
white-space: nowrap;
}
.slidebtn02 {
font-size: 1.2vw;
padding: 16px 32px;
border-radius: 8px;
text-align: center;
letter-spacing: 1px;
z-index: 10;
display: inline-block;
white-space: nowrap;
float: right;
}
.slidebtn_container {
right: 6em;
top: 1em;
position: absolute;
}
@media screen and (min-width: 1100px) and (max-width: 1500px) {
.slidebtn {
font-size: 2em;
top: 7em;
}
.slidetext {
font-size: 1.4em !important;
top: 4em !important;
}
}
.button04 {
font-size: 50px;
font-weight: 400;
padding: 25px 55px;
border-radius: 70px;
border: none;
cursor: pointer;
width: fit-content;
position: absolute;
left: 33em;
bottom: 9.5em;
}
@media screen and (max-width: 1193px) {
.button04 {
left: 29em;
}
}
.arrow-icon {
display: block;
margin: 10px auto;
}
/* End Buttons and Links */
/* Inputs */
.input\.field01,
.select\.field01,
.textarea\.field01 {
width: 100%;
padding: 15px;
margin-bottom: 2em;
border-radius: 2px;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
font-size: 21px;
font-weight: 400;
}
.textarea\.field01 {
height: 250px;
}
input::placeholder,
textarea::placeholder,
select {
font-weight: 400;
}
/* End Inputs */
/* Texts */
.text01 {
font-size: 70px;
line-height: 1.3;
letter-spacing: 0.3px;
text-align: left;
display: block;
margin-bottom: 10px;
position: absolute;
top: 150px;
left: 15%;
}
.slidetext {
font-size: 27px;
line-height: 1.3;
letter-spacing: 0.3px;
text-align: left;
display: block;
margin-bottom: 10px;
position: absolute;
top: 6em;
left: 15%;
width: 40%;
}
.badge {
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
position: absolute;
bottom: -35px;
left: 25px;
padding: 20px 25px;
border-radius: 6px;
}
.badge strong {
font-size: 70px;
}
.badge span {
font-size: 12px;
}
.info-box {
display: flex;
align-items: center;
justify-content: center;
text-align: center;
flex: 1;
min-height: 7.5em;
padding: 15px;
border-radius: 8px;
font-size: 25px;
overflow: hidden;
position: relative;
transition: all 0.5s ease;
color: white;
}
.feedback-card {
display: flex;
flex-direction: column;
justify-content: space-between;
text-align: left;
padding: 0px 25px;
box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1);
border-radius: 5px;
margin: 10px;
}
.feedback-card .content {
flex-grow: 1;
}
/* End Texts */
/* Menus */
div.topbar {
width: 100%;
height: 12em;
position: fixed;
z-index: 1000;
left: 0;
}
div.topbarcontent {
display: grid;
grid-template-columns: 45% 45% 10% 0%;
width: 96%;
margin: 0 auto;
}
div.topbar-logo {
display: flex;
justify-content: left;
align-items: center;
width: 100%;
margin-top: 3em;
}
div.menu_small {
display: none;
}
div.language-switcher {
display: flex;
align-items: center;
text-align: center;
width: 100%;
margin-top: 4.5em;
justify-content: center;
}
div.language-switcher img {
width: 30px;
height: 30px;
margin: auto;
}
div.language-switcher a {
text-decoration: none !important;
}
div.language-switcher p {
font-size: 19px;
}
.footer {
width: 100%;
position: absolute;
left: 0;
}
.footercontent {
display: flex;
flex-direction: column;
align-items: flex-start;
width: 75%;
margin: 0 auto;
}
.footer-logo1 {
display: flex;
justify-content: center;
max-width: 10%;
margin-top: 5em;
}
.footer-logo2 {
display: flex;
justify-content: center;
max-width: 40%;
margin-top: 4em;
}
/* End Menus */
/* Fields */
/* End Fields */
/* Images */
.qr-code {
width: 15%;
margin-bottom: 1em;
margin-top: 1em;
}
.image01 {
margin-left: 0.5em;
}
.topbar-logo-image {
width: 12em;
}
.whyuslogo {
position: absolute;
right: 0;
top: 0;
height: auto;
max-width: 150px;
}
.akd-logo {
width: 100%;
height: auto;
}
.dcare-logo {
width: 100%;
height: auto;
}
/* End Images */
/*
* DCare application
*/
div.backtotop {
width: 1190px;
height: 2.7em;
bottom: 1em;
left: 0;
right: 0;
margin-left: auto;
margin-right: auto;
}
div.ipiddocument{
float: left;
width: 112%;
}
div.ipidlabel{
overflow: hidden;
float: left;
display: inline-flex;
flex-wrap: wrap;
width: 16%;
padding: 0.5em;
color: white;
border-radius: 5px;
height: 2em;
background: #132d51;
}
div.ipidlabel2{
overflow: hidden;
float: left;
display: inline-flex;
flex-wrap: wrap;
width: 16%;
padding: 0.5em;
color: white;
border-radius: 5px;
height: 2em;
background: #132d51;
}
div.chooseplan{
width: 16%;
padding: 0.5em;
color: white;
border-radius: 5px;
height: 2em;
}
#popup_newsletter2 {
width: 610px;
/*padding: 0rem 0rem 0rem 1.5rem;*/
bottom: 8%;
box-shadow:0 3px 10px rgba(0,0,0,.16) !important;
padding-top: 10%;
/*margin-right: auto;
left: 0;
right: 0;*/
}
img.popup_image{
width:34%;
}
div.submargin{
margin-left: 15em;
}
div.popup_newsletter_inner2{
width: 70%;
margin:0px auto;
padding-top:.5%;
}
div.popup_newsletter_inner_info{
width: 50%;
margin: 0px auto;
padding-bottom: 2%;
}
div.popup_newsletter_inner{
margin-top: 8%;
margin-bottom: 5%;
}
div.popup_newsletter_inner_photo{
width: 38%;
float: right;
}
button.popup_newsletter_inner_button{
width: 54%;
padding: 13px;
left: 15%;
font-size:20px;
}
p.popup_newsletter_terms{
font-size: 15px;
line-height: 1.5em;
margin-top: 0em;
margin-bottom:0px;
}
p.popup_newsletter_cookies{
font-size: 0.7em;
line-height: 1.5em;
margin-top: 1em;
margin-bottom: 0.5em;
}
#popup_newsletter2 div {
margin-bottom: 10px;
font-size: 1.1rem;
}
#popup_newsletter2 p {
width: 85%;
margin: 0px auto;
padding-bottom: 15px;
}
#popup_newsletter2 input {
/*width: 13em;*/
font-size: 0.7rem;
padding: 0.5em 0em 0.6em 1.2em;
}
#popup_newsletter2 p {
}
p.popup_newsletter_inner_title{
font-size: 1.3em;
}
p.popup_newsletter_inner_text{
font-size: 0.9em;
line-height: 1.5em;
margin-top: 1em;
margin-bottom: 1.5em;
}
/*Pop up message Correct/Error*/
/* Outer */
.modal {
padding-top: 100px; /* Location of the box */
left: 0;
top: 0;
width: 100%; /* Full width */
height: 100%; /* Full height */
display: none;
}
/* Modal Content */
.modal-content {
margin: auto;
width: 30%;
height: 140px;
border-radius: 5px;
border: 2px solid #888;
font-size:16px;
}
/* Modal Content */
.modal-smspopup {
margin: auto;
width: 35%;
border-radius: 5px;
border: 2px solid #888;
font-size:15px;
}
.modal-body {padding: 10px 0px;}
/*Modal Heater*/
.modal-header{
border-radius: 3px;
padding: 5px 16px;
font-size:12px;
}
.modal-header >span{
margin-left:-6px;
}
/*Modal Iamge*/
.modal-image{
overflow: hidden;
width: 35%;
margin: 0px auto;
font-size:15px;
}
.modal-image-smspopup{
overflow: hidden;
width: 50%;
margin: 0px auto;
font-size:15px;
}
.modal-image img{
margin:0px auto 0px 0px;
width:15%;
}
.modal-image p{
font-size: 16px;
}
/*Modal Heater*/
.modal-header{
width: 90%;
border-radius: 3px;
padding: 5px 16px;
font-size:12px;
}
/*Modal Footer*/
.modal-footer{
border-radius: 1px;
padding: 5px 16px;
}
/* The Close Button */
.close {
font-size: 28px;
}
/* Add Animation */
@-webkit-keyframes animatetop {
from {top:-300px; opacity:0}
to {top:0; opacity:1}
}
@keyframes animatetop {
from {top:-300px; opacity:0}
to {top:0; opacity:1}
}
/* The Close Button */
.close {
font-size: 28px;
}
/*Modal Form*/
/* Full-width input fields */
.container >input[type=text], input[type=password] input[type=number] {
width: 100%;
padding: 4px 10px;
margin: 8px 0;
border: 1px solid #ccc;
}
.referencedetails >label{
font-size: 18px;
}
.newuserdiv >label{
font-size: 15px;
}
.dropdown >label{
font-size: 15px;
}
.newuserdivtext >label{
font-size: 15px;
}
/* Set a style for all buttons */
button.formsubmit{
padding: 14px 20px;
margin: 8px 0;
width: 20%;
}
/* Center the image and position the close button */
.popup_enquiry_heater {
margin: 20px auto 15px;
/*border-bottom: 2px ridge #ddd;*/
width:100%;
}
.popup_enquiry_heater h2{
font-size: 28px;
font-weight: 300;
margin: 0px 0px 0px 25px;
}
span.psw {
padding-top: 16px;
}
/* The Modal (background) */
.popup_enquiry {
z-index: 1; /* Sit on top */
left: 0;
top: 0;
width: 100%; /* Full width */
height: 100%; /* Full height */
background-color: rgb(0,0,0); /* Fallback color */
background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
padding-top: 60px;
}
/* Modal Content/Box */
.popup_enquiry_content {
margin: 0% auto 8% auto; /* 5% from the top, 15% from the bottom and centered */
border: 2px solid #656565;
width: 35%; /* Could be more or less, depending on screen size */
padding: 0px 10px 10px 10px;
}
/*Modal main content */
.newuserdiv{
width: 87%;
margin: 10px 0px 0px 25px;
}
.newuserinput{
margin-top: 5px;
margin-bottom: 5px;
border: 1px solid #c3c4c4;
border-radius: 3px;
height: 23px;
width: 96%;
padding-left: 5px;
}
.newuserdivtext{
width: 87%;
margin: 10px 0px 0px 25px;
padding-top: 15px;
}
.mandatory{
width: 87%;
margin: 0px 0px 0px 25px;
}
.terms{
width: 87%;
margin: 0px 0px 0px 25px;
}
.serv_hours{
width: 87%;
margin: 0px 0px 0px 25px;
text-align: left;
margin-bottom: .2em;
font-size: 1em;
}
.submit{
margin: 0px 35px 0px 0px;
}
/* The Close Button (x) */
.closed {
top: 0;
font-size: 35px;
}
.closed:hover,
.closed:focus {
color: red;
cursor: pointer;
}
/* Add Zoom Animation */
.animate {
-webkit-animation: animatezoom 0.6s;
animation: animatezoom 0.6s
}
@-webkit-keyframes animatezoom {
from {-webkit-transform: scale(0)}
to {-webkit-transform: scale(1)}
}
@keyframes animatezoom {
from {transform: scale(0)}
to {transform: scale(1)}
}
/* Change styles for span and cancel button on extra small screens */
@media screen and (max-width: 300px) {
span.psw {
display: block;
float: none;
}
.cancelbtn {
width: 100%;
}
}
/*Label Form*/
label.label_form {
margin-bottom: 5px;
font-weight: 700;
width: 100%;
}
/*Input Message*/
textarea#message {
width: 97%;
height: 80px;
font-size: 15px;
margin-top: 5px;
margin-bottom: 5px;
border-radius: 3px;
padding-left: 5px;
}
/*Input Message*/
/*End Label form*/
div.bottlecart{
width: 30%;
top:20%;
right: 10%;
margin-top: 2%;
}
div.casecart{
width: 30%;
top:20%;
right: 10%;
margin-top: 2%;
}
div.addbottle{
border-radius: 2px;
font-size: 10px;
}
div.button01.wishlist{
font-size: 14px;
}
div.button01.instant{
font-size: 14px;
}
/*End Modal Form*/
/*End pop up message Correct/Error*/
div.leftlogo{
margin-top: 6%;
width: 100%;
}
div.headerbox01 {
width: 20%;
margin-top: 0.6rem;
font-size: 0.8rem;
}
div.headerbox02 {
margin-top: 0.1rem;
margin-right: 5rem;
font-size: 0.8rem;
}
/* popup_subscribe*/
.ropot_box{
width: 100%;
overflow: hidden;
height: 6em;
}
.popup_subscribe{
width: 23.5%;
height: 17%;
display: none;
position: absolute;
z-index: 1000;
background: #ececec;
border-style: solid;
border-width: 1px;
border-color: #cccccc;
border-radius: 5px;
margin-left: 47%;
margin-top: 2%;
padding: 2%;
}
.button_subscribe{
padding: 0px 0px 0px 0px;
cursor: pointer;
font-size: 14px;
color: white;
font-weight: normal;
font-family: Arial;
width: 3vw;
height: 2vw;
border-style: none;
margin: 0px auto;
background-color: #0459b2;
margin-top: 2%;
border-radius: 20% 15%;
}
.g-recaptcha{
}
/* End Popup_subscribe*/
div.footer_linksContainer {
height: 162px;
background: #4c4a49;
}
div.footer_leftColumn {
margin-top: 25px;
margin-left: 115px;
}
div.footer_rightColumn {
margin-top:45px;
margin-right: 100px;
}
div.newsletter_title {
font-size: 14.5px;
}
input.newsletter_submit {
margin-left: 3px;
width: 40px;
height: 26px;
border: 1px solid #c1c1c1;
border-radius: 5px;
}
a.footer_menu {
font-size: 18px;
}
a.footer_menu:hover {
}
ul#footer_nav li {
}
ul.footer_navStyle {
}
.footer_seperator {
font-size: 22px;
}
div.footer_rightColumn {
}
div.newsletter_title {
}
input.newsletter_submit {
}
div.followus {
font-family: helvetica;
color: white;
font-size: 14px;
}
div.bottom_leftImage {
width: 28%;
left: 0%;
top:4%;
}
div.bottom_rightImage {
width: 8%;
left: 0%;
top:0%;
}
div.bottom_leftText {
/*margin: 0px auto;*/
font-size: 12px;
margin-right: 6%;
}
a.webmasters {
}
a.webmasters:hover {
}
/*Social Icon*/
div.social-icon {
width: 8%;
margin-top:.9%;
float: right;
}
div.social{
width: auto;
margin-top: 25px;
}
div.socialbox{
width: auto;
}
div.mini{
width: auto;
}
.socialbox >ul{
width: 20%;
list-style-type: none;
margin: 1% 0% 0% 0%;
overflow: hidden;
width: 100%;
padding: 0px 0px 0px 0px;
}
.socialbox >ul li{
display: inline;
overflow: hidden;
float: left;
padding: 0px 13px 0px 0px;
}
.socialbox >ul >li >a >img {
width: 100%;
}
.mini >ul{
width: 20%;
list-style-type: none;
float: left;
overflow: hidden;
width: 100%;
padding: 0px 0px 0px 0px;
}
.mini >ul li{
display: inline;
overflow: hidden;
float: left;
padding: 0px 13px 0px 0px;
}
/*Li Skype*/
li.skype{
width: 28%;
}
/*End Social Icon*/
/*Up Footer */
.footer-up{
width: 100%;
margin: 0px auto;
margin-top: 3%;
}
.inline-div {
width:15%;
font-size:12px;
}
.inline-div2 {
width:15%;
font-size:12px;
border-style: solid;
border-width: 0px 1px 0px 0px;
border-color: #5EACEE;
}
.newsletter{
width:23%;
font-size:12px;
}
.list{
padding-left: 0%;
}
.list >li >a{
color:white;
}
button.newsletter_submit {
border: 0px;
padding: 2%;
width: 96%;
}
/*newsletter_input*/
div.newsletter_input{
width: 96%;
}
/*End newsletter_input*/
input.newsletter_textInput {
width: 100%;
height: 2em;
border-radius: 0px;
font-size: 14px;
margin-bottom: 3%;
}
/*End Up Footer */
/*Footer Down*/
div.footer_down{
height: 85px;
width: 75%;
margin: 0px auto;
margin-top: 2%;
}
/*Footer Details*/
div.footer_details{
width: 100%;
}
/*Footer Details*/
/*Stay Info Image*/
div.stayinfo{
width: 30%;
margin-top: 1%;
}
/*End Stay Info Image*/
/*Footer Box*/
div.footerbox{
width: 99%;
margin-left:1%;
margin-top: 0%;
}
/*End Footer Box*/
/*Footer Copyright*/
div.protuction{
margin-left: 2%;
font-size: .7vw;
}
/*End Footer Copyright*/
/*NewsLetterBox*/
div.newsletterbox{
margin-left: 1%;
margin-top: 1%;
width: 39%;
}
/*End News Letyterbox*/
/*Footerimagebox*/
div.footerimagebox{
width: 60%;
margin-top: 1%;
}
/*End footerimagebox*/
a.footermenuText02 {
color: #848483;
font-size: 1vw;
}
/* End Footer Down*/
/* End Footer*/
/* Begin News */
div.imagenews{
width: 33%;
margin: 1% 1% 0% 1.5%;
}
div.textnewstitle{
width: 60%;
margin-top: 2%;
z-index: 1000;
font-size: 22px;
}
div.textsubtitle{
font-size: 15px;
margin-top: .5%;
margin-bottom: .5%;
}
div.textcontetnews{
width: 60%;
height: 101px;
margin-top: 2%;
z-index: 1000;
}
div.category_sortingPaginationRight{
overflow: hidden;
height: auto;
width: 30%;
float: right;
margin-top:10%;
}
div.category_dropdownHeaders {
font-size: 0.7rem;
line-height: 20px;
margin-right: 8%;
}
form.category_pagination {
font-size: 0.7rem;
line-height: 20px;
}
a.arrowpageprev>img {
height: 15px;
}
a.arrowpagenext>img {
height: 15px;
}
div.newstitle {
margin: 0px auto;
margin-top: 2%;
margin-bottom: 2%;
width: 90%;
font-size: 2em;
}
div.newstext {
margin: 0px auto;
margin-top: 2%;
width: 90%;
font-size: 1em;
min-height: 240px;
}
div.lastnewsimagetwo >img{
width: 100%;
}
/* End News*/
div.footerseparator {
min-height: 340px;
}
div.footer2 {
width: 1200px;
padding-bottom: 1em;
}
div.footer2 .title {
width: 300px;
margin-bottom: 5px;
}
div.footerbox {
width: 230px;
margin: 0.6rem 0em 0.6rem 65px;
line-height: 1.2rem;
}
div.footerbox01 {
width: 95%;
margin-left: 5%;
}
div.footer3 {
font-size: 0.8rem;
}
div.footer3 img {
height: 24px;
}
div.content-aplication {
width: 100%;
margin: 0px auto 0px auto;
font-size: 1.1em;
text-align: left;
}
div.content-aplication ul {
margin: 0rem 0rem 0rem 0rem;
padding-left: 15px;
}
div.innercontent-application {
width: 100%;
margin: 0px auto 0px auto;
}
div.content-application02 {
margin-top: 3em;
}
div.innercontent01-application {
width: 90%;
margin: 0px auto 1em auto;
}
div.innercontentcard {
width: 100%;
}
div.coveragescard{
width:98%;
box-shadow: 0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22);
border-radius: 2px;
margin: 1rem;
}
div.innercontentscrollx01 {
overflow-x: hidden;
overflow-y: hidden;
}
div.innercontent02-application{
width: 70%;
margin: 0px auto 2em auto;
}
div.innercontent03 {
flex-direction: row;
}
div.innercontent04 {
flex-direction: row;
width: 50em;
}
div.innerparagraph {
width:100%;
margin: 0px auto 0px auto;
}
div.category_filter {
width: 100%;
}
img.categoryimage{
}
.topnav {
float: left;
width: auto;
height: auto;
margin: 0 auto;
}
.topnav a {
font-size: 17px;
}
.topnav a:hover {
}
.topnav a.active {
}
div.homelogo {
padding-top: 0.5em;
width: 20%;
}
.tablinks{
transition: 0.3s;
font-size: 17px;
width:100%;
height: 700px;
margin-bottom: 4%;
}
.tablinks:hover{
opacity: 1;
}
.tablinkslast{
transition: 0.3s;
font-size: 17px;
width: 24.5%;
height: 170px;
margin-bottom: 4%;
}
.tablinkslast:hover{
opacity: 1;
}
div.account div.leftpane {
width: 48%;
padding: 0em 1em 0em 1em;
/*margin-bottom: 10%;*/
}
div.account div.rightpane {
width: 48%;
padding: 2em 2em 2em 2em;
}
div.account div.label01 {
width: 100%;
padding-top: 0.5em;
font-size: 1.2em;
}
div.accountbutton{
padding-right: 1rem;
width: 100%;
height: 64px;
margin-bottom: 1%;
}
div.leftpane01 {
width: 170px;
min-height: 10em;
margin: 15px 0px 15px 10px;
}
div.leftpane02 {
width: 200px;
/* height: 602px; */
}
div.midpane02 {
width: 540px;
height: 571px;
margin: 0px 35px 0px 35px;
}
div.rightpane02 {
width: 40%;
}
div.rightpane03 {
width: 330px;
}
div.details_wishlistContainer {
width: 100%;
height: 35px;
font-size: 0.7em;
border-width: 1px;
margin-top: 25px;
margin-bottom: 20px;
}
div.details_wishlistContainerinner{
width:100%;
overflow: hidden;
display: table-cell;
padding: 4px 10px 4px 10px;
text-align: center;
vertical-align: middle;
}
img.addwishimg{
}
div.details_wishlistText {
font-size: 1.2em;
margin-top: 3%;
margin-left: 3%;
}
div.details_orderContainer {
width: 99%;
height: 100px;
font-size: 0.7em;
border-width: 1px;
}
div.details_orderContainerinner{
width:100%;
overflow: hidden;
display: table-cell;
padding: 15px 10px 4px 10px;
text-align: left;
}
img.orderimg{
}
/* Box Producer and Grape */
div.details_alsoboughtContainer {
margin: 6% auto 18px auto;
}
div.line{
width:40%;
margin-top: 2em;
margin-bottom: 1em;
border-width: 1px 0px 0px 0px;
}
div.details_alsoboughtTitle {
width: 20%;
font-size: 1.5em;
}
div.details_ProducerTitle{
font-size: 1.5em;
margin:15px auto;
}
div.details_GrapeTitle{
font-size: 1.5em;
margin:15px auto;
}
div.details_alsoboughtItemContainer {
width: 100%;
margin: 0em 1em 0em 0em;
}
div.details_alsoboughtImg {
width: 60%;
margin:0px auto;
}
div.category_breadcrumbTitle {
font-size: 2em;
}
div.category_breadcrumbText {
font-size: 2em;
}
div.category_breadcrumbBkg1 {
margin-top: 0px;
/* border-bottom: 35px solid #292a2b; */
border-right: 25px solid transparent;
height: 0;
width: 497px;
}
div.category_container2{
width: 49%;
text-align: center;
float: right;
position: absolute;
margin-left: 46.7%;
}
div.details_alsoboughtText {
font-size: 0.9rem;
padding: 0em;
}
div.producer_list{
width: 100%;
margin: 0px auto;
overflow: hidden;
position: relative;
margin-top:1%;
margin-bottom:4%;
}
div.grape_list{
width: 100%;
margin: 0px auto;
overflow: hidden;
position: relative;
margin-top:1%;
margin-bottom:4%;
}
a.viewproduser div {
text-align: center;
text-decoration: none;
/*border-style: solid;*/
/*border-width: 1px;*/
cursor: pointer;
}
div.viewproduser{
width: 20%;
position: relative;
padding: 15px 0px 15px 0px;
vertical-align: middle;
line-height:1.2em;
margin:0px auto;
font-size: 20px;
}
div.details_orderText {
font-size: 1.2em;
margin-top: 3%;
}
/* END Box Producer and Grape*/
#current_image {
max-width: 540px;
max-height: 621px;
}
#current_image_wrap {
width: 200px;
}
div.pagenumber{
}
div.category_sortingPagination{
margin-right: 0.5%;
overflow: hidden;
position: relative;
float: right;
}
div.category_dropdownHeaders {
font-size: 10px;
margin-right: 5px;
overflow: hidden;
position: relative;
float: left;
}
div.category_sortingContainer {
width: 145px;
}
select.category_dropdown01 {
font-size: 12px;
width: 95%;;
padding: 1px 0px 0px 0px;
background: white url(../image/arrowDown.png) no-repeat 95% center;
margin-left: .5%;
}
/*Left Menu */
div.searchbox{
width: 100%;
}
div.category_dropdownContainer {
width: 19%;
/*margin-top: 30px;*/
/*height: 45px;*/
}
div.innermenu{
width: 100%;
float:left;
margin: 0px auto 0px auto;
}
div.parentcategory{
margin-top: 15%;
}
div.parentcategory>img{
padding: 1.5px;
}
div.guide{
width: auto;
margin-top: 1%;
}
div.guide h1 {
margin: 0px;
padding: 0px;
font-size: inherit;
font-weight: inherit;
}
div.containercheckbox > input{
position: relative;
display: inline-block;
margin-right: 10px;
width: 20px;
height: 20px;
background: #5ac5c9;
position: absolute;
top: 3px;
left: 27px;
border-left: 2px solid
black;
border-bottom: 2px solid
black;
height: 6px;
width: 13px;
transform: rotate(-45deg);
}
.main {
display: block;
position: relative;
cursor: pointer;
/*font-size: 20px;*/
}
/* Hide the default checkbox */
.main input[type=checkbox] {
/*visibility: hidden;*/
margin: 0px;
}
/* Creating a custom checkbox
based on demand */
.geekmark {
position: absolute;
top: 0;
left: 0;
height: 14px;
width: 14px;
background-color: white;
border: solid 1px #c1c1c3;
}
/* Specify the background color to be
shown when hovering over checkbox */
.main:hover input ~ .geekmark {
background-color: #c1c1c3;
}
/* Specify the background color to be
shown when checkbox is active */
.main input:active ~ .geekmark {
background-color: #c1c1c3;
}
/* Specify the background color to be
shown when checkbox is checked */
.main input:checked ~ .geekmark {
background-color: #c1c1c3;
}
/* Checkmark to be shown in checkbox */
/* It is not be shown when not checked */
.geekmark:after {
content: "";
position: absolute;
display: none;
}
/* Display checkmark when checked */
.main input:checked ~ .geekmark:after {
display: block;
}
/* Main */
#menu {
width: auto;
margin: 0;
padding: 10px 0 0 0;
list-style: none;
position: relative;
float: left;
}
#menu li {
float: left;
padding: 0 0 10px 0;
position: relative;
}
#menu a {
float: left;
height: 25px;
/*padding: 0 25px;*/
color: black;
text-transform: uppercase;
font-family: helvetica;
font-size: 15px;
text-decoration: none;
/*text-shadow: 0 1px 0 #000;*/
cursor: pointer;
}
div.category_filterContainer {
}
div.category_filter {
/*margin-left: 10px;*/
}
/*End Left Menu*/
/* Thumb lists/ scroll lists. */
/* Single item thumb images. */
#thumblist01 {
width: 200px;
/*height: 540px;*/
}
#thumblist01 img {
width: 200px;
}
/* Home page new in thumb images. */
#thumblist02_wrap {
width: 100%;
height: 460px;
/*margin-top: 20px;*/
}
#thumblist02banner {
width: 219px;
height: 210px;
}
#thumblist02banner img {
width: 100%;
height: 100%;
}
#thumblist02left {
top: 80px;
left: 2px;
}
#thumblist02left img {
width: 24px;
height: 50px;
}
#thumblist02right {
top: 80px;
right: 2px;
}
#thumblist02right img {
width: 24px;
height: 50px;
}
#thumblist02 {
width: 90%;
height: 480px;
margin: 0px 40px 0px 0px;
white-space: nowrap;
}
div.thumblistinner02 {
width: 210px;
margin: 0px;
}
#thumblist02 div {
width: 200px;
margin: 0px 3em 0px 0px;
}
#thumblist02 img {
width: 100%;
padding: 0px;
/*height: 270px;*/
}
#thumblist02 div.title {
width: 100%;
height: 54px;
margin: 5px 0px 5px 0px;
}
#thumblist02 div.price {
width: 100%;
margin: 1px 0px 1px 0px;
height: 20px;
}
#thumblist02 div.button05 {
width: 65%;
padding-top: 13px;
padding-bottom: 13px;
margin: 0px;
font-size:12px;
}
/* End Home page new in thumb images. */
/* Get the look page new in thumb images. */
#thumblist03_wrap {
width: 100%;
height: 210px;
margin-top: 20px;
}
#thumblist03left {
top: 80px;
left: 10px;
}
#thumblist03left img {
width: 33px;
height: 33px;
}
#thumblist03right {
top: 80px;
right: 10px;
}
#thumblist03right img {
width: 33px;
height: 33px;
}
#thumblist03 {
width: 100%;
height: 220px;
margin: 0px 0px 0px 0px;
}
#thumblist03 div {
margin: 0px 5px 0px 5px;
}
#thumblist03 img {
width: 221px;
height: 210px;
}
/* End Get the look page new in thumb images. */
/* End Thumb lists/ scroll lists. */
/* Product category thumbnails. */
/*
div.thumbnail01 {
width: 80%;
font-size: 0.8rem;
margin: 0px 0px 15px 0px;
}
div.thumbnail01img {
overflow: hidden;
width: 185px;
height: 364px;
margin-top: 1%;
text-align: center;
}
div.thumbnail01img img {
width: 100%;
}
div.thumbnail01iteminfo{
height: 145px;
font-size: 1em;
width: 75%;
margin-top:2%;
}
div.thumbnail01right {
width: 80%;
font-size: 0.8rem;
}
div.thumbnail01rightimg {
overflow: hidden;
width: 233px;
text-align: center;
}
div.thumbnail01rightimg img {
width: 233px;
height: 364px;
}
div.containerup{
width: 100%;
height:121px;
margin-top: .5em;
}
p.itemname{
font-size: 1.2rem;
}
div.totalprice{
height: 20px;
margin-top: 27px;
font-size: 1.3em;
}
div.price{
width: 10%;
height: 35px;
margin-top: 1.5em;
font-size: 1.2em;
}
div.price >img{
padding-top: 9px;
padding-left: 9px;
}
div.containerinner{
width: 65%;
font-size: 1.2em;
}
div.containerleft{
margin-top: .1em;
width: 75%;
height: 35px;
}
div.containertitle{
line-height: 35px;
font-size: 12px;
margin-left: 2%;
}
div.containerleft >p {
line-height: 35px;
font-size: 12px;
}
div.quantity{
left: 68%;
}
div.containeright02{
top: 35%;
width: 95%;
background: #e6abd7;
height: 35px;
padding-left: 4px;
}
div.containeright01{
top: 0%;
width: 47%;
background: #e6abd7;
height: 35px;
padding-left: 4px;
}
div.containeright >button{
border-radius: 2px;
}
div.bottleprice{
margin-left: 190px;
line-height: 35px;
}
div.bottleprice02{
margin-left: 35%;
margin-top: 2%;
}
div.caseprice{
margin-left: 165px;
line-height: 35px;
}
div.caseprice02{
margin-left: 30%;
margin-top: 2%;
}
*/
/* End Product category thumbnails. */
/*Qyantity cart */
div.title_quantity{
font-size: 0.8em;
}
input.cart_quantity {
width: 2em;
border-width: 1px;
margin-left: 1em;
margin-right: 0.2em;
font-size: 0.8em;
height: 18px;
}
input.cart_quantity2 {
width: 2.2em;
margin-top: 7px;
font-size: 0.8em;
height: 20px;
text-align: center;
}
div.quantity_container{
float: left;
overflow: hidden;
width: 30%;
padding: 0.6em 0em 0.3em 0em;
margin-left: 2%;
text-align: left;
color: #333332;
font-weight: bold;
}
div.quantity_container_inner{
overflow: hidden;
float: right;
/*width: 50%;*/
}
div.quantity_container_inner2{
overflow: hidden;
float: right;
width: 14%;
height: 35px;
background: #e6abd7;
padding-right: 0.2em;
}
div.imagebottole{
width: 38px;
margin-left: 5%;
}
div.bottolediv{
width: 30%;
margin-top:3%;
right: 5%;
}
div.casediv{
width: 30%;
margin-top:3%;
right: 5%;
}
div.imagecase{
width: 38px;
margin-left: 5%;
}
input.cart_increment {
width: 20%;
margin-right: 5px;
margin-top: 0%;
}
input.cart_decrement {
width: 20%;
margin-top:0%;
}
input.cart_increment2 {
width: 15px;
margin-left: 5px;
margin-right: 5px;
margin-top:9px;
height: 15px;
padding-bottom: 2px;
}
input.cart_decrement2 {
width: 15px;
margin-right: 5px;
margin-top:9px;
height: 15px;
padding-bottom: 2px;
}
/*End Qyantity cart */
/* Interiors thumbnails. */
div.thumbnail02 {
width: 309px;
margin: 0px 7px 15px 8px;
}
div.thumbnail02 div.text02 {
font-size: 1.1rem;
}
div.thumbnail02img {
width: 309px;
height: 309px;
}
div.thumbnail02img img {
width: 100%;
height: 100%;
}
div.thumbnail02right {
width: 309px;
}
div.thumbnail02rightimg {
width: 309px;
height: 309px;
}
div.thumbnail01rightimg img {
width: 100%;
height: 100%;
}
/* End Interiors thumbnails. */
/* Interiors look thumbnails. */
div.lookthumbnail02 {
width: 175px;
margin: 0px 22px 0px 0px;
}
div.lookthumbnail02img {
width: 175px;
}
div.lookthumbnail02img img{
width: 175px;
height: 175px;
}
/* End Interiors look thumbnails. */
/* Product similar thumbnails. */
div.thumbnail03 {
width: 220px;
}
div.thumbnail03 img {
width: 220px;
}
/* End Product similar thumbnails. */
/* Collections thumbnails. */
div.thumbnail04 {
width: 383px;
margin: 0px 25px 25px 0px;
}
div.thumbnail04 img {
width: 100%;
}
div.thumbnail04right {
width: 383px;
}
div.thumbnail04right img {
width: 100%;
}
div.collection_wraplabel01 {
width: 100%;
height: 100%;
}
div.collection_wraplabel01 div.collection_label {
width: 9em;
top: 50%;
padding-top: 0.5em;
padding-bottom: 0.5em;
font-size: 1.5em;
margin-left: auto;
margin-right: auto;
left: 0;
right: 0;
}
div.collection_wraplabel01 div.collection_label span.bkg01 {
padding: 0.6em 1em 0.6em 1em;
font-size: 1.1em;
}
div.collection_wraplabel01 div.collection_label div.bkg01 {
padding: 0.6em 1em 0.6em 1em;
font-size: 1.1em;
}
div.collection_wraplabel01:hover div.collection_label {
}
/* End Collections thumbnails. */
/* Interiors templates. */
/* Template 01. */
div.t01seq10 {
}
div.t01seq10 img {
width: 737px;
height: 456px;
}
div.t01seq11 {
width: 211px;
}
div.t01seq11 div.text02 {
font-size: 0.8rem;
}
div.t01seq11 div.text02 div.text02 {
font-size: 1.2rem;
}
div.t01seq11 img {
width: 211px;
height: 211px;
}
/* End Template 01. */
/* Template 02. */
div.t02seq10 {
width: 211px;
}
div.t02seq10 div.text02 {
font-size: 0.8rem;
width: 211px;
}
div.t02seq10 div.text02 div.text02 {
font-size: 1.2rem;
}
div.t02seq10 img {
width: 211px;
height: 211px;
}
div.t02seq11 {
}
div.t02seq11 img {
width: 737px;
height: 456px;
}
div.t02other {
margin-bottom: 10px;
}
div.t02other div.text02 {
float: left;
max-width: 190px;
padding: 0rem;
margin: 0rem;
font-family: Arial;
font-size: 0.8rem;
}
div.t02other img {
width: 355px;
height: 368px;
margin-right: 10px;
}
div.t02othertext {
margin-bottom: 10px;
}
div.t02othertext div.text02 {
float: left;
max-width: 190px;
padding: 0rem;
margin: 0rem;
font-family: Arial;
font-size: 0.8rem;
}
div.t02othertext img {
width: 355px;
height: 368px;
margin-right: 10px;
}
/* End Template 02. */
/* Template 03. */
div.t03seq10 {
width: 475px;
}
div.t03seq10 img {
width: 475px;
height: 475px;
}
div.t03seq11 {
width: 474px;
}
div.t03seq11 div.text02 {
font-size: 0.8rem;
}
div.t03seq11 div.text02 div.text02 {
font-size: 1.2rem;
}
div.t03seq11 img {
width: 474px;
height: 294px;
}
div.t03other {
width: 309px;
margin: 0px 18px 0px 0px;
}
div.t03other img {
width: 309px;
height: 309px;
}
/* End Template 03. */
/* End Interiors templates. */
#prevslide {
width: 30px;
top: 40%;
left: 0.5em;
}
#nextslide {
width: 30px;
top: 40%;
right: 0.5em;
}
#slidenav{
width: 100%;
z-index: 100;
bottom: 1em;
text-align: center;
}
#slidenav a {
border-width: 1px;
border-radius: 50%;
margin-right: 1em;
font-size: 0.6em;
padding: 0em 0.6em 0em 0.6em;
}
#slidenav a.activeSlide {
}
div.homeslidetitle{
width: 90%;
font-size: 1.8em;
top: 33px;
left: 5%;
color: white;
display: inline-block;
text-decoration: none;
}
button.homethumbhoverbtn{
padding: .5%;
width: 12%;
font-size: 15px;
top: 25%;
left:9.5%;
cursor: pointer;
}
#submenu_area a.sub {
font-size: 14px;
}
#submenu_area div.sub {
width: 10em;
}
#slideshow {
width: 1200px;
height: 550px;
overflow: hidden;
margin: 0px auto 0px auto;
}
.pics {
width: 1200px;
height: 550px;
padding: 0;
margin: 0;
background: transparent;
border: 0px none #535255;
}
.pics img {
padding: 0px;
margin: 0px;
width: 1200px;
height: 550px;
}
.slidecontainer {
overflow: hidden;
width: 1200px;
height: 550px;
}
.slidecontainer div {
overflow: hidden;
height: 550px;
}
.slidecontainer div img {
max-width: 1200px;
max-height: 550px;
}
div.displayrecord01 {
width: 100%;
}
div.displaygroup01 {
width: 30%;
font-size: 1em;
}
div.displaygroup01first {
width: 30%;
font-size: 1em;
margin-left: 10%;
}
div.displaygroup01left {
width: 40%;
margin-top: 1.5em;
}
div.displaygroup01right {
width: 33%;
margin-left: -5%;
margin-right: 13%;
}
div.homebox01 {
width: 30%;
/*height: 273px;*/
}
div.displaygroup04 {
width: 48%;
}
div.displaygroup05 {
width: 70%;
}
div.displaygroup06 {
width: 95%;
height: auto;
padding: 0.5em 0em;
}
div.homebox01 img {
width: 100%;
}
div.homebox02 {
width: 30%;
/*height: 273px;*/
margin-left: 55px;
}
div.homebox02 img {
width: 100%;
}
div.homebox03 {
width: 30%;
/*height: 273px;*/
}
div.homebox03 img {
width: 100%;
}
div.homebox04 {
width: 49%;
height: 410px;
}
div.homebox04 img {
width: 100%;
height: 100%;
}
div.homebox05 {
width: 49%;
height: 410px;
}
div.homebox05 img {
width: 100%;
height: 100%;
}
div.homebox06 {
width: 201px;
height: 280px;
}
div.homebox06 img {
width: 100%;
}
div.homebox07 {
width: 201px;
height: 280px;
margin-left: 198px;
}
div.homebox07 img {
width: 100%;
height: 100%;
}
div.homebox08 {
width: 201px;
height: 280px;
}
div.homebox08 img {
width: 100%;
height: 100%;
}
div.homebox09 {
width: 100%;
/*height: 274px;*/
}
div.homebox09 img {
width: 100%;
/*height: 100%;*/
}
div.homebox10 {
width: 49%;
height: 533px;
}
div.homebox10 img {
width: 100%;
height: 100%;
}
div.homebox11 {
width: 49%;
height: 320px;
}
div.homebox11 img {
width: 100%;
height: 100%;
}
div.homebox12 {
width: 49%;
height: 320px;
}
div.homebox12 img {
width: 100%;
height: 100%;
}
div.homebox13 {
width: 363px;
height: 318px;
}
div.homebox13 img {
width: 100%;
height: 100%;
}
div.homebox14 {
width: 432px;
height: 318px;
margin-left: 26px;
}
div.homebox14 img {
width: 100%;
height: 100%;
}
div.homebox15 {
width: 356px;
height: 318px;
}
div.homebox15 img {
width: 100%;
height: 100%;
}
div.homebox16 {
width: 819px;
height: 320px;
}
div.homebox16 img {
width: 100%;
height: 100%;
}
div.homebox17 {
width: 357px;
height: 320px;
}
div.homebox17 img {
width: 100%;
height: 100%;
}
div.homebox18 {
width: 30%;
/*height: 245px;*/
border-width: 2px;
}
div.homebox18 img {
/* width: 100%;
height: 100%;*/
}
div.homebox19 {
width: 30%;
/*height: 245px;*/
margin-left: 28px;
border-width: 2px;
}
div.homebox19 img {
/* width: 100%;
height: 100%;*/
}
div.homebox20 {
width: 30%;
/*height: 245px;*/
margin-left: 28px;
border-width: 2px;
}
div.homebox20 img {
/* width: 100%;
height: 100%;*/
}
div.homebox21 {
width: 277px;
height: 245px;
border-width: 2px;
}
div.homebox21 img {
width: 100%;
height: 100%;
}
div.homebox_wraplabel01 {
width: 100%;
height: 100%;
}
div.homebox_wraplabel02 {
width: 100%;
height: 100%;
}
div.homebox_wraplabel03 {
width: 100%;
height: 100%;
}
div.homebox_label {
margin-top: 4%;
}
div.homebox_wraplabel01 div.homebox_label {
top: 30%;
width: 100%;
}
div.homebox_wraplabel01 div.homebox_label span.bkg01 {
padding: 0.3em 0.5em 0.3em 0.5em;
font-size: 1.5em;
}
/*div.homebox_wraplabel01:hover div.homebox_label {
bottom: 1rem;
width: 100%;
}*/
div.homebox_roundimage {
border-width: 2px;
border-radius: 50%;
margin-bottom: 1em;
}
div.homebox_roundimage:hover {
}
div.homebox_wraplabel02 div.homebox_label {
top: 50%;
width: 100%;
}
div.homebox_wraplabel02:hover div.homebox_label {
bottom: 1rem;
width: 100%;
}
div.homebox_wraplabel02 div.homebox_labelbutton {
width: 10em;
margin: 2em auto 0em auto;
}
div.homebox_wraplabel02 div.homebox_labelbutton div {
padding: 0.5em;
}
div.homebox_wraplabel02 div.homebox_labelbutton:hover div {
padding: 0.5em;
}
div.homebox_wraplabel02 img {
width: 133px;
height: 123px;
margin-top: 7em;
}
div.homebox_wraplabel03 div.homebox_label {
top: 45%;
width: 100%;
}
div.homebox_wraplabel03 div.marker {
bottom: -10em;
left: 48%;
}
div.homebox_wraplabel03:hover div.homebox_label {
bottom: 1rem;
width: 100%;
}
div.homebox_wraplabel03:hover div.marker {
bottom: 3em;
}
@keyframes bounces {
0% {
transform: translateY(0px);
}
30% {
transform: translateY(-25px);
}
50% {
transform: translateY(0px);
}
80% {
transform: translateY(-10px);
}
100% {
transform: translateY(0px);
}
}
@-webkit-keyframes bounces {
0% {
transform: translateY(0px);
}
30% {
transform: translateY(-25px);
}
50% {
transform: translateY(0px);
}
80% {
transform: translateY(-10px);
}
100% {
transform: translateY(0px);
}
}
div.social_wrap {
font-size: 1.1em;
}
div.newsletter_wrap {
}
div.newsletter_wrap input.field1 {
width: 20em;
padding: 0.7em 1.2em 0.7em 1.2em;
font-size: 1.1em;
border-width: 1px;
margin: 0em;
}
#popup_newsletter input.field1 {
width: 10em;
padding: 0.7em 1.2em 0.7em 1.2em;
font-size: 1.1em;
border-width: 1px;
margin: 0em;
}
div.stripe01 {
width: 630px;
height: 37px;
margin-top: 155px;
}
div.stripe02 {
width: 309px;
height: 37px;
margin-top: 155px;
}
div.social02 {
margin: 3em 0em 0em 0em;
padding-bottom: 0.5em;
}
div.social02 img {
width: 22px;
}
.pagetitle {
margin-left: 0.5em;
font-size: 1.8em;
padding: 0.5em 0em 0.4em 0rem;
}
.pagetitle01 {
font-size: 0.8em;
padding: 0.5em 0em 0.5em 0em;
}
div.pagesubtitle {
font-size: 1.3em;
padding: 0em 0em 0.4em 0rem;
margin-bottom: 1em;
}
div.pagesubtitle div {
width: 6em;
height: 2px;
margin-top: 1.2em;
margin-left: auto;
margin-right: auto;
}
/* Shop page. */
div.shopaddress {
width: 30%;
margin-right: 2%;
}
div.shopimage {
width: 30%;
height: 400px;
}
div.shopmap {
width: 68%;
height: 400px;
}
/* End Shop page. */
/* Link styles. */
a {
}
a:hover {
}
/* Page numbers. */
a.page {
}
a.page:hover {
}
a.pagecurrent {
}
a.pagecurrent:hover {
}
/* End Page numbers. */
a.link01 {
font-size: 1em;
}
a.link01 >img{
padding: 1.5px;
}
a.link01:hover {
}
a.link01_current {
}
/* New css akd*/
div.overgeneratedcheckbox {
width: 80%;
height: 4em;
}
div.generatedcheckbox{
width: 18%;
height: 3.07em;
font-size: 0.8em;
padding-bottom: 0.2em;
padding-top: 0.2em;
text-align: center;
}
div.textdotdependants1{
margin-right: 1em;
width: 13em;
}
div.dotnumbers{
line-height: 1.1em;
font-size: 23px;
margin-top:0.8em;
}
div.dotline1{
border: 1px solid #132d51;
width: 70%;
height: 0.7em;
margin-left: 0.5em;
border-radius: 0.5em;
}
div.tablephase3{
margin-top: 5em;
margin-right: 4em;
margin-left: 4em;
}
div.dotbar{
border: 1px solid #bbb;
width: 70%;
height: 0.7em;
margin-left: 0.5em;
border-radius: 0.5em;
}
#dotnavigation {
width: 80%;
margin-top: 4em;
margin-left: auto;
margin-right: auto;
}
#dotnavigation2 {
width: 90%;
margin-left: auto;
margin-right: auto;
margin-top: 3em;
}
div.dot {
height: 3em;
width: 3em;
border-radius: 50%;
}
div.otherdoc{
width: 45%;
margin-left: 8em;
}
div.parametetype{
width: 26%;
}
div.buttonhover {
width: 3%;
background-color: #0056b3;
border-radius: 2em;
color:white;
font-weight: 800;
font-size: 1em;
cursor: pointer;
}
div.buttonhover:hover {
width: 3%;
background-color: #0056b3;
border-radius: 2em;
color:black;
font-weight: 800;
font-size: 1em;
cursor: pointer;
}
.input-container {
border-radius: 20px;
margin-top: 1em;
}
.input-container input {
padding: 0px;
margin: 0px;
height: 37px;
}
div.footerBottomContent2 {
float: left;
width: 40%;
font-size: 1em;
padding-top: 1em;
}
div.footerBottomContent3 {
float: left;
width: 19%;
font-size: 1em;
padding-top: 1em;
}
div.poweredby{
float: right;
text-align: center;
width: 39%;
}
div.margins{
width: 100%;
}
div.margins_vericalspace {
height: 8em;
}
div.topmargin {
height: 200px;
}
input.buttoncontactus{
display: none;
}
div.bottomfooter{
width: 40%;
margin-left: 10em;
padding: 0.5em;
}
div.pollabels1{
margin-left: 10em;
}
div.pollabels2{
margin-left: 8.5em;
}
div.titledoc{
margin-left: 10%;
width: 13%;
}
div.pollabels3{
margin-left: 10em;
}
div.pollabels4{
margin-left: 12em;
}
div.buttonpolicy {
margin-left: 5em;
}
div.line{
margin-bottom: 1em;
width: 100%;
}
input.field03{
border-radius: 25px;
}
div.footerContentNewsLetter{
width:20%;
margin-top: 1em;
margin-left: 0.5em;
font-size: 0.9;
}
div.footerContentNewsLetter1{
width:20%;
margin-top: 1em;
margin-left: 0.5em;
font-size: 0.9em;
}
a.instypes{
font-size: 14px;
font-weight: 400;
}
div.footerContentDown1{
width:20%;
}
div.footerContent2{
width: 25%;
margin-top: 4em;
}
div.footercontent1{
overflow: hidden;
background-color: #0b213f;
}
img.mobile {
z-index: 999;
top: -11em;
display: block;
}
i.icons{
font-size:3em;
}
div.subfooterContent3 {
float: left;
width: 100%;
font-size: 1.1em;
padding-top: 1em;
}
div.subfooterContent3 span {
width: 30%;
float: left;
margin-right: 3%;
}
div.footerContent3{
width: 90%;
}
div.footer4{
width: 100%;
background-color: #132d51;
height: 39em;
}
div.startfooter{
border: none;
background-color: #cccccc;
}
img.homelogo{
display: block;
max-width: 100%;
height: auto;
margin-top: 6em;
}
div.home1{
width: 100%;
padding-top: 2em;
padding-bottom: 2em;
}
div.subhome1{
}
div.subcontent1{
font-size: 1.9rem;
font-weight: 700;
line-height: 1.1;
margin-top: 1em;
margin-right: 0.5em;
}
img.akdlogo{
max-width: 100%;
}
div.family{
width: 90%;
margin-top: 2em;
}
div.subfamily{
width: 33%;
}
div.subfamily1{
font-size: 18px;
color: #000;
}
img.subfamilyimage{
height: auto;
float: left;
}
div.subfamily2{
font-size: 18px;
color: #000;
}
div.plan{
width: 90%;
margin-bottom: 3em;
}
div.subplan{
width: 20%;
margin-top: 2em;
}
div.subplan1{
width: 80%;
}
div.plantext{
width: 17%;
margin-top: 2em;
padding-top: 2em;
padding-bottom: 2em;
}
div.planimg {
width: 100%;
}
div.planimgtext{
color: #262d51;
font-size: 0.8em;
font-weight: bold;
width: 100%;
}
.container {
width: 20%;
height: 510px;
}
.container1 {
width: 100%;
}
img.dcarelogo {
max-width: 100%;
max-height: 100%;
}
.tag3 {
width: 90%;
top: 50%;
left: 52%;
transform: translate(-50%, -50%);
}
.tag {
width: 80%;
top: 18em;
padding-left: 2em;
z-index: 1000;
}
div.dcaretext{
width: 25%;
font-size: 2em;
font-weight: 400;
margin-right: 1em;
}
div.dcaretext2{
width: 25%;
font-size: 18px;
color: #000;
margin-left: 4%;
}
img.dcarelogo2{
margin-left: 9em;
}
input.buttondcare{
background-color: #5eacee;
border-color: #5eacee;
padding-top: 0.5em;
padding-bottom: 0.5em;
padding-left: 1em;
padding-right: 1em;
margin-left: 9em;
}
div.medicalplan{
width: 80%;
margin-top: 2em;
}
div.medicalplantext1{
width: 22%;
font-size: 1em;
margin-right: 3%;
}
div.medicalplantext2{
width: 22%;
font-size: 1em;
margin-right: 3%;
}
div.medicalplantext3{
width: 22%;
font-size: 1.5em;
margin-right: 3%;
font-weight: 400;
margin-top: 2em;
}
img.medicalplanimg{
margin-top: 1em;
}
div.inputForm{
width: 40%;
margin-top: 3em;
margin-left: 0.5em;
}
div.inputForm1{
width: 40%;
margin-left: 2em;
margin-top: 3em;
}
div.inputForm3{
width: 85%;
margin-top: 2.5em;
margin-left: 0.5em;
}
.formfield{
width: 100%;
padding: 12px 20px;
margin: 8px 0;
box-sizing: border-box;
border: none;
border-bottom: 1px solid black;
}
div.formstyle{
width: 80%;
margin-bottom: 9em;
}
figure.item {
margin: 2em 0em 0em 0em;
width: 20%;
}
img.c1 {
width: 45px;
height: 45px;
}
div.recaptchabox{
margin-left: 1em;
}
/*
div.formbutton{
padding-bottom: 0.5em;
padding-top: 0.5em;
margin-top: 3em;
border: 1px solid #5eacee;
cursor: pointer;
}
*/
div.intercontent{
width: 50%;
}
div.imghand{
width: 40%;
}
div.textsubcontent{
width: 52%;
margin-left: 2em;
}
div.subcontent2{
width: 100%;
margin-top: 4em;
}
.tag4 {
top: 3em;
z-index: 1000;
width: 40%;
left: 30%;
font-size: 1.5em;
}
div.vision{
width: 32%;
margin-left: 1em;
}
div.logoquotesright{
width: 7%;
height: 4em;
}
div.logoquotesleft{
width: 7%;
height: 4em;
}
div.textcontent2{
width: 44%;
margin-top: 0.5em;
}
div.subquotescontent1{
width: 100%;
padding-top: 2em;
padding-bottom: 2em;
padding-left: 0.5em;
padding-right: 0.5em;
margin-top: 0.5em;
background-color: #132d51;
}
div.claimscontent{
width: 60%;
margin-top: 4em;
}
div.claiscontent1{
width: 60%;
margin-top: 2em;
margin-bottom: 5em;
}
div.downloadbutton{
margin-top: 5em;
width: 50%;
}
div.contacttext{
width: 60%;
}
div.contactcontent1{
width: 50%;
margin-top: 2em;
margin-left: 0em;
}
div.contactimage{
width: 35%;
}
div.plandetailreco{
width: 25%;
margin-top: 2em;
}
.field01 {
width: 89%;
padding: 0.7em 1.2em 0.7em 1.2em;
font-size: 1.1em;
border-width: 1px;
margin: 0em;
}
div.innercoveragescard{
width: 20%;
margin-top: 0.5em;
margin-right: 0.2em;
}
div.innercoveragescard01{
width: 100%;
}
div.coveragetitle{
width: 92%;
padding: 0.5em;
color: white;
border-radius: 5px;
height: 4.5em;
top:0;
position: sticky;
background: #132d51;
}
div.innercoveragetitles{
width: 96%;
height: 6em;
font-size: 0.8em;
border-bottom: 1px solid #132d51;
padding-bottom: 0.2em;
padding-top: 0.2em;
margin-left: 0.2em;
}
div.qtypetitles{
width: 18%;
padding: 0.5em;
color: white;
height: 4.5em;
border-radius: 5px;
background-color: #132d51;
}
div.plancoverage{
width: 19%;
}
div.innerplancoverage{
width: 100%;
height: 6em;
font-size: 0.8em;
padding-bottom: 0.2em;
padding-top: 0.2em;
border-bottom: 1px solid white;
}
div.headerform1{
width: 98%;
border-radius: 999px;
height: 1.5em;
font-size: 1.5em;
padding: 0.5em;
font-weight: 800;
margin-top: 2em;
}
table {
border-collapse: collapse;
width: 100%;
}
th, td {
text-align: left;
padding: 8px;
text-align: center;
}
th {
background-color: #132d51;
color: white;
}
tr:nth-child(even) {background-color: #f2f2f2;}
tr.dcare_optional {
background: rgb(232, 243, 253);
}
input.memebersinfo2{
width: 50%;
height: 2.5em;
font-size: 1.5em;
padding: 0.5em;
font-weight: 800;
border-radius: 0.25rem;
}
input.memebersinfo{
width: 100%;
font-size: 1.5em;
padding: 0em;
font-weight: 800;
border-radius: 0.25rem;
}
input.quotationbutton{
width: 30%;
height: 2em;
font-size: 1.5em;
margin-bottom: 2em;
padding: 0.5em;
margin-top: 2em;
font-weight: 800;
border-radius: 0.25rem;
cursor: pointer;
}
input.quotationbuttonhome{
width: 30%;
height: 2em;
font-size: 1.5em;
margin-bottom: 2em;
padding: 0.5em;
margin-top: 2em;
font-weight: 800;
border-radius: 0.25rem;
cursor: pointer;
}
select.formquot{
width: 55%;
padding: 0.5em;
}
input.discount{
width: 55%;
padding: .375rem .75rem;
font-size: 1rem;
line-height: 1.5;
border-radius: .25rem;
}
div.dropdown03{
width: 100%;
font-weight: 800;
font-size: 1em;
margin-top: 1em;
}
input.othertext{
width: 65%;
padding: .375rem .75rem;
font-size: 17 px;
line-height: 1.5;
border: 1px solid #ced4da;
border-radius: .25rem;
margin-right: 0.2em;
}
div.loading1{
width: 100%;
margin-top: 1em;
font-weight: 800;
font-size: 1em;
}
div.subheaderformHome{
width: 45%;
font-weight: 800;
font-size: 1em;
margin-left: auto;
margin-right: auto;
}
div.subheaderform{
width: 45%;
font-weight: 800;
font-size: 1em;
}
div.subheaderform1{
width: 100%;
font-weight: 800;
margin-left: 6em;
font-size: 1em;
margin-top: 1em;
/* margin-bottom: 5em; */
}
div.subheaderformHome1{
width: 100%;
font-weight: 800;
font-size: 1em;
margin-top: 1em;
margin-left: 15em;
/* margin-bottom: 5em; */
}
div.generalcontent1{
width: 45%;
font-weight: 800;
font-size: 1em;
margin-left: 4.5em;
}
select.wselect1{
width: 55%;
padding: 8px 10px;
background-size: 10px;
border-radius: 10px;
border: 1px solid #ccc;
font-size: 17px;
}
select.wselect02{
width: 35%;
padding: 0.5em;
}
label.spouse{
float: right;
}
div.policylist {
width: 98%;
}
div.quotationdetails{
width: 6%;
border-width: 0px 0px 0px 0px;
padding: 0.3em 0em 0.3em 0em;
}
div.quotationdetails1{
width: 6%;
border-width: 0px 0px 0px 0px;
padding: 0.3em 0em 0.3em 0em;
font-size: 0.7em;
}
div.quotationdetails2{
width: 6%;
border-width: 0px 0px 0px 0px;
padding: 0.3em 0em 0.3em 0em;
font-size: 0.7em;
}
div.subquotationdetails{
width: 6%;
padding: 0.3em 0em 0.3em 0em;
}
div.subquotationdetails1{
width: 6%;
padding: 0.3em 0em 0.3em 0em;
font-size: 0.7em;
}
div.subquotationdetails1hover{
width: 10%;
padding: 0.3em 0em 0.3em 0em;
}
div.subquotationdetails1hover:hover{
width: 10%;
padding: 0.3em 0em 0.3em 0em;
color:#2d73d6;
text-decoration: underline;
}
div.subquotationdetails2{
width: 6%;
padding: 0.3em 0em 0.3em 0em;
font-size: 0.7em;
}
div.pastquot{
width: 70%;
margin: 0em auto 0.5em auto;
border-width: 1px 0px 1px 0px;
border-color: #d3d3d3;
}
div.quotations{
width: 70%;
margin: 0em auto 0.5em auto;
border-width: 1px 0px 1px 0px;
}
div.subquotations{
width: 70%;
margin: 0em auto 0em auto;
}
div.button-container{
bottom: 50%;
right: 20%;
}
div.button-container a{
border-radius: 1.5em;
padding: 1.5em 2em;
}
/* New css akd */
/* Breadcrump link */
a.link02 {
}
a.link02:hover {
}
a.link02_current {
}
a.link03 {
}
a.link03:hover {
}
a.link03_current {
}
a.link04 {
}
a.link04:hover {
}
a.link04_current {
}
a.link05 {
}
a.link05:hover {
}
a.link05_current {
}
a.button01 {
}
a.button01:hover {
}
a.button01 div{
font-size: 1em;
padding: 0.3em .3em 0.3em .3em;
}
a.button01 span {
}
a.button01 div:hover {
}
/* Padding for buttons Application Form */
a.button01 .paddingAppFormBtns {
padding-left: 2em;
padding-right: 2em;
}
/* Padding for buttons Application Form */
a.button02 {
}
a.button02:hover {
}
a.button02 div {
font-size: 10px;
padding: 0.2em 0.5em 0.3em 0.3em;
}
a.button02 span {
}
a.button02 div:hover {
}
a.button02disabled {
}
a.button02disabled div {
}
a.button02disabled:hover {
}
a.button03-application {
}
a.button03-application:hover {
}
a.button03-application div {
font-size: 0.8em;
padding: 0.5em 2em 0.5em 2em;
transition: 0.5s;
}
a.button03-application span {
margin: 0em;
padding: 0em;
}
a.button03-application div:hover {
border: 1px solid #5eacee;
padding: 0.5em 2em 0.5em 2em;
}
a.button04-application {
}
a.button04-application:hover {
}
a.button04-application div {
float: left;
font-size: 0.8em;
padding: 0.5em 2em 0.5em 2em;
border-radius: 25px;
transition: 0.5s;
}
a.button04-application span {
margin: 0em;
padding: 0em;
}
a.button04-application div:hover {
border: 1px solid #5eacee;
padding: 0.5em 2em 0.5em 2em;
border-radius: 25px;
}
a.button05 {
}
a.button05:hover {
}
a.button05 div {
font-size: 0.8em;
padding: 0.5em 2em 0.5em 2em;
border-radius: 25px;
transition: 0.5s;
}
a.button05 span {
margin: 0em;
padding: 0em;
}
a.button05 div:hover {
padding: 0.5em 2em 0.5em 2em;
border-radius: 25px;
}
a.button06 {
}
a.button06:hover {
}
a.button06 div{
font-size: 1em;
padding: 14px;
}
a.button06 span {
}
a.button06 div:hover {
}
a.button07 {
}
a.button07:hover {
}
a.button07 div {
font-size: 10px;
padding: 0.2em 0.5em 0.3em 0.3em;
}
a.button07 span {
}
a.button07 div:hover {
}
a.button_send {
}
a.button_send:hover {
}
a.button_send div {
font-size: 0.8em;
padding: 0.5em 2em 0.5em 2em;
border-radius: 25px;
transition: 0.5s;
}
a.button_send span {
margin: 0em;
padding: 0em;
}
a.button_send div:hover {
border: 1px solid #5eacee;
padding: 0.5em 2em 0.5em 2em;
border-radius: 25px;
}
.button_send {
margin-top: 1.5em;
margin-left: 3.5em;
}
a.button_buy {
display: inline-block;
}
a.button_buy:hover {
}
a.button_buy div {
font-size: 1em;
padding: 0.8em 2.5em;
border-radius: 50px;
background: #5eacee;
color: white;
font-weight: bold;
text-align: center;
transition: all 0.3s ease-in-out;
}
a.button_buy span {
display: block;
margin: 0;
padding: 0;
}
a.button_buy div:hover {
box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.3);
transform: translateY(-2px);
}
.button_buy {
display: flex;
justify-content: center;
align-items: center;
margin-top: 1em;
}
/* End Link styles. */
/* Check boxes. */
div.checkbox01 {
width: 9px;
height: 9px;
margin: 0.25em 0.3em 0.3em 0em;
}
div.checkbox01_current {
width: 9px;
height: 9px;
margin: 0.25em 0.3em 0.3em 0em;
}
/* End Check boxes. */
div.wrap_signin {
overflow: hidden;
float: right;
}
div.register_signin{
width:100%;
margin-top:.8em;
font-size: 0.8rem;
}
div.register_signin div {
margin: 0em 0em 0em 2em;
}
div.bags{
/*margin-left: 10px;*/
height: 100%;
}
img.lang {
width: 13%;
}
div.topbar_euro{
font-size: 0.8em
line-height: 10px;
margin-right: 1rem;
/*margin-left: 40px;*/
}
div.topbar_euro img{
margin-top:1%;
width:13px;
}
div.wrap_freetextsearch {
/*padding: 0.2em 0.2em 0em 0.2em;*/
}
div.searchlabel{
width:100%;
float:left;
}
input.search {
width: 99%;
/*height: 1em;*/
border: 0px solid #f3eaea;
border-radius: 0px;
box-shadow: 0 0px 0px 0px #f3ebeb inset;
font-size: 0.8rem;
border-bottom: 1px solid black;
margin-bottom: 3%;
background-repeat: no-repeat;
background-position: right;
color: black;
}
div.wishlist-icon{
font-size: 1.2em;
border: 3px solid #eda71f;
padding-left:3px;
padding-right:3px;
border-radius: 17px;
top: 22%;
right:2%;
}
div.logout{
/*margin-top:20%;*/
}
.field01 {
width: 89%;
padding: 0.7em 1.2em 0.7em 1.2em;
font-size: 1.1em;
border-width: 1px;
margin: 0em;
}
.textarea01 {
font-size: 1.1em;
width: 18em;
padding: 0.7em 1.2em 0.7em 1.2em;
height: 6rem;
border-width: 1px;
}
div.wrap_dropdown02 {
width: 18em;
padding: 0.7em 1.2em 0.7em 1.2em;
font-size: 1.1em;
border-width: 1px;
margin: 0em;
background-position: 95% 50%;
}
div.wrap_dropdown02 select {
width: 19em;
font-size: 1.1em;
}
table.main {
margin-top: 0px;
margin-left: auto;
margin-right: auto;
border: 1px solid #cccccc;
width: 1020px;
height: 100px;
font-family: Helvetica, Tahoma, Verdana, Arial, Times New Roman, Geneva, Sans-Serif;
font-size: 12px;
background-repeat: repeat-x;
background-position: top;
}
div.section_title {
border-style: solid;
border-width: 0px 0px 1px 0px;
border-color: #a0a0a0;
color: #ffffff;
font-weight: bold;
font-size: 16px;
}
div.section_content {
overflow: hidden;
border-style: none;
color: #ffffff;
font-weight: bold;
font-size: 12px;
margin-bottom: 30px;
}
div.box_message {
float: left;
margin: 5px 5px 5px 0px;
border-style: solid;
border-width: 1px;
border-color: #a0a0a0;
color: #ffffff;
font-weight: bold;
font-size: 12px;
width: 100px;
height: 100px;
}
div.box_message_read {
overflow: scroll;
border-style: solid;
margin: 20px 10px 10px 0px;
padding: 5px;
border-width: 3px;
border-radius: 10px;
border-color: #a0a0a0;
background: #ffffff;
color: #000000;
font-size: 12px;
width: 500px;
height: 250px;
}
div.popup_key {
display: none;
position: absolute;
z-index: 100;
border-style: solid;
padding: 5px;
border-width: 1px;
border-radius: 10px;
border-color: #a0a0a0;
background: #ffffff;
color: #000000;
font-size: 12px;
width: 300px;
height: 100px;
}
td.pagelist {
height: 137px;
width: 504px;
color: #6f7072;
font-family: Helvetica, Tahoma, Verdana, Arial, Times New Roman, Geneva, Sans-Serif;
font-size: 12.5px;
vertical-align: top;
background-image: url('../image/bkg_article_list.png');
background-repeat: no-repeat;
}
.content_box {
border-width: 1px;
border-style: solid;
width: 300px;
height: 400px;
background-image: url('../image/ContentBox.png');
background-repeat: no-repeat;
background-position: center;
}
td.content-aplication {
vertical-align: top;
background-color: #011223;
}
table.developer {
margin-top: 10px;
margin-left: auto;
margin-right: 10px;
border-style: none;
font-family: Helvetica, Tahoma, Verdana, Arial, Times New Roman, Geneva, Sans-Serif;
font-size: 10px;
color: #eeeeee;
}
a {
text-decoration: none;
color: #b2b2b2;
outline: none;
}
a:hover {
text-decoration: underline;
}
.pagecontent_std {
vertical-align: top;
font-family: Helvetica, Tahoma, Verdana, Arial, Times New Roman, Geneva, Sans-Serif;
font-size: 16px;
text-align: left;
padding: 0px 0px 0px 0px;
color: #ffffff;
}
a.link1 {
color: #ffffff;
font-family: Helvetica, Tahoma, Verdana, Arial, Times New Roman, Geneva, Sans-Serif;
font-size: 13px;
font-weight: bold;
}
a.link1:hover {
color: #e2001a;
text-decoration: none;
}
#makeMeScrollable
{
width:100%;
height: 330px;
position: relative;
}
#makeMeScrollable div.scrollableArea img
{
position: relative;
float: left;
margin: 0;
padding: 0;
}
#prjback {
position: absolute;
width: 1180px;
z-index: 50;
margin-top: -15px;
padding: 0em;
-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=60)';filter: alpha(opacity=60); -moz-opacity: 0.6; -khtml-opacity: 0.6; opacity: 0.6;
}
#prjback p {
width: 6em;
font-size: 0.85em;
font-weight: bold;
float: right;
padding: 0.1em 0em 0.1em 0em;
margin: 0em 1em 0em 0em;
text-align: center;
background: #505050;
}
#box_contact {
display: none;
position: absolute;
z-index: 10000;
top: 150px;
margin-left: 100px;
background: #dddddd;
border: 1px solid #eeeeee;
padding: 2em;
overflow: auto;
}
div.small_screen_clear_float {
display: none;
}
a.fb_link {
font-weight: 700;
font-size: 1.3em;
}
a.fb_link div {
padding-top: 0em;
line-height: 1em;
transition: 0.3s;
}
a.fb_link:hover div {
}
a.linkedin_link {
font-weight: 700;
padding: 0px;
font-size: 0.9em;
}
a.linkedin_link div {
border-radius: 2px;
line-height: 0.9em;
padding: 0.1em;
transition: 0.3s;
}
a.linkedin_link:hover div {
}
a.ig_link {
font-weight: 700;
padding: 0px;
font-size: 0.9em;
}
a.ig_link div {
border-radius: 2px;
line-height: 0.9em;
padding: 0.1em;
transition: 0.3s;
}
a.ig_link:hover div {
}
/* New CSS */
/* General message popup */
#modalpopup {
padding-top: 6.25em; /* Location of the box */
left: 0;
top: 0;
width: 100%; /* Full width */
height: 100%; /* Full height */
display: none;
}
.modalpopup_content {
margin: auto;
width: 35%;
height: 8.75em;
border-radius: 0.3em;
border: 0.1em solid #888;
font-size: 0.9em;
}
.modalpopup_header {
border-radius: 0.18em;
padding: 0.3em 1em;
font-size: 0.75em;
}
.modalpopup_body {
font-size: 1.2em;
padding: 0.6em 0.6em;
}
.modalpopup_close {
font-size: 1.75em;
}
.modalpopup_close:hover, .modalpopup_close:focus {
}
/* End General message popup */
/* Thumbnails */
div.thumbnail01 {
width: 24%;
margin-top: 0.5em;
padding-top: 0em;
padding-bottom: 0em;
}
div.thumbnail01 img {
}
div.thumbnail01content {
color: #262d51;
font-size: 0.8em;
font-weight: bold;
width: 15em;
padding-top: 2em;
padding-bottom: 2em;
border-radius: 50%;
margin-left: auto;
margin-right: auto;
float: none;
}
div.thumbnail01content:hover {
}
a div.thumbnail01content p {
font-family: Open Sans;
font-weight: 800;
}
/* End Thumbnails */
/* Cookies popup */
#popup_cookies {
}
#cookiebutton {
padding: 0.2em 0.2em;
bottom: 0.1em;
right: 5.6em;
width: 11.2em;
}
#cookiebox {
right: 0em;
}
.cookietext {
max-width: 100%;
padding: 0.5em 1em 1em 1em;
}
.cookietext .button03-application {
padding: 0.5em 1em;
float: right;
margin-top: 1em;
margin-right: 1em;
margin-bottom: 1em;
}
.cookietext .button03-application:hover {
}
#cookiebutton:hover {
}
/* End Cookies popup */
/* Slideshow */
div.slidetext {
z-index: 5000;
left: 2em;
right: 0px;
font-size: 3em;
top: 30%;
font-weight: 400;
}
/* Slideshow */
#appquestion {
font-size: 1em;
}
.phase3column {
text-align: center;
font-size: 0.8vw;
padding: 0px;
}
div.phase3Text {
float: left;
margin: 0.5em 0em;
}
div.phase3Text span {
float: left;
margin-right: 1px;
}
div.phase3Btn {
float: left;
padding: 5px 0px;
margin: 0.5em 0em;
}
div.phase3Btn input {
padding: 0px;
margin: 1px 1px 1px 1px;
width: 14px;
height: 14px;
}
#direct_debit_details {
font-size: 1rem;
}
/* Begin Radio button for yes/no */
.radio_questiontype01 label {
position:relative;
cursor:pointer;
}
.radio_questiontype01 label input {
display:none;
}
.radio_questiontype01 label span {
position:relative;
display:block;
background: #ffffff;
color: #000000;
width: 60%;
height: auto;
margin: 0em auto;
padding: 1em;
border: 1px solid #ced4da;
border-radius: 25px;
}
.radio_questiontype01 label input:checked ~ span {
border: none;
}
.radio_questiontype01 label input:checked ~ span.yes {
background:#5eacee;
}
.radio_questiontype01 label input:checked ~ span.yes:before,
.radio_questiontype01 label input:checked ~ span.yes:after {
background:none;
}
.radio_questiontype01 label input:checked ~ span.no {
background:#5eacee;
}
.radio_questiontype01 label input:checked ~ span.no:before,
.radio_questiontype01 label input:checked ~ span.no:after {
background:none;
}
/*
.radio_questiontype01 input[type="radio"] {
}
.radio_questiontype01 label {
display: inline-block;
cursor: pointer;
width: 60%;
height: auto;
margin: 0em auto;
padding: 1em;
border: 1px solid #ced4da;
border-radius: 25px;
}
.radio_questiontype01 label:hover {
border-color: #5eacee;
}
*/
/* End Radio button for yes/no */
/* Begin Radio button for paymethod */
.radio_paymethod {
width: 30%;
float: left;
}
.radio_paymethod label {
position:relative;
cursor:pointer;
}
.radio_paymethod label input {
display:none;
}
.radio_paymethod label span {
position:relative;
display:block;
background: #ffffff;
color: #000000;
width: 60%;
height: auto;
margin: 0em auto;
padding: 1em;
border: 1px solid #ced4da;
border-radius: 25px;
}
.radio_paymethod label input:checked ~ span {
border: none;
}
.radio_paymethod label input:checked ~ span.yes {
background:#5eacee;
}
.radio_paymethod label input:checked ~ span.yes:before,
.radio_paymethod label input:checked ~ span.yes:after {
background:none;
}
.radio_paymethod label input:checked ~ span.no {
background:#5eacee;
}
.radio_paymethod label input:checked ~ span.no:before,
.radio_paymethod label input:checked ~ span.no:after {
background:none;
}
/*
.radio_paymethod input[type="radio"] {
}
.radio_paymethod label {
display: inline-block;
cursor: pointer;
width: 60%;
height: auto;
margin: 0em auto;
padding: 1em;
border: 1px solid #ced4da;
border-radius: 25px;
}
.radio_paymethod label:hover {
border-color: #5eacee;
}
*/
/* End Radio button for paymethod */
/* Begin Radio button for plan selection */
.radio_plan_select input[type="radio"] {
display: none;
}
.radio_plan_select label {
display: inline-block;
cursor: pointer;
}
.radio_plan_select input[type="radio"]+label:hover {
background-color: #132d51;
color:#fff;
}
.radio_plan_select input[type="radio"]:checked+label {
background-color: #132d51;
color:#fff;
}
/* End Radio button for plan selection */
.cover_text_align {
width: 85%;
font-size: 0.7rem;
margin: 1em 0em 1em 10em;
}
.upfileDiv {
width: 20%;
margin-top: 1em;
margin-right: 1em;
}
input.upfile {
width: 95%;
margin: 0px;
padding: 0px;
border-width: 1px;
}
.divFloatLeft {
float: left;
}
.divFloatRight {
float: right;
}
.divMarginLeft {
margin-left: 5%;
}
.divMarginRight {
margin-right: 5%;
}
.divNoMargin {
margin-left: 0%;
margin-right: 0%;
}
.clientBox {
width: 90%;
margin: 5em auto;
}
.clientDiv {
width: 30%;
}
.imgtextContent01 {
width: 50%;
padding: 1em;
}
.pdfDocumentsDiv {
width: 49%;
}
.pdfDocumentsDiv .pdfInnerDiv {
width: 50%;
margin: 0em auto;
}
.getmedquoteBtn {
border-radius: 1.5em;
width: 17%;
padding: 1.5em 2em;
}
.btnBox01 {
width: 80%;
margin: 0em auto;
}
.btnBox01 .btnBoxDiv01 {
float: left;
width: 41%;
padding: 1.5em 1.5em;
border-radius: 1.5em;
}
.btnBox01 .btnBoxDiv02 {
float: right;
width: 41%;
padding: 1.5em 1.5em;
border-radius: 1.5em;
}
/* Dates */
select.birth_day,
select.birth_month,
select.birth_year{
background: url('data:image/svg+xml;charset=US-ASCII,') no-repeat right 5px top 25%;
background-size: 10px;
padding: 8px 10px;
font-size: 14px;
border: 1px solid #ccc;
border-radius: 10px;
width: 160px;
margin-right: 10px;
}
span.remove_btn {
font-size: 14px;
padding: 5px 10px;
border: 1px solid #000;
border-radius: 5px;
margin-top: 10px;
}
/* End dates */
/* ≥1200px */
.benefits-grid{
grid-template-columns:repeat(3,minmax(200px,1fr));
}
/* Desktop ≥1200px — same look as mobile */
.benefits-grid{
display:grid;
grid-template-columns:repeat(3, minmax(0,1fr));
gap:20px;
align-items:stretch;
}
@media (min-width:1440px){
.benefits-grid{
grid-template-columns:repeat(4, minmax(0,1fr));
}
}
.benefit-card{
position:relative;
display:flex;
flex-direction:column;
justify-content:center;
align-items:center;
min-height:240px;
border-radius:18px;
background:#fff;
color:#5EACEE;
border:1px solid #e6eef8;
box-shadow:0 6px 22px rgba(19,45,81,.06);
transition:transform .15s ease, box-shadow .15s ease, background .15s ease, color .15s ease;
}
.benefit-card:hover{
transform:translateY(-2px);
box-shadow:0 12px 28px rgba(19,45,81,.12);
}
/* checkbox + info icon placement */
.benefit-card input[type="checkbox"]{
position:absolute;
top:10px;
left:10px;
width:1em;
height:1em;
}
.benefit-card .fa-info-circle{
position:absolute;
right:12px;
bottom:12px;
display:inline-block !important; /* re-show (mobile hides it) */
opacity:.9;
}
/* icon/text sizing */
.benefit-card i.fa{
font-size:2.2em;
margin-top:1.1em;
}
.benefit-card [style*="font-weight:bold"]{
margin-top:.4em;
}
/* Desktop: center the info-circle under the title */
.benefit-card{
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
text-align:center;
}
.benefit-card .fa-info-circle{
position: static !important; /* undo bottom-right absolute */
right: auto;
bottom: auto;
margin: 10px auto 0; /* space below title */
display: inline-block !important;
align-self: center;
line-height: 1;
}
/* (optional) keep title spacing tidy */
.benefit-card [style*="font-weight:bold"]{
margin-top:.4em;
}
/* Stage 2 — Benefits grid (desktop, 3 per row but smaller) */
@media (min-width:1200px){
.benefits-grid{
display:grid;
grid-template-columns: repeat(3, minmax(220px, 1fr));
gap:20px;
max-width:1000px; /* matches your card container */
margin-inline:auto;
}
.benefit-card{
min-height:220px;
padding:24px 18px 20px;
border-radius:14px;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
text-align:center;
}
.benefit-card i.fa:not(.fa-info-circle){
font-size:36px;
}
.benefit-card [style*="font-weight:bold"]{
font-size:18px;
}
.benefit-card .fa-info-circle{
position:static!important;
margin:10px auto 0;
}
}
/* === Filters column (desktop) === */
#filters-col{max-width:340px}
/* Cards */
#filters-card,
#area-card{
border:1px solid #e6eef8;
border-radius:16px;
padding:16px;
background:#fff;
box-shadow:0 12px 30px rgba(19,45,81,.06);
}
/* Plan list */
#plan_filter_container{
display:flex;
flex-direction:column;
gap:10px;
}
#plan_filter_container .pf-item{
display:flex;
align-items:center;
justify-content:space-between;
padding:10px 14px;
border:1px solid #e6eef8;
border-radius:12px;
background:linear-gradient(180deg,#fff,#fbfdff);
box-shadow:0 1px 2px rgba(19,45,81,.04);
transition:transform .12s ease, box-shadow .12s ease, border-color .12s ease;
}
#plan_filter_container .pf-item:hover{
transform:translateY(-1px);
box-shadow:0 6px 22px rgba(19,45,81,.08);
border-color:#d7e6f8;
}
#plan_filter_container .pf-item span{
font-weight:700;
color:#334155;
letter-spacing:.2px;
margin-left:8px;
}
/* Native checkbox look, bigger + themed */
#plan_filter_container .pf-item input[type="checkbox"]{
width:20px;
height:20px;
accent-color:#5EACEE;
}
/* Currency select */
#filters-currency-block select{
width:100%;
height:42px;
border:1px solid #e6eef8;
border-radius:10px;
padding:0 10px;
box-shadow:inset 0 1px 2px rgba(19,45,81,.04);
}
/* USA toggle buttons */
#area-card .button08{
border-radius:999px;
padding:8px 16px;
border:1px solid #5EACEE;
background:#fff;
color:#5EACEE;
font-weight:700;
transition:transform .12s ease, box-shadow .12s ease;
}
#area-card .button08:hover{
transform:translateY(-1px);
box-shadow:0 6px 22px rgba(94,172,238,.25);
}
/*End Cards
/*CheckBoxes */
/* ===== Filters — perfectly centered custom checkbox ===== */
#filters-card label.pf-item,
#mf_dialog label.pf-item{
position:relative;
display:block;
cursor:pointer
}
#filters-card label.pf-item input[type=checkbox],
#mf_dialog label.pf-item input[type=checkbox]{
position:absolute;
opacity:0;
pointer-events:none
}
#filters-card label.pf-item span,
#mf_dialog label.pf-item span{
position:relative;
display:flex;
align-items:center;
min-height:38px;
line-height:38px;
padding-left:44px;
}
/* box */
#filters-card label.pf-item span::before,
#mf_dialog label.pf-item span::before{
content:"";
position:absolute;
left:0;
top:50%;
width:24px;
height:24px;
transform:translateY(-50%);
border:2px solid #bcd6f1;
border-radius:8px;
background:#fff;
box-shadow:inset 0 1px 2px rgba(19,45,81,.05);
transition:.15s;
}
/* tick (perfectly centered inside 24×24 box) */
#filters-card label.pf-item span::after,
#mf_dialog label.pf-item span::after{
content:"";
position:absolute;
left:12px;
top:50%;
width:10px;
height:6px; /* tick arms */
border-right:3px solid #fff;
border-bottom:3px solid #fff;
transform:translate(-50%, -60%) rotate(45deg) scale(0);
transform-origin:center;
transition:.12s;
}
/* checked state */
#filters-card label.pf-item input[type=checkbox]:checked + span::before,
#mf_dialog label.pf-item input[type=checkbox]:checked + span::before{
background:#5EACEE;
border-color:#5EACEE;
box-shadow:0 2px 8px rgba(94,172,238,.35);
}
#filters-card label.pf-item input[type=checkbox]:checked + span::after,
#mf_dialog label.pf-item input[type=checkbox]:checked + span::after{
transform:translate(-50%, -60%) rotate(45deg) scale(1);
}
/* keyboard focus */
#filters-card label.pf-item input[type=checkbox]:focus-visible + span::before,
#mf_dialog label.pf-item input[type=checkbox]:focus-visible + span::before{
outline:2px solid #a9d5f8;
outline-offset:2px;
}
/* Fix mirrored checkmark */
#filters-card label.pf-item span::after,
#mf_dialog label.pf-item span::after{
content:"";
position:absolute;
left:12px;
top:50%;
width:10px;
height:6px;
/* draw the check using left + bottom borders, then rotate -45deg */
border-left:3px solid #fff;
border-bottom:3px solid #fff;
border-right:0; /* override previous */
transform:translate(-50%, -60%) rotate(-45deg) scale(0);
transform-origin:center;
}
#filters-card label.pf-item input[type=checkbox]:checked + span::after,
#mf_dialog label.pf-item input[type=checkbox]:checked + span::after{
transform:translate(-50%, -60%) rotate(-45deg) scale(1);
}
/* End CheckBoxes */
/* Only non-mobile: flex layout */
@media (min-width: 900px){
.innercontent01-application.flex-layout {
display: flex;
flex-wrap: wrap;
gap: 1.5em;
align-items: flex-start;
}
}
.excess-select{
padding:.45em .6em;
border:1px solid #dbe3ef;
border-radius:10px;
background:#fff;
min-width:300px;
}
/* benefits layout for large screens */
.benefits-grid{ grid-template-columns: repeat(3, minmax(220px,1fr)); }
/* Stage3 unify Excess with other option blocks */
.plan-card .excess-strip{
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-bottom:8px;
}
.plan-card .excess-select{
width:100%;
height:40px;
border:1px solid #cfe0f4;
border-radius:999px;
padding:0 14px;
background:#fff;
font-weight:600;
color:#1d2b4a;
text-align-last:center;
}
/*
* End DCare application
*/