/* ------------------------------------  */
/* ---------- SITE FRAMEWORK ----------  */
/* ------------------------------------  */
html { overflow-y: scroll; overflow-x:hidden; scroll-behavior: smooth;} 
body { font-family: 'Inter', sans-serif; background: #F8F8F8; overflow-x:hidden;} 
body.site_body {} 
.contentDiv {min-height: 600px;} 

.ui-autocomplete { z-index: 10001 !important; } 

/* APPRISE EDITS */
div.apprise {font-family:'Inter', sans-serif; border-color: #ccc;}
div.apprise .apprise-buttons {flex-wrap:wrap;} 
div.apprise .apprise-buttons button {display: inline-flex; align-items: center; justify-content: center; gap:10px; background: #fff; padding:0 15px; height: 35px; border:2px solid var(--primary-color); text-align: center; color: var(--primary-color); text-transform: uppercase; font-weight: 600; text-decoration:none; border-radius: 5px; transition: 0.2s ease-in all;} 
div.apprise .apprise-buttons button:hover { background: var(--primary-color); color: #fff;} 
div.apprise .apprise-buttons button::after {content:""; display: block; width: 28px; height: 28px; border-radius: 100%; background: var(--negative-color) url(../images/chevron-right-black.svg) no-repeat center;} */
div.apprise .apprise-buttons button:active {background: var(--primary-color); color: #fff;} 

/* DISPLAY CLASSES */
.full-width-fix { width: 100vw !important; max-width: 100vw !important; position: relative !important; left: 50%; right: 50%;  margin-left: -50vw; margin-right: -50vw;}

.hidden {display: none;}
.hideImportant {display: none !important;}

/* SITE MENUS */
.site_menu, .site_menu ul {list-style:none; padding:0; margin:0;}
.site_menu li {padding:0; margin:0;}

/* SITE FORMS */
input::placeholder {font-family:'Inter';}
textarea {font-family:'Inter';}
select {appearance:none; -webkit-appearance:none; -moz-appearance:none; background: url(../images/chevron-down-black.svg) no-repeat 98% center;}
input:is(::-webkit-outer-spin-button, ::-webkit-inner-spin-button) {-webkit-appearance: none; margin: 0;}
input[type=number] {-moz-appearance: textfield;}
:is(input, select, textarea).input_error {border-color: #a30e0e !important;}

.site_form {}
.site_form_field {padding: 10px 0;}
.site_form_label {font-size: 16px; color: #3B3B3D; padding: 5px 0;}
.site_form_input {width: 100%;}
.site_form_input input, 
.site_form_input select, 
.site_form_input textarea {width: 100%; height: 35px; background-color: #fff; border: 1px solid #D8E1EB; padding: 0 10px; box-sizing: border-box; font-size: 14px; color: #3B3B3D; transition: 0.2s ease-in-out all;}
.site_form_input select {}
.site_form_input textarea {height: 100px;}
.site_form_input input:focus,
.site_form_input select:focus,
.site_form_input textarea:focus {box-shadow: 0px 0px 6px #6FAAE580;}

/* ----- TYPOGRAPHY ----- */
h1, h2, h3, h4, h5, h6 {display:block; color: #231F20; margin:0; padding: 0 0 10px 0;}

h1 {font-size: 36px; line-height: 42px; font-weight: bold;} 
h2 {font-size: 30px; line-height: 36px; font-weight: 800;} 
h3 {font-size: 26px; line-height: 32px; font-weight: 600;} 
h4 {font-size: 24px; line-height: 30px; font-weight: 500;} 
h5 {font-size: 22px; line-height: 28px; font-weight: 500;} 
h6 {font-size: 20px; line-height: 26px; font-weight: 300;} 

p { padding: 5px 0 20px 0; font-size: 16px; color: #4F4C4D; line-height: 26px;} 


a { text-decoration: none; color: #231F20; }
.content_wrap p a:not([class]){color: #231F20; text-decoration: underline; transition: ease-in-out all .3s;}
/* .content_wrap p a:not([class]):hover{color: #231F20;} */

ul { list-style-position: outside; padding: 5px 0 20px 20px; font-size: 14px; color: #3a3a38; list-style-type: disc; line-height: 24px; } 
ul li { padding: 0 0 15px 0; line-height: 20px; } 

ol { list-style-position: outside; padding: 5px 0 20px 20px; font-size: 14px; color: #3a3a38; list-style-type: decimal; line-height: 24px; } 
ol li { padding: 0 0 5px 0; } 

hr { color: #D8D8D8; background: #D8D8D8; height: 1px; border: 0; margin-bottom: 20px; position:relative;} 

/* Button Classes */
a.btn_p {display:inline-flex; align-items: center; justify-content: center; gap:20px; padding:15px 30px; margin:5px 0; line-height: 30px; background: #fff; border:2px solid var(--primary-color); text-align: center; color: var(--primary-color); text-transform: uppercase; font-weight: 600; text-decoration:none; border-radius: 5px; transition: 0.2s ease-in all;}
a.btn_p:hover {background: var(--primary-color); color: #fff; }
a.btn_p.arrow::after {content:""; display: block; width: 28px; height: 28px; border-radius: 100%; background: var(--negative-color) url(../images/chevron-right-black.svg) no-repeat center;}

a.btn_s {display:inline-flex; align-items: center; justify-content: center; gap:20px; padding:15px 40px; margin:5px 0; line-height: 30px; background: #4F4C4D; border:2px solid #4F4C4D; text-align: center; color: #fff; text-transform: uppercase; font-weight: 600; text-decoration:none; border-radius: 5px; transition: 0.2s ease-in all;}
a.btn_s:hover {background: var(--tertiary-color); border-color: var(--tertiary-color); }
a.btn_s.arrow::after {content:""; display: block; width: 28px; height: 28px; border-radius: 100%; background: transparent url(../images/chevron-right-black.svg) no-repeat center; filter: brightness(100); transition: 0.2s ease-in-out all;}
a.btn_s.arrow:hover::after {background-color: #fff; filter:none;}

a.btn_t {display:inline-flex; align-items: center; justify-content: center; gap:20px; padding:15px 40px; margin:5px 0; line-height: 30px; background: var(--tertiary-color); border:2px solid var(--tertiary-color); text-align: center; color: #fff; text-transform: uppercase; font-weight: 600; text-decoration:none; border-radius: 5px; transition: 0.2s ease-in all;}
a.btn_t:hover {background: var(--primary-color); border-color: var(--primary-color); }
a.btn_t.arrow::after {content:""; display: block; width: 28px; height: 28px; border-radius: 100%; background: transparent url(../images/chevron-right-black.svg) no-repeat center; filter: brightness(100); transition: 0.2s ease-in-out all;}
a.btn_t.arrow:hover::after {background-color: #fff; filter:none;}

a.btn_ghost {display:inline-flex; align-items: center; justify-content: center; gap:20px; padding:15px 40px; margin:5px 0; line-height: 30px; background: transparent; border:2px solid #fff; text-align: center; color: #fff; text-transform: uppercase; font-weight: 600; text-decoration:none; border-radius: 5px; transition: 0.2s ease-in all;}
a.btn_ghost:hover {background: #FFFFFF33; border-color: #FFFFFF33; }
a.btn_ghost.arrow::after {content:""; display: block; width: 28px; height: 28px; border-radius: 100%; background: transparent url(../images/chevron-right-black.svg) no-repeat center; filter: brightness(100); transition: 0.2s ease-in-out all;}
a.btn_ghost.arrow:hover::after {background-color: #fff; filter:none;}



/* Animations */
@keyframes wobble {
    0% { transform: rotate(0deg);}
    33% { transform: rotate(-8deg);}
    66% { transform: rotate(8deg);}
    100% { transform: rotate(0deg);}
}


/* ------------------------------------  */
/* ------------ SITE DESIGN -----------  */
/* ------------------------------------  */

/* ----- SITE HEADER ----- */
.admin_panel+.site_header { margin-top: 31px;} 

header.site_header {position: relative;}


/*-- TOP WRAP --*/
.top_wrap {background: #fff; border-bottom: 1px solid #E9E3E3; box-sizing: border-box;}
.top_container {display: flex; align-items: center; justify-content: space-between; height: 40px;}
.top_section {}
.top_section.left {}
.top_section.right {}

.top_wrap .phone {}
.top_wrap .phone span {font-size: 13px; color: var(--primary-color);}

.topmenu {display: flex; align-items: center; justify-content: flex-end;}
.topmenu li {display: flex; align-items: center; justify-content: flex-end; gap:10px; padding: 0 0 0 10px;}
.topmenu li::after {content:""; display: block; width: 0px; height: 10px; border-right: 1px solid #E9E3E3;}
.topmenu li:last-child::after {content:none;}
.topmenu li a {font-size: 13px; color: var(--primary-color);}


/*-- HEADER WRAP --*/
.header_wrap { background: #fff;}
.header_container {display: flex; align-items: center; justify-content: stretch; height: 100px;}
.header_section {display: flex; align-items: center; flex:1;}
.header_section.section_left {justify-content: flex-start;}
.header_section.section_mid {justify-content: center;}
.header_section.section_right {justify-content: flex-end;}

.siteSearch {display: flex; align-items: center; height: 50px; width: 450px; background: #fff; border: 2px solid var(--tertiary-color); border-radius: 5px; box-sizing: border-box; position: relative;}
.siteSearch > span {display: flex; align-items: center; justify-content: center; width: 125px; height: 100%; font-size: 13px; font-weight: 500; padding: 0 0 0 10px; box-sizing: border-box; border-radius: inherit;}
.siteSearch input {background: #fff; border:0;  width: calc(100% - 265px); height: 100%; padding: 0 10px; box-sizing: border-box; border-radius: inherit; font-family:'Inter';}
.siteSearch input::placeholder {font-family:inherit;}
.siteSearch .searchButton {display: flex; align-items: center; justify-content: center; gap: 10px; height: 100%; width: 140px; background: var(--tertiary-color); border-radius: 0;}
.siteSearch .searchButton span {font-size: 14px; font-weight: 600; color: #fff;}
.siteSearch .searchButton::after {content:""; display: block; width: 25px; height: 25px; background: #fff url(../images/search-black.svg) no-repeat center; background-size: 18px; border-radius: 100%;}

.searchAutoComplete {position:absolute; top:calc(100% + 1px); left:0; background:#fff; font-size:14px; z-index:3001; width:306px; border-radius:0 0 5px 5px; }
.searchAutoComplete > div {padding: 10px; border:1px solid #c0bdbd; text-align:left; border-bottom:0; cursor:pointer;}
.searchAutoComplete > div:after {content:" "; display:block; clear:both;}
.searchAutoComplete > div:last-child {border-bottom:1px solid #c0bdbd; border-radius:0 0 5px 5px;}
.searchAutoComplete > div > div:first-child { float:left; width:70px; height:70px; display:block; margin-right:20px;}
.searchAutoComplete > div > div img{ max-width:100%; max-height:100%;}

.header_cta {display: flex; align-items: center; justify-content: center; padding: 0 20px; position: relative;}
.header_cta::after {content:""; display: block; width: 0px; height: 20px; border-right: 1px solid #E9E3E3; position: absolute; right:0; top: calc(50% - 10px);}
.header_cta:last-child::after {content:none;}

.header_currency_wrap {display: flex; flex-direction:column; align-items: center; justify-content: flex-end; gap:5px; height: 40px; position: relative;}
.header_currency_wrap span {display: block; font-size: 10px; font-weight: 500; color: #231F20;}
.header_cta .currency_select {display: flex; align-items: center; justify-content: center; gap: 5px; padding: 0 5px;}
.header_cta .currency_select span {font-size: 14px; font-weight: 500; color: #231F20; }
.header_cta .currency_select::after {content:""; display: block; width: 10px; height: 10px; background: url(../images/chevron-down-black.svg) no-repeat center; background-size: contain;transition: 0.2s ease-in-out all;}
.header_currency_wrap.active .currency_select::after {transform: scale(-1,-1);}
.header_cta .currencyOptions {width: 100%; padding: 5px 0; background: #F2ECEC; position: absolute; top:100%; left:0; z-index:1; opacity:0; pointer-events:none;transition: 0.2s ease-in-out all;}
.header_currency_wrap.active .currencyOptions {opacity:1; top:80%; pointer-events:initial;}
.header_cta .currencyOptions a {display: flex; align-items: center; justify-content: center; width: 100%; padding: 5px 0; font-size: 12px; color: #231F20; }
.header_cta .currencyOptions a:hover {text-decoration: underline;}

.header_cta .account {display: flex; flex-direction:column; align-items: center; justify-content: center; gap:5px; position: relative;}
.header_cta .account::before {content:""; display: block; width: 25px; height: 25px; background: url(../images/account-black.svg) no-repeat center; background-size: contain;}
.header_cta .account span {font-size: 10px; font-weight: 500; color: #231F20;}
.header_cta .account::after {content:""; display: block; width: 20px; height: 20px; background: var(--tertiary-color) url(../images/arrow-right-white.svg) no-repeat center; background-size: 10px; border-radius: 100%; position: absolute; top:-10px; right:0;}

.header_cta .wishlist {display: flex; flex-direction:column; align-items: center; justify-content: center; gap:5px; position: relative;}
.header_cta .wishlist::before {content:""; display: block; width: 25px; height: 25px; background: url(../images/star-black.svg) no-repeat center; background-size: contain;}
.header_cta .wishlist span {font-size: 10px; font-weight: 500; color: #231F20;}
.header_cta .wishlist small {display: block; text-align: center; color: #fff; font-size: 10px; line-height: 20px; width: 20px; height: 20px; background: var(--tertiary-color); border-radius: 100%; position: absolute; top:-10px; right:0;}

.header_cta .small_cart {display: flex; flex-direction:column; align-items: center; justify-content: center; gap:5px; position: relative;}
.header_cta .small_cart::before {content:""; display: block; width: 25px; height: 25px; background: url(../images/cart-black.svg) no-repeat center; background-size: contain;}
.header_cta .small_cart span {font-size: 10px; font-weight: 500; color: #231F20;}
.header_cta .small_cart small {display: block; text-align: center; color: #fff; font-size: 10px; line-height: 20px; width: 20px; height: 20px; background: var(--tertiary-color); border-radius: 100%; position: absolute; top:-10px; right:0;}


/* -- MENU WRAP -- */
.menu_wrap {background: var(--primary-color); position: relative;}
.menu_container {display: flex; align-items: center; justify-content: center; height: 60px;}

.mainmenu {display: flex; align-items: center; justify-content:stretch; width:100%; height:100%; list-style:none; padding:0; margin:0;}
.mainmenu > li {height:100%; flex: 1 1 auto; display: flex; align-items: center; justify-content: center;  padding:0; margin:0; transition: 0.2s ease-in all;}
.mainmenu > li > a {color: var(--negative-color); padding: 0 10px; box-sizing: border-box; transition: 0.2s ease-in all; position: relative;}
.mainmenu > li > a::after {content:""; display: block; height: 1px; background: #fff; width: 100%; transform: scaleX(0); transform-origin: right; transition: 0.2s ease-in-out transform; }
.mainmenu > li > a:hover::after {transform: scaleX(1); transform-origin: left;}
.megamenu_overlay {display:none; width:100vw; height:100vh; position:absolute; z-index:10; left:0; top:100%; background: #231F20E6;}
.megamenu_wrap {display:none;width: 100vw; background: #fff; position:absolute; left:0; top:100%; z-index:11; padding: 20px 0;}
.megamenu {}
.megamenu > ul {display:flex; flex-wrap:wrap; list-style:none; padding:0; margin:0;}
.megamenu > ul > li {width:25%;}
.megamenu > ul > li > a {display: inline-block; font-size:16px; color: #4F4C4D; position: relative; transition: 0.2s ease-in-out all;}
.megamenu > ul > li > a:hover {color: #231F20;}
.megamenu > ul > li > a::after {content:""; display: block; height: 1px; background: #231F20; width: 100%; transform: scaleX(0); transform-origin: right; transition: 0.2s ease-in-out transform;}
.megamenu > ul > li > a:hover::after {transform: scaleX(1); transform-origin: left;}
.megamenu > ul > li > ul {list-style:none; padding:0; margin:10px 0;}
.megamenu > ul > li > ul > li {}
.megamenu > ul > li > ul > li > a {display:inline-block; color: #231F20; position:relative; transition: 0.2s ease-in all;}
.megamenu > ul > li > ul > li > a:hover {}



/* -- HEADER STRAP -- */
.header_strap {background: #EEEEEE;}
.header_strap_container {display: flex; align-items: center; justify-content: stretch; height: 60px;}
.header_info_block {flex:1; display: flex; align-items: center; justify-content: center; height: 100%; padding: 0 10px; box-sizing: border-box; position: relative;}
.header_info_block::after {content:""; display: block; width: 0px; height: 50%; border: 1px solid #CCCCCC; border-width: 0 1px 0 0; position: absolute; top:25%; right:0;}
.header_info_block:first-child::before {content:""; display: block; width: 0px; height: 50%; border: 1px solid #CCCCCC; border-width: 0 0 0 1px; position: absolute; top:25%; left:0;}
.hib_inner {display: flex; align-items: center; justify-content: center; gap:10px;}
.hib_left {display: flex; align-items: center; justify-content: center;}
.hib_left img {max-width: 30px; max-height: 30px;}
.hib_right {height: 40px;}
.hib_right span {display: block; font-size: 13px; color: #4F4C4D; line-height: 20px; }
.hib_right .hib_title {font-weight: 600; text-decoration: underline;}




/* ----- SITE FOOTER ----- */

/* -- BACK TO TOP WRAP -- */
.back_to_top_wrap {display: flex; align-items: center; justify-content: center; padding: 80px 0;}
.back_to_top {display: flex; align-items: center; justify-content: center; gap:10px; height: 35px; width: 120px; background: #F8F8F8; border-radius: 19px 0 0 19px; box-shadow: 0px 0px 10px #0000001A; position: relative;}
.back_to_top span {font-size: 14px; color: #4F4C4D; text-decoration: underline;}
.back_to_top::after {content:""; display: block; width: 40px; height: 40px; background: #fff url(../images/chevron-up-black.svg) no-repeat center; background-size: 15px; border-radius: 100%; box-shadow: 0px 0px 10px #0000001A; position: absolute; top: calc(50% - 20px); right: -30px;}



/* -- FOOTER STRAP -- */
.footer_strap {background: #fff url(../images/email-bg.svg) no-repeat center;}
.footer_strap_container {display: flex; align-items: center; justify-content: space-between; height: 140px;}
.footer_strap .newsletter_text {font-size: 30px; font-weight: 800; color: var(--primary-color);}
.newsletter {display: flex; align-items: center; background: #fff; height: 50px; width: 450px; border: 2px solid var(--tertiary-color); border-radius: 5px; box-sizing: border-box;}
.newsletter > span {display: flex; align-items: center; justify-content: center; width: 80px; height: 100%; font-size: 13px; font-weight: 500; padding: 0 0 0 10px; box-sizing: border-box; border-radius: inherit;}
.newsletter input {background: #fff; border:0;  width: calc(100% - 220px); height: 100%; padding: 0 10px; box-sizing: border-box; border-radius: inherit; font-family:'Inter';}
.newsletter input::placeholder {font-family:inherit;}
.newsletter .mc_submit {display: flex; align-items: center; justify-content: center; gap: 10px; height: 100%; width: 140px; background: var(--tertiary-color); border-radius: 0;}
.newsletter .mc_submit span {font-size: 14px; font-weight: 600; color: #fff;}
.newsletter .mc_submit::after {content:""; display: block; width: 25px; height: 25px; background: #fff url(../images/chevron-right-black.svg) no-repeat center; background-size: 6px; border-radius: 100%;}


/* -- FOOTER WRAP -- */
.footer_wrap {background: var(--primary-color);}
.footer_container {display: flex; flex-direction:column;}
.footer_top {display: flex; align-items: center; justify-content: flex-start; padding: 40px 0; border-bottom: 1px solid #E9E3E35E;}
.footer_top .footer_top_section:first-child {width: 25%;}
.footer_top .footer_logo {display: flex; align-items: center; justify-content: flex-start; max-width: 220px;}
.footer_top .footer_logo img {max-width: 100%;}
.footer_top .footer_phone {display: flex; align-items: center; justify-content: flex-start; gap:10px;}
.footer_top .footer_phone::before {content:""; display: block; width: 25px; height: 25px; background: url(../images/phone-white.svg) no-repeat center; background-size: contain;}
.footer_top .footer_phone span {font-size: 22px; color: #fff; font-weight: bold;}
.footer_top .footer_top_section:last-child {flex:1 0 auto; display: flex; align-items: center; justify-content: flex-end;}
.footer_top .footer_social {display: flex; align-items: center; justify-content: flex-end; gap:40px;}
.footer_top .footer_social a {display: flex; align-items: center; justify-content: center; width: 40px; height: 30px;}
.footer_top .footer_social a.mail {background: url(../images/mail-white.svg) no-repeat center; background-size: contain;}
.footer_top .footer_social a.fb {background: url(../images/fb-white.svg) no-repeat center; background-size: contain;}
.footer_top .footer_social a.tw {background: url(../images/tw-white.svg) no-repeat center; background-size: contain;}
.footer_top .footer_social a.ig {background: url(../images/ig-white.svg) no-repeat center; background-size: contain;}

.footer_btm {display: flex; align-items: flex-start; justify-content: flex-start; padding: 40px 0 60px;}
.footer_btm .footer_col {width: 25%; padding-right: 20px; box-sizing: border-box;}
.footer_btm .footer_col_title {display: block; font-size: 14px; color: var(--negative-color); font-weight: bold; margin-bottom: 10px;}
.footer_btm .footer_contact a {font-size: 14px; color: var(--negative-color); line-height: 30px;}

.footermenu {}
.footermenu > li {line-height: 30px;}
.footermenu > li > a {font-size: 14px; color: var(--negative-color);}

.site_docs_wrap {position: relative;}
.site_docs {display: flex; align-items: center; justify-content: flex-start; gap:5px;}
.site_docs::after {content:""; display: block; width: 10px; height: 10px; background: url(../images/chevron-down-white.svg) no-repeat center; background-size: contain; transition: 0.2s ease-in-out all;}
.site_docs_wrap.active .site_docs::after {transform: scale(1, -1);}
.sitedoc_menu.site_menu {width: 120px; background: #fff; padding: 10px; opacity:0; position: absolute; top:50px; left:0; z-index:1; pointer-events: none; transition: 0.2s ease-in-out all;}
.site_docs_wrap.active .sitedoc_menu {opacity:1; top:30px; pointer-events:initial;}
.sitedoc_menu > li {}
.sitedoc_menu > li > a {font-size: 14px; color: var(--primary-color); line-height: 24px;}

.footer_payment_logos {display: flex; flex-direction:column; align-items: flex-start; justify-content: flex-start; gap:10px; }

/* -- BYLINE WRAP -- */
.byline_wrap {background: var(--tertiary-color);}
.byline_container {display: flex; align-items: center; justify-content: flex-start; height: 100px;}
.dmac_link {font-size: 12px; color: #fff;}




/* -----------------------------  */
/* ---------- MODULES ----------  */
/* -----------------------------  */

/*Full Screen Gallery*/
div.fullscreenwrap {  margin:0 auto 20px !important; top:0px !important; position:relative; opacity:0; transition:opacity 0.3s ease-in-out 0s;} 
div.fullscreenfade { margin:0 auto; display:block;}
div.fullscreenfade div.slide {float:left;  background-position:center top; background-repeat:no-repeat;}
div.fullscreenfade div.slide .banner{ position:relative; width:940px; margin:0 auto; }
div.fullscreenfade div.slide .frame{  display:inline-block; vertical-align:middle; }
div.fullscreenfade div.slide .frame p, div.fullscreenfade div.slide .frame h6 { line-height:initial; text-align:initial;}
/* pagination */
/* div.fullscreenwrap .pagination {display: none !important;} */
div.fullscreenwrap .pagination { position: absolute; bottom: 15px; text-align: center; width: 100%; height: 20px; z-index: 1; }
div.fullscreenwrap .pagination a { height: 20px; width: 20px; margin: 0 3px; box-sizing: border-box; display: inline-block; transition: ease-in-out all .5s; background: #E9E3E3; border-radius: 100%; transition: 0.2s ease-in-out all;}
div.fullscreenwrap .pagination a.selected { background: var(--secondary-color); width: 40px; border-radius: 10px;}
/* navigation */
/* div.fullscreenwrap .arrows { display:none !important;} */
div.fullscreenwrap .arrows { position: absolute; z-index: 10; right: 30px; top: calc(50% - 25px); width:50px; height: 50px; background: #fff url(../images/chevron-right-black.svg) no-repeat center; background-size: 10px; border-radius: 100%; box-shadow: 0px 0px 10px #0000001A; cursor: pointer;}
div.fullscreenwrap .arrows.prev { transform: rotate(180deg); right: initial; left: 30px;}



/* Contact Forms */
.customform { font:12px arial; color:#333;}
.customform  .fullwrap {float:left; width:100%; margin-bottom:10px;}
.customform  .linewrap {float:left; width:100%; margin-bottom:10px;}
.customform  .linewrap .leftwrap {float:left; width:30%; height:30px;}
.customform  .linewrap .leftwrap label{display:block; text-align:right; padding-right:10px;}

.customform .linewrap  .rightwrap {float:left; width:70%;}

.customform .linewrap .textareawrap textarea {width:95%; height:120px; font:13px Trebuchet MS; color:#000;}
.customform .linewrap .textinputwrap input {width:95%; font:13px Trebuchet MS; color:#000;}
.customform .linewrap .dropdownwrap select {width:100%; font:13px Trebuchet MS; color:#000;}
.customform  .infowrap { margin:10px 0; font-weight:bold;}


/* ----- CONTACT FORM ----- */
form.contact_form {width: 100%; margin: 20px auto 20px auto; padding: 5px 20px 20px 20px; background-color: #fff; box-sizing:border-box; border-radius: 5px}
.cf_line {clear: both; line-height: 30px; color: #393838; font-size: 14px; line-height: 26px;}
.cf_line p {color:#4F4C4D; font-weight: 600; font-size: 16px; line-height: 28px; margin: 0 0 5px; padding: 10px 5px 10px 0;}
.cf_label {float:left; width: 100%; font-size: 16px; line-height: 26px; color: #231F20; font-weight: 500; padding: 5px 0;}
.cf_field { width: 100%; box-sizing:border-box;}
.cf_field :is(input, select, textarea) {width:100%; height:40px; padding: 0 10px; box-sizing: border-box; background:#F8F8F8; border:1px solid #F8F8F8; border-radius: 5px;box-shadow:0px 0px 3px transparent; font-size:13px; font-weight: 500; color: #393838; transition: 0.2s ease-in-out all;}
.cf_field textarea {height:100px; resize:none; font-family:inherit; padding: 10px; box-sizing: border-box;}
.cf_field select {appearance:none; -webkit-appearance:none; -moz-appearance:none; background: #F8F8F8 url(../images/chevron-down-black.svg) no-repeat 98% center;}
.cf_field :is(input, select, textarea):focus {border-color:#231F20; background-color: #fff; box-shadow:0px 0px 3px #444142;}

:is(.cf_checkbox, .cf_radio) {}
:is(.cf_checkbox, .cf_radio) .cf_label {float:left; width:auto; font-size:14px; padding: 5px 0; line-height:24px; color: #4F4C4D; font-weight: bold;}
:is(.cf_checkbox, .cf_radio) .cf_field {float:left; width:auto; padding: 5px; line-height:24px;}
:is(.cf_checkbox, .cf_radio) input {width:15px; height:15px; accent-color: #4F4C4D;}

.cf_button_row {display: flex; align-items: flex-start; justify-content:space-between; padding:5px 0;}
.cf_submit a {display: flex; width:220px; box-sizing: border-box;}
p.denotes {font-size: 11px; color: #696969; padding: 0; font-weight: normal;}
/* form.contact_form:hover .cf_submit a {color: #fff;} */


/*Fading Gallery*/
.caroufredsel_wrapper { padding-bottom:20px;}
.fg_gallery {  opacity:0; transition:opacity 0.3s ease-in-out 0s;}
.fg_gallery:after {  content:""; display: block; clear: both;}
div[type=fading_gallery] a{position:relative;}
div[type=fading_gallery] img { max-width:100%;}
div[type=fading_gallery] .banner, div.fg_gallery .banner{ position:absolute; width:940px; box-sizing:border-box; padding:10px; margin:0 auto; top:0; left:0; text-align:right;}
div[type=fading_gallery] .frame, div.fg_gallery .frame { display:inline-block; vertical-align:middle; }
div[type=fading_gallery] .frame p, div.fg_gallery .frame p{ line-height:initial; text-align:initial;}




/*Countdown Clock*/
.clock_wrap { position:fixed; width:100%; bottom:10px;}
.clock_wrap .container_16 { position:relative;}
.clock_wrap .clock { position:absolute; right:-177px; bottom:10px; width:auto;}
.clock_wrap .clock > span { font-size:13px; font-weight:bold; }
.clock_wrap .hideclock { position:absolute; right:14px; top:14px; display:block; background:url(../images/icon_clock_close.png) left center no-repeat; width:14px; height:14px; }
.clock_wrap .clockdisplay { margin-top:10px;}
.clock_wrap .clockdigits span { display:inline-block; width:56px; text-indent:11px; font-weight:bold;}

.xdsoft_flipcountdown >div:first-child, .xdsoft_flipcountdown >div:nth-child(2),
.xdsoft_flipcountdown >div:nth-child(3) {display:none;}



.accordian {border-radius: 10px; border: 1px solid #dedede; margin: 10px 0;}
.acc-title {line-height: 40px; border-radius: 10px; background: rgb(100,100,100); background:url(../images/downarrow.png) no-repeat 98% 10px; background-color: rgba(100,100,100,0.07); font-size: 1.6em; text-indent: 20px; cursor: pointer; color: #3a4252;}
.acc-content {display: none; padding: 10px; } 
.acc-active {border-radius: 10px 10px 0 0;}
.acc-active .acc-title{ background: rgb(200,200,200); background:rgba(0,0,0,0.02); border-radius: 10px 10px 0 0;}


.ui-autocomplete {z-index:10001 !important;}

.popupOverlay {position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255,255,255,0.4); z-index: 1000000; display: none;}  
.popupOverlay > div {position: absolute; top: 20px; left: 50%; width: auto; background: #fff; padding: 30px 10px 10px; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); border: 1px solid #747272;}
.popupOverlay > div > div {max-height: 500px;}
.popupOverlay > div > img {max-width: 100%; max-height: 500px; width: auto; height: auto;}
.popupOverlay > div > a {position: absolute; top: 5px; right: 5px; display: block; width: 18px; height: 18px; background: url(../images/closePopup.png) no-repeat center;}

/* Payment Form */
.payment_module {line-height: 30px; color: #3a3a38; font-size: 14px; }
.payment_module .inv_button { display: block; float:left; height: 36px; box-sizing: border-box; border-radius: 4px; background:#094ebe; color:#fff; font-size:14px; padding:0 30px; margin:5px 0 20px 20px; line-height: 36px; text-align: center; min-width: 125px;}
.payment_module .inv_button.pay { float:right;}
.payment_module input[type=text], .payment_module select {line-height:36px; width: 460px; color:#000; box-sizing: border-box; border: 1px solid #aaa; font-family: arial; font-size: 14px; height: 36px; display: block; padding:0; margin: 5px 0; float:left; text-indent:10px; background:none;}
.payment_module input[type=text]:nth-child(2n) { margin-left:20px;}
.payment_module input[type=text]:nth-child(2n+1) {clear:both;}
.payment_module input.invoiceamount { background:url(../images/icon_euro.png) 15px center no-repeat #fff; text-indent:30px; width:180px;}

.payment_module label { display:block; font-size:16px; color:#094ebe; font-weight:400; line-height:32px;}

.payment_module > div:last-of-type , .payment_module > div:nth-child(2) { display:none;}


.payoverlay {display: none; position: fixed; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0,0,0,0.75); z-index: 100;}
.payoverlay > div {position: absolute; left: 50%; margin-left: -400px; width: 800px; height: 600px; background: #fff; border-radius: 5px; top: 40px;}
.payment_info {width: 50%; float: right; text-align: right; margin-top: 30px;}

h2.amount_to_pay { line-height:50px; }
.paymentbox { }
.paymentbox input[type=text] { margin-left:0 !important;}
.paymentbox input[name=card_cvv] { width:204px !important;}
.paymentbox select { width:100px; margin-right:4px; text-indent:0;}
.paymentbox input[type=checkbox] {vertical-align:middle; clear:both;}
.payment_icon {}
.payment_icon img {max-width: 100%;}
.stripeinfo { background:url(../images/Stripe.png) 10px center no-repeat #f6f6f6; padding:20px 10px; font-size:14px; line-height:24px;color:#152241; line-height:18px; margin-bottom:20px; padding-left:175px;}

.terms { color:#094ebe; }
.terms a{ color:inherit;text-decoration:underline; }



/* --------------------------------------- */
/* -------- LARGE SCREEN >1200px --------- */
/* --------------------------------------- */
@media only screen and (min-width: 1200px) {
    .mobile:not(.desktop),
    .tablet:not(.desktop),
	.desktop-hidden {display: none !important;}
	
	/* ----- GRID STRUCTURE ----- */
    .container_16 {margin-left: auto;margin-right: auto;width: 1200px;}
    .container_16 .grid_1 {width: 55px;}
    .container_16 .grid_2 {width: 130px;}
    .container_16 .grid_3 {width: 205px;}
    .container_16 .grid_4 {width: 280px;}
    .container_16 .grid_5 {width: 355px;}
    .container_16 .grid_6 {width: 430px;}
	.container_16 .grid_7 {width: 505px;}
    .container_16 .grid_8 {width: 580px;}
    .container_16 .grid_9 {width: 655px;}
    .container_16 .grid_10 {width: 730px;}
    .container_16 .grid_11 {width: 805px;}
    .container_16 .grid_12 {width: 880px;}
    .container_16 .grid_13 {width: 955px;}
    .container_16 .grid_14 {width: 1030px;}
    .container_16 .grid_15 {width: 1105px;}
    .container_16 .grid_16 {width: 1180px;}
    .swipe {height: 575px;}
	/* --------------------------------------- */

    
}/* -------------------------------------------------------------------------------------------------------- LARGE DESKTOP END  */

/* ---------------------------------------------- */
/*-------------DESKTOP/LAPTOP < 1199px------------*/
/* ---------------------------------------------- */

@media (min-width: 960px) and (max-width:1199px) {
    .desktop-large:not(.desktop),
    .mobile:not(.desktop),
    .tablet:not(.desktop),
	.desktop-hidden {display: none !important;}

	/* ----- GRID STRUCTURE ----- */
    .grid_1 img,.grid_2 img,.grid_3 img,.grid_4 img,.grid_5 img,.grid_6 img,.grid_7 img,.grid_8 img,
    .grid_9 img,.grid_10 img,.grid_11 img,.grid_12 img,.grid_13 img,.grid_14 img,.grid_15 img,.grid_16 img {max-width: 100% !important;height: auto !important;}
	/* --------------------------------------- */

    /* ----- HEADER ----- */
    
    /* -- HEADER WRAP -- */
    .siteSearch { width: 400px;}
    .siteSearch > span {padding-left: 5px; width: 120px;}
    .siteSearch input {width: calc(100% - 220px); padding-left:0;}
    .siteSearch .searchButton {width: 100px;}
    .searchAutoComplete {width: 298px;}

    

   
	

}  
/* -------------------------------------------------------------------------------------------------------- DESKTOP END  */

/* ------------------------------------------------- */
/* --------------TABLET & MOBILE ------------------- */
/* ------------------------------------------------- */
@media (max-width: 959px) {

	.container_16.resp-full-width {width: 100vw !important; max-width: 100vw!important; position: relative !important; left: 50%; right: 50%;  margin-left: -50vw; margin-right: -50vw; box-sizing:border-box; box-sizing:border-box; padding: 0 15px;}
	div:not(.container_16).resp-full-width {width: 101vw !important; max-width: 101vw!important; position: relative !important; left: 50%; right: 50%;  margin-left: -50vw; margin-right: -50vw; padding: 0 15px;}
    .alpha,.omega {margin-left: 0;margin-right: 0;}

    /* ----- SITE HEADER ----- */

    /* -- HEADER WRAP -- */

    .logo img {max-width: 200px;}

    .siteSearch { width: 265px;}
    .siteSearch > span {padding-left: 5px; width: 65px;}
    .siteSearch input {width: calc(100% - 110px); padding-left:0;}
    .siteSearch .searchButton {width: 45px;}
    .searchAutoComplete {width: 218px;}

    
    /* -- MENU WRAP -- */

    .menu_container {justify-content: flex-end;}

    .menuToggle {display: block; width: 36px; height: 24px; position: relative;}
    .menuToggle > div {width: 100%; height: 4px; background: var(--negative-color); position: absolute; transition: 0.2s ease-in-out all;}
    .menuToggle > div.top {top:0; left:0;}
    .menuToggle > div.mid {top:calc(50% - 2px);opacity:1;}
    .menuToggle > div.btm {bottom:0; right:0;}
    .menuToggle.active > div.top {width: 75%;}
    .menuToggle.active > div.btm {width: 75%;}
    

    /* ----- MOBILE MENU ----- */
    .mobile_menu_overlay {width: 100vw; height: 200vh; background: var(--negative-color); opacity: 0.8; position: absolute; top:200px; left: 0; z-index:-1; opacity:0; transition: 0.2s ease-in-out all;}
    .mobile_menu_overlay.active {z-index:1000; opacity:1;}
    .mobile_menu_wrap {width: 100%; background: var(--primary-color); opacity: 1; padding: 10px; box-sizing: border-box; position: absolute; top:0; right: -50%; opacity:0;transition: 0.2s ease-in-out all;}
    .mobile_menu_overlay.active .mobile_menu_wrap {right: 0; opacity:1;}

    .mobilemenu {list-style:none; padding:0; margin:0; max-height: 60vh; overflow-y:scroll;}
    .mobilemenu > li {display: flex; align-items: center; justify-content: space-between; flex-wrap:wrap; padding:0;}
    .mobilemenu > li > a {padding: 10px 0; color: var(--negative-color); font-size: 15px; line-height: 18px; font-weight: 500;}
    .mobilemenu > li > a.menu_expand {display: flex; align-items: center; justify-content: center; width: 60px; height: 38px; padding:0; }
    .mobilemenu > li > a.menu_expand::after {content:""; display: block; width: 30px; height: 30px; background: url(../images/chevron-down-white.svg) no-repeat center; transition: 0.2s ease-in-out all;}
    .mobilemenu > li > a.menu_expand.active::after {transform: scale(-1, -1);}
    .mobilemenu > li:not(.hasSubItems) > a.menu_expand {display: none;}
    .mobilemenu > li > ul {display: none; width: 100%; list-style:none; padding:0 20px; margin:0; box-sizing: border-box; border-left: 1px solid var(--negative-color);}
    .mobilemenu > li > ul > li {padding:0;}
    .mobilemenu > li > ul > li > a {display: block; padding: 5px 0; font-size: 13px; line-height: 16px; color: var(--negative-color); }
    .mobilemenu > li > ul > li > ul {display: none;}

    /* ----- FOOTER ----- */

    /* -- BACK TO TOP STRAP -- */
    .back_to_top_wrap {padding: 60px 0;}

    /* -- FOOTER STRAP -- */
    .footer_strap {background-position: center 10px;}
    .footer_strap_container {flex-direction:column; justify-content: center; gap:30px; height: 225px;}
    .footer_strap_section {display: flex; align-items: center; justify-content: center; width: 100%;}
    .newsletter_text {font-size: 30px; text-align: center;}
    .newsletter {width: 600px;}

    /* -- FOOTER WRAP -- */
    .footer_top {flex-direction:column; gap:40px; }
    .footer_top .footer_top_section,
    .footer_top .footer_top_section:first-child,
    .footer_top .footer_top_section:last-child {display: flex; align-items: center; justify-content: center; width: 100%; }
    .footer_top .footer_phone {justify-content: center;}

    /* -- BYLINE WRAP -- */
    .byline_container {justify-content: center;}



    



    /* ----- MODULES ----- */

    /* -- Fullscreen Gallery -- */
    div.fullscreenfade .arrows {display: none !important;}




}  /* -------------------------------------------------------------------------------------------------------- TABLET & MOBILE END  */

/* --------------------------------------- */
/* --------------TABLET------------------- */
/* --------------------------------------- */
@media (min-width: 768px) and (max-width: 959px) {
    .desktop-large:not(.tablet),
    .desktop:not(.tablet),
	.mobile:not(.tablet),
	.tablet-hidden {display: none !important;}

	/* ----- GRID STRUCTURE ----- */
	.container_16 {margin-left: auto;margin-right: auto;width: 768px;}
    .container_16 .grid_1 {width: 32px;}
    .container_16 .grid_2 {width: 80px;}
    .container_16 .grid_3,.container_16 .grid_tab_3 {width: 128px;}
    .container_16 .grid_4,.container_16 .grid_tab_4 {width: 176px;}
    .container_16 .grid_5,.container_16 .grid_tab_5 {width: 224px;}
    .container_16 .grid_6,.container_16 .grid_tab_6 {width: 272px;}
    .container_16 .grid_7,.container_16 .grid_tab_7 {width: 320px;}
    .container_16 .grid_8,.container_16 .grid_tab_8 {width: 368px !important;}
    .container_16 .grid_9,.container_16 .grid_tab_9 {width: 416px;}
    .container_16 .grid_10,.container_16 .grid_tab_10 {width: 464px;}
    .container_16 .grid_11,.container_16 .grid_tab_11 {width: 512px;}
    .container_16 .grid_12,.container_16 .grid_tab_12 {width: 560px;}
    .container_16 .grid_13,.container_16 .grid_tab_13 {width: 608px;}
    .container_16 .grid_14,.container_16 .grid_tab_14 {width: 656px;}
    .container_16 .grid_15,.container_16 .grid_tab_15 {width: 704px;}
    .container_16 .grid_16,.container_16 .grid_tab_16 {width: 752px;}
    .grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,
	.grid_9,.grid_10,.grid_11,.grid_12,.grid_13,.grid_14,.grid_15,.grid_16 {margin-left: 8px;margin-right: 8px;}
	.grid_1 img,.grid_2 img,.grid_3 img,.grid_4 img,.grid_5 img,.grid_6 img,.grid_7 img,.grid_8 img,.grid_9 img,
	.grid_10 img,.grid_11 img,.grid_12 img,.grid_13 img,.grid_14 img,.grid_15 img,.grid_16 img {max-width: 100% !important;height: auto !important;}
	/* --------------------------------------- */


    /* ----- SITE HEADER ----- */
    .logo { margin:0 15px 0 8px;}
    .header_cta { padding:0 10px;}

    /* -- HEADER STRAP -- */
    .header_strap_container {height: 75px;}
    .hib_inner {flex-direction:column; align-items: flex-start; gap:0;}
    .hib_left {display: flex; align-items: center; justify-content: flex-start;}
    .hib_left img {max-width: 15px; max-height: 15px;}


    


} /* -------------------------------------------------------------------------------------------------------- TABLET END  */


/* --------------------------------------- */
/* --------------MOBILE------------------- */
/* --------------------------------------- */

@media (max-width: 767px) {
    .desktop-large:not(.mobile),
	.tablet:not(.mobile),
    .desktop:not(.mobile),
	.mobile-hidden {display: none !important;}

	/* ----- GRID STRUCTURE ----- */
	.container_16 {margin-left: auto;margin-right: auto;width: 320px; padding: 0 10px; box-sizing: border-box;}
	.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,
	.grid_10,.grid_11,.grid_12,.grid_13,.grid_14,.grid_15,.grid_16 {margin-left: 5px;margin-right: 5px;width: 310px !important; }
	.grid_1 img,.grid_2 img,.grid_3 img,.grid_4 img,.grid_5 img,.grid_6 img,.grid_7 img,.grid_8 img,.grid_9 img,.grid_10 img,
	.grid_11 img,.grid_12 img,.grid_13 img,.grid_14 img,.grid_15 img,.grid_16 img {max-width: 100% !important;height: auto !important;}
	.prefix_1, .prefix_2, .prefix_3 { padding:0 !important;}

	/* -------------------------------------------------------------------- */

	/* ----- TYPOGRAPHY ----- */
    h1 {font-size: 31px; line-height: 50px;} 
    h2 {font-size: 30px; line-height: 46px;} 
    h3 {font-size: 28px; line-height: 46px;} 
    h4 {font-size: 26px; line-height: 48px;} 
    h5 {font-size: 24px; line-height: 46px;} 
    h6 {font-size: 24px; line-height: 44px;} 

    p {font-size: 14px; line-height: 28px;} 
	
	img {max-width: 100%; vertical-align: middle;}
    /* -------------------------------------------------------------------- */

    /* ----- APPRISE EDITS ----- */
    div.apprise {max-width: 90% !important; left: 5% !important; top:10%; transform:none;}
    div.apprise .apprise-buttons {justify-content: flex-start; gap:10px;}
    div.apprise .apprise-buttons button {width: 100%;}



    /* ----- SITE HEADER ----- */

    /* -- TOP WRAP -- */
    .top_container {justify-content: center;}

    /* -- HEADER WRAP -- */
    .header_container {flex-wrap:wrap; height: auto;}
    .header_section.section_left {width: 100%; justify-content: center; height: 80px;}
    .header_section.section_right {justify-content: stretch; width: 100%; height: 55px; background: #F8F8F8; position: relative;}
    .header_section.section_right::before {content:""; display: block; width: 50vw; margin-left: -50vw; height: 100%; background: #F8F8F8;}
    .header_section.section_right::after {content:""; display: block; width: 50vw; margin-right: -50vw; height: 100%; background: #F8F8F8;}
    .header_section.section_right .header_cta {flex:1;}
    .header_cta:last-child::after {content:"";}
    .header_cta::after {height: 30px; top: calc(50% - 15px);}
    .header_cta:first-child::before {content:""; display: block; width: 0; height: 30px; border-left: 1px solid #E9E3E3; position: absolute; left:0; top: calc(50% - 15px); }
    
    .header_currency_wrap > span {display: none;}
    .header_currency_wrap {justify-content: center;}
    .header_cta .account span {display: none;}
    .header_cta .wishlist span {display: none;}
    .header_cta .small_cart span {display: none;}
    .header_cta .account::after {right: -8px;}
    .header_cta .wishlist small {right: -8px;}

    /* -- MOBILE MENU -- */
    .menu_container {justify-content: space-between; gap:20px;}
    .menu_wrap_left {width: calc(100% - 55px);}
    .siteSearch {background: #fff; width: 100%;}
    .searchAutoComplete {width: calc(100% - 45px);}

    .mobile_menu_overlay {top:235px;}


    /* ----- FOOTER ----- */

    /* -- BACK TO TOP STRAP -- */
    .back_to_top_wrap {padding: 30px 0;}

    /* -- HEADER STRAP -- */
    .header_strap_container {flex-direction:column; height: auto;}
    .header_info_block {width: 100%; padding: 20px 0; }
    .header_info_block:first-child::before,
    .header_info_block:first-child::after {content:none;}
    .header_info_block::after {height:0; width: 40px; border-width: 1px 0 0 0; position: absolute; top:0; left: calc(50% - 20px);}
    .hib_inner {flex-direction:column; align-items: center; justify-content: center;}
    .hib_right {height: auto; text-align: center;}


    /* -- FOOTER STRAP -- */
    .newsletter_text {font-size: 24px;}
    .newsletter { width: 300;}
    .newsletter > span {width: 80px; justify-content: flex-start;}
    .newsletter input {width: calc(100% - 140px); padding-left:0;}
    .newsletter .mc_submit {width: 60px;}

    /* -- FOOTER WRAP -- */
    .footer_top .footer_phone {flex-wrap:wrap;}
    .footer_btm {flex-wrap:wrap; gap: 40px 0;}
    .footer_btm .footer_col {width: 50%; padding-right: 10px;}
    .footer_btm .footer_col:nth-child(2n) {padding-right:0; padding-left: 10px;}



   

	


    /* ----- MODULES ----- */

    /* -- Full Screen Gallery -- */
    .frame.main{background: none; border: 0; border-radius:0; box-shadow: none;}
    .fsg, .fullscreenfade { min-width: 100%; height: auto; max-width: 100vw !important;}
    div.fullscreenfade div.slide {background-repeat: no-repeat; background-size: cover;}
    div.fullscreenfade div.slide .banner { padding:20px 10px; width:100%; box-sizing:border-box;}
    div.fullscreenwrap, div.fullscreenwrap  div { max-width:initial !important;}




} /* -------------------------------------------------------------------------------------------------------- MOBILE END  */