/*
    Theme Name: Base Theme
    Theme URI: http://greenboxdesigns.com
    Description: Designed by Now Boarding and developed by Greenbox Designs
    Version: 1.0.81
    Author: Greenbox Designs & Now Boarding
    License: MIT
    License URI: http://opensource.org/licenses/mit-license.php
*/

/* Typography */
@font-face {
    font-family: 'BuenosAiresRegular';
    src: url('assets/fonts/BuenosAiresRegular.eot');
    src: url('assets/fonts/BuenosAiresRegular.eot') format('embedded-opentype'),
        url('assets/fonts/BuenosAiresRegular.woff2') format('woff2'),
        url('assets/fonts/BuenosAiresRegular.woff') format('woff'),
        url('assets/fonts/BuenosAiresRegular.ttf') format('truetype'),
        url('assets/fonts/BuenosAiresRegular.svg#BuenosAiresRegular') format('svg');
}

@font-face {
    font-family: 'BuenosAiresBold';
    src: url('assets/fonts/BuenosAiresBold.eot');
    src: url('assets/fonts/BuenosAiresBold.eot') format('embedded-opentype'),
        url('assets/fonts/BuenosAiresBold.woff2') format('woff2'),
        url('assets/fonts/BuenosAiresBold.woff') format('woff'),
        url('assets/fonts/BuenosAiresBold.ttf') format('truetype'),
        url('assets/fonts/BuenosAiresBold.svg#BuenosAiresBold') format('svg');
}

@font-face {
    font-family: 'handsomebold';
    src: url('assets/fonts/handsome-bold-webfont.eot');
    src: url('assets/fonts/handsome-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('assets/fonts/handsome-bold-webfont.woff2') format('woff2'),
         url('assets/fonts/handsome-bold-webfont.woff') format('woff'),
         url('assets/fonts/handsome-bold-webfont.ttf') format('truetype'),
         url('assets/fonts/handsome-bold-webfont.svg#handsomebold') format('svg');
    font-weight: normal;
    font-style: normal;

}

/*
@font-face {
    font-family: 'HandsomeBold';
    src: url('HandsomeBold.eot');
    src: url('HandsomeBold.eot') format('embedded-opentype'),
        url('HandsomeBold.woff2') format('woff2'),
        url('HandsomeBold.woff') format('woff'),
        url('HandsomeBold.ttf') format('truetype'),
        url('HandsomeBold.svg#HandsomeBold') format('svg');
}
*/

@font-face {
    font-family: 'brownregular';
    src: url('assets/fonts/brownregular.eot');
    src: url('assets/fonts/brownregular.eot') format('embedded-opentype'),
        url('assets/fonts/brownregular.woff2') format('woff2'),
        url('assets/fonts/brownregular.woff') format('woff'),
        url('assets/fonts/brownregular.ttf') format('truetype'),
        url('assets/fonts/brownregular.svg#brownregular') format('svg');
}

@font-face {
    font-family: 'lumiosmarker';
    src: url('assets/fonts/LumiosMarker.eot');
    src: url('assets/fonts/LumiosMarker.eot') format('embedded-opentype'),
        url('assets/fonts/LumiosMarker.woff2') format('woff2'),
        url('assets/fonts/LumiosMarker.woff') format('woff'),
        url('assets/fonts/LumiosMarker.ttf') format('truetype'),
        url('assets/fonts/LumiosMarker.svg#LumiosMarker') format('svg');
}



@font-face {
    font-family: 'BrownBold';
    src: url('assets/fonts/BrownBold.eot');
    src: url('assets/fonts/BrownBold.eot') format('embedded-opentype'),
        url('assets/fonts/BrownBold.woff2') format('woff2'),
        url('assets/fonts/BrownBold.woff') format('woff'),
        url('assets/fonts/BrownBold.ttf') format('truetype'),
        url('assets/fonts/BrownBold.svg#BrownBold') format('svg');
}

/* // End typography */

/*  Resets
-------------------------------------------------------------------------------
*/
body, html {overflow-x: hidden;  scroll-behavior: smooth;}

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, hr, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figure, figcaption, hgroup, menu, footer, header, nav, section, summary, time, mark, audio, video {margin: 0; padding: 0; border: 0; }

ul, ol{list-style: none;} 
article, aside, canvas, figure, figure img, figcaption, hgroup, footer, header, nav, section, audio, video{display: block;}

blockquote, q{quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after{content: ''; content: none;}
table{border-collapse: collapse; border-spacing: 0;}
b, strong{font-weight: bold;}
[type="checkbox"], [type="radio"]{box-sizing: border-box; padding: 0;}
[type="search"]{-webkit-appearance: textfield; outline-offset: -2px;}
[type="search"]::-webkit-search-decoration{-webkit-appearance: none;}
::-webkit-file-upload-button{-webkit-appearance: button; font: inherit;}

.clear:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
a img{border:0; width: auto; height: auto; max-width: 100%; y-align: bottom; border-style: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-perspective: 0; perspective: 0; -webkit-backface-visibility: hidden; -webkit-transform: translate3d(0,0,0); visibility:visible; backface-visibility: hidden;}
a,input,select,textarea{outline:none;}
img{width: auto; height: auto; max-width: 100%; y-align: bottom; border-style: none; -webkit-perspective: 0; perspective: 0; -webkit-backface-visibility: hidden; -webkit-transform: translate3d(0,0,0); visibility:visible; backface-visibility: hidden;}

/* Selection colours (easy to forget) */
img::selection{background: transparent;}
img::-moz-selection{background: transparent;}
a{text-decoration: none; display: inline-block;}

input[type='number']{-moz-appearance:textfield;}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button{-webkit-appearance: none;}
input::-moz-focus-inner{border:0; padding: 0; }
input:invalid,
input:required{box-shadow: none;}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration{display: none;}
input:required { box-shadow:none; }
input::-moz-focus-inner{box-shadow:0 0 0px transparent;}
/*  Resets
-------------------------------------------------------------------------------
*/


/*    Default Layout 
-------------------------------------------------------------------------------
*/

/* ======================= Variables Start ======================= */
:root {
  /*--grey-1: #1f2224;
  --grey-2: #333b41;*/
  --grey-3: #313131;
  /*--grey-4: #8f96a1;
  --grey-5: #cfd8dd;
  --grey-6: #eff4f6;*/
  --pink: #e294bf;
  --lpink: #f0c7dd;
  --fpink: #e294bf;
  --blush: #ffeff5;
  --berry: #af196b;
  --white: #ffffff;
  --black: #000000;
  --brand: #c93486;
  --green: #19f4b2;
  --purple: #5a3fff;
  --orange: #f7931a;
  --red: #ff274b;
  --font-family: 'BuenosAiresRegular', sans-serif;
  --font-family-bold: 'BuenosAiresBold', sans-serif;
  --font-family-cursive: 'handsomebold', sans-serif;
  --font-light: 300;
  --font-regular: 400;
  --font-semi-bold: 600;
  --font-bold: 800;
  --lead-text: 1.250em;
  --space-xs: 4px;
  --space-s: 8px;
  --space-base: 16px;
  --space-m: 24px;
  --space-l: 32px;
  --space-xl: 40px;
  --space-xxl: 60px;
  --space-xxxl: 72px;
  --space-xxxxl: 128px;
  --text-lowercase: lowercase;
  --text-uppercase: uppercase;
  --text-capatilize: capitalize;
}

.has-lpink-color{color: var(--lpink)}
.has-pink-color{color: var(--pink)}
.has-brand-color{color: var(--brand)}
.has-white-color{color: var(--white)}
.has-orange-color{color: var(--orange)}
.has-red-color{color: var(--red)}
.has-blue-color{color: var(--brand)}
.has-purple-color{color: var(--purple)}
.has-black-color{color: var(--black)}

.has-brand-background-color{background-color: var(--brand)}
.has-medpink-background-color{background-color: var(--medpink)}
.has-blush-background-color{background-color: var(--blush)}
.has-lpink-background-color{background-color: var(--lpink);}
.has-fpink-background-color{background-color: var(--fpink);}
.has-white-background-color{background-color: var(--white)}
/* ======================= Variables Start End ======================= */

body{background: rgb(255,255,255); -webkit-text-size-adjust: 100%; -moz-text-size-adjust:100%; -moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased; overflow-x: hidden; overflow-y:auto; font-size: 1em; line-height: normal; font-family: var(--font-family); font-weight:var(--font-regular); color: var(--brand)}

*{-webkit-box-sizing: border-box;-moz-box-sizing:border-box; box-sizing: border-box;}
header, footer, section{float: left; width: 100%}

/* ======================= Global style Start ======================= */
h1,  h2,  h3,  h4,  h5,  h6{ line-height: normal; letter-spacing: 0; font-family: var(--font-family-bold); font-weight: normal;}
h1{font-size: 3.875em;margin-bottom: var(--space-m); line-height: 0.8; }
h2, .h2{font-size: 3em; margin-bottom: var(--space-base);  line-height: 0.94;}
h3, .h3{font-size: 2em;margin-bottom: var(--space-base);  line-height: 1.25;}
h4{font-size: 1.5em; margin-bottom: var(--space-base);}
h5{font-size: 1.5em; margin-bottom: var(--space-base);}
.h5{font-size: 1em;}

h6{font-size: 0.75em; margin-bottom: var(--space-base);  letter-spacing: 1.3px; text-transform: var(--text-uppercase);}
h2 em, .centered-content-section h3 em, .post-content-wrap h3 em{font-family: var(--font-family-cursive); text-transform: initial;}
.small{font-size:0.625em}
.xsmall{font-size:0.625em}
/* ======================= Global style End ======================= */


dfn,  address,  em{font-style: normal;}
label,  input[type="submit"], .accordion-title:hover{cursor: pointer;}
button:focus{outline: none;}
p{margin-bottom: var(--space-base); font-size: 1em; line-height: normal; }
.lead-text, .lead-section p{font-size:1.25em;}
.med-txt {font-size: 1.375em}

ul:not(.slick-dots):not(.menu):not(.selectric-scroll ul):not(.social-wrap ul):not(.category-navigation ul):not(.story-tab-triger-wrap ul):not(.tags ul){float:left; width:  100%;margin-bottom: var(--space-s);}
ul li:not(.menu-item):not([role=presentation]):not(.page-item):not(.label):not(.label-inactive):not(.selectric-items li):not(.social-wrap li):not(.category-navigation li):not(.story-tab-triger-wrap li):not(.tags li), ol li{position: relative; padding-left: 28px;margin-bottom: var(--space-base); font-size: 1em; line-height: normal;}
ul li:not(.menu-item):not([role=presentation]):not(.page-item):not(.label):not(.label-inactive):not(.selectric-items li):not(.social-wrap li):not(.category-navigation li):not(.story-tab-triger-wrap li):not(.tags li):last-child, ol li:last-child{margin-bottom: 0;}

ol{padding-left: 8px;}
ol li{padding-left: var(--space-m);}
ol li > ol li{padding-left: 42px;}
ol li > ol li > ol li {padding-left: 52px;}
ol{float: left; width: 100%; counter-reset: item; }
ul li:not([role=presentation]):not(.menu-item):not(.label):not(.label-inactive):not(.selectric-items li):not(.social-wrap li):not(.category-navigation li):not(.story-tab-triger-wrap li):not(.tags li):before{content: ''; position: absolute; top:7px; left: 0; height: 5px; width: 5px; border-radius: 100%; background-color: var(--brand);}
ol li:before { content: counters(item, " ") " "; counter-increment: item; position: absolute;left: 0; color: var(--brand);}
blockquote:not(.testimonial-item blockquote){padding-left: 29px; position: relative;margin-bottom: var(--space-l);display: inline-block; width: 100%;}
/*blockquote:before{content: '“ ';position: absolute; top: 0; left: 0; height: 45px;font-size: 2.25em; line-height: 1.25;font-weight: var(--font-bold); }*/
blockquote p{margin-bottom: 0;font-size: 1.125em; line-height: normal; letter-spacing: -0.36px;}

address{font-size: 0.75em}
/* ======================= Global style End ======================= */

/* ======================= General Page Start ======================= */
.page-content-wrap{margin-top: 100px}
/* ======================= General Page End ======================= */

/* ======================= Spacing Start ======================= */
/*Margin*/
.margin-section{margin: 50px 0;}
.margin-container{margin: 40px 0;}
.margin-gutter{margin: 30px;}
.margin-grid{margin: 20px;}

.margin-xxl{margin: var(--space-xxl)}
.margin-xl{margin: var(--space-xl)}
.margin-l{margin: var(--space-l)}
.margin-m{margin: var(--space-m)}
.margin-base{margin: var(--space-base)}
.margin-s{margin: var(--space-s)}
.margin-xs{margin: var(--space-xs)}

.margin-top-xxxl{margin-top: var(--space-xxxl)}
.margin-top-xxl{margin-top: var(--space-xxl)}
.margin-top-xl{margin-top: var(--space-xl)}
.margin-top-l{margin-top: var(--space-l)}
.margin-top-m{margin-top: var(--space-m)}
.margin-top-base{margin-top: var(--space-base)}
.margin-top-s{margin-top: var(--space-s)}
.margin-top-xs{margin-top: var(--space-xs)}

.margin-bottom-xxxl{margin-bottom: var(--space-xxxl)}
.margin-bottom-xxl{margin-bottom: var(--space-xxl)}
.margin-bottom-xl{margin-bottom: var(--space-xl)}
.margin-bottom-l{margin-bottom: var(--space-l)}
.margin-bottom-m{margin-bottom: var(--space-m)}
.margin-bottom-base{margin-bottom: var(--space-base)}
.margin-bottom-s{margin-bottom: var(--space-s)}
.margin-bottom-xs{margin-bottom: var(--space-xs)}

.margin-left-xxl{margin-left: var(--space-xxl)}
.margin-left-xl{margin-left: var(--space-xl)}
.margin-left-l{margin-left: var(--space-l)}
.margin-left-m{margin-left: var(--space-m)}
.margin-left-base{margin-left: var(--space-base)}
.margin-left-s{margin-left: var(--space-s)}
.margin-left-xs{margin-left: var(--space-xs)}

.margin-right-xxl{margin-right: var(--space-xxl)}
.margin-right-xl{margin-right: var(--space-xl)}
.margin-right-l{margin-right: var(--space-l)}
.margin-right-m{margin-right: var(--space-m)}
.margin-right-base{margin-right: var(--space-base)}
.margin-right-s{margin-right: var(--space-s)}
.margin-right-xs{margin-right: var(--space-xs)}

.margin-y-xxxxl{margin: var(--space-xxxxl) 0}
.margin-y-xxxl{margin: var(--space-xxxl) 0}
.margin-y-xxl{margin: var(--space-xxl) 0}
.margin-y-xl{margin: var(--space-xl) 0}
.margin-y-l{margin: var(--space-l) 0}
.margin-y-m{margin: var(--space-m) 0}
.margin-y-base{margin: var(--space-base) 0}
.margin-y-s{margin: var(--space-s) 0}
.margin-y-xs{margin: var(--space-xs) 0}

.margin-x-xxl{margin: 0 var(--space-xxl)}
.margin-x-xl{margin: 0 var(--space-xl)}
.margin-x-l{margin: 0 var(--space-l)}
.margin-x-m{margin: 0 var(--space-m)}
.margin-x-base{margin: 0 var(--space-base)}
.margin-x-s{margin: 0 var(--space-s)}
.margin-x-xs{margin: 0 var(--space-xs)}

.mt-20{margin-top: 20px} /*keep footer*/

.margin-none{margin: 0;}
.margin-top-none{margin-top: 0;}
.margin-bottom-none{margin-bottom: 0;}
.margin-left-none{margin-left: 0;}
.margin-right-none{margin-right: 0;}

/*Padding*/

.p-36{padding: 36px}/*keep heroboxes*/
.py-36{padding: 36px 0}/*keep -footers*/
.pt-36{padding-top: 36px}/*keep -instagram*/


.page-container{padding: 0 18px;}
.padding-section{padding: 50px 0;}
.padding-top-section{padding-top: 50px;}
.padding-container{padding: 40px 0;}

.padding-spacer-top {padding-top: 30px;}
.padding-spacer-bottom{padding-bottom: 30px;}
.padding-spacer-left{padding-left: 30px;}
.padding-spacer-right{padding-right: 30px;}
.padding-spacer-y {padding: 30px 0;}

.padding-xxl{padding: var(--space-xxl)}
.padding-xl{padding: var(--space-xl)}
.padding-l{padding: var(--space-l)}
.padding-m{padding: var(--space-m)}
.padding-base{padding: var(--space-base)}
.padding-s{padding: var(--space-s)}
.padding-xs{padding: var(--space-xs)}

.padding-y-xxxxl{padding: var(--space-xxxxl) 0}
.padding-y-xxxl{padding: var(--space-xxxl) 0}
.padding-y-xxl{padding: var(--space-xxl) 0}
.padding-y-xl{padding: var(--space-xl) 0}
.padding-y-l{padding: var(--space-l) 0}
.padding-y-m{padding: var(--space-m) 0}
.padding-y-base{padding: var(--space-base) 0}
.padding-y-s{padding: var(--space-s) 0}
.padding-y-xs{padding: var(--space-xs) 0}

.padding-x-xxxl{padding: 0 var(--space-xxxl)}
.padding-x-xxl{padding: 0 var(--space-xxl)}
.padding-x-xl{padding: 0 var(--space-xl)}
.padding-x-l{padding: 0 var(--space-l)}
.padding-x-m{padding: 0 var(--space-m)}
.padding-x-base{padding: 0 var(--space-base)}
.padding-x-s{padding: 0 var(--space-s)}
.padding-x-xs{padding: 0 var(--space-xs)}

.padding-top-xxxxl{padding-top: var(--space-xxxxl)}
.padding-top-xxxl{padding-top: var(--space-xxxl)}
.padding-top-xxl{padding-top: var(--space-xxl)}
.padding-top-xl{padding-top: var(--space-xl)}
.padding-top-l{padding-top: var(--space-l)}
.padding-top-m{padding-top: var(--space-m)}
.padding-top-base{padding-top: var(--space-base)}
.padding-top-s{padding-top: var(--space-s)}
.padding-top-xs{padding-top: var(--space-xs)}

.padding-bottom-xxxxl{padding-bottom: var(--space-xxxxl)}
.padding-bottom-xxxl{padding-bottom: var(--space-xxxl)}
.padding-bottom-xxl{padding-bottom: var(--space-xxl)}
.padding-bottom-xl{padding-bottom: var(--space-xl)}
.padding-bottom-l{padding-bottom: var(--space-l)}
.padding-bottom-m{padding-bottom: var(--space-m)}
.padding-bottom-base{padding-bottom: var(--space-base)}
.padding-bottom-s{padding-bottom: var(--space-s)}
.padding-bottom-xs{padding-bottom: var(--space-xs)}

.padding-left-xxl{padding-left: var(--space-xxl)}
.padding-left-xl{padding-left: var(--space-xl)}
.padding-left-l{padding-left: var(--space-l)}
.padding-left-m{padding-left: var(--space-m)}
.padding-left-base{padding-left: var(--space-base)}
.padding-left-s{padding-left: var(--space-s)}
.padding-left-xs{padding-left: var(--space-xs)}

.padding-right-xxl{padding-right: var(--space-xxl)}
.padding-right-xl{padding-right: var(--space-xl)}
.padding-right-l{padding-right: var(--space-l)}
.padding-right-m{padding-right: var(--space-m)}
.padding-right-base{padding-right: var(--space-base)}
.padding-right-s{padding-right: var(--space-s)}
.padding-right-xs{padding-right: var(--space-xs)}



.padding-none{padding: 0;}
.padding-top-none{padding-top: 0;}
.padding-bottom-none{padding-bottom: 0;}
.padding-left-none{padding-left: 0;}
.padding-right-none{padding-right: 0;}
/* ======================= Spacing End ======================= */

/* ======================= Text Properties Start ======================= */
.txt-ctr{text-align: center;}
.txt-l{text-align: left;}
.txt-r{text-align: right;}
.text-uppercase{text-transform: var(--text-uppercase);}
/* ======================= Text Properties End ======================= */

/* ======================= Buttons Start ======================= */
.btn-wrap{float:left;display: inline-block; width: 100%;}
.btn{text-align: center;border-radius: 24px; font-family: var(--font-family-bold);-webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; transition: all .4s ease-in-out;  font-size: 1em; line-height: normal; letter-spacing: 0; position: relative; padding: 7px 28px;}
div .btn:last-child{margin-right: 0;}

.btn-xs{padding: var(--space-s) var(--space-base);font-size: 1em }
.btn-sml{padding: 5px 20px; font-family: var(--font-family); }
.btn-medium{min-width: 105px; }
.btn-large{ min-width: 196px; }


.btn-primary{background-color: var(--brand); color: var(--white); border: solid 1px var(--brand);}
.btn-primary:hover{background-color: transparent; color: var(--brand);}

.btn-inv-primary{background-color: var(--white); color: var(--brand); border: solid 1px var(--white); }
.btn-inv-primary:hover{background-color: transparent; color: var(--white);}


.btn-outline{background-color: transparent; color: var(--white); border: solid 1px var(--white); }

.btn-outline-primary{background-color: transparent; color: var(--brand); border: solid 1px var(--brand); }




/*.btn-outline{background-color: var(--white); color: var(--brand); border: solid 1px var(--brand); }*/
/*
.btn-inv-outline{background-color: transparent; color: var(--white); border: solid 1px var(--white);}
.icon {border-radius: 50%; padding: 8px; background-color: rgb(1 182 244 / 15%); -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; transition: all .4s ease-in-out;}
.btn-icon{border-radius: 50%; padding: 11px}
.btn-icon-right.btn-large{min-width: 202px;}
.btn-icon-left:before{content: ''; background-repeat: no-repeat;background-position: center; background-size: contain; width: 24px; height: 24px;  display: inline-block;background-image: url(assets/svg/assets/plus-circle.svg);margin-right: 10px;margin-top: -8px; margin-bottom: -6px;}
.btn-icon-right:after, .btn-outline.btn-icon-right:hover:after{ background-image: url(assets/svg/assets/arrow-right.svg);margin-top: -8px; margin-bottom: -6px; margin-left: 10px;content: ''; background-repeat: no-repeat;background-position: center; background-size: contain; width: 24px; height: 24px;  display: inline-block;}

.icon:hover{background-color: rgb(1 182 244 / 25%);}
.btn-outline:hover{background-color: var(--brand); color: var(--white); box-shadow: 0 2px 10px 0 rgba(1, 182, 244, 0.3), 0 1px 2px 0 rgba(1, 182, 244, 0.2);}
.btn-inv-outline:hover{background-color: var(--white); color: var(--brand); box-shadow: 0 2px 10px 0 rgba(1, 182, 244, 0.3), 0 1px 2px 0 rgba(1, 182, 244, 0.2);}
.btn-inv-primary.btn-icon-right:after, .btn-inv-outline.btn-icon-right:hover:after, .btn-outline.btn-icon-right:after, .btn-primary.btn-icon-right:hover:after{background-image: url(assets/svg/assets/arrow-right-bl.svg);}

.combo-btn.flex-row  .btn-large:last-child{margin-top: var(--space-base);}
.combo-btn.flex-row .btn-large{margin-right: 0;}
.not-equal-btn .btn-large{width: auto; flex: 2;}
.icon img{display: block;}*/
/* ======================= Buttons End ======================= */

/* ======================= Containers Start ======================= */
.common-wrap{max-width: 1290px; margin: 0 auto; clear: both; }
.l-container{max-width: 1100px;  margin: 0 auto;}
.medlg-container{max-width: 980px;  margin: 0 auto;}
.med-container{max-width: 840px;  margin: 0 auto;}
.sml-container{max-width: 698px;  margin: 0 auto;}
.container{float: left; width: 100%;}
/* ======================= Containers End ======================= */

/* ======================= Grid Start ======================= */
.grid-container{display: grid; grid-template-rows: auto auto 1fr;}
.grid-row-auto{grid-template-rows:  auto}
.grid-container-one{grid-template-columns: repeat(1, minmax(0, 1fr));}
.grid-container-two{grid-template-columns: repeat(2, minmax(0, 1fr));}
.grid-container-three{grid-template-columns: repeat(3, minmax(0, 1fr));}
.grid-container-four-equal{grid-template-columns: repeat(4, minmax(0, 1fr));}
.grid-container-six{grid-template-columns: repeat(6, minmax(0, 1fr));}
.grid-container-full{grid-template-columns: repeat(12,1fr);}
.grid-container-four{grid-template-columns: repeat(4,1fr);}
.grid-three{grid-column: span 3;}
.grid-four{grid-column: span 4;}
.grid-eight{grid-column: span 8;}
.grid-nine{grid-column: span 9;}
.grid-full{grid-column: span 12;}
.gutter{gap:  30px 20px}

.grid{gap: 20px}
.grid-m {gap: var(--space-m);}
.grid-l {gap: var(--space-l);}
.grid-xl{gap: var(--space-xl);}
.grid-row-m{grid-row-gap: var(--space-m);}
.grid-row-xl{grid-row-gap: var(--space-xl);}
.column-none{grid-column-gap: 0}
.grid-container.row-rev{grid-auto-flow: dense;}
.grid-container:not(.grid-container-one).row-rev .grid-item:first-child{grid-column: 2;}

.slider-gutter-l{padding-left: 15px; padding-right: 15px;}
.slider-gutter-m{padding-left: 10px; padding-right: 10px;}
.slider-gutter-s{padding-left: 10px; padding-right: 10px;}
/* ======================= Grid End ======================= */


/* ======================= Flexbox Start ======================= */
.flex-box{display: -webkit-flex; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-flow: row wrap; flex-flow: row wrap; }
.flex-x-align{-webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center;}
.flex-y-align{-webkit-box-align: center; align-items: center;}
.flex-bottom-align{-webkit-box-align: flex-end; align-items: flex-end;}
.flex-content-align{-webkit-align-content: center; -moz-align-content: center; align-content: center;}
.flex-top-align{-webkit-align-items: flex-start; -moz-align-items: flex-start; align-items: flex-start;}
.flex-space-between{-webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between;}
.flex-space-around{-webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-around; justify-content: pace-around;}
.flex-justify-start{-webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start;}
.flex-justify-end{-webkit-justify-content: flex-end; justify-content: flex-end;}
.order-1{-webkit-order: 1; -moz-order: 1; -ms-order: 1; order: 1;}
.order-2{-webkit-order: 2; -moz-order: 2; -ms-order: 2; order: 2;}
.order-3{-webkit-order: 3; -moz-order: 3; -ms-order: 3; order: 3;}
.flex{display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;}
.row-rev{flex-flow: row-reverse;}
.flex-row{flex-flow: row wrap;}
.flex-col{flex-flow: column;}
.flex-gap{gap: 8px}
.flex-gap-m{gap: var(--space-m)}
.flex-gutter-gap{gap:80px}
/* ======================= Flexbox End ======================= */

/* ======================= Image Mask Start ======================= */
.aspect-ratio-1-1 {position: relative;width: 100%;padding-top: 100%;}
.aspect-ratio-3-4 {position: relative;width: 100%;padding-top: 118%;}
.aspect-ratio-16-9 {position: relative;width: 100%;padding-top: 56.25%;}
.image-mask-rounded{position: absolute;left: 0%;top: 0%;right: 0%;bottom: 0%;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;overflow: hidden;margin-right: auto;margin-left: auto; -webkit-box-pack: center;-webkit-justify-content: center; -ms-flex-pack: center;justify-content: center; -webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center; }
.image-mask-default{position: absolute;left: 0%;top: 0%;right: 0%;bottom: 0%;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;overflow: hidden;margin-right: auto;margin-left: auto; -webkit-box-pack: center;-webkit-justify-content: center; -ms-flex-pack: center;justify-content: center; -webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center; }
.image-mask-none{display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;overflow: hidden;max-height: 60vh;margin-right: auto; margin-left: auto;-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center; justify-content: center;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;}
.image-mask-container img{width: 100%; height: 100%}
.image-mask-container picture, .image-mask-container figure { height: 100%; width: 100%;}
img.lazyload:not([src]) {
    visibility: hidden;
}
/* ======================= Image Mask End ======================= */



.desk{display: none;}
.column{width: 46.610169491%}
.bg-img{object-fit: cover; object-position: center; width: 100%;}
.label:not(.selectric .label){background-color: var(--brand); border-radius: 15px; color: var(--white); padding: 8px 16px 6px; text-transform: var(--text-uppercase); font-weight: var(--font-bold); font-size:12px; line-height: 13px;letter-spacing: 2px;}
.label a{color: var(--white);}
.label-inactive{background-color: rgba(1, 182, 244, 0.1); color: var(--brand); border-radius: 15px; padding: 8px 16px 6px; text-transform: var(--text-uppercase); font-weight: var(--font-bold); font-size:12px; line-height: 13px;letter-spacing: 2px;-webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; transition: all .4s ease-in-out; }
.label-inactive a{color: var(--brand);}
.label-inactive:hover {background-color: rgba(1, 182, 244, 0.2);}

/*Borders*/
.br-50{border-radius: 50%}
.br-10x{border-radius: 10px}
/*Borders*/

/* ======================= Form Start ======================= */
/*label{float: left; }*/
label, input[type="submit"]{cursor: pointer;}
textarea{resize: none}
input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]):not([type="button"]):not([type="search"]), textarea, .selectric{ background-color: transparent; font-size: 1.125em; line-height: 1.2; padding: var(--space-s) 0;font-family: var(--font-family); outline: 0; border: 0; border-bottom: solid 1px var(--white);}
form.search{position: relative;}
form.search input[type="search"]{box-sizing: border-box; padding: 8px 50px 8px 20px; font-size: 1.25em; font-family: var(--font-family-bold); }
form.search input[type="submit"]{position: absolute; right: 0; width: 46px; height: 100%;background-image: url(assets/svg/assets/search.svg); background-repeat: no-repeat;background-size:31px;background-color: transparent;   background-position: center center;border: 0; padding: 0}
/*input[type="submit"]{border-radius: 5px;;border: solid 1px var(--brand);background-color: var(--brand); text-transform: var(--text-uppercase); font-family: var(--font-family); font-weight: var(--font-bold); color: var(--white); padding: 0 var(--space-l); line-height: 3.3em;letter-spacing: 2.1px; font-size: 0.8750em;-webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; transition: all .4s ease-in-out;}*/
/*input[type="submit"]:hover{box-shadow: 0 2px 10px 0 rgba(1, 182, 244, 0.3), 0 1px 2px 0 rgba(1, 182, 244, 0.2)}*/
/*input:not([type="submit"]):not([type="checkbox"]):focus, textarea:focus{border: solid 1px var(--brand); color: var(--brand);}*/
::placeholder {
    color: var(--white);
    opacity: .55;
}
::-webkit-input-placeholder {
    color:var(--white);
    opacity: .55;
}
/*Gravity Forms*/

/*Gravity standard fields*/
/*.gform_wrapper.gravity-theme .gform_fields, .gform_page_footer  {width: 100%;display: -ms-grid;display: grid;-ms-grid-columns: (1fr 3.4%)[12]; grid-template-columns: repeat(12,1fr);grid-template-rows: repeat(auto-fill,auto);grid-column-gap: 3.4%; grid-row-gap: var(--space-base);}
.gform_wrapper.gravity-theme .gfield {grid-column: 1/-1;}
.gform_wrapper.gravity-theme .gfield.gfield--width-half, .gform_page_footer input[type="button"], .gform_page_footer input[type="submit"] {-ms-grid-column-span: 6;grid-column: span 6;}
.gform_wrapper.gravity-theme .gfield.gfield--width-full {-ms-grid-column-span: 12;grid-column: span 12;}
.gform_wrapper.gravity-theme .gfield input.large, .gform_wrapper.gravity-theme .gfield textarea, .gfield select{width: 100%;}
.gform_wrapper.gravity-theme .gform_footer, .gform_wrapper.gravity-theme .gform_page_footer {margin-top: var(--space-m);}
.gf_progressbar_title{font-weight: 800; font-size: 20px; line-height: 1.25; text-align: center; color: var(--grey-1);}
.gform_page_footer input[type="button"]{border-radius: 5px;border: solid 1px var(--brand);background-color: var(--white); text-transform: var(--text-uppercase); font-family: var(--font-family); font-weight: var(--font-bold); color: var(--brand); padding: 0 var(--space-l); line-height: 3.3em;letter-spacing: 2.1px; font-size: 0.8750em;-webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; transition: all .4s ease-in-out;rid-column: span 6;}
.gform_page_footer input[type="button"]:hover{box-shadow: 0 2px 10px 0 rgba(1, 182, 244, 0.3), 0 1px 2px 0 rgba(1, 182, 244, 0.2); background-color: var(--brand); color: var(--white);}
*/
/*Gravity standard fields*/
/*.form-wrapper .gform_wrapper.gravity-theme .gfield .gfield_label{font-size: 14px; line-height: 1.25;letter-spacing: 1px; text-transform: var(--text-uppercase); color: var(--grey-4); width: 100%; font-weight: normal;margin-bottom: var(--space-s);    display: inline-block;padding: 0;}
.page-content-wrap .gform_wrapper .gfield_validation_message, .gform_wrapper .validation_message{color: var(--red); font-size: 14px;margin-top: 8px; line-height: 1.5;}
.page-content-wrap .gform_wrapper .gfield_error [aria-invalid=true] {border: 1px solid var(--red);}
.page-content-wrap .gform_wrapper.gravity-theme .gfield textarea.large{height: 120px;}
.form-wrapper .gform_wrapper.gravity-theme input[type=color], .form-wrapper .gform_wrapper.gravity-theme input[type=date], .form-wrapper .gform_wrapper.gravity-theme input[type=datetime-local], .form-wrapper .gform_wrapper.gravity-theme input[type=datetime], .form-wrapper .gform_wrapper.gravity-theme input[type=email], .form-wrapper .gform_wrapper.gravity-theme input[type=month], .form-wrapper .gform_wrapper.gravity-theme input[type=number], .form-wrapper .gform_wrapper.gravity-theme input[type=password], .form-wrapper .gform_wrapper.gravity-theme input[type=search], .form-wrapper .gform_wrapper.gravity-theme input[type=tel], .form-wrapper .gform_wrapper.gravity-theme input[type=text], .form-wrapper .gform_wrapper.gravity-theme input[type=time], .form-wrapper .gform_wrapper.gravity-theme input[type=url], .form-wrapper .gform_wrapper.gravity-theme input[type=week], .form-wrapper .gform_wrapper.gravity-theme select, .form-wrapper .gform_wrapper.gravity-theme textarea{font-size: 16px;line-height: 1.25; padding: 13px 16px;}
.form-wrapper .gform_wrapper.gravity-theme .gfield_description, .form-wrapper .gform_wrapper.gravity-theme .instruction{color: var(--grey-3); font-size: 14px;line-height: 1.25; margin-top: var(--space-s);}
.form-wrapper .gform_wrapper.gravity-theme .description,  .form-wrapper .gform_wrapper.gravity-theme .gsection_description, .form-wrapper .gform_wrapper.gravity-theme .gfield_description.validation_message{border:  none; background-color: transparent; padding: 0 0 0 var(--space-m); line-height: 1.5; color: var(--red);position: relative; letter-spacing: normal;}
.form-wrapper .gform_wrapper.gravity-theme .description:before, .form-wrapper .gform_wrapper.gravity-theme .gsection_description:before, .form-wrapper .gform_wrapper.gravity-theme .gfield_description.validation_message:before{content: ""; position:  absolute;background-image: url(assets/svg/assets/error-icon.svg); background-repeat: no-repeat; background-position:center; background-size: 16px;left: 0px;top: 2px;z-index: 9; width: 16px; height: 16px;}
.form-wrapper .gform_wrapper .gfield_error .gfield_repeater_cell label,.form-wrapper .gform_wrapper .gfield_error label,.form-wrapper .gform_wrapper .gfield_error legend,.form-wrapper .gform_wrapper .gfield_validation_message,.form-wrapper .gform_wrapper .validation_message,.form-wrapper .gform_wrapper [aria-invalid=true]+label, .form-wrapper .gform_wrapper label+[aria-invalid=true]{color: initial;}
.gfield_required {position: relative;}
.gfield_required:before {content: '*';color: var(--brand);}
*/
/*Progressbar*/
/*.gform_wrapper.gravity-theme .gf_progressbar {position: relative;border-radius: 10.5px;background: var(--grey-5);margin-bottom: var(--space-m);}
.gform_wrapper.gravity-theme .gf_progressbar_blue {background: #d2d6dc;}
.gform_wrapper.gravity-theme .gf_progressbar_percentage {height: 20.992px;text-align: right; border-radius: 10.5px;y-align: middle;}
.gform_wrapper.gravity-theme .gf_progressbar_percentage:not(.percentbar_100) {border-radius: 10.5px 0 0 10.5px;}
.gform_wrapper.gravity-theme .gf_progressbar_percentage.percentbar_blue {background-color: var(--brand);color: var(--white);}
.gform_wrapper.gravity-theme .gf_progressbar_percentage span {display: block;width: auto;float: right;margin-right: 8px;margin-left: 8px;line-height: 21px;font-size: 13px;min-width: 2em;}

*/
/*Checkbox*/
/*.page-content-wrap  .gform_wrapper.gravity-theme .gfield_checkbox label, .gform_wrapper.gravity-theme .gfield_radio label{font-size: 16px; line-height: 1.25;padding-left: 56px;}
.page-content-wrap  .gchoice{margin: 14px 0;}
.gform_wrapper.gravity-theme .gfield_checkbox .gchoice, .gform_wrapper.gravity-theme .gfield_radio .gchoice{position: relative;}
.form-wrapper .gform_wrapper .gfield_checkbox label::after, .gform_wrapper.gravity-theme .gfield_radio label::after{content: "";opacity: 1;}
.form-wrapper .gform_wrapper .gfield_checkbox .gchoice input[type="checkbox"], .gform_wrapper.gravity-theme .gfield_radio .gchoice input[type="radio"]{display: none;}
.form-wrapper .gfield_checkbox .gchoice label:before, .form-wrapper .gfield_checkbox .gchoice label:after, .gform_wrapper.gravity-theme .gfield_radio .gchoice label:before, .gform_wrapper.gravity-theme .gfield_radio .gchoice label:after{bottom: 0;content: ''; margin: 0 auto;position: absolute; top: 0;}
.form-wrapper .gfield_checkbox .gchoice label:after, .form-wrapper .gfield_radio .gchoice label:after{content: "";background-color: #fff; border: solid 2px var(--grey-4); border-radius: 1px;display: inline-block;height: 16px; width: 16px; left: 18px;position: absolute;top: 0;transition: left .25s, background-color .13s;}
.form-wrapper .gfield_checkbox input[type="checkbox"]:checked + label:before{content: "";background-color: var(--brand); background-image: url(assets/svg/assets/check.svg); background-repeat: no-repeat; background-position:center; background-size: 20px;left: 18px;top: -1px;z-index: 9; width:  20px; height: 20px;}
*/
/*Radio*/
/*.form-wrapper .gfield_radio .gchoice label:after{border-radius: 50%;}
.form-wrapper .gfield_radio input[type="radio"]:checked + label:after{border: solid 2px var(--brand); }
.form-wrapper .gfield_radio input[type="radio"]:checked + label:before{content: ""; border-radius: 50%; background-color: var(--brand);left: 23px;top: 5px;z-index: 9; width: 10px; height: 10px;}
*/
/*Dropdown*/
/*.selectric .label{margin:0; padding: 0; height: auto; line-height: inherit; color: var(--grey-2); font-size: 16px;}

*/
.selectric .label{color: var(--brand);}
.selectric .button{background-color: transparent; font: none;background-image:  url(assets/svg/assets/scroll-arrow-brand.svg); background-repeat: no-repeat; background-position: center; background-size: 11px}
.selectric .button:after{content: none;}
/*..selectric-open .selectric .button{transform: rotate(180deg);}
.selectric-open .selectric{border-bottom-left-radius: 0; border-bottom-right-radius: 0;}
.selectric-items{top: 46px; border-bottom-right-radius: 8px; border-bottom-left-radius: 8px;box-shadow: 0 10px 15px -10px rgb(51 59 65 / 50%), 0 1px 3px 0 rgb(0 0 0 / 25%);    border: solid 1px var(--grey-5);}
.selectric-items li{color: var(--grey-2); font-size: 16px;padding-left: 1em; padding-right: 1em;}
.ginput_container_fileupload .gform_delete_file{background-color: transparent; border: none; padding:0 12px 0 16px}
.ginput_container_fileupload .dashicons-trash:before{content: ''; background-image: url(assets/svg/assets/cross-blue.svg); background-repeat: no-repeat; background-position: center; background-size: 20px;display: block; width: 20px; height: 20px;}
.ginput_preview strong{font-weight: normal}
.uploadAdded{display: flex; flex-flow: column;}
.gform_fileupload_rules{order: 3;}*/

/*Date picker*/
/*.form-wrapper .gform_wrapper.gravity-theme .gfield input.datepicker{min-width: 360px;background-image:url(assets/svg/assets/calendar-selected.svg); background-repeat: no-repeat; background-size: 20px 44px; background-position-x: 95%; padding-right: 36px;}
.form-wrapper .gform_wrapper.gravity-theme .gfield input.datepicker:focus{background-image:url(assets/svg/assets/calendar.svg); }

.page-content-wrap  .gform-theme-datepicker:not(.gform-legacy-datepicker) {background: var(--white);border: 1px solid var(--brand);border-radius: 3px;box-shadow: 0 1px var(--space-xs) rgb(0 0 0 / 11%), 0 0 var(--space-xs) rgb(18 25 97 / 4%);color: #607382;font-size: 14px;margin-top: 5px;padding: 18px 15px;width: auto;  border-radius: 5px;}
.page-content-wrap .gform-theme-datepicker:not(.gform-legacy-datepicker) .ui-datepicker-calendar .ui-datepicker-current-day .ui-state-default,.page-content-wrap .gform-theme-datepicker:not(.gform-legacy-datepicker) .ui-datepicker-calendar .ui-state-default:focus,.page-content-wrap  .gform-theme-datepicker:not(.gform-legacy-datepicker) .ui-datepicker-calendar .ui-state-default:hover{color: var(--brand); border: solid 1px var(--brand); border-radius: 5px;}

.gform-theme-datepicker:not(.gform-legacy-datepicker) .ui-datepicker-calendar th span, .ui-datepicker:not(.gform-legacy-datepicker) .ui-datepicker-title span{color: var(--grey-4); text-transform: uppercase; font-weight: normal; font-size: 14px;}
.gform-theme-datepicker:not(.gform-legacy-datepicker) .ui-datepicker-header .ui-datepicker-next .ui-icon, .gform-theme-datepicker:not(.gform-legacy-datepicker) .ui-datepicker-header .ui-datepicker-prev .ui-icon {display: none;}
.gform-theme-datepicker:not(.gform-legacy-datepicker) .ui-datepicker-header .ui-datepicker-next, .gform-theme-datepicker:not(.gform-legacy-datepicker) .ui-datepicker-header .ui-datepicker-prev{align-items: center;cursor: pointer;display: flex;height: 20px;justify-content: center; line-height: 1;position: absolute;width: 20px; background-image: url(assets/svg/assets/arrow-left-grey.svg); background-repeat: no-repeat;background-position: center;}
.gform-theme-datepicker:not(.gform-legacy-datepicker) .ui-datepicker-header .ui-datepicker-next{background-image: url(assets/svg/assets/arrow-right-grey.svg);}
.gform-theme-datepicker:not(.gform-legacy-datepicker) .ui-datepicker-header .ui-datepicker-prev {left: 16px;}
.gform-theme-datepicker:not(.gform-legacy-datepicker) .ui-datepicker-header .ui-datepicker-next {right: 16px;}
.ui-datepicker:not(.gform-legacy-datepicker) .ui-datepicker-title {text-align: center;}
.ui-datepicker:not(.gform-legacy-datepicker) .ui-datepicker-title span{color: var(--grey-1);}
.gform-theme-datepicker:not(.gform-legacy-datepicker) .ui-datepicker-header select {background-color: transparent;background-image: url(assets/svg/assets/arrow-down-grey.svg);background-position: 100% 50%;background-repeat: no-repeat;background-size: 20px 20px; border-radius: 0;border: 0;box-shadow: none;color: var(--grey-2);cursor: pointer;font-size: 14px;font-weight: 500;height: auto;min-height: 0;padding: 0 22px 0 0; -webkit-appearance: none;text-transform: uppercase;}
.gform-theme-datepicker:not(.gform-legacy-datepicker) .ui-datepicker-header select.ui-datepicker-month {margin-right: 20px;-moz-text-align-last: right;text-align-last: right;}
.gform-theme-datepicker:not(.gform-legacy-datepicker) td{padding: 2px 5.4px;}
.gform-theme-datepicker:not(.gform-legacy-datepicker) .ui-datepicker-header{padding: 11px 0;}
.gform-theme-datepicker:not(.gform-legacy-datepicker) {background: #fff;border: 1px solid #d0d1d3;border-radius: 3px;box-shadow: 0 10px 15px -10px rgb(51 59 65 / 50%), 0 1px 3px 0 rgb(0 0 0 / 25%);color: #607382;font-size: 13px;font-weight: 500;margin-top: 5px;padding: 14px 15.1px 10px;width: auto; z-index: 2;}
.gform-theme-datepicker:not(.gform-legacy-datepicker) .ui-datepicker-calendar .ui-state-default{display: flex;justify-content: center; align-items: center;width:  36px; height: 36px; color: var(--grey-2); font-size: 14px;}
.gform-theme-datepicker:not(.gform-legacy-datepicker) .ui-datepicker-calendar .ui-state-disabled .ui-state-default{color: var(--grey-5);}
.gform-theme-datepicker:not(.gform-legacy-datepicker) .ui-datepicker-calendar .ui-datepicker-current-day .ui-state-default{color: var(--brand); border: 1px solid var(--brand); border-radius: 5px;}
.gform-theme-datepicker:not(.gform-legacy-datepicker) thead th{padding-bottom: 14px;}
.gform-theme-datepicker:not(.gform-legacy-datepicker) .ui-datepicker-calendar{border-collapse: separate; padding-top: var(--space-base);}
*/
/*File upload*/
/*.file-upload-button{background-color: var(--grey-6);border-radius: 5px;box-shadow: 0 3px 5px -30px rgba(51, 59, 65, 0.25);border: solid 1px var(--grey-5); font-size: 16px; line-height: 1.25; padding: 14px 16px;}
.form-wrapper .gform_wrapper.gravity-theme input.file-upload-input{border: 0; color: var(--grey-2);    width: calc(100% - 121px); }
.gform_fileupload_rules{font-size: 14px; color: var(--grey-4); line-height: 1.5; margin-top: var(--space-s); display: block;}
*/
/*Hidden*/
/*.page-content-wrap .gform_wrapper.gravity-theme .hidden_label .gfield_label, .gform_wrapper.gravity-theme .hidden_sub_label, .gform_wrapper.gravity-theme .screen-reader-text, .form-wrapper .gfield_required_text, .form-wrapper .gform_wrapper .gform_validation_errors {border: 0;clip: rect(1px,1px,1px,1px);-webkit-clip-path: inset(50%);clip-path: inset(50%);height: 1px;width: 1px;margin: -1px;overflow: hidden;padding: 0;position: absolute;word-wrap: normal!important;}
.page-content-wrap .gform_validation_container, .gform_wrapper.gravity-theme .gform_validation_container, body .gform_wrapper.gravity-theme .gform_body .gform_fields .gfield.gform_validation_container, body .gform_wrapper.gravity-theme .gform_fields .gfield.gform_validation_container, body .gform_wrapper.gravity-theme .gform_validation_container {display: none!important;position: absolute!important;left: -9000px;}
*//* ======================= Form End ======================= */

/* ======================= Gutenberg style override Start ======================= */
.wp-block-column:not(:first-child){margin-left: 6.779661016%;}
.aligncenter{text-align: center;}
.wp-block-cover .wp-block-cover__inner-container{display: flex; flex-flow: column;}
.wp-block-group{padding: var(--space-xl) 0}
.wp-block-group__inner-container{ max-width: 1100px !important;padding: 0 18px;}
.wp-block-columns{ margin-bottom: 0}
.wp-block-group{float: left;width: 100%}
.wp-block-group__inner-container .testimonial-carousel-inner{margin: 0 -110px;}
.row-rev .wp-block-column:not(:first-child){margin-left: 0;}
.row-rev .wp-block-column:first-child{margin-left: 6.779661016%;}
.wp-block-image figcaption{font-style: italic;}
.wp-block-separator.is-style-wide{border:  solid 0.5px var(--grey-6); margin-block-start: 36px;margin-block-end: 36px;float: left; width: 100%;border-bottom-width: 0;}
blockquote.wp-block-quote  cite{font-size: 1em; font-style: normal; color: var(--grey-4); margin-top: var(--space-base); display: block;}

.is-yly-aligned-center {align-items: center;}
.is-yly-aligned-bottom {align-items: flex-end;align-items: end;}

.wp-block-media-text .wp-block-media-text__content{padding: 0}
.is-stacked-on-mobile{grid-row-gap: var(--space-m);}
.wp-block-group__inner-container :last-child{margin-bottom: 0}
.post-content-wrap a:not(.wp-block-button a):not(.tags a){color: inherit; text-decoration: underline;}
/* ======================= Gutenberg style override End ======================= */

/* ======================= Gutenberg style override Start ======================= */
/*.wp-block-media-text .wp-block-media-text__content{padding: 0 0 0 16%}*/
/*.wp-block-media-text.has-media-on-the-right .wp-block-media-text__content{padding: 0 16% 0 0}*/
/*.wp-block-image.size-full{margin: var(--space-xl) 0;}*/
.wp-block-media-text + .wp-block-image.size-full{margin-top: var(--space-xl)}
.wp-block-media-text{padding-top: var(--space-base);}
/* ======================= Gutenberg style override End ======================= */

/*.wp-block-group{padding: var(--space-xl) 0}*/

/* ======================= Slick Slider Start ======================= */
/*.slick-slider{padding-bottom: 56px;}*/
.slick-slide:hover{cursor:-webkit-grab; cursor:-moz-grab; cursor:grab;}
.slick-dots{margin-top: 40px; bottom:  0}
.slick-dots li{margin: 0 3px; border: 1px solid var(--white); width: 12px; height: 12px; border-radius: 50%; background-color: transparent;}   
.slider-dots-light .slick-dots li.slick-active{background-color: var(--white);}
.slider-dots-light.slick-dotted.slick-slider{padding-bottom: 32px; margin: 0}
/*.slick-dots li, .slick-dots li button{width: 10px; height: 10px;}*/
/*.slick-dots li button:before{color: var(--brand);width: 10px; height: 10px;font-size: 32px;line-height: 10px;opacity: 0.3}*/
/*.slick-dots li.slick-active button:before{color: var(--brand);opacity: 1}*/
/*.slider-dots-dark .slick-dots li button:before{color: var(--grey-1);}*/
/*.slider-dots-dark .slick-dots li.slick-active button:before{color: var(--grey-1);}*/
/*.slider-dots-light .slick-dots li button:before{color: var(--white);}*/
/*.slider-dots-light .slick-dots li.slick-active button:before{color: var(--white);}*/
.slick-dots li button:before, .slick-dots li button{opacity: 0}


.slick-prev, .slick-next{ width: 29px; height: 29px; z-index: 1; background-color: var(--white); border-radius: 100%; animation: updown 1.5s linear infinite; transition: all .3s ease-in; transition-delay: 0s;box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);}
.slick-prev{left: 14px; }
.slick-next{right: 14px;}
.slick-next:before, .slick-prev:before{content: ''; position: absolute; top: 50%; left: 55%; background-image: url(assets/svg/assets/arrow.svg); background-size: 11px 18px; background-repeat: no-repeat; background-position: center center; width: 11px; height: 18px; opacity: 1; transform:translate(-50%, -50%);}
.slick-prev:before{transform:translate(-50%, -50%) rotate(180deg); left: 44%;}

.slick-arrow:hover{animation-play-state: paused; padding: 20px;background-color: var(--white);}
/*.slick-prev:hover:not(.slick-disabled), .slick-next:hover:not(.slick-disabled){background-color: rgb(1 182 244 / 25%);}
.slider-arrow-light .slick-prev:hover:not(.slick-disabled), .slider-arrow-light .slick-next:hover:not(.slick-disabled){background-color: rgb(255 255 255 / 25%);}
.slider-arrow-dark .slick-prev:hover:not(.slick-disabled), .slider-arrow-dark .slick-next:hover:not(.slick-disabled){background-color: rgb(31 34 36 / 25%)}*/

/*.slick-prev.slick-disabled, .slick-next.slick-disabled{background-color: rgb(1 182 244 / 5%);}
.slider-arrow-light .slick-prev.slick-disabled, .slider-arrow-light .slick-next.slick-disabled{background-color: rgb(255 255 255 / 5%)}
.slider-arrow-dark .slick-prev.slick-disabled, .slider-arrow-dark .slick-next.slick-disabled{background-color: rgb(31 34 36 / 5%)}
.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before{opacity: 0.4;}*/
.slick-prev.slick-disabled:hover, .slick-next.slick-disabled:hover{cursor: unset;}

/* ======================= Slick Slider End ======================= */



/* ======================= Keyfames Animations Start ======================= */
@-webkit-keyframes rotate{

    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(-360deg);
    }

}

@keyframes rotate{

    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(-360deg);
    }

}

@keyframes updown{
    0%{
       transform: scale(0.9);
    }
    50%{
       transform: scale(1.1);
    }
    100%{
       transform: scale(0.9);
    }
}

@-webkit-keyframes wave-text {
    00% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
    }
    60% {
        -webkit-transform: translateY(-70px);
        transform: translateY(-70px);
    }
    100% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
    }
}

@keyframes wave-text {
    00% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
    }
    60% {
        -webkit-transform: translateY(-70px);
        transform: translateY(-70px);
    }
    100% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
    }
}

@-webkit-keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    40% {
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px);
    }
    60% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px);
    }
}
@keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        -ms-transform: translateY(0);
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    40% {
        -ms-transform: translateY(-20px);
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px);
    }
    60% {
        -ms-transform: translateY(-10px);
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px);
    }
}
/* ======================= Keyfames Animatfions End ======================= */


.back-top-btn{width: 100%}
.back-top-btn .rotate-arrow{-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);transform: rotate(180deg);}
.back-top-btn figure img{max-height: 20px}
.back-top-btn h4{font-size: 1.25em}
.back-top-btn a{color: inherit;}

.position-rel{position: relative;}
.z-index-2{z-index: 2}


/*Parallax bubbles*/
.products-bubbles-wrap{position: absolute; top: 0;left: 0; height: 100%; width: 100%; z-index: 1}
.products-bubbles-wrap .common-wrap{position: relative; height: 100%}
.products-bubbles-left{display: inline-block; width: 100%; height:100%;}
.products-bubbles-right{display: inline-block; width: 100%; height:100%; position: absolute; right: 0}
.products-bubbles-wrap figure{-webkit-transition: 2s linear;-o-transition: 2s linear;transition: 2s linear;}
.products-bubbles-wrap figure img{-webkit-transition: 12s linear;-o-transition: 12s linear;transition: 12s linear; width: 100%;}

.products-bubbles-left .products-bubbles{float: left; max-width: 40px; width: 100%; height:auto ;position: absolute; left: 4.64%; top: 7.71029668411867%; z-index: 5;}
.products-bubbles-left .products-bubbles:nth-child(2){left: 14.571428571428571%; top: 16.17801047120419%;}
.products-bubbles-left .products-bubbles:nth-child(3){left: 3.8%; top: 33.73996509598604%;}
.products-bubbles-left .products-bubbles:nth-child(4){ left: 17%; top: 58%; }
.products-bubbles-left .products-bubbles:nth-child(5){left: 4.8%; top: 76%;}
.products-bubbles-left .products-bubbles:nth-child(6){left: 13%; top: 98%;}
.products-bubbles-left .products-bubbles:nth-child(7){left: 13%; top: 120%;}
.products-bubbles-left .products-bubbles:nth-child(8){left: 4.8%; top: 136%;}

.products-bubbles-right .products-bubbles{float: left;  max-width: 40px; width: 100%; height:auto ;position: absolute; left: auto; right: 11%; top: 9.71029668411867%; z-index: 5;}
.products-bubbles-right .products-bubbles:nth-child(2) { right: 2.3%; top: 24.17801047120419%;}
.products-bubbles-right .products-bubbles:nth-child(3) { left: auto; right: 13.847222%; top: 53.73996509598604%; }
.products-bubbles-right .products-bubbles:nth-child(4) {  left: auto; right: 5%;  top: 68%; }
.products-bubbles-right .products-bubbles:nth-child(5) { left: auto; right: 9%; top: 85%; z-index: 5; }
.products-bubbles-right .products-bubbles:nth-child(6) { left: auto; right: 2.3%; top: 98%; z-index: 5; }
.products-bubbles-right .products-bubbles:nth-child(7) { left: auto; right: 2.3%; top:120%; z-index: 5; }
.products-bubbles-right .products-bubbles:nth-child(8) { left: auto; right: 9%; top: 136%; z-index: 5; }

.featured-products .products-bubbles-left .products-bubbles{ top: 5%;}
.featured-products .products-bubbles-left .products-bubbles:nth-child(2){top: 53%;left: 1.571428571428571%;}
.featured-products .products-bubbles-left .products-bubbles:nth-child(3){ top: 89%;}
.featured-products .products-bubbles-left .products-bubbles:nth-child(4){  top: 120%; }
.featured-products .products-bubbles-left .products-bubbles:nth-child(5){ top: 160%;}
.featured-products .products-bubbles-left .products-bubbles:nth-child(6){ top: 200%;}

.featured-products .products-bubbles-right .products-bubbles{ top: 11%;}
.featured-products .products-bubbles-right .products-bubbles:nth-child(1){right: 8%}
.featured-products .products-bubbles-right .products-bubbles:nth-child(2){top: 58%;}
.featured-products .products-bubbles-right .products-bubbles:nth-child(3){ top: 90%;}
.featured-products .products-bubbles-right .products-bubbles:nth-child(4){  top: 130%; }
.featured-products .products-bubbles-right .products-bubbles:nth-child(5){ top: 160%;}
.featured-products .products-bubbles-right .products-bubbles:nth-child(6){ top: 190%;}

.centered-content-section .products-bubbles-left .products-bubbles, .centered-content-section .products-bubbles-right .products-bubbles { top: 8.710297%;}
.centered-content-section .products-bubbles-left .products-bubbles:nth-child(2){ left: -2.428571%; top:26.17801%}
.centered-content-section .products-bubbles-left .products-bubbles:nth-child(3){ left: 2.428571%; top:42.17801%}
.centered-content-section .products-bubbles-left .products-bubbles:nth-child(4){ left: -2.428571%; top:64%}
.centered-content-section .products-bubbles-left .products-bubbles:nth-child(5){ left: -1.428571%; top:93%}

.centered-content-section .products-bubbles:nth-child(2){right: -2.428571%; top:26.17801%}
.centered-content-section .products-bubbles:nth-child(3){right: 2.428571%; top:42.17801%}
.centered-content-section .products-bubbles:nth-child(4){right: -2.428571%; top:64%}
.centered-content-section .products-bubbles:nth-child(5){right: 1.428571%; top:93%}

.accordion-section .products-bubbles{top: 19.710297%;}
.accordion-section .products-bubbles:nth-child(2){top: 50%;}
.accordion-section .products-bubbles:nth-child(3){top: 82%;}
.accordion-section .products-bubbles:nth-child(4){top: 117%;}
.accordion-section .products-bubbles:nth-child(5){top: 144%;}
.accordion-section .products-bubbles:nth-child(6){top: 164%;}
.accordion-section .products-bubbles:nth-child(7){top: 180%;}
.accordion-section .products-bubbles:nth-child(8){top: 200%;}

.accordion-section .products-bubbles-left .products-bubbles{left: 8%;}
.accordion-section .products-bubbles-left .products-bubbles:nth-child(2){left: 1.64%; }
.accordion-section .products-bubbles-left .products-bubbles:nth-child(3){left: 7%; }
.accordion-section .products-bubbles-left .products-bubbles:nth-child(4){left: 7%; }
.accordion-section .products-bubbles-left .products-bubbles:nth-child(5){left: 1.64%; }
.accordion-section .products-bubbles-left .products-bubbles:nth-child(6){left: 7%;}

.accordion-section .products-bubbles-right .products-bubbles{right: 8%;}
.accordion-section .products-bubbles-right .products-bubbles:nth-child(2){right: 1.64%; }
.accordion-section .products-bubbles-right .products-bubbles:nth-child(3){right: 7%; }
.accordion-section .products-bubbles-right .products-bubbles:nth-child(4){right: 7%; }
.accordion-section .products-bubbles-right .products-bubbles:nth-child(5){right: 1.64%; }
.accordion-section .products-bubbles-right .products-bubbles:nth-child(6){right: 7%;}



/*    Default Layout End
-------------------------------------------------------------------------------
*/


/*    Header Start
-------------------------------------------------------------------------------
*/
.header-section{float: left; width: 100%; background-color: transparent; position: fixed; left: 0; top: 0; z-index: 999; -webkit-transition: .5s cubic-bezier(0.65,0.05,0.36,1); -o-transition: .5s cubic-bezier(0.65,0.05,0.36,1); transition: .5s cubic-bezier(0.65,0.05,0.36,1);}
.header-inner{padding: 22px 0 14px; position: relative;-webkit-transition: .5s cubic-bezier(0.65,0.05,0.36,1); -o-transition: .5s cubic-bezier(0.65,0.05,0.36,1); transition: .5s cubic-bezier(0.65,0.05,0.36,1);}
.header-section nav ul li{display: inline-block;}
.header-section nav ul li a{color: var(--brand); text-transform: var(--text-uppercase); font-family: var(--font-family-bold); font-size: 3em; line-height: 1.04em; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; transition: all .4s ease-in-out;}
.nav-buttons a{margin-top: 0;}

.header-top{float: left; width: 100%; background-color: #FA0E58; padding: 4px 0; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-transition: .5s cubic-bezier(0.65,0.05,0.36,1); -o-transition: .5s cubic-bezier(0.65,0.05,0.36,1); transition: .5s cubic-bezier(0.65,0.05,0.36,1);}
.header-top img{margin: 0 9px; width: 20px;}
.header-top span{font-family: 'BuenosAiresBold'; font-size: 18px; line-height: 23px;}

.nav-wrap{padding: 100px 0}

body.home h1{
	font-size: 6.625em;
    max-width: 500px;
    text-align: center;
    z-index: 1;
	line-height: 80%;
}

.header-section .main-nav-meta ul li { margin-top: var(--space-xs);}
.header-section .main-nav-meta ul li a{ color: var(--white); font-size: 1em; line-height: normal; }
.nav-wrap .social-wrap h5{ color: var(--white); font-size: 0.8125em; line-height: normal; }
/*.logo-wrap{position: absolute;}*/

/* ======================= Mobile Navigation ======================= */
.phone-nav{ width: 32px; height: 24px; cursor: pointer; z-index: 999; position: absolute; left: 0; -webkit-transition: .5s cubic-bezier(0.65,0.05,0.36,1); -o-transition: .5s cubic-bezier(0.65,0.05,0.36,1); transition: .5s cubic-bezier(0.65,0.05,0.36,1);}
.phone-nav div{float: left; width: 100%; height: 3px; position: relative; background: var(--brand); top: 12px;-webkit-transition: .5s cubic-bezier(0.65,0.05,0.36,1); -o-transition: .5s cubic-bezier(0.65,0.05,0.36,1); transition: .5s cubic-bezier(0.65,0.05,0.36,1);}
.phone-nav div:before, .phone-nav div:after { content: ""; width: 100%; height: 3px; position: absolute;  background: var(--brand); left: 0px; -webkit-transition: .5s cubic-bezier(0.65,0.05,0.36,1); -o-transition: .5s cubic-bezier(0.65,0.05,0.36,1); transition: .5s cubic-bezier(0.65,0.05,0.36,1);}
.phone-nav div:before {top: 9px}
.phone-nav div:after {bottom: 9px}

/* ======================= Scrolling header ======================= */
.scrolling-header .header-section{background-color: var(--white);}



/*    Header End
-------------------------------------------------------------------------------
*/

/*Global setting classes*/
.lead-section, .lead-section .lead-text{text-align: center;}


/*    Blocks Start
-------------------------------------------------------------------------------
*/

/* ======================= Page Sections Start ======================= */
.nbsection-section, .section{float: left; width: 100%; position: relative;}
/* ======================= Page Sections End ======================= */

.page-header-static{height: 100vh}
.hero-bg{position: absolute; width: 100%; height: 100%; left: 0; top: 0}
.hero-bg img{height: 100%}
.centred-hero-image {width:85.02824859%}
.page-header-inner{height: 100%}
.page-header-inner .common-wrap{width: 100%}
.page-header-static .scroll-btn{float: left; width: auto;bottom: 48px;  left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%);width: 30px; height: 42px; position: absolute;}
.page-header-static .scroll-btn a{-webkit-animation: bounce 2s cubic-bezier(.11,.4,.85,1.04) infinite;animation: bounce 2s cubic-bezier(.11,.4,.85,1.04) infinite;}




/* ======================= Image Comparison Slider Start ======================= */



.artisanal-gelato-inner{float: left; width: 100%; z-index: 2; position: relative;}

.artisanal-gelato{float: left; width: 100%;}

/*.artisanal-gelato-btns{float: left; width: 138px;}
.artisanal-gelato-btns a{margin-bottom: 4px;}*/

.artisanal-gelato-info-wrap{display: inline-block;width: 100%; max-width: 214px; margin-left: auto; margin-right: auto}

.artisanal-gelato-info{float: left; width: 50%}
.artisanal-gelato-info figure{max-width: 51px; margin-left: auto; margin-right: auto}
.artisanal-gelato-info figure img{border-radius: 100%; background-color: #ffffff; width: 100%}
.artisanal-gelato-info figcaption{font-size: 0.75em; line-height: 0.92; text-transform: uppercase; font-family: var(--font-family-bold);}

.artisanal-gelato-expand-wrap { float: left; width: 100% ;padding: 0 10px}
.artisanal-gelato-expand{max-width: 521px; margin: 0 auto; position: relative; }
.artisanal-gelato-expand-thumbs{float: left; width: 100%; position: absolute; top: 50%; max-width: 82%; left: 53%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); height: 77%; z-index: 9; overflow: hidden; border-radius: 100%;}
.artisanal-gelato-circle{float: left; width: 100%;}
@keyframes rotateReverse { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } .artisanal-gelato-circle img { -webkit-animation: rotateReverse 30s linear infinite; animation: rotateReverse 30s linear infinite; }
.artisanal-gelato-image { height: 100%; width: 100%; float: left; position: relative; }


.expand-thumb-tropical{-webkit-transition: 1.5s cubic-bezier(0.65,0.05,0.36,1);-o-transition: 1.5s cubic-bezier(0.65,0.05,0.36,1);transition: 1.5s cubic-bezier(0.65,0.05,0.36,1);;}
.expand-thumb-passionfruit-half{position: absolute; top: 6.189555125725338%; right: 0; max-width: 281px; z-index: 1; -webkit-transition: 1.5s cubic-bezier(0.65,0.05,0.36,1); -o-transition: 1.5s cubic-bezier(0.65,0.05,0.36,1); transition: 1.5s cubic-bezier(0.65,0.05,0.36,1); -webkit-transition-delay: 600ms; -o-transition-delay: 600ms; transition-delay: 600ms}
.expand .expand-thumb-passionfruit{opacity: 1; -webkit-transform: translateX(67%); -ms-transform: translateX(67%); transform: translateX(67%);}
.expand-thumb { position: absolute; width: 100%; height: 100%; overflow: hidden; top: 0; left: 0; right: auto; padding-left: 0; }
.expand-thumb img { display: block; vertical-align: middle; width:auto;height:100%;max-width:initial;}
.expand-thumb-passionfruit { width: 35.5%;  left: -1px }

.artisanal-expand-icon {position: absolute; top: 50%; left: 35%; width: 20%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translate(-50%, -50%); z-index: 2; cursor: pointer; height: auto; text-align: center;}
.expand .expand-thumb-tropical{-webkit-transform: translateX(-80%);-ms-transform: translateX(-80%);transform: translateX(-80%); }
.expand .expand-thumb-passionfruit-half{opacity: 0; visibility: hidden; -webkit-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; transition: .3s ease-in-out; -webkit-transition-delay: 50ms; -o-transition-delay: 50ms; transition-delay: 50ms; z-index: 0;}
.artisanal-gelato em{font-size:  0.625em; line-height: normal; letter-spacing: 1px; text-transform: uppercase; font-family: 'BuenosAiresBold'; float: left; width: 100%; text-align: center;}

.artisanal-gelato-info-wrapper{float: left; width: 100%; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
.artisanal-gelato-info-inner{float: left; width: 100%; max-width: 880px; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;}
.artisanal-gelato-info-content{width: 100%}
.artisanal-gelato-info-content h2{font-size: 2em}
.artisanal-gelato-info-content p{font-size: 1em}
/* ======================= Image Comparison Slider End ======================= */


/* ======================= Image Comparison Slider Small Start ======================= */

.quality-content p{font-size: 1em}
.quality-main-thumb { float: left; width: 100%;height: 100%;max-width: 43vw;}
.quality-main-wrap{float: left; width: 100%; height: 38vw;}

.quality-main-wrap .artisanal-gelato-expand-wrap{height: 100%;}
.quality-main-wrap .artisanal-gelato-expand{height: 100%; max-width: 100%}
.quality-main-wrap .artisanal-gelato-expand-thumbs{ max-width: 100%; height: 100%; }
.quality-main-wrap .artisanal-expand-icon{    width: 21%}
.quality-main-content span{font-size: 0.5625em;  letter-spacing: 0.9px; font-family: var(--font-family-bold);display: inline-block; }

.quality-main-content h4{line-height: normal; font-size: 0.75em}
.quality-item h4{font-size: 1.25em}
.quality-item p{font-size: 1em}

/* ======================= Image Comparison Slider Small End ======================= */



/* ======================= Featured Products Slider Start ======================= */
.product-slider-wrap .slick-track{display: flex}
.product-slider{width: 25%; height: inherit;}
.ingredients-title h2{font-size: 2.25em}
.ingredients-title h2 em{font-size: 1.2777777777777777em; line-height: 0.7}
.shop-range-btn{display: inline-block; width: 100%}

.ingredients-wrap{display: inline-block; width: 100%}
.ingredients-wrap .page-container{position: relative; z-index: 2}
.winner-wave{height: 80px; position: relative; z-index: 1;}
.winner-wave em{display: inline-block; -webkit-animation: wave-text 3.1s ease-in-out infinite; animation: wave-text 3.1s ease-in-out infinite; font-style: normal; font-size: 18px; letter-spacing: 0;}

.winner-wave em:nth-of-type(1){-webkit-animation-delay: 0.04s; animation-delay: 0.04s;}
.winner-wave em:nth-of-type(2){ -webkit-animation-delay:0.12s; animation-delay: 0.12s;}
.winner-wave em:nth-of-type(3){-webkit-animation-delay: 0.18s; animation-delay: 0.18s;}
.winner-wave em:nth-of-type(4){-webkit-animation-delay: 0.26s; animation-delay: 0.26s;}
.winner-wave em:nth-of-type(5){-webkit-animation-delay: 0.34s; animation-delay: 0.34s;}
.winner-wave em:nth-of-type(6){-webkit-animation-delay: 0.42s; animation-delay: 0.42s;}
.winner-wave em:nth-of-type(7){-webkit-animation-delay: 0.50s; animation-delay: 0.50s;}
.winner-wave em:nth-of-type(8){-webkit-animation-delay: 0.58s; animation-delay: 0.58s;}
.winner-wave em:nth-of-type(9){-webkit-animation-delay: 0.66s; animation-delay: 0.66s;}
.winner-wave em:nth-of-type(10){-webkit-animation-delay: 0.74s; animation-delay: 0.74s;}
.winner-wave em:nth-of-type(11){-webkit-animation-delay: .82s; animation-delay: .82s;}
.winner-wave em:nth-of-type(12){-webkit-animation-delay: .90s; animation-delay: .90s;}
.winner-wave em:nth-of-type(13){-webkit-animation-delay: .98s; animation-delay: .98s;}
.winner-wave em:nth-of-type(14){-webkit-animation-delay: 1.06s; animation-delay: 1.06s;}
.winner-wave em:nth-of-type(15){-webkit-animation-delay: 1.14s; animation-delay: 1.14s;}
.winner-wave em:nth-of-type(16){-webkit-animation-delay: 1.22s; animation-delay: 1.22s;}
.winner-wave em:nth-of-type(17){-webkit-animation-delay: 1.30s; animation-delay: 1.30s;}
.winner-wave em:nth-of-type(18){-webkit-animation-delay: 1.38s; animation-delay: 1.38s;}
.winner-wave em:nth-of-type(19){-webkit-animation-delay: 1.46s; animation-delay: 1.46s;}
.winner-wave em:nth-of-type(20){-webkit-animation-delay: 1.54s; animation-delay: 1.54s;}
.winner-wave em:nth-of-type(21){-webkit-animation-delay: 1.62s; animation-delay: 1.62s;}
.winner-wave em:nth-of-type(22){-webkit-animation-delay: 1.70s; animation-delay: 1.70s;}
.winner-wave em:nth-of-type(23){-webkit-animation-delay: 1.78s; animation-delay: 1.78s;}
.winner-wave em:nth-of-type(24){-webkit-animation-delay: 1.86s; animation-delay: 1.86s;}
.winner-wave em:nth-of-type(25){-webkit-animation-delay: 1.94s; animation-delay: 1.94s;}
.winner-wave em:nth-of-type(26){-webkit-animation-delay: 2.02s; animation-delay: 2.02s;}
.winner-wave em:nth-of-type(27){-webkit-animation-delay: 2.10s; animation-delay: 2.10s;}
.winner-wave em:nth-of-type(28){-webkit-animation-delay: 2.18s; animation-delay: 2.18s;}
.winner-wave em:nth-of-type(29){-webkit-animation-delay: 2.26s; animation-delay: 2.26s;}
.winner-wave em:nth-of-type(30){-webkit-animation-delay: 2.34s; animation-delay: 2.34s;}

.top-image, .btm-image, .btm-img-left,.btm-img-right, .btm-img-left{position: absolute;}
.top-image{top: -106px; left: 0; max-width: 390px}
.btm-image{bottom: 0; right: 0; max-width:293px }
.btm-img-left{left: 0; bottom: 0;  width: 100%}
.btm-img-right{right: 0; bottom: 0}
/* ======================= Featured Products Slider End ======================= */

/* ======================= Newsletter Start ======================= */
.input-col.mc-field-group{width: 100%; padding-bottom: 12px;}
.widget-form .input-col input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]):not([type="button"]){width: 100%}
.widget-form .errors ul li, .email-validation-message, .mce-error-response { color: #fa0e58;font-size: 16px; text-align: left; }
.email-validation-message, .mce-error-response, .mce-success-response { float: left; width: 100%;}
.mce-success-response h3 { text-transform: uppercase; margin-bottom: 10px;}
.input-col.concent-checkbox {position: relative;}
.input-col.concent-checkbox input {
  padding: 0;
  height: initial;
  width: initial;
  margin-bottom: 0;
  display: none;
  cursor: pointer;
}

.input-col.concent-checkbox .checkbox-styled {
  position: absolute; top: 0;
  left: 0;
  cursor: pointer;
  float: left; display: inline-block;
}

.input-col.concent-checkbox .checkbox-styled:before {
  content:'';
  -webkit-appearance: none;
  background-color: transparent;
  border: 1px solid var(--white);
  padding: 8px;
  display: inline-block;
  position: relative;
  vertical-align: middle;
  cursor: pointer; border-radius: 10px;float: left;}

.input-col.concent-checkbox input:checked + .checkbox-styled:after {content: '';display: block;position: absolute;top: 50%; left: 50%; width: 8px; height: 8px; border-radius: 8px;background-color:var(--white);transform: translate(-50%, -50%);}

.input-col.concent-checkbox p {font-size: 0.625em; text-align: left; width: 100%; line-height: normal; padding-left: 30px; margin-top: 0; width: 100%; padding-top: var(--space-s); margin-bottom: var(--space-xs);}
.input-col.concent-checkbox p a{color: var(--fpink); text-decoration: underline; }
.input-col input[type=submit]:disabled {opacity: 0.5; cursor: not-allowed; }

/*.newsletter-form-container .submit-col{width: auto; padding-left: 19px; display: inline-block;}*/
.bottom-shape{position: relative; width: 100%; margin-top: -24px; padding-bottom: 0;}
.bottom-shape:after{content: ''; position: absolute; top: auto; bottom: -4px; left: 0; width: 100%; height: 57px; background-image: url('./top-shape.svg'); background-repeat: no-repeat; background-position: center center; background-size: cover; z-index: 1}


.successful-submission .mce-responses .mce-success-response { display: block !important;}
.successful-submission .mc_embed_signup_scroll { display: none;}
/* === News-Letter Section === */

.newsletter-section h3{font-size: 2.5em; line-height: 0.95}
.newsletter-section h4{font-size:  1.75em; line-height: 1}
.newsletter-section h4 em{font-family: var(--font-family-cursive);}
.newsletter-section{position: relative;}
.newsletter-bg{width: 100%}
.newsletter-bg picture {float: left; height: 100%; width: 100%}
.newsletter-bg picture img{height: 100%; object-position: right bottom; object-fit: contain}

/*.newsletter-inner {width: 52%}*/
.newsletter-contents {position: relative; z-index: 2}
.newsletter-contents .input-col{width: 100%; display: inline-block;}
.newsletter-contents .input-col input{width: 100%}
.newsletter-contents .submit-col{width:100%; display: inline-block; text-align: center; }
.newsletter-form-container{max-width: 437px}
.newsletter-contents input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]):not([type="button"]){color: var(--white);}

 .newsletter-contents input[type="submit"]{width: auto; background-color: var(--white); border-radius: 22px; color: var(--brand); border: 1px solid #ffffff; font-size: 1.125em; padding: var(--space-xs) var(--space-m); -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; font-family: var(--font-family);}




/* ======================= Newsletter End ======================= */

/* ======================= Instagram Feed Start ======================= */
.instagram-feed-section{padding-bottom: 20px;}
.instagram-feed-wrap{padding: 10px 0}
.follow-us{padding-top: 10px}
.follow-us a{font-size: 1.125em; line-height:normal;}
/* ======================= Instagram Feed End ======================= */

/* ======================= Testimonials Start ======================= */
.testimonial-item{ margin: 0 6px; outline: none; }
/* ======================= Testimonials End ======================= */


/* ======================= Tab Page Header Start ======================= */
.page-title h1{font-size: }
.story-tab-triger-wrap{position: relative;}
.story-tab-triger-wrap ul li{flex: 50%}
.story-tab-triger-wrap ul li a{ padding: 8.5px 10px 8.5px; width: 100%; font-size: .75em; line-height: normal; font-family: var(--font-family-bold);}
.story-tab-triger-wrap .active-tab .has-brand-background-color, .story-tab-triger-wrap .active-tab .has-fpink-background-color{color: var(--lpink) !important;}
.story-tab-triger-wrap .active-tab .has-lpink-background-color{color: var(--berry) !important;}
/* ======================= Tab Page Header End ======================= */


.logo-text-rows .grid-item:nth-child(2) :last-child{margin-bottom: 0}
.logo-text-rows .grid-item a{color: var(--white); position: relative; text-underline-offset: 5px; text-decoration: underline;}


/* ======================= Centered Content Start ======================= */
.centered-content-section .common-wrap {max-width: 1170px}
.centered-content-section h2{margin-bottom: var(--space-xl);}
.centered-content-section p{display: inline-block; width: 100%}
.centered-content-section p img{margin: var(--space-base) 0 var(--space-xl)}
.centered-content-section p + h5 {margin-top: var(--space-m);}
.centered-content-section h3 + p img{margin-top: 0}
.centered-content-section h3 em{font-size:1.119em}

/* ======================= Centered Content End ======================= */

.packaging-item-thumb img{max-height: 209px; margin: 0 auto}
.lg\:grid-container-four .packaging-item-thumb img{max-height: 61px;}

.image-text-column-block-section h4{font-size: 1.5em}
.image-text-column-block-section .lead-out-text a{color: var(--brand);position: relative;text-underline-offset: 5px; text-decoration: underline;}

.accordion-wrap{float: left; width: 100%}
.accordion{    float: left; width: 100%;z-index: 2;}
.accordion-item, .accordion-content {display: inline-block; width: 100%}
.accordion-content-row{display: none}
.accordion-title{width: 100%}
.accordion-section .accordion-title{border-bottom: 1px solid var(--grey-3);position: relative;}
.accordion-section .accordion-title h5{font-family: var(--font-family); font-weight: normal;}
.accordion-title h5{width: 100%; position: relative;padding-right: 22px;}
.accordion-title h5:after{content: '';position: absolute; right:0; top: 0;background-image: url('assets/svg/assets/scroll-arrow-black.svg');height: 100%; background-size: contain; width: 16px; background-repeat: no-repeat; background-position: center center;}
.accordion-item.active-item h5:after{transform: rotate(180deg)}

.accordion-section .content-section h1{font-size: 3.125em; text-transform: uppercase; margin-bottom: var(--space-xl)}
.accordion-section  p{font-size: 1em}

.white-accordion .accordion-title{border-color: var(--white);}
.white-accordion .accordion-title h5:after{background-image: url('assets/svg/assets/scroll-arrow-wht.svg');;}


/*Vacancies*/
.career-accordion-wrap .container{position: relative;}
.career-accordion-wrap .container:before, .career-accordion-wrap .container:after{content: ''; position: absolute; background-repeat: no-repeat; background-size: cover; background-position: center center; width: 100%;left: 0;}
.career-accordion-wrap .container:before{background-image: url(assets/svg/assets/Path-2178.svg);  height: 41px; top: -20px; bottom: auto; }
.career-accordion-wrap .container:after{background-image: url(assets/svg/assets/Path-2180.svg);  height: 60px; top: auto; bottom: -31px;}
.career-thumb{margin-top: -34px}


.career-accordion-item{border-bottom: 2px solid var(--white);}
.career-accordion-item .accordion-title h5:after{background-image: url('assets/svg/assets/scroll-arrow.svg');}

.vacancies-wrapper{display: inline-block; width: 100%}
.openings__item{border-radius: 26px; padding: 20px}
.openings__item span{text-decoration: underline;text-underline-offset: 2px;}
.openings__item:hover span{text-decoration: none;}


/*Image & Text*/
.image-text-block-section + .centered-content-section{ padding-top:0 }



.logo-item img{max-height: 60px}


/*Contact details*/
.location-item h4{font-family: var(--font-family);}
.location-item a{text-decoration: underline;}
.find-us-bubbles-left-wrap, .find-us-bubbles-right-wrap {position: absolute;top: 0;left: 0;width: 100%; height: 100%;}

.find-us-bubbles { position: absolute;top: 153px; left: -44px; width: 28%; max-width: 202px;height: 100%;right: auto;}

.find-us-bubbles-left-wrap .find-us-bubbles:nth-child(2) { top: 21%;left: -9%;}
.find-us-bubbles-left-wrap .find-us-bubbles:nth-child(3) { top: 39%;left: 0%;}
.find-us-bubbles-left-wrap .find-us-bubbles:nth-child(4) {top: 45%;left: -5%;}
.find-us-bubbles-right-wrap .find-us-bubbles {left: auto; top: 153px; right: -44px;}
.find-us-bubbles-right-wrap .find-us-bubbles:nth-child(2) {  top: 16%; right: -9.5%;left: auto;}
.find-us-bubbles-right-wrap .find-us-bubbles:nth-child(3) { top: 39%; right: 0;left: auto;}
.find-us-bubbles-right-wrap .find-us-bubbles:nth-child(4) { top: 38.6%;right: -4.3%; left: auto;}

/*    Blocks End
-------------------------------------------------------------------------------
*/


/* ======================= Products ======================= */
.shop-tab-wrap{z-index: 999; overflow: hidden; -webkit-transition: .5s cubic-bezier(0.65,0.05,0.36,1); -o-transition: .5s cubic-bezier(0.65,0.05,0.36,1); transition: .5s cubic-bezier(0.65,0.05,0.36,1);}
.shop-tab-inner ul li {position: relative; overflow: hidden;}
.shop-tab-inner ul li a{ color: var(--lpink); font-size: 1em; line-height: 1.2;  font-family: var(--font-family-bold);}
.shop-tab-inner ul li.active a{color: var(--brand);}
.shop-tab-inner ul li.active:after {content: ''; position: absolute; width: 27px; background-color: var(--lpink); height: 32px; border-radius: 100%; top: auto; bottom: -6px; left: 50%; transform: translate(-50%,50%); }

.shop-item{height: 100%; position: relative;}
.shop-item .btn{min-width: 100%;}
.shop-item .add-to-btn{margin-top: auto;}
.shop-item .btn{width: 100%;}
.shop-item:hover .btn{color: var(--white);}
.rounded-hover { float: left; width: 100%; position: absolute; top: 2%;left: -50%; transform: translateX(50%); -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; opacity: 0; }
.shop-item:hover .rounded-hover { opacity: 1; }
.rounded-hover__bg {    width: 36vw;height: 36vw;border-radius: 50%;}
.shop-item-thumb{position: relative; z-index: 1}
.shop-item-content a{width: 100%}


/* ======================= Products ======================= */


/* ======================= Single Product ======================= */
.products-template-default .main-header-section{position: relative;}
.product-area.product-wrap { float: left;width: 100%;z-index: 1;}
.single-product-page{margin-top: 0}

.product-checkbox dfn, .product-dropdowns dfn{font-size: 0.625em; letter-spacing: 2px; font-family: var(--font-family-bold); padding-bottom: 12px; display: inline-block; width: 100%}
.product-dropdowns dfn{padding-bottom: var(--space-xs);}


.product-details-wrap{float: left; width: 100%}
.product-hero { float: left; width: 100%; position: relative; }
.product-hero:before{content:'';position: absolute; height: 57%; bottom: 0; left: 0; width: 100%}
.product-hero figure { position: relative; width: 100%; height: auto; max-height: 100%;  }
.product-hero figure img.bg-img {height: auto; margin: 0 auto; max-width: 100%; max-height: 100%; object-fit:contain;}
.description-wrap.mobi{position: relative; z-index: 1}
.description-wrap.mobi p{font-size: 1em}

.product-ingredients { float: left; width: 57px; position: absolute; top: 28px; right: 12px; }
.product-ingredients-item figure {width: auto; max-width: 80px;}
.product-ingredients-item em{font-size: 0.5625em; line-height: normal; font-family: var(--font-family-bold);}
.anchor-arrow {position: absolute; width: 100%; bottom: 12px;}


.info-slider-wrap{float: left; width: 100%;}
.info-slider span{ line-height: auto; color: var(--white); font-family: var(--font-family-bold);}

/*.food-quality{min-height: 520px}*/
.food-quality figure, .food-quality figure img, .food-quality picture, .food-quality picture img{height: 100%}
.food-quality-item figure img{max-height: 45.6px; height: 100%; width: 100%; display:flex;}
.food-quality-item em{font-family: var(--font-family-bold);max-width: 100px}

/*Table*/

.columned-accordion-wrap .accordion-title h5{width: auto;padding-right: 19px;}
.columned-accordion-wrap .accordion-title h5:after{background-image: url('assets/svg/assets/down-arrow.svg');width: 13px; background-size: 13px 8px;}
.product-dropdown-item p {font-size: 0.75em}

.nutritional__table tbody td, .nutritional__table tbody th{border: 1px solid var(--white); padding: 5px}
.nutritional__table tbody th{width: 57.5%; word-break: break-word;}
.nutritional__table thead, .nutritional__table tbody th{font-size: 0.75em; font-weight: normal; }
.nutritional__table thead th{padding: 5px 0; font-weight: normal;}
.nutritional__table tbody td{font-size: 0.875em}

.product-random-wrap{display: inline-block; width: 100%; position: relative;}
.product-random-slider-wrap .slick-list, .mobi-recipe-slider .slick-list{  padding: 0 22%;}
.product-slider-content{color: var(--brand); }
.product-slider-content h5{font-size: 1em}
.product-random-wrap .slick-prev{left: 23px}
.product-random-wrap .slick-next{right: 23px}

.mobi-recipe-slider{margin-left: -18px; margin-right: -18px;}
.mobi-recipe-slider .product-item{padding: 0 var(--space-s);}
/* ======================= Single Product ======================= */


/* ======================= Blog ======================= */
.filter-container form input{width: 100%; border: 1px solid var(--brand); border-radius: 24px; background-color: transparent; color: var(--brand); }
.filter-container form input::placeholder {color: var(--brand);opacity: 1;}
.filter-container form input::-webkit-input-placeholder {color:var(--brand); opacity: 1;}

.category-navigation .btn{padding-top: 9px; padding-bottom: 10px; padding-right: 10px; padding-left: 10px; font-size: 1.25em}
.category-navigation li.active a:not(.shop-tab-inner ul li a){background-color: var(--fpink);; color: var(--white); border-color: var(--fpink);}

.post-item h6{font-size: 1.25em; letter-spacing: 3.8px}
.post-item h4{line-height: 0.97; letter-spacing: 2.9px; font-size: 1.875em}
.post-item span{display: inline-block;}
.alm-load-more-btn.done{opacity: 0.5; cursor: not-allowed;}

.post-item figure{ overflow:hidden; }
.post-item img{-webkit-transition: -webkit-transform .4s ease-in-out;transition: -webkit-transform .4s ease-in-out;transition: transform .4s ease-in-out; transition: transform .6s ease-in-out, -webkit-transform .6s ease-in-out;}
.post-item:hover img { transform: scale(1.03);}
/* ======================= Blog ======================= */

/* ======================= Single Blog ======================= */
.post-header .h2{font-size:2.375em; letter-spacing:  4.7px}
.post-featured-img, .post-featured-img figure img, .post-featured-img figure{height: 100%}

.recipe-column-section .heading-section{position: relative;}
.recipe-column-section .heading-section:after{content:'';position: absolute; bottom: -15px; background: var(--brand); height: 2px; width: 100%; left: 0}
.recipe-column-section .text-section ol li{padding-left: 80px; margin-bottom: var(--space-l);}
.recipe-column-section .text-section ol li:before{font-family: var(--font-family-bold); font-size: 1.4em; top: -7px; left: 20px}
.product-feature .product-item-thumb{border-radius: 22px}
.product-feature h5{font-size: 1.25em}

.post-share-section {display: inline-block; width: 100%}
.post-share-section h6{width: auto;}
.post-share-section .social-share{float: left;}
.post-share-section .social-share img{width: 30px; height: 30px;}
.tags{float: right;}
.recipe-column-section + .post-share-section {background-color: var(--white); padding-top: 0 }
.recipe-column-section + .post-share-section .common-wrap{max-width: 1290px}
/* ======================= Single Blog ======================= */

/* ======================= Single Vacancy ======================= */
.vacancy-overview h5{font-size: 1.125em; font-family: var(--font-family);}
.single-vacancy-page .post-content-wrap .post-content p, .single-vacancy-page .post-content-wrap .post-content li{color: var(--black);}
.single-vacancy-page .post-content-wrap .post-content h4, .single-vacancy-page .post-content-wrap .post-content h3, .single-vacancy-page .post-content-wrap .post-content h5{margin-bottom: var(--space-base); padding-top: var(--space-base); display: inline-block;}
/* ======================= Single Vacancy ======================= */

/* ======================= Footer ======================= */
.footer-section{overflow: hidden; position: relative; z-index: 1}
.footer-section .common-wrap{max-width: 870px}
.footer-inner{float:  left; width: 100%;}

.footer-widget{position: relative; width: 100%}
.footer-widget:nth-child(2n+1):after{content: ''; position: absolute; bottom: 0; right: 0; width: 100%; height: 3px; background-image: url('assets/svg/assets/dotted-mobi.svg'); background-repeat: repeat; background-position: top center; background-size: contain;}
.footer-widget a:not(.btn):not(.widget-form a){font-size: 1.25em; color: inherit; text-decoration: underline;}
.widget-inner .email-txt{font-size: 1.625em; line-height: 1.2}
.footer-widget .btn{padding: 4px 30px; font-size:  1.25em; font-family: var(--font-family);}

.footer-nav{width: 100%; max-width: 731px;}
.footer-nav li {padding: var(--space-xs) 3.9%; text-align: center;}
.footer-nav li a{font-size: 1.125em; line-height: normal; text-transform: var(--text-uppercase); font-family: var(--font-family-bold); color: inherit;}

.footer-bottom{float:  left; width: 100%; }
.footer-bottom p{font-size: 1.125em}


/* Custom Translater */
.translate-widget{
    position: fixed;
    right: 50px;
    bottom: 0;
    z-index: 8;
    background: #fff;
	width:96px;
	cursor:pointer;
}

.lan-select, 
.lan-list{
	display: flex;
    flex-direction: column-reverse;
}

.lan-list{
	display:none;
}

.translate-widget:hover .lan-list{
	display: flex;
}

.lan-list .lan:hover{
	transition:ease all 0.5s;
	background:#f5e5ee;
}

.lan-list a {
	display:flex; 
   align-items:center;
	color:#333;
}

.translate-widget .lan{
	  padding: 7px 11px;
    font-size: 14px;
    display: flex;
    align-items: center;

}

.translate-widget img{
	width: 20px;
    margin-right: 3px;
}

.header-vid{
	    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 1;
    top: 0;
    left: 0;
}

.header-video-mobile{display:none;}

.page-id-2 .page-header-section .page-header-inner {
    margin-top: -9% !important;
}

.page-id-2 .header-section nav ul li a{
	color:#fff !important;
}

.page-id-2.scrolling-header .header-section nav ul li a{
	color:var(--brand)  !important;
}


.page-id-2 .logo-wrap img{
	filter:brightness(999)  !important;
}

.page-id-2.scrolling-header .logo-wrap img{
	filter:brightness()  !important;
}

@media(max-width:500px){
	.translate-widget{right:15px;} 
	.header-video-mobile{display:block !important;} 
	.header-video-desktop{display:none !important;}
    .page-id-2 .phone-nav div, .page-id-2 .phone-nav div:before, .page-id-2 .phone-nav div:after{
        background: #fff;
        }
        .page-id-2.navShown .phone-nav div, .page-id-2.navShown .phone-nav div:before, .page-id-2.navShown .phone-nav div:after{
                background:  var(--brand) !important;
        }
    .page-id-2 .header-section nav ul li a  {
        color: var(--brand);
    }
    .page-id-2.scrolling-header  .phone-nav div, .page-id-2.scrolling-header  .phone-nav div:before, .page-id-2.scrolling-header  .phone-nav div:after{
            background:  var(--brand) !important;
    }
    .page-id-2 .page-header-section .page-header-inner {
    margin-top: -30% !important;
}
}

/*Translate Press*/
#trp-floater-ls{height: 50px}
#trp-floater-ls.trp-bottom-right{right: 1%}
.trp-language-switcher-container.trp-floater-ls-names.trp-bottom-right.trp-color-light{min-width: auto}
.find-us .page-content-wrap {display:flex;}
.find-us .logo-bar-section{width:33.3%;}
.find-us .centered-content-section{width:66.6%; padding:0;}
.find-us .logo-bar-img-wrap .logo-item{border-right: 1px solid rgba(0,0,0,.1);border-right: 1px solid rgba(0,0,0,.1); padding: 0 2em;margin-bottom:2em;}
.find-us .logo-bar-img-wrap{gap:0 !important;}
.find-us .logo-bar-img-wrap .logo-item:nth-child(2n){border-right: 1px solid rgb(245 199 220);}
.find-us .centered-content-section .container-inner {position:relative;}
.find-us .centered-content-section .container-inner #storemapper{position:stricky; top:1px;}

.artisanal-gelato-title em{ font-family: 'handsomebold';}

.three-icon-column{display:flex; justify-content:center; margin-top:2em; z-index:3;}
.three-icon-column .icon-stat {margin:2em 3em;}
.three-icon-column .icon-stat .i-image {display:flex; justify-content:center;}
.three-icon-column .icon-stat .i-image img{height:140px;}
.three-icon-column .icon-stat .i-image .hover{display:none;}
.three-icon-column .icon-stat a{    
	display: block;
	background: var(--lpink);
    border: 0px;
    padding: 0.5em 1em;
    border-radius: 41px;
    width:max-content;
    line-height: 22px;
    text-align: center;
    font-weight: 600;
    margin: 2em auto;
}

.three-icon-column .icon-stat a:hover{
	background:var(--brand);
	color:#fff;
}

.brighter-exit .half img{
	position: absolute;
    transform: rotate(-21deg);
    left: -44%;
    width: 85%;
}

.brighter-exit .half .text-section{
	width: 50%;
    float: right;
    margin-right: -13%;
    margin-top: 4em;
}

#story .products-bubbles-left .products-bubbles, #story .products-bubbles-right .products-bubbles{
	max-width:93px !important;
}

#story .centered-content-section .products-bubbles-left .products-bubbles:nth-child(1) img{
	transform:rotate(65deg);
}

#story .centered-content-section .products-bubbles-left .products-bubbles:nth-child(2),
#story .centered-content-section .products-bubbles:nth-child(2){
	top:34%;
}

#story .centered-content-section .products-bubbles-left .products-bubbles:nth-child(3),
#story .centered-content-section .products-bubbles:nth-child(3){
	top:60%;
}

#story .centered-content-section .products-bubbles:nth-child(3) img {
	transform:rotate(-65deg);
}

#integrity {
	background:#f0c6dd;
	padding-top:6em;
}

#integrity .integrity-title h3{
	text-align:center;
	font-size: 1.8em;
}

#integrity .products-bubbles-wrap{
	top:42%;
}

#integrity .products-bubbles-left .products-bubbles:nth-child(1) img{
	transform:rotate(110deg) !important;
}

#integrity .products-bubbles-left .products-bubbles:nth-child(2),
#integrity  .products-bubbles:nth-child(2){
	top:42% !important;
}

#integrity .products-bubbles-left .products-bubbles:nth-child(2){
	    left: 10%;
}

#integrity .products-bubbles-right .products-bubbles:nth-child(1){
	right:1%;
}

#integrity  .products-bubbles-left .products-bubbles:nth-child(3),
#integrity  .products-bubbles:nth-child(3){
	top:75% !important;
}

#integrity .products-bubbles-right .products-bubbles:nth-child(2){
	    right: 10%;
	transform:rotate(-90deg) !important;
	top:0% !important;
}

#integrity  .products-bubbles-left .products-bubbles:nth-child(3) img {
	transform:rotate(0deg);
}

#certify{
	background:var(--brand);
	color:#fff;
}

#certify a{
	text-decoration:underline;
	color:#fff;
}

#certify .flex-row{
	display:flex;
	align-items:center;
}

#certify .flex-row .certify-text{
	width:65%;
}

#certify .flex-row .certify-image{
	width:35%;
}

#certify .flex-row .certify-image img{
	width:60%;
	margin:auto;
}

#certify h3{
	    font-size: 1.8em;
}

.calendar-icons{
	display:flex;
	justify-content:center;
	margin-top:4em;
}

.carbon-stats{
	background:var(--brand) !important;
}

.calendar-icons .cal{
	max-width:330px;
	text-align:center;
}

.calendar-icons .cal img{
	width:150px;
}

.calendar-icons .cal h3{
	font-size:1.8em;
	margin-bottom:10px;
}

.calendar-icons .cal p{
	color:#fff;
}

#educate {
	background: #f0c6dd;
    padding: 5em 0 1em;
    clear: both;
}

#educate .column-inner-educate{
	display:flex;
}

#educate .column-inner-educate .col-1{
	width:20%;
	text-align:center;
}

#educate .column-inner-educate .col-1 img{
	width:100%;
	max-width:32px;
	min-width:32px;
}

#educate .column-inner-educate .col-2,
#educate .column-inner-educate .col-3{
	width:40%;
	padding:0 2em;
}

#educate .column-inner-educate .col-1 h4{
	font-size: 1.3em;
    margin-bottom: 5px;
    margin-top: -9px;
}

#educate .column-inner-educate .col-1 .pair{
	margin-bottom:4em;
	display:flex;
}

#educate .column-inner-educate h3{
	font-size:1.5em;
}

#educate .column-inner-educate .col-3 img{
	width:70px;
}

#educate .column-inner-educate .col-3 .floating-icecreame{
	position:relative;
	height:240px;
}

#educate .column-inner-educate .col-3 .floating-icecreame img:nth-child(1){
	position: absolute;
    bottom: 0;
    transform: rotate(110deg);
}

#educate .column-inner-educate .col-3 .floating-icecreame img:nth-child(2){
	    right: 27%;
    position: absolute;
    bottom: -9px;
    transform: rotate(-45deg);
}

#educate .column-inner-educate .col-3 .floating-icecreame img:nth-child(3){
	right:0;
	 position: absolute;
}

#footprint{
	background: #e294bf;
    padding: 6em 0;
	position:relative;
}

#footprint .footprint-intro{
	display:flex;
	text-align:center;
	color:#fff;
	padding:0 2em;
}

#footprint .footprint-intro .bubble-left,
#footprint .footprint-intro .bubble-right{
	width: 15%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 2em 0;
}

#footprint .footprint-intro .bubble-right{
	align-items:flex-end;
}


#footprint .footprint-intro .bubble-left img,
#footprint .footprint-intro .bubble-right img{
	width:70px;
}

#footprint .footprint-intro .footprint-text{
	width:70%;
	padding:0 3em;
}

#footprint .footprint-intro .footprint-text h3{
	font-size:1.8em;
}

#footprint .footprint-intro .footprint-text .arrows{
	display:flex;
	justify-content:space-between;
}

#footprint .footprint-intro .footprint-text .arrows .arrow-group{
	width:40%;
	margin-top:2em;
}

#footprint .footprint-intro .footprint-text .arrows .arrow-group .arrow-img-group{
	    min-height: 160px;
    display: flex;
    align-items: center;
    justify-content: center;
}

#footprint .footprint-intro .footprint-text .arrows .arrow-group h4{
	font-size:1.5em;
	color:var(--brand);
	margin-bottom:10px;
}

#footprint .footprint-intro .footprint-text .arrows .arrow-group:nth-child(1) img{
	width:40%;
}

#footprint .footprint-intro .footprint-text .arrows .arrow-group:nth-child(2) img{
	width:70%;
}

#footprint .alternating{
	display:flex;
	justify-content:space-between;
	color:#fff;
	align-items:center;
	margin:4em 0;
}

#footprint .alternating .half-1{
	width:60%;
	padding:2em;
}

#footprint .alternating .half-2{
	width:40%;
}

#footprint .alternating .half-1 h3{
	color:var(--brand);
	font-size:1.5em;
}

#footprint .alternating .half-1 img{
	margin:auto;
	display:block;
}

#footprint .alternating .half-2 .scope{
	    background: #f0c6dd;
    color: var(--brand);
    padding: 2em;
    border-radius: 30px;
}

#footprint .alternating .half-2 .corporate{
	text-align:center;
}

#footprint .alternating .half-2 .corporate h5{
	font-family: var(--font-family-cursive);
    text-transform: initial;
    font-size: 2.5em;
    margin-bottom: 9px;
}

#footprint .alternating .double-col .feet{
	width:70%;
	margin-top:-55%;
}
#footprint .alternating .double-col .hand{
	width:40%;
	position:absolute;
	bottom:4%;
	right:0;
}

#certify .flex-row .package-image img{
	width: 75%;
    margin: auto;
    margin-left: 0px;
}

.recycle{
	text-align:center;
	margin-top:4em;
}

.recycle .flex-row{
	display:flex;
	justify-content:center;
	    align-items: flex-start !important;
}

.recycle .flex-row .recycle-block{
	width:33%;
	padding:1em 2em;
	
}

.recycle .flex-row .recycle-block img{
	height:200px;
	margin-bottom:2em;
}

#positive{
	    background: #f0c6dd;
}

.positive-intro{
	text-align:center;
}

.positive-intro h3{
	    font-size: 1.8em;
}

.positive-intro .targets{
	display:flex;
	justify-content:center;
	margin:4em auto;
	max-width:1000px;
}

.positive-intro .targets .t-column{
	display:flex;
	margin:0 1em;
}

.positive-intro .targets .t-column .image{
	width:40%;
}

.positive-intro .targets .t-column .image img{
	width:50%;
}

.positive-intro .targets .t-column .text{
	width:70%;
}

.positive-intro .targets .t-column-right .image img{
	width:80%;
	margin-top:-20%;
}

.positive-intro .targets .t-column .contents h4{
	font-size: 1.5em;
    margin-bottom: 5px;
}

.positive-intro .targets .t-column .contents p{
	color:#fff;
}

.sedex, .relationships{display:flex;}
.relationships{margin-top:3em;}
.sedex p,
.relationships .content{
	width:70%;
	padding-right:2em;
}
.sedex a{
	color:#fff;
	text-decoration:underline;
}
.portfolio{
	margin:3em 0;
}
.relationships .content h3, .portfolio h3{
	font-size:1.5em;
}
.sedex .logos,
.relationships .images{
	width:30%;
}

.relationships .images{
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
}

.sedex .logos img{
	width:100%;
}

.relationships .images img{
	width:60%;
	margin:2em 0;
}

#positive .page-container{
	padding:6em 18px;
}

#future {
    background: #e294bf;
    padding: 6em 0;
    position: relative;
}

#future .page-container{
	display:flex;
}

#future .left-col,
#future .right-col{
	display:flex;
	flex-direction:column;
	justify-content:space-between;
	width:20%;
}

#future .left-col img,
#future .right-col img{
	width:70px;
}

#future .left-col img:nth-child(2){
    width: 350px;
    position: absolute;
    left: 0;
    top: 37%;
}

#future .right-col img:nth-child(2){
    width: 333px;
    position: absolute;
    bottom:0;
}

#future .left-col img:nth-child(3){
	    margin-left: 30%;
}

#future .right-col{
	align-items:flex-end;
}

#future .center-col{
	width:60%;
	text-align:center;
	color:#fff;
}

#future .center-col h3{
	font-size:1.5em;
}

#future .center-col img{
	width:500px !Important;
	margin:3em auto;
}

#future .center-col a{
	display:flex;
	flex-direction:column;
	justify-content:center;
	color:#fff;
}

#future .center-col a img{
	width:35px !important;
	margin:auto;
}

.single-products .where-to-find,
.single-products .product-checkbox-wrap #product-iceCream-1,
.single-products .product-checkbox-wrap #product-iceCream-3,
.single-products .product-checkbox-wrap #product-iceCream-4,
.single-products .product-checkbox-wrap #product-iceCream-5{
	display:none !important;
}

.single-products .product-checkbox-wrap{
	margin-top:2em;
}

/* ======================= Footer ======================= */

/* =======================================================================================================
============================================ Responsive style ========================================== */

/*    Mobile Layout global: 320px and 767px and more but less than or equal to 767px.
----------------------------------------------------------------------------------
*/

@media only screen and (max-width: 767px) {

    input[type="text"],input[type="email"],input[type="tel"],input[type="search"],input[type="number"],input[type="submit"],input[type="password"],select,textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;}

    /*    Default Layout Start
    -------------------------------------------------------------------------------
    */

    .xs\:margin-xxl{margin: var(--space-xxl)}

    /* ======================= Buttons Start ======================= */
/*    .btn-large{min-width: 100%;}*/
    .combo-btn .btn{width: 100%;}
    /* ======================= Buttons End ======================= */

    /* ======================= Containers Start ======================= */
    .sml-container{max-width: 100%;}
    /* ======================= Containers Start ======================= */

    /* ======================= Gutenberg style override Start ======================= */
    .wp-block-column:not(:first-child){margin-left: 0;}
    /* ======================= Gutenberg style override End ======================= */

    .gform_wrapper.gravity-theme .gfield.gfield--width-half{ -ms-grid-column-span: 12;grid-column: span 12;}
    .form-wrapper .gform_wrapper.gravity-theme .gfield input.datepicker{min-width: 100%;}

    /*    Default Layout End
    -------------------------------------------------------------------------------
    */

   


    /*    Blocks Start
    -------------------------------------------------------------------------------
    */

    .shop-tab-wrap .category-navigation ul{padding: 0 10px;    overflow-x: scroll;display: grid;  flex: 0 1 100%; grid-auto-columns: max-content; grid-auto-flow: column; grid-auto-rows: max-content;max-width: 100%;order: 1; overflow: auto;position: relative; row-gap: .5rem; -ms-overflow-style: none;scrollbar-width: none;}
    .shop-tab-wrap .category-navigation ul::-webkit-scrollbar {display: none;}

    /* ======================= Featured Products Slider Start ======================= */
    .product-slider-wrap .slick-list{padding: 0 22%}
    .product-slider{background: transparent !important;}
    a.product-slider-thumb{width: 118%; position: relative; left: -9%}
    .product-slider-wrap{padding-top: 50px}
    .sr-only{ position: absolute;width: 1px;  height: 1px;  padding: 0; margin: -1px;  overflow: hidden;   clip: rect(0, 0, 0, 0); border: 0;}
    .progress {display: block; width: 100%; height: 4px; overflow: hidden; background-color:rgb(255 204 221 / 40%); background-image: -webkit-gradient(linear, left top, right top, from(var(--white)), to(var(--white))); background-image: -o-linear-gradient(left, var(--white), var(--white)); background-image: linear-gradient(to right, var(--white), var(--white)); background-repeat: no-repeat; background-size: 0 100%; -webkit-transition: background-size .4s ease-in-out;}
    .featured-products .slick-dotted.slick-slider{margin-bottom: 0}
    .featured-products .slick-dots{display: none; opacity: 0}


    /* ======================= Featured Products Slider End ======================= */

    .what-little-moons h2, .image-text-block-section h2, .page-title h1, .centered-content-section h2 {font-size: 2em}

    .shop-item-content h5{min-height: 33px; font-size: 0.875em}
    .shop-item .btn{font-size: 0.75em}


    /* ======================= Single Product Start ======================= */
    .product-dropdown{display: inline-block;}
    .product-dropdowns dfn{float: left; width: 100%}
    .product-dropdown-flavour {width: 100%}
/*    .product-dropdown-flavour {width: 72.18934911%}*/
    .product-type{width: 26.33136095%}
    .product-dropdowns .selectric{border: solid 1px var(--brand); border-radius: 26px;     border-radius: 26px; padding: 5px 0}
    .product-dropdowns .selectric .label{font-size: 16px; height: auto; line-height: normal; margin-right: 23px}
    .product-dropdowns .selectric .button{width: 30px; height: 33px; }
    
    .product-hero figure img.bg-img{min-height:300px ; object-fit: cover;}
    .columned-accordion-wrap .active-item .accordion-title{border-bottom: 1px solid var(--white);}
    .product-random-wrap .progress { width: 93%;  border-radius: 0;  background-color: rgba(255, 204, 221, 33%); background-image: linear-gradient(to right,  var(--brand), var(--brand)); transition: background-size .4s ease-in-out; padding: 0; margin-top: 1px; left: 50%; transform: translateX(-50%); bottom:44px; position: absolute;}
    /* ======================= Single Product End ======================= */

    .post-content-wrap p{margin-bottom: var(--space-base);}

    .post-featured-img{order: 2}
    .post-featured-img figure{aspect-ratio: 1 / 1}
    
    .post-header-text{padding-left: 18px; padding-right: 18px}
    
    


}

/*    Mobile Landscape: 320px and 479px and more but less than or equal to 479px.
----------------------------------------------------------------------------------
*/
@media only screen and (max-width: 479px) {

    /*    Default Layout Start
    -------------------------------------------------------------------------------
    */

    /* ======================= Buttons Start ======================= */
/*    .btn{min-width: 100%;}*/
    .btn-small{min-width: auto;}
    /* ======================= Buttons End ======================= */

    /*    Default Layout End
    -------------------------------------------------------------------------------
    */

    /*    Blocks Start
    -------------------------------------------------------------------------------
    */


    /*    Blocks End
    -------------------------------------------------------------------------------
    */

}


/*    Mobile Landscape: 480px and 767px and more but less than or equal to 767px.
----------------------------------------------------------------------------------
*/
@media only screen and (min-width: 480px) and (max-width: 767px) {
    /*    Default Layout Start
    -------------------------------------------------------------------------------
    */

/*    .page-container{padding: 0 24px;}*/

    /* ======================= Containers Start ======================= */
    /* ======================= Containers End ======================= */

    /*    Default Layout End
    -------------------------------------------------------------------------------
    */

    /*    Blocks Start
    -------------------------------------------------------------------------------
    */

    /* ======================= Testimonial Start ======================= */
    /* ======================= Testimonial End ======================= */

    /* ======================= Newsletter Start ======================= */
    /* ======================= Newsletter End ======================= */

    /*    Blocks End
    -------------------------------------------------------------------------------
    */
}

@media only screen and (min-width: 600px) {
    /* ======================= Gutenberg style override Start ======================= */
    .wp-block-media-text .wp-block-media-text__content{padding: 0 0 0 16%}
    .wp-block-media-text.has-media-on-the-right .wp-block-media-text__content{padding: 0 16% 0 0}
    /*.wp-block-image.size-full{margin: var(--space-xl) 0;}*/
/*    .wp-block-media-text + .wp-block-image.size-full{margin-top: var(--space-xl)}*/
/*    .wp-block-media-text{padding-top: var(--space-base);}*/
    /* ======================= Gutenberg style override End ======================= */
}

@media only screen and (max-width: 991px) {

    /*    Header Start
    -------------------------------------------------------------------------------
    */
    
    .header-section .phone-nav{display: block;}
    .main-logo{width: 100%; position: relative; }
    .logo-wrap .main-logo img{max-height: 64px;}
    .header-section nav ul li{display: block;}
    .nav-buttons a{width: 100%; margin-right: 0; padding: 12px 24px;}
    .nav-buttons a:first-child{margin-bottom: 20px;}

    body.navShown{overflow-y: hidden}
    .navShown .phone-nav div { -webkit-transform: rotateZ(45deg); transform: rotateZ(45deg);}
    .navShown .phone-nav div:before {-webkit-transform: rotateZ(-90deg); transform: rotateZ(-90deg);top: 0px;}
    .navShown  .phone-nav div:after{bottom:0; width: 0}
    .nav-wrap{display: block;  width: 100%; height: 100vh; min-height: 100%;  position: fixed; left: 0; top: -150%; padding-left:18px; padding-right:18px; overflow-y: auto; background: var(--lpink); -webkit-transition: all .4s ease; -moz-transition: all .4s ease; transition: all .4s ease; z-index: 1;}
    .navShown .nav-wrap{top: 0;} 

    .find-us-bubbles-left-wrap .find-us-bubbles:nth-child(2), .find-us-bubbles-left-wrap .find-us-bubbles:nth-child(4) {display: none}
    .find-us-bubbles-right-wrap .find-us-bubbles:nth-child(2), .find-us-bubbles-right-wrap .find-us-bubbles:nth-child(4) {display: none}


    /*    Header End
    -------------------------------------------------------------------------------
    */
}

/*    Tablet Portrait: 768px and 991px and more but less than or equal to 991px.
----------------------------------------------------------------------------------
*/
@media only screen and (min-width: 768px) and (max-width: 991px) {

    /*    Default Layout Start
    -------------------------------------------------------------------------------
    */

    /* ======================= Global style Start ======================= */
    h1{font-size: 2.5em; margin-bottom: var(--space-m);}
    h2{font-size: 2em; margin-bottom: var(--space-base);}
    h3{font-size: 1.625em; margin-bottom: var(--space-base);}
    h4{font-size: 1.375em; margin-bottom: var(--space-base);}
    p{font-size: 1em; }
    blockquote p{font-size: 2.25em;}
    .desk{display: none;}
    .mobi{display: none}
    .tablet{display: block;}
    
    /* ======================= Global style End ======================= */
    
    /* ======================= Spacing Start ======================= */
    /*Margin*/
    .margin-section{margin: 60px 0;}
    .margin-container{margin: 40px 0;}

    .md\:margin-xxl{margin: var(--space-xxl)}
    .md\:margin-xl{margin: var(--space-xl)}
    .md\:margin-l{margin: var(--space-l)}
    .md\:margin-m{margin: var(--space-m)}
    .md\:margin-base{margin: var(--space-base)}
    .md\:margin-s{margin: var(--space-s)}
    .md\:margin-xs{margin: var(--space-xs)}

    .md\:margin-top-xxl{margin-top: var(--space-xxl)}
    .md\:margin-top-xl{margin-top: var(--space-xl)}
    .md\:margin-top-l{margin-top: var(--space-l)}
    .md\:margin-top-m{margin-top: var(--space-m)}
    .md\:margin-top-base{margin-top: var(--space-base)}
    .md\:margin-top-s{margin-top: var(--space-s)}
    .md\:margin-top-xs{margin-top: var(--space-xs)}

    .md\:margin-bottom-xxl{margin-bottom: var(--space-xxl)}
    .md\:margin-bottom-xl{margin-bottom: var(--space-xl)}
    .md\:margin-bottom-l{margin-bottom: var(--space-l)}
    .md\:margin-bottom-m{margin-bottom: var(--space-m)}
    .md\:margin-bottom-base{margin-bottom: var(--space-base)}
    .md\:margin-bottom-s{margin-bottom: var(--space-s)}
    .md\:margin-bottom-xs{margin-bottom: var(--space-xs)}

    .md\:margin-left-xxl{margin-left: var(--space-xxl)}
    .md\:margin-left-xl{margin-left: var(--space-xl)}
    .md\:margin-left-l{margin-left: var(--space-l)}
    .md\:margin-left-m{margin-left: var(--space-m)}
    .md\:margin-left-base{margin-left: var(--space-base)}
    .md\:margin-left-s{margin-left: var(--space-s)}
    .md\:margin-left-xs{margin-left: var(--space-xs)}

    .md\:margin-right-xxl{margin-right: var(--space-xxl)}
    .md\:margin-right-xl{margin-right: var(--space-xl)}
    .md\:margin-right-l{margin-right: var(--space-l)}
    .md\:margin-right-m{margin-right: var(--space-m)}
    .md\:margin-right-base{margin-right: var(--space-base)}
    .md\:margin-right-s{margin-right: var(--space-s)}
    .md\:margin-right-xs{margin-right: var(--space-xs)}

    .md\:margin-y-xxl{margin: var(--space-xxl) 0}
    .md\:margin-y-xl{margin: var(--space-xl) 0}
    .md\:margin-y-l{margin: var(--space-l) 0}
    .md\:margin-y-m{margin: var(--space-m) 0}
    .md\:margin-y-base{margin: var(--space-base) 0}
    .md\:margin-y-s{margin: var(--space-s) 0}
    .md\:margin-y-xs{margin: var(--space-xs) 0}

    .md\:margin-x-xxl{margin: 0 var(--space-xxl)}
    .md\:margin-x-xl{margin: 0 var(--space-xl)}
    .md\:margin-x-l{margin: 0 var(--space-l)}
    .md\:margin-x-m{margin: 0 var(--space-m)}
    .md\:margin-x-base{margin: 0 var(--space-base)}
    .md\:margin-x-s{margin: 0 var(--space-s)}
    .md\:margin-x-xs{margin: 0 var(--space-xs)}

    .md\:mb-20{margin-bottom: 20px;}
    .md\:mt-24{margin-top: var(--space-m);}
    .md\:mt-36{margin-top: 36px;}

    .md\:margin-top-none{margin-top: 0}


    /*Padding*/
/*    .page-container{padding: 0 36px;}*/
    .padding-section{padding: 60px 0;}
    .padding-top-section{padding-top: 60px;}
    .padding-container{padding: 40px 0;}
    .padding-spacer-top { padding-top: 40px;}

    .gutter{gap: 50px;}
    .grid-m {gap: 20px;}

    .md\:padding-spacer-top{padding-top: 40px;}
    .md\:padding-spacer-bottom{padding-bottom: 40px;}
    .md\:padding-spacer-left{padding-left: 40px;}
    .md\:padding-spacer-right{padding-right: 40px;}

    .md\:padding-xxl{padding: var(--space-xxl)}
    .md\:padding-xl{padding: var(--space-xl)}
    .md\:padding-l{padding: var(--space-l)}
    .md\:padding-m{padding: var(--space-m)}
    .md\:padding-base{padding: var(--space-base)}
    .md\:padding-s{padding: var(--space-s)}
    .md\:padding-xs{padding: var(--space-xs)}

    .md\:padding-top-xxl{padding-top: var(--space-xxl)}
    .md\:padding-top-xl{padding-top: var(--space-xl)}
    .md\:padding-top-l{padding-top: var(--space-l)}
    .md\:padding-top-m{padding-top: var(--space-m)}
    .md\:padding-top-base{padding-top: var(--space-base)}
    .md\:padding-top-s{padding-top: var(--space-s)}
    .md\:padding-top-xs{padding-top: var(--space-xs)}

    .md\:padding-bottom-xxl{padding-bottom: var(--space-xxl)}
    .md\:padding-bottom-xl{padding-bottom: var(--space-xl)}
    .md\:padding-bottom-l{padding-bottom: var(--space-l)}
    .md\:padding-bottom-m{padding-bottom: var(--space-m)}
    .md\:padding-bottom-base{padding-bottom: var(--space-base)}
    .md\:padding-bottom-s{padding-bottom: var(--space-s)}
    .md\:padding-bottom-xs{padding-bottom: var(--space-xs)}

    .md\:padding-left-xxl{padding-left: var(--space-xxl)}
    .md\:padding-left-xl{padding-left: var(--space-xl)}
    .md\:padding-left-l{padding-left: var(--space-l)}
    .md\:padding-left-m{padding-left: var(--space-m)}
    .md\:padding-left-base{padding-left: var(--space-base)}
    .md\:padding-left-s{padding-left: var(--space-s)}
    .md\:padding-left-xs{padding-left: var(--space-xs)}

    .md\:padding-right-xxl{padding-right: var(--space-xxl)}
    .md\:padding-right-xl{padding-right: var(--space-xl)}
    .md\:padding-right-l{padding-right: var(--space-l)}
    .md\:padding-right-m{padding-right: var(--space-m)}
    .md\:padding-right-base{padding-right: var(--space-base)}
    .md\:padding-right-s{padding-right: var(--space-s)}
    .md\:padding-right-xs{padding-right: var(--space-xs)}

    .md\:padding-y-xxl{padding: var(--space-xxl) 0}
    .md\:padding-y-xl{padding: var(--space-xl) 0}
    .md\:padding-y-l{padding: var(--space-l) 0}
    .md\:padding-y-m{padding: var(--space-m) 0}
    .md\:padding-y-base{padding: var(--space-base) 0}
    .md\:padding-y-s{padding: var(--space-s) 0}
    .md\:padding-y-xs{padding: var(--space-xs) 0}

    .md\:padding-x-xxl{padding: 0 var(--space-xxl)}
    .md\:padding-x-xl{padding: 0 var(--space-xl)}
    .md\:padding-x-l{padding: 0 var(--space-l)}
    .md\:padding-x-m{padding: 0 var(--space-m)}
    .md\:padding-x-base{padding: 0 var(--space-base)}
    .md\:padding-x-s{padding: 0 var(--space-s)}
    .md\:padding-x-xs{padding: 0 var(--space-xs)}


    .md\:pt-0{padding-top: 0px;}
    .md\:pl-10{padding-left: 10px;}
    .md\:pr-10{padding-right: 10px;}
    .md\:px-10{padding: 0 10px;}
    .md\:pt-20{padding-top: 20px;}
    .md\:pb-20{padding-bottom: 20px;}
    .md\:p-24{padding: 24px;}
    .md\:px-24{padding: 0 24px;}
    .md\:pt-24{padding-top: 24px;}
    .md\:p-32{padding: 32px;}
    .md\:pl-32{padding-left: 32px;}
    .md\:pb-40{padding-bottom: 40px;}
    .md\:py-40{padding: 40px 0;}
    .md\:px-48{padding: 0 48px;}
    .md\:py-60{padding: 60px 0;}

    .md\:padding-none{padding: 0;}
    .md\:padding-top-none{padding-top: 0;}
    .md\:padding-bottom-none{padding-bottom: 0;}
    .md\:padding-left-none{padding-left: 0;}
    .md\:padding-right-none{padding-right: 0;}
    /* ======================= Spacing End ======================= */

    /* ======================= Text Properties Start ======================= */
    .md\:txt-ctr{text-align: center;}
    /* ======================= Text Properties End ======================= */

    /* ======================= Flexbox Start ======================= */
    .md\:flex-box{display: -webkit-flex; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-flow: row wrap; flex-flow: row wrap;}
    .md\:flex{display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;}
    .md\:flex-y-align{-webkit-box-align: center; align-items: center;}
    .md\:flex-row{flex-flow: row wrap;}
    .md\:flex-col{flex-flow: column;}
    .md\:flex-nowrap{flex-wrap: nowrap;}
    .md\:flex-space-between{-webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between;}
    .md\:flex-x-align{-webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center;}
    .md\:flex-y-align{-webkit-box-align: center; align-items: center;}
    /* ======================= Flexbox End ======================= */

    /* ======================= Grid Start  ======================= */
    .md\:grid-container-one{grid-template-columns: repeat(1, minmax(0, 1fr));}
    .md\:grid-container-two{grid-template-columns: repeat(2, minmax(0, 1fr));}
    .md\:grid-container-three{grid-template-columns: repeat(3, 1fr);}
    .md\:grid-container-four{grid-template-columns: repeat(4,1fr);}
    .grid-container-two{grid-template-rows:  auto}
    .grid-container-six{grid-template-columns: repeat(3, minmax(0, 1fr));}
    .slider-gutter-l{padding-left: 25px; padding-right: 25px;}
    .md\:grid-full{grid-column: span 12;}
    .md\:grid{gap: var(--space-l)}

    /*.slider-gutter-m{padding-left: 10px; padding-right: 10px;}
    .slider-gutter-s{padding-left: 10px; padding-right: 10px;}*/
    /* ======================= Grid End ======================= */



    /* ======================= Containers Start ======================= */
    .sml-container{max-width: 100%;}
    /* ======================= Containers End ======================= */

    /* ======================= General Page Start ======================= */
/*    .page-content-wrap{margin-top: var(--space-xxl);}*/
    /* ======================= General Page End ======================= */

    /* ======================= Gutenberg style override Start ======================= */
    .wp-block-column:not(:first-child){margin-left: 5.992509363%;}
    /* ======================= Gutenberg style override End ======================= */

    /*    Default Layout End
    -------------------------------------------------------------------------------
    */

    /*    Header Start
    -------------------------------------------------------------------------------
    */
    /*    Header End
    -------------------------------------------------------------------------------
    */


    /*    Blocks Start
    -------------------------------------------------------------------------------
    */

    /*    Blocks End
    -------------------------------------------------------------------------------
    */

    /*    Blog Start
    -------------------------------------------------------------------------------
    */
    .rounded-hover__bg{    width: 43vw;height: 43vw;}
    /*    Blog End
    -------------------------------------------------------------------------------
    */

    /*    Single Blog Start
    -------------------------------------------------------------------------------
    */
    /*    Single Blog End
    -------------------------------------------------------------------------------
    */

    /* ======================= Footer Start ======================= */
    
    .site-info, .footer-menu-items{width: 100%;}
    .footer-menu-items{gap: var(--space-m)}
    .footer-logo{text-align: center;}
    .site-info-text br{display: contents; position: relative;}
    .site-info-text br:after{content: ', ';display: inline-block;}
    .site-info-text .contact-number, .site-info-text p{display: inline-block;}
    .site-info-text p span{display: inline-block;}
    .social-wrap{text-align: center;}
    /* ======================= Footer End ======================= */
}

/*   Desktop and Tablet Screens: CSS applying to all sizes bigger than 769px and bigger screens.
----------------------------------------------------------------------------------
*/
@media only screen and (min-width: 768px) {
    .md-lg\:padding-y-xl{padding: var(--space-xl) 0;}

    .md-lg\:padding-bottom-none{padding-bottom: 0}
    .md-lg\:padding-top-xl{padding-bottom: var(--space-xl);}
    .md-lg\:padding-bottom-base{padding-bottom: var(--space-base);}
    

    .md-lg\:margin-y-xxl{margin: var(--space-xxl) 0;}
    .md-lg\:margin-top-none{margin-top: 0;}

    /* ======================= Grid Start  ======================= */
    .md-lg\:grid-container-one{grid-template-columns: repeat(1, minmax(0, 1fr));}
    .md-lg\:grid-container-two{grid-template-columns: repeat(2, minmax(0, 1fr));}
    .md-lg\:grid-container-three{grid-template-columns: repeat(3, 1fr);}
    .md-lg\:grid-container-four{grid-template-columns: repeat(4,1fr);}
    .md-lg\:grid-full{grid-column: span 12;}
    .md-lg\:grid{gap: var(--space-l)}

    /*.slider-gutter-m{padding-left: 10px; padding-right: 10px;}
    .slider-gutter-s{padding-left: 10px; padding-right: 10px;}*/
    /* ======================= Grid End ======================= */

    /* ======================= Flexbox Start ======================= */
    .md-lg\:flex{display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex}
    .md-lg\:flex-row{-webkit-flex-flow: row wrap; flex-flow: row wrap;}
    .md-lg\:flex-x-align{-webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center;}
    .md-lg\:flex-y-align{-webkit-box-align: center; align-items: center;}
    .md-lg\:flex-justify-space-between{-webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between;}
    .md-lg\:flex-justify-end{justify-content: flex-end;}
    .md-lg\:flex-content-align-space-between{-webkit-align-content: space-between; -moz-align-content: space-between; align-content: space-between;}
    .md-lg\:flex-col{flex-flow: column;}
    .md-lg\:flex-row {flex-flow: row wrap;}
    /* ======================= Flexbox End ======================= */


    /* ======================= Product Single Start ======================= */
    .product-sidebar-wrap{float: left; width: 300px; position: relative; z-index: 1}
    .product-sidebar h3, .product-sidebar h1 { font-size: 34px; line-height: 33px; max-width: 283px;}
    .product-sidebar{height: 90vh;     padding-bottom: 50px; max-height: 90vh; overflow-y: auto; padding-right: 10px}

    .product-checkbox-item .btn{cursor: pointer;}
    .product-checkbox-item .btn.in-active{opacity: 0.5}
    .product-filter__more{display: none}
    .product-sidebar::-webkit-scrollbar {width: 5px; border-radius: 5px;}
    .product-sidebar::-webkit-scrollbar-track{border-radius: 5px;opacity: .05;}
    .product-sidebar::-webkit-scrollbar-thumb {outline: none;border-radius: 5px;}
    

    .where-to-find .btn{width: 100%}

    .product-hero:before{height: 31%;}
    .product-hero {height:572px;}
    .product-hero figure { height: 100%;   }

    .product-details-wrap{width: calc(100% - 300px);}
    .product-ingredients { width: 94px; top: 10px; right: 13px; }
    .product-ingredients-item em{font-size: 0.875em; }

    .info-slider span{font-size: 1.375em;}

    .product-random-slider-wrap .slick-list{    padding: 0 7%;  }
    .the-flavours .product-checkbox-inner{display: none}
    .the-flavours .product-checkbox-inner.active{display: block;}
    /* ======================= Product Single End ======================= */

    .filter-container form{width: 38.64%;}
    .filter-container .category-navigation{width: 61.36%;}


}


/*    Small Desktop: 992px and 1279px and more but less than or equal to 1279px.
----------------------------------------------------------------------------------
*/
@media only screen and (min-width: 992px) and (max-width: 1279px) {

}

/*    Tablet and Desktop only styles
----------------------------------------------------------------------------------
*/
@media only screen and (min-width: 992px)  {

    /* ======================= Global style Start ======================= */
    h1,  h2,  h3,  h4,  h5,  h6{display: inline-block; width: 100%;}
    h1{font-size: 9.625em; margin-bottom: var(--space-l); line-height: 0.7}
    h2, .h2{font-size: 3.625em; margin-bottom: var(--space-m); line-height: 0.93}
    h3{font-size: 2.625em; margin-bottom: var(--space-m); line-height: 0.8}
    h4{font-size: 2em; margin-bottom: var(--space-m); line-height: 1.3}
    h5, .h5{font-size: 1.5em;  margin-bottom: var(--space-base);line-height: normal;}
    h6{font-size: 0.8125em; margin-bottom: var(--space-base);line-height: 0.7;}
    dfn,  address,  em{font-style: normal;}
    label,  input[type="submit"], .accordion-title:hover{cursor: pointer;}
    button:focus{outline: none;}
    p{margin-bottom: var(--space-m); font-size: 1.375em;line-height: 1.2}
    .lead-text, .centered-content-section .lead-text{font-size: 1.625em;}
    blockquote p{font-size: 1.375em;letter-spacing: -0.44px; }

    h2 em{font-size: 1.4310344827586208em; line-height: 1}
    .small{font-size:1em}
    .xsmall{font-size:0.75em}

    address{font-size: 1.125em}

    ul:not(.slick-dots):not(.menu):not(.selectric-scroll ul):not(.social-wrap ul):not(.category-navigation ul):not(.story-tab-triger-wrap ul):not(.tags ul){ margin-bottom: var(--space-m);}
    ul li:not(.menu-item):not([role=presentation]):not(.page-item):not(.label):not(.label-inactive):not(.selectric-items li):not(.social-wrap li):not(.category-navigation li):not(.story-tab-triger-wrap li):not(.tags li), ol li{font-size: 1.375em;}
    ul li:not([role=presentation]):not(.menu-item):not(.label):not(.label-inactive):not(.selectric-items li):not(.social-wrap li):not(.category-navigation li):not(.story-tab-triger-wrap li):not(.tags li):before{ top:11px;}
    /* ======================= Global style End ======================= */

    .mobi, .tablet{display: none}
    .desk{display: block}

    /* ======================= General Page Start ======================= */
    .page-content-wrap{margin-top: 160px;}
    .single-product-page{margin-top: 0}
    /* ======================= General Page End ======================= */

    /* ======================= Spacing Start ======================= */
    /*Margin*/
    .margin-section{margin: 90px 0;}
    .margin-container{margin: 50px 0;}


    /*Padding*/
    .page-container{padding:0 18px}

    

    .padding-spacer-top{padding-top: 40px;}
    .padding-spacer-bottom{padding-bottom: 40px;}
    .padding-spacer-left{padding-left: 40px;}
    .padding-spacer-right{padding-right: 40px;}
    .padding-spacer-y{padding: 40px 0}


    .lg\:margin-xxl{margin: var(--space-xxl)}
    .lg\:margin-xl{margin: var(--space-xl)}
    .lg\:margin-l{margin: var(--space-l)}
    .lg\:margin-m{margin: var(--space-m)}
    .lg\:margin-base{margin: var(--space-base)}
    .lg\:margin-s{margin: var(--space-s)}
    .lg\:margin-xs{margin: var(--space-xs)}

    .lg\:margin-y-xxl{margin: var(--space-xxl) 0}
    .lg\:margin-y-xl{margin: var(--space-xl) 0}

    .lg\:margin-top-xxl{margin-top: var(--space-xxl)}
    .lg\:margin-top-xl{margin-top: var(--space-xl)}
    .lg\:margin-top-l{margin-top: var(--space-l)}
    .lg\:margin-top-m{margin-top: var(--space-m)}
    .lg\:margin-top-base{margin-top: var(--space-base)}
    .lg\:margin-top-s{margin-top: var(--space-s)}
    .lg\:margin-top-xs{margin-top: 4px}

    .lg\:margin-bottom-xxl{margin-bottom: var(--space-xxl)}
    .lg\:margin-bottom-xl{margin-bottom: var(--space-xl)}
    .lg\:margin-bottom-l{margin-bottom: var(--space-l)}
    .lg\:margin-bottom-m{margin-bottom: var(--space-m)}
    .lg\:margin-bottom-base{margin-bottom: var(--space-base)}
    .lg\:margin-bottom-s{margin-bottom: var(--space-s)}
    .lg\:margin-bottom-xs{margin-bottom: 4px}

    .lg\:margin-none{margin: 0}
    .lg\:margin-top-none{margin-top: 0}
    .lg\:margin-bottom-none{margin-bottom: 0}

    .lg\:p-36{padding: 36px}/*keep heroboxes*/
    .lg\:py-36{padding: 36px 0}/*keep -footers*/
    .lg\:pt-36{padding-top: 36px}/*keep -instagram*/

    .lg\:padding-xxl{padding: var(--space-xxl)}
    .lg\:padding-xl{padding: var(--space-xl)}
    .lg\:padding-l{padding: var(--space-l)}
    .lg\:padding-m{padding: var(--space-m)}
    .lg\:padding-base{padding: var(--space-base)}
    .lg\:padding-s{padding: var(--space-s)}
    .lg\:padding-xs{padding: var(--space-xs)}

    .lg\:padding-y-xxxl{padding: var(--space-xxxl) 0}
    .lg\:padding-y-xxl{padding: var(--space-xxl) 0}
    .lg\:padding-y-xl{padding: var(--space-xl) 0}
    .lg\:padding-y-l{padding: var(--space-l) 0}
    .lg\:padding-y-m{padding: var(--space-m) 0}
    .lg\:padding-y-base{padding: var(--space-base) 0}
    .lg\:padding-y-s{padding: var(--space-s) 0}
    .lg\:padding-y-xs{padding: var(--space-xs) 0}

    .lg\:padding-x-xxl{padding: 0 var(--space-xxl)}
    .lg\:padding-x-xl{padding: 0 var(--space-xl)}
    .lg\:padding-x-l{padding: 0 var(--space-l)}
    .lg\:padding-x-m{padding: 0 var(--space-m)}
    .lg\:padding-x-base{padding: 0 var(--space-base)}
    .lg\:padding-x-s{padding: 0 var(--space-s)}
    .lg\:padding-x-xs{padding: 0 var(--space-xs)}

    .lg\:padding-top-base{padding-top: var(--space-base)}
    .lg\:padding-top-m{padding-top: var(--space-m)}
    .lg\:padding-top-l{padding-top: var(--space-l)}
    .lg\:padding-top-xl{padding-top: var(--space-xl)}
    .lg\:padding-top-xxl{padding-top: var(--space-xxl)}
    .lg\:padding-top-xxxl{padding-top: var(--space-xxxl)}
    .lg\:padding-top-xxxxl{padding-top: var(--space-xxxxl)}

    .lg\:padding-bottom-xxxl{padding-bottom: var(--space-xxxl)}
    .lg\:padding-bottom-xxl{padding-bottom: var(--space-xxl)}
    .lg\:padding-bottom-xl{padding-bottom: var(--space-xl)}
    .lg\:padding-bottom-l{padding-bottom: var(--space-l)}
    .lg\:padding-bottom-m{padding-bottom: var(--space-m)}
    .lg\:padding-bottom-s{padding-bottom: var(--space-s)}

    .lg\:padding-left-xxxxl{padding-left: var(--space-xxxxl)}
    .lg\:padding-left-xxxl{padding-left: var(--space-xxxl)}
    .lg\:padding-left-xxl{padding-left: var(--space-xxl)}
    .lg\:padding-left-xl{padding-left: var(--space-xl)}

    .lg\:padding-right-xxxxl{padding-right: var(--space-xxxxl)}
    .lg\:padding-right-xxxl{padding-right: var(--space-xxxl)}
    .lg\:padding-right-xxl{padding-right: var(--space-xxl)}
    .lg\:padding-right-xl{padding-right: var(--space-xl)}
    .lg\:padding-right-l{padding-right: var(--space-l)}

    .lg\:padding-none{padding: 0}
    .lg\:padding-top-none{padding-top: 0}
    .lg\:padding-bottom-none {padding-bottom: 0}

    /* ======================= Spacing End ======================= */

    /* ======================= Text Properties Start ======================= */
    .lg\:txt-ctr{text-align: center;}
    .lg\:txt-l{text-align: left;}
    .lg\:txt-r{text-align: right;}
    /* ======================= Text Properties End ======================= */

    /* ======================= Grid Start ======================= */
    .lg\:grid-container{display: grid; grid-template-rows: auto auto 1fr;}
    .lg\:grid-row-auto{grid-template-rows:  auto}
    .lg\:grid-container-two{grid-template-columns: repeat(2, minmax(0, 1fr));}
    .lg\:grid-container-three{grid-template-columns: repeat(3, minmax(0, 1fr));}
    .lg\:grid-container-four-equal{grid-template-columns: repeat(4, minmax(0, 1fr));}
    .lg\:grid-container-six{grid-template-columns: repeat(6, minmax(0, 1fr));}
    .lg\:grid-container-full{grid-template-columns: repeat(12,1fr);}
    .lg\:grid-container-four{grid-template-columns: repeat(4,1fr);}
    .lg\:grid-container-five{grid-template-columns: repeat(5,1fr);}
    .lg\:grid-container-six{grid-template-columns: repeat(6,1fr);}
    .lg\:grid-three{grid-column: span 3;}
    .lg\:grid-four{grid-column: span 4;}
    .lg\:grid-five{grid-column: span 5;}
    .lg\:grid-six{grid-column: span 6;}
    .lg\:grid-seven{grid-column: span 7;}
    .lg\:grid-eight{grid-column: span 8;}
    .lg\:grid-nine{grid-column: span 9;}
    .gutter{column-gap: 80px;}
    .lg\:gutter-m{column-gap: 40px;}
    .lg\:grid{gap: 20px}
    .lg\:grid-s{gap: var(--space-s);}
    .lg\:grid-base{gap: var(--space-base);}
    .lg\:grid-m{gap: var(--space-m);}
    .lg\:grid-l{gap: var(--space-l);}
    .lg\:grid-xl{gap: var(--space-xl);}
    .lg\:grid-container.row-rev{grid-auto-flow: dense;}
    .lg\:grid-container-two.row-rev .grid-item:first-child{grid-column: 2;}
/*    .grid-container:not(.grid-container-one).row-rev .grid-item:first-child{grid-column: 2;}*/

    .slider-gutter-l{padding-left: var(--space-xl); padding-right: var(--space-xl);}
    .slider-gutter-m{padding-left: 20px; padding-right: 20px;}
    .slider-gutter-s{padding-left: 10px; padding-right: 10px;}
    /* ======================= Grid End ======================= */

    /* ======================= Flexbox Start ======================= */
    .lg\:flex{display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;}
    .lg\:flex-x-align{-webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center;}
    .lg\:flex-y-align{-webkit-box-align: center; align-items: center;}
    .lg\:flex-bottom-align{-webkit-box-align: flex-end; align-items: flex-end;}
    .lg\:flex-content-align{-webkit-align-content: center; -moz-align-content: center; align-content: center;}
    .lg\:flex-space-between{-webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between;}
    .lg\:flex-justify-end{-webkit-justify-content: flex-end; justify-content: flex-end;}
    .lg\:order-1{-webkit-order: 1; -moz-order: 1; -ms-order: 1; order: 1;}
    .lg\:order-2{-webkit-order: 2; -moz-order: 2; -ms-order: 2; order: 2;}
    .lg\:row-rev{flex-flow: row-reverse;}
    .lg\:flex-row{flex-flow: row wrap;}
    .lg\:flex-nowrap{flex-wrap: nowrap;}
    .lg\:flex-col{flex-flow: column;}
    .lg\:flex-gap{gap: 8px}
    .lg\:flex-gap-m{gap: var(--space-m)}
    .lg\:flex-gutter-gap{gap:80px}
    /* ======================= Flexbox End ======================= */

    /* ======================= Form Start ======================= */
    input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]):not([type="button"]):not([type="search"]), textarea, .selectric{ font-size: 1.5625em; line-height: 1.3;}
    form.search input[type="search"]{ padding: 8px 50px 8px 25px; font-size: 1.375em;  }
    /* ======================= Form Start ======================= */

    .lg\:aspect-ratio-16-9 {position: relative;width: 100%;padding-top: 56.25%;}

    .btn{font-size: 1.375em; padding: 12px 28px; }
    .btn-xs{padding: var(--space-s) var(--space-base);font-size: 1em }
    .btn-sml{font-size: 1.125em; padding: 5px 20px}
    .btn-large{min-width: 278px}

    /* ======================= Gutenberg style override Start ======================= */
    .wp-block-image.size-full{margin: var(--space-xl) 0;}
    .wp-block-media-text + .wp-block-image.size-full{margin-top: var(--space-xxxl)}
    .wp-block-media-text{padding-top: var(--space-m);}
    /* ======================= Gutenberg style override End ======================= */

    

    .header-inner{min-height: 153px}
    .logo-wrap{position: absolute; left: 50%;-webkit-transform: translateX(-50%); -ms-transform: translateX(-50%);transform: translateX(-50%); width: 210px; top: 22px; max-height: 94px; -webkit-transition: .5s cubic-bezier(0.65,0.05,0.36,1); -o-transition: .5s cubic-bezier(0.65,0.05,0.36,1); transition: .5s cubic-bezier(0.65,0.05,0.36,1);}
    .logo-wrap img{height: 94px; -webkit-transition: .5s cubic-bezier(0.65,0.05,0.36,1); -o-transition: .5s cubic-bezier(0.65,0.05,0.36,1); transition: .5s cubic-bezier(0.65,0.05,0.36,1);}
    .header-section nav ul li a{font-size:1.375em}
    .nav-wrap{width: 100%}
    .main-nav{width: calc(50% - 105px); float: left;}
    .main-nav ul{width: 100%}
    .main-nav ul li{padding-bottom: var(--space-m);}
    .main-nav-left ul{padding-right: 11.5%}
    .main-nav-right ul{padding-left: 11.5%}
    .header-section nav ul li:not(:last-child){padding-right: 11.5%}


     .scrolling-header:not(.products-template-default) .header-inner {min-height: auto; padding: 28px 0}
    .scrolling-header:not(.products-template-default) .logo-wrap {width: 129px; top: 50%;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50% -50%);transform: translate(-50%, -50%);}
    .scrolling-header:not(.products-template-default) .logo-wrap img {height: 57.8px}
    .scrolling-header:not(.products-template-default) .main-nav ul li{padding-bottom: 0}


    /*Parallax bubbles*/
    .products-bubbles-left{-webkit-transform: translateX(-50px);transform: translateX(-50px);}
    .products-bubbles-right{-webkit-transform: translateX(50px);transform: translateX(50px);}
    .products-bubbles-left .products-bubbles, .products-bubbles-right .products-bubbles{ max-width: 70px;}

    .featured-products .products-bubbles-left .products-bubbles{ top: 90%;}
    .featured-products .products-bubbles-left .products-bubbles:nth-child(2){top: 117%;}
    .featured-products .products-bubbles-left .products-bubbles:nth-child(3){ top: 142%;}
    .featured-products .products-bubbles-left .products-bubbles:nth-child(4){  top: 160%; }
    .featured-products .products-bubbles-left .products-bubbles:nth-child(5){ top: 180%;}
    .featured-products .products-bubbles-left .products-bubbles:nth-child(6){ top: 220%;}

    .featured-products .products-bubbles-left .products-bubbles:nth-child(2){left: 14.571428571428571%;}
    .featured-products .products-bubbles-right .products-bubbles:nth-child(1){right: 11%}
    /*Parallax bubbles*/

   .centred-hero-image {width:43.14285714%}

    /* ======================= Image Comparison Slider Start ======================= */
    .artisanal-gelato-info-content{float: left; width: 45.29545454545455%; }
    .artisanal-gelato-info-content p{font-size: 1.4375em}
    .artisanal-gelato-expand-wrap { width: calc(100% - 162px);  padding-left: 11.636%; }
    .artisanal-gelato-expand-thumbs{max-width: 82%; left: 52.4%; height: 78%}
    .artisanal-expand-icon {width: 85px; }

    .artisanal-gelato-info-wrap{max-width: 162px;}
    .artisanal-gelato-info{width: 100%}
    .artisanal-gelato-info figure{max-width: 66px;}
    .artisanal-gelato-info figcaption{font-size: 1.125em; line-height: normal;}
    .artisanal-gelato em{font-size:  1.0625em; line-height: 21px; letter-spacing: 1.7px;}
    .artisanal-gelato-info-content h2{font-size:2.625em}
    /* ======================= Image Comparison Slider End ======================= */



   .quality-content p{font-size: 1.5em}
    .quality-main-content span{ font-size: 1.375em; letter-spacing: 2.1px; }
    .quality-main-content h4{line-height: 29px;     font-size: 2em;}
    .quality-main-thumb {  height: 335px; max-width:336px }
    .quality-main-thumb .artisanal-gelato-expand-wrap{width: 100%; padding: 0; height: 100%}
    .quality-main-wrap{height: 100%;}
    .quality-main-wrap .artisanal-expand-icon{    width: 68px;}

    .quality-item{width: 45.708994709%;}
    .quality-item h4{font-size: 2em}
    .quality-item p{font-size: 1.25em}

    .back-top-btn figure img{max-height: 35px}
    .back-top-btn h4{font-size: 1.625em}

    /* ======================= Featured Products Slider Start ======================= */
    .ingredients-title h2{font-size: 4.3125em}
    .ingredients-title h2 em{font-size: 1.2318840579710144em; line-height: 0.5}

    .winner-wave{height: 138px;}
    .winner-wave em{font-size: 32px;}

    /* ======================= Featured Products Slider End ======================= */

    .follow-us a{font-size: 1.625em; line-height: 30px;}

    .image-text-column-block-section  p{font-size: 1.375em}


    /* ======================= Testimonials Start ======================= */
    .testimonial-item{width: 26.26491228070175%; margin: 0 3.2%; }
    /* ======================= Testimonials End ======================= */

    /* ======================= Newsletter Start ======================= */
    .newsletter-section h3{font-size: 3em}
    .newsletter-section h4{font-size:  3.25em; ine-height: 0.77}

    .newsletter-bg{position: absolute; z-index: 1; bottom: 0; height: 100%; right: 0; width: 48%}
    .newsletter-bg picture {float: left; height: 100%; width: 100%}
    .newsletter-bg picture img{height: 100%; object-position: right bottom; object-fit: contain}
    .newsletter-section:before{content: ''; background-color: var(--brand); width: 100%; height: 94px; position: absolute; bottom: 0; left: 0}

    .newsletter-inner {width: 52%}
    .newsletter-contents .submit-col{padding-left: 19px; width: 33%}

    .newsletter-contents input[type="submit"]{width: 100%; border: 0; font-size: 25px; border-radius: 0; line-height: 40px; background-color: transparent; color: inherit; padding-left: 0; padding-right: 0}
    /* ======================= Newsletter End ======================= */


    
    .shop-item-content h5{min-height: 52px;}


    .story-item-thumb{margin-right: -70px}
    .image-text-block-section .grid-item:nth-child(2){max-width: 596px}
    .grid-container.row-rev .story-item-thumb{margin-left: -70px; margin-right: 0}

    /* ======================= Tab Page Header Start ======================= */
    .page-title h1{font-size: 2.625em; line-height: normal;}
    .story-tab-triger-wrap ul li{flex: 1}
    .story-tab-triger-wrap ul li a{ padding: 8px 10px 5px; font-size: 21px;border-top-left-radius: 20px; border-top-right-radius: 20px;}
    /* ======================= Tab Page Header End ======================= */

     /* ======================= Logo Text End ======================= */
    .logo-text-rows .grid-container.row-rev .grid-item{grid-column-start: 1;  grid-column-end: 8}
    .logo-text-rows .grid-container.row-rev .grid-item:first-child{grid-column-start: 8; grid-column-end: 13;  }
     /* ======================= Logo Text End ======================= */

      /* ======================= Centred Content Start ======================= */
    .centered-content-section p{max-width: 860px; font-size: 1.375em}
    .centered-content-section .container-inner h3{font-size: }
    .centered-content-section .container-inner h5{max-width: 860px; margin-bottom: var(--space-xs);}
    .centered-content-section .heading-section{max-width: 800px; margin: 0 auto}
    .centered-content-section h1{font-size: 3.875em; line-height: 0.84}
/*    .centered-content-section .lead-text{font-size: 1.625em}*/
    .centered-content-section p + h5{margin-top: var(--space-s);}
    .centered-content-section .btm-img-left{max-width: 309px}
    .centered-content-section .btm-img-right{max-width: 325px}
     /* ======================= Centred Content End ======================= */

      /* ======================= Accordion End ======================= */
    .accordion-section .content-section h1{ margin-bottom: var(--space-xxl)}
    .accordion-section  p, .accordion-section ul li:not(.menu-item):not([role=presentation]):not(.page-item):not(.label):not(.label-inactive):not(.selectric-items li):not(.social-wrap li):not(.category-navigation li):not(.story-tab-triger-wrap li){font-size: 1.5em; line-height: normal;}
    .accordion-section .accordion-content ul li:not([role=presentation]):not(.menu-item):not(.label):not(.label-inactive):not(.selectric-items li):not(.social-wrap li):not(.category-navigation li):not(.story-tab-triger-wrap li):before {    top: 13px;}
    .accordion-title h5:after{width: 22px}
     /* ======================= Accordion End ======================= */


    .career-thumb{margin-top: -58px}

    /*Image & Text*/
    .image-text-block-section + .centered-content-section{ padding-top:0 }


  
    .logo-item img{max-height: 120px}

    .find-us-bubbles {top: 42px; left: 49px; width: 20%;}

    .find-us-bubbles-right-wrap .find-us-bubbles {right: 0;left: auto; top: -15px;}
    .find-us-bubbles-right-wrap .find-us-bubbles:nth-child(3) { top: 17%; right: 9.5%;left: auto;}
    .find-us-bubbles-left-wrap .find-us-bubbles:nth-child(3) { top: 26%;left: 11%;}

    .contact-details-block-section .btm-img-right{max-width: 315px}


/*     .newsletter-contents {position: relative; z-index: 2}*/
 

/*     .newsletter-contents input[type="submit"]{width: auto; background-color: var(--white); border-radius: 22px; color: var(--brand); border: 1px solid #ffffff; font-size: 1.125em; padding: var(--space-xs) var(--space-m); -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; font-family: var(--font-family);}*/


    /*    Flavour*/
    .shop-tab-inner ul li a{font-size: 1.375em;}
    .rounded-hover {top: 5%; left: -44%;}
    .rounded-hover__bg{width: 289px; height: 289px}


    /* ======================= Product Single Start ======================= */
    .product-description p{font-size: 1.125em}

    .product-sidebar-wrap{width: 412px;}
    .product-details-wrap{width: calc(100% - 412px);}

    .food-quality-item figure img{max-height: 64px;}
    .food-quality-item em{font-size: 1.375em; max-width: 140px}

    .product-dropdown-wrap h5{font-size: 1.25em; letter-spacing: 1px}
    .product-dropdown-item p {font-size: 1.125em}
    .accordion-title h5{padding-right: 26px}

    .nutritional__table{max-width: 356px}

    .product-slider-content h5{font-size: 1.25em}
    
    /* ======================= Product Single End ======================= */


    /* ======================= Blog Start ======================= */
    
    .category-navigation li:first-child .btn{padding-right: 15px;padding-left: 15px;  }
    .category-navigation li:not(:first-child) .btn{padding: 8px 40px} 

    /* ======================= Blog End ======================= */

     /* ======================= Blog Single Start ======================= */
     .post-header .h2{ letter-spacing:  4.7px}
     .post-featured-img, .post-featured-img figure, .post-featured-img img{height: 100%}
    .post-header-content{position: relative; height: 100%}
    .post-header-content .scroll-btn{position: absolute; bottom: 30px; left: 50%;webkit-transform: translateX(-50%);transform: translateX(-50%);}
    .post-share-section .social-share img{width: 33px; height: 33px;}
     /* ======================= Blog Single End ======================= */



    

    .footer-widget{width: 50%;}
    .footer-widget a:not(.btn):not(.widget-form a){font-size: 1.375em; line-height: 1.2;}
    .widget-inner{max-width: 330px}
    .widget-inner .email-txt{font-size: 1.875em}
    .footer-widget:nth-child(2n+1){padding-right: 5%;}
    .footer-widget:nth-child(2n+1):after{bottom: auto; top: 0; width: 3px; height: 100%;  background-image: url('assets/svg/assets/dotted.svg'); }
    .footer-widget:nth-child(2n+2){padding-left: 5%;}
    .footer-widget .btn{padding: 7px 28px; font-size: 1.5625em }
}


/*    Desktop only styles
----------------------------------------------------------------------------------
*/
@media only screen and (min-width: 1024px)  {

}

@media(max-width:770px){
	.portfolio, .relationships{
		padding:0 2em;
	}	
	.brighter-exit .half .text-section {
		width: 40%;
	}
}

@media(max-width:700px){
	.food-quality-item figure img{
		width:45px !important;
		max-width:45px !important;
		height:45px !Important;
		max-height:45px !Important;
		display:block !important;
	}
}

@media(max-width:600px){
	body.home h1 {
    font-size: 4.625em;
 }
	
	
	.find-us .page-content-wrap{
		flex-direction:column-reverse;
	}
	.find-us .centered-content-section,
	.find-us .logo-bar-section,
	#certify .flex-row .certify-text,
	#certify .flex-row .certify-image,
	#educate .column-inner-educate .col-2, #educate .column-inner-educate .col-3,
	#educate .column-inner-educate .col-1,
	#footprint .footprint-intro .footprint-text,
	#footprint .alternating .half-1,
	#footprint .alternating .half-2,
	#certify .flex-row .package-image img,
	.recycle .flex-row .recycle-block, .sedex p, .relationships .content, .sedex .logos, .relationships .images,
	.positive-intro .targets .t-column .image,
	.positive-intro .targets .t-column .image img{
		width:100%;
	}
	#footprint .footprint-intro .footprint-text{
		padding:0;
	}
	.recycle .flex-row .recycle-block{
		padding:2em 0;
	}
	#footprint .alternating .double-col .feet {
    width: 50%;
    margin: auto;
}
	#footprint .alternating .double-col .feet img{
		max-width:340px;
	}
	#educate .column-inner-educate .col-3,
		#educate .column-inner-educate .col-2{
		text-align:center;
	}
	
	#story .products-bubbles-wrap,
	#educate .column-inner-educate .col-3 .floating-icecreame,
	#footprint .footprint-intro .bubble-left, #footprint .footprint-intro .bubble-right,
	#footprint .alternating .double-col .hand, .double-col,
	#future .right-col img:nth-child(2),
	#future .left-col img:nth-child(2){
		display:none;
	}
	#story .three-icon-column, .calendar-icons, #certify .flex-row, #educate .column-inner-educate, #footprint .alternating, .sedex, .relationships,
	.positive-intro .targets .t-column{
		flex-direction:column;
	}
	.t-column-right{
		flex-direction:column-reverse !important;
	}
	.brighter-exit .half .text-section {
    	width: 100%;
    	float: right;
    	margin-right: 0%;
    	margin-top: 10em;
	}
	.calendar-icons{
		align-items:center;
		justify-content:center;
	}
	#footprint .alternating{
		margin-bottom:0px;
	}
	#educate .column-inner-educate .col-1 .pair{
		display:block;
	}

	
}

.widget-btn-down{
	display:flex;
	align-items:center;
}

.widget-btn-down a{
	background-color: var(--white);
    color: var(--brand);
    border: solid 1px var(--white);
    border-radius: 30px;
    padding: 18px 22px;
    font-size: 1.2em;
    margin-right: 10px;
	transition:ease all 0.5s;
}

.widget-btn-down a:hover{
	opacity:0.8;
}

.d-b-f{
	padding:20px 60px;
	text-align:left;
}

@media(max-width:600px){
	.d-b-f{
		padding:0;
	}
	.widget-btn-down{
		flex-direction:column;
	}
	.widget-btn-down a{
	   border-radius: 72px;
	}
	.progress-one,
	#testimonialCarousel-block_6d7980ec77676a243f49dc9334cc53ca{
		display:none !important;
	}
	.product-slider-wrap {
        padding-top: 24px;
    }
}

.hide{display: none}