/*
Theme Name:		 One Click Renewables Theme
Theme URI:		 https://pixelatedorange.com
Description:	 Theme by Pixelated Orange
Author:			 Pixelated Orange
Author URI:		 https://pixelatedorange.com
Template:		 twentyseventeen
Version:		 1.0
Text Domain:	 oneclickrenewables
-------------------------------------------------------------- */

@import url("https://use.typekit.net/plm6rzc.css");

/* =GLOBAL */

body{font-family: "quasimoda", sans-serif; font-size: 15px; color: #2c2c2c; overflow-x: hidden}

.fbx-modal{font-family: "quasimoda", sans-serif!important}

.content-area{background-color: #ffffff; margin-top:0px}

.site-content{padding: 0px!important}

.site-content-contain{margin-top:40px}

.wrap{max-width: 100%!important; padding: 0px!important}

a{box-shadow: none!important}

.fa-solid{font-family: "Font Awesome 6 Sharp"!important}

.hide-1{display: none}

body img.gform_ajax_spinner {display: none !important;}


#ps2id-dummy-offset{height: calc(95px + 80px)}

/* =COLOURS */

.green-gradient-bg, .mega-menu-row{background: rgb(169,197,80); background: linear-gradient(0deg, rgba(169,197,80,1) 0%, rgba(224,224,102,1) 100%)!important;}

.red-gradient-bg{background: rgb(182, 0, 0); background: linear-gradient(0deg, rgba(182, 0, 0, 1) 0%, rgba(255, 0, 0, 1) 100%)!important;}

.blue-gradient-bg{background: rgba(97, 175, 196, 0); background: linear-gradient(0deg, rgba(97, 175, 196, 1) 0%, rgba(119, 223, 224, 1) 100%)!important;}

.mega-white-background-menu{background-color: #ffffff!important; background: #ffffff!important}

.grey-gradient-bg, .xoo-wsc-container{background: rgb(60,60,59); background: linear-gradient(0deg, rgba(60,60,59,1) 0%, rgba(112,111,111,1) 100%);}

.white-bg{background-color: #ffffff}

.green-bg{background-color: #bdce55}

.grey-bg{background-color: #2c2c2c}

.transparent{background-color: transparent}

.green{color: #bdce55}

.white, .white p{color: #ffffff}

.grey, h1, h2, p{color: #2c2c2c}

.tint{background-color: rgba(25, 25, 25, 0.5)}

.tint-ltr{background: linear-gradient(90deg, rgba(25,25,25,0.8) 0%, rgba(25,25,25,0) 100%);}

.tint-rtl{background: linear-gradient(180deg, rgba(25,25,25,0.8) 0%, rgba(25,25,25,0) 100%);}

.black-outline{border: 2px solid #2c2c2c}



.rmp-page-overlay.is-active, .xoo-wsc-cart-active .xoo-wsc-opac, .fbx-light{background-color: rgba(0, 0, 0, 0.3)!important;opacity: 1!important; -webkit-backdrop-filter: blur(5px);}



/* =BUTTONS */

a.button, .header-content a, button.button, .psuedo-button{padding: 6px 40px; display: inline-block; border-radius: 20px; color: #2c2c2c; text-transform: uppercase; font-weight: 700; font-family: "quasimoda", sans-serif;}

a.button, a.xoo-wsc-ft-btn-checkout, button.button{background: rgb(169,197,80); background: linear-gradient(0deg, rgba(169,197,80,1) 0%, rgba(224,224,102,1) 100%)!important; position: relative; overflow: hidden}

a.button:before, button.button:before, .psuedo-button:before{position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; background: rgb(60,60,59); background: linear-gradient(0deg, rgba(60,60,59,1) 0%, rgba(112,111,111,1) 100%); opacity: 0; content: ''; z-index: 1}

a.light-button:before, .woocommerce-info a.woocommerce-Button:before{position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; background: rgb(60,60,59); background: linear-gradient(0deg, rgba(226, 226, 226, 1) 0%, rgba(255, 255, 255, 1) 100%); opacity: 0; content: ''; z-index: 1}

a.button span, button.button span, .psuedo-button span{position: relative; z-index: 2}

a.button:hover:before, button.button:hover:before, .psuedo-button-holder:hover .psuedo-button:before{opacity: 1}

a.button:hover span, button.button:hover span{color: #ffffff}

a.light-button:hover span, .woocommerce-info a.woocommerce-Button:hover span{color: #2c2c2c!important}

.shadow-button, .shadow, .mega-menu-row{box-shadow: rgba(0, 0, 0, 0.30) 0px 3px 8px!important;}

.shop-category-button a:hover i, ul.mega-sub-menu li.mega-menu-item a:hover i{text-shadow:rgba(0, 0, 0, 0.30) 0px 3px 8px!important}

.shop-brand-button{display: flex; align-items: center}


/* =WHITE BUTTONS */

a.button-white-grey, a.button-white-green, .psuedo-button-white-grey, .psuedo-button-white-green{background: linear-gradient(0deg, rgba(226,226,226,1) 0%, rgba(255,255,255,1) 100%)!important;}

a.button-white-grey:before, .psuedo-button-white-grey:before{background: rgb(60,60,59); background: linear-gradient(0deg, rgba(60,60,59,1) 0%, rgba(112,111,111,1) 100%)!important}


a.button-white-green:before, .psuedo-button-white-green:before{background: rgb(169,197,80); background: linear-gradient(0deg, rgba(169,197,80,1) 0%, rgba(224,224,102,1) 100%)!important;}

a.button-white-green:hover span{color: #2c2c2c!important}

.psuedo-button-holder:hover .psuedo-button-white-grey span{color: #ffffff}


/* =GREY BUTTONS */

a.button-grey-white, a.button-grey-green, .psuedo-button-grey-white, .psuedo-button-grey-green{background: rgb(60,60,59); background: linear-gradient(0deg, rgba(60,60,59,1) 0%, rgba(112,111,111,1) 100%)!important}

a.button-grey-white span, a.button-grey-green span, .psuedo-button-grey-white span, .psuedo-button-grey-green span{color: #ffffff!important}

a.button-grey-white:before, .psuedo-button-grey-white:before{background: linear-gradient(0deg, rgba(226,226,226,1) 0%, rgba(255,255,255,1) 100%)!important;}

a.button-grey-green:before, .psuedo-button-grey-green:before{background: rgb(169,197,80); background: linear-gradient(0deg, rgba(169,197,80,1) 0%, rgba(224,224,102,1) 100%)!important;}

a.button-grey-white:hover span, a.button-grey-green:hover span, .psuedo-button-holder:hover .psuedo-button-grey-white span, .psuedo-button-holder:hover .psuedo-button-grey-green span{color: #2c2c2c!important}


/* =GREEN BUTTONS */

.psuedo-button-green-white, .psuedo-button-green-grey{background: rgb(169,197,80); background: linear-gradient(0deg, rgba(169,197,80,1) 0%, rgba(224,224,102,1) 100%)!important;}

a.button-green-white:before, .psuedo-button-green-white:before{background: linear-gradient(0deg, rgba(226,226,226,1) 0%, rgba(255,255,255,1) 100%)!important;}

a.button-green-white:hover span{color: #2c2c2c!important}

.psuedo-button-holder:hover .psuedo-button-green-grey span{color: #ffffff}


/* =ANIMATE */

a, .site-header, .light-logo, .logo, a.button, a.button:before, a.button span, li.search-icon a i, span.xoo-wsch-close:before, .xoo-wscdh-close:before, .shop-category-button a .category-name, .shop-category-button a i, a.mega-menu-link span:after, ul.mega-sub-menu li.mega-menu-item a i, button.button, button.button:before, button.button span, .flex-control-thumbs li img, .psuedo-button-holder .psuedo-button:before, .psuedo-button-holder .psuedo-button span, .header-carousel .owl-dot span, .build-form .gchoice label{-webkit-transition: all 0.4s!important; transition: all 0.4s!important;}

.site-header .responsive-menu-pro-inner, .site-header .responsive-menu-pro-inner:before, .site-header .responsive-menu-pro-inner:after{-webkit-transition: all 0.4s!important; transition: all 0.4s!important;}


/* =FLEX */

.flex{display: flex; flex-wrap: wrap}

.jcl{justify-content: flex-start}

.jcc{justify-content: center}

.jcr{justify-content: flex-end}

.jcbetween{justify-content: space-between}

.flex1, #mega-menu-wrap-left-menu{flex: 1}

.gap10{gap: 10px}

.gap20{gap: 20px}

.gap40{gap: 40px}

.aligntop{align-items: flex-start}

.aligncenter{align-items: center}

.alignbottom{align-items: flex-end}

.self-top{align-self: flex-start}

.self-bottom{align-self: flex-end}

.self-center{align-self: center}


/* =POSITIONING */

.relative{position: relative}

.absolute{position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px}

.absolute-bottom{position: absolute; bottom: 0px; left: 0px; right: 0px}

.z10{z-index: 10}

.z20{z-index: 20}

.lh0, .lh0 img{line-height: 0px}

.lh0 img{width: 100%}

.ilb{display: inline-block}

.block{display: block}

.tal{text-align: left}

.tac{text-align: center}

.tar{text-align: right}

.full{width: 100%}

.cover{background-size: cover}

.table{display: table; width: 100%; height: 100%}

.cell{display: table-cell}

.vat{vertical-align: top}

.vam{vertical-align: middle}

.vab{vertical-align: bottom}

.sticky{position: sticky; top: calc(157px + 20px)}

.oh{overflow: hidden}


/* =MARGINS AND PADDING */

.border, .mega-menu-row{border-radius: 20px 0px 20px 0px!important}

.white-border{border: 2px solid #ffffff}

.mg0{margin: 0px}

.mt0{margin-top:0px}

.mt10{margin-top:10px}

.mt20{margin-top:20px}

.mt40{margin-top:40px;}

.mt80{margin-top:80px}

.mb0{margin-bottom:0px}

.mb5{margin-bottom:5px}

.mb10{margin-bottom:10px}

.mb20{margin-bottom:20px}

.mb40{margin-bottom:40px}

.pd10{padding: 10px}

.pd20{padding: 20px}

.pd40{padding: 40px}

.pb0{padding-bottom:0px}

.pd2040{padding: 20px 40px}

.ptb10{padding-top:10px; padding-bottom:10px}

.plr40{padding-left:40px; padding-right:40px}

.pb40{padding-bottom:40px}

.pt0{padding-top:0px}

.pt20{padding-top:20px}

.mr10{margin-right:10px}

.ablock{display: block}

.ptb20{padding-top: 20px; padding-bottom:20px}


/* =WIDTHS */

.quarter{width: 25%}

.three-quarters{width: 75%}

.gap40 .quarter{width: calc(25% - 20px)}

.gap40 .three-quarters{width: calc(75% - 20px)}


/* =FONTS */

.uppercase{text-transform: uppercase}

.quasimoda{font-family: "quasimoda", sans-serif; font-weight: 400; font-style: normal;}

strong, .bold{font-weight: 700}

h1{font-size: 40px; line-height: 44px}

h2{font-size: 36px; line-height: 40px}

h2 small{font-size: 26px; line-height: 30px}

h2.underlined{padding-bottom:10px; border-bottom: 2px solid #2c2c2c}

p{margin-bottom:10px}

p:last-child{margin-bottom:0px}





.large-icon{font-size: 40px;}


/* =POPUP */

.fbx-inner{top: 0px; bottom: 0px; height: 100vh!important; margin-top: 0px!important; right: 0px; margin-left:auto!important}

.fbx-close{background-color: transparent!important; left: auto!important; width: 40px!important; margin-left:0px; top: 10px!important}

.fbx-icon-close-flat{color: #2c2c2c;}

.popup-inner .gchoice label{color: #ffffff!important}

/* =HEADER */

.site-header{position: fixed; top: 0px; left: 0px; right: 0px; z-index: 100; background-color: transparent}

.site-header-solid, .archive .site-header, .single-product .site-header{background-color: #ffffff}

.navigation-top{position: relative; border: none}

.nav-inner{margin: 0px 20px}

.logo{width: 100%; max-width: 260px; margin: 10px 0px}

.logo-small{max-width: 180px}

.mega-sub-menu{background-color: transparent!important; padding-top: 20px!important}

.mega-menu-row{}

.mega-menu-row .mega-sub-menu{padding-top:0px!important}

a.mega-menu-link{color: #ffffff!important}

.site-header-solid a.mega-menu-link, .mega-menu-row .mega-sub-menu a{color: #2c2c2c!important}


/* =ACCORDION */

.accordion-item .accordion-title{cursor: pointer}

.accordion-item .accordion-description{display: none}


/* =HEADER MENU */

.cta, #menu-right-menu{position: relative; z-index: 100}

.cta a{font-size: 12px}

.cta a i{font-size: 14px}

.cta-left, .cta-right{width: 300px}

.cta-right a{display: inline-block}

.header-menu ul{margin-bottom:0px; display: flex; gap: 40px; list-style: none}

#menu-right-menu{gap: 20px}

#menu-right-menu li:first-child{margin-right:20px!important}

.header-menu-right ul{justify-content: flex-end}

li.menu-icon a{padding-bottom:0px; border: none!important}

li.menu-icon a i{font-size: 24px; font-weight: 300!important; color: #bdce55; }

li.menu-icon a:hover{box-shadow: none!important}

li.search-icon a i{color: #ffffff}

.header-menu a{font-size: 16px; padding: 10px 0px 8px; border-bottom: 2px solid transparent}

a.mega-menu-link span{font-size: 16px; padding: 10px 0px 12px; position: relative}

a.mega-menu-link span:after{position: absolute; bottom: 0px; left: 0px; right: 0px; border-bottom: 2px solid transparent; content: ''}

.header-menu a:hover, a.mega-menu-link:hover span:after{border-bottom: 2px solid #bdce55}

.site-header .header-menu a{color: #ffffff}

.site-header-solid .header-menu a, .archive .header-menu a, .single-product .header-menu a,
.site-header-solid li.search-icon a i, .archive li.search-icon a i, .single-product li.search-icon a i,
.archive a.mega-menu-link, .single-product a.mega-menu-link{color: #383838!important}

.dark-logo{z-index: 101}

.light-logo{z-index: 102}

.logo-small .light-logo, .archive .light-logo, .single-product .light-logo{opacity: 0}


#mega-menu-left-menu{display: flex!important; height: 100%!important}

#mega-menu-left-menu li a{line-height: 100%!important}

#mega-menu-wrap-left-menu #mega-menu-left-menu > li.mega-menu-item > a.mega-menu-link,
#mega-menu-wrap-right-menu #mega-menu-right-menu > li.mega-menu-item > a.mega-menu-link{position: relative; line-height: 100%!important; height: 100%!important; display: flex; align-items: center; justify-content: center}

.mega-menu-column .mega-sub-menu{display: flex!important; flex-wrap: wrap!important; gap: 20px!important; padding-left:20px!important; padding-right:20px!important}

ul.mega-sub-menu li.mega-menu-item{padding: 20px 10px!important; text-align: center!important}

ul.mega-sub-menu li.mega-menu-item a{text-align: center!important}

ul.mega-sub-menu li.mega-menu-item a i{margin-bottom:10px; color: #ffffff}



.mega-image-column ul.mega-sub-menu li:first-child{padding-bottom:0px!important; padding-left:0px!important; padding-right:0px!important}

.mega-image-column ul.mega-sub-menu li:last-child{padding-top:0px!important}


.mega-brands-menu .mega-sub-menu{display: flex!important; align-items: center}


/* =MOBILE MENU */

.site-header:not(.site-header-solid) .responsive-menu-pro-inner, .site-header:not(.site-header-solid) .responsive-menu-pro-inner:before, .site-header:not(.site-header-solid) .responsive-menu-pro-inner:after{background-color: #ffffff!important}

.site-header:not(.site-header-solid) .rmp_menu_trigger.is-active .responsive-menu-pro-inner, .site-header:not(.site-header-solid) .rmp_menu_trigger.is-active .responsive-menu-pro-inner:before, .site-header:not(.site-header-solid) .rmp_menu_trigger.is-active .responsive-menu-pro-inner:after{background-color: #2c2c2c!important}

.archive .site-header .responsive-menu-pro-inner, .archive .site-header .responsive-menu-pro-inner:before, .archive .site-header .responsive-menu-pro-inner:after,
.single-product .site-header .responsive-menu-pro-inner, .single-product .site-header .responsive-menu-pro-inner:before, .single-product .site-header .responsive-menu-pro-inner:after,
.woocommerce-checkout .site-header .responsive-menu-pro-inner, .woocommerce-checkout .site-header .responsive-menu-pro-inner:before, .woocommerce-checkout .site-header .responsive-menu-pro-inner:after{background-color: #2c2c2c!important}

.rmp-container{z-index: 99!important}


.rmp_menu_trigger.is-active .responsive-menu-pro-inner, .rmp_menu_trigger.is-active .responsive-menu-pro-inner:before, .rmp_menu_trigger.is-active .responsive-menu-pro-inner:after,
{background-color: #2c2c2c!important}

.rmp-menu{padding-top:200px!important}

.rmp-menu-subarrow{display: none!important}

.rmp-menu a{text-transform: uppercase; font-weight: 700!important; font-family: "quasimoda", sans-serif!important;}

.rmp-submenu li{width: 50%!important; display: inline-block!important; padding: 0px!important}

.rmp-submenu li:nth-child(odd) a{padding-left:20px!important; padding-right:0px!important}

.rmp-submenu li:nth-child(even) a{padding-right:20px!important; padding-left:0px!important}

.rmp-menu-wrap{display: table; width: 100%; height: 100%}

.rmp-menu{display: table-cell!important; vertical-align: bottom; padding-bottom:20px!important}

li.build-mobile-menu{margin-bottom:20px!important}

li.mobile-account-menu a{font-size: 14px!important; height: 30px!important; line-height: 30px!important}

.menu-right-menu-open li.search-icon a i{color: #2c2c2c}

/* =FOOTER */

.site-footer{border: none; margin: 0px}

.footer-logo{width: 100%; }

.footer-logo a{max-width: 180px; width: 100%}

.footer-icon{width: 24px}

.copyright{position: absolute; bottom: 0px; left: 0px}

.footer-row h3{font-size: 16px; font-weight: 700; margin-bottom:10px; margin-top:-32px}

.footer-row:last-child{max-width: 380px}

.footer-menu ul{list-style: none; margin-bottom:0px}

.footer-menu ul a{font-weight: 700}

.footer-menu li.current-menu-item a, .filter-menu li.current-menu-item a, .acf-nav-menu li.current-menu-item a{color: #ffffff}

#menu-footer-social-links{width: 100%; display: flex; flex-wrap: wrap; gap:20px}


.mc4wp-form-fields{display: flex!important; background-color: #ffffff; border-radius: 6px}

.mc4wp-form-fields input{font-family: "quasimoda", sans-serif!important;}

.mc4wp-form-fields input#email{background-color: transparent; padding: 5px 10px!important; border: none}

.mc4wp-form-fields input[type=submit]{text-transform: uppercase; border-radius: 6px; background-color: #2c2c2c}

/* =FORM IN SIDEBAR */

.gform_wrapper{font-family: "quasimoda", sans-serif!important; color: #2c2c2c!important}

.gf_progressbar_title{text-transform: uppercase!important; color: #ffffff!important}

.gf_progressbar{background-color: #ffffff!important}



.gf_progressbar_percentage{background-color: #bdce55!important}

.gfield_label{text-transform: uppercase!important; color: #2c2c2c!important; font-weight: 700!important}

.fbx-item .gfield_label{color: #ffffff!important}

label.gform-field-label{text-transform: uppercase!important}

.gform_fields input, .gform_wrapper textarea{border-radius: 6px!important; border-color: #ffffff!important}

.search-container-inner .gform_fields label, .popup-inner .gform_fields label, .search-container-inner .gform_fileupload_rules, .popup-inner .gform_fileupload_rules, .popup-inner .gfield_description{color: #ffffff!important}

.gform_fields input:focus, .gform_wrapper textarea:focus{border-color: #2c2c2c!important; box-shadow: none!important}

.address_zip{inline-size: 100%!important}

.popup-inner .gfield_required, .search-container-inner .gfield_required, .popup-inner .gfield_validation_message, .search-container-inner .gfield_validation_message{color: #bdce55!important}


.gform-page-footer input, .gform-footer input{flex:1!important; border-radius: 50px!important; background-color: #bdce55!important; color: #2c2c2c!important; text-transform: uppercase!important; font-weight: 700!important; border: none!important; box-shadow: rgba(0, 0, 0, 0.30) 0px 3px 8px!important;}

.gform-page-footer input:hover, .gform-footer input:hover{background-color: #2c2c2c!important; color: #ffffff!important}

.gfield_checkbox{gap: 10px!important; flex-direction: row!important; flex-wrap: wrap!important}

.gfield_checkbox .gchoice{width: calc(50% - 5px)!important}

.gfield_checkbox .gchoice input:checked{background-color: #bdce55!important; border-color: #bdce55!important}

.gfield_checkbox .gchoice input:checked:before{color: #ffffff!important}


.gform_drop_area, .gform_wrapper textarea{border-radius: 6px!important}

.gform_drop_area button{border-radius: 50px!important; text-transform: uppercase!important; font-weight: 700!important; color: #2c2c2c!important}

.gform_drop_area:before{color: #bdce55!important}


.white-bg .gform_fields label, .white-bg .gform_fileupload_rules{color: #2c2c22c!important}

.gform_validation_errors{display: none!important}


/* =BLOCKS */

.inner-block{margin-bottom:40px}

.inner-block:last-child{margin-bottom:0px}

.outer-block:first-child .inner-block:not(.inner-block-header):first-child{padding-top:124px}




/* =HEADER BLOCK */

.header-slide, .header-image{height: 80vh; min-height: 600px}

.header-content{padding-left:80px; padding-right:80px; max-width: 800px; width: 100%}

.header-content-left{margin-left:0px; margin-right:auto}

.header-content-center{margin-left:auto; margin-right:auto; text-align: center}

.header-content-right{margin-left:auto; margin-right:0px}

.header-content h1, .header-content h2{font-size: 40px; line-height: 44px; font-weight: 700; text-transform: uppercase; margin-bottom:20px; color: #ffffff}

.header-content p{color: #ffffff}

.header-content h1 strong, .header-content h2 strong{color: #bdce55}

.header-content a{border: 2px solid #ffffff; color: #ffffff; margin-top:20px}

.header-content a:hover{background-color: #bdce55; border-color: #bdce55; color: #2c2c2c}

.header-slide-video iframe{width: 100vw; height: 56.25vw; min-height: 100vh; min-width: 177.77vh; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 10}


.header-slide .cell.vab{padding-bottom:40px}


.header-carousel .owl-prev, .header-carousel .owl-next{position: absolute; top: 50%; height: 50px; width: 50px; text-align: center; color: #ffffff}

.header-carousel .owl-prev{left: 10px}

.header-carousel .owl-next{right: 10px}

.header-carousel .owl-prev i, .header-carousel .owl-next i{color: #ffffff; font-size: 30px}

.header-carousel .owl-dots{position: absolute; bottom: 10px; left: 0px; right: 0px; text-align: center}

.header-carousel .owl-dot span{display: inline-block; width: 8px; height: 8px; border-radius: 4px; margin: 0px 5px; background-color: #ffffff}

.header-carousel .owl-dot.active span{background-color: #bdce55; width: 20px}


/* =TEXT BLOCK */

small.green p, small.grey p strong, small.white p strong{color: #bdce55}

small.grey p, small.green p strong{color: #2c2c2c}

small.white p{color: #ffffff}

.inner-block-wysiwyg ul, .inner-block-wysiwyg ol{margin-left:20px}

/* =FORM BLOCK */

.form-enclosed-{max-width: 1400px; margin-left:auto; margin-right:auto}

.form-enclosed-1{max-width: 1200px; margin-left:auto; margin-right:auto}


/* =BUILD FORM BLOCK */

.build-name input{background-color: transparent!important; border-radius: 0px!important; border: none!important; border-bottom: 2px dashed #ffffff!important; max-width: 500px!important; margin: 0px auto!important; color: #ffffff!important; padding: 0px 0px 10px!important; text-align: center!important}

.build-form .gfield_label{width: 100%!important; text-align: center!important; display: block!important; font-size: 20px!important}

.build-form .gfield_description{text-align: center; font-size: 16px!important; letter-spacing: 0px!important}

.build-form .gfield_radio, .build-form .gfield_checkbox{display: flex!important; flex-direction: row!important; gap: 20px!important}

.build-form .gchoice{flex: 1!important; display: block!important }

.build-form .gchoice input{display: none!important}

.build-form .gchoice label{border: 2px solid #ffffff!important; text-align: center; padding: 20px 10px!important; border-radius: 6px; width: 100%!important; margin: 0px!important; color: #ffffff!important; font-weight: 700!important; cursor: pointer}

.build-form .gchoice label:hover{border-color: #bdce55!important; background-color: #bdce55!important; color: #000000!important}

.build-form .gchoice input:checked + label{background-color: transparent; color: #ffffff; border-color: #bdce55!important; font-weight: 700!important; box-shadow: none!important;}



.chat-box {font-family: 'Courier New', monospace!important;	font-size: 1.4rem!important; color: #000000!important; /* Neon cyan color */ white-space: normal; overflow: hidden; display: inline-block; animation: blink-cursor 0.8s infinite; max-width: 800px!important; margin: 0px auto!important; background-color: #ffffff!important; border-radius: 20px!important; width: 100%!important; text-align: left; padding: 20px!important; position: relative!important}

@keyframes blink-cursor {50% { border-color: transparent; }}

.chat-box:before{content: ''; width: 40px; height: 40px; background-image: url("images/chat-line.svg"); background-size: 100%; background-position: center bottom; background-repeat: no-repeat; position: absolute; top: -35px; left: 50%; margin-left:-30px}



.hide-previous .gform_previous_button, .hide-next .gform_next_button, .hide-both .gform_previous_button, .hide-both .gform_next_button {displays: none!important}

.build-form .gform-page-footer{justify-content: center; margin-top:40px!important}

.build-form .gform-page-footer input{ flex: none!important; font-size: 20px!important; padding-left:40px!important; padding-right:40px!important}

.build-form .gform-page-footer input:hover{background-color: #ffffff!important; color: #000000!important}



.build-dropdown{text-align: center}

.build-dropdown .ginput_container_select{margin-left:auto; margin-right:auto}



/* =BUILD FORM PRODUCTS GRID */



.gfield .products{display: grid; grid-template-columns: repeat(4, 1fr); gap: 0px; background-color: #ffffff; padding: 20px; border-radius: 20px}

.gfield .products .product h2{font-size: 16px; font-weight: 800; text-transform: uppercase; line-height: 1.2rem}

.gfield .products .product{width: 100%!important}

.gfield .products .product:nth-child(4){border-right: none!important}

.gfield .products .product:nth-child(1):before, .gfield .products .product:nth-child(2):before, .gfield .products .product:nth-child(3):before, .gfield .products .product:nth-child(4):before{border-top: none!important}

.gform-product input[type=checkbox]{display: block!important; width: 100%!important; height: auto!important; margin-top:20px!important;	font-family: "quasimoda", sans-serif!important}

.gform-product input[type=checkbox]:before{content: 'Add to list'!important;	color: #000000!important; width: 100%!important; position: relative!important;	font-family: "quasimoda", sans-serif!important;	height: auto!important; opacity: 1!important; padding: 10px!important; border-radius: 50px; background: linear-gradient(0deg, rgba(169,197,80,1) 0%, rgba(224,224,102,1) 100%)!important; text-transform: uppercase!important; font-weight: 700!important; text-align: center; display: block!important}

.gform-product input[type=checkbox]:checked:before{content: "Added to list"!important; background: linear-gradient(0deg, rgba(60,60,59,1) 0%, rgba(112,111,111,1) 100%)!important; color: #ffffff!important}

.gfield .products .product label.product-selection{display: flex!important; flex-wrap: wrap!important; margin-bottom: 0px!important}


/* =SHOP BLOCK */

.inner-block-shopby .quarter:after{content: ''; position: absolute; top: 10px; bottom: 10px; right: 0px; border-right: 1px solid #2c2c2c}

.shop-categories-carousel .owl-stage-outer, .shop-categories-carousel .owl-stage, .shop-brands-carousel .owl-stage-outer, .shop-brands-carousel .owl-stage{display: flex; height: 100%}

.shop-categories-carousel .owl-item, .shop-category-button, .shop-brands-carousel .owl-item, .shop-brand-button{display: flex; flex-wrap: wrap; height: 100%}

.shop-category-button, .shop-brand-button{width: 100%}

.shop-category-button a{display: flex; flex-wrap: wrap; height: 100%; align-items: flex-end}

.shop-brand-button a{display: flex; flex-wrap: wrap; height: 100%; align-items: center!important}

.shop-category-button i, .grey-gradient-bg .category-name{color: #bdce55}

.green-gradient-bg .shop-category-button i, .grey-gradient-bg .shop-category-button i{color: #ffffff}


.inner-block-shopby .white-bg{border: 2px solid #2c2c2c}

.full-half-block-shopfeed ul{margin-left:-20px; margin-right:-20px; width: calc(100% + 40px)}



.shop-grid .quarter, .shop-grid .three-quarters{width: 100%}

.shop-brands-grid{justify-content: center}

.shop-brands-grid .shop-brand-button{width: calc(25% - 8px); height: auto}


/* =HALF BLOCKS */

.composition-half .half{width: calc(50% - 20px)}

.composition-thirdtwothirds .half:first-child, .composition-twothirdsthird .half:last-child{width: calc(35% - 20px)}

.composition-thirdtwothirds .half:last-child, .composition-twothirdsthird .half:first-child{width: calc(65% - 20px)}


/* =GRID BLOCK */

.full-half-block-grid .white-bg, .inner-block-grid .white-bg, .full-half-block-shopby .white-bg.shop-grid{border: 2px solid #2c2c2c}

.full-half-block-grid i, .inner-block-grid .white-bg i{font-size: 30px; line-height: 30px}

.grid-item{border-right: 1px solid #2c2c2c}

.grid-item:last-child{border: none}

.grid-buttons{border-top: 1px solid #2c2c2c}

.grid-buttons a{padding: 10px; text-align: center; border-radius: 0px; border-left: 1px solid #2c2c2c; overflow: visible}

.grid-buttons a:first-child{border: none}

.grid-buttons a:last-child, .grid-buttons a:last-child:before{border-radius: 0px 0px 18px 0px}

.grid-buttons a:after{position: absolute; top: 50%; left: 100%; width: 20px; height: 20px; margin-top:-10px; margin-left:-10px; background-color: #ffffff; z-index: 100; font-size: 8px; font-weight: 700; line-height: 20px; border-radius: 100px; text-align: center}

.grid-buttons a:last-child:after{display: none}




/* =FORM BLOCK */

.inline-form h2.gform_title{text-transform: uppercase; font-weight: 700}

.enclosed-block.grey-bg .inline-form h2, .enclosed-block.grey-gradient-bg .inline-form h2{color: #bdce55!important}

.enclosed-block.grey-bg .inline-form .gf_progressbar_title, .enclosed-block.grey-bg .inline-form label, .enclosed-block.grey-bg .inline-form .gfield_label,
.enclosed-block.grey-gradient-bg .inline-form .gf_progressbar_title, .enclosed-block.grey-gradient-bg .inline-form label, .enclosed-block.grey-gradient-bg .inline-form .gfield_label{color: #ffffff!important}


.enclosed-block.green-bg h2.gform_title{color: #ffffff!important}

.enclosed-block.green-bg .gf_progressbar_percentage, .enclosed-block.green-gradient-bg .gf_progressbar_percentage,
.enclosed-block.green-bg .gform-page-footer input, .enclosed-block.green-bg .gform-footer input, 
.enclosed-block.green-gradient-bg .gform-page-footer input, .enclosed-block.green-gradient-bg .gform-footer input
{background-color: #2c2c2c!important}

.enclosed-block.green-bg .gform-page-footer input, .enclosed-block.green-bg .gform-footer input, .enclosed-block.green-gradient-bg .gform-page-footer input, .enclosed-block.green-gradient-bg .gform-footer input
{color: #ffffff!important}

.enclosed-block.green-bg .gform-page-footer input:hover, .enclosed-block.green-bg .gform-footer input:hover,
.enclosed-block.green-gradient-bg .gform-page-footer input:hover, .enclosed-block.green-gradient-bg .gform-footer input:hover,
.enclosed-block.grey-bg .gform-page-footer input:hover, .enclosed-block.grey-bg .gform-footer input:hover,
.enclosed-block.grey-gradient-bg .gform-page-footer input:hover, .enclosed-block.grey-gradient-bg .gform-footer input:hover
{background-color: #ffffff!important; color: #2c2c2c!important}


.enclosed-block.white-bg .gfield input, .enclosed-block.white-bg .gfield textarea{background-color: #eaeae8}


.full-half-block-accordion .accordion .accordion-item:first-child{border-top: none!important}


/* =IPAD LANDSCAPE
------------------------------------------------------- */
@media only screen and (min-width:911px) and (max-width: 1024px){
	
/* =GLOBAL */



/* =FLEX */

.gap40{gap: 30px}

.gap40 .quarter{width: calc(35% - 15px)}

.gap40 .three-quarters{width: calc(65% - 15px)}


/* =POSITIONING */

.pd40{padding: 30px}

.plr40{padding-left:30px; padding-right:30px}

.pb40{padding-bottom:30px}

.mb40{margin-bottom:30px}

.mt80{margin-top:60px}


/* =MARGINS AND PADDING */

/* =WIDTHS */

/* =FONTS */

/* =POPUP */

/* =HEADER */

ul.mega-sub-menu a.mega-menu-link{font-size: 14px!important}


/* =ACCORDION */

/* =HEADER MENU */

/* =FOOTER */

.footer-left{order: 2; width: 100%; margin-top:20px}

.footer-left .block{display: inline-block; margin-right:10px}

.footer-right{order: 1; width: 100%; justify-content: flex-start}

.footer-row h3{margin-top:10px}

.footer-row:nth-child(2){flex: 1}

.copyright{position: relative}

/* =FORM IN SIDEBAR */

/* =BLOCKS */

.shop-categories-carousel .owl-nav button, .shop-brands-carousel .owl-nav button{position: absolute; top: 0px; z-index: 10;}

.shop-categories-carousel .owl-nav button i, .shop-brands-carousel .owl-nav button i{font-size: 20px; padding: 10px}

.shop-categories-carousel .owl-nav button.owl-prev, .shop-brands-carousel .owl-nav button.owl-prev{right: 26px}

.shop-categories-carousel .owl-nav button.owl-next, .shop-brands-carousel .owl-nav button.owl-next{right: 0px}


.inner-block{margin-bottom:30px}


/* =HALF BLOCKS */

.composition-thirdtwothirds .half, .composition-twothirdsthird .half{width: calc(50% - 15px)!important}



/* =GRID BLOCK */

.grid-item{width: 100%!important; flex: none; padding: 0px 0px 20px; border: none; position: relative; margin-bottom:20px}

.grid-item:after{position: absolute; bottom: 0px; left: -10px; right: -10px; content: ''; border-bottom: 1px solid #2c2c2c}

.grid-item:last-child{margin-bottom:0px}

.grid-item:last-child:after{border-bottom: none}

/* =FORM BLOCK */


/* =SHOP BLOCK */

.full-half-block-shopfeed li.product{width: 50%!important}
}


/* IPAD PORTRAIT */
@media only screen and (min-width:641px) and (max-width: 910px)  {
	
/* =GLOBAL */

/* =FLEX */

.gap40{gap: 30px}

/* =POSITIONING */

.pd40{padding: 30px}

.plr40{padding-left:30px; padding-right:30px; padding-bottom:30px}

.inner-block{margin-bottom:30px}

.mt40{margin-top:30px}

.mt80{margin-top:60px}

.mb40{margin-bottom:30px}

/* =MARGINS AND PADDING */

/* =WIDTHS */

/* =FONTS */

/* =POPUP */

/* =HEADER */

.cta a span{display: none}

.cta-left, .cta-right{width: 100px}

.logo{max-width: 180px}

li.build-system{display: none}

#menu-right-menu{margin-right:54px}

.rmp_menu_trigger{right: 14px!important}

/* =ACCORDION */

/* =HEADER MENU */

/* =FOOTER */

.footer-right{order: 1; width: 100%}

.footer-left{order: 2; width: 100%}

.copyright{position: relative; margin-top:20px}

.footer-right .footer-row h3{pointer-events: none!important; margin-top:0px}

.footer-right .footer-row:not(:last-child){flex: 1}

.footer-right .footer-row:last-child{flex: none; width: 100%; max-width: 100%; margin-bottom:20px}

.footer-right .footer-row:last-child .self-bottom{margin-top:20px}

.footer-menu{display: block!important}

/* =FORM IN SIDEBAR */

/* =BLOCKS */

.header-slide, .header-image{height: 60vh; min-height: 500px}

.inner-block-shopby .quarter, .inner-block-shopby .three-quarters{width: 100%;}

.inner-block-shopby .quarter:after{left: 20px; right: 20px; top: auto; bottom: 0px; border-right: 0px; border-bottom: 1px solid #2c2c2c}



.shop-categories-carousel .owl-nav button, .shop-brands-carousel .owl-nav button{position: absolute; top: 50%; z-index: 10; margin-top:-20px}

.shop-categories-carousel .owl-nav button i, .shop-brands-carousel .owl-nav button i{font-size: 20px; padding: 10px}

.shop-categories-carousel .owl-nav button.owl-prev, .shop-brands-carousel .owl-nav button.owl-prev{left: 10px}

.shop-categories-carousel .owl-nav button.owl-next, .shop-brands-carousel .owl-nav button.owl-next{right: 10px}

/* =HALF BLOCKS */

.half{width: 100%!important}

/* =GRID BLOCK */

.grid-item{width: 100%; flex: none; border-right: 0px; border-bottom: 1px solid #2c2c2c}

.grid-item:last-child{border: none}

/* =FORM BLOCK */

/* =SHOP BLOCK */


}

/* =IPHONE
------------------------------------------------------- */
@media only screen and (max-width: 640px) {

/* =GLOBAL */

button{line-height: 2}

.mobile-hide{display: none}

/* =FLEX */

.gap40{gap: 20px}

/* =POSITIONING */

.pd40{padding: 20px}

.mt40{margin-top:20px}

.plr40{padding-left:20px; padding-right:20px}

/* =MARGINS AND PADDING */

/* =WIDTHS */

/* =FONTS */

h1, .header-content h1, .header-content h2{font-size: 30px; line-height: 34px}

h2{font-size: 30px; line-height: 34px}

h2 small{font-size: 20px; line-height: 24px}

/* =POPUP */

.fbx-inner{width: 100%!important}

/* =HEADER */

.cta a span, .header-menu-right li.build-system{display: none}

.cta-left, .cta-right{width: 80px}

.nav-inner{justify-content: center; margin-left:10px; margin-right:20px}

.logo{max-width: 180px}

#menu-right-menu{margin-right:46px}

/* =ACCORDION */

/* =HEADER MENU */

/* =FOOTER */

.site-footer{margin: 0px}

.footer-left{order: 2; width: 100%}

.footer-right{order: 1; width: 100%}

.footer-right.gap40{gap: 0px}

.footer-row{width: 100%}

.footer-row h3{margin-top:0px}

.footer-social-menu{display: block!important}

.footer-row:not(.footer-row-social) h3, .category-filters h4{cursor: pointer; display: flex; justify-content: space-between}

.footer-row:not(.footer-row-social) h3:after, .category-filters h4:after{font-family: "Font Awesome 6 Sharp"; content: '\2b'}

.footer-row.active:not(.footer-row-social) h3:after, .category-filters.active h4:after{content: '\f068'}

.footer-row-social h3{pointer-events: none!important}

.footer-row .self-bottom{margin: 20px 0px}

.footer-menu{margin-bottom:10px}

.copyright{position: relative; margin-top:20px; font-size: 12px}


/* =FORM IN SIDEBAR */

/* =BLOCKS */

.inner-block{margin-bottom:20px}

/* =HEADER BLOCK */

.header-slide, .header-image{height: 60vh; min-height: 500px}

.header-content{padding-left:20px; padding-right:20px}

.header-content br{display: none!important}



.header-carousel .owl-prev{left: auto; right: 40px; bottom: 2px; top: auto}

.header-carousel .owl-next{right: 10px; bottom: 2px; top: auto}

.header-carousel .owl-prev, .header-carousel .owl-next{height: 34px}

.header-carousel .owl-prev i, .header-carousel .owl-next i{font-size: 24px}

.header-carousel .owl-dots{text-align: left; right: 100px; left: 20px}


/* =SHOP CATEGORIES / BRANDS BLOCK */

.inner-block-shopby .quarter, .inner-block-shopby .three-quarters{width: 100%}

.inner-block-shopby .quarter:after{left: 20px; right: 20px; top: auto; bottom: 0px; border-right: 0px; border-bottom: 1px solid #2c2c2c}

.shop-categories-carousel .owl-nav button, .shop-brands-carousel .owl-nav button{position: absolute; top: 50%; z-index: 10; margin-top:-20px}

.shop-categories-carousel .owl-nav button i, .shop-brands-carousel .owl-nav button i, .products-carousel .owl-nav button i, .related-carousel .owl-nav button i{font-size: 20px; padding: 10px}

.shop-categories-carousel .owl-nav button.owl-prev, .shop-brands-carousel .owl-nav button.owl-prev, .related-carousel .owl-nav button.owl-prev{left: 10px}

.shop-categories-carousel .owl-nav button.owl-next, .shop-brands-carousel .owl-nav button.owl-next, .related-carousel .owl-nav button.owl-next{right: 10px}

/* =HALF BLOCKS */

.half{width: 100%!important}

.switch-1 .half:first-child{order: 2}

.switch-1 .half:last-child{order: 1}


.full-half-block-shopfeed ul{width: 100%}


/* =GRID BLOCK */

.grid-item{width: 100%; flex: none; border-right: 0px; border-bottom: 1px solid #2c2c2c; padding: 20px 10px}

.grid-item:last-child{border: none}

.grid-buttons a{flex: none; width: 100%}

.grid-buttons a:after{left: 50%; margin-left:-10px; top: 100%}

/* =FORM BLOCK */

/* =SHOP BLOCK */

.full-half-block-shopfeed .flex1{flex: none; width: 100%}

.products-carousel .owl-item li{width: 100%!important; border-right: 0px!important; border-right: none!important}

ul.products-carousel li:nth-child(odd){border: none!important}

.full-half-block-shopfeed ul{margin-left:-20px; margin-right:-20px; width: calc(100% + 40px)}

.full-half-block-shopfeed .owl-item li{padding-left:20px; padding-right:20px}

.full-half-block-shopfeed .owl-item li .self-bottom{padding-left:0px; padding-right:0px}

.products-carousel .owl-nav, .related-carousel .owl-nav{display: flex; justify-content: center; gap: 10px; margin-top:10px}

.shop-brands-carousel .owl-nav button, .related-carousel .owl-nav button{top: 0px; background-color: #ffffff!important}


.products-carousel .owl-stage, .products-carousel .owl-item{display: flex; flex-wrap: wrap}

.products-carousel .self-bottom{padding:0px!important}


.shop-brands-grid .shop-brand-button{width: calc(50% - 5px); height: auto}

.shop-brands-grid .shop-brand-button a{padding: 10px}

}