/*********** CSS RESET **********/


:root {
  --main: #2499A4;
  --main2: #1b8791;
  --gray: #4a5658;
  --gray2: #374547;

}



.blink-btn2{ animation: glowing2 1000ms infinite;}
.blink-btn{ animation: glowing 1000ms infinite;}

@keyframes glowing {
  0% { background-color: #0097a7; box-shadow: 0 0 10px #0096a760; }
  50% { background-color: #0caec0; box-shadow: 0 0 30px #0caec0a9; }
  100% { background-color: #0097a7; box-shadow: 0 0 10px #0096a765; }
}


@keyframes glowing2 {
  0% { background-color: #20c520; box-shadow: 0 0 10px #20c5205e; }
  50% { background-color: #3ca83c; box-shadow: 0 0 30px #75f57557; }
  100% { background-color: #20c520; box-shadow: 0 0 10px #20c5205e; }
}


*{margin:0;outline:none;padding:0;text-decoration:none}
*,:before,:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
html{margin:0;-webkit-text-size-adjust:none; }
ol,ul{list-style:none}
a img{border:none}
a:active{outline:none}
input[type="button"]::-moz-focus-inner,input[type="submit"]::-moz-focus-inner,input[type="reset"]::-moz-focus-inner,input[type="file"] > input[type="button"]::-moz-focus-inner{margin:0;border:0;padding:0}
.inputs input[type="date"] ,.inputs input[type="datetime-local"] ,input[type="button"],input[type="submit"],input[type="reset"],input[type="text"],input[type="email"],input[type="tel"],input[type="password"],textarea{border-radius:0}
input[type="button"],input[type="submit"],input[type="reset"]{-webkit-appearance:none}
input:-webkit-autofill{-webkit-box-shadow:inset 0 0 0 1000px #fff}
script{display:none!important}

/*********** GLOBAL STYLES **********/

@font-face {
    font-family: 'Proxima';
	  src: url('../fonts/ProximaNovaA-Extrabld.eot');
    src: url('../fonts/ProximaNovaA-Extrabld.eot?#iefix') format('embedded-opentype'),
        url('../fonts/ProximaNovaA-Extrabld.woff2') format('woff2'),
        url('../fonts/ProximaNovaA-Extrabld.woff') format('woff'),
        url('../fonts/ProximaNovaA-Extrabld.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'Proxima';
    src: url('../fonts/ProximaNovaA-Thin.eot');
    src: url('../fonts/ProximaNovaA-Thin.eot?#iefix') format('embedded-opentype'),
        url('../fonts/ProximaNovaA-Thin.woff2') format('woff2'),
        url('../fonts/ProximaNovaA-Thin.woff') format('woff'),
        url('../fonts/ProximaNovaA-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'Proxima';
    src: url('../fonts/ProximaNovaA-Bold.eot');
    src: url('../fonts/ProximaNovaA-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/fonts/ProximaNovaA-Bold.woff2') format('woff2'),
        url('../fonts/ProximaNovaA-Bold.woff') format('woff'),
        url('../fonts/ProximaNovaA-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Proxima';
    src: url('../fonts/ProximaNovaA-Black.eot');
    src: url('../fonts/ProximaNovaA-Black.eot?#iefix') format('embedded-opentype'),
        url('../fonts/ProximaNovaA-Black.woff2') format('woff2'),
        url('../fonts/ProximaNovaA-Black.woff') format('woff'),
        url('../fonts/ProximaNovaA-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Proxima';
    src: url('../fonts/ProximaNovaA-Light.eot');
    src: url('../fonts/ProximaNovaA-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/ProximaNovaA-Light.woff2') format('woff2'),
        url('../fonts/ProximaNovaA-Light.woff') format('woff'),
        url('../fonts/ProximaNovaA-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}
	
@font-face {
    font-family: 'Proxima';
    src: url('../fonts/ProximaNovaA-Semibold.eot');
    src: url('../fonts/ProximaNovaA-Semibold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/ProximaNovaA-Semibold.woff2') format('woff2'),
        url('../fonts/ProximaNovaA-Semibold.woff') format('woff'),
        url('../fonts/ProximaNovaA-Semibold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Proxima';
    src: url('../fonts/ProximaNovaA-Regular.eot');
    src: url('../fonts/ProximaNovaA-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/ProximaNovaA-Regular.woff2') format('woff2'),
        url('../fonts/ProximaNovaA-Regular.woff') format('woff'),
        url('../fonts/ProximaNovaA-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
  font-family: 'Oswald-Bold';
src: url('../fonts/Oswald-Bold.ttf');
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: 'Oswald';
src: url('../fonts/Oswald-Regular.ttf');
  font-weight: 600;
  font-style: normal;
}


@font-face {
  font-family: 'Ubuntu';
src: url('../fonts/Ubuntu-Regular.ttf');
  font-weight: 400;
  font-style: normal;
}

:root {
  --body-bg: #f6f5ef;
  --title-fonts: 'Oswald-Bold';
  --body-font: 'Ubuntu', serif;
}

body{max-width:100%;overflow-x:hidden;background-color:#fff;/*font:normal 14px Proxima,Arial,sans-serif;*/font:normal 14px var(--body-font) ;color:#1E242E}
h1,h2,h3,h4,h5,h6{color:#1E242E}
a{color: var(--main);cursor:pointer;}
a img{opacity:.99} /*firefox scale bug fix*/
table{width:100%;border-collapse:collapse}
.inputs input[type="date"] ,.inputs input[type="datetime-local"] ,input[type="text"],input[type="email"],input[type="tel"],input[type="password"],textarea,select,input[type="number"]{height: 40px;border:1px solid #ddd;padding: 0 8px;vertical-align:middle;}
input,textarea,select{font-size:14px;font-family:Proxima,Arial,sans-serif;color:#777}
textarea{min-height:150px} /*safari padding fix*/
select{min-width:50px;height: 40px;padding: 0 8px;} /*safari padding fix*/
.inputs input[type="date"]:focus ,.inputs input[type="datetime-local"]:focus ,input[type="text"]:focus,input[type="email"]:focus,input[type="tel"]:focus,input[type="password"]:focus,textarea:focus,select:focus{border-color:#ccc;color:#444}
input[type="checkbox"],input[type="radio"],input[type="checkbox"] + *,input[type="radio"] + *{vertical-align:middle}
input[type="button"],input[type="submit"],button,.button-1,.button-2{cursor:pointer}
label,label + *{vertical-align:middle}
.master-wrapper-content{z-index:0;margin:0 auto;}
.master-column-wrapper{z-index:0;}
.master-column-wrapper:after{content:"";display:block;clear:both}
.center-1{margin:0 0 100px}
.center-2,.side-2{margin:0 0 50px}
.side-2:after{content:"";display:block;clear:both}
.page{min-height:200px;}
.page-title{min-height:50px;margin:0 0 25px;border-bottom:1px solid #ddd;padding:6px 10px}
.page-title h1{font-size:30px;font-weight:400}
.page:after,.page-title:after,.page-body:after{content:"";display:block;clear:both}
.center-1 .page-title,.center-1 .title{text-align:center}
.buttons{margin:0 0 30px}
.link-rss{display:none;width:24px;height:24px;background:url(../images/rss.png) center no-repeat;font-size:0!important}
.category-description ul,.manufacturer-description ul,.full-description ul,.topic-block ul,.topic-page ul,.post-body ul{margin:12px 0;padding:0 0 0 36px;list-style:disc}
.category-description ol,.manufacturer-description ol,.full-description ol,.topic-block ol,.topic-page ol,.post-body ol{margin:12px 0;padding:0 0 0 36px;list-style:decimal}
.category-description p,.manufacturer-description p,.full-description p,.topic-block p,.topic-page p,.post-body p,.news-body p{margin:10px 0;text-align:justify}
.flyout-cart{display:none}

input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }

/*********** GLOBAL FORMS ***********/

.fieldset,.section{position:relative;margin:0 0 40px}
.fieldset .title,.section .title{margin:0 0 15px;padding:0 10px;font-size:20px;color:#444}
.fieldset .title strong,.section .title strong{font-weight:400;font-family:var(--title-fonts);}
.form-fields{position:relative;background-color:#f9f9f9;padding:30px 15px}
.inputs{position:relative;margin:0 0 15px;white-space:nowrap;font-size:0} /*fix for 'required' elements*/
.inputs:after{content:"";display:block;clear:both}
.inputs label{display:block;width:100%;margin: 0 0 5px;font-size: 12px;color:#444;text-align: left;text-transform: uppercase;white-space: break-spaces;}   /*reset zeroing*/
.inputs input[type="date"] , .inputs input[type="datetime-local"] ,.inputs input[type="text"],.inputs input[type="email"],.inputs input[type="tel"],.inputs input[type="password"],.inputs select,.inputs textarea{width: 100%;max-width:100%;background-color:#fff;}
.inputs input[disabled] {background-color: #ddd !important;} 
.inputs.custom-attributes{white-space:normal}
.inputs .option-list{display:inline-block;max-width:95%;vertical-align:middle}
.inputs .option-list li{display:inline-block;margin:5px;border:1px solid #ddd;background-color:#fff;padding:8px 10px}
.inputs .option-list label{display:inline-block;width:auto!important;margin:0 0 0 5px}
.inputs.reversed{margin:0 0 20px;text-align:center}
.required{margin:0 -8px 0 3px;vertical-align:top;font-size:20px;font-weight:400;color:#e4434b} /*siblings offset*/
.message-error,.field-validation-error,.username-not-available-status,.poll-vote-error,.password-error{display:block;text-align:center;font-size:13px;color:#e4434b;margin-top:5px;text-transform: uppercase;}
.field-validation-valid,.username-available-status{display:block;text-align:center;font-size:13px;color:#4cb17c}
.captcha-box{text-align:center;line-height:0}  /*firefox line-height bug fix*/
.captcha-box > div{display:inline-block;max-width:100%}
.captcha-box input{height:auto}

.button-1 {background: #020d40;color:#fff;border:0;font-size: 14px;display:inline-block;padding:0 20px;line-height:40px;border-radius:2px;min-width: 160px;padding: 5px 27px;border-radius: 7px;}
.button-1:hover {color:#fff;text-decoration:none;background: #fce057;color: #0b1769;}

/*********** GLOBAL TABLES ***********/

.table-wrapper{overflow-x:auto}
table.cart {table-layout: fixed}
.cart th,.data-table th,.forum-table th{border-width:1px 1px 0;border-style:solid;border-color:#ddd;background-color:#f6f6f6;padding:10px;white-space:nowrap;font-weight:400}
.forum-table th.replies,.forum-table th.views,.forum-table th.votes,.forum-table th.latest-post,.forum-table th.topics,.forum-table th.posts,.forum-table td.replies,.forum-table td.views,.forum-table td.votes,.forum-table td.latest-post,.forum-table td.topics,.forum-table td.posts{display:none}
.forum-table td.image{min-width:0}
.cart td,.data-table td,.forum-table td{min-width:50px;border-width: 1px;border-style:solid;border-color: #ddd;background-color:#fff;padding:15px;color:#444;vertical-align: middle;}
.forum-table td{min-width:90px;padding:10px}
.cart a,.data-table a,.forum-table a{font-weight:400;color:var(--main);white-space: nowrap;}
.cart a:hover,.data-table a:hover,.forum-table a:hover{text-decoration:underline}
.cart .product,.data-table .product,.data-table .message,.data-table .info,.data-table .name{min-width:225px;text-align:left}
.forum-table .forum-details,.forum-table .topic-details{text-align:left}
.cart .product a,.data-table .product a,.data-table .info a{font-weight:700;color:#444}
.cart .product a:hover,.data-table .product a:hover,.data-table .info a:hover{color:var(--main);text-decoration:none}
.cart .product .edit-item{margin:10px 0 0}
.cart .product .edit-item a{font-weight:400;color:var(--main)}
.cart .product .edit-item a:hover{text-decoration:underline}
.cart .remove-from-cart,.cart .add-to-cart,.data-table .select-boxes,.data-table .order{text-align:center}
.cart td.unit-price,.data-table td.unit-price{white-space:nowrap}
.cart td.quantity input{width:50px;text-align:center}
.cart td.subtotal,.data-table td.total{white-space:nowrap;color:#444}
.cart td.subtotal .discount,.cart td.subtotal .discount-additional-info{font-style:italic;color:var(--main)}
.data-table em a{font-weight:700;color:#444}
.data-table div.download{margin:10px 0 0}

/*********** NOTIFICATIONS & POPUPS  ***********/

.bar-notification{display:none;position:fixed;top:0;left:0;z-index:1000;width:100%;padding:15px 25px 15px 10px;line-height:16px;color:#fff;opacity:.95}
.bar-notification.success{background-color:#4bb07a}
.bar-notification.error{background-color:#e4444c}
.bar-notification.warning{background-color:#f39c12}
.bar-notification .content{margin:0 10px 0 0}
.bar-notification .content a{color:#fff;text-decoration:underline}
.bar-notification .close{position:absolute;top:0;right:0;width:32px;height:32px;margin:7px;background:#fff url(../images/close.png) center no-repeat;cursor:pointer}
.noscript{border-bottom:1px solid #333;background-color:#ff9;padding:30px 15px;text-align:center;line-height:22px;color:#444}
.ajax-loading-block-window{position:fixed;top:50%;left:50%;z-index:999;width:32px;height:32px;margin:-16px 0 0 -16px;background:url(../images/loading.gif) center no-repeat}
.please-wait{background:url(../images/ajax-loader-small.gif) no-repeat;padding-left:20px;font-size:14px}
.ui-dialog{max-width:90%;border:1px solid #ddd;box-shadow:0 0 2px rgba(0,0,0,0.15);overflow:hidden;background-color:#fff;border-radius:0;padding:0;font:normal 14px Proxima,Arial,sans-serif}
.ui-dialog:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5)}
.ui-dialog-titlebar{border-bottom:1px solid #ddd;overflow:hidden;background-color:#eee;padding:10px 15px;border-width:0 0 1px;border-radius:0;background-image:none;padding:10px 15px!important;font-weight:400;cursor:auto!important}
.ui-dialog-titlebar > span{float:left;font-size:18px;color:#444;margin:0!important}
.ui-dialog-titlebar button{position:absolute;top:0;right:0;width:42px;height:42px;border:none;overflow:hidden;background:url(../images/close.png) center no-repeat;font-size:0;top:0!important;right:0!important;width:42px!important;height:42px!important;margin:0!important;border:none!important;border-radius:0;background:url(../images/close.png) center no-repeat!important;padding:0!important}
.ui-dialog-titlebar button span{display:none!important}
.ui-dialog-content{padding:15px;line-height:20px;background-color:#fff!important;padding:15px 15px 20px 15px!important;color:#777}
.ui-dialog-content .page{min-height:0}
.ui-dialog-content .page-title{min-height:0;margin:0 0 15px;padding:0 10px 10px;text-align:center}
.ui-dialog-content .page-title h1{font-size:24px;line-height:30px}
.ui-dialog-content .back-in-stock-subscription-page{text-align:center}
.ui-dialog-content .back-in-stock-subscription-page .tooltip{margin-bottom:10px}
.ui-dialog-content .back-in-stock-subscription-page .button-1{border:none;background-color:var(--main);padding:10px 15px;font-size:15px;color:#fff;text-transform:uppercase}
.ui-dialog-content .back-in-stock-subscription-page .button-1:hover{background-color:#248ece}
.eu-cookie-bar-notification{position:fixed;top:50%;left:50%;z-index:1050;width:320px;height:180px;margin:-90px 0 0 -160px;border:1px solid #ccc;box-shadow:0 0 2px rgba(0,0,0,0.15);background-color:#fff;padding:20px;text-align:center}
.eu-cookie-bar-notification .text{margin-bottom:20px;line-height:20px}
.eu-cookie-bar-notification button{min-width:60px;margin:5px 0 10px;border:none;background-color:var(--main);padding:8px 12px;font-size:14px;color:#fff}
.eu-cookie-bar-notification button:hover{background-color:#248ece}
.eu-cookie-bar-notification a{display:block;color:var(--main)}
.eu-cookie-bar-notification a:hover{text-decoration:underline}

/*********** HEADER ***********/

.admin-header-links{background-color:#333;text-align:center;color:#eee}
.admin-header-links *{display:inline-block;margin:0 10px;line-height:35px;font-size:12px;font-weight:700}
.admin-header-links .impersonate{display:inline-block}
.admin-header-links .impersonate a{background-color:#555;padding:0 15px}
.admin-header-links .impersonate a:hover{background-color:#666}

header{position:relative;z-index:10;margin:auto;padding: 25px 0;}
header .wrapper {display:flex;align-items: center;max-width: 100%;width: 100%;padding: 0 0px;margin: auto;}

.header-selectors-wrapper{border-bottom:1px solid #ddd;padding:10px 0}
.header-selectors-wrapper > div{display:block;width:50%;margin:10px auto;vertical-align:middle}
.header-selectors-wrapper select{width:100%}

.language-list{max-width:100%;font-size:0}
.language-list li{display:inline-block;margin:0 1px;vertical-align:middle}
.language-list a{display:block;position:relative;width:24px;height:32px;line-height:0}
.language-list img{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto}
.header-links-wrapper{position:relative;padding:20px 0}
.header-links ul{font-size:0}
.header-links li{display:inline-block;margin:0 10px}
.header-links span,.header-links a{display:inline-block;font-size:12px;line-height:36px;text-transform:uppercase}
.header-links a:hover{color:var(--main)}
#topcartlink{display:block;width:70%;max-width:400px;margin:10px auto 0;background-color:#f6f6f6;padding:0 20px}
#topcartlink a{background:url(../images/shopping-bag.png) left center no-repeat;padding:0 0 0 20px}

.header-logo{margin: 0;text-align:center;}
.header-logo a{display:inline-block;max-width:100%;line-height:0}
.header-logo a img{max-width:100%;opacity:1;/*max-width: 440px;*/max-width: 320px;}

/* img.homepage-logo{display: none;}
.html-home-page img.homepage-logo{display: block;}
.html-home-page img.all-pages-logo{display: none;} */

.header-menu {flex-grow:1; text-align:right;}
.header-menu .top-menu {}
.header-menu .menu-toggle {display: none;background: var(--main);height: 30px;width: 30px;border-radius: 3px;}
.header-menu .mobile {display:none !important;}
.header-menu .top-menu {display:flex;justify-content: flex-end;align-items: center;}
.header-menu .top-menu a{color:#111;font-size: 17px;white-space: nowrap;line-height: 50px;display: block;padding:0 15px;}
.html-home-page .header-menu .top-menu a{/*color:#f6f5ef*/text-shadow: 0px;}
.header-menu .top-menu li:hover > a, .header-menu .top-menu a:hover{background: #fce057;text-decoration:none;}
.html-home-page .header-menu .top-menu li:hover > a, .html-home-page .header-menu .top-menu a:hover{background: #fce057;color: #0b1769;}
.header-menu .top-menu li{padding:0;}
.header-menu .top-menu li:hover .dropdown-menu{display:block;opacity:1;padding: 20px 0;}
.header-menu .top-menu .dropdown-menu {margin:0;padding: 0;border-radius:0;background: #ffffff;border: 0;width: 223px;left:auto;right:0;color: #000;box-shadow: 0 8px 15px #0000002e;}
.header-menu .top-menu .dropdown-menu li{margin:0;padding: 0;}
.header-menu .top-menu .dropdown-menu a{line-height: 40px;font-size:15px;display:block;padding: 10px 15px;color:#fff;white-space: normal;line-height: 20px;color: #000;transition: 0.3s;}

.header-menu .top-menu .dropdown-menu a:hover{background: #fce057;text-decoration:none;color: #0b1769;}
.mm-menu .dropdown-menu {display: block;opacity: 1 !important;position: static;background: none;border: 0;padding: 0;width: auto;border-radius: 0;float: none;min-width: 1px;font-size: inherit;}


.search-box form{display:inline-block}
.search-box form:after{content:"";display:block;clear:both}
.search-box input.search-box-text{float:left;width:200px;height:36px;margin:0 -1px 0 0}
.search-box .search-box-button{float:left;min-width:86px;height:36px;border:none;background-color:var(--main);padding:0 15px;text-align:center;color:#fff;text-transform:uppercase}
.search-box .search-box-button:hover{background-color:#248ece}
.search-box .ui-autocomplete-loading{background:#fff url(../images/ajax-loader-small.gif) right center no-repeat}
.ui-helper-hidden-accessible{display:none!important}
.ui-autocomplete{width:285px!important;border:1px solid #ddd;border-top:none;overflow:hidden;background-color:#fff;text-align:left;border-radius:0;padding:0;font:normal 14px Proxima,Arial,sans-serif}
.ui-autocomplete li{border-top:1px solid #ddd}
.ui-autocomplete li:first-child{border-top:none}
.ui-autocomplete a{display:block;padding:15px;font-size:14px;margin:0!important;border:none!important;border-radius:0!important;background:none!important;padding:15px!important;line-height:normal!important;color:#777!important}
.ui-autocomplete a:hover,.ui-autocomplete a.ui-state-focus{background-color:#f6f6f6!important}
.ui-autocomplete img{display:none;min-width:20px;margin:0 10px 0 0;vertical-align:middle}

.checkout-form body{background-color: #fff !important;}
/*********** FOOTER ***********/

.footer{background-color: #0d1764;color: #fff;}
.footer a{color:#fff;}
.footer-upper{margin:auto;overflow:hidden;padding:40px 15px;/* max-width: 1160px; */}

.footer-address {width:60%; float:left;}
.footer-address .flogo {margin:0 0 20px;}
.footer-address .address{/*width:40%;*/ float:left; margin:0 0 20px; line-height:150%; }
.footer-address .address p{margin:0 0 10px;}
.footer-address .pdf-link {clear:both;text-align: left;}
.footer-address .pdf-link a {display:inline-block;text-align:center;display: flex;gap: 15px;font-size: 25px;flex-direction: column;text-align: left;position: relative;width: fit-content;padding-left: 30px;padding: 0;}
.footer-address .pdf-link a:hover{text-decoration:none}
.footer-address .pdf-link a:hover span{
    background: #f8ef1d;
    color: #000;
}
.footer-address .pdf-link a img{max-width: 178px;width: auto;height: 100%;object-fit: contain;}
.footer-address .pdf-link span{display:block;margin: -3px 0 0;font-size: 16px;/* transform: rotate(-90deg); *//* position: absolute; */left: -83px;white-space: nowrap;padding: 7px 15px;background: #2499a4;border-radius: 8px;white-space: normal;width: 180px;text-align: center;transition: 0.3s;}

.footer-contact {width:40%; float:left;}
.footer-contact h6{color:#fff; margin:0 0 25px;font-size: 35px;}
.footer-contact .row {margin:0 -6px 25px; }
.footer-contact .row .col{padding:0 6px;}
.footer-contact input, .footer-contact textarea {background: #fff;width:100%;border:0;resize: none;border-radius: 2px;}
.footer-contact .buttons{width:100%;margin:0;display:inline-block;text-align: center;}
.footer-contact .buttons .btn{text-align:center;display:inline-block;color:#fff;background: var(--main);border-radius: 3px;width: 150px;height: 45px;border-radius: 8px;}
.footer-contact .buttons .btn:hover{
    background: #f8ef1d;
    color: #000;
}

.footer-lower{margin:auto;padding:25px 0;font-size:12px;/* max-width:950px; */position: relative;z-index:1;}
.footer-lower:after{content:''; display:block; clear:both;}
.footer-lower:before{content:'';background: #2d3643;display:block;position:absolute;top:0;bottom:0;left: 50%;right:0;margin:0 0 0 -50vw;width:100vw;z-index: -1;}

.footer-info {float:left;}
.footer-info .footer-bottom-link{display:inline-block; }

.footer-tax-shipping a{font-weight:700;color:var(--main)}
.footer-tax-shipping a:hover{text-decoration:underline}

.footer-powered-by{float:right;}
.footer-powered-by a{font-weight:700;color:var(--main)}
.footer-powered-by a:hover{text-decoration:underline}
.theme-selector{margin:10px 0 0}
.theme-selector select{width:170px}


/************* HOMEPAGE *************/

.banner {background: url(../images/banner-bg.png);background-size: cover;height:500px;}
.banner .wrapper {width: 100%;max-width: 980px;margin:auto;padding: 10px 15px;}
.banner .wrapper .fields-wrap{width:50%;height: 100%;text-align:left;padding: 45px 0 0;}
.banner .wrapper .fields-wrap .heading {font-weight:bold;color:#fff;font-size: 42px;margin: 0 0 25px;line-height: 145%;}
.banner .wrapper .btn {background: var(--main);color:#fff;padding:10px 30px;}
.banner .wrapper .secondary-actions{margin: 20px 0 0;color:#fff;}
.banner .wrapper .secondary-actions a{color:#fff;}
.banner .wrapper .graphic {text-align:right; margin:-80px 0 0 0;}
.banner .wrapper .graphic img{height: 155px;}


.mid-block {font-size:46px; padding:65px 0; text-align:center;}

.services-block {padding:60px 0;}
.services-block:after {content:''; clear:both; display:table;}
.services-block .block{width:33.33%;float:left;position:relative;background: var(--gray2);}
.services-block .block:nth-child(odd){background: var(--gray);}
.services-block .block:after{content:''; padding-bottom:100%; display:block; }
.services-block .block .wrapper{position:absolute; top:0; left:0; right:0; bottom:0; padding:35px;}
.services-block .block .nr{font-size: 16px;letter-spacing:0.03em;color: var(--main);margin:0 0 5px;}
.services-block .block .name {text-decoration: underline; font-size:44px;}
.services-block .block .name a{color:#fff;}

.info-list {padding: 80px 0;background: url(../images/info-bg.png); position:relative;}
.info-list:before {content:''; background:rgba(0,0,0,0.2); position:absolute; top:0; left:0; right:0; bottom:0;}
.info-list .item{position:relative;z-index:1;max-width: 525px;margin:auto;font-size:35px;text-align:left;padding: 20px 0;line-height:100%;display: flex;align-items: center;color: #fff;}
.info-list .item .ico{padding-right:15px;}


.recent-news {padding:50px 0;text-align:left;}
.recent-news .wrapper {display:flex;}
.recent-news .head {min-width:40%; padding-left:15px;}
.recent-news .head h3{font-size:56px;}
.recent-news .news p{line-height:170%; margin:0 0 20px; font-size:17px}



.how-we-work {padding: 60px 0; text-align:center;}
.how-we-work .heading {margin: 0 auto 60px; max-width:650px;}
.how-we-work .heading h2{font-size:40px; margin:0 0 15px}
.how-we-work .heading p{font-size:17px;}
.how-we-work .blocks {display:flex; justify-content:center; vertical-align:top;}
.how-we-work .blocks .item {width: 330px;text-align:center;padding: 0 5px;}
.how-we-work .blocks .item h5{font-size:17px; height:60px;max-width:160px; margin:0 auto; }
.how-we-work .blocks .item img{max-width:100%;}


.video-section {background:#323232;padding: 0;position: relative;}
.video-section .vid h4{font-size:45px; color:#fff; text-shadow:1px 1px 0 rgba(0,0,0,0.8); margin:0 0 15px;}
.video-section .vid .play-link{font-size:20px;color:#fff;margin: 30px 0 0 0;display:inline-block;padding: 0 0 0  44px;background: url(../images/ico-play.png);background-repeat: no-repeat;background-position: left center;background-size: 36px;line-height: 36px;}
.video-section .item {padding:150px 0; position:relative; background-size:cover; background-repeat:no-repeat; background-position:center center;}
.video-section .item:before {content:''; position:absolute; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,0.7);}
.video-section .item > * {position:relative; z-index:1;}
.video-section .owl-dots {display:none;}
.video-section .owl-nav {color:#fff; font-size:100px;}
.video-section .owl-nav button{outline:0 !important; position:absolute; opacity:0.4; line-height:100%; top:50%; left:20px;  transform:translateY(-50%);  -webkit-transform:translateY(-50%);}
.video-section .owl-nav .owl-next{left:auto; right:20px;}

/* ********* ONLINE WILLS ********** */

.will-packages {/* background: url(../images/banner-bg.png) #444; */background-repeat: no-repeat;background-size: cover;color:#fff;padding: 70px 35px;text-align:left;position:relative;background: var(--main);}
.will-packages.only-bgcolor {background: #0097a7;}
.will-packages:before {content:'';display:block;position:absolute;top:0;left:0;right:0;bottom:0;/* background:rgba(33, 37, 41, 0.75); */}
.will-packages .title {position:relative;}
.will-packages .title h1{color:#fff; font-size:30px; font-weight:bold;margin:0 0 5px; text-transform:uppercase; }
.will-packages .title h1{font-family: var(--body-font);}
.order-details-page .page-title h1{font-family: var(--body-font);}
.will-packages .title h2{text-transform:uppercase; color:#fff; font-size:18px;}
.will-packages > .container{z-index:1; position:relative;}
.will-packages .heading h1 {color: #ffffff;font-weight:bold;font-size:50px;margin-bottom: 20px;}
.will-packages .heading p {font-size:18px;line-height: 28px;}
.will-packages .heading-below {margin:15px 0 20px;}
.will-packages .heading-below span{font-size:18px;}
.will-packages .heading-below .btn{float:right;}
.will-packages .heading-below:after{content:''; clear:both; display:table;}

.will-packages .package {background: #ffffff;padding: 30px 30px 0;color:#222;margin:10px 0 25px;height: 100%;border-radius: 25px;}
.will-packages .package h4{font-size:24px;height: 50px;text-transform: capitalize;}
.will-packages .package .price {font-size:45px;font-weight:bold;height: 85px;margin: 20px 0 0 0px;color: #000;}
.will-packages .package .price span{font-size:16px; color:#aaa;}
.will-packages .package .price div{color:var(--main); font-size:16px;}
.will-packages .package .bullet-points {margin: 0 10px 20px;}
.will-packages .package .bullet-points li{padding: 8px 0 8px 35px;font-size:17px;background: url(../images/tick.png);background-repeat: no-repeat;background-size: 19px;background-position: left center;}

.will-packages .package .buy-btn .button-1{width:100%;background: var(--main);font-weight: 600;}
.will-packages .package .buy-btn .button-1:hover{
    background: #fce057;
}
.wills-text {padding: 70px 0 0;}
.wills-text h3{margin:0 0 35px;color: var(--main);font-size: 37px;}
.wills-text p{font-size:17px;line-height:160%;color: #020d40;}

.will-steps {background: var(--main);padding:80px 0;color:#fff;}
.will-steps .title {text-align:center; margin:0 0 80px; color:#fff; font-size:35px;text-transform:uppercase;}
.will-steps .wrapper{display:flex;}
.will-steps .step{text-align:center;min-width: 20%;}
.will-steps .step-title {font-size: 30px;font-family: 'Merriweather';font-weight: 600;}
.will-steps .step-ico img{max-height:150px;height: 80px;object-fit: contain;margin: 15px 0;}
.will-steps .step-text {font-size: 16px;font-family: 'Merriweather';line-height: 30px;}

.will-steps .arrow{min-width:50px;padding: 55px 0 0;}
.will-steps .arrow svg{strock:#fff;fill:#fdf150;transform: rotate(90deg);-webkit-transform: rotate(90deg);-moz-transform: rotate(90deg);transform-origin: center;}

.will-steps .action {margin: 90px 0 0;text-align:center;}


/*********** SIDE COLUMN ***********/

.block{max-width:600px;min-height:50px;margin:auto;text-align:left;margin-bottom: 8px;}
.block .title{position:relative;margin: 0 0 -1px;border-radius: 5px 5px 0 0;border: 1px solid #ddd;padding:12px 30px 12px 10px;background: #fff;font-size:20px;text-transform: uppercase;color: var(--main);cursor:pointer;}
.block .title strong{font-weight: 700;}
.block .listbox{border: 1px solid #ddd;padding: 10px 15px;border-radius: 0 0 5px 5px;}
.block .list li{padding:5px 0 5px 15px}
.block .list a{display:inline-block;position:relative;padding:5px 0;font-size:16px;color:#444;-webkit-transition:all .1s ease;transition:all .1s ease}
.block .list a:before{content:"";position:absolute;top:12px;left:-15px;width:5px;height:5px;background-color:#ddd}
.block .list .active > a{color:var(--main)}
.block .list a:hover{color:var(--main)}
.block a.product-picture{display:none}
.block a.product-picture:before{display:none}
.block .sublist{margin:15px 0 5px}
.block .sublist a{font-size:14px}
.block .view-all{margin:10px 0 0}
.block .view-all a{display:inline-block;padding:10px 15px;font-size:16px;color:var(--main)}
.block .view-all a:hover{text-decoration:underline}
.block .tags{margin:5px 0 10px}
.block .tags ul{font-size:0}
.block .tags li,.product-tags-all-page li{display:inline-block;position:relative;margin:0 10px;overflow:hidden;font-size:17px!important}
.block .tags li a,.product-tags-all-page li a{float:left;line-height:30px;color:#444}
.block .tags li a:hover,.product-tags-all-page li a:hover{color:var(--main)}
.poll strong{display:block;margin:10px 0;background-color:#f6f6f6;padding:10px 15px;font-size:15px;font-weight:400;color:#444;text-transform:uppercase}
.poll-options,.poll-results{margin:10px 0 15px;overflow:hidden;font-size:15px;color:#444}
.poll-options li,.poll-results li{margin:10px 0}
.poll-options li > input{margin:0 5px 0 0;cursor:pointer}
.poll-options li > label{display:inline-block;font-size:16px;cursor:pointer}
.poll .buttons input{border:none;background-color:#aaa;padding:10px 20px;font-size:13px;color:#fff;text-transform:uppercase}
.poll .buttons input:hover{background-color:#bbb}
.poll-total-votes{display:block;margin:10px 0 0;font-weight:700;font-style:italic;color:#444}
.home-page-polls{text-align:center}
.home-page-polls .title{border-bottom:1px solid #ddd;color:#444;font-size:30px;font-weight:400;margin:0 0 30px;padding:0 0 15px}
.home-page-polls .title strong{font-weight:400}
.home-page-polls li{display:inline-block;margin:10px}

/********** CATEGORY PAGE **********/

.breadcrumb{margin: 0 0 10px;background-color:#f6f6f6;padding:5px 10px;}
.breadcrumb ul{font-size:0}
.breadcrumb li{display:inline-block}
.breadcrumb li *{display:inline-block;margin:0 5px;font-size:14px;line-height:32px}
.breadcrumb strong{font-weight:400}
.breadcrumb a:hover{color:var(--main)}
.category-description,.manufacturer-description,.vendor-description{margin:0 0 25px;line-height:22px}
.contact-vendor{margin:0 0 30px}
.contact-vendor .button-2{border:none;background-color:var(--main);padding:10px 15px;font-size:14px;color:#fff;text-transform:uppercase}
.contact-vendor .button-2:hover{background-color:#248ece}
.product-selectors{margin:0 0 20px;border-top:1px solid #ddd;border-bottom:1px solid #ddd;padding:20px 0}
.product-selectors:first-child{border-top:none}
.product-selectors:after{content:"";display:block;clear:both}
.product-selectors > div{display:inline-block;margin:5px}
.product-selectors span{vertical-align:middle;font-size:16px}
.product-selectors select{margin:0 8px}
.product-selectors .product-viewmode{display:none;font-size:0}
.product-filters{display:table;width:100%;margin:-20px 0 20px;border-bottom:1px solid #ddd}
.product-filter{margin:0 0 10px}
.product-filter .filter-title{margin:0 0 10px;background-color:#f6f6f6;padding:10px;font-size:17px;color:#444}
.product-filter .filter-title strong{font-weight:400}
.product-filter .filter-content{padding:10px;color:#444}
.product-filter .available-items:after{content:"";display:block;clear:both}
.product-filter .group{margin:0 0 10px}
.product-filter .group li{font-size:15px}
.product-filter .group li a,.product-filter .group li strong{display:inline-block;padding:5px 0}
.product-filter .group li a:hover{color:var(--main)}
.product-filter .group li.item{display:inline-block;position:relative;margin:0 15px 0 0;padding:0 0 0 15px}
.product-filter .group li.item:before{content:"";position:absolute;top:12px;left:0;width:5px;height:5px;background-color:#ddd}
.product-filter .group li.color-item{padding:0;display:inline-block}
.product-filter .group li.color-item a{padding:0}
.product-filter .group li.color-item:before{display:none}
.filtered-items .title{margin:0 0 5px;font-style:italic}
.filtered-items .item{color:var(--main)}
.remove-filter{margin:15px 0}
.remove-filter a{display:inline-block;background-color:#aaa;padding:10px 20px;font-size:13px;color:#fff;text-transform:uppercase}
.remove-filter a:hover{background-color:#999}
.item-grid:after{content:"";display:block;clear:both}
.item-box{position:relative;width:100%;float:left;margin:0 0 80px;text-align:left}
.item-box .picture{z-index:1;overflow:hidden;background-color:#fff;margin:0 0 20px}
.item-box .picture a{display:block;position:relative}
.item-box .picture a:before{content:"";display:block;padding-top:100%}
.item-box .picture a img{position:absolute;top:0;right:0;bottom:0;left:0;max-width:100%;max-height:100%;margin:auto;-webkit-transition:all .3s ease;transition:all .3s ease;-webkit-transform:translateZ(0) scale(1.0,1.0)}
.item-box:hover .picture a img{opacity:.85}
.item-box .details{padding:0 10px}
.item-box .product-title{margin:0 0 10px;overflow:hidden;font-size:17px;line-height:1.2;font-weight:400;color:var(--main)}
.item-box .product-title a{display:block}
.item-box .product-title a:hover{color:#248ece}
.item-box .sku{margin:0 0 15px}
.item-box .product-rating-box{display:inline-block;margin:0 0 10px}
.item-box .rating{background:url(../images/rating1.png) repeat-x;width:95px;height:14px}
.item-box .rating div{background:url(../images/rating2.png) repeat-x;height:14px}
.item-box .description{display:none}
.item-box .description a{display:block;overflow:hidden}
.item-box .prices{margin:0 0 10px;overflow:hidden}
.item-box .old-price{margin:0 5px 0 0;font-size:16px;color:#aaa;text-decoration:line-through}
.item-box .actual-price{margin:0 5px 0 0;font-size:16px;color:#666}
.item-box .tax-shipping-info a{color:var(--main)}
.item-box .tax-shipping-info a:hover{text-decoration:underline}
.item-box .buttons{margin:0;font-size:0}
.item-box input[type="button"]{display:inline-block;height:40px;border:none;vertical-align:middle}
.item-box .product-box-add-to-cart-button{width:60%;background-color:var(--main);text-align:center;font-size:15px;color:#fff;text-transform:uppercase}
.item-box .product-box-add-to-cart-button:hover{background-color:#248ece}
.item-box .add-to-compare-list-button,.item-box .add-to-wishlist-button{width:20%;border-left:1px solid #fff!important;background-color:#eaeaea;background-position:center;background-repeat:no-repeat;font-size:0}
.item-box .add-to-compare-list-button{background-image:url(../images/compare-button.png)}
.item-box .add-to-wishlist-button{background-image:url(../images/wishlist-button.png)}
.item-box .add-to-compare-list-button:hover,.item-box .add-to-wishlist-button:hover{background-color:#ddd}
.home-page-category-grid,.sub-category-grid,.manufacturer-grid,.vendor-grid{margin:0 0 20px}
.home-page-category-grid .title,.sub-category-grid .title{text-align:center;font-size:22px;font-weight:400;-webkit-transition:all .3s ease;transition:all .3s ease}
.home-page-category-grid .title a,.sub-category-grid .title a{display:block;padding:0 0 15px}
.home-page-category-grid .picture,.sub-category-grid .picture{margin:0}
.home-page-category-grid .picture a:before,.sub-category-grid .picture a:before{padding-top:65%}
.product-grid,.product-list{margin:0 0 50px}
.product-grid .title{margin:0 0 30px;border-bottom:1px solid #ddd;padding:0 0 15px;font-size:30px;font-weight:400;color:#444}
.product-grid .title strong{font-weight:400}
.manufacturer-grid .title{margin:0 0 15px;text-align:center;font-size:16px}
.manufacturer-grid .title a:hover{color:var(--main)}
.manufacturer-grid .picture{border:1px solid #ddd}
.vendor-grid .title{margin:0 0 15px;text-align:center;font-size:16px}
.vendor-grid .title a:hover{color:var(--main)}
.vendor-grid .picture{border:1px solid #ddd}
.pager{margin: 20px 0 50px;}
.pager ul{/* text-align:right; */font-size:0;display: flex;justify-content: center;}
.pager li{display:inline-block;margin:0 5px;vertical-align:top;}
.pager li a,.pager li span{display: flex;min-width: 50px;height: 50px;border:1px solid #ddd;background-color:#eee;padding:8px;text-align:center;font-size:14px;cursor:pointer;align-items: center;justify-content: center;font-size: 20px;background: transparent;}
.pager li span{border-color:transparent;background-color:var(--main);color:#fff}
.pager li.previous-page *,.pager li.next-page *,.pager li.first-page *,.pager li.last-page *{background-position:center;background-repeat:no-repeat;font-size:0;color:#fff}
.pager li.previous-page *{background-image:url(../images/prev.png)}
.pager li.next-page *{background-image:url(../images/next.png)}
.pager li.first-page *{background-image:url(../images/first.png)}
.pager li.last-page *{background-image:url(../images/last.png)}
.pager li a:hover{border-color:transparent;background-color:#ddd}

/********** PRODUCT PAGE **********/

.product-details-page{padding:20px 0 0}
.product-essential{margin:0 0 40px;border-bottom:1px solid #ddd;padding:0 0 10px}
.product-essential:after{content:"";display:block;clear:both}
.gallery{margin:0 auto 50px}
.gallery .picture-wrapper{margin:0 0 10px}
.gallery .picture{position:relative;max-width:100%;margin:0 auto 10px;overflow:hidden}
.gallery .picture:before{content:"";display:block;padding-top:100%}
.gallery .picture img,.gallery .picture-thumbs img,.variant-picture img{position:absolute;top:0;right:0;bottom:0;left:0;max-width:100%;max-height:100%;margin:auto}
.gallery .picture-thumbs{overflow:hidden;font-size:0}
.gallery .picture-thumbs .thumb-item{display:inline-block;position:relative;width:100px;height:100px;margin:0 5px 10px;overflow:hidden;cursor:pointer}
.overview{position:relative;margin:0 0 50px}
.overview .discontinued-product{background:#f3f3f3;margin:0 0 20px}
.overview .discontinued-product h4{display:inline-block;font-size:14px;padding:17px 17px 17px 40px;background:url(../images/discontinued-product-icon.png) no-repeat 13px center;color:#de444c}
.overview .product-name{margin:0 0 25px;border-bottom:1px solid #ddd;padding:0 0 10px}
.overview .product-name h1{font-size:30px;font-weight:400}
.overview .short-description{margin:0 0 25px;line-height:22px;color:#666}
.product-no-reviews,.product-reviews-overview{margin:0 0 25px;color:#444}
.product-no-reviews a{text-decoration:underline}
.product-review-box{display:inline-block;margin:0 0 8px}
.product-review-box .rating{width:95px;height:14px;background:url(../images/rating1.png) repeat-x}
.product-review-box .rating div{height:14px;background:url(../images/rating2.png) repeat-x}
.product-review-links a{text-decoration:underline}
.product-review-links a:hover{color:var(--main)}
.overview .value,.variant-overview .value{color:#444}
.overview .value a,.variant-overview .value a{color:var(--main)}
.overview .value a:hover,.variant-overview .value a:hover{text-decoration:underline}

/*** PRODUCT PAGE ***/

.overview-buttons{margin:0 0 25px;font-size:0}
.overview-buttons div{width:80%;margin:0 auto 3px}
.overview .button-2,.variant-overview .button-2{display:block;width:100%;border:none;background-color:#eaeaea;background-position:left center;background-repeat:no-repeat;padding:12px 15px 12px 40px;text-align:left;font-size:14px;color:#666}
.overview .button-2:hover,.variant-overview .button-2:hover{background-color:#ddd}
.overview .add-to-compare-list-button{background-image:url(../images/compare-button.png)}
.overview .email-a-friend-button{background-image:url(../images/email-button.png)}
.overview .subscribe-button,.variant-overview .subscribe-button{background-image:url(../images/email-button.png)}
.overview .download-sample-button,.variant-overview .download-sample-button{background-image:url(../images/download-button.png)}
.overview .add-to-wishlist-button,.variant-overview .add-to-wishlist-button{background-image:url(../images/wishlist-button.png)}
.overview .manufacturers{margin:0 0 20px}
.overview .availability,.variant-overview .availability{margin:0 0 20px;overflow:hidden}
.overview .availability .stock,.variant-overview .availability .stock{margin:0 0 10px}
.overview .availability .back-in-stock-subscription,.variant-overview .availability .back-in-stock-subscription{display:inline-block}
.overview .additional-details,.variant-overview .additional-details{margin:0 0 20px}
.overview .additional-details div,.variant-overview .additional-details div{margin:0 0 8px}
.overview .delivery,.variant-overview .delivery{overflow:hidden}
.overview .free-shipping,.variant-overview .free-shipping{display:none;margin:10px 0;background:url(../images/shipping.png) left center no-repeat;padding:2px 0 2px 28px;font-weight:700;color:#444}
.overview .free-shipping.visible,.variant-overview .free-shipping.visible{display:inline-block}
.overview .delivery-date,.variant-overview .delivery-date{margin:10px 0}
.overview .min-qty-notification,.variant-overview .min-qty-notification{margin:10px 0;font-style:italic;color:#444}
.overview .download-sample,.variant-overview .download-sample{display:inline-block;margin:0 0 25px}
.overview .prices,.variant-overview .prices{margin:0 0 10px;overflow:hidden}
.overview .prices > div,.variant-overview .prices > div{margin:0 0 5px}
.overview .prices > div > span,.variant-overview .prices > div > span{vertical-align:middle}
.overview .old-product-price,.variant-overview .old-product-price,.overview .non-discounted-price,.variant-overview .non-discounted-price{font-size:14px;color:#999;text-decoration:line-through}
.overview .product-price,.variant-overview .product-price{font-size:20px;font-weight:700;color:#444}
.overview .tax-shipping-info a,.variant-overview .tax-shipping-info a{color:var(--main)}
.overview .tax-shipping-info a:hover,.variant-overview .tax-shipping-info a:hover{text-decoration:underline}
.customer-entered-price{margin:0 0 20px;overflow:hidden}
.customer-entered-price .price-input label{display:block;margin:0 0 5px;font-weight:700;color:#444}
.customer-entered-price .price-input input{width:170px;text-align:center}
.customer-entered-price .price-range{margin:5px 0 0;color:#777}
.tier-prices{margin:0 0 20px}
.tier-prices .title{display:none}
.tier-prices table td{border:1px solid #ddd;padding:10px;color:#444}
.tier-prices .field-header{min-width:80px}
.tier-prices .item-price{background-color:#f9f9f9;font-size:16px;color:#e4434b}
.overview .add-to-cart{margin:0 0 20px}
.overview .add-to-cart-panel,.variant-overview .add-to-cart-panel{display:inline-block;position:relative}
.overview .add-to-cart-panel > *,.variant-overview .add-to-cart-panel > *{float:left}
.overview .qty-label,.variant-overview .qty-label{display:none!important}
.overview .qty-input,.variant-overview .qty-input{width:45px;height:43px;padding:0 12px;text-align:center;font-size:15px;color:#444}
.overview .qty-dropdown,.variant-overview .qty-dropdown{height:43px;padding:0 12px;font-size:15px;color:#444}
.overview .add-to-cart-button,.variant-overview .add-to-cart-button{height:43px;border:none;background-color:var(--main);padding:0 24px;font-size:15px;color:#fff;text-transform:uppercase}
.overview .add-to-cart-button:hover,.variant-overview .add-to-cart-button:hover{background-color:#248ece}
.product-share-button{display:inline-block;overflow:hidden}
.full-description{clear:both;line-height:24px}
.product-collateral{margin:0 0 75px}
.product-collateral .title{margin:0 0 10px;font-size:18px;color:#444}
.product-collateral .title strong{font-weight:400}
.product-variant-line{margin:0 0 30px;border-bottom:1px solid #ddd;padding:0 0 20px}
.product-variant-line:after{content:"";display:block;clear:both}
.variant-picture{position:relative;width:220px;height:220px;margin:0 auto 15px;overflow:hidden}
.variant-overview{width:100%}
.variant-overview .variant-name{margin:0 0 10px;padding:10px 0;font-size:16px;font-weight:700;color:var(--main)}
.variant-overview .variant-description{margin:0 0 15px;line-height:22px}
.variant-overview .add-to-wishlist{margin:0 0 25px}
.variant-overview .add-to-wishlist-button{display:inline-block;width:auto}
.variant-overview .add-to-cart{margin:0 0 10px}
.product-specs-box{margin:0 0 40px}
.product-specs-box td{border:1px solid #ddd;padding:10px}
.product-tags-list{font-size:0}
.product-tags-list li{display:inline-block;font-size:14px}
.product-tags-list li.separator{margin:0 5px 0 3px}
.product-tags-list a{display:inline-block;line-height:24px}
.product-tags-list a:hover{color:#444}
.attributes{margin:20px 0}
.attributes dl{overflow:hidden;padding:0 2px}
.attributes dt,.attribute-label{display:block;margin:0 0 5px;white-space:nowrap;font-weight:700;color:#444}
.attributes dd,.attribute-data{margin:0 0 10px}
.attributes li{margin:8px 0 12px}
.attributes select{width:auto;min-width:100px;max-width:100%}
.attributes .option-list label{margin:0 5px}
.attributes .datepicker{width:280px;text-align:center;color:#444}
.attributes .qty-box input{width:48px;height:32px;text-align:center}
.ui-datepicker{width:280px;box-shadow:0 0 3px rgba(0,0,0,0.15);background-color:#fff;text-align:center;border:none;border-radius:0;padding:0;font:normal 14px Proxima,Arial,sans-serif;color:#777}
.ui-datepicker-header{position:relative;height:32px;background-color:var(--main);color:#fff;border:none;border-radius:0;background-image:none;padding:0!important;font-weight:400}
.ui-datepicker-header a{position:absolute;top:0;z-index:1;width:32px;height:32px;line-height:32px;font-size:0;top:0!important;width:32px!important;height:32px!important;border:none!important}
.ui-datepicker-header a.ui-datepicker-prev{left:0;background:url(../images/calendar-prev.png) center no-repeat}
.ui-datepicker-header a.ui-datepicker-next{right:0;background:url(../images/calendar-next.png) center no-repeat}
.ui-datepicker-header a span{display:none!important}
.ui-datepicker-title{position:relative;z-index:0;line-height:32px;font-weight:700;text-transform:uppercase;line-height:32px!important}
.ui-datepicker-calendar{margin:0!important;font-size:14px!important}
.ui-datepicker-calendar th{background-color:#eee}
.ui-datepicker-calendar th,.ui-datepicker-calendar td{width:14.285%;border:1px solid #ddd;padding:0}
.ui-datepicker-calendar th span,.ui-datepicker-calendar td a{display:block;min-height:32px;line-height:32px;color:#444}
.ui-datepicker-calendar td a{border:none!important;background:none!important;padding:0;text-align:center;color:#444!important}
.ui-datepicker-calendar .ui-state-active{outline:2px solid var(--main);font-weight:700;color:var(--main);color:var(--main)!important}
.attribute-squares{font-size:0}
.attribute-squares li{display:inline-block;margin:0 5px 5px;text-align:center}
.attribute-squares .attribute-square-container{display:block;position:relative;z-index:0;padding:1px}
.attribute-squares label{display:block;margin:0!important;overflow:hidden}
.attribute-squares .attribute-square{display:table!important;width:32px!important;height:32px!important;border:1px solid #444!important;cursor:pointer}
.attribute-squares .selected-value .attribute-square-container{background-color:var(--main)}
.attribute-squares li input{position:relative;z-index:-1;margin:-32px 0 0}
.tooltip-container{position:absolute;width:200px;color:#000;background:#FFF;border:1px solid #eee;text-align:center;visibility:hidden;border-radius:5px}
.tooltip-container:before{content:'';position:absolute;bottom:100%;left:50%;margin-left:-7px;width:0;height:0;border-bottom:7px solid #eee;border-right:7px solid transparent;border-left:7px solid transparent}
.tooltip-container:after{content:'';position:absolute;bottom:100%;left:50%;margin-left:-6px;width:0;height:0;border-bottom:6px solid #FFF;border-right:6px solid transparent;border-left:6px solid transparent}
.attribute-squares li:hover .tooltip-container{visibility:visible;margin-left:-83px;margin-top:5px;z-index:999}
.tooltip-container .tooltip-header{background-color:#F6F6F6;height:25px;border-top-right-radius:4px;border-top-left-radius:4px;padding-left:10px;padding-top:5px;text-align:left;width:198px;font-size:15px;border-bottom:1px #EEE solid}
.tooltip-container .tooltip-body{margin:5px}
.tooltip-container .tooltip-body img{border:0 #FFF;width:190px}
.giftcard{margin:0 0 20px;overflow:hidden}
.giftcard div{margin:0 0 10px}
.giftcard label{display:block;margin:0 auto 5px;font-weight:700;color:#444}
.giftcard input,.giftcard textarea{width:350px;max-width:100%}
.giftcard textarea{height:150px}

/********** PRODUCT REVIEWS **********/

.product-reviews-page h1 a{color:var(--main)}
.product-reviews-page h1 a:before,.product-reviews-page h1 a:after{content:"''"}
.product-reviews-page .title{margin:0 0 20px;font-size:20px;color:#444}
.product-reviews-page .title strong{font-weight:400}
.write-review{margin:0 0 60px}
.write-review .fieldset{margin:0 0 30px}
.tooltip{position:initial;display:inline-block;border-bottom:1px dotted #000;color:#444}
.tooltip .tooltiptext{visibility:hidden;width:auto;background:#f0f0f0 no-repeat 100% 5%;border:silver 1px dotted;text-align:Left;padding:10px 10px 5px 5px;position:absolute;z-index:1;left:10%;opacity:0;transition:opacity .3s}
.tooltip .tooltiptext::after{content:"";position:absolute}
.tooltip:hover .tooltiptext{visibility:visible;opacity:1;cursor:help}
.write-review .review-rating{text-align:left;padding-top:10px;padding-bottom:10px}
.write-review .review-rating label{display:block;margin:0 0 5px;font-size:14px;color:#444}
.write-review .review-rating div.first{color:#e4444c}
.write-review .review-rating div.rating-options{padding-top:2px}
.write-review .review-rating div.rating-options input{vertical-align:baseline}
.write-review .review-rating div.last{color:#4cb17c}
.write-review .captcha-box{margin:15px 0 0}
.write-review .button-1{border:none;background-color:var(--main);padding:10px 25px;text-align:center;font-size:15px;color:#fff;text-transform:uppercase}
.write-review .button-1:hover{background-color:#248ece}
.product-reviews-page .result,.product-reviews-page .message-error{margin:0 0 20px}
.product-review-list{overflow:hidden}
.product-review-item{margin:0 0 40px}
.product-review-item .review-item-head{border-top:1px solid #ddd;overflow:hidden;background-color:#f6f6f6;padding:10px}
.product-review-item .review-title{line-height:20px;font-size:15px;color:#444}
.product-review-item .product-review-box{margin:3px 0 0}
.product-review-item .review-content{padding:20px 10px}
.product-review-item .review-text{margin:0 0 15px;line-height:22px;color:#444}
.product-review-item .reply{margin:15px 0;border-top:1px solid #ddd}
.product-review-item .reply-header{margin:15px 0;font-weight:700}
.product-review-item .reply-text{line-height:22px}
.product-review-item .review-info{margin:0 0 5px}
.product-review-item .review-info label{font-weight:400}
.product-review-item .review-info a,.product-review-helpfulness .vote{display:inline-block;padding:0 5px;color:var(--main);cursor:pointer}
.product-review-helpfulness .question{margin:0 5px 0 0;font-style:italic}
.product-review-helpfulness .result{margin:0 0 0 10px}

/********** WISHLIST & COMPARE LIST **********/

.wishlist-page .page-title{margin:0 0 -1px}
.wishlist-content{margin:0 0 20px}
.wishlist-content .message-error{margin:20px 0}
.wishlist-content .table-wrapper{margin:0 0 30px}
.wishlist-content .product-content{min-width:300px;text-align:left}
.wishlist-content .tax-shipping-info{margin:0 0 20px;text-align:center}
.wishlist-content .tax-shipping-info a{color:#4ab3f1}
.wishlist-content .tax-shipping-info a:hover{text-decoration:underline}
.wishlist-content .buttons{font-size:0}
.wishlist-content .button-2{display:block;width:250px;margin:0 auto 3px;border:none;padding:10px 25px;text-align:center;line-height:20px;font-size:15px;color:#fff}
.wishlist-content .update-wishlist-button,.wishlist-content .wishlist-add-to-cart-button{background-color:var(--main);text-transform:uppercase}
.wishlist-content .update-wishlist-button:hover,.wishlist-content .wishlist-add-to-cart-button:hover{background-color:#248ece}
.wishlist-content .email-a-friend-wishlist-button{background-color:#aaa}
.wishlist-content .email-a-friend-wishlist-button:hover{background-color:#999}
.wishlist-page .share-info{text-align:center}
.wishlist-page .share-info span{display:block;margin:0 0 5px}
.wishlist-page .share-info a{font-weight:700;color:#444}
.wishlist-page .share-info a:hover{color:var(--main)}
.wishlist-page .no-data{margin:25px 0 0}
.compare-products-page{position:relative;overflow:hidden}
.compare-products-page .clear-list{display:inline-block;margin:0 0 20px;background-color:var(--main);padding:10px 15px;font-size:12px;color:#fff;text-transform:uppercase}
.compare-products-page .clear-list:hover{background-color:#248ece}
.compare-products-page .table-wrapper{margin:0 0 30px;padding:0 0 1px}
.compare-products-table td{min-width:150px;border:1px solid #ddd;background-color:#fff;padding:20px;text-align:left;vertical-align:top;color:#444}
.compare-products-table td:first-child{min-width:0}
.compare-products-table td label{font-weight:400;color:#777}
.compare-products-table .remove-button{display:inline-block;border:none;background:url(../images/remove.png) left center no-repeat;padding:0 0 0 18px;font-size:12px;color:#666}
.compare-products-table .remove-button:hover{color:var(--main)}
.compare-products-table .picture{display:block;position:relative;max-width:200px;height:200px;overflow:hidden}
.compare-products-table .picture img{position:absolute;top:0;right:0;bottom:0;left:0;max-width:100%;max-height:100%;margin:auto}
.compare-products-table .product-name td{font-weight:700}
.compare-products-table .product-name td a:hover{color:var(--main)}
.compare-products-table .short-description td{line-height:22px}
.compare-products-table .full-description td{display:none}
.compare-products-page .no-data{margin:25px 0 0}

/*********** TOPICS ***********/

.topic-block{margin:0 0 25px}
.topic-block-title{min-height:50px;margin:0 0 25px;border-bottom:1px solid #ddd;padding:0 0 15px}
.topic-block-title h2{font-size:30px;font-weight:400}
.topic-block-body{text-align:justify;line-height:24px;font-size:16px}
.hero-page-title {background: url(../images/heroimg.png);background-repeat: no-repeat;background-size: cover;background-position: center center;padding:100px 15px; text-align:center; margin:0 0 35px;}
.hero-page-title h1{color:#fff; text-shadow:2px 2px 1px rgba(0,0,0,0.2); font-size:50px; }
.topic-page .page-body{font-size:17px;text-align:justify;line-height:28px;}
.topic-page .page-body h2{color:var(--main); margin:0 0 15px;}
.topic-block a,.topic-page a{text-decoration:underline}
.topic-block strong,.topic-page strong{color:#444}
.home-page .topic-block{margin:0 0 50px}
.popup-window .topic-page{padding:15px}
.not-found-page p{margin:30px 15px}
.topic-password{text-align:center}
.enter-password-title{margin:0 0 20px;color:#444}
.enter-password-form{display:inline-block;overflow:hidden}
.enter-password-form input[type="password"]{float:left;width:200px;height:40px;margin:0 -1px 0 0}
.enter-password-form input[type="submit"]{float:left;width:auto;min-width:86px;height:40px;border:none;background-color:var(--main);padding:0 15px;color:#fff;text-transform:uppercase}
.enter-password-form input[type="submit"]:hover{background-color:#248ece}

/*********** CONTACT & EMAIL A FRIEND & APPLY FOR VENDOR ACCOUNT ***********/

.contact-page .page-title,.email-a-friend-page .page-title,.apply-vendor-page .page-title{margin:0 0 -1px}
.contact-page .result,.contact-page .message-error,.email-a-friend-page .result,.email-a-friend-page .message-error,.apply-vendor-page .result,.apply-vendor-page .message-error{margin:20px 0}
.contact-page .button-1,.email-a-friend-page .button-1,.apply-vendor-page .button-1{min-width:140px;border:none;background-color:var(--main);padding:10px 30px;text-align:center;font-size:15px;color:#fff;text-transform:uppercase}
.contact-page .button-1:hover,.email-a-friend-page .button-1:hover,.apply-vendor-page .button-1:hover{background-color: #fce057;color: #0d0255;}
.contact-page .topic-block,.email-a-friend-page .title,.apply-vendor-page .title{margin:25px 0}
.email-a-friend-page .title h2{font-weight:400;color:var(--main)}
.apply-vendor-page .terms-of-service{text-align:center}
.apply-vendor-page .terms-of-service > *{display:inline-block;line-height:32px}
.apply-vendor-page .terms-of-service span,.apply-vendor-page .terms-of-service a{color:var(--main);cursor:pointer}



/********** REGISTRATION, LOGIN, ACCOUNT PAGES  **********/

.gender{display:inline-block}
.gender span{display:inline-block;margin:0 5px}
.gender span > *{display:inline!important;margin:0 5px;line-height:32px}
.date-of-birth .date-picker-wrapper{display:inline}
.date-of-birth select{width:31%;max-width:126px;font-size: 16px;}
.joint-date.date-of-birth select{width:31% !important;max-width:126px;}
.date-of-birth select + select{margin:0 0 0 10px}
.date-of-birth select{        width: fit-content;
  min-width: 0;
  max-width: inherit;
  padding-right: 5px;}
.date-of-birth .select-wrapper + .select-wrapper{margin:0 0 0 10px}
#check-availability-button{margin:10px 0 0;border:none;background-color:#888;padding:10px 15px;font-size:12px;color:#fff;text-transform:uppercase}
#check-availability-button:hover{background-color:#999}
.inputs.accept-consent{text-align:center}
.inputs.accept-consent > *{display:inline-block;line-height:32px}
.inputs.accept-consent span,.inputs.accept-consent a{color:var(--main);cursor:pointer;font-size:14px}
.inputs.accept-consent label{width:auto;margin-left:10px;margin-bottom:0}
.registration-page .button-1,.registration-result-page .button-1,.login-page .button-1,.password-recovery-page .button-1,.account-page .button-1,.return-request-page .button-1{background-color: var(--main);border-color: var(--main);min-width: 50px;padding: 0 25px;border-radius: 5px !important;}
.registration-page .button-1:hover,.registration-result-page .button-1:hover,.login-page .button-1:hover,.password-recovery-page .button-1:hover,.account-page .button-1:hover,.return-request-page .button-1:hover{}
.return-request-page h1 a{color:var(--main)}
.return-request-page .return-request-file{font-size:14px}
.return-request-page .return-request-file .uploadedfileinput{display:inline-block}
.registration-page .message-error,.login-page .message-error,.account-page .message-error{margin:0 0 10px}
.registration-result-page .result{margin:0 0 30px;padding:30px 0;text-align:center;font-size:16px;color:#4cb17c}
.customer-info-page .email-to-revalidate,.customer-info-page .readonly-username,.customer-info-page .vat-status{margin:0 5px;font-size:14px}
.customer-info-page .vat-status{display:block}
.registration-page .vat-note,.customer-info-page .vat-note,.customer-info-page .email-to-revalidate-note{display:block;font-size:14px;margin-top:7px;white-space:normal}
.html-login-page body{background:#f7f7f7;}
.login-page .customer-blocks{margin:0 0 }
.login-page .title{margin:0 0 15px;font-size:20px;color:#444}
.login-page .title strong{font-weight:400}
.login-page .new-wrapper{margin:0 0 50px}
.login-page .new-wrapper .text{margin:0 0 30px;border-top:1px solid #e6e6e6;background-color:#f9f9f9;padding:30px;line-height:22px}
.login-page .new-wrapper .topic-block{margin:0}
.login-page .new-wrapper .topic-block-body strong{color:#444}
.login-page .new-wrapper .button-1{margin:0 0 5px}
.login-page .login-box-msg {padding:0 10px 15px; text-align:center;}
.login-page .returning-wrapper{margin:0;max-width: 360px;width: 95%;margin: auto;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);}
.login-page .returning-wrapper .form-fields{background: #fff;padding: 20px;color: #666;border-radius: 15px;}
.login-page .returning-wrapper .inputs.reversed{white-space:normal}
.login-page .returning-wrapper .inputs.reversed *{display:inline-block;width:auto;margin:5px;font-size:14px;color:#444}
.login-page .returning-wrapper .inputs.reversed a:hover{color:var(--main)}
.login-page .forgot-password {text-align:left;}
.login-page .forgot-password a{font-size:14px;}
.login-page .captcha-box{margin:-15px 0 20px}
.login-page .returning-wrapper .buttons{background-color:#fff;padding: 30px 0 10px;text-align: center;margin: 0;}
.external-authentication{margin:0 0 50px;overflow:hidden;text-align:center}
.external-authentication .title{margin:0 0 15px;font-size:20px;color:#444}
.external-authentication .buttons{margin:0 0 30px;border-top:1px solid #e6e6e6;padding:30px}
.external-auth-errors{color:#e4444c}
.external-auth-association{color:#444}
.external-auth-association a{color:var(--main)}
.external-auth-association a:hover{text-decoration:underline}
.password-recovery-page .result{margin:0 0 5px;font-weight:700;color:#444}
.password-recovery-page .tooltip{margin:0 0 25px}
.add-more-external-records{text-align:center}
.add-more-external-records a{color:var(--main)}
.add-more-external-records a:hover{text-decoration:underline}
.account-page .buttons{text-align:center}
.account-page .description{margin:0 0 25px;padding:0 10px}
.account-page .table-wrapper{margin:0 0 30px}
.gdpr-tools-page .result{margin:20px 0;font-size:13px;color:#e4434b}
.gdpr-tools-page .buttons{margin-top:20px}
.address-list-page .info,.order-list-page .info{margin:0 0 10px;border-top:1px solid #e6e6e6;background-color:#f9f9f9;padding:20px;line-height:26px;color:#444}
.address-list-page .info .name,.order-list-page .info .name{font-size:16px;font-weight:700}
.address-list-page .button-2,.order-list-page .button-2{display:inline-block;margin:0 0 0 10px;border:none;padding:0 0 0 18px;font-size:12px;color:#444}
.edit-address-button{background:url(../images/edit.png) left center no-repeat}
.delete-address-button,.cancel-recurring-order-button{/* background:url(../images/remove.png) left center no-repeat */}
.retry-recurring-order-button{background:url(../images/retry.png) left center no-repeat}
.return-items-button{background:url(../images/return.png) left center no-repeat}
.order-details-button{background:url(../images/details.png) left center no-repeat}
.address-list-page .button-2:hover,.order-list-page .button-2:hover{color:var(--main)}
.address-list-page .add-button{margin:0 0 20px;text-align:center}
.address-edit-page .page-title{margin:0 0 -1px}
.address-edit-page .message-error{margin:20px 0}
.address-edit-page .edit-address{margin:0 0 30px;border-top:1px solid #e6e6e6;background-color:#f9f9f9;padding: 30px 20px;}
.recurring-payments table td{white-space:nowrap}
.recurring-payments table td:first-child{min-width:120px;white-space:normal}
.recurring-payments .button-2{font-size:14px}
.return-request-list-page .details{border-top:1px solid #e6e6e6;background-color:#f9f9f9;padding:20px;line-height:22px;color:#444}
.return-request-list-page label{margin:0 5px 0 0}
.return-request-list-page a{color:var(--main)}
.return-request-list-page a:hover{text-decoration:underline}
.return-request-list-page .comments div{margin:10px 0 0;font-size:15px;font-style:italic;color:#444}
.downloadable-products-page table td{color:#444}
.reward-points-overview{margin:0 0 25px}
.reward-points-history table td{color:#444}
.reward-points-history table td:first-child{min-width:120px}
.change-password-page .page-title{margin:0 0 -1px}
.change-password-page .result,.change-password-page .message-error{margin:20px 0}
.change-password-page .fieldset{margin:0 0 30px}
.avatar-page .page-title{margin:0}
.avatar-page .page-body{margin:0 0 30px;overflow:hidden;background-color:#f9f9f9;padding:30px 25px}
.avatar-page .message-error{margin:0 0 10px}
.avatar-page .image{margin:0 0 10px}
.avatar-page .image img{border:1px solid #ccc}
.avatar-page .button-1{font-size:14px}
.avatar-page .button-2{border:none;background-color:#888;padding:10px 15px;font-size:14px;color:#fff;text-transform:uppercase}
.avatar-page .button-2:hover{background-color:#999}
.avatar-page .info{color:#444}
.vendorinfo-page .button-2{border:medium none;background-color:#888;padding:10px 15px;font-size:14px;color:#fff;text-transform:uppercase}
.vendorinfo-page .button-2:hover{background-color:#999}
.vendorinfo-page .vendor-picture{width:400px;margin:0 auto}
.vendorinfo-page .vendor-picture *{display:block;margin-top:15px}
.check-gift-card-balance-page .page-title{margin:0 0 -1px}
.check-gift-card-balance-page .result,.check-gift-card-balance-page .message-error{margin:20px 0}
.check-gift-card-balance-page .fieldset{margin:0 0 30px}

/********** SHOPPING CART **********/

.order-progress{margin:0 0 50px;background-color:#f6f6f6;padding:15px 0;text-align:center}
.order-progress ul{font-size:0}
.order-progress li{display:inline-block;margin:10px}
.order-progress a{display:block;min-width:70px;font-size:14px;color:#444}
.order-progress a:before{content:"";display:block;width:40px;height:40px;margin:0 auto 15px;border:1px solid #bbb;background:#fff url(../images/pointer.png) center no-repeat}
.order-progress li.active-step a{cursor:pointer}
.order-progress li.inactive-step a{opacity:.3;cursor:default}
.shopping-cart-page .page-title{margin:0 0 -1px;padding:10px}
.shopping-cart-page .message-error{margin:20px 0}
.shopping-cart-page td .message-error{margin:10px 0 0;text-align:left}
.shopping-cart-page .checkout-attributes a{color:#4ab3f1}
.shopping-cart-page .checkout-attributes a:hover{text-decoration:underline}
.shopping-cart-page .tax-shipping-info{margin:20px 0;text-align:center}
.shopping-cart-page .tax-shipping-info a{color:#4ab3f1}
.shopping-cart-page .tax-shipping-info a:hover{text-decoration:underline}
.shopping-cart-page .common-buttons{margin:0 0 60px;background-color:#f6f6f6;padding:20px;font-size:0}
.shopping-cart-page .common-buttons input{display:inline-block;min-width:180px;margin:5px;border:none;background-color:#aaa;padding:10px 20px;font-size:15px;color:#fff}
.shopping-cart-page .common-buttons input:hover{background-color:#999}
.shopping-cart-page .common-buttons input:first-child{background-color:var(--main)}
.shopping-cart-page .common-buttons input:first-child:hover{background-color:#248ece}
.checkout-attributes{margin:-30px 0 30px;color:#444}
.checkout-attributes dt{margin:0 0 5px;font-weight:700}
.checkout-attributes dd{margin:0 0 20px}
.checkout-attributes input[type="text"],.checkout-attributes select{min-width:170px}
.checkout-attributes ul{font-size:0}
.checkout-attributes li{display:inline-block;margin:5px;border:1px solid #ddd;background-color:#fff;padding:8px 10px;font-size:14px}
.checkout-attributes .attribute-squares li{border:none;padding:0;line-height:0}
.checkout-attributes li label{display:inline-block;margin:0 0 0 5px}
.selected-checkout-attributes{margin: 0;color:#444;}
.selected-checkout-attributes br{content:"";display:block;margin:3px}
.cart-footer{margin: 0 0 30px;border-top:1px solid #ddd;}
.cart-footer:after{content:"";display:block;clear:both}
.cart-footer .totals{max-width:100%;padding: 0;color:#444;}
.cart-footer .total-info{margin:0 0 20px;border-bottom:1px solid #ddd;padding:5px 30px 15px}
.cart-total td{width:50%;padding:5px 0;text-align:right}
.cart-total td:first-child{text-align:left}
.cart-total .giftcard-remaining{display:block;font-style:italic}
.cart-total .order-total{font-size:20px;color:var(--main)}
.cart-total .order-total strong{font-weight:400}
.cart-total .earn-reward-points{font-style:italic}
.min-amount-warning{margin:0 0 20px;padding:0 30px;color:#e4434b}
.terms-of-service{margin:0 0 20px;padding:0 30px}
.terms-of-service label{cursor:pointer}
.terms-of-service a{margin:0 0 0 3px;color:var(--main)}
.cart-footer .checkout-buttons{padding:0 10px}
.cart-footer .checkout-disabled{font-size:20px;text-align:center;background:orange;border:1px solid #c3891e;color:#fff;padding:15px 50px}
.cart-footer .checkout-button{display:inline-block;min-width:160px;border:none;background-color:var(--main);padding:10px 20px;font-size:16px;color:#fff;text-transform:uppercase}
.cart-footer .checkout-button:hover{background-color:#248ece}
.cart-footer .addon-buttons{margin:20px 0 0;padding:0 10px}
.cart-collaterals{width:350px;max-width:100%;margin:0 auto 50px;padding:25px 0 0}
.cart-collaterals > div{max-width:400px;margin:0 0 50px}
.cart-collaterals .button-2{display:inline-block;border:none;background-color:#aaa;padding:10px 15px;color:#fff;text-transform:uppercase}
.cart-collaterals .button-2:hover{background-color:#999}
.cart-collaterals .title{margin:0 0 5px;font-size:18px;color:#444}
.cart-collaterals .title strong{font-weight:400}
.cart-collaterals .hint{margin:0 0 10px}
.cart-collaterals .deals > div{margin:0 0 20px}

.cart-collaterals .message-failure{margin:5px 0 0;font-size:12px;color:#e4434b}
.cart-collaterals .message-success{margin:5px 0 0;font-size:12px;color:#4cb17c}
.cart-collaterals .current-code{margin:5px 0 0;color:#4cb17c}
.remove-discount-button,.remove-gift-card-button{width:16px;height:16px;border:1px solid #999;background:#fff url(../images/close.png) center no-repeat;cursor:pointer}
.cart-collaterals .shipping select{height:36px}
.cart-collaterals .shipping-results{margin:30px 0 0}
.cart-collaterals .shipping-results li{margin:20px 0}
.cart-collaterals .shipping-results li strong{display:block;margin:0 0 5px;color:#444}
.shopping-cart-page .no-data{margin:25px 0 0}

/********** CHECKOUT **********/

.checkout-page .section{margin:0 0 30px}
.checkout-page .section.order-summary{margin:100px 0 30px}
.checkout-page .cart-options{min-height: 30px;overflow:hidden;}
.checkout-page .cart-footer{border-top:none}
.checkout-page .total-info{border: 0;margin:0;padding: 10px 20px 10px;background: #f7f7f7;}
.checkout-page .button-1{display:inline-block;min-width:140px;border:none;background-color:var(--main);padding: 5px 30px;text-align:center;font-size:15px;color:#fff;text-transform:uppercase;}
.checkout-page .button-1:hover{background-color: var(--main2);}
.checkout-page .address-item{width:350px;max-width:100%;margin:0 auto 40px}
.checkout-page .address-item ul{margin:0 0 15px;background-color:#f9f9f9;padding:20px;color:#444}
.checkout-page .address-item li{padding:5px 0}
.checkout-page .address-item li.name{font-size:16px;font-weight:700}
.enter-address .message-error{margin:20px 0}
.enter-address .edit-address{}
.checkout-page .ship-to-same-address{padding:30px 0;text-align:center}
.checkout-page .ship-to-same-address .selector{margin:0 0 5px;font-weight:700;color:#444}
.checkout-page .pickup-in-store{text-align:center}
.checkout-page .pickup-in-store .selector{margin:0 0 5px;font-weight:700;color:#444}
.select-pickup-point{text-align:center}
.checkout-page .pickup-points-map{min-width:400px;min-height:350px;vertical-align:middle;margin-top:5px;margin-bottom:5px}
.shipping-method .method-list{margin:0 auto 30px;overflow:hidden;text-align:center;font-size:0}
.shipping-method .method-list li,.payment-method .method-list li{margin: 0 0 30px 0;font-size:14px;text-align: left;}
.shipping-method .method-list li label,.payment-method .method-list li label{display: block;width: 100%;margin: 0 0 0px;font-size: 12px;color: #444;text-align: left;text-transform: uppercase;}
.shipping-method .method-description{margin:5px 0 0}

.payment-method .method-list .payment-info {background:#f5f5f5; padding:15px; margin:10px 0 0;}
.payment-method .method-list .info {padding:0;}
.payment-method .method-list .message-error li{margin:10px 0;}

.coupon-box  {text-align:left; padding:10px; background:#fff;border:1px solid #eee; margin:25px 0 0}
.coupon-box .title {margin:0; padding:0; }
.coupon-box .title strong{text-transform:uppercase; font-weight:bold; font-size:14px; }
.coupon-box .hint{font-size:12px;}
.coupon-box .coupon-code{margin:5px 0 0;overflow:hidden}
.coupon-box .coupon-code input[type="text"]{float:left;width:60%;height:36px;margin:0 -1px 0 0}
.coupon-box .coupon-code input[type="button"]{float:left;width:40%;height:36px;padding:0; background:#c3ac5d; color:#fff; border:0;}
.coupon-box .current-code {margin:10px 0 0; font-style:italic; color:#999}
.payment-method .use-reward-points{margin:0 0 30px;text-align:center;color:#444}
.payment-method .payment-logo{display:inline-block;vertical-align:middle}
.payment-method .payment-logo label{display:block;font-size:0!important}
.payment-method .payment-details{min-width: 310px;display:inline-block;margin:0 0 0 10px;text-align:left;vertical-align:middle;}
.payment-method .payment-details input {float: left;margin: 6px 10px 13px 0;}
.payment-method .payment-details label{display:inline-block; font-weight:bold; font-size:16px;}
.payment-info .info{padding: 20px 0;color:#444;}
.payment-info .info tr{display:block;margin:0 0 15px;font-size:0}
.payment-info .info td{display:inline-block;width:100%!important;font-size:14px;}
.payment-info .info td:only-child{width:100%!important;max-width:100%!important}
.payment-info .info td input[type="text"]{width:100%!important}
.payment-info .info td input[name="CardCode"]{width:65px!important}
.payment-info .info td select{min-width:70px}
.payment-info .info td:first-child{margin: 0 0 7px;}
.payment-info .info p{}
.confirm-order .buttons{padding:10px 0}
.confirm-order .button-1{font-size:16px}
.order-review-data .info-list {background:none;padding: 0;}
.order-review-data .info-list:before {display:none;}
.order-review-data > div,.order-details-area > div,.shipment-details-area > div{max-width:100%;margin:0 auto 40px;padding: 0;color:#444;}
.order-review-data .billing-info-wrap {text-align:left;}
.order-review-data .billing-info-wrap > div{display:inline-block;min-width: 250px;vertical-align:top;margin: 0 0  7px;}
.order-review-data li,.order-details-area li,.shipment-details-area li{padding:3px 0}
.order-review-data .title,.order-details-area .title,.shipment-details-area .title{margin:0 0 5px;padding:0;font-size:16px;font-weight:700}
.order-review-data .title strong,.order-details-area .title strong,.shipment-details-area .title strong{font-weight:700}
.order-review-data .payment-method-info,.order-review-data .shipping-method-info,.order-details-area .payment-method-info,.order-details-area .shipping-method-info{}
.order-completed .details{margin:0 0 30px;padding:30px 15px;text-align:center;color:#444}
.order-completed .details div{margin:5px 0}
.order-completed .details strong{font-weight:400;text-transform:uppercase}
.order-completed .details a{color:var(--main)}
.order-completed .details a:hover{text-decoration:underline}

.opc {padding:30px 0;}
.opc .tab-section{margin:0 0 25px;}
.opc .step-title{margin: 0;overflow:hidden;border-radius: 5px 5px 0 0;border: 1px solid #ddd;}
.opc .allow .step-title{cursor:pointer;}
.opc .step-title .number,.opc .step-title .title{min-height:40px;padding: 16px 15px;line-height:20px;font-size:16px;font-weight: 700;text-transform: uppercase;}
.opc .allow .step-title .number,.opc .allow .step-title .title{cursor:pointer;}
.opc .step-title .number{width:42px;border-right:1px solid #fff;text-align:center}
.opc .allow .step-title .number{background-color:#248ece}
.opc .step{margin: -1px 0 0;padding: 30px 20px;text-align:center;border: 1px solid #ddd;border-radius: 0 0 5px 5px;background: #fcfcfc;}
.opc .section{margin:0 0 30px}
.opc .section > label{display:block;margin:0 0 10px}
.opc .inputs input[type="text"], .opc .inputs input[type="email"], .inputs input[type="number"],.opc .inputs input[type="tel"], .inputs input[type="password"], .opc .inputs select, .opc .inputs textarea{max-width:100%;width: 100%;}
.opc .buttons{margin-bottom:0}
.opc .back-link{margin:0 0 10px}
.opc .back-link small{display:none}
.opc .back-link a{display:inline-block;margin:0 0 0 -15px;background:url(../images/back-button.png) left center no-repeat;padding:0 0 0 18px;color:#444}
.opc .back-link a:hover{color:var(--main)}
.opc .buttons .please-wait{display:block;margin:10px 0 0;background:none}
.opc .section.ship-to-same-address{margin:0 0 30px;padding:0}
.opc .section.pickup-in-store{margin:0 0 30px;padding:0}
.opc .payment-info .info tr{text-align:left}
.opc .section.order-summary{margin:0}

/****** ORDER DETAILS & SHIPPING DETAILS ******/

.order-details-page .page-title{border-bottom:none}
.order-details-page .page-title h1{margin:0 0 30px;border-bottom:1px solid #ddd;padding:0 0 10px}
.order-details-page .page-title a{display:inline-block;min-width:180px;margin:5px 0;border:none;background-color:#aaa;background-image:none;padding:10px 20px;font-size:15px;color:#fff}
.order-details-page .page-title a:hover{background-color:#999}
.order-details-page .page-title a.print-order-button{background-color:var(--main)}
.order-details-page .page-title a.print-order-button:hover{background-color:#248ece}
.order-details-page .order-overview{margin:0 0 50px;line-height:26px;text-align:center;font-size:16px;color:#444}
.order-details-page .order-overview .order-number{margin:0 0 10px;text-transform:uppercase}
.order-details-page .order-overview .order-total strong{font-weight:400;color:var(--main)}
.order-details-page .repost .button-2{display:inline-block;margin:10px 0;border:none;background-color:var(--main);padding:10px 15px;font-size:12px;color:#fff;text-transform:uppercase}
.order-details-page .repost .button-2:hover{background-color:#248ece}
.order-details-page .download a{font-weight:400;color:var(--main)}
.order-details-page .download a:hover{text-decoration:underline}
.user-agreement-page .terms-of-agreement{margin:0 0 20px;padding:20px;text-align:center}
.user-agreement-page .button-1{min-width:140px;border:none;background-color:var(--main);padding:10px 30px;text-align:center;font-size:15px;color:#fff;text-transform:uppercase}
.user-agreement-page .button-1:hover{background-color:#248ece}
.order-details-page .tax-shipping-info{margin:30px 0}
.order-details-page .tax-shipping-info a{color:var(--main)}
.order-details-page .tax-shipping-info a:hover{text-decoration:underline}
.order-details-page .actions{margin:30px 0 0;font-size:0}
.order-details-page .actions input{display:inline-block;min-width:165px;margin:5px;border:none;background-color:#aaa;background-image:none;padding:10px 20px;font-size:15px;color:#fff}
.order-details-page .actions input:hover{background-color:#999}
.order-details-page .actions input:first-child{background-color:var(--main)}
.order-details-page .actions input:first-child:hover{background-color:#248ece}
.order-details-page .totals.section{width:370px;padding:0 10px;max-width:100%;margin:0 auto 50px}
.order-details-page .total-info{background-color:#f9f9f9;padding:15px 20px;color:#444}
.order-details-page .info-list {background:none;padding: 15px;background: #f7f7f7;margin: 0 0 20px;min-height: 250px;}
.order-details-page .info-list:before {display:none;}

.order-details-page .billing-info-wrap > div{display:inline-block; margin:0 10px 10px 0; min-width:300px; vertical-align:top;}
.order-details-page .billing-info-wrap > div .title {text-align:left; }


/****** SEARCH & SITEMAP ******/

.search-page .page-title{margin:0 0 -1px}
.search-input .fieldset{margin:0 0 30px}
.search-input .form-fields{padding:30px 15px 10px}
.search-input input + label{display:inline;margin:0 0 0 5px}
.advanced-search{margin:30px 0 0}
.advanced-search .price-range{display:inline-block}
.advanced-search .price-range input{width:80px;margin:3px}
.search-input .buttons{text-align:center}
.search-input .button-1{min-width:140px;border:none;background-color:var(--main);padding:10px 30px;text-align:center;font-size:15px;color:#fff;text-transform:uppercase}
.search-input .button-1:hover{background-color:#248ece}
.search-results{margin:30px 0 0}
.search-results .warning,.search-results .no-result{margin:10px 0;color:#e4434b}
.sitemap-page .description{margin:0 0 30px;text-align:center}
.sitemap-page .entity{margin:0 0 30px}
.sitemap-page .entity-title{margin:0 0 15px;padding:0 10px;text-align:center}
.sitemap-page .entity-title h2{font-size:20px;font-weight:400;color:#444}
.sitemap-page .entity-body{border-top:1px solid #e6e6e6;background-color:#f9f9f9;padding:30px 15px;text-align:center}
.sitemap-page .entity ul{font-size:0}
.sitemap-page .entity li{display:inline-block;position:relative;margin:0 8px;padding:0 12px;line-height:50px;font-size:14px}
.sitemap-page .entity li:before{content:"";position:absolute;top:23px;left:0;width:5px;height:5px;background-color:#ddd}
.sitemap-page .entity a{color:#444}
.sitemap-page .entity a:hover{color:var(--main)}
.sitemap-page .entity a:empty{display:none}

/****** BLOG & NEWS ******/

.block-blog-archive .number{display:block;color:#444;cursor:auto}
.block-blog-archive .sublist{margin:5px 0 5px 15px}
.block-blog-archive li.month{padding:3px 0 3px 15px}
.blog-page .page-title,.news-list-page .page-title{margin:0}
.blog-page .post,.news-items .news-item{margin:0 0 30px}
.blog-page .post:after{content:"";display:block;clear:both}
.post-title,.news-title{display:inline-block;padding: 10px 10px 0;line-height:20px;font-size:16px;font-weight:400;color:#444;}
.post-title:hover,.news-title:hover{color:var(--main)}
.post-date,.news-date{display:block;margin:0 0 15px;background-color:#f6f6f6;padding:10px;font-style:italic;color:#444}
.post-body,.news-body{margin:0 0 20px;padding:0 10px;line-height:22px}
.blog-page .tags,.blogpost-page .tags{margin:0 0 15px;overflow:hidden;padding:0 10px}
.blog-page .tags label,.blogpost-page .tags label{display:inline-block;margin:0 3px 3px 0;font-weight:700;color:#444}
.blog-page .tags ul,.blogpost-page .tags ul{display:inline-block;margin:0 0 3px 3px;font-size:0}
.blog-page .tags li,.blogpost-page .tags li{display:inline-block;font-size:14px}
.blog-page .tags li.separator,.blogpost-page .tags li.separator{margin:0 8px 0 0}
.blog-page .tags a,.blogpost-page .tags a{display:block;color:var(--main)}
.blog-page .tags a:hover,.blogpost-page .tags a:hover{text-decoration:underline}
.blog-posts .buttons,.news-items .buttons{margin:0;padding:0 10px}
.blog-posts .buttons .read-comments{display:block;margin:0 0 15px;font-weight:700;color:#444}
.blog-posts .buttons .read-comments:hover{color:var(--main)}
.blog-posts .buttons .read-more,.news-items .buttons .read-more{display:inline-block;border:none;background-color: #0d0255;padding:10px 20px;font-size: 16px;color:#fff;text-transform:inherit;transition: 0.3s;}
.blog-posts .buttons .read-more:hover,.news-items .buttons .read-more:hover{background-color: var(--main);text-decoration: none;background: #f8ef1d;color: #0d0255;}
.new-comment{margin:50px 0 60px}
.new-comment .notifications{margin:0 0 10px}
.new-comment .result{color:#690}
.new-comment .form-fields{margin:0 0 20px}
.new-comment .button-1{border:none;background-color:var(--main);padding:10px 30px;text-align:center;font-size:15px;color:#fff;text-transform:uppercase}
.new-comment .button-1:hover{background-color: #da4a4a;}
.comment-list{margin:0 0 100px}
.comment-list .title{margin:0 0 15px;padding:0 10px;font-size:20px;color:#444}
.comment-list .title strong{font-weight:400}
.comment-list .comment{margin:0 0 40px;border-top:1px solid #ddd}
.comment-list .comment:after{content:"";display:block;clear:both}
.comment-info{width:150px;margin: 20px 0 0;}
.comment-info .username{display:block;margin:0 0 -1px;border: none;background-color: transparent;padding: 0px 0;font-weight:700;color:#444;font-size: 24px;}
.comment-info a.username:hover{color:var(--main)}
.comment-info .avatar{position:relative;width:150px;height:150px;border:1px solid #ddd;overflow:hidden}
.comment-info .avatar img{position:absolute;top:0;right:0;bottom:0;left:0;max-width:100%;max-height:100%;margin:auto;border:solid 2px #CEDBE1!important}
.comment-time{margin: 0;font-size:13px;font-weight:700;}
.comment-time span{color:#444}
.comment-title{margin:0 0 15px;font-size:16px;color:#444}
.comment-body{line-height:22px}
.news-list-homepage{margin:0 0 75px}
.news-list-homepage .title{margin:0 0 -1px;border-bottom:1px solid #ddd;padding:0 0 15px;font-size:30px;font-weight:400;color:#444}
.news-list-homepage .title strong{font-weight:400}
.news-list-homepage .view-all{text-align:center}
.news-list-homepage .view-all a{color:#444;text-decoration:underline}
.news-list-homepage .view-all a:hover{color:var(--main)}

/*** FORUM & PROFILE ***/

.forums-main-page .topic-block{margin:0 0 35px;text-align:center}
.forums-main-page .topic-block p{text-align:center}
.forums-main-page .pager{display:none}
.forum-breadcrumb{margin:0 0 40px}
.forums-header{margin:0 0 50px;overflow:hidden}
.forums-header:after{content:"";display:block;clear:both}
.forums-header .current-time{margin:0 0 15px;color:#444}
.forum-search-box .basic{overflow:hidden;margin:0 0 10px}
.forum-search-box .advanced a{line-height:22px;color:#444;text-decoration:underline}
.forum-search-box .advanced a:hover{color:var(--main)}
.forum-search-page .page-title{margin:0 0 -1px}
.forum-search-page .search-error,.forum-search-page .no-result{margin:0 0 15px;text-align:center;color:#e4434b}

/* forum group */

.forums-table-section{margin:0 0 60px}
.forums-table-section + .pager{margin:-30px 0 30px}
.forums-table-section-title{margin:0 0 15px;padding:0 10px}
.forums-table-section-title a,.forums-table-section-title strong{font-size:22px;font-weight:400;color:#444}
.forums-table-section-title a:hover{color:var(--main)}
.forums-table-section .image div{width:38px;height:32px;margin:auto;background:url(../images/topic-type1.png) center no-repeat}
.forums-table-section .image div.sticky{background:url(../images/topic-type2.png) center no-repeat}
.forums-table-section .image div.announcement{background:url(../images/topic-type3.png) center no-repeat}
.forums-table-section .forum-title,.forums-table-section .topic-title{margin:5px 0}
.forums-table-section .forum-title a,.forums-table-section .topic-title a{font-size:16px;font-weight:700;color:#444}
.forums-table-section .forum-title a:hover,.forums-table-section .topic-title a:hover{color:var(--main);text-decoration:none}
.forums-table-section .topic-title span{display:block;color:#777}
.forums-table-section .forum-description,.forums-table-section .topic-starter{margin:5px 0}
.forums-table-section .latest-post{white-space:nowrap}
.forums-table-section .latest-post div{margin:5px 0}
.forums-table-section .latest-post label{color:#777}
.forums-table-section .view-all{margin:30px 0 0;padding:0 10px}
.forums-table-section .view-all a{background-color:var(--main);padding:10px 15px;font-size:12px;color:#fff;text-transform:uppercase}
.forums-table-section .view-all a:hover{background-color:#248ece}

/* forum-page, topic page */


.forum-page .forum-info{margin:0 0 30px}
.forum-page .forum-name,.forum-topic-page .topic-name{margin:0 0 25px;border-bottom:1px solid #ddd;padding:0 10px 10px}
.forum-page .forum-name h1,.forum-topic-page .topic-name h1{font-size:30px;font-weight:400}
.forum-actions,.topic-actions{margin:0 0 30px;font-size:0}
.forum-actions .actions a,.topic-actions .actions a{display:inline-block;margin:1px;padding:10px 10px 10px 33px;font-size:14px}
.forum-actions .actions .new-topic{background:#eee url(../images/new.png) left center no-repeat}
.forum-actions .actions .watch-forum,.topic-actions .actions .watch-forum{background:#eee url(../images/watch.png) left center no-repeat}
.forum-actions .actions a:hover,.topic-actions .actions a:hover{background-color:#e6e6e6}
.forum-actions .pager.upper,.topic-actions .pager.upper{display:none;margin:0}
.topic-actions .reply-topic-button{background:#eee url(../images/reply.png) left center no-repeat}
.topic-actions .watch-topic-button{background:#eee url(../images/watch.png) left center no-repeat}
.topic-actions .move-topic-button{background:#eee url(../images/move.png) left center no-repeat}
.topic-actions .edit-topic-button{background:#eee url(../images/edit_.png) left center no-repeat}
.topic-actions .delete-topic-button{background:#eee url(../images/remove_.png) left center no-repeat}
.topic-actions.lower .actions{display:none}
.active-discussions-page .forums-table-section-title{margin:0 0 25px;border-bottom:1px solid #ddd;padding:0 10px 10px}
.active-discussions-page .forums-table-section-title strong{font-size:30px;font-weight:400}
.active-discussions-page .forums-table-section-body{margin:0 0 20px}

/* topic post */


.topic-post{margin:0 0 30px;border-top:1px solid #ddd}
.topic-post:last-child{border-bottom:1px solid #ddd}
.topic-post:after{content:"";display:block;clear:both}
.topic-post .post-info{margin:30px 0}
.topic-post .user-info{width:150px;margin:0 auto 15px}
.topic-post .username{display:block;margin:0 0 -1px;border:1px solid #ddd;background-color:#f6f6f6;padding:11px 0;font-weight:700;color:#444}
.topic-post a.username:hover{color:var(--main)}
.topic-post .avatar,.profile-info-box .avatar{position:relative;width:150px;height:150px;border:1px solid #ddd;overflow:hidden}
.topic-post .avatar img,.profile-info-box .avatar img{position:absolute;top:0;right:0;bottom:0;left:0;max-width:100%;max-height:100%;margin:auto}
.topic-post .avatar img{border:solid 2px #CEDBE1!important}
.topic-post .user-stats{margin:0 0 15px}
.topic-post .user-stats li{display:inline-block;margin:0 10px}
.topic-post .user-stats span,.profile-info-box .profile-stats span{margin:0 0 0 3px;font-weight:700;color:#444}
.topic-post .pm-button,.profile-info-box .pm-button{display:inline-block;border:none;background-color:#888;padding:10px 20px;font-size:12px;color:#fff;text-transform:uppercase}
.topic-post .pm-button:hover,.profile-info-box .pm-button:hover{background-color:#999}
.topic-post .post-time{margin:0 0 15px;background-color:#f6f6f6;padding:10px 15px;font-size:13px;font-weight:700}
.topic-post .post-time span{color:#444}
.topic-post .post-actions{margin:0 0 15px;font-size:0}
.topic-post .post-actions > div{display:inline-block}
.topic-post .post-actions a{display:inline-block;margin:1px 5px;font-size:14px}
.topic-post .post-actions .edit-post-button,.topic-post .post-actions .delete-post-button{padding:10px 10px 10px 33px}
.topic-post .post-actions .edit-post-button{background:url(../images/edit_.png) left center no-repeat}
.topic-post .post-actions .delete-post-button{background:url(../images/remove_.png) left center no-repeat}
.topic-post .post-actions .edit-post-button:hover,.topic-post .post-actions .delete-post-button:hover{color:var(--main)}
.topic-post .post-actions .post-link-button{padding:10px;font-weight:700;color:var(--main)}
.topic-post .post-actions .post-link-button:hover{text-decoration:underline}
.topic-post .post-actions .quote-post-button{background-color:#888;padding:10px 20px;color:#fff}
.topic-post .post-actions .quote-post-button:hover{background-color:#999;color:#fff}
.topic-post .post-text{padding:0 10px 20px;line-height:22px;color:#444;margin-bottom:0}
.topic-post .post-vote{text-align:center;display:table;margin:0 auto 20px}
.topic-post .user-posted-image,.latest-posts .user-posted-image{max-width:100%;height:auto}
.topic-post .quote,.latest-posts .quote{margin:10px 0;border:1px dashed #ccc;background-color:#f9f9f9;padding:10px;color:#777}
.topic-post .signature{border-top:1px solid #ddd;padding:20px;font-size:13px;font-style:italic;clear:both}
.topic-post .post-vote span.vote{cursor:pointer;display:block;width:40px;height:24px}
.topic-post .post-vote span.up{background:url(../images/vote-up.png) no-repeat 50% 50%}
.topic-post .post-vote span.vote.up.selected{background:url(../images/vote-up-selected.png) no-repeat 50% 50%}
.topic-post .post-vote span.down{background:url(../images/vote-down.png) no-repeat 50% 50%}
.topic-post .post-vote span.vote.down.selected{background:url(../images/vote-down-selected.png) no-repeat 50% 50%}
.topic-post .vote-count-post{display:block;font-size:160%}

/* forum edit & send message */


.forum-edit-page .page-title,.move-topic-page .page-title,.private-message-send-page .page-title{margin:0 0 -1px}
.move-topic-page label{white-space:normal}
.forum-edit-page .message-error,.private-message-send-page .message-error{margin:20px 0}
.forum-edit-page .inputs strong{display:inline-block;max-width:400px;font-size:22px;font-weight:400;color:#444;white-space:normal}
.forum-edit-page .inputs .topic-subject{font-size:17px}
.forum-edit-page .inputs.reversed{margin:0}
.forum-edit-page .inputs.reversed label{width:auto;margin:5px;font-size:14px;white-space:normal}
.forum-edit-page .bb-code-editor-wrapper,.private-message-send-page .bb-code-editor-wrapper{max-width:400px;margin:20px auto;background-color:#ddd;padding:10px}
.forum-edit-page .toolbar .button,.private-message-send-page .toolbar .button{margin:0 2px 0 0;border:#cec6b5 1px solid;padding:2px}
.forum-edit-page .toolbar .button:hover,.private-message-send-page .toolbar .button:hover{border:#333 1px solid}
.forum-edit-page textarea,.private-message-send-page textarea{display:block;margin:auto}
.forum-edit-page .buttons input,.move-topic-page .buttons input,.private-messages .buttons input{min-width:140px;border:none;background-color:#999;padding:10px 30px;text-align:center;font-size:15px;color:#fff;text-transform:uppercase}
.forum-edit-page .buttons input:hover,.move-topic-page .buttons input:hover,.private-messages .buttons input:hover{background-color:#888}
.forum-edit-page .buttons .button-1,.move-topic-page .buttons .button-1,.private-messages .buttons .button-1{background-color:var(--main)}
.forum-edit-page .buttons .button-1:hover,.move-topic-page .buttons .button-1:hover,.private-messages .buttons .button-1:hover{background-color:#248ece}
.private-message-send-page a{font-size:14px;color:var(--main)}
.private-message-send-page span{font-size:14px}

/* jQuery tabs */

.ui-tabs{border:none;border-radius:0;background:none;padding:0;font:normal 14px Proxima,Arial,sans-serif;color:#777}
.ui-widget.ui-widget-content.ui-tabs{border:none}
.ui-tabs-nav{margin:0 0 30px;border-bottom:1px solid #ddd;overflow:hidden;font-size:0;margin:0 0 30px!important;border-width:0 0 1px;border-radius:0;background:none;padding:0!important;line-height:normal;font-weight:400;color:#444}
.ui-tabs-nav li{margin:0 0 -1px;float:none!important;margin:0 0 -1px!important;border:none!important;border-radius:0;background:none!important;padding:0!important}
.ui-tabs-nav li a{display:block;border:1px solid #ddd;padding:12px 24px;text-align:center;font-size:18px;color:#444;float:none!important;padding:12px 24px!important;font-weight: 600;}
.ui-tabs-nav li.ui-state-active a{background-color: rgb(108 108 108 / 28%);color:var(--main);}
.ui-tabs-panel{padding:0!important}



/* inbox & view message */

.private-messages-page .table-wrapper,.private-message-view-page .view-message{margin:0 0 30px}
.private-messages-page th.select{text-align:center}
.private-messages-page td.from,.private-messages-page td.to,.private-messages-page td.subject{min-width:150px}
.private-messages-page td.date{white-space:nowrap}
.private-messages-page td.subject a{color:#444}
.private-messages-page td.subject a.pm-unread{color:var(--main)}
.private-messages-page .pager{margin:0 0 30px}
.private-messages-page .buttons,.private-message-view-page .buttons{font-size:0}
.private-messages-page .buttons .button-1,.private-messages-page .buttons .button-2,.private-message-view-page .buttons .button-1,.private-message-view-page .buttons .button-2{display:block;width:250px;margin:0 auto 3px;font-size:15px}
.private-message-view-page .view-message{margin:0 0 30px}
.private-message-view-page .message-head{margin:0 0 20px;line-height:22px}
.private-message-view-page .message-head span{font-weight:700;color:#444}
.private-message-view-page .message-body{border-top:1px solid #ddd;background-color:#f9f9f9;padding:30px 20px;line-height:22px;text-align:justify}
.private-message-view-page .back-pm-button{text-transform:capitalize!important}

/* profile page  */

.profile-info-box{overflow:hidden;line-height:normal;font-size:14px;font-family:Proxima,Arial,sans-serif;color:#777}
.profile-info-box .user-details{margin:0 0 30px}
.profile-info-box .avatar{margin:0 auto 15px}
.profile-info-box .title{margin:0 0 10px;font-size:18px;color:#444}
.profile-info-box .stats{margin:0 0 15px}
.latest-posts{line-height:normal;font-size:14px;font-family:Proxima,Arial,sans-serif;color:#777}
.latest-posts .topic{margin:0 0 35px}
.latest-posts .topic-title{margin:0 0 20px;border-top:1px solid #ddd;background:#f6f6f6;padding:10px;font-size:16px}
.latest-posts .topic-title a{font-weight:700;color:#444}
.latest-posts .topic-title a:hover{color:var(--main)}
.latest-posts .topic-body{margin:0 0 15px;line-height:22px}
.latest-posts .topic-data{color:#444}

/* BB codes */

pre{white-space:pre-wrap;white-space:normal;word-wrap:break-word}
.csharpcode{margin:10px 0;border:1px dashed #ccc;background-color:#fff;padding:10px;font-family:"Courier New",Courier,monospace;color:#000}
.csharpcode .rem{color:green}
.csharpcode .kwrd{color:#00f}
.csharpcode .str{color:#006080}
.csharpcode .op{color:#00c}
.csharpcode .preproc{color:#c63}
.csharpcode .asp{background-color:#ff0}
.csharpcode .html{color:maroon}
.csharpcode .attr{color:red}
.csharpcode .alt{width:100%;margin:0;background-color:#f6f6f6}
.csharpcode .lnum{color:#666}



/* ************ MEDIA QUERY ************ */

@media (max-width:992px){
    .mid-block {font-size:40px;}

    .services-block .block .name {font-size:30px}

    .will-steps .wrapper {display:block;}
    .will-steps .arrow {display:none;}
    .will-steps .step {width:50%;float:left;padding: 10px 15px 30px;}
}

@media (max-width:768px){
    .banner .wrapper .fields-wrap {width:100%;}
    .banner .wrapper .fields-wrap .heading {font-size:34px;}

    .mid-block {font-size: 30px;}

    .services-block .block { width:50%; background:#1e242e !important; }
    .services-block .block:nth-child(3n+1) {background:#495456 !important;}
    .services-block .block:nth-child(4n+1) {background:#495456 !important;}

    .video-section .vid h4 {font-size:30px;}

    .footer-address {width:100%;}
    .footer-address .address {width:100%;}
    .footer-contact {width:100%; padding:40px 0;}

    .will-packages .package {padding:20px;} 
    .will-packages .heading, .will-packages .heading-below {text-align:center; }
    .will-packages .heading-below .btn{float:none; margin:10px 0 0;}
	
	.header-menu .menu-toggle {display:inline-block;}
	.header-menu .top-menu {display:none !important;}
	.header-menu .top-menu.mobile {display:block !important;}
	
	.hero-page-title {padding:50px 15px;}
	.hero-page-title h1{font-size:35px;}
}

@media (max-width:480px){
	.header-logo {padding:15px 0;}
	.header-logo a img {max-width:200px;}
	
    .services-block .block:after {padding-bottom: 70%;}
    .services-block .block:nth-child(even) { width:100%; background:#1e242e !important; }
    .services-block .block:nth-child(odd) { width:100%; background:#495456 !important;}

    .how-we-work .heading h2 {font-size:30px;}
    .how-we-work .heading {margin:0 0 20px;}
    .how-we-work .blocks {flex-direction:column;}
    .how-we-work .blocks .item {width:100%; padding:20px 0;}
    .how-we-work .blocks .item h5 {height:auto; margin:0 auto 15px;}

    .info-list .item {align-items: end; justify-content: center; flex-direction:column; text-align:center;}
    .info-list .item .ico {padding:0 0 5px; width:100%; }
    .info-list .item .ico img {max-width:60px; display:inline-block;}
    .info-list .item .text {font-size:22px; line-height:120%;}

    .recent-news .wrapper {flex-direction:column;}
    .recent-news .head {width:100%; padding:0;}
    .recent-news .head h3 {font-size:34px; margin:0 0 15px;}

    .will-steps .step {width:300px; margin:auto; float:none} 
}

.will-wrapper {display: block;padding-top: 0;height: 0;}
.will-wrapper .wil-old-price {font-size: 20px;color: #aaa;text-decoration: line-through;}

/* PCO Css */

.redtext {
    color:var(--main) !important;
  }
  
  .back {
    font-size:14px !important;
  }
  
  .hidden {
    display:none;
  }
  
  
  
  .partneroptions input{
  /*   margin-left:0 !important;
     */
  }

  .checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], .radio input[type=radio], .radio-inline input[type=radio] {
    position: absolute;
    margin-top: 4px\9;
    margin-left: -20px;
}
  
  
  .percentinput {
    width:100px;
    font-size:18x;
    padding:10px 30px 10px 10px;
    float:left;
  }
  
  .splitbox {
    width:100%;
    float:left;
    margin-bottom:5px;
  }
  
  .splitholder {
    float:left;
    width:18px;
    font-size:18px;
    margin-left:-34px;
    margin-top:13px;
    display:table;
  }
  
  .splitname {
    width:320px;
    font-size:18px;
    padding:5px;
    float:left;
    vertical-align:middle !important;
    height:46px;
  }
  
  .splitname p {
    font-size:18px;
    vertical-align:middle !important;
  }
  
  .greyout {
    color:#d3d3d3 !important;
  }
  .greyout i{
    color:#d3d3d3 !important;
  }
  .willpage a{
    color:var(--main);
  }
  
  #PartnerDetails {
    display:none;
  }
  
  .toprighttext {
      height:30px;
   
      width:120px;
    float:right;
    color:#767676;
    text-align:right;
    
  }
  
  .circle {
      background-color:#44C544;
      border:1px solid #44C544;    
      height:30px;
      border-radius:50%;
      -moz-border-radius:50%;
      -webkit-border-radius:50%;
      width:30px;
    float:right;
    
  }
  
  .circle i {
    color:#fff;
    margin-left:5px;
    margin-top:4px;
      font-size:18px;
  
  }
  
  .circlegrey {
      background-color:#f1f1f1;
      border:1px solid #D3D3D3;    
      height:30px;
      border-radius:50%;
      -moz-border-radius:50%;
      -webkit-border-radius:50%;
      width:30px;
    float:right;
  }
  
  .circlegrey i {
    color:#a8a8a8;
    margin-left:5px;
    margin-top:4px;
    font-size:18px;
  }
  
  
  .btn-red {
    background:var(--main);
    color:#fff !important;
    font-weight:600;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid var(--main);
  }
  
  .btn-gray {
    background:#E7E7E7 !important;
    color: #898989 !important;
    font-weight:600;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
    border:none;
  }
  .btn-lock{pointer-events: none;}
  
  .btn-red:hover {
    background:var(--gray2);
    color:#fff;
    text-decoration: none !important;
  }
  .btn-red i{
    margin-right: 10px;
}
  .btn-red:focus {
    background:var(--gray2);
    color:#fff;
    font-weight:600;
  }
  
  .giftsbuttons .btn {
    width:49%;
    float:left;
    line-height:100px;
  }
  
  .willpagefooter {
    margin:40px 0 0 0 !important;
    padding:0;
  }
  
  .formcolumn h2 {
    font-weight:600;
  }
  
  
  
  .willpartbox {
    background:#fff;
    width:100%;
    margin-left:auto;
    margin-right:auto;
    border:1px solid #eee;
    margin-bottom:5px;
    box-sizing:border-box;
    text-align:left;
    padding:7px;
    font-size:16px;
    float:left;
    height:75px;
  }
  
  
  .willpartbox h1 {
    font-family: proxima-nova, sans-serif;
  font-style: normal;
  font-weight: 100;
    color:#333;
    font-weight:600;
    font-size:16px;
    margin:0;
    line-height:16px;
  }
  
  .willpartbox h2 {
    font-family: proxima-nova, sans-serif;
  font-style: normal;
  font-weight: 100;
    color:#767676;
    font-weight:400;
    font-size:16px;
    margin:5px 0px 0px 0px;
    line-height:14px;
  }
  
  .willpartbox a{
    font-family: proxima-nova, sans-serif;
  font-style: normal;
  font-weight: 100;
    font-size:16px;
  }
  
  .graybox {
    background:#f1f1f1 !important;
      color:#a8a8a8 !important;
  
  }
  
  .graybox h1{
    color:#a8a8a8 !important;
  }
  
  .graybox h2{
    color:#a8a8a8 !important;
  }
  
  #helpmenu {
  margin:0;
   padding-left:0;
  }
  #executorslist {
    padding-left:15px;;
    font-size:16px;
  }
  
  #helpmenu li {
  list-style: none;
  }
  
  .itembox {
    height:80px;
    background:#fff;
    width:100%;
    margin-left:auto;
    margin-right:auto;
    border:1px solid #eee;
    margin-bottom:10px;
    box-sizing:border-box;
    text-align:left;
    padding:15px;
    font-size:18px;
    float:left;
  }
  .itemboxbig {
    background:#fff;
    width:100%;
    margin-left:auto;
    margin-right:auto;
    border:1px solid #eee;
    margin-bottom:10px;
    box-sizing:border-box;
    text-align:left;
    padding:15px;
    font-size:16px;
    float:left;
  }
  
  .itembox h1 {
    color:#333;
    font-weight:600;
    font-size:16px;
    margin:0;
    line-height:16px;
  
  }
  
  .itembox h2 {
    color:#767676;
    font-weight:400;
    font-size:14px;
    margin:5px 0px 0px 0px;
    line-height:14px;
  }
  
  .itembox a{
    font-size:16px;
  }
  
  
  .itemboxbig h1 {
    color:#333;
    font-weight:600;
    font-size:16px;
    margin:0;
    line-height:16px;
  
  }
  
  .itemboxbig h2 {
    color:#767676;
    font-weight:400;
    font-size:16px;
    margin:5px 0px 0px 0px;
    line-height:14px;
  }
  
  .itemboxbig a{
    font-size:16px;
  }
  
  
  .willheader {
    background:#fff;
    width:100%;
    border-bottom:5px solid var(--main);
    height:90px;
    position:relative;
    top:0;
  }
  
  .willheader img {
    width:250px;
    margin-left:30px;
    margin-top:28px;
    float:left;
  }
  
  .willheader .menu {
    float:right;
    width:400px;
    color:#495456;
    font-weight:600;
    font-size:16px;
    decoration:none;
    display:inline;
    text-align:right;
    margin-top:30px;
    margin-right:30px;
  }
  
  .willheader .menu li {
    display:inline;
    margin-left:30px;
  }
  
  .willheader .menu li a {
    color:#495456;
  }
  
  .willheader .menu li a:hover {
    color:var(--main);
  }
  
  .willfooter {
    width:100%;
    background:#495456;
    height:100px;
    position:relative;
    bottom:0;
    color:#fff;
  }
  
  
  .willheaderbuy {
    background:#fff;
    width:100%;
    height:108px;
    position:relative;
    top:0;
  }
  
  .willheaderbuy img {
    width:327px;
    height:43px;
    margin-left:30px;
    margin-top:28px;
    float:left;
  }
  
  .willheaderbuy .menu {
    float:right;
    width:400px;
    color:#495456;
    font-weight:600;
    font-size:16px;
    decoration:none;
    display:inline;
    text-align:right;
    margin-top:30px;
    margin-right:30px;
  }
  
  .willheaderbuy .menu li {
    display:inline;
    margin-left:30px;
  }
  
  .willheaderbuy .menu li a {
    color:#495456;
  }
  
  .willheaderbuy .menu li a:hover {
    color:var(--main);
  }
  
  .willfooterbuy {
    width:100%;
    background:rgba(30, 36, 46, 1);
    height:575px;
    position:relative;
    bottom:0;
    color:#fff;
    margin-top:100px !important;
    padding-top:70px !important;
  }
  .buypage {
    margin-top:48px !important;
  }
  .buypage h2 {
    font-size:55px !important;
    font-weight:600 !important;
    margin-bottom:0px !important;
  }
  
  .buypage h3 {
    margin-top:0px !important;
    font-size:26px !important;
    font-weight:100 !important;
      font-family: helvetica-w01-light,helvetica-w02-light,sans-serif !important;
  margin-bottom:20px !important;
  }
  
  .page {
    text-align:left;
  }
  
  .buypage label {
    font-size:16px !important;
  /*     font-family: proxima-nova, sans-serif !important; */
    font-family: helvetica-w01-light,helvetica-w02-light,sans-serif !important;
  font-style: normal;
  font-weight: 300 !important;
    color:#000;
  }
  
  .buypage .col-xs-1 {
    padding-left:0 !important;
  }
  .buypage .col-xs-2{
    padding-left:0 !important;
  }
  .buypage .col-xs-3 {
    padding-left:0 !important;
  }
  .buypage .col-xs-4 {
    padding-left:0 !important;
  }
  .buypage .col-xs-5 {
    padding-left:0 !important;
  }
  .buypage .col-xs-6 {
    padding-left:0 !important;
  }
  
  .buypage .col-md-1 {
    padding-left:0 !important;
  }
  .buypage .col-md-2{
    padding-left:0 !important;
  }
  .buypage .col-md-3 {
    padding-left:0 !important;
  }
  .buypage .col-md-4 {
    padding-left:0 !important;
  }
  .buypage .col-md-5 {
    padding-left:0 !important;
  }
  .buypage .col-md-6 {
    padding-left:0 !important;
  }
  input[type=submit]{
    /* height: 37px !important; */
  }
  
  .summary {
  display:none;
  }
  
  .page1 {
    display:none;
  }
  .page2 {
    display:none;
  }
  .page3a {
    display:none;
  }
  .page3b {
    display:none;
  }
  .page4a {
    display:none;
  }
  .page4b {
    display:none;
  }
  .page5 {
    display:none;
  }
  .page6 {
    display:none;
  }
  .page6b {
    display:none;
  }
  .page7 {
    display:none;
  }
  
  .page8 {
    display:none;
  }
  
  .help {
    display:none;
  }
  
  .content-header {
    background:#f9f9f9 !important;
  }
  
  .maxwidth {
    max-width:1000px !important;
    margin-left:auto;
    margin-right:auto;
  }
  
  .notescolumn {
    color:#767676;
    font-size:14px;
    margin-top:20px;
    float:left;
  
  }
  
  .notescolumn p {
  font-size:16px;
  }
  
  p {
    font-size:16px;
  }
  
  .notescolumn h3 {
    margin-top:0;
    font-size:16px;
    line-height:26px;
  }
  
  /* .text-right {
    float:right;
  } */
  
  /* h3 {
  font-family: proxima-nova, sans-serif;
  font-style: normal;
  font-weight: 600;
    font-size:18px;
  }
  
  h2 {
    font-family: proxima-nova, sans-serif;
  font-style: normal;
  font-weight: 600;
  }
  
  h1 {
    font-family: proxima-nova, sans-serif;
  font-style: normal;
  font-weight: 600;
  } */

  h3 {
    font-family: var(--title-fonts);
    font-style: normal;
    font-weight: 400;
    font-size:18px;
  }
    
  h2 {
    font-family: var(--title-fonts);
    font-style: normal;
    font-weight: 400;
  }
    
  h1 {
    font-family: var(--title-fonts);
    font-style: normal;
    font-weight: 400;
  }
  
  
  .dashwidgets h3 {
      font-size: 38px !important;
      font-weight: bold;
      margin: 0 0 10px 0;
      white-space: nowrap;
      padding: 0;
      
  }
  .small-box h3 {
      font-size: 38px;
      font-weight: bold;
      margin: 0 0 10px 0;
      white-space: nowrap;
      padding: 0;
  }
  
   .description-header {
      font-size:30px !important;
  }
  .info-box-number {
      font-size:30px !important;
  }
  .skin-blue .main-header li.user-header {
  background:var(--main) !important;
  }
  
  ol, ul {
    margin-bottom:0px !important;
  }
  
  .newborder {
    border:1px solid #d2d6de !important;
  }
  

.subwayWrapper{}
.subwayBox{
    margin-bottom: 35px;
}
.subwayBox ul{
    display: flex;
}
.subwayBox li{
    text-align: center;
    flex-grow: 1;
    width: 150px;
}
.subwayBox li a{}
.subwayBox li a:hover{text-decoration:none}
.subwayBox li .subwayListWrapper{}
.subwayBox li .subwayListWrapper .subwayList{
    position: relative;
}
.subwayBox li .subwayListWrapper .subwayList .subwayRound{display: block;background: white;height: 30px;width: 30px;color: #2b2b2b;border-radius: 100%;display: table;margin: auto;line-height: 30px;font-weight: 800;margin-bottom: 5px;border: 2px solid #b5b5b5;box-sizing: content-box;position: relative;Z-INDEX: 999;}
.subwayBox li .subwayListWrapper .subwayList .subwayText{}
.subwayBox li .subwayListWrapper .subwayList .subwayRound:after{content: "";height: 2px;width: 110%;background: #b5b5b5;position: absolute;top: 14px;left: 105%;z-index: 0;}

.subwayBox li .subwayListWrapper .subwayList .subwayRound:before{content:"";height: 2px;width: 107%;background: #b5b5b5;position:absolute;top: 14px;right: 100%;z-index:-1;}


.subwayBox li a.after .subwayRound:before {
  background: var(--main)!important;
}
.subwayBox li a.after .subwayRound:after {
  background: var(--main)!important;
}

.subwayBox li a.active .subwayRound:before {
  background: var(--main)!important;

}
.subwayBox li a.active .subwayRound {
  background: var(--main)!important;
  color: #fff !important;
  border-color: var(--main) !important;
}
.subwayBox li a.after .subwayRound {
  background: #ffffff!important;
  color: var(--main) !important;
  border-color: var(--main) !important;
}
.subwayBox li:first-child  .subwayRound:before{display: none;}
.subwayBox li:last-child  .subwayRound:after{display: none;}


.subwayBox li a.active{}
.subwayBox li .active .subwayListWrapper{}
.subwayBox li .active .subwayListWrapper .subwayList{}
.subwayBox li .active .subwayListWrapper .subwayList .subwayRound{
}
.subwayBox li .active .subwayListWrapper .subwayList .subwayText{}

.subwayBox li a.activated{}
.subwayBox li .activated  .subwayListWrapper{}
.subwayBox li .activated  .subwayListWrapper .subwayList{}
.subwayBox li .activated  .subwayListWrapper .subwayList .subwayRound{}
.subwayBox li .activated  .subwayListWrapper .subwayList .subwayText{}
.home-link-wrapper{}
.home-link{text-align: center;}
.home-link a{display: table;margin: auto;}
.home-link a:hover{color:var(--main);text-decoration: none;}
.home-link a .icon-round{background: #fff;width: 50px;height: 50px;line-height: 50px;border-radius: 100%;font-size: 31px;margin: 0 auto 10px;}
.home-link a .icon-round i{}
.home-link a .will-home-text{text-align: center;display: table;margin: 0px auto 15px;  font-size: 16px;font-weight: 600;text-transform: uppercase;}

.info-tabs-wrapper{background: transparent;margin-bottom: 0;}
.info-tabs{}
.info-list-tab{margin-bottom: 0;}
.info-tab-box{display: flex; /* justify-content: space-between; */}
.info-tab-box li{flex-grow: 1;text-align: center;}
.info-tab-box li a{font-size: 15px;padding: 20px 15px;display: block;color: #21334e;font-weight: 600;transition: 0.3s;border-bottom: 2px solid transparent;}
.info-tab-box li a:hover{font-style: normal;text-decoration: none;border-bottom: 2px solid var(--main);}
.info-tab-box li a.active{background: transparent;font-style: normal;text-decoration: none;/* transform: scale(1.1); *//* box-shadow: none; */border-bottom: 2px solid var(--main);}
.pdf-invoice-button{background: transparent;color: #fff !important;padding: 3px 8px;display: block;text-align: center;}
.pdf-invoice-button:hover{text-decoration:none !important}
.pdf-invoice-button img{width: 30px;margin-bottom: -10px;}
.from-btn{background: var(--main);color: #fff !important;padding: 3px 8px;}
.from-btn:hover{text-decoration:none !important}

.f-wrapper:first-child{margin-top: 0px;}
.f-wrapper span {line-height:22px;}
.f-wrapper {display: flex;justify-content: space-between;flex-wrap: wrap;margin-top: 5px;}
.from-btn{display: block;min-width: 89px;text-align: center;}

.account-header-wrapper{background: #f9f9f9;margin-bottom: 35px;}
.account-header{display: flex;justify-content: space-between;align-items: center;height: 67px;}
.account-logo-wrap{width: 250px;}
.account-logo-wrap a{}
.account-logo-wrap a img{ max-width: 100%;}
.account-menu{}
.account-menu-left{}

.account-menu-left .dropdown{list-style: none;padding: 0;}
.account-menu-left .dropdown:hover .dropdown-menu {transform: scale(1);opacity: 1;transform-origin: top;}
.account-menu-left .dropdown > a{padding: 10px 0px 10px 10px;font-weight: 400;font-size: 16px;color: #21334e;padding: 20px 15px;position: relative;display: block;}
.account-menu-left .dropdown > a:after{content:"";content: "\f078";font: normal normal normal 14px/1 FontAwesome;font-size: inherit;text-rendering: auto;-webkit-font-smoothing: antialiased;position: absolute;font-size: 10px;position: absolute;top: 50%;right: 0;transform: translateY(-50%);}
.account-menu-left .dropdown a:hover{text-decoration: none;}
.account-menu-left .dropdown .dropdown-menu{list-style: none;display: block;display: block;top: 84%;text-align: right;padding: 10px 15px;border: 1px solid #ddd;box-shadow: 0 4px 5px 1px #e8e8e8;transform: scale(0);transition: 0.3s;transform-origin: top;right: 0;left: auto;opacity: 0;}
.account-menu-left .dropdown .dropdown-menu li{}
.account-menu-left .dropdown .dropdown-menu li a{color: #21334e;font-weight: 600;font-size: 14px;}
.header-mobile{display: none;}

.qus-wrapper {background: #f9f9f9;border: 1px solid #ddd;margin-top: 15px;padding: 15px 15px;}
.qus-box {margin-bottom: 15px;}
.qus-box h3{margin-bottom: 5px;font-size: 15px;}
.qus-box label{margin-right: 35px;display: block;margin-bottom: 5px;cursor: pointer;}
.qus-box label input{margin: 0 3px 0px 0px!important;vertical-align: middle;display: inline-block;position: static !important;cursor: pointer;}
.qus-box label i{display: inline-block;}

.wrap-sum{}
.inputs-sum{display: flex;align-items: center;margin-bottom: 5px;}
.inputs-sum label{font-weight: 800;margin-right: 10px;width: 47%;text-align: left;}
.inputs-sum p{width: 50%;text-align: left;}

.r-foot-wrapper{display: flex;flex-wrap: wrap;justify-content: space-between;}

.r-foot-logo{}
.r-foot-logo img{}
.r-foot-email{}

.r-foot-email span{color: #fff;margin: 0;display: block;font-size: 13px;font-weight: 400;line-height: 16px;}
.secure-payment{width: 130px;display: table;margin: 0;}
.secure-payment img{max-width: 100%;}


.input-row{display: flex;margin: 0;width: 100%;flex-wrap: wrap;margin-right: -10px;margin-left: -10px;}
.input-box{width: 25%;padding: 10px;flex-grow: 1;}
.input-box label{}
.input-box input{}
.dataTables_length{margin-block: 15px;}
.s-table-info-wrapper{background: #f9f9f9;display: table;float: right;padding: 10px 15px;border: 1px solid #ddd;}
.s-table-box{text-align: right;}
.s-table-box label{font-size: 16px;font-weight: 600;margin-right: 5px;}
.s-table-box span{}

.notifyjs-foo-base {opacity: 0.95;width: 200px;background: #e8681d;padding: 5px;border-radius: 0;color: #fff;}
.notifyjs-foo-base .title {width: 100px;float: left;margin: 5px 0 0 10px;text-align: left;}
.notifyjs-foo-base .buttons {width: 70px;float: right;font-size: 9px;padding: 5px;margin: 2px;}
.notifyjs-foo-base button {font-size: 9px;padding: 5px;margin: 2px;width: 60px;border: 1px solid #fff;color: #ffff;background: #ff651b;}

.modal-backdrop{background-color: rgba(0, 0, 0, 0.49);}
#ModalNoti{}
#ModalNoti .modal-content{top: 50%;transform: translateY(-80%);}
#ModalNoti .modal-content .modal-body{text-align: center;}
#ModalNoti .modal-content .modal-body p{margin-bottom: 15px;font-size: 18px;font-weight: 600;}
#ModalNoti .modal-content .modal-body .small-p{font-size: 14px;font-weight: 400;}
#ModalNoti .modal-dialog{    height: 100%;}

#getaddress_dropdown{display: block;width: 100%;margin-top: 15px;border-color: #4a5556;color: white;background: #4a5556;}
#getaddress_button{border-radius: 0 !important;line-height: 26px;}
.info-fields{
    display: flex;
    flex-wrap: wrap;
    background: #f9f9f9;
    padding: 10px 15px;
    border: 1px solid #ddd;
    justify-content: space-between;
}
.info-fields .f-info{
    width: 100%;
    background: #fff;
    padding: 10px;
    border: 1px solid #ddd;
    margin-bottom: 5px;
    position: relative;
    min-width: 250px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.info-fields .f-info p{
    display: flex;
    width: 100%;
    justify-content: space-between;
}
.info-fields .f-info label{
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 0;
    margin-right: 5px;
}
.url-p{}
.url-p b{
    display: inline-block;
    /* position: absolute; */
    top: 10px;
    right: 10px;
    color: var(--main);
    font-weight: 600;
    cursor: pointer;
    width: 100px;
    text-align: right;
    min-width: 70px;
}

.url-p span{
    display: block;
    word-break: break-all;
}
.window-popup-wrapper{}
.window-popup{
    margin-top: 35px;
}
.window-popup  .nav-tabs{}
.window-popup  .nav-item{}
.window-popup  .nav-item.active a{
      background:var(--main);
      color:#fff !important;
}
.window-popup  .nav-link{
    font-weight: 600;
    font-size: 18px;
    color: var(--main) !important;
}
.window-popup .nav-link.active{
    background:var(--main);
    color:#fff !important;

}
.window-popup  .tab-content{
    border: 1px solid var(--main);
    border-top: none;
}
.window-popup  .tab-pane{}
.window-popup  .tab-pane.active{}
.tab-wrap{
    padding: 15px 15px;
}
.tab-box{
    background: #f9f9f9;
    padding: 10px 15px;
    border: 1px solid #ddd;
}
.tab-box h1{
    font-size: 19px;
    font-weight: 600;
}
.tab-box h1 strong{
    font-weight: 600;
    letter-spacing: 0.3px;
}
 .window-popup .form-fields{
    background: transparent;
    border: none;
    padding: 0;
}
.tab-box .form-fields .inputs{}
.nav-tabs{border-bottom: 1px solid var(--main);}
.box-Enquiry-wrapper{}
.box-Enquiry-wrapper h5{}
.box-Enquiry-wrapper p{}
.window-popup-wrapper  label{font-weight: 600;}

.data-wrapper{}
.data-box{}
.data-box b{}
.data-box span{}
#getaddress_input{text-transform: uppercase;width: 60%;}
.Name-error{background: pink}

.small-mesg{font-size:12px;color: #8d8d8d;display: block;text-align: left;margin-top: 3px;}


.qus-wrapper{}
.qus-wrapper h3{margin-bottom: 15px;font-size: 15px;font-weight: 100;}

.page-dark{}
.page-dark .card-header{
  background: #d2d6de;
  justify-content: space-between;
  display: flex;
  align-items: center;
  /* background: rgb(34,193,195); */
  /* background: linear-gradient( 
125deg, rgba(34,193,195,1) 0%, rgba(45,253,216,1) 100%); */
  color: #fff;
  background: #4c5758;
  }


  #saveadviserclient .form-fields{display: flex;flex-wrap: wrap;justify-content: space-between;}
  #saveadviserclient .form-fields .inputs{        width: 48%;}
  #saveadviserclient .inputs input[type="datetime-local"]{}


  #saveclientjointcustomer .form-fields{display: flex;flex-wrap: wrap;justify-content: space-between;}
  #saveclientjointcustomer .form-fields .inputs{        width: 48%;}
  #saveclientjointcustomer .inputs input[type="datetime-local"]{}
 .page-dark .card-body{    padding: 0;border: none;}
 .dol-lable{
  margin-right: 5px;
  position: absolute;
  right: 65px;
  top: 24px;
}
.dol-lable {
  margin-right: 10px;}
  
.addressFinder-box-wrapper{
    padding: 10px 15px;
    border: 1px solid #ddd;
    margin-bottom: 15px;
    width: 100%;
    background: #fff;
}
.addressFinder-box-wrapper .title{
    /* text-transform: capitalize; */
    text-align: center;
}
.addressFinder-box-wrapper .add-wrapper{}
.postcode_lookup{}
#postcode_lookup,#postcode_lookup-2{display: table;margin: 0 auto 15px;display: flex;width: fit-content;}

.addressFinder-box-wrapper .add-wrapper input{
    width: 600px;
}
.addressFinder-box-wrapper .add-wrapper button{
    background: var(--main);
    padding: 7px 15px;
    color: #ffff;
}

.copy-link{
    background: var(--gray2);
    color: #fff;
    padding: 5px 8px;
    margin-left: 15px;
}

.teck-text{
    position: absolute;
    top: 24px;
    right: -6px;
    color: #3de03d;
    font-size: 20px;
    font-size: 14px;
}
.teck-text i{}
.table.services-table td{position: relative;vertical-align: middle;}
.table.services-table{margin:0}

.feild-disable{    background: #f0f0f0;pointer-events: none;}


.f-row{}
.f-row ul{}
.f-row ul li{display: flex;justify-content: flex-end;}
.f-row ul li span{}
.f-row ul li .service-subtotal-price{}

.services-table .dol-lable + input[type="text"]{padding-left: 25px;}
.qus-check-wrapper{margin: 15px 0;}

.welecome-login-wrapper{
    display: flex;
    position: relative;
    justify-content: space-between;
    margin-top: 45px;
}
.welcome-login-box{
    display: block;
    background: #2d3643;
    color: #fff;
    font-size: 24px;
    margin: 0;
    width: 47%;
    padding: 15px;
    text-align: center;
    padding: 38px 50px;
    box-shadow: 0 3px 6px rgb(0 0 0 / 18%);
    /*text-transform: capitalize;*/
    border-bottom: 8px solid var(--main);
    position: relative;
    }
.welcome-login-box:hover{
    color: #fff;
    text-decoration: none;
}
.welcome-login-box span{position: relative; z-index: 999;}
.welcome-login-box:after{content:"";position: absolute;background: var(--main);left: 0;right: 0;bottom: 0;height: 1px;height: 1px;transition: 0.3s;}
.welcome-login-box:hover:after{height: 100%;}

/* #FactModal{overflow: visible !important;} */

/* .questions li {margin:0 0 15px;}
.html-order-list-page input::-webkit-outer-spin-button,
.html-order-list-page input::-webkit-inner-spin-button {-webkit-appearance: none;  margin: 0;}
.table>tbody>tr>td{vertical-align: middle !important;}
button, html input[type=button], input[type=reset], input[type=submit] {float: right;width: 122px;height: 33px; margin-bottom: 50px;}
.form-inline label{justify-content: end;  margin-bottom: 0;  display: contents;}
.modal-content .modal-header button {background: #ffffff; color: #101010;}
.button-allign{display: flex;}
.html-order-list-page .page-dark .button-allign button {    padding: 3px 8px;}
.modal-body li {list-style: none; margin-left: 14px}
.modal-body{padding: 0rem !important;}
.modal-header {padding: 1rem !important;     margin-top: 69px;     margin-top: 46px;}
.modal-header .close {  padding: 0rem !important;  margin: -1rem 0rem 0rem !important;}
.modal-title {  margin-bottom: 0;  line-height: 1.5;  text-align: left;  float: left;  width: 100%;}
.html-order-list-page .page-dark .form-control{font-size:18px}
.modal-footer button{margin-bottom: 6px;padding-bottom: 29px;}
.modal-body li a {  color: #000;  text-decoration: none;}
.modal-body li a:hover {  color: #000;  text-decoration: none;}
.modal-footer button , .html-checkout-page button{ background: var(--main); color: white; border-radius: 3px;}
.options{margin-top: 10px;}
.input-group .input-group-addon {padding: 10px 8px;}
.form-inline .questions ol{list-style: decimal;}
.html-checkout-page tbody tr td{padding: 3px 15px !important;}
.radio-btn{  margin-right: 10px;  font-size: 18px;}
.html-checkout-page button{float: none;}
.submit-button{width: 100%; text-align: center;}
.submit-button button {float:none;width: 140px;height: 44px;font-size: 20px;margin-top: 20px;margin-left: auto;margin-right: auto;}
.sub-heading{  padding: 20px 0;  font-weight: 500;}
tbody tr td {height: 40px;}
.table-striped tbody tr:nth-of-type(even){background: #f9f9f9;}
.html-login-page input[type=submit]{height: 37px;} 
.button-allign .btn-red:hover, .button-allign .btn-info:not(:disabled):not(.disabled):active {background: #ff5454; color: #fff; border-color:#ff5454; box-shadow: none;}
.html-order-list-page button{margin-bottom: 10px;}
button:focus {   outline: 1px dotted;outline: 5px auto #eeeeee;} */

.complete_fact_find .button-allign .buttons{display: inline-block; width: fit-content;  margin: 0 15px;}
.complete_fact_find .button-allign{text-align: center;margin-bottom: 40px;}
.complete_fact_find .modal-body .options li{list-style: none;margin-bottom: 15px;text-align: center;}
.complete_fact_find .modal-body .options .radio-btn{ margin:0 10px;}
.complete_fact_find .modal-body .options {font-size: 18px;margin-bottom: 10px;text-align: center;}
.complete_fact_find .modal-header .modal-title {font-size: 20px;font-weight: 600;width: 100%;}
.complete_fact_find .customer-info-page #basic-addon1 {padding: 10px 8px;}
.complete_fact_find .input-group #basic-addon1 {padding: 10px 8px;}
.complete_fact_find .submit-button {text-align: center; margin-bottom: 20px; width: 100%;}
.complete_fact_find .questions ol li h4, .complete_fact_find .questions ol li h4 {  font-size: 20px;  width: 80%; float: left; padding-top: 2px !important;}
.complete_fact_find .questions ol li {  margin-top: 10px;  margin-bottom: 50px;  display: list-item;  width: 100%;margin: 15px 0;}
.complete_fact_find .questions ol li .options {display: flex;width: 20%; justify-content:flex-end;}
.complete_fact_find .questions ol li .options .radio-btn{margin: 0 2px 0 15px;font-size: 20px !important;}
.sub-heading {font-size: 25px; margin-top:10px; margin-bottom: 10px; font-weight: 600;}
.complete_fact_find .table>tbody>tr>td{vertical-align: middle !important;}
.complete_fact_find .table>tbody>tr:nth-child(odd){background: #f8f8f8;}
.complete_fact_find .table thead>tr>th:nth-child(2){text-align: center;}
.complete_fact_find .table thead>tr>th:nth-child(3){text-align: center;}
.complete_fact_find .table thead>tr>th:nth-child(4){text-align: center;}
.complete_fact_find input[type="radio"]{margin-left: 3px;}
.indenting{padding-left: 25px;}
.complete_fact_find ol {list-style: revert;display: list-item;font-size: 18px;display: flex;flex-direction: column;padding-left: 20px;}
.complete_fact_find .questions ul{list-style: lower-latin;margin-left: 0;}
.complete_fact_find .dropdown{  display: block !important; width: 100% !important;}
.complete_fact_find .input_width{  width: 115px;}
.complete_fact_find .warning{  display: flex;}
.will-info-btn{display: inline-block;cursor: pointer;color: #c39d00;position: relative;}
.wif{position: absolute;bottom: 139%;width: 300px;text-align: center;background: #fff;padding: 10px 15px;border: 2px solid;background: #c39d00;z-index: 999;left: 50%;transform: translateX(-36%);opacity: 0;transition: 0.3s;pointer-events: none;color: #fff;border-color: #c39d00;}
.will-info-btn:hover .wif{display: block;opacity: 1;}
.wif:after{content:"";position: absolute;border-width: 6px;border-style: solid;border-color: transparent;border-top-color: #c39d00;bottom: -13px;left: 36%;transform: translateX(-50%);}


.modal-open .modal{opacity: 1;}
#pdf-modal .modal-dialog{top: 30%;width: 1200px;min-width: 1200px;left: 0;}
#pdf-modal  .modal-body{}
.pdfobject-container {height: 1200px;/* border: 1rem solid rgba(0,0,0,.1); */width: 1140px;margin-top: 30px;}
.services-table h6 b{text-decoration: underline;}





.info-pdf-wrapper{width: fit-content;cursor: pointer;position: relative;}
.info-pdf-box{color: #c39d00;display: flex;align-items: center;border: 2px solid;border-radius: 5px;width: fit-content;padding: 6px 15px;position: relative;}
.info-pdf-box i{display: inline-block;font-size: 24px;margin-right: 11px;}
/* .info-pdf-pop{
    display: none;
} */
.info-pdf-pop h3{color: #fff;text-align: left;margin-bottom: 6px;}
.info-pdf-pop ul{text-align: left;list-style: disc;list-style-position: inside;}
.info-pdf-pop ul li{margin-bottom: 6px;}
.info-pdf-wrapper:hover .info-pdf-pop{display: block;}
.info-pdf-pop{position: absolute;top: 139%;width: 510px;text-align: center;background: #fff;padding: 10px 15px;border: 2px solid;background: #c39d00;z-index: 999;left: 50%;transform: translateX(-36%);opacity: 0;transition: 0.3s;pointer-events: none;color: #fff;border-color: #c39d00;}
.info-pdf-wrapper:hover .info-pdf-pop{display: block;opacity: 1;}
.info-pdf-wrapper:hover .info-pdf-pop:after{content:"";position: absolute;border-width: 6px;border-style: solid;border-color: transparent;border-bottom-color: #c39d00;top: -13px;left: 36%;transform: translateX(-50%);}


.dd-btn-wrap{display: flex;}
.dd-btn-1{font-size:15px;    min-width: 0;    display: inline;}
.documents-btn.dd-btn-2{position:relative;max-width: 40px;display: inline-block;color: red !important;background: transparent;height: 10px;width: 50px;min-width: 0;text-align: center;}
.documents-btn.dd-btn-2 i{position: absolute;background: transparent;top: -6px;right: -10px;width: 25px;height: 25px;border-radius: 100%;font-size: 13px;line-height: 24px;text-align: center;background: var(--main);color: #fff;left: 50%;transform: translateX(-50%);}
.documents-btn.dd-btn-2 span{position: absolute;top: -20px;right: 0px;background: #c71818;color: #fff;border-radius: 100%;width: 22px;font-size: 10px;height: 22px;line-height: 22px;}

.service-list .col{padding-right: 0;}

.tool-note{text-align:left}
.tool-note p{margin-bottom:10px}
.tool-note ul{list-style: lower-alpha;padding-left: 15px;}
.tool-note ul li{margin-bottom: 10px;}
.tool-note ul li b{text-decoration:none;font-weight:700}
.required{font-size:14px}
.formuploader label{display: block;font-size:16px;font-weight: 600;overflow: visible;}
.btn-green{background: var(--main);color: #fff !important;border-color: var(--main);}
.btn-yellow{color: #fff !important;background: #e9a300;}
.btn-grayyy{color: #fff !important;background: #aaa;}
.btn-orange{background: #d17e00;color: #fff !important;}


#getaddress_dropdown{display: block;width: 100%;margin-top: 15px;border-color: #4a5556;color: white;background: #4a5556;}
#getaddress_button{border-radius: 0 !important;line-height: 26px;width: 40%;min-width: 180px;}
.table-accordion{text-align: center;width: 100%;transition: 0.3s;background: #f9f9f9;padding: 10px 10px;border: 1px solid #ddd;display: flex;justify-content: center;align-items: center;border-radius: 7px;font-size: 12px;width: 112px;margin: auto;    padding: 5px 20px;}
.table-accordion span{display: block;font-size: 13px;margin-right: 10px;font-weight: 600;}
.table-accordion b{display: none;font-size: 16px;margin-right: 10px;font-weight: 600;}
.table-accordion svg{height:17px;width:17px}
.table-accordion svg *{fill: #ff3a3a;}

.uploaded-files-wrap{display: flex;flex-wrap: wrap;}
.uploaded-files-wrap .uploaded-files-box{width: 22%;text-align: center;max-width: 18%;padding: 5px;background: #f9f9f9;border: 1px solid #ddd;margin: 1%;}
.uploaded-files-wrap .uploaded-files-box .files-icon{}
.uploaded-files-wrap .uploaded-files-box .files-icon svg{width: 20px;height: 20px;}
.file-info{}
.file-info h4{font-size: 13px;}
.table-accordion.active svg{transform: rotate(176deg);}
.table-accordion.active b {display:block}
.table-accordion.active span {display:none}
.table-accordion:focus{border:none;outline:none;}
.file-pop-link{text-decoration: none !important;/* display:flex; *//* align-items:center; *//* justify-content: center; *//* height: 100%; */position: absolute;top: 10px;right: 14px;}
.file-pop-link a{font-weight: 600;border-bottom: 2px solid;padding-bottom: 1px;text-decoration: none !important;}



/* file uploader start */

label.cf-input-bg input[type="file"] { position:absolute; top: -1000px; } .cf-input {display: inline;margin-bottom: 10px;padding: 7px 10px;text-align: center;float: left;background: #ff3a3a;color: #fff;border-radius: 2px;border: 1px solid #bd1721;box-shadow: 0 2px 6px rgba(0,0,0,.2),0 2px 3px rgba(0,0,0,.05);display: none;}
.cf-input:hover::before { background: #ff3a3a }
.cf-input:active { outline: 0 }
.cf-input:active::before { background: #ff3a3a }
.cf-input-bg {position: relative;min-height: 100px;max-height: 490px;overflow-y: hidden;width: 100%;border-radius: 6px;background-color: #fdfdfd;border: 1px dashed #ccc;padding: 20px;box-sizing: border-box;cursor: pointer;}
.cf-input-bg:before { content: "\f093"; position: absolute; left: 0; width: 100%; text-align: center; top: 50%; transform: translate(0,-50%); font: normal normal normal 14px/1 FontAwesome; text-rendering: auto; -webkit-font-smoothing: antialiased; opacity: .25; font-size: 400% }
.cf-upload-list {margin: 0;padding: 0;list-style: none;max-height: 450px;overflow-y: auto;overflow-x: hidden;box-shadow: 0 1px 0 rgba(15,15,50,.14);clear: both;position: relative;z-index: 2;overflow: visible;}
.cf-upload-list li:last-child { border-bottom: none }
.cf-upload-list li:first-child { border-top: none }
.cf-upload-list li {margin: 0;padding: 9px;line-height: 15px;font-size: 16px;/* position: relative; */color: #424242;background-color: #fafafa;border-top: 1px solid #ff3a3a;border-bottom: 1px solid #fff;}
.cf-thumbnail-selector { vertical-align: middle; margin-right: 12px; max-width: 50px; min-width: 50px; max-height: 50px }
.cf-upload-file {vertical-align: middle;display: inline-block;text-overflow: ellipsis;white-space: nowrap;overflow-x: hidden;height: 18px;}
.cf-upload-size { font-size: 16px; margin-top: 0; cursor: pointer; vertical-align: middle; outline: 0; margin-left: 12px; display: inline }
span.attachBtnWrapper {position: absolute;right: -30px;transform: translateY(-50%);top: -8px;color: #fff;z-index: 9999;}
.attachBtnWrapper button{color: #fff;background: #ff3a3a;border-radius: 100%;}

/*  file uploader end */


.note-file{}
.co-wrapper{}
.co-date{
    text-align: center;
    margin-bottom: 15px;
}
.co-date span{}
.co-date span{
    background: #8a8a8add;
    color: #fff;
    padding: 5px 15px;
    display: inline-block;
    border-radius: 36px;
}

.co-box {
    background: #f3f3f3;
    margin-bottom: 15px;
    padding: 14px 15px;
    /* border: 1px solid #ddd; */
    border-radius: 10px;
    position: relative;
}
.co-box label{
    font-weight: 600;
    margin-bottom: 3px;
}
.co-box.co-left{}
.co-box.co-left:after{content:"";position: absolute;width: 9px;height: 10px;right: 100%;border-width: 8px;border-color: transparent;border-style: solid;border-right-color: #f3f3f3;top: 15px;}
.co-box.co-right{
    text-align: right;
}
.co-box.co-right .file-pop-link{
    right: auto;
}
.co-box.co-right:after{content:"";content: "";position: absolute;width: 9px;height: 10px;left: 100%;border-width: 8px;border-color: transparent;border-style: solid;border-left-color: #f3f3f3;top: 15px;}
.co-box p{
    font-size: 13px;
}

.deleted-will{background: #f0f0f0;/* pointer-events:none */}
.deleted-will:after{content:"";background: #dddddda6;left: 0;right: 0;top: 0;bottom: 0;position: absolute;cursor: not-allowed;}




/* Hide the browser's default radio button */
.btn-radio{background: transparent !important;}
.btn-radio-wrap input {position: absolute;opacity: 0;cursor: pointer;}
/* Create a custom radio button */
.btn-checkmark {position: absolute;top: 0;left: 0;height: 25px;width: 25px;background-color: #f1f1f1;border-radius: 50%;left: 10px;right: 0;top: 50%;bottom: 0;width: 25px;height: 25px;border-radius: 0;border: 1px solid #D3D3D3;border-radius: 100%;transform: translateY(-50%);}
/* On mouse-over, add a grey background color */
.btn-radio-wrap:hover input ~ .checkmark {background-color: #ccc;}
/* When the radio button is checked, add a blue background */
.btn-radio-wrap input:checked ~ .checkmark {background-color: #2196F3;}
/* Create the indicator (the dot/circle - hidden when not checked) */
.btn-checkmark:after {content: "";position: absolute;/* display: none; */content: "\f00c";font: normal normal normal 14px/1 FontAwesome;}
/* Show the indicator (dot/circle) when checked */
.btn-radio-wrap input:checked ~ .btn-checkmark:after {display: block;color: #fff;}
/* Style the indicator (dot/circle) */
.btn-radio-wrap .btn-checkmark:after {top: 9px;left: 9px;width: 8px;height: 8px;border-radius: 50%;background: transparent;opacity: 1;position: absolute;left: 60%;top: 60%;width: 15px;border-radius: 0;height: 15px;opacity: 1;color: #a8a8a8;font-size: 11px;transform: translate(-50%, -50%);}
.btn-radio-wrap{display: flex;justify-content: left;margin-bottom: 20px;flex-wrap: wrap;}
.btn-radio-box{padding: 0 10px;position: relative;width: 100%;}
.btn.btn-radio{position:relative;overflow:hidden;background: #fff !important;font-size: 16px;width: 100%;max-width: 100%;text-align: left;padding-left: 50px;padding: 10px 10px 10px 50px;}
.btn-radio-box b{color: #333;position: relative;z-index: 999;font-weight: 500;text-transform: initial;}
.btn-green{}
.btn-radio-wrap  .btn-red  input:checked ~ .btn-checkmark{background: var(--main);}
.btn-radio-wrap  .btn-green  input:checked ~ .btn-checkmark{background: #44C544;}
.btn-radio svg{fill: #fff;position: absolute;z-index: 999;width: 20px;height: 20px;left: 15px;top: 50%;transform: translateY(-50%);}
.btn-radio svg *{fill: #fff;}

.ro-card{background: #f5f6f8;padding: 20px;height: 100%;}
.ro-card-wrapper{margin-bottom: 30px;}
.ro-card-wrapper .row{}

.option-box{}
.ro-card-title{}
.ro-card-title h3{margin-bottom: 15px;}




.btn-pastel-green{background:var(--main);color:#fff !important;font-weight:400;-moz-border-radius: 3px;-webkit-border-radius: 3px;-khtml-border-radius: 3px;border-radius: 3px;border:none;}
.btn-pastel-green:focus{background:var(--main)}

  .btn-light{background-color: #f0f0f0;}

   
  [data-quantity] {
    position: relative;
    width: 100%;
    max-width: 100px;
    padding: 0;
    margin: 0;
    border: 0;
  }
  
  [data-quantity] legend {
    display: none;
  }
  
  [data-quantity] input {
    height: 40px;
    padding: 0 4rem;
    border: 0;
    background: #fff;
    text-align: center;
    width: 100%;
    box-sizing: border-box;
    border: 1px solid #ddd;
  }
  
  [data-quantity] input:focus {
    outline: none;
    box-shadow: 0 5px 55px -10px rgba(0, 0, 0, 0.2), 0 0 4px #3fb0ff; /* Allows border radius on focus */
  }
  
  [data-quantity] input[type=number]::-webkit-inner-spin-button,
  [data-quantity] input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
  }
  
  [data-quantity] input[type=number] {
    -moz-appearance: textfield;
  }
  
  [data-quantity] button {
    position: absolute;
    width: 40px;
    height: 40px;
    top: 0;
    display: block;
    padding: 0;
    margin: 0;
    border: 0;
    background: #fff
      url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="100" height="50"><path d="M17 25h16M67 25h16M75 17v16" fill="none" stroke="rgb(59,69,66)" stroke-width="1.5px" stroke-linecap="round" stroke-linejoin="round" /></svg>')
      no-repeat 0 0;
    background-size: 180%;
    overflow: hidden;
    white-space: nowrap;
    text-indent: 100%;
    border-radius: 1.4rem;
    cursor: pointer;
    transition: opacity 0.15s;
    opacity: 0.5;
  }
  
  [data-quantity] button:active {
    background-position-y: 1px;
    box-shadow: inset 0 2px 12px -4px #c5d1d9;
  }
  
  [data-quantity] button:focus {
    outline: none;
  }
  
  [data-quantity] button:hover {
    opacity: 1;
  }
  
  [data-quantity] button.sub {
    left: 0.6rem;
    background-color: #e4e0e0;
    width: 25px;
    height: 25px;
    top: 50%;
    left: 6px;
    transform: translateY(-50%);
    background-size: 50px;
  }
  
  [data-quantity] button.add {
    right: 0.6rem;
    background-position-x: -24px;
    background-color: #e4e0e0;
    width: 25px;
    height: 25px;
    top: 50%;
    transform: translateY(-50%);
    background-size: 50px;
  }

  #PaymentModal{
    
  }
  

  #PaymentModal  .modal-dialog ,.modal-for .modal-dialog{
    top: 30%;
    position: relative;
    z-index: 99;
  }

  #PaymentModal .modal-footer , .modal-for .modal-footer{justify-content: center;}
  #PaymentModal  .modal-header, .modal-for  .modal-header {justify-content: center;border: none;padding-bottom: 5px;}
  .payment-confirm-list{}
  .payment-confirm-list ul{}
  .payment-confirm-list ul li{
    text-align: center;
    max-width: 330px;
    margin: auto;
    margin-bottom: 8px;
}

.Packages-wrap{}
.Packages-wrap.lock{background-color: #f9f9f9;pointer-events: none;cursor: crosshair;position: relative;}
.pop-buttons{margin-top: 40px;margin-bottom: 40px;}
.Packages-wrap.lock:after{content:"";position:absolute;left:0;right:0;top: 0;bottom: 0;background: #d4d4d429;cursor: no-drop;}
.Payment-lock{
    opacity: 0.5;
    pointer-events: none;
}
.Packages-wrap.lock .Payment-pop{display:none}

#PaymentModal:after , .modal-for:after{content: "";position: fixed;left: 0;right: 0;bottom: 0;top: 0;background: #5a5a5a4d;}

.modal-for{}
.package-selector{}
.package-selector p{
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 20px;
}
.package-selector .form-group{
    margin: 0 auto 15px;
    text-align: center;
}
.package-selector .fieldset-wrap{
    margin: auto;
}
.package-selector label{
    font-size: 16px;
    margin-bottom: 5px;
}
.form-group.not-selectable{
    position: relative;
    width: fit-content;
    margin: auto;
    padding: 10px 15px;
}
.form-group.not-selectable:after{content: "";position: absolute;left: 0;right: 0;top: 0;bottom: 0;background: #c2c2c226;border-radius: 8px;}

.sub-total-qty-wrapper{
    display: flex;
    justify-content: end;
    background: #f9f9f9;
    padding: 10px 15px;
    border: 1px solid #ddd;
}
.sub-total-qty-box{
    width: 170px;
}
.sub-total-qty-box li{
    display: flex;
    justify-content: end;
    margin-bottom: 3px;
}
.sub-total-qty-box li b{
    display: block;
    margin-right: 5px;
}
.sub-total-qty-box li span{
    display: block;
    width: 80px;
    text-align: right;
}
.fieldset-info{
    margin: 0 !important;
}

.cc-table{
    box-shadow: 0 3px 6px rgb(0 0 0 / 16%);
    margin-bottom: 15px;
      /* fallback for old browsers */
      /* Chrome 10-25, Safari 5.1-6 */
     /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
      /* fallback for old browsers */
      /* Chrome 10-25, Safari 5.1-6 */
     /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
      /* fallback for old browsers */
      /* Chrome 10-25, Safari 5.1-6 */
     /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.newtable {
  font-family: arial, sans-serif;
  width: 100%;
  border: none;
  border: none;
  }

  .newtable tr ,th{
      background-color:'#CCC';
  }

  .newtable td {
  border: none;
  text-align: left;
  padding: 8px;
  border-top: none;
  background: #fff;
  border-bottom: 1px solid #ddd;
  border-right: 1px solid #ddd;
  }
  .newtable tr td:last-child{border-right:none}
  .newtable th {
  border: 1px solid ;
  text-align: left;
  padding: 8px;
  }
  .newtable th {
    background-color: #4f5a5c;
    color: #fff;
    border: none;
    background: transparent;
    border-bottom: none;
}
.newtable thead{
  background: rgb(34,193,195);
  background: linear-gradient( 
125deg, rgba(34,193,195,1) 0%, rgba(45,253,216,1) 100%);
} 


.clear-box{
    text-align: center;
}
.clear-box .reset-btn{
    margin-bottom: 20px;
    margin: 8px auto 20px;
    width: 150px;
}


.modal-m-fix{
    overflow: visible !important;
}
.modal-m-fix .modal-content{max-width: 400px;margin: auto;}
.modal-m-fix .modal-title{padding-top: 25px;text-align: center !important;margin: auto;padding: 0;}
.modal-m-fix .modal-header .close{
    position: absolute;
    top: 20px;
    right: 20px;
}

.modal-m-fix .modal-body{}
.modal-m-fix .modal-body p{font-size: 16px;text-align: center;}
.modal-m-fix .modal-footer{display: flex;justify-content: center;}

.note-list{}
.note-list li{
    padding-left: 15px;
    padding: 5px 10px 5px 20px;
    position: relative;
}
.note-list li:after{content:"";border-width: 5px;border-style: solid;position: absolute;left: 0;border-color: transparent;border-left-color: var(--main);top: 50%;transform: translateY(-50%);}
.dd-btn-wrap p{
    background: #feffa8;
    padding: 5px;
    text-align: center;
    font-size: 12px;
    font-weight: 600;
    border-radius: 6px;
    border: 1px solid #e2db04;
    margin-right: 5px;
}

.head-green thead {
  background: #4c5758 ;
  }
.head-green thead th{background: transparent; color: #fff;border: none;}

.modal-sq .modal-dialog{}
.modal-sq .modal-content{
    max-width: 400px;
    margin: auto;
}

.modal-sq .modal-header{
    text-align: center;
}

.modal-sq .modal-header .modal-title{
    width: 100%;
}
.modal-sq .modal-header .close{}

.modal-sq .modal-body{}
.modal-sq .modal-body p{
    text-align: center;
}
.modal-sq .modal-footer{
    display: flex;
    justify-content: center;
}
.modal-sq .modal-footer button{}


.swal2-popup .swal2-title{text-transform: initial;font-weight: 400 !important;font-size: 24px !important;}


input[name="FirstName"] ,
input[name="MiddleName"] ,
input[name="LastName"] ,
input[name="Firstname"] ,
input[name="Middlename"] ,
input[name="Lastname"],
input[name="Name"],
input[name="name"],     
input[name="name1"],
input[name="name2"],
input[name="PartnerFirstName"],
input[name="PartnerMiddleName"],
input[name="PartnerLastName"],
input[name="AddChildName"],
input[name="AddGuardianName"],
input[name="AddExecutorsName"],
input[name="AddSubExecutorsName"],
input[name="AddResiduaryName"],
input[name="AddBenefitsName"],
input[name="AddGiftName"],     
input[name="will_guardian-firstname"],    
input[name="will_guardian-middleName"],    
input[name="will_guardian-lastName"],
.inputcap         
{
  text-transform: lowercase;
}


input[name="FirstName"]:first-letter ,
input[name="MiddleName"]:first-letter ,
input[name="LastName"]:first-letter ,
input[name="Firstname"]:first-letter ,
input[name="Middlename"]:first-letter ,
input[name="Lastname"]:first-letter,
input[name="Name"]:first-letter,
input[name="name"]:first-letter,
input[name="name1"]:first-letter,
input[name="name2"]:first-letter,
input[name="PartnerFirstName"]:first-letter,
input[name="PartnerMiddleName"]:first-letter,
input[name="PartnerLastName"]:first-letter,
input[name="AddChildName"]:first-letter,
input[name="AddGuardianName"]:first-letter,
input[name="AddExecutorsName"]:first-letter,
input[name="AddSubExecutorsName"]:first-letter,
input[name="AddResiduaryName"]:first-letter,
input[name="AddBenefitsName"]:first-letter,
input[name="AddGiftName"]:first-letter,
input[name="will_guardian-firstname"]:first-letter,
input[name="will_guardian-middleName"]:first-letter,
input[name="will_guardian-lastName"]:first-letter,
.inputcap:first-letter 

{
  text-transform: capitalize;
} 

input[name="FirstName"]:first-line,
input[name="MiddleName"]:first-line ,
input[name="LastName"]:first-line ,
input[name="Firstname"]:first-line,
input[name="Middlename"]:first-line ,
input[name="Lastname"]:first-line,
input[name="Name"]:first-line,
input[name="name"]:first-line,
input[name="name1"]:first-line,
input[name="name2"]:first-line,
input[name="PartnerFirstName"]:first-line,
input[name="PartnerMiddleName"]:first-line,
input[name="PartnerLastName"]:first-line,
input[name="AddChildName"]:first-line,
input[name="AddGuardianName"]:first-line,
input[name="AddExecutorsName"]:first-line,
input[name="AddSubExecutorsName"]:first-line,
input[name="AddResiduaryName"]:first-line,
input[name="AddBenefitsName"]:first-line,
input[name="AddGiftName"]:first-line,
input[name="will_guardian-firstname"]:first-line,
input[name="will_guardian-middleName"]:first-line,
input[name="will_guardian-lastName"]:first-line,  
.inputcap:first-line 
{
  text-transform: capitalize;
}   

.limt-table{
    border: 1px solid #ddd;
}
.limt-table th{
    background: #f0f0f0;
    border: 2px solid #fff;
    text-align: center;
    padding: 5px;
    font-size: 15px;
}
.limt-table td{
    text-align: center;
    font-size: 14px;
    padding: 10px 15px;
}


#client-table thead{
  /* background: rgb(34,193,195);
  background: linear-gradient( 
125deg, #22c1c3 0%, #22c1c3 100%); */
background-color: #4c5758;
  }

#client-table thead th{background: transparent; color: #fff;border: none;}


.custom-th thead{background-color: #4f5a5b;}
.custom-th thead th{background: transparent; color: #fff;border: none;}

#payment-table thead{      background: #4e595a;}

#payment-table thead th{background: transparent; color: #fff;border: none;}
#documentCommission-table thead {background: #4e595a;}

#documentCommission-table thead th {background: transparent;color: #fff;border: none;}




.limt-table-2{
  border: 1px solid #ddd;
}
.limt-table-2 th{
  background: #f0f0f0;
  border: 2px solid #fff;
  text-align: center;
  padding: 10px 15px;
  font-size: 15px;
}
.limt-table-2 td{
  text-align: center;
  font-size: 14px;
  padding: 10px 15px;
}
.radio-options{
    display: flex;
    justify-content: center;
    font-size: 17px;
    margin-top: 10px;
}
.radio-options .radio-btn{
    margin-right: 15px;
}

.extra-options{margin-top: 15px;}
.extra-options ul{
    display: block;
    margin: auto;
    width: 230px;
    background: #f5f5f5;
    padding: 10px 15px;
    border: 1px solid #ddd;
    margin-top: 10px;
}
.extra-options ul li{
    padding: 5px 0;
    position: relative;
    padding-left: 20px;
}
.extra-options ul li label{
    font-size: 16px;
}
.extra-options ul li label input{
    position: absolute;
    left: 0;
    top: 9px;
}

.lock-btn{opacity: 0.5;pointer-events: none;}

.btn-blue{background-color: #3085d6; color: #fff;}
.text-green{color: #1cb71c}
  
.swal2-confirm swal2-styled{background-color: #3085d6 !important; color: #fff;}

.btn-secondary{background-color: var(--gray);border-color: var(--gray);}
.head-bar-wrapper{
    background: #ffffff;
    padding: 10px;
    margin-bottom: 25px;
    position: relative;
    padding-bottom: 12px;
}
.head-bar{}
.head-bar ul{
    display: flex;
    justify-content: space-between;
}
.head-bar ul li p{
    /* color: #fff; */
    color: #2d3643;
}
.head-bar ul li b{}
.head-bar ul li span{
    display: inline-block;
    margin-left: 10px;
    font-weight: 600;
    color: #2d3643;
}

.head-bar-wrapper:after{content:"";position: absolute;bottom: 0;height: 3px;width: 100%;background: rgb(34,193,195);background: linear-gradient(
125deg, rgba(34,193,195,1) 0%, rgba(45,253,216,1) 100%);}




/* admin widget */



.gradient-style1{
	
  background: hsla(29, 92%, 70%, 1);

  background: linear-gradient(135deg, hsla(29, 92%, 70%, 1) 0%, hsla(0, 87%, 73%, 1) 100%);
  
  background: -moz-linear-gradient(135deg, hsla(29, 92%, 70%, 1) 0%, hsla(0, 87%, 73%, 1) 100%);
  
  background: -webkit-linear-gradient(135deg, hsla(29, 92%, 70%, 1) 0%, hsla(0, 87%, 73%, 1) 100%);
  
  filter: progid: DXImageTransform.Microsoft.gradient( startColorstr="#F9B16E", endColorstr="#F68080", GradientType=1 );
}
.gradient-style2{
  background: hsla(270, 91%, 83%, 1);

  background: linear-gradient(135deg, hsla(270, 91%, 83%, 1) 0%, hsla(290, 56%, 56%, 1) 100%);
  
  background: -moz-linear-gradient(135deg, hsla(270, 91%, 83%, 1) 0%, hsla(290, 56%, 56%, 1) 100%);
  
  background: -webkit-linear-gradient(135deg, hsla(270, 91%, 83%, 1) 0%, hsla(290, 56%, 56%, 1) 100%);
  
  filter: progid: DXImageTransform.Microsoft.gradient( startColorstr="#D4ACFB", endColorstr="#B84FCE", GradientType=1 );
}
.gradient-style3{
background-image: radial-gradient( circle 732px at 96.2% 89.9%,  rgba(70,66,159,1) 0%, rgba(187,43,107,1) 92% );
}
.gradient-style4{
background-image: linear-gradient( 135deg, #FF9D6C 10%, #BB4E75 100%);
}
.gradient-style5{
  background: rgb(34,193,195);
  background: linear-gradient(125deg, rgba(34,193,195,1) 0%, rgba(45,253,216,1) 100%);
}

.gradient-style6{
  background: #50C9C3;  /* fallback for old browsers */
  background: -webkit-linear-gradient(to right, #96DEDA, #50C9C3);  /* Chrome 10-25, Safari 5.1-6 */
   /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  background: linear-gradient(to right, #8660da, #9dcdff);
}

.gradient-style7{
  background: #5433FF;  /* fallback for old browsers */
  background: -webkit-linear-gradient(to right, #A5FECB, #20BDFF, #5433FF);  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to right, #de7c77, #e4827d, #ff8a85); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.gradient-style8{
  background: #FFE000;  /* fallback for old browsers */
  background: -webkit-linear-gradient(to right, #799F0C, #FFE000);  /* Chrome 10-25, Safari 5.1-6 */
   /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  background: linear-gradient(to right, #66840e, #99c41c);
}

.gradient-style9{
  background: #acb6e5;  /* fallback for old browsers */
  background: -webkit-linear-gradient(to right, #86fde8, #acb6e5);  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to right, #2deac9, #8d9fea); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}








.custom-cards-wrapper{}
.custom-cards-wrapper{
  margin-bottom: 20px;
}

.widget-style3{padding: 20px 20px;border-radius: 10px;margin-bottom: 25px;display: block;}
.widget-style3 .widget-data{width: calc(100% - 60px);width: 100%;}
.widget-style3 a:hover {
        text-decoration: none !important;
    }
.widget-style3 .widget-icon{width: 60px;font-size: 45px;line-height: 1;}
.widget-style3 .widget-icon.big-icon{
width: 70px;
font-size: 65px;
line-height: 1;
}

.custom-cards-box{
  margin-bottom: 0;
  background: #fff;
  padding: 20px 25px 20px;
  box-shadow: 0 3px 16px #ddd;
  height: 100%;
  border-radius: 10px 17px;
}
.widget-row{
  display: flex;
  align-items: center;
}
.widget-title{
  color: #fff;
  font-size: 35px;
  font-weight: 600;
  line-height: 30px;
}
.widget-title > h3{color:#fff;margin-bottom:10px;font-size: 24px;}
.widget-number{
  color: #fff;
  font-size: 16px;
  font-weight: 400;
  white-space: nowrap;
  margin-top: 5px;
}
.widget-icon{
  color: #fff;
}
.card-box-title{}
.card-box-title h3{
  margin: 0;
  text-align: center;
  margin-bottom: 10px;
  border-bottom: 2px solid #ccc;
  padding-bottom: 5px;
  width: fit-content;
  margin: 0 auto 15px;
}
/* .chart-wrap{width:300px} */

.custom-card-title{}
.custom-card-title h3{
  margin: 0;
  font-size: 24px;
  margin-bottom: 45px;
}


.content-row{
  align-items: center;
  border-left: 2px solid #0097A7;
}
.content-col-left{}
.content-col-left h2{
  background: transparent;
  color: #0097A7;
  padding: 5px 18px;
  border-radius: 15px;
  font-size: 20px;
  position: ss;
  position: static;
  font-weight: 600;
}
.content-col-right{}
.content-col-right b{}
.content-col-right small{
  color: #000;
}





.chart-color-gide{}
.chart-color-gide ul{
  padding: 0;
  list-style: none;
}
.chart-color-gide ul li{}
.chart-color-gide ul li a{
  display: flex;
  align-items: center;
  margin-bottom: 10px;
  color: #000;
  font-weight: 600;
  font-size: 16px;
  position: relative;
  border-bottom: 1px solid #dddddd54;
  padding-bottom: 8px;
}
.chart-color-gide ul li:last-child a{margin:0;}
.chart-color-gide ul li a:hover{}
.chart-color-gide ul li a b{
  width: 30px;
  height: 30px;
  display: inline-block;
  background: #f0f0f0;
  margin-right: 19px;
}
.chart-color-gide ul li a span{}
.chart-color-gide ul li a b.co-submitted{
  background: #B39EB5;
}
.chart-color-gide ul li a i{position:absolute;right: 15px;font-size: 26px;color: #aab1b5;font-weight: 400;}
.chart-color-gide ul li a b.co-approved{
  background: #FF5733;
}
.chart-color-gide ul li a b.co-p-registration{
  background: #A9A9A9;
}
.chart-color-gide ul li a b.co-registration{
  background: #DEA5A4;
}
.chart-color-gide ul li a b.co-requisition{
  background:#000080;
}
.custom-cards-wrapper{}
.custom-cards-wrapper .row{
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  /* margin-bottom: 20px; */
}
.custom-cards-wrapper .col-md-4{
  float: none;
}
.chart-wrap{
  max-width: 250px;
  margin: auto;
}
.chart-card{    display: flex;
  align-items: center;
  justify-content: center;}

.custom-cards-box .widget-style3:last-child{margin: 0;}

.header-custom{
  background: #fff;
  padding: 10px 25px;
}
.he-row{
  display: flex;
  justify-content: space-between;
}
.he-box{}
.he-box h3{
  margin: 0;
  font-size: 14px;
  display: flex;
}
.he-box h3 b{
  display: block;
  margin-right: 10px;
}
.he-box h3 span{}
.he-1{}

#listTodaysCustomer h3{color: #565656;font-size: 18px;font-weight: 600;}

#activeUsers h3{
  color: #000;
  margin-left: 15px;
}
#activeUsers small{color:#000;margin-left: 15px;}
.list-wrap{max-height: 320px;overflow: auto;height: 100%;}


.widget-row.wr-2{margin-top: 20px;border-top: 2px solid #fff;padding-top: 20px;}
.widget-row.wr-2 .widget-title{color: #ffffff;}
.widget-row.wr-2 .widget-number{color: #ffffff;}
.widget-row.wr-2 .widget-icon{color: #ffffff;}

.widget-row .icon svg {
    height: 60px;
    width: 60px;
} 
.widget-row .icon svg *{fill:#fff} 
.widget-style3:hover{text-decoration: none;}

.swal2-popup .swal2-styled.swal2-confirm{
  background-color: var(--main) !important ;
  border-color:  var(--main)  !important ;

}
.swal2-popup .swal2-styled.swal2-cancel{
  background-color: var(--gray) !important ;
  border-color:  var(--gray)  !important ;
}


#UnterContModal .modal-dialog {top: 30%;}

.download-file a{white-space: normal; min-width:150px;display:block}
.download-file {white-space: normal;}
.wgi-title{}
.wgi-title h3{
    text-align: center;
    margin-bottom: 10px;
    font-weight: 600;
    margin-top: 0;
    font-size: 22px;
    border-bottom: 1px solid #ddd;
    display: table;
    margin: 0 auto 10px;
}

.lock-link {
    color: #afa5a5 !important;
    pointer-events: none;
}

.icon.icon-sm {width: 35px;height: 69px;}
.icon.icon-sm svg{width: 33px;height: 33px;position: relative;top: 6px;}
.widget-style3 .widget-icon{display: flex;justify-content: end;}

.widget-number small{display: block;}

.btn-primary{background: var(--main); border-color: var(--main);}
.bg-primary{background: var(--main) !important;color: #fff;}
body table.dataTable thead th, body table.dataTable thead td{font-weight:400}

.data-hide{display: none;}

.co-wrapper .file-pop-link a{pointer-events: none;color: #888;}

.co-wrapper .file-pop-link a{pointer-events: none;color: #888;}
.files-row tr:first-child .co-wrapper .file-pop-link a{pointer-events: all;color: var(--main);}

.modal-mid{display: none;align-items: center;justify-content: center;/* padding-top: 150px; */}
.modal-open .modal-mid{display: flex;}
/* .modal-mid:before{content:"";background: #7474744f;position: absolute;left: 0;right: 0;top: 0;bottom: 0;} */
.modal.modal-mid .modal-dialog{    }
.mdf-form h3{margin-bottom: 15px;}

.modal-radio-btn{}
.modal-radio-btn ul{
    margin-bottom: 30px !important;
}
.modal-radio-btn ul li{
    margin-bottom: 10px;
}
.modal-radio-btn ul li label{
    display: flex;
    justify-content: left;
    flex-direction: row-reverse;
    align-items: baseline;
}
.modal-radio-btn ul li span{}
.modal-radio-btn ul li input{
    margin-right: 14px;
    position: relative;
    top: 3px;
}

.feedback-button{
  font-size: 0;
  width: 25px;
  height: 25px;
  background-repeat: no-repeat;
  background-size: contain;
  display: table;
  background-image: url("data:image/svg+xml,%3Csvg fill='%230097a7' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 512'%3E%3C!--! Font Awesome Pro 6.0.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --%3E%3Cpath d='M416 176C416 78.8 322.9 0 208 0S0 78.8 0 176c0 39.57 15.62 75.96 41.67 105.4c-16.39 32.76-39.23 57.32-39.59 57.68c-2.1 2.205-2.67 5.475-1.441 8.354C1.9 350.3 4.602 352 7.66 352c38.35 0 70.76-11.12 95.74-24.04C134.2 343.1 169.8 352 208 352C322.9 352 416 273.2 416 176zM599.6 443.7C624.8 413.9 640 376.6 640 336C640 238.8 554 160 448 160c-.3145 0-.6191 .041-.9336 .043C447.5 165.3 448 170.6 448 176c0 98.62-79.68 181.2-186.1 202.5C282.7 455.1 357.1 512 448 512c33.69 0 65.32-8.008 92.85-21.98C565.2 502 596.1 512 632.3 512c3.059 0 5.76-1.725 7.02-4.605c1.229-2.879 .6582-6.148-1.441-8.354C637.6 498.7 615.9 475.3 599.6 443.7z'/%3E%3C/svg%3E");
  margin: auto;
  }
.btn-text{font-size: 24px;color: var(--main) !important;}


  /* chat working */


  #chat-overlay {
    background: rgba(255,255,255,0.1);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    display: none;
}


.chat-box {
  display:none;
  background: #efefef;
  position:fixed;
  right:30px;
  bottom:50px;
  width:350px;
  max-width: 85vw;
  max-height:100vh;
  border-radius:5px;
  /* box-shadow: 0px 5px 35px 9px #464a92; */
  box-shadow: 0px 5px 35px 9px rgb(0 0 0 / 5%);
  z-index: 99999;
}
.chat-box-toggle {
  float:right;
  margin-right:15px;
  cursor:pointer;
  float: none;
  position: absolute;
  top: 17px;
  right: 0;
}
.chat-box-header {
  background: #0097a7;
  height: 54px;
  border-top-left-radius:5px;
  border-top-right-radius:5px;
  color:white;
  text-align:center;
  font-size:20px;
  padding-top: 9px;
  background: linear-gradient( 125deg, rgba(34,193,195,1) 0%, rgba(45,253,216,1) 100%);
}
.chat-box-body {
  position: relative;  
  height:370px;  
  height:auto;
  border:1px solid #ccc;  
  overflow: hidden;
}
.chat-box-body:after {
  content: "";
  background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAwIiBoZWlnaHQ9IjIwMCIgdmlld0JveD0iMCAwIDIwMCAyMDAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTAgOCkiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PGNpcmNsZSBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMS4yNSIgY3g9IjE3NiIgY3k9IjEyIiByPSI0Ii8+PHBhdGggZD0iTTIwLjUuNWwyMyAxMW0tMjkgODRsLTMuNzkgMTAuMzc3TTI3LjAzNyAxMzEuNGw1Ljg5OCAyLjIwMy0zLjQ2IDUuOTQ3IDYuMDcyIDIuMzkyLTMuOTMzIDUuNzU4bTEyOC43MzMgMzUuMzdsLjY5My05LjMxNiAxMC4yOTIuMDUyLjQxNi05LjIyMiA5LjI3NC4zMzJNLjUgNDguNXM2LjEzMSA2LjQxMyA2Ljg0NyAxNC44MDVjLjcxNSA4LjM5My0yLjUyIDE0LjgwNi0yLjUyIDE0LjgwNk0xMjQuNTU1IDkwcy03LjQ0NCAwLTEzLjY3IDYuMTkyYy02LjIyNyA2LjE5Mi00LjgzOCAxMi4wMTItNC44MzggMTIuMDEybTIuMjQgNjguNjI2cy00LjAyNi05LjAyNS0xOC4xNDUtOS4wMjUtMTguMTQ1IDUuNy0xOC4xNDUgNS43IiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMS4yNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+PHBhdGggZD0iTTg1LjcxNiAzNi4xNDZsNS4yNDMtOS41MjFoMTEuMDkzbDUuNDE2IDkuNTIxLTUuNDEgOS4xODVIOTAuOTUzbC01LjIzNy05LjE4NXptNjMuOTA5IDE1LjQ3OWgxMC43NXYxMC43NWgtMTAuNzV6IiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMS4yNSIvPjxjaXJjbGUgZmlsbD0iIzAwMCIgY3g9IjcxLjUiIGN5PSI3LjUiIHI9IjEuNSIvPjxjaXJjbGUgZmlsbD0iIzAwMCIgY3g9IjE3MC41IiBjeT0iOTUuNSIgcj0iMS41Ii8+PGNpcmNsZSBmaWxsPSIjMDAwIiBjeD0iODEuNSIgY3k9IjEzNC41IiByPSIxLjUiLz48Y2lyY2xlIGZpbGw9IiMwMDAiIGN4PSIxMy41IiBjeT0iMjMuNSIgcj0iMS41Ii8+PHBhdGggZmlsbD0iIzAwMCIgZD0iTTkzIDcxaDN2M2gtM3ptMzMgODRoM3YzaC0zem0tODUgMThoM3YzaC0zeiIvPjxwYXRoIGQ9Ik0zOS4zODQgNTEuMTIybDUuNzU4LTQuNDU0IDYuNDUzIDQuMjA1LTIuMjk0IDcuMzYzaC03Ljc5bC0yLjEyNy03LjExNHpNMTMwLjE5NSA0LjAzbDEzLjgzIDUuMDYyLTEwLjA5IDcuMDQ4LTMuNzQtMTIuMTF6bS04MyA5NWwxNC44MyA1LjQyOS0xMC44MiA3LjU1Ny00LjAxLTEyLjk4N3pNNS4yMTMgMTYxLjQ5NWwxMS4zMjggMjAuODk3TDIuMjY1IDE4MGwyLjk0OC0xOC41MDV6IiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMS4yNSIvPjxwYXRoIGQ9Ik0xNDkuMDUgMTI3LjQ2OHMtLjUxIDIuMTgzLjk5NSAzLjM2NmMxLjU2IDEuMjI2IDguNjQyLTEuODk1IDMuOTY3LTcuNzg1LTIuMzY3LTIuNDc3LTYuNS0zLjIyNi05LjMzIDAtNS4yMDggNS45MzYgMCAxNy41MSAxMS42MSAxMy43MyAxMi40NTgtNi4yNTcgNS42MzMtMjEuNjU2LTUuMDczLTIyLjY1NC02LjYwMi0uNjA2LTE0LjA0MyAxLjc1Ni0xNi4xNTcgMTAuMjY4LTEuNzE4IDYuOTIgMS41ODQgMTcuMzg3IDEyLjQ1IDIwLjQ3NiAxMC44NjYgMy4wOSAxOS4zMzEtNC4zMSAxOS4zMzEtNC4zMSIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjEuMjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPjwvZz48L3N2Zz4=');
  opacity: 0.1;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  height:100%;
  position: absolute;
  z-index: -1;   
}
.chatName{    display: block;
  font-size: 12px;}
#chat-input {
  background: #f4f7f9;
  width:100%; 
  position:relative;
  height:47px;  
  padding-top:10px;
  padding-right:50px;
  padding-bottom:10px;
  padding-left:15px;
  border:none;
  resize:none;
  outline:none;
  border:1px solid #ccc;
  color:#888;
  border-top:none;
  border-bottom-right-radius:5px;
  border-bottom-left-radius:5px;
  overflow:hidden;  
}
.chat-input > form {
    margin-bottom: 0;
}
#chat-input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #ccc;
}
#chat-input::-moz-placeholder { /* Firefox 19+ */
  color: #ccc;
}
#chat-input:-ms-input-placeholder { /* IE 10+ */
  color: #ccc;
}
#chat-input:-moz-placeholder { /* Firefox 18- */
  color: #ccc;
}
.chat-submit {
  position:absolute;
  bottom:3px;
  right:10px;
  background: transparent;
  box-shadow:none;
  border:none;
  border-radius:50%;
  color: #0097a7;
  width:35px;
  height:35px;
}
.chat-logs {
  padding:15px; 
  height:370px;
  overflow-y:scroll;
}

.chat-logs::-webkit-scrollbar-track
{
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
  background-color: #F5F5F5;
}

.chat-logs::-webkit-scrollbar
{
  width: 5px;  
  background-color: #F5F5F5;
}

.chat-logs::-webkit-scrollbar-thumb
{
  background-color: #5A5EB9;
}



@media only screen and (max-width: 500px) {
   .chat-logs {
        height:40vh;
    }
}

.chat-msg.user > .msg-avatar img {
  width:45px;
  height:45px;
  border-radius:50%;
  float:left;
  width:15%;
}
.chat-msg.self > .msg-avatar img {
  width:45px;
  height:45px;
  border-radius:50%;
  float:right;
  width:15%;
}
.cm-msg-text {
  background: #0097a7;
  padding:10px 15px 10px 15px;
  color: #fff;
  max-width:75%;
  float:left;
  margin-left:10px;
  position:relative;
  margin-bottom:20px;
  border-radius:30px;
  margin-bottom: 5px;
}
.chat-msg {
  clear:both;
  margin-bottom: 15px;
}
.chat-msg.self > .cm-msg-text {
  float:right;
  margin-right:10px;
  background: #ffffff;
  color: #000;
}
.cm-msg-button>ul>li {
  list-style:none;
  float:left;
  width:50%;
}
.cm-msg-button {
    clear: both;
    margin-bottom: 70px;
}
.chat-msg.self {
    display: flex;
    justify-content: right;
    flex-direction: row-reverse;
    flex-wrap: wrap;
}
.chat-msg.self .msg-avatar{
    background: #e3e3e3;
    width: 40px;
    text-align: center;
    align-items: center;
    height: 40px;
    border-radius: 100%;
    line-height: 40px;
    color: #0097a7;
    font-weight: bold;
    font-size: 21px;
}

.chat-msg.self small{display: block;width: 100%;text-align: right;font-size: 13px;color: #787c7c;font-weight: 600;}
.chat-msg.user{ display: flex;justify-content: left;flex-wrap: wrap;}

.chat-msg.user small{display: block;width: 100%;text-align: left;font-size: 13px;color: #787c7c;font-weight: 600;}


.chat-msg.user .msg-avatar{background: #959a9b;width: 40px;text-align: center;align-items: center;height: 40px;border-radius: 100%;line-height: 40px;color: #fff;font-weight: bold;font-size: 11px;}
  .Step-title{}

.box-messge-wrapper{}
.box-messge-wrapper .box-messge-box{margin-bottom: 20px;}
.box-messge-wrapper .box-messge-box label{display: block;margin-bottom: 15px;text-align: center;font-weight: 600;font-size: 24px;}

.box-messge-wrapper .box-messge-box textarea{width: 500px;max-width: 100%;padding: 10px 15px;}
  
table.dataTable.display tbody tr.odd>.sorting_1, table.dataTable.order-column.stripe tbody tr.odd>.sorting_1{background-color: #fff !important;}
table.dataTable.display tbody tr.even>.sorting_1, table.dataTable.order-column.stripe tbody tr.even>.sorting_1{background-color: #fff !important;}


/*order list statuses*/
.order-list span.order-status {padding: .2em .6em .3em;border-radius: .25em;color: #2e2e2e;}
  .order-list span.order-status-pending {background-color: #f39c12;color: #fff;}
  .order-list span.order-status-processing {background-color: #00c0ef;color: #fff;}
  .order-list span.order-status-complete {background-color: #00a65a;color: #fff;}
  .order-list span.order-status-cancelled {background-color: #0097A7;color: #fff;}
  
  /*grid color statuses*/
  span.grid-report-item {padding: .2em .6em .3em;border-radius: .25em;color: #2e2e2e;}
  span.grid-report-item.yellow {background-color: #f39c12;color: #fff;}
  span.grid-report-item.blue {background-color: #00c0ef;color: #fff;}
  span.grid-report-item.green {background-color: #00a65a;color: #fff;}
  span.grid-report-item.purple {background-color: #896ce2;color: #fff;}
  span.grid-report-item.red {background-color: #0097A7;color: #fff;}
  span.grid-report-item.orange {background-color: #C16000;color: #fff;}
  span.grid-report-item.pastelpurple {background-color: #b39eb5;color: #fff;}
  span.grid-report-item.pastelyellow {background-color: #FDFD96;color: black;}
  span.grid-report-item.pastelpaleorange {background-color: #FF5733;color: #fff;}
  span.grid-report-item.pastelpink {background-color: #dea5a4;color: #fff;}
  span.grid-report-item.pastellightgreen {background-color: #CAE7C1;color: black;}
  span.grid-report-item.pastelblue {background-color: #AEC6CF;color: #fff;}
  span.grid-report-item.complete-blue {background-color: #3c8dbc;color: #fff;}
  span.grid-report-item.application-pending {background-color: #A9A9A9;color: #fff;}
  span.grid-report-item.requisition {background-color: #000080;color: #fff;}
  span.grid-report-item.engrossed-docs-sent {background-color: #d5c1f1;color: #fff;}

.select2-container--default .select2-selection--multiple{    border: 1px solid #ddd !important;height: 40px;}

.upload-popup{color: var(--main);margin: auto;text-align: center;display: table;font-size: 25px;line-height: 20px;}
.modal-center{}
.modal-center .modal-dialog{top: 20%;}

/*#StatusTypeChange{width: 200px;background: #0097a7;color: #fff;}
#StatusTypeChange:after{content: "";}
#StatusTypeChange:before{content: "";}
#StatusTypeChange option{}
#StatusTypeChange option{background: #fff;border: none;color: #0097a7;font-weight: 600;padding: 33px 10px;display: block;border-bottom: 1px solid #ddd;margin-bottom: 5px;accent-color: #0097a7;}
.ss-wrap{display: flex;justify-content: end;}

#StatusTypeChange option:disabled{display: none;}
.select2-container--default .select2-results__option[aria-disabled=true] {display: none;}
.select2-container--default .select2-selection--single{border: none !important;height: 42px !important;}*/

.ss-wrap{}
.select2-container--default .select2-selection--single .select2-selection__rendered{color: #fff !important;border: none !important;background: #0097a7;line-height: 40px !important;overflow: hidden;}
.select2-container--default .select2-selection--single .select2-selection__arrow{color: #fff !important;height: 39px !important;right: 0 !important;background: #068795;width: 35px !important;}
body .select2-container--default .select2-selection--single .select2-selection__arrow b{color: #fff !important;border-color: #fff transparent;}
.select2-container--default .select2-results>.select2-results__options{}
.select2-results__option--selectable{}
.pop-info h3{text-align: left;margin-bottom: 20px;border-bottom: 1px solid #dedede;padding-bottom: 20px;line-height: 29px;}
.pop-info p{font-size: 18px;}
.pop-info ul{padding-left: 20px;}
.pop-info ul li{padding: 7px 0;list-style: circle;border-bottom: 1px solid #eee;}
.note-error-1{}
.note-error-1 p{font-size: 18px;margin-bottom: 10px;padding: 20px;background: #ffdcdc;border-radius: 5px;color: #c91616;}


.exta-table-wrapper{}
.et-header{display: flex;align-items: center;justify-content: space-between;margin-bottom: 10px;}
.eth-box{}
.eth-box h3{color: #0097a7;font-size: 16px;}

.eth-box h3 b{color: #555;}
.et-table{border: 1px solid #ddd;margin: 0 !important;}
.et-table table{margin: 0 !important;}
.et-table th{border: none !important;background: var(--main);color: #fff;}
.et-table td{border: none;border-bottom: 1px solid #ddd;}

.card{}
.card-header{}
.card-title{margin: 0;}
.card-body{}

.bg-main{background-color: var(--main) !important;color:#fff !important;}
.bg-main .card-title{color: #fff;}


/* td.details-control {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 0 24 24' width='24px' fill='%23000000'%3E%3Cpath d='M24 24H0V0h24v24z' fill='none' opacity='.87'/%3E%3Cpath d='M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6-1.41-1.41z'/%3E%3C/svg%3E");
  cursor: pointer;

  background-repeat: no-repeat;
  background-position: center;
} */

td.details-control{text-align: center;font-size: 24px;font-weight: 600;}

.innertable thead {
  background: rgb(34,193,195);
  background: linear-gradient( 125deg, rgba(34,193,195,1) 0%, rgba(45,253,216,1) 100%);
}

.innertable thead th {
  background: rgb(34,193,195) !important;
 
}





.innertable thead.sticky {
 display: none !important;
}

.le-form-wrapper{padding-top: 20px;background: transparent;padding: 0;margin-top: 20px;display: flex;gap: 15px;}
.e-form-box{}


.html-home-page .h-header,
.html-home-page .home-banner-sections{background-color: var(--main);}

.home-banner-sections{padding-bottom: 90px;padding-top: 50px;}
.home-banner{
}
.home-banner-row{
    display: flex;
    align-items: center;
}
.home-banner-info{
    width: 50%;
    max-width: 50%;
    flex: 0 0 50%;
    padding: 0 70px 0 0;
    position: relative;
}
.home-banner-info h3{
  font-size: 55px;
  margin-bottom: 30px;
  color: #ffffff;
  word-spacing: 7px;
}
.home-banner-info p{
    font-size: 22px;
    line-height: 40px;
    color: #ffffff;
    max-width: 540px;
    font-weight: 600;
}
.home-banner-info img{
    position: absolute;
    width: 80px;
    height: 97px;
    object-fit: contain;
    left: 16%;
    top: 97%;
}
.home-banner-images{}
.hbi-box{
    padding: 0;
    position: relative;
}
.hbi-box img{
    max-width: 100%;
}

.home-banner-footer{
  display: flex;
  gap: 20px;
  margin-top: 100px;
  justify-content: flex-start;
  margin-left: 70px;
}
.theme-button{
    display: inline-block;
    padding: 18px 35px;
    color: #fff;
    background: #0b1769;
    border-radius: 7px;
    font-size: 20px;
    transition: 0.3s;
}
.theme-button:hover{
    text-decoration: none;
    color: #ffff;
    /* opacity: 0.8; */
    background: #fce057;
    color: #0b1769;
}

.b-box{}
.section-2-boxes{
    background: var(--main);
    padding: 70px 0;
}
.b-boxes-wrapper{}
.b-boxes{}
.b-boxes-title{
    margin-bottom: 25px;
}
.b-boxes-title h2{
    color: #fff;
    text-align: center;
    font-size: 50px;
    text-align: center;
    /* max-width: 760px; */
}

.b-boxes ul{
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
}
.b-boxes ul li{
    padding: 20px 30px;
}
.b-boxes ul li{max-width: 50%;flex: 50%;}
.b-box{
    background: #fff;
    padding: 20px 28px;
    display: flex;
    align-items: center;
    border-radius: 20px;
    height: 100%;
}
.b-box .b-box-img{
    width: 43%;
    flex: 72%;
}
.b-box .b-box-img img{max-width: 100%;width: 100%;height: 240px;object-fit: contain;}
.b-box-info{
    /* padding: 0 30px; */
    padding: 0 0px 0 30px;
}
.b-box-info h3{
    font-size: 34px;
    color: #0c1765;
    margin-bottom: 20px;
}
.b-box-info p{
    color: #0c1765;
    line-height: 28px;
    font-weight: 600;
    font-size: 20px;
    line-height: 40px;
}
.b-box-info h3.title-light{color: var(--main);}
.section-write{
  background: var(--body-bg);
}
.write-wrapper{
    padding: 70px 0;
}
.write-box{
    border-radius: 35px;
    overflow: hidden;
}
.write-title{}
.write-title h3{
    text-align: center;
    font-size: 30px;
    color: #0c1765;
    background: transparent;
    font-size: 40px;
    margin-bottom: 40px;
}
.write-grid{}
.write-grid ul{
    display: flex;
    margin: 0 -25px;
}
.write-grid ul li{
    flex: 0 0 33.33336%;
    padding: 0 25px;
}
.write-box{
    text-align: center;
    background: #fff;
    height: 100%;
}
.write-image{
    background: var(--main);
    padding: 50px 0 80px;
}
.write-image img{
    width: 190px;
    height: 120px;
    object-fit: contain;
}
.write-info{
    padding: 20px 50px 35px;
    margin-top: -30px;
    background: #fff;
    border-radius: 25px 25px  0 0px;
}
.write-info h3{
    color: #0c1765;
    font-size: 35px;
    margin-bottom: 15px;
}
.write-info p{
    color: #0c1765;
    font-size: 16px;
    line-height: 28px;
}



.section-bottom{}
.bottom-wrapper{
    padding: 100px 0;
    background: var(--main);
}
.bottom-box{}
.bottom-left{
    flex: 0 0 50%;
}
.bottom-image{
    padding: 0 50px;
}
.bottom-image img{
    max-width: 100%;
}
.bottom-box{
    display: flex;
    align-items: center;
}
.bottom-right{
    padding: 0 50px;
}
.bottom-info{}

.bottom-info h3{
    color: #fff;
    font-size: 60px;
    margin-bottom: 30px;
}
.bottom-info p{
    color: #fff;
    margin-bottom: 11px;
    font-size: 22px;
    line-height: 40px;
}
.bottom-info p a{
    color: #fff;
    font-weight: 600;
}

.theme-button-1{
  display: inline-block;
  padding: 20px 35px;
  color: #fff;
  background: #0c1765;
  border-radius: 7px;
  font-size: 18px;
  transition: 0.3s;
  margin-top: 20px;
  font-weight: 600;
}

.theme-button-1:hover{
    color: #fff;
    text-decoration: none;
    background: #fce057;
    color: #0b1769;
}

.surprise-sections {
  background: #4395a3;
  color: #fff !important;
  text-align: center;
}

.surprise-title{
  padding: 30px 30px;
}
.surprise-title h3{
  color: #fff;
  font-size: 35px;
}
.surprise-images{}
.surprise-images img{
  max-width: 100%;
}
.h-header{padding: 35px 0;}
.will-packages .col-md-6{margin-bottom: 15px;}

.eto-card{
    background: #f3f6f9;
    border-radius: 15px;
    margin-bottom: 20px;
    border: 1px solid #ddd;
    overflow: hidden;
}
.eto-title{
    /* border-bottom: 2px solid #d7d7d7; */
    padding: 20px;
    background-color: #e5eaef;
}
.eto-title .wgi-title h3{
    margin-bottom: 0;
    border: none;
    padding: 0;
    font-weight: 400;
}
.wgi-title{}
.wgi-title h3{
    margin: 0 0 20px;
    border-bottom: 2px solid var(--main);
    color: var(--main);
    padding-bottom: 5px;
}
.eto-body{
    padding: 10px 15px;
}


.de-table{max-height: 350px; overflow: hidden; overflow: auto;}
.login-bottom{
  display: flex;
  justify-content: space-between;
  align-items: center;
}


.button-1.login-button{
    height: 40px;
    display: flex;
    align-items: center;
    padding: 0;
    margin: 0;
    line-height: 0;
    width: 80px;
    justify-content: center;
    border-radius: 5px;
}

/* .page-info{}
.page-info .buttons{margin: 0;} */


.section-planning{
    background: #0c1765;
    padding: 70px 0;
}
.section-planning .inner-box-info .box-info-title{
    margin-bottom: 45px
}
.section-planning .inner-box-info .box-info-title h2{
    color: #fff;
    text-align: center;
    font-size: 50px;
}
.section-planning .inner-box-info .box-info-title p{
  color: #fff;
  text-align: center;
  font-size: 20px;
  margin-top: 10px;
  max-width: 600px;
  margin: 15px auto 0;
  line-height: 34px;
}
.Services-section .Services-wrapper .box-info-title{
  margin-bottom: 45px;
}
.Services-section .Services-wrapper .box-info-title h2{
  color: #fff;
  text-align: center;
  font-size: 50px;
}
.Services-section .Services-wrapper .box-info-title p{
  color: #fff;
  text-align: center;
  font-size: 20px;
  margin-top: 10px;
  line-height: 34px;
  max-width: 600px;
  margin: 15px auto 30px;
}
.section-planning .inner-box-info .box-info-image{
    display: flex;
    align-items: center;
    justify-content: center;
}
.section-planning .inner-box-info .box-info-image img{
    max-width: 100%;
    width: 400px;
}

.section-question-step{
    padding: 70px 0 70px;
}
.section-question-step .box-steps{}
.section-question-step .box-steps .steps{}
.section-question-step .box-steps .steps .steps-list{
  display: flex;
  flex-flow: column;
  row-gap: 60px;
}
.section-question-step .box-steps .steps .steps-list .list-box{
    display: flex;
    align-items: center;
    position: relative;
}
.section-question-step .box-steps .steps .steps-list .list-box:nth-child(1)::after{
  content: "";
  background: url(../theme/Images/arrow-1.webp);
  background-repeat: no-repeat;
  width: 150px;
  height: 200px;
  background-size: 100px;
  position: absolute;
  top: 68%;
  transform: translate(50%, 50%);
  left: 42%;
  z-index: 1;
  background-position: center;
}

.section-question-step .box-steps .steps .steps-list .list-box:nth-child(2)::after{
  content: "";
  background: url(../theme/Images/arrow-2.webp);
  background-repeat: no-repeat;
  width: 150px;
  height: 200px;
  background-size: 100px;
  position: absolute;
  top: 67.7%;
  transform: translate(50%, 50%);
  left: 39%;
  z-index: 1;
  background-position: center;
}
.section-question-step .box-steps .steps .steps-list .list-box .inner-list-box{
    display: flex;
    align-items: center;
    justify-content: space-around;
    width: 100%;
    position: relative;
}

.section-question-step .box-steps .steps .steps-list .list-box .inner-list-box .step-img{}
.section-question-step .box-steps .steps .steps-list .list-box .inner-list-box .step-img img{}
.section-question-step .box-steps .steps .steps-list .list-box .inner-list-box .step-content{
    max-width: 420px;
}
.section-question-step .box-steps .steps .steps-list .list-box .inner-list-box .step-content h2{
    font-size: 38px;
    color: #0c1765;
    margin-bottom: 18px;
}
.section-question-step .box-steps .steps .steps-list .list-box .inner-list-box .step-content p{
    font-size: 18px;
    color: #0c1765;
    font-weight: 600;
}

.Services-section{
    background: #0c1765;
    padding: 70px 0;
}

.Services-section .services-grid{}
.Services-section .services-grid ul{
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
    row-gap: 30px;
    column-gap: 40px;
}
.Services-section .services-grid ul li{
  max-width: 31.333%;
  flex: 31.333%;
  height: 180px;
}
.Services-section .services-grid ul li a{
  text-decoration: none;
}
.Services-section .services-grid ul li a:hover{}
.Services-section .services-grid ul li a .service-box{
    background: var(--main);
    padding: 20px 28px;
    display: flex;
    align-items: flex-start;
    border-radius: 20px;
    height: 100%;
    flex-direction: column;
    row-gap: 10px;
    transition: 0.3s;
}
.Services-section .services-grid ul li a:hover .service-box{
    background: #f8ef1d;
}
.Services-section .services-grid ul li a .service-box span{
    font-size: 24px;
    color: #f8ef1d;
}
.Services-section .services-grid ul li a:hover .service-box span{color:#000}
.Services-section .services-grid ul li a .service-box h2{
    color: #ffffff;
    font-size: 28px;
  transition:0.3s;
}
.Services-section .services-grid ul li a:hover .service-box h2{color:var(--main)}
.html-topic-page.theme-1 body{
  background-color: #fff !important;
}

.topics-top-banner{
    padding: 40px 0;
    margin-bottom: 60px;
}
.topics-top-banner.light-color{
    background-color: var(--main);
}
.topics-top-banner.dark-color{
    background-color: #0d0255;
}

.topics-top-banner .topic-banner-heading{
    height: 100%;
}
.topics-top-banner .topic-banner-heading h1{
    color: #ffffff;
    height: 100%;
    text-align: left;
    display: flex;
    align-items: center;
    max-width: 100%;
    width: 350px;
    font-size: 48px;
}
.testimonial-body-img{
  height: 600px;
  margin-bottom: 60px;
  text-align: center;
}
.testimonial-body-img img{
  max-width: 100%;
  height: 100%;
  object-fit: contain;
}

.topics-top-banner .topic-image{
    max-width: 100%;
    text-align: right;
}
.topics-top-banner .topic-image img{
    max-width: 100%;
    /* width: 500px; */
    object-fit: contain;
    height: 350px;
}
.mylivechat_expanded_outer .mylivechat_expanded_title{
    background-color: rgb(11 23 105) !important;
    border: 0px solid rgb(11 23 105) !important;
}
.mylivechat_prechat_submit_button, 
.mylivechat_offline_submit_button, 
.mylivechat_prechat_survey_button,
.mylivechat_closebtn{
  background-color: rgb(11 23 105) !important;
}
.mylivechat_offline_oauth_box span:nth-child(3){display: none !important;}
.html-pay-page body{background-color: #fff !important;}

.mylivechat_collapsed{background-color: #000080 !important;}


#sib-container{background-color: transparent !important;border: none !important;}
.sib-form-block p{display: none !important;}
#sib-form > div{padding: 0 !important;}
.sib-form-block__button-with-loader{width: 100%;height: 50px;font-weight: 400 !important;}
.sib-form .input{height: 50px !important;border-radius: 14px !important;overflow: hidden;padding-left: 20px !important;}
#sib-container{padding:0 !important}
.sib-form .entry__field{border-radius:7px !important }
.sib-form{padding:0 !important}
.footer-contact select{max-width: 100%;padding: 0;padding-left: 10px;width: 100%;}

.blog-posts{
    display: flex;
    flex-wrap: wrap;
    gap: 1% 1%;
}
.blog-posts .post{
    max-width: 32%;
    /* margin: 0 15px; */
    background: var(--main);
    /* margin: 0px 1% 15px; */
    margin: 0;
    margin-bottom: 15px;
    padding: 15px 15px 30px;
}
.blog-posts .post-head{}
.blog-posts .post-title{
    color: #fff;
    margin-bottom: 20px;
    font-size: 26px;
    line-height: 34px;
}
.blog-posts .post-body{
    color: #fff;
}
.blog-posts .blog-details{}
.blog-posts .buttons{}
.blog-posts .buttons a{}

.blogpost-page .page-title{
    margin: 0;
    border: none;
    font-size: 30px;
}
.blogpost-page .page-title h1{
    font-size: 50px;
    font-family: 'Vollkorn-Black';
    color: var(--main);
}

.blogpost-page  .post-body{
    margin-bottom: 80px;
}

.blogpost-page  .post-body p{
    font-size: 16px;
    line-height: 28px;
}


.post-body .container{padding: 0;}

.title-co{}
.title-co h3{margin-bottom: 30px;font-size: 42px;color:#fff}
.inheritance-tax p{font-size: 16px;line-height: 30px;margin-bottom: 15px;}


  .html-pay-page  .page-info  p{font-size: 16px;line-height: 30px;margin-bottom: 15px;}
  .html-pay-page  .page-info ul ,.html-pay-page  .page-info ol {font-size: 16px;line-height: 30px;margin-bottom: 15px;  list-style: auto;
    list-style-position: inside;}

.company-slider-heading{}
.company-slider-heading h2{color: #0d0255;max-width: 1380px;margin: 0 auto;}
.companies-slider-bg{background-color: #f0f0f0;padding: 60px 0;margin-top:35px;}
.company-logo{max-width: 160px;height: auto;object-fit: contain;}
.company-logo img{max-width: 100%;}

.testimonial-slider-bg{/*background-color: #2499A4;*/padding: 60px 0;}
.testimonial-slider-bg .testimonial-item{text-align: center;}
.testimonial-slider-bg .testimonial-item .item .testimonial-info h2{color: #1E242E;font-size: 34px;margin: 0 0 10px;}
.testimonial-slider-bg .testimonial-item .item .testimonial-info p{color: #1E242E;font-size: 16px;margin: 10px 0 15px;line-height: 25px;}
.testimonial-slider-bg .testimonial-item .item .testimonial-info strong{color: #1E242E;margin: 0 0 10px;font-size: 16px;font-weight: 800;}

/* .testimonial-slider-bg .testimonial-item .item .advisor-testimonial h2{color: #0d1764;}
.testimonial-slider-bg .testimonial-item .item .advisor-testimonial p{color: #0d1764;}
.testimonial-slider-bg .testimonial-item .item .advisor-testimonial strong{color: #0d1764;} */



.testimonial-slider-bg .testimonial-item .owl-dots{display: flex;align-items: center;justify-content: center;margin-top: 30px;}
.testimonial-slider-bg .testimonial-item .owl-dot{width: 14px;height: 14px;border-radius: 50px;background-color: #2499A4;margin: 0 4px;}
.testimonial-slider-bg .testimonial-item .owl-dot.active{background-color: #056e78;}

.field-validation-error{text-transform: inherit !important;}
.footer-lower{display: flex; justify-content:  space-between;}
.fot-address{text-align: right;}
.footer-lower:after{display: none;}
.captcha-error {color: #ff8c8c;text-align: center;margin-bottom: 15px;}

.dd-btn-1.btn-pastel-lock{background-color: #ddd;pointer-events: none;opacity: 0.5; color: #000 !important;}
.sm-text{font-size: 14px;display: block;color: #999;margin-top: 5px;}
.dataTables_wrapper .bottom select{padding: 5PX;}



.banner-time{
    position: absolute;
    background: #f7f5ee;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    box-shadow: 5px 5px #1e1b56;
    left: 180px;
    top: 9px;
}
.banner-time h3{
    color: #1e1b56;
    font-weight: 600;
    font-size: 24px;
    text-align: center;
}


.banner-price{
    position: absolute;
    background: #f7f5ee;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    box-shadow: 5px 5px #1e1b56;
    right: 120px;
    top: 2px;
}
.banner-price h4{
    position: absolute;
    top: 12px;
    font-size: 16px;
    left: 26px;
    text-decoration: line-through;
    color: #555;
}
.banner-price h3{
    color: #1e1b56;
    font-weight: 600;
    font-size: 30px;
}

.client-type-wrapper{
    flex: 0 0 50%;
    padding: 15px;
    background: #f5f6f8;
}
.client-type-wrapper ul{
    display: flex;
    justify-content: center;
    /* gap: 10px; */
    /* margin-bottom: 30px !important; */
    margin-bottom: 0;
    flex-direction: column;
}
.client-type-wrapper ul li{}
.client-type-wrapper ul li a{
    background: #fff;
    display: block;
    padding: 10px 15px;
    /* border: 1px solid #ddd; */
    /* box-shadow: 0 0 3px #ddd; */
    margin-bottom: 5px;
    color: #333;
    position: relative;
    display: flex;
    align-items: center;
}
.client-type-wrapper ul li a i{
    margin-right: 15px;
}
.client-type-wrapper ul li a:hover{
    text-decoration: none;
    color: #fff;
    /* background: #2499a4; */
    /* box-shadow: 0 0 3px rgb(36 153 164 / 40%); */
    color: #333;
}
.client-type-wrapper ul li a i:after{content: "";position: static;content: "\f00c";font: normal normal normal 14px / 1 FontAwesome;font-size: 30px;top: 9px;left: 9px;width: 8px;height: 8px;border-radius: 50%;background: transparent;opacity: 1;position: static;left: 60%;top: 60%;width: 15px;border-radius: 0;height: 15px;opacity: 1;color: #a8a8a8;font-size: 11px;z-index: 999;width: 30px;height: 30px;border-radius: 10;background-color: #f1f1f1;border-radius: 50%;border: 1px solid #D3D3D3;display: flex;align-items: center;justify-content: center;}
.client-type-wrapper ul li a i:after{}
.client-type-wrapper ul li a.active i:after{background: #44C544;color: #fff;}



.client-type-wrapper + .le-form-box{display: none;margin-top: 0;padding: 15px;background: #f5f6f8;}

.under-construction{display: flex; justify-content: center; align-items: center;}


/*  */
  .bravo-form-content .bravo-form-heading{display: flex; justify-content: center; align-items: flex-end; gap: 20px;}
    #info-icon:hover + #info-list {opacity: 1;}
    #info-list{ z-index: 1; position: absolute; background: #2499a4; text-align: center; color: #fff; width: 44%; padding: 35px; font-size: 16px; top: 375px; transition: opacity 0.4s ease; opacity: 0; pointer-events: none; border-radius: 3px; box-shadow: 0 8px 16px rgb(0 0 0 / 20%);padding-bottom:15px; }
    #info-icon:hover + #info-list:after { content: ""; position: absolute; top: -20px; border-width: 10px; border-color: transparent; border-style: solid; border-bottom-color: #2499a4; }
    #info-list li {padding-bottom: 15px; padding-right: 30px; text-align: center;line-height:21px;}
    .info-links h3{gap: 7px; display: flex; align-items: baseline; color: var(--main);padding-top:5px;white-space:nowrap;}
    .wrenSterlink-Logo h2 {display: flex; flex-direction: column;    color: var(--main);}
    .wrenSterlink-Logo span{font-size:16px;color:#000 !important;text-align:center;padding-top:10px;}
    .wrenSterlink-Logo span a{color:#000 !important;}
    .info-links {display: flex; align-items: center; justify-content: center;flex-wrap:wrap; gap: 25px;margin-bottom:20px;margin-top:15px;flex-direction:column;}
    .info-links a {font-size: 16px; color: #fff !important; font-weight: 500; text-decoration: none; width: 210px; height: 41px; text-align: center; display: flex; align-items: center; justify-content: center;}
    .bravo-form-content .bravo-form-heading {margin-bottom:0px !important;}
    .links-buttons{display:flex;gap:20px;}
    .nameNote{ font-size: 12px; text-align: left; font-family: 'Helvetica', sans-serif; color: #8390A4; text-align: left; margin-top: 10px; display: block; white-space: normal; }

    
    .cu-popup-wrapper{position: fixed;left: 0;top: 0;left: 0;bottom: 0;display: flex;align-items: center;justify-content: center;width: 100%;right: 0;z-index: 99999;}
    .cu-popup-overlay{background: rgb(62 62 62 / 65%);position: fixed;left: 0;top: 0;right: 0;bottom: 0;z-index: 9999;}
    .cu-popup-box{background: #fff;border: 1px solid #ddd;position: fixed;z-index: 9999999;padding: 40px 20px;border-radius: 15px;width: 560px;text-align: center;max-width: 90%;}
    .cu-popup-box p{font-size: 20px;line-height: 32px;}
    .cu-popup-box p a{}




    .fe-form-body{}
    .fe-form-body .sb-form-wrap{
        font-size: 16px;
        line-height: 29px;
    }
    .fe-form-body .sb-form-wrap ul{}
    .fe-form-body .sb-form-wrap ul li{}
    .fe-form-body .sb-form-wrap ul li{
        margin-bottom: 10px;
        border-bottom: 1px solid #ddd;
        padding-bottom: 10px;
    }
    .fe-form-body .sb-form-wrap label{}
    .fe-form-body .sb-form-wrap label{
        margin-right: 15px;
    }
    .fe-form-body .sb-form-wrap .sb-options{}
    
    .fe-form-body .sb-form-wrap .sb-options span{}
    
    .fe-form-body .sb-form-wrap .sb-options input[type=radio]{}
    
    
.fe-form-body .sb-form-wrap .sb-options input[type=radio]{
    margin-right: 2px;
}

.fe-form-body .SubmitAll{
    width: 150px;
    font-weight: 400;
    margin-top: 15px;
}

.fe-form-body{}
.fe-form-body .page-title{padding-left: 0;}
.fe-form-body h1{text-align: left;}
.edit .btn-grayyy{min-width: 0;font-size: 13px;padding: 5px 10px;width: fit-content;}
.table-wrapper-h{overflow: auto;}
.card-btn-head{    display: flex;gap: 5px;}


.main-qustion{}
.main-qustion ul{
    display: flex;
    gap: 25px;
    margin-top: 30px;
    margin-bottom: 30px !important;
}
.main-qustion ul li{
    display: flex;
    gap: 10px;
    font-size: 18px;
    font-weight: 600;
}
.main-qustion ul li input{}
.main-qustion ul li label{}

.risk-footer-wrapper{
    margin-top: 30px;
    display: flex;
    justify-content: start;
}
.risk-footer{
    width: fit-content;
    border: 1px solid #ddd;
    padding: 20px 25px;
    border-radius: 15px;
}
.rs-foot-box-1{
    margin-bottom: 5px;
}
.rs-foot-box-1 h3{
    font-size: 15px;
}
.rs-foot-box-1 h4{
    font-size: 16px;
    /* background: #f5f5f5; */
    /* padding: 15px 15px; */
    margin-top: 10px;
}
.rs-foot-box-1 h4 b{
    font-size: 15px;
}

.rs-foot-box-2{}
.rs-foot-box-2 h4{
    font-size: 13px;
    font-weight: 200;
    color: #77767a;
}
.rs-foot-box-2 h4 b{
    font-weight: 600;
}
.notifcation-wrapper{}
.notifcation-wrapper .close {padding: 10px 15px;position: absolute;top: 0;right: 0;padding: .75rem 1.25rem;color: inherit;}


.alert-Green{
  color: #155724;
  background-color: #9fffb7;
  border-color: #77bc88;

}

.alert-Yellow{
    color: #856404;
    background-color: #fff3cd;
    border-color: #ffeeba;
}

.alert-Red{
  color: #721c24;
  background-color: #ffd3d3;
  border-color: #e8b4ba;
}

.alert-Gray{
  color: #383d41;
  background-color: #e2e3e5;
  border-color: #d6d8db;
}

.alert-Sky-Blue{
  color: #0c4145;
  background-color: #9df7ff;
  border-color: #77d4dc;
}
.alert-Light-Green{
  color: #0e5f5f;
  background-color: #bdffe2;
  border-color: #96debe;
}


.noti-icon{}
.noti-icon svg{}

.accordion-logs{ margin-bottom: 60px; }
.accordion-logs .card-log{ margin-bottom: 15px; border-radius: 9px; }
.accordion-logs .card-header{background: #2499a4;border-radius: 8px;padding: 0;}
.accordion-logs .card-header h2{}
.accordion-logs .card-header .btn-link{ width: 100%; display: flex; justify-content: space-between; align-items: center; padding: 15px 25px; }
.accordion-logs .card-header .btn-link:hover , .accordion-logs .card-header .btn-link:focus{text-decoration:none}
.accordion-logs .card-header .btn-link span{ color: #fff; font-size: 18px; display: flex; align-items: center; gap: 20px; }
.accordion-logs .card-header .btn-link span svg{fill: #fff;}
svg.up {display: none;}

svg.down {display: inline;}

.accordion-logs .card-header .btn-link i{color: #fff;font-size: 16px;font-family: 'Ubuntu';font-style: normal;}
.accordion-logs .collapse{}
.accordion-logs .card-body{font-size: 18px;line-height: 170%;}
.card-log.show .collapse{}
/* 
.accordion-logs .card-log:nth-child(1) .collapse{display: block;} */


.card-body ol, .card-body ul{list-style-position: inside;}
.card-header .form-control svg{ fill: #495057; width: 17px; position: relative; /* top: 3px; */ }

.service-list .card-header .form-control {font-size: 0;}
.service-list .card-header .form-control i {font-size: 20px;}
/* .hasDatepicker{ background-color: #f9f9f9;} */
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year{
  height: 25px;
  padding: 0 5px;
  /* position: relative;
  top: -5px; */
  margin-right: 5px;
}


.select2-container--default .select2-selection--multiple .select2-selection__choice{ background-color: #e9ecef !important; border: 1px solid #e9ecef !important; }
.select2-container--default.select2-container--focus .select2-selection--multiple{ height: auto; min-height: 40px; } 

.customer-dashboard-wrap .progress-container { }

.customer-dashboard-wrap .progress-bar { position: relative; margin-bottom: 30px; }

.customer-dashboard-wrap .progress-track { position: relative; height: 6px; background: #ddd; margin: 10px 0 20px; border-radius: 20px; display: none; }

.customer-dashboard-wrap .progress-fill { position: absolute; height: 6px; background: #2499a4; transition: width 0.8s ease; border-radius: 20px; }

.customer-dashboard-wrap .progress-steps { position: relative; display: flex; justify-content: space-between; gap: 0; }

.customer-dashboard-wrap .step {position: relative;text-align: center;flex: 1;display: flex;flex-direction: column;position: relative;align-items: center;align-items: center;text-align: center;justify-content: space-between;background: transparent;padding: 10px 0;border-radius: 0;gap: 0;overflow: hidden;justify-content: right;}

.customer-dashboard-wrap .step-dot { width: 20px; height: 20px; background: #ddd; border-radius: 50%; position: static; top: 0; /* transform: translateX(-50%); */ transition: background 0.3s ease; margin-bottom: 8px; position: relative; z-index: 9; }

.customer-dashboard-wrap .step.active .step-dot { background: #2499a4; } 
.customer-dashboard-wrap .step-label { font-size: 14px; color: #666; margin-top: 0; word-wrap: break-word; max-width: 120px; margin-left: auto; margin-right: auto; }

.customer-dashboard-wrap .step.active .step-label { color: #2499a4; font-weight: bold; }
.customer-dashboard-wrap .step:after{content:"";height: 3px;width: 100%;position: absolute;background: #dddddd;left: 50%;top: 20px;}
.customer-dashboard-wrap .step:before { content: ""; height: 3px; width: 100%; position: absolute; background: #dddddd; right: 50%; top: 20px; }

.customer-dashboard-wrap .step:first-child:before{display:none}
.customer-dashboard-wrap .step:last-child:after{display:none}

.customer-dashboard-wrap .step.active:before { background: #2499a4; }
.customer-dashboard-wrap .step.active:after { background: #2499a4; }

.customer-dashboard-wrap .step-percentage { font-size: 12px; color: #999; margin-top: 0; }
.customer-dashboard-wrap .step.active .step-percentage{ color: #2499a4;}

.customer-dashboard-wrap .service-card { border: 1px solid #ddd; border-radius: 8px; padding: 20px; margin-bottom: 20px; background: #f9f9f9; }

.customer-dashboard-wrap .service-header { display: flex; justify-content: space-between; margin-bottom: 5px; align-items: center; }
.customer-dashboard-wrap .service-header span{padding: 5px 10px;display: inline-block;margin-left: 5px;border-radius: 4px;}
.customer-dashboard-wrap .service-header h4{ font-size: 16px; font-family: 'Oswald'; }
.customer-dashboard-wrap .service-header div{ background: #2499a4; display: flex; align-items: center; padding: 10px 25px; border-radius: 15px; color: #fff; font-weight: 600; letter-spacing: 1px; } 
small.phone-notify { color: #246fa7; display: block; font-size: 13px; margin-top: 5px; right: 0; top: -6px; font-style: italic; }

.multi-menu ul{display: none ;    background: #f5f5f5;     background: #f6f7fb;}
.multi-menu ul li a{background-color: transparent !important;}
.multi-menu.active ul{display: block;}

.multi-menu.active > a{display: block;color: #0599A9 !important; background: #f6f7fb !important;}

.multi-menu.active svg{width: 16px;height: 16px;}
.multi-menu.active .nav_icon_small{width: 16px;height: 16px;}
.order-history-page{}
.order-history-page .title{  margin-bottom: 30px;}
.order-history-page .title strong{
  font-size: 24px;
  font-family: 'Oswald';
  display: block;
}




.dashboard {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 20px;
  /* max-width: 1200px; */
  margin: 0 auto 30px;
}

.dashboard .widget {
  border-radius: 10px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  overflow: hidden;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  text-align: center;
  color: white;
  padding: 25px 35px;
}

.dashboard .widget:hover {
  transform: translateY(-5px);
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.2);
  text-decoration: none;
}

.dashboard .widget-title {
  font-size: 22px;
  font-weight: 500;
  margin-bottom: 15px;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-family: 'Oswald';
  text-align: left;
  margin-bottom: 0;
}

.dashboard .widget-metric {
  font-size: 86px;
  font-weight: 700;
  text-align: right;
}

/* Widget colors */
.dashboard .widget-blue {
  background: linear-gradient(135deg, #3498db, #2980b9);
}

.dashboard .widget-green {
  background: linear-gradient(135deg, #2ecc71, #27ae60);
}

.dashboard .widget-purple {
  background: linear-gradient(135deg, #9b59b6, #8e44ad);
}

.dashboard .widget-orange {
  background: linear-gradient(135deg, #e67e22, #d35400);
}

.dashboard .widget-red {
  background: linear-gradient(135deg, #e74c3c, #c0392b);
}

.dashboard .widget-teal {
  background: linear-gradient(135deg, #1abc9c, #16a085);
}

/* Responsive */
@media (max-width: 768px) {
  .dashboard {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 480px) {
  .dashboard {
    grid-template-columns: 1fr;
  
  }
}



.pdf-container {
  display: grid;
  flex-wrap: wrap;
  gap: 20px;
  MARGIN-BOTTOM: 30PX;
  grid-template-columns: 1fr 1fr 1fr;
}
.pdf-item {
  /* border: 1px solid #ddd; */
  padding: 15px;
  border-radius: 5px;
  text-align: left;
  display: grid;
  align-items: flex-start;
  gap: 20px;
  padding: 0;
  BACKGROUND: #F9F9F9;
  PADDING: 10PX 15PX;
  BORDER-RADIUS: 4PX;
  /* flex: 0 0 32.336%; */
  grid-template-columns: 1fr 5fr;
}
.pdf-icon {
  display: flex;
  align-items: center;
  gap: 10px;
}
.pdf-icon img {
  width: 50px;
}
.pdf-actions {
  margin-top: 10px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin: 0;
  height: 100%;
  padding: 10px 0;
}
.pdf-actions a {
  text-decoration: none;
  margin-right: 10px;
  color: #2499a4;
  cursor: pointer;
  FONT-SIZE: 16PX;
}

.pdf-actions h3{margin-bottom: 5px;display: block;font-weight: 300 !important;}

.w-popup{background-color: var(--gray2);}
.w-popup a{background-color: var(--gray2) !important;}
.w-popup a span{color: #fff !important;}
.w-popup.multi-menu > a{background-color: var(--gray2) !important}
.w-popup.multi-menu li{background-color: var(--gray2) !important;}
.w-popup.multi-menu a{background-color: var(--gray2) !important;}


.custom-tooltip {
  position: relative;

}

/* Tooltip text */
.custom-tooltip .tooltip-text {
  visibility: hidden;
  width: 200px;
  background-color: #262626;
  color: #fff;
  text-align: center;
  padding: 8px;
  border-radius: 4px;
  position: absolute;
  z-index: 10;
  bottom: 110%;
  left: 50%;
  transform: translateX(-50%);
  opacity: 0;
  transition: opacity 0.3s;
  font-size: 14px;
  white-space: nowrap;
}

/* Show tooltip on hover */
.custom-tooltip:hover .tooltip-text {
  visibility: visible;
  opacity: 1;
}

/* Arrow for tooltip */
.custom-tooltip .tooltip-text::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #262626 transparent transparent transparent;
}


.lab-wrap{
  margin-bottom: 30px !important;
  flex: 0 0 48%;
  max-width: 48%;
}
.lab-wrap li{
  display: flex;
  gap: 10px;
  font-size: 16px;
  padding: 5px 0;
  align-items: center;
}
.lab-wrap li label{
  flex: 0 0 150px;
  font-weight: 600;
}
.lab-wrap li span{}
.ed-row{
    display: flex;
    align-items: end;
}
.ed-list{
    flex: 0 0 40%;
    display: flex;
    justify-content: space-between;
    flex: 0 0 100%;
    flex-wrap: wrap;
}
.ed-info{
    flex: 0 0 30%;
}
.ed-info .buttons{}
.ed-info .buttons button
.st-inputs-wrap{}
.st-inputs-wrap .input-box{}
.st-inputs-wrap .form-group{ display: flex; align-items: center; flex-direction: row; gap: 5px; align-items: baseline; }
.st-inputs-wrap .form-group label{ margin-bottom: 5px; width: 110px; }
.st-inputs-wrap .form-group select{}

.update-status[data-status="Proceeding"]{ background-color: #03bf62; color: #fff; }

.update-status{    padding: 10px 15px;}

.update-status[data-status="Active"]{ background-color: #10c0df; color: #fff; }

.update-status[data-status="Soft close"]{ background-color: #ff914d; color: #fff; }

.update-status[data-status="Not proceeding"]{ background-color: #d51c26; color: #fff; } 

.status-wrap{ display: flex; align-items: center; gap: 10px; }

.le-form-note p{ font-size: 14px; font-weight: 600; margin-bottom: 15px; letter-spacing: 0.5px; color: #2499a4; }

.referralOption-header{}
.referralOption-header .title{ padding: 0; }
.referralOption-wrapper{ width: fit-content; background: #fffbe2; padding: 20px 25px 30px; border-radius: 4px; border: 1px solid #f7cf5e; } 

.pdf-actions h5{font-size: 13px;font-weight: 300;color: #888;margin-bottom: 5px;max-width: 190px;display: block;overflow: hidden;}

.btn-gray i { margin-right: 10px; } 


.table-dark{}

.table-dark thead{background-color: #4c5758; }
.table-dark thead th{ background: transparent; color: #fff; border: none; } 

#cadviserReferralNote-table thead {
  background-color: #4c5758;
}

#adviserReferralNote-table thead th {
  background: transparent;
  color: #fff;
  border: none;
}

.popup-instructions{text-align: left;list-style: none;padding-left: 20px;margin: 0;display: flex;flex-direction: column;gap: 10px;}
.popup-instructions li{
    position: relative;
}
.popup-instructions li:after{content:"";height: 5px;width: 5px;display: block;position: absolute;top: 50%;left: 0;top: 2px;left: -17px;border-width: 7px;border-color: transparent;border-style: solid;border-left-color: #c29b9b;}


#partnerDetailsSection{display: block;}
#partnerDetailsSection h3{display: block;margin-bottom:13px}
.partnerDetails-checkbox label{display: flex;gap: 5px;align-items: center;/* width: fit-content; *//* background: #2499a4; *//* color: #fff; *//* text-align: center; *//* justify-content: center; *//* height: 40px; *//* font-size: 16px; *//* padding: 0 30px; *//* border-radius: 5px; */}
#partnerDetails{display: flex;flex-wrap: wrap; gap: 20px;justify-content: space-between;}
.patner-address-section{    width: 100%;}
#partnerAddressDetails{max-width: 100%;width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;}
#partnerAddressDetails h4{max-width: 100%;width: 100%;margin-top: 20px;margin-bottom: 20px;}

.form-fields.checklist{/* margin: 30px; */margin-bottom: 30px;}
.inputs-list{}
 
.checkbox-list{ display: flex; gap: 10px; }
.checkbox-list > label{ display: flex; gap: 5px; font-size: 16px; }

.partnerDetails-checkbox input[type="checkbox"] { display: none; /* Hide actual checkbox */ }

/* Default label style */
.partnerDetails-checkbox .checkbox-btn { display: inline-block; padding: 0.7em 1.5em; border: 2px solid #ccc; border-radius: 6px; background-color: #f5f5f5; cursor: pointer; font-size: 1em; transition: all 0.3s ease; user-select: none; }

/* Hover effect */
.partnerDetails-checkbox .checkbox-btn:hover { background-color: #e9e9e9; }

/* Checked state - when checkbox inside label is checked */


.partnerDetails-checkbox span { background-color: #ddd; border-color: #ddd; color: #fff; width: fit-content; background: #52616a; color: #fff; text-align: center; justify-content: center; height: 40px; font-size: 16px; padding: 0 30px; border-radius: 5px; display: flex; align-items: center; justify-content: center; }

.partnerDetails-checkbox input[type="checkbox"]:checked + span,
.partnerDetails-checkbox input[type="checkbox"]:checked ~ span { background-color: #2499a4; border-color: #2499a4; color: #fff; }

.partnerDetails-checkbox input[type="checkbox"]:checked span,
.partnerDetails-checkbox input[type="checkbox"]:checked ~ { background-color: #2499a4; border-color:#2499a4; color: #fff; }

/* #willgiftsreturn h4{font-style: normal;font-weight: 400;font-size: 15px;text-transform: capitalize;}
#willgiftsreturn h4 span{font-family: var(--title-fonts);text-transform: initial;}
#willgiftsreturn h3{font-style: normal;font-weight: 400;font-size: 15px;font-family: var(--body-font);text-transform: capitalize;}
#willgiftsreturn h3 span{font-family: var(--title-fonts);text-transform: initial;} */


#willgiftsreturn h4{font-style: normal;font-weight: 400;font-size: 15px;/* text-transform: capitalize; */font-family: var(--title-fonts);}
#willgiftsreturn h4 span{/* font-family: var(--title-fonts); */font-family: var(--body-font);text-transform: capitalize;}
#willgiftsreturn h3{font-style: normal;font-weight: 400;font-size: 15px;/* font-family: var(--body-font); *//* text-transform: capitalize; */}
#willgiftsreturn h3 span{font-family: var(--title-fonts);text-transform: initial;font-family: var(--body-font);text-transform: capitalize;}

#willgiftMoney h4{font-style: normal;font-weight: 400;font-size: 15px;/* text-transform: capitalize; */font-family: var(--title-fonts);}
#willgiftMoney h4 span{/* font-family: var(--title-fonts); */font-family: var(--body-font);text-transform: capitalize;}
#willgiftMoney h3{font-style: normal;font-weight: 400;font-size: 15px;/* font-family: var(--body-font); *//* text-transform: capitalize; */}
#willgiftMoney h3 span{font-family: var(--title-fonts);text-transform: initial;font-family: var(--body-font);text-transform: capitalize;}

.new-partner{ background: #f9f9f9; height: 100%; text-align: center; display: flex ; justify-content: center; border-radius: 8px; }
.readonly { background-color: #f7f7f7 !important; }

#Businessgiftsreturn h4{font-style: normal;font-weight: 400;font-size: 15px;/* text-transform: capitalize; */font-family: var(--title-fonts);}
#Businessgiftsreturn h4 span{/* font-family: var(--title-fonts); */font-family: var(--body-font);text-transform: capitalize;}

.noted-span span{  top: 100%; left: 5px; /* background: #333; */ font-size: 12px; right: 5px; border-radius: 50px; white-space: normal; display: block; font-size: 10px; }