@import url('https://fonts.googleapis.com/css?family=Montserrat:400,500,600,700,800,900&display=swap');
@font-face {
    font-family: 'Rye';
    src: url('../fonts/rye-regular-webfont.woff2') format('woff2'),
         url('../fonts/rye-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
/* review css*/
#first-review-section .wpcr3_dotline, #first-review-section .wpcr3_review {
	display:none !important;
}
/* Common */
body{
    color: #000;
    font-family: 'Montserrat', sans-serif;
    background-color: #fff;
}
.heading1{
    font-size: 3.4375em;
    font-weight: normal;
    margin-bottom: 0.4em;
    font-family: 'Rye';
    color: #000;
    line-height: 1.45
}
.heading2 {
    font-family: 'Rye';
	color: #000;
    font-size: 2.25em;
    line-height: 1.5;
    margin-bottom: 0.4em;    
}
.heading4 {
	color: #434343;
	font-size: 1.75em;    
}
.heading5 {
	color: #434343;
	font-size: 1.5em;    
}
.heading6 {
    font-size: 1em;
    color: #717171;
    font-family: 'Rye';
    margin-bottom: 1em;
}

h2{
    font-family: 'Montserrat', sans-serif;
    font-size: 2.125em;
    color: #434343;
    line-height: 1.6;
    margin-bottom: 0.45em;
}
h3{
    font-family: 'Montserrat', sans-serif;
    font-size: 1.75em;
    color: #434343;
    line-height: 1.6;
    padding: 0;
    margin: 0 0 0.45em;
    font-weight: 500;
}
h4{
    font-family: 'Montserrat', sans-serif;
    font-size: 1.375em;
    color: #434343;
    line-height: 1.6;
    padding: 0;
    margin: 0 0 0.45em;
    font-weight: 500;
}
:not(.home) h4{
    color: #000;
    font-weight: 700;
}
p{
    font-size: 1.375em;
    line-height: 1.7;
    font-weight: 300;  
    margin: 0 0 1.375em; 
    padding: 0;
}
:not(.home) p{
    font-size: 1em;
}
a{
    font-size: 1em;
    color:#000; 
    outline: 0 !important;
    box-shadow: none;
    padding-bottom: 0.5em;
    font-weight: 700;
    position: relative;
    z-index: 1;
}


/* Standard syntax */
@keyframes borderDashed {
   0%   { width: 0;
    opacity: 0;} 
  100% {width: 100%;
    opacity: 1;}
}

a:hover, a:focus, a:active{
   outline: 0 !important; 
}
.wrap{
    max-width: 100em;
    padding-left: 3.125em;
    padding-right: 3.125em;
    margin: 0 auto;
    width: 100%;
}
.center{
    text-align: center;
}
.site-header .wrap, .site-footer .wrap{
    max-width: 120em;
}

/* Style overlay */
.twentyseventeen-front-page.has-header-image .site-branding, .twentyseventeen-front-page.has-header-video .site-branding, .home.blog.has-header-image .site-branding, .home.blog.has-header-video .site-branding{
    margin-bottom: 0;
    position: static;
    width: auto;
    text-align: center;
    flex-basis: 100%;
}
.custom-logo-link img, body.home.title-tagline-hidden.has-header-image .custom-logo-link img, body.home.title-tagline-hidden.has-header-video .custom-logo-link img {
    max-width: 18.75em;
    width: 100%;
    max-height: inherit;
    object-fit: contain;
    padding: 0;
    transition: 0.3s linear;
    -webkit-transition: 0.3s linear;
}
body.home.title-tagline-hidden.has-header-image .site-header.sticky .custom-logo-link img,
.site-header.sticky .custom-logo-link img{
    max-width: 10.75em;
}
.site-header.sticky ul.menu > li {
    padding: 0.5em 0;
}
.site-header.sticky ul.menu li.menu-item-has-children {
    padding-right: 2em;
}
/* Header */
.custom-header-background{
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    /* max-height: 64.5625em; */
    max-height: 100vh;
}
.wp-custom-header img{
    /* max-height: 64.5625em; */
    width: auto;
    max-height: 100vh;
}
.scroll-to-content{
     text-align: center;
    position: absolute;
    bottom: 0;
    left: 50%;
    z-index: 1;
    transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
}
.scroll-down-content{
    margin: 0 auto;     
    border: 0;   
}
.scroll-down-content img{
    width: 3.5em;
}
.site-header{
    background-color: transparent;
    padding: 1em 0;    
    /* background-image: linear-gradient(180deg, #ffffff 0%, rgba(255,255,255,0) 100%); */
    z-index: 9;
    position: fixed;
    left: 0;
    right: 0;
    top: inherit;
    
}
.site-header::after{
    content: "";
    background: #fff;
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 0;
    transition: 0.3s linear;
    box-shadow: 0 0 20px rgba(0,0,0,0.15);
    -webkit-box-shadow: 0 0 20px rgba(0,0,0,0.15);
}
.site-header.sticky{
     position: fixed;       
}
.site-header.sticky::after{
    height: 100%;
}
.site-header-inner {
    display: flex;
    flex-direction: row;    
    justify-content: space-between;
}
.site-header .site-branding{
    position: absolute !important;
    left: 50% !important;
    top: 0 !important;
    transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0)
}
.site-header.sticky .site-branding a{
    height: 4em;
    overflow: hidden;
}
.site-branding a{
    border: 0;
}
.custom-logo-link {
    padding-right: 0;
}
.site-branding{
    order: 1;
    padding: 0;
    flex-basis: 100%;
    text-align: center;
}
.menu-top-menu-left-container{
    order: 0;
    flex-basis: 100%;
}
.menu-top-menu-right-container {
    order: 2;
    flex-basis: 100%;
    text-align: right;
}
.menu-top-menu-right-container  ul.menu {
    justify-content: flex-end;
    margin: 0 -1em 0 0;
}
ul#top-menu-left{
    margin: 0 -1em;
}
ul.menu {
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
    list-style: none;
}
ul.menu li{
    padding:1em 0;
    position: relative;
    margin: 0.5625em 1.5625em;
    z-index: 1;
    transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    cursor: pointer;
}
.menu a{
	color: #000000;
	font-family: 'Montserrat', sans-serif;
	font-size: 1em;
    font-weight: 500;	
    border: 0;
}
.menu a span{
    position: relative;
    padding-bottom: 0.3125em;
}
.site-header .menu > li::after{
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 100%;
    width: 0;
    opacity: 0;
    transition: 0.3s linear;
    -webkit-transition: 0.3s linear;
    border: 0.0625em dashed #000;
    margin-top: -0.85em;
}
.site-header.sticky .menu > li::after{
    margin-top: -0.45em;
}
ul.sub-menu {
    min-width: 8.875em;
    border-radius: 0.5em;
    background-color: #FFFFFF;
    /* box-shadow: 0 0.25em 1.5625em -0.625em rgba(0,0,0,0.33); */
    box-shadow: 0 2px 20px rgba(0,0,0,0.15);
    -webkit-box-shadow: 0 2px 20px rgba(0,0,0,0.15);
    list-style: none;
    padding: 0.625em 0;
    margin: 0;
    position: absolute;
    left: inherit;
    top: 100%;
    opacity: 0;
    visibility: hidden;
    z-index: -1;    
}
.menu ul.sub-menu li{
    padding: 0;
    margin: 0
}
.menu li.menu-item-has-children:hover ul.sub-menu{
    opacity: 1;
    visibility: visible;
    z-index: 1;
}
.menu ul.sub-menu a{
    font-size: 0.875em;
    padding: 0 1em;
    line-height: 2;
    display: block;
}
.site-header .menu li:hover::after, .site-header ul.menu li.current-menu-item::after{    
    width: 100%;
    opacity: 1;
}
.cart-navbar{
        display: flex;
    order: 3;
    align-items: center;
}
.cart-navbar a {
    width: 2em;
    height: 2em;
    display: block;
    padding: 0;
    margin-left: 1.55625em;
}
.cart-navbar a {
    width: 4em;
    height: 2em;
    display: flex;
    padding: 0;
    margin-left: 1.5625em;
    align-items: center;
}
.cart-navbar a img {
    height: 1.5625em;
    width: auto;
}
.base {
    background: #E0B82D;
    height: 2em;
    width: 2em;
    line-height: 2;
    border: none;
    border-radius: 50%;
    font-weight: 500;
    color: #fff;
    margin: 0 0 0 1em;
    padding: 0;
    text-align: center;
    font-size: 0.75em;
}
.site-content-contain{
    background-color: transparent;
    position: relative;
    z-index: 2;
}
/* Banner */
/* .page:not(.home) #content, .twentyseventeen-front-page .site-content, .site-content{
    padding-top: 18.25em;    
    padding-bottom: 6.25em;
}
.banner-image {
    position: absolute;
    right: 0;
    top: 0;
    background-size: 100%;
    width: 43.125em;
    height:50em;
    background-repeat: no-repeat;
}*/
.banner-content{
    max-width: 36.625em;
    width: 100%;
    padding: 0 0 15em;
    position: relative;
    z-index: 1;
} 

.page:not(.home) #content, .twentyseventeen-front-page .site-content, .site-content {
    padding-top: 0;    
    padding-bottom: 6.25em;
}
.banner {
    height: 100vh;
}
.banner .wrap {
    height: 100%;
}
.banner-image {
    position: absolute;
    right: 0;
    top: 0;
    background-size: cover;
    width: auto;
    height:auto;
    bottom: 0;
    left: 0;
    background-repeat: no-repeat;
    background-position: right 0;
    background-size: 30%;
}
.home .banner-content{
    max-width: 36.625em;
    width: 100%;
    padding: 0;
    position: relative;
    z-index: 1;
    display: flex;
    align-items: flex-start;
    height: 100%;
    flex-direction: column;
    justify-content: center;
}
.home .banner-content a.button, 
.home .banner-content .button{
    text-transform: uppercase;
    color: #fff;
    background-color: #E0B82D;
}
.home .banner-content a.button:hover, .home .banner-content .button:hover {
    color: #E0B82D;
    background-color: transparent;
}

.banner-content p{
    font-size: 1em;
}
.banner-bottom .link-label{
    font-size: 1.375em;
    display: inline-flex;
    margin-right: 3.125em;
}
.banner-bottom a.link{
    margin-right: 3.125em;
}
.twentyseventeen-front-page article:not(.has-post-thumbnail):not(:first-child){
    border-top: 0 solid #ddd;
    margin-top: 0;
    /* margin-top: 9.25em; */
}
.second-section{
    padding:13em 0 3.125em;
    position: relative;
}
.second-section::after{
    content: "";
    display: block;    
	height: 23.475em;
    width: 15.75em;
    background-image: url('../images/natural-stick-image.png');
    background-size: 100%;
    background-repeat: no-repeat;
    background-position:  center center;
    position: absolute;
    right: 0;
    top: 6.25em;
}
.second-image {
    position: absolute;
    left: 0;
    top: 0;
    width: 26em;
    z-index: 1;
}
.second-image img {
    width: 100%;
}
.second-section .content{
    max-width: 31.25em;
    margin-left: auto;
    margin-right: 3.125em;
}

a.link, .commitments-container .tab-content p a, .about_sunny-content a {
	color: #000000;
    font-size: 1em;    
	font-weight: bold;
    line-height: 1.2;
    text-transform: uppercase;
    display: inline-block;
    /* border-bottom: 0.125em dashed #000000; */
    /* padding-bottom: 0.625em; */
    margin-top: 2em;
    position: relative;
}
a.link::after, .commitments-container .tab-content p a::after, .about_sunny-content a::after{
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    opacity: 1;
    transition: 0.3s linear;
    -webkit-transition: 0.3s linear;
    border: 0.0625em dashed #000;    
}
a.link:hover::after, .commitments-container .tab-content p a:hover::after, .about_sunny-content a:hover::after{
   -webkit-animation: borderDashed 1.35s; /* Safari 4.0 - 8.0 */
  animation: borderDashed 1.35s;
}
/* Safari 4.0 - 8.0 */
@-webkit-keyframes borderDashed {
  0%   { width: 0;
    opacity: 0;} 
  100% {width: 100%;
    opacity: 1;}
}

.third-section{
    padding: 3.75em 0;
}
.third-section .content{
    max-width: 27.5em;
    padding: 7.5em 0;
}
.third-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
#slider{
    width: 50em;
}
.slide-thumbe{
    padding: 0.9375em;
}
.slide-thumb {
    height: 6.25em;
    width: 6.25em;
    border-radius: 0.9375em;
    background-color: #FFFFFF;
    box-shadow: 0 0 1.25em -0.375em rgba(0,0,0,0.5);
    background-size: 350%;
    background-position: center center;
}
.slide-thumbe img {
    opacity: 0;
	height: 100%;
	width: 100%;
	/* border-radius: 0.9375em;
	background-color: #FFFFFF;
	box-shadow: 0 0 1.25em -0.375em rgba(0,0,0,0.5); */
}
.slick-current .slide-thumb{
    border: 0.1875em dashed #000000;
}
#carousel{
    max-width: 58em;
    margin: 0 auto;    
}
#carousel .slick-list{
    padding: 0 !important;
}
.carousel-arrow {
    display: flex;
    justify-content: center;
    align-items: center;
}
.carousel-arrow .slick-arrow, .carousel-arrow .slick-arrow:hover, .carousel-arrow .slick-arrow:focus,
button.slick-arrow, button.slick-arrow:hover, button.slick-arrow:focus {
    width: 1.875em;
    height: 1.875em;
    overflow: hidden;
    text-indent: -99em;
    padding: 0;
    border-radius: 0;
    margin: 0.5em;
    background-color: transparent;
    background: url('../images/arrow.png') no-repeat center center transparent !important;
    background-position: center center;
    background-size: 0.58em !important;
    background-repeat: no-repeat;
        min-width: inherit;
    border: 0;
}
.carousel-arrow .slick-arrow.slick-next,
button.slick-arrow.slick-next{
    transform: rotate(180deg)
}
.fourth-section{
    position: relative;
}
.fifth-section{
    padding:  0 0 4.85em;
    position: relative;
}
.fourth-container{
    display: flex;
    align-items: center;
    justify-content: center;
}
.fourth-container:nth-child(even) {
    flex-direction: row-reverse;
}
.fourth-container .image{
    width: 45em;
}
.fourth-section .content{
    max-width: 27.5em;
    margin-left: 8.125em;
}
.fourth-section .fourth-container:nth-child(even) .content{
     margin-left: 0;
     margin-right: 8.125em;
}
.review-slider{
    padding: 0;
}
.review-slider .slick-track{
    display: flex;
    align-items: center;
}
.review-slide{
    padding: 4.125em 0;
}
.review-content{
    background: #fff;
    padding: 2.1875em;
    border-radius: 3.375em;    
    box-shadow: 0 0 2em 0 rgba(0,0,0,0.18);
    opacity: 0.5;
    transform: scale(0.9);
    text-align: center;
    transition: 0.3s linear;
    -webkit-transition: 0.3s linear;
    margin: 0;
}

.slick-current .review-content{
    box-shadow: 0 0 4.375em 0 rgba(0,0,0,0.18);
    opacity: 1;
    transform: scale(1)
}
.review-content span{
	color: #717171;
	font-family: 'Rye';
	font-size: 1em;
	text-align: center;
}
 /* .review-slider{
     margin: 0 -50px;
 }*/ 
.review-slider .slick-list{
    padding: 0 !important;
} 
ul.slick-dots {
    display: flex;
    justify-content: center;
    align-items: center;
    list-style: none;
}
ul.slick-dots button, ul.slick-dots button:hover, ul.slick-dots button:focus{    
    width: 1.25em;
    height: 1.25em;
    padding: 0;
    font-size: 1em;
    text-indent: -99em;
    overflow: hidden;
    background-color:transparent;
    border-radius: 50%;
    margin: 0 0.625em;
    background-image: url('../images/oval.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
        min-width: inherit;
    border: 0;
}
ul.slick-dots .slick-active button{
    background-image: url('../images/oval-black.png');
}
.sixth-section{
    text-align: center;
}
.sixth-section .heading2 {
    max-width: 13em;
    margin: 0 auto;
}
.sixth-section .image{
    padding: 0;
}
.sixth-section .image img{
    max-width: 50.75em;
}
a.button, .button {
	height: 4.375em;
    min-width: 11.875em;
    color: #E0B82D;	
	font-size: 1em;
	font-weight: bold;	
    text-align: center;
    border: 0.1875em solid #E0B82D;
    border-radius: 2.5em;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 0.5em 1em;
    transition: 0.15s linear;
    -webkit-transition: 0.15s linear;
}
a.button:hover{
    background: #E0B82D;
    color: #fff;
}
a.button:after{
    display: none;
}
.content-bottom{
    text-align: center;
}
.content-bottom-inner{
    padding: 0 3.125em 2.125em;
}
.sbi_photo_wrap .sbi_photo{
    border-radius: 2.5em;
    background-color: #D8D8D8;
    border: 0 solid #979797;
}
.social-navigation {
    clear: left;
    float: none;
    margin-bottom: 0;
    width: 100%;
    text-align: center;
}
.social-navigation a {
    background-color: transparent;
    -webkit-border-radius: 40px;
    border-radius: 0;
    color: #000;
    display: inline-block;
    height: 2.5em;
    margin: 1em;
    text-align: center;
    width: 2.5em;
    border: 0;
}
.social-navigation .icon {
    height: 2.5em;
    top: 0;
    width: 2.5em;
    vertical-align: top;
}
.social-navigation .screen-reader-text{
    display: none;
}
.social-navigation a:hover, .social-navigation a:focus {
    background-color: transparent;
}
.hp-our_commitments {
    background-color: #FFF7DC;
    padding: 0 3.125em;
}
.our_drives {
    display: flex;
}
.our_drives_content {
    flex-basis: 100%;
}
.our_drives_content .heading6 {
    font-size: 0.875em;
    color: #000000;
    font-family: 'Rye';
    margin-bottom: 0;
}
.our_drives_content a {
    padding: 1.5625em;
    display: block;
    border: 0;
}
.our_drives_content a:after, .site-branding a:after, .menu a::after, .sbi_photo_wrap .sbi_photo{
    display: none;
}
.our_drives_content .image {
    margin-bottom: 1.25em;
}
.our_drives_content .image img {
    max-height: 4.7375em;
    width: auto;
}

.site-footer{
    margin-top: 0;
    border: 0;
    font-size: 1em;
    line-height: 1.5;
    padding: 1.25em 0;
}
.site-footer .widget-area {
    padding-bottom: 0;
    padding-top: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.menu-footer-menu-container ul.menu {
    padding: 1.1875em 0;
    margin: 0;
    display: grid;
    align-items: flex-start;
    list-style: none;
    flex-direction: column;
    grid-template-columns: repeat(2, 7em);
    grid-auto-flow: column;
    grid-template-rows: auto auto auto auto;
    padding: 0;
}
.menu-footer-menu-container ul.menu li:first-child{
    grid-column: auto / span 2;
}

.widget-area:before, .widget-area:after{
    display: none;
}
.site-footer .widget-column.footer-widget-1, 
.site-footer .widget-column.footer-widget-2{
    float: none;
    width: auto;
    flex-basis: 100%;
}
.widget ul li, .widget ol li{
    border-bottom: 0 solid #ddd;
    border-top: 0 solid #ddd;
}
.menu-footer-menu-container ul.menu li{
    padding: 0.25em 0;
    margin: 0;
}
.widget:not(.widget_tag_cloud) ul li + li{
    margin-top:0;
}
.menu-footer-menu-container .menu a{
    font-size: 0.875em;
}
.widget_text p{
    font-size: 0.875em;
    text-align: right;
    padding: 0.3125em 0;
    margin: 0;
}
.widget_text a {
	color: #000000;
	font-size: 1em;
	font-weight: 500;
	text-align: right;
}
.textwidget img{
    max-width: 19em;
    margin-top: 0.625em;    
}
.widget {
    padding-bottom: 0;
}
.site-footer .wrap {
    padding-bottom: 0;
    padding-top: 0;
}
.site-footer .site-branding {
    order: 1;
}
.widget-column.footer-widget-2{
    order: 3;
}
.entry-title a, .entry-meta a, .page-links a, .page-links a .page-number, .entry-footer a, .entry-footer .cat-links a, .entry-footer .tags-links a, .edit-link a, .post-navigation a, .logged-in-as a, .comment-navigation a, .comment-metadata a, .comment-metadata a.comment-edit-link, .comment-reply-link, a .nav-title, .pagination a, .comments-pagination a, .site-info a, .widget .widget-title a, .widget ul li a, .site-footer .widget-area ul li a, .site-footer .widget-area ul li a{
        -webkit-box-shadow: none;
    box-shadow: none;
    text-decoration: none;    
}
.entry-content a:focus, .entry-content a:hover, .entry-summary a:focus, .entry-summary a:hover, .comment-content a:focus, .comment-content a:hover, .widget a:focus, .widget a:hover, .site-footer .widget-area a:focus, .site-footer .widget-area a:hover, .posts-navigation a:focus, .posts-navigation a:hover, .comment-metadata a:focus, .comment-metadata a:hover, .comment-metadata a.comment-edit-link:focus, .comment-metadata a.comment-edit-link:hover, .comment-reply-link:focus, .comment-reply-link:hover, .widget_authors a:focus strong, .widget_authors a:hover strong, .entry-title a:focus, .entry-title a:hover, .entry-meta a:focus, .entry-meta a:hover, .page-links a:focus .page-number, .page-links a:hover .page-number, .entry-footer a:focus, .entry-footer a:hover, .entry-footer .cat-links a:focus, .entry-footer .cat-links a:hover, .entry-footer .tags-links a:focus, .entry-footer .tags-links a:hover, .post-navigation a:focus, .post-navigation a:hover, .pagination a:not(.prev):not(.next):focus, .pagination a:not(.prev):not(.next):hover, .comments-pagination a:not(.prev):not(.next):focus, .comments-pagination a:not(.prev):not(.next):hover, .logged-in-as a:focus, .logged-in-as a:hover, a:focus .nav-title, a:hover .nav-title, .edit-link a:focus, .edit-link a:hover, .site-info a:focus, .site-info a:hover, .widget .widget-title a:focus, .widget .widget-title a:hover, .widget ul li a:focus, .widget ul li a:hover{
        color: #000;
     -webkit-box-shadow: none;
    box-shadow: none;
}
.entry-content a, .entry-summary a, .comment-content a, .widget a, .site-footer .widget-area a, .posts-navigation a, .widget_authors a strong {
    -webkit-box-shadow: none;
    box-shadow: none;
}
.site-footer  .custom-logo-link img, 
body.home.title-tagline-hidden.has-header-image .site-footer .custom-logo-link img, 
body.home.title-tagline-hidden.has-header-video .site-footer .custom-logo-link img {
    max-width: 14.75em;
    width: 100%;
    max-height: inherit;
    object-fit: contain;
    padding: 0;
    vertical-align: middle;
    margin: 0;
    padding: 0;
}
.site-footer .site-branding-text{
    display: none;
}

/* Inner Page */
.page-template-print .inner-banner{
    position: relative;
}
.inner-banner{
    min-height: 37em;
}
.inner-banner-content{
    display: flex;
    justify-content: space-between;
    position: relative;
    z-index: 1;
}
body:not(.home) .site-main{
    padding-top: 3em;
}
body:not(.home) .type-page, body.page-template-about:not(.home) .site-main {
    padding-top: 3.125em;
}
body.page-template-about:not(.home) .type-page {
    padding-top: 0;
}

.blog:not(.has-sidebar) #primary article, .archive:not(.page-one-column):not(.has-sidebar) #primary article, .search:not(.has-sidebar) #primary article, .error404:not(.has-sidebar) #primary .page-content, .error404.has-sidebar #primary .page-content, body.page-two-column:not(.archive) #primary .entry-content, body.page-two-column #comments {
    float: none;
    width: auto;
}
.page-template-print .entry-content{
    max-width: 30em;
    margin: 0 auto;
    text-align: center;
}
.entry-content p{
    font-size: 1em;
    margin: 0 0 1.875em;
}
.entry-content h6{
    font-size: 1.375em;
    padding: 0;
    margin: 0 0 1em;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
}
.page-template-print .inner-banner-content .image {
    width: 23.4375em;
}
.page-template-print .inner-banner-content .image img {
    width: 100%;
}
.page-template-print .site-content-contain{
    position: relative;
}
.print-image{
    width: 11.125em;
    height: 17.5em;
    background-image: url('../images/print-image.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    position: absolute;
    right: 0;
    top: -5em
}
.item-grid {
    display: grid;
    grid-template-columns: auto auto auto;
    grid-gap: 1.875em;
}
.item {
    border-radius: 0.625em;    
    box-shadow: 0 0 0.875em -0.25em rgba(0,0,0,0.5);
    -webkit-box-shadow: 0 0 0.875em -0.25em rgba(0,0,0,0.5);
    display: block;
    position: relative;
    color: #fff;
    overflow: hidden;
    padding: 0;
}
.item:before {
    content: "";
    display: block;
    padding-bottom: 100%;
}
.item img {
    vertical-align: middle;
    height: 100%;
    object-fit: cover;
    opacity: 0;
    visibility: hidden;
}
.item-thumb {
   border-radius: 0.625em;
    overflow: hidden;
    margin-bottom: 0;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    /* background-size: 100%; */
    background-size: cover;
}
.item-inner {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    
}
.item-content{
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 1;
    padding: 1.875em;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.44) 100%);
    -webkit-background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.44) 100%);
}
.item-content .heading6 {
	color: #FFFFFF;
	font-size: 1.375em;	
    text-align: center;
    margin: 0 0 0.125em;
}
.item-content small{
	color: #FFFFFF;
	font-size: 0.8125em;
	font-weight: bold;
    text-align: center;
    display: block;
    text-transform: uppercase;
}
.tabs-container{
    margin-top: 1.5em;
}
ul.tabs{
    display: flex;
    list-style: none;
    margin: 0 -1.35em 3.125em;
}
ul.tabs li{
    flex-basis: 100%;
	color: #000000;
	font-family: 'Rye';
	font-size: 1.375em;
    text-align: center;
    opacity: 0.5;
    padding: 0 1.35em;
    transition: 0.3s linear;
    -webkit-transition: 0.3s linear
}
ul.tabs li a{
    color: #000000;
    font-size: 1em;
    padding: 1.5em 1em;
    display: block;
    border-bottom: 0.22em solid #E0B82D;
}
ul.tabs li.current{
    opacity: 1;
}
.panel-content .wrap{
    padding-top: 0;
    padding-bottom: 0;
}
.content-bottom{
    padding-top: 3.43em;
    position: relative;
}
.content-bottom:after{
    content: "";
    display: block;
    width: 12.375em;
    height: 11.375em;
    background-image: url('../images/insta-bg.png');
    background-repeat: no-repeat;
    background-size: 100%;
    position: absolute;
    right: 10%;
    top: 0;
}
.tab-content{
    display: none;
}
.tab-content.current{
    display: block;
}

/* Contect Page */
.page.page-template-contact .custom-header-background{
    min-height: 100vh;
    max-height: 60.5625em;
}
.contact-header{
    padding: 2.5em 6.25em;
    position: relative;
    z-index: 3;
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 37em;
}
.page:not(.home).page.page-template-contact #content, .page:not(.home).page-template-wholesale #content{
    padding-top: 12.25em;
}
.page:not(.home).page-template-helpful #content{
    padding-top: 15.5em;
}

.contact-form {
    padding: 3.125em;
	max-width: 40em;
	border-radius: 0.5em;
	background-color: #FFFFFF;
    box-shadow: 0 0 2.5em -0.25em rgba(0,0,0,0.24);
    width: 100%;
}
.contact-form .heading1{margin: 0 0 0.25em; padding: 0}
.contact-form p{font-size: 1em; margin: 0 0 1.875em;}
input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea, select{
    height: 3.75em;
    font-size: 1em;
    padding: 0.5em 1.25em;
    border: 0.0625em solid #000000;
    border-radius: 0.625em;
    background-color: transparent;
    width: 100%;
}
textarea{
    padding: 1em 1.25em;
    height: 6.25em;
}
.contact-form p br{
    display: none;
}
.contact-form p span.wpcf7-form-control-wrap{
    margin-bottom: 0.625em;
    display: block;
}
button, input[type="button"], input[type="submit"]{
	height: 4.375em;
    min-width: 11.875em;
    font-size: 1em;
    color: #E0B82D;
    border-radius: 2.5em;
    border: 0.1875em solid #E0B82D;
    background-color: transparent;
    font-weight: 700;
}
button:hover, input[type="button"]:hover, input[type="submit"]:hover{
    background-color: transparent;
}
:not( .mejs-button ) > button:hover, :not( .mejs-button ) > button:focus, input[type="button"]:hover, input[type="button"]:focus, input[type="submit"]:hover, input[type="submit"]:focus {
    background: #E0B82D;
    color: #fff;
}
.message-info {
	border-radius: 0.1875em;
    background-color: #ED7045;
    padding: 0.5em 1.875em;
    font-size: 1em;
    color: #fff;
    font-weight: 500;
}
.wpcf7-form{position: relative;}
div.wpcf7-validation-errors, div.wpcf7-acceptance-missing, 
div.wpcf7-response-output{
    position: absolute;
    bottom: 0;
    left: 13em;
    border: 0;
    font-size: 1em;
    color: #fff;
    font-weight: 500;
    padding: 0.5em 1.875em;
    background-color: #ED7045;
}
div.wpcf7-mail-sent-ok {
    border: 0 solid #398f14;
    background-color: #9CD65C;
}
.form-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
span.wpcf7-not-valid-tip{
        font-size: 0.875em;
    margin-top: 0.25em;
}
.contact-block {
    text-align: center;
    padding: 1.875em;
    width: 50%;
    /* position: absolute; */
}
.contact-block .icon{   
    width: 7.5em;
    height: 7.5em;
    background-image: url('../images/icon-shape.png');
    background-repeat: no-repeat;
    background-size: 100%;
    margin: 0 auto;
}
.contact-block h6 {
	color: #000000;
	font-size: 1em;
	font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    margin: 0 0 0.625em;
    padding: 0;
    text-align: center;
}
.contact-block p, .contact-block a{
    font-size: 1em;
    color: #000;
    margin: 0 auto;   
    text-align: center; 
    border: 0;
}
.contact-information {
    display: flex;
    flex-wrap: wrap;
    max-width: 50em;
    width: 100%;
    justify-content: center;
}
.contact-block:nth-child(2){
    margin-top: 5em;
}
.contact-block:nth-child(3){
    margin-top: -5em;
}

/* style */
.accordian-grid{
    display: flex;
    justify-content: space-between;
    margin:3.125em -3.125em;
}
.accordian-heading{
    font-size: 1.375em;
    font-weight: 500;
    line-height: 1.688em;;
    padding:0.625em;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 0.125em dashed #000;
    cursor: pointer;
}
.accordian-heading:after{
    content:"";
    width: 0.8em;
    height: 0.8em;
    background-image: url('../images/angle-arrow-down.png');
    background-size: 100%;
    background-repeat: no-repeat;
}
.accordian-content{
    display: none;
}
.accordian-container-header{
    text-align: center;    
}
.accordian-content{
    background-color: #EEEEEE;
    padding:1.250em;
}
.accordian-content-item p{
    font-size: 1em;
    margin: 0 0 0.075em;
    font-weight: 500;
    line-height: 1.500em;
    padding:0.313em 0 0 0;
}
.accordian-content-item{
    position: relative;
    border-bottom: 2px solid #fff;
    padding:1.250em 0.625em;
}
.accordian-grid .accordian-content{
    padding:0 1.250em;
}

.accordian-content-item:last-child{
    border-bottom:none;
}
/* .accordian-content-item::before */
a.linkArrow{
    width: 1.875em;
    height: 1.875em;
    background-image: url('../images/right-arrow.png');
    background-position: center center;
    background-size: 1.08em;
    background-repeat: no-repeat;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate(0, -50%);
}
.accordian-container{
    width: auto;
    padding:0 3.125em;
    flex-basis: 100%;
}
.accordian-container-header .heading2{
    text-align: center;
    margin-bottom: 1.472em;
}
.accordian-item{
    margin-bottom: 1.063em;
}
.accordian-item.active .accordian-heading:after{
    transform: rotate(180deg);
    -ms-transform: rotate(180deg); 
    -webkit-transform: rotate(180deg);
}
.faq-content{
    padding: 6.25em 0;
}
.faq-content .accordian-item{
    margin-bottom: 0.9em;
}
.faq-content .accordian-container-header .heading2{
    margin-bottom: 2.22em;
}
.faq-content .accordian-content p {
    font-size: 1em;
    margin: 0 0 0.075em;
    font-weight: 500;
    line-height: 1.500em;
    padding:0.313em 0;
}
.story-container{
    padding-bottom: 8.375em;
    padding-top: 2.5em;
}
.head{
    text-align: center;
    margin-bottom: 5.125em;
}
.image-container .image img{
  width: 25em;
}

.content-item {
    display: flex;
    align-items: center;
    justify-content: center;
}
.content-item:nth-child(2n + 1){
    flex-direction: row-reverse;
}
.content-item .content-area{
    max-width: 28.75em;
}
.content-item  .image-container{
    padding-right: 8.75em;
    padding-left: 0;
}
.content-item:nth-child(2n + 1) .image-container{
    padding-left: 8.75em;
    padding-right: 0;
} 
.commitments-container{
    background-color: #FFF7DC;
    padding: 5em 0;
}
.commitments-container ul.tabs li{
    font-size: 0.875em;
}
ul.tabs li a i{
    margin-bottom: 1.25em;
    display: block;
}
ul.tabs li a img {
    max-height: 4.7375em;
    width: auto;
    vertical-align: top
}
.commitments-container .tab-content{
    text-align: center;
    max-width: 50em;
    margin: 0 auto;
}
.commitments-container .tab-content p{
    font-size: 1.375em;
}
.commitments-container .tab-content p a{
    /* color: #000; */
    font-size: 0.72em;
    /* text-transform: uppercase;
    font-weight: bold;
    border-bottom: 0.125em dashed #000000;
    padding-bottom: 0.3em; */
}
.vision-container{
    padding: 10em 0;
}
.vision-content{
    display: flex;
    align-items: flex-end;
    justify-content: center;
}
.vision-content .image img {
    background-color: #D8D8D8;
    width: 27em;
    border-radius: 2.5em;
}
.vision-content .content-area{
    max-width: 28.75em;
    margin-left: 8.75em;
}
.about_sunny-content{
    text-align: center;
}
.about_sunny-content .image img{
    width: 13.5625em;
    margin-bottom: 1.5625em;
    vertical-align: top;
}
.about_sunny-content .content-area{
    max-width: 48.25em;
    margin: 0 auto;
}
.page-template-tips:not(.home) .inner-banner-content .image{
    max-width: 26.5em;
}
.page-template-tips:not(.home) .type-page{
        padding-top: 0;
        margin-top: 4em;
}
.wrap-row {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: space-between;
}
.wrap-content {
    padding-right: 0;
    max-width: 34em;
}
.wrap-row .image img {
    max-width: 32em;
}
.wrap-container{
    padding: 1.625em 0 7.625em;
}
.wash-container{
    padding: 3.625em 0 7.625em;
}
.wrap-container .head{
    max-width: 31.25em;
    margin-left: auto;
    margin-right: auto;
}
.wrap-content-row {
    display: flex;
    align-items: flex-start;
    position: relative;
    padding-left: 5em;
    padding-bottom: 1.5em;
}
.wrap-content-right {
    flex-basis: 100%;
}
.count {
	height: 1.66em;
    width: 1.66em;
    font-size: 1.5em;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-family: 'Rye';
    background-color: #EEEEEE;
    position: absolute;
    left: 0;
    top: inherit;
}
.wash-content .head{
    text-align: left;
    max-width: 28.125em;
    padding-left: 7em;
}
.wash-row{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.wash-content-row{
    position: relative;
    padding-left: 7em;
    padding-bottom: 2.5em;
    min-height: 4.5em;
}
.icon-image{
    width: 4.5em;
    display: block;
    position: absolute;
    left: 0;
    top: inherit;
}
.icon-image img{
    width: 100%;
}
.wash-content{
    max-width: 40em;
}
.wash-row .image{
    max-width: 35em;
}
.wash-row .image img{
    width: 100%;
}
.revive-row{
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: space-between;
}
.revive-content{
    max-width: 31em;
}
.revive-row .image{
    max-width: 38em;
}
.revive-row .image img{
    width: 100%;
}
.revive-container{
    padding: 3.625em 0;
}
.revive-content a.link,
.wash-content a.link,
.wrap-content a.link{
    margin-top: 0;
}
ul.breadcumb{
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    font-size: 0.8125em;
    color: #000;
    opacity: 0.5;
    margin-bottom: 1.5em;
}
ul.breadcumb li{
    padding: 0;
    margin: 0;
    font-size: 1em;
    display: flex;
    align-items: center;
}
ul.breadcumb li a{
    font-size: 1em;
    display: flex;
    font-weight: inherit;
    padding: 0;
    margin: 0;
}
ul.breadcumb li ~ li::before{
    content: "";
    display: block;
    width: 0.5em;
    height: 0.5em;
    background-image: url('../images/angle-arrow-down.png');
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    margin: 0 0.5em

}
.banner-content.shop-banner-content p{
    font-size: 1.375em;
    margin: 0 0 1em;
}
.select-size-list{
    display: flex;
    align-items: flex-start;
    margin: 0 -1.5625em 1.875em;
    list-style: none;
    background: #fff;
}
.select-size{
    padding: 0 1.5625em;
    display: block;
}
.select-size a{
    display: block;
    padding: 0;
    font-weight: inherit;
    position: relative;
}
.radio label{
    font-size: 1em;
    color: #000;
    padding: 0;
    text-transform: uppercase;
    margin: 0;
    display: block;
    opacity: 0.5;
}
.radio span{
    font-size: 0.75em;
    color: #767676;
    display: block;
}
.select-size input[type="radio"], 
.select-size input[type="checkbox"]{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
    outline: 0;
    opacity: 0;
    z-index: 1;
}
.select-size input[type="radio"]:checked ~ .radio label, 
.select-size input[type="checkbox"]:checked ~ .radio label{
    opacity: 1;
}
.price{
    padding: 0.3em 0;
}
.price .heading2{margin: 0;}
.price .heading2 span {
    font-size: 0.45em;
}
.price .heading6{padding: 0; margin: 0;}
.price .strike{position: relative; display: inline-block;}
.price-save{font-size: 1em; color: #dc672c;}
.price .strike::after{
    content: "";
    display: block;
    width: 100%;
    top: 50%;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    left: 0;
    position: absolute;
    background: #717171;
    height: 2px;
}
.save-elevan {
    width: 7.5em;
    min-height: 9em;
    display: flex;
    align-items: center;
}
.save-elevan a {
    transition: 0.3s linear;
    -webkit-transition: 0.3s linear;
    transform: scale(1);
    -webkit-transform: scale(1);
    display: block;
    padding: 0;
}
.save-elevan a img{
    vertical-align: middle
}
.save-elevan a:hover{
    transform: scale(1.2);
    -webkit-transform: scale(1.2); 
}
.error-info{
    font-family: 'Rye';
    font-size: 1em;
    color: #E0702D;
}
.product-gallery {
    display: block;
    width: 35em;
}
.product-slider{
    margin-bottom: 3.125em;
    max-width: 33em;
    width: 100%;
}
/* .main-image {
    max-width: 35em;
    height: 30em;
    margin: 0 0 1em;
    display: flex;
    align-items: center;
    justify-content: center;
} */
/* .main-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
} */
.product-thumbnail{
    display: flex;
    align-items: center;
    /*justify-content: center; */
    margin: 0 auto;
  
}
.product-thumbnail > * {
    -webkit-transform: translateZ(0px);
}
/* .product-thumbnail .slick-track{
    width: 100% !important;
    display: flex;
    transform: none !important;
} */
.product-thumbnail .slick-list{
    padding: 0 !important;
    width: 100%;
}
/* .product-thumbnail button.slick-arrow {
    position: absolute;
    top: 0;
}
.product-thumbnail button.slick-arrow.slick-prev {
    left: 0;
}
.product-thumbnail button.slick-arrow.slick-next {
    right: 0;
} */

.product-thumbnail .slick-track {
    margin: 0;
}
.thumbnail-item{
    padding-left: 0;
    /* width: 3.125em !important; */
    margin:0 0.25em;
    position: relative;
}
.thumbnail-item .img_loader {
    padding: 0.8em;
}
.thumbnail-item a{
    height:3.125em;
     width: 3.125em;
    /* height: 5em; */
    /*width: 100%;*/
    padding: 0;
    border-radius: 0.468em;
    display: block;
    overflow: hidden;
    padding: 0;
}
.disable-print .thumbnail-item a,
.disable-print .thumbnail-item{
    pointer-events: none;
}
.disable-print button.slick-arrow {
    pointer-events: none;
}

.thumbnail-item a img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0.5;
}
.thumbnail-item.slick-current a > img {
    border: 2px dashed #000000;
    border-radius: 3px;
    opacity: 1;
}
.product-slide.slick-slide img{
    width: 100%;
}
.product-footer{
    max-width: 100%;
    margin: 0 auto;
    position: relative;
    padding: 0 0 1em;
}
.product-bottom {
    display: flex;
    margin: 1.875em 1.5em 1em;
    align-items: center;
    justify-content: center;
}
#out_of_sock {
    padding: 1.2em 1em;
    min-width: 10em;
    margin: 0 1.875em 0 0;
    border: 2px dashed #f00;
    color: #f00;
    display: block;
    font-weight: 600;
}
.quantity{
    border: 2px dashed #000000;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0;
    min-width: 10em;
    margin: 0 1.875em 0 0;
    position: relative;
}
.quantity-inner {
    display: flex;
    align-items: center;
    flex-basis: 100%;
    position: relative;
}
.quantity label{
    font-size: 0.8125em;
    text-transform: uppercase; 
    position: absolute;
    margin: 0 0 0 0.8em;
    pointer-events: none;   
}
.quantity-select{
    flex-basis: 100%;
    border: 0;
    background-color: #fff;
    appearance: none;
    -webkit-appearance: none;
    padding: 0 .8em 0 1.5em;
    font-size: 2.25em;
    font-family: 'Rye';
    height: 1.66em;
    margin: 0;
}
.quantity:after{
    content:"";
    width: 0.8em;
    height: 0.8em;
    background-image: url('../images/angle-arrow-down.png');
    background-size: 100%;
    background-repeat: no-repeat;
    position: absolute;
    right: 0.5em;
    pointer-events: none;
}
.product-bottom button, 
.product-bottom input[type="button"], 
.product-bottom input[type="submit"],
.shop-button{
    background-color: #E0B82D;
    border-radius: 0;
    color: #fff;
    font-size: 1em;
    font-weight: 700;    
    flex-basis: 100%;    
    padding: 1em;
    position: relative;
    border: none;
}
.product-bottom button span, 
.product-bottom input[type="button"] span, 
.product-bottom input[type="submit"] span,
.shop-button span {
    position: relative;
    z-index: 1;
}
.product-bottom button:disabled, .product-bottom input[type="button"]:disabled, .product-bottom input[type="submit"]:disabled, .shop-button:disabled {
    opacity: 0.5;
    cursor: not-allowed;
}
.product-bottom button:disabled:hover, .product-bottom input[type="button"]:disabled:hover, .product-bottom input[type="submit"]:disabled:hover {
    background-color: #E0B82D !important;
}
.product-bottom button:disabled::before, .product-bottom input[type="button"]:disabled::before, .product-bottom input[type="submit"]:disabled::before {
    background-color: transparent;
}

.product-bottom button:hover, 
.product-bottom input[type="button"]:hover, 
.product-bottom input[type="submit"]:hover,
.shop-button:hover{
    background-color: #E0B82D !important;
    color: #fff;
    position: relative;
}
.product-bottom button::before, 
.product-bottom input[type="button"]::before, 
.product-bottom input[type="submit"]::before,
.shop-button::before{
    background-color: rgba(0,0,0,0.1);
    color: #fff;
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 0;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    width: 100%;
    height: 100%;
}

.product-bottom button:hover::before, 
.product-bottom input[type="button"]:hover::before, 
.product-bottom input[type="submit"]:hover::before,
.shop-button:hover::before {
    opacity: 1;
    visibility: visible;
}

.page-template-shop .scroll-to-content, .page-template-shop #content-bottom,
.page-template-value-packs .scroll-to-content, .page-template-value-packs #content-bottom,
.page-template-by-the-metre .scroll-to-content, .page-template-by-the-metre #content-bottom,
.page-template-wholesale .scroll-to-content, .error404 .scroll-to-content{
    display: none;
}
.page-template-shop:not(.home) .site-main, 
.page-template-shop:not(.home) .type-page,
.page-template-value-packs:not(.home) .site-main, 
.page-template-value-packs:not(.home) .type-page,
.page-template-by-the-metre:not(.home) .site-main, 
.page-template-by-the-metre:not(.home) .type-page,
.page-template-wholesale:not(.home) .site-main,
.page-template-wholesale:not(.home) .type-page {
    padding-top: 0;
}
.error-message{
    font-size: 0.8125em;
    color: #E0702D;
    text-align: center;
    position: absolute;
    bottom: 0;
}
.product-value-pack{
    text-align: center; 
}
.product-pack-item {
    margin: 0 auto 3.125em;
    width: 28.5em;
    height: 25em;
    display: flex;
    align-items: center;
    justify-content: center;
}
.product-pack-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 999; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow:auto; /* Enable scroll if needed */
  padding: 5em;
}
.bodyclose{
    background-color: rgba(255,255,255,0.8);
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */  
}
/* Modal Content/Box */
.modal-content {
    min-height: 30em;
    max-width: 60em;
    margin: 0 auto;
	background-color: #FFFFFF;
    box-shadow: 0 0 1.25em -0.1875em rgba(0,0,0,0.5);
    position: relative;
    z-index: 1;    
}
.modal-header{
    text-align: center;
    padding: 1.875em;
}
.modal-header .heading2{
    margin: 0;
}
.modal-header  p{font-size: 1.375em; padding: 0; margin: 0;}
.modal-tab{margin: 0;}
.modal-tab ul.tabs{margin: 0; padding: 0; background-color: #EAEAEA;}
.modal-tab ul.tabs li{padding: 0; margin: 0; font-size: 1em;  font-family: 'Montserrat', sans-serif; flex-basis: 100%; opacity: 1;}
.modal-tab ul.tabs li.selected.current{background-color: #ffffff;}
.modal-tab ul.tabs li.selected {background-color: #F9F0D6;}
.modal-tab ul.tabs li a {
    font-size: 1em;
    padding: 1em;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: inherit;
    opacity: 1;
    border-bottom: 0.22em solid #EAEAEA;
}
.product-left-info .quantity {
    max-width: 12em;
}
.modal-tab ul.tabs li.current a {
    border-bottom: 0.22em solid #E0B82D;
}
.modal-tab ul.tabs li .tab-radio {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    opacity: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
}
.tab-label {    
    text-align: center;
}
.tab-label span{
    font-size: 1em;
    color: #000;
    padding: 0;
    text-transform: uppercase;
    margin: 0;
    display: block;
    font-weight: 700;
}
.tab-label small{
    font-size: 0.75em;
    color: #767676;
    display: block;
}
.tab-image img{
	height: 1.875em;
	width: 1.875em;
	border-radius: 0.468em;
	background-color: #FFFFFF;    
    margin: 0;
    padding: 0;
}
ul.tabs li a i.tab-image {
    margin-bottom: 0;
    display: block;
    flex-basis: 30%;
    display: none;
    max-width: 2em;
}
.modal-tab ul.tabs li a img {
    width: 100%;
    height: auto;
}
.modal-tab ul.tabs li.selected a .tab-label{flex-basis: 100%; text-align: left;}
.modal-tab ul.tabs li.selected a i.tab-image {
    display: block;
}
.modal-tab .product-slider , .modal-tab .product-thumbnail{
    margin: 0 auto;
}
.modal-tab .product-slider{
        max-width: 24em;
}
.modal-footer{
    border-top: 0.3125em solid #EAEAEA;
    max-width: 100%;
    padding: 1em;
    margin: 0;
}
.modal-footer .product-bottom {
    margin: 0;
    align-items: center;
    justify-content: space-between;
}
.modal-tab .product-gallery{padding: 1.875em; width: auto;}
.modal-tab  .product-bottom{justify-content: space-between;}
.product-left-info{padding: 0 1.5em; flex-basis: 50%;}
.product-left-info #footer_info_2 {
    max-width: 15em;
}
.product-right-info{ padding: 0 1.5em;}
.product-right-info .product-bottom button{min-width: inherit; padding: 0 1em;}
.product-left-info p{padding: 0; margin: 0;}
.product-left-info a.link{margin: 0; font-size: 0.875em;}
.modal-tab .product-thumbnail{justify-content: center}
/* .product-image{ max-width: 25em; margin: 0 auto 1em; height: 35em;display: flex;text-align: center; align-items: center; 
justify-content: center;} */
/* .product-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
} */

/* Minicart */
.minicart-bg{
    background-color: #FFFFFF;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 999;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}
.minicart {
    position: fixed;
    top: 0px;
    bottom: 0;
    width: 100%;
    max-width: 45em;
    right: -1.25em;
    overflow: hidden;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    z-index: 999;
    box-shadow: 0 0 1.25em -0.1875em rgba(0,0,0,0.5);
    transform: translate(100%, 0);
    -webkit-transform: translate(100%, 0)
}
.minicart-bg.show_minicart{
    opacity: 0.8;
    visibility: visible;
}
.minicart.show_minicart{
    transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    right: 0;
}
.minicart-content{
    background-color: #FFFFFF;
   overflow: auto;
    padding: 3.125em;
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
}
.minicart-header{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.minicart-close{
    height: 3.75em;
    width: 3.75em;
    background-color: #F3F3F3;
    background-image: url('../images/cross.png');
    background-repeat: no-repeat;
    background-size: 25%;
    background-position: center center;
    cursor: pointer;
    position: relative;
    z-index: 1;
}
.mincart-body{flex-basis: 100%;}
ul.mincart-order-list{
    padding: 0;
    margin: 1.25em 0;
    list-style: none;
}
ul.mincart-order-list li{
    padding: 2.5em 0;
    margin: 0;
    font-size: 1em;
    border-bottom: 0.125em dashed #000;
}
.mincart-order-item{
    display: flex;
    align-items: flex-start;
}
.mincart-order-img{
    width: 12.5em;
    margin-right: 1.875em;
    text-align: center;
}
.mincart-order-img img{
    vertical-align: middle;
    width: 100%;
    flex-basis: 35%;
}
.mincart-order-content {
    flex-basis: 100%;
}
.mincart-order-content-head{
    display: flex;
    justify-content: space-between;
    margin-bottom: 1em;
}
.minicart .heading5{
    font-size: 1.25em;
    font-family: 'Rye';
    margin: 0;
    padding: 0;
    color: #000;
}
.mincart-order-content-body{margin-bottom: 1.25em;}
.mincart-order-content-body h6{
    font-size: 1em;
    color: #000;
    margin: 0;
    padding: 0;
    font-weight: bold;    
}
.order-size{
    font-size: 0.75em;
    color: #767676;
    display: flex;
}
.order-size small{font-size: 1em; color: #767676; position: relative; margin-right: 0.5em;}
.order-size small:last-child::after {
    display: none;
}
.order-size small::after{content: ","}
.mincart-order-content-footer{display: flex; align-items: center; justify-content: space-between;}
.order-quantity{color: #000000; font-size: 1em;}
.remove{font-size: 0.875em; color: #000000; font-weight: 600;}
.minicart-total{display: flex; justify-content: space-between; align-items: center;}
.minicart-total{margin-bottom: 2.5em;}
.total{font-size: 1.25em; color: #000;}
.minicart-buttons {
    display: flex;
    justify-content: space-between;
}
.minicart-buttons .button{
    border-radius: 0;
    flex-basis: 47%;
    line-height: 1.3;
}
.minicart-buttons button.button{
    background-color: #E0B82D;
    color: #fff;
    position: relative;
}
.minicart-buttons button.button {
    position: relative;
    z-index: 1;
}
.minicart-buttons button.button::before{
    background-color: rgba(0,0,0,0.1);
    color: #fff;
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: -1;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    width: 100%;
    height: 100%;
}
.minicart-buttons button.button:hover::before {
    opacity: 1;
    visibility: visible;
}
.minicart-empty{
    flex-basis: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.minicart-empty .heading4{
    font-family: 'Rye';
    margin-bottom: 1em;
    color: #000;
}
.minicart-empty .button{
    border-radius: 0;
    background-color: #E0B82D;
    color: #fff;
    border: none;
    padding: 0.5em 2em;
}
.minicart-empty .button span {
    position: relative;
    z-index: 1;
    text-transform: uppercase;
}
.minicart-empty .button::before{
    background-color: rgba(0,0,0,0.1);
    color: #fff;
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: -1;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    width: 100%;
    height: 100%;
}
.minicart-empty .button:hover::before {
    opacity: 1;
    visibility: visible;
}

.modal.open {
  display: block; /* Hidden by default */  
}
.print_modal_content {
    position: relative;
    z-index: 1;
    max-width: 31.25em;
    background: #fff;
    box-shadow: 0 0 20px -6px rgba(0,0,0,0.5);
    border-radius: 15px;
    overflow: hidden;
    margin: 0 auto;
}
.print_modal_image{
    padding: 9.375em 0;
    width: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.print_modal_body{
    padding: 1.25em 1.875em;
}
.print_modal-head{margin-bottom: 1.25em;}
.print_modal-head .heading2{margin: 0; padding: 0;}
.print_modal-head small{font-size: 1em; font-weight: bold; color: #000000; text-transform: uppercase;}
.modal-close{
    height: 3.75em;
    width: 3.75em;
    background-color: #F3F3F3;
    background-image: url('../images/cross.png');
    background-repeat: no-repeat;
    background-size: 25%;
    background-position: center center;
    cursor: pointer;
    position: relative;
    z-index: 1;
    text-align: right;
    margin-left: auto;
}
.wholesale-image{
    background-color: #D8D8D8;
    border-radius: 0.5em;
    max-width: 30em;
    overflow: hidden;
    box-shadow: 0.5625em 0.625em 1.125em 0 rgba(0,0,0,0.22);
    -webkit-box-shadow: 0.5625em 0.625em 1.125em 0 rgba(0,0,0,0.22);
}
.wholesale-image img{
    width: 100%;
    vertical-align: middle;
}

body div.jqi .jqibuttons {
    background: #E0B82D;
}
body div.jqi .jqibuttons button {
    height: auto;
    border-radius: 0;
    padding: 1em;
    color: #fff;
}
body div.jqi .jqibuttons button.jqidefaultbutton{
    color: #fff;
    font-weight: 500;
    text-transform: uppercase;
}
body div.jqi .jqibuttons button.jqidefaultbutton:hover {
    background: #000;
    color: #fff;
}
body div.jqi .jqiclose {
    color: #f00;
    font-size: 20px;
    width: 30px;
    right: 0;
}
body div.jqi .jqibuttons button {
    border-left: 1px dashed #000;
    color: #fff;
    font-weight: 500;
    text-transform: uppercase;
}
body div.jqi .jqibuttons button:hover {
    background: #000;
    color: #fff;
}

/* == Mobile Menu Csss == */

.menu-icon, .mobile-menucontainer {
    display: none;
}
ul.menu li.menu-item-has-children {
    padding-right: 2em;
}
ul.menu li.menu-item-has-children::before {
    content: "";
    background-image: url(../images/angle-arrow-down.png);
    background-repeat: no-repeat;
    background-position: center right;
    position: absolute;
    right: 0;
    top: 50%;
    background-size: 100%;
    height: 1em;
    width: 1em;
    transform: translate(0,-50%);
    -webkit-transform: translate(0,-50%);
}

.thankyou-content {
    text-align: center;
    padding: 2em 0 0 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    height: 100%;
}
.thankyou-content h3 {
    font-size: 2.5em;
    color: #000000;
    font-family: 'Rye';
}
.thankyou-icon {
    width: 8em;
    margin: 0 auto 1em;
}
.thankyou-message {
    max-width: 50%;
    margin: 0 auto;
}
/*------------------------------------------------thank u button-----------------------------------*/
.thankyou-btn-wrap a{
    height: 4.375em;
    min-width: 11.875em;
    color: #E0B82D;
    font-size: 1em;
    font-weight: bold;
    text-align: center;
    border: 0.1875em solid #E0B82D;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    /*padding:1.875em 4.375em;*/
    transition: 0.15s linear;
    -webkit-transition: 0.15s linear;
    border-radius:0.1em;
}
.thankyou-btn-wrap{
    display: flex;
    margin-top:100px;
}
.thankyou-btn-wrap .backtohome{
    margin-right:1.250em;
}
.thankyou-btn-wrap .backtohome a{
    text-transform: uppercase;
}
.thankyou-btn-wrap .contshop a{
    background-color: #E0B82D;
    color:#ffffff;
    text-transform: uppercase;
}
.thankyou-btn-wrap .contshop a:hover{
    background-color: #ffffff;
    color:#E0B82D;
}
.thankyou-content{
    margin-top:8em;
}
/*------------------------------------------------------------------------------------------------*/
.wash-mobile.wash-container, .revive-container.revive-mobile {
    display: none;
}

.tabs-container ul li.init, .modal-tab ul.tabs li.init {
    display: none;
}

.mobile-view, #commitments-mobile.commitments-container, .contact-block.contact-blockmobile {
    display: none;
}

.shopdesktop-view {
    display: block;
}
.shopmobile-view {
    display: none;
} 
.desktop-view {
    display: block;
    height: 100%;
}

.select-size-list-init {
    display: none;
}

.modal-valueproduct .modal-close {
    display: none;
}
.modal.modal-valueproduct {
    background-color: rgba(255, 255, 255, 0.5);
}

#slider .slick-slide img {
    width: 100%;
}
.bowl-image {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 32em;
}
.tipsinner-banner, .inner-banner {
    position: relative;
    height: 100vh;
}
.tipsinner-banner .wrap, .inner-banner .wrap {
    height: 100%;
}
.inner-banner-content {
    height: 100%;
    align-items: center;
}
.inner-banner-content .banner-content {
    padding: 0;
}

.full-loader {
    display: flex;
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, 0.8);
    z-index: 9999;
}

#main_image .hideimgg, .product-image .hideimgg {
    opacity: 0;
    visibility: hidden;
}

#main_image img, .product-image img {
    transition: all 0.5s linear;
    opacity: 1;
    visibility: visible;
}
#main_image img.loaded, .product-image img.loaded {
    opacity: 1;
    visibility: visible;
}
.product-item {
    position: relative;
    max-width: 35em;
    height: 30em;
    margin: 0 auto 1em;
    align-items: center;
    justify-content: center;
    display: flex;
}
#img_loader, .img_loader {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(255, 255, 255, 0.25);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
}

.main-image, .product-image {
    display: block;
    height: 100%;
    width: 100%;
    text-align: center;
}
.main-image img, .product-image img {
    width: auto;
    height: 100%;
}

.msg-pop {
    position: fixed;
    top: 8em;
    right: 0;
    z-index: 999;
}
.msg-pop .msg-success {
    padding: 0.8em 1em;
    background: green;
    color: #fff;
    border-radius: 5px 0 0 5px;
    font-weight: 600;
}
.msg-pop .msg-error {
    padding: 0.8em 1em;
    background: #f00;
    color: #fff;
    border-radius: 5px 0 0 5px;
    font-weight: 600;
}
.msg-pop .msg-error.active {
    -webkit-animation: slide-left 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	animation: slide-left 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
@-webkit-keyframes slide-left {
    0% {
      -webkit-transform: translateX(100px);
              transform: translateX(100px);
    }
    100% {
      -webkit-transform: translateX(0);
              transform: translateX(0);
    }
  }
  @keyframes slide-left {
    0% {
      -webkit-transform: translateX(100px);
              transform: translateX(100px);
    }
    100% {
      -webkit-transform: translateX(0);
              transform: translateX(0);
    }
  }

  .msg-pop .msg-success.active {
    -webkit-animation: slide-left1 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	animation: slide-left1 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
@-webkit-keyframes slide-left1 {
    0% {
      -webkit-transform: translateX(100px);
              transform: translateX(100px);
    }
    100% {
      -webkit-transform: translateX(0);
              transform: translateX(0);
    }
  }
  @keyframes slide-left1 {
    0% {
      -webkit-transform: translateX(100px);
              transform: translateX(100px);
    }
    100% {
      -webkit-transform: translateX(0);
              transform: translateX(0);
    }
  }
  
button.shop-button {
    text-transform: uppercase;
}
.footer-link{
    text-align: center;
    margin: 1em;
}
.help-button{display: block; text-align: center; position: relative; margin: 1.5em 0 0 0; padding: 0;}
.help-button a.link{margin: 0;}
.help-button .error-message {
    top: 0;
    bottom: inherit;
    position: static;
    margin-bottom: 1em;
    font-size: 1em;
}
/*----------------------------------------------------------------------------*/
.minicart-header .heading2{
    margin-bottom: 0;
}
.minicart-header img{
    height:7px;
    margin-right:1.500em;
}
.back-to-bag {
	color: #000000;
	font-family: Montserrat;
	font-size:0.813em;
	font-weight: 100;
    line-height: 16px;
    display: flex;
    align-items: center;
}
.delivery-details{
    margin-top:3.125em;
    display:flex;
    align-items: center;
}
.delivery-details a{
    padding-bottom: 0;
}
.delivery-details a h5{
	color: #000000;
	font-family: Montserrat;
	font-size:0.813em;
	font-weight: 500;
    line-height: 16px;
    text-transform: none;
    margin-bottom: 0;
}
.delivery-details img{
    height:7px;
    transform: rotate(180deg);
    opacity:0.5;
    padding:0 0.625em;
}
.payment {
	opacity: 0.5;
	color: #000000;
	font-family: Montserrat;
	font-size:0.813em;
	font-weight: 500;
	line-height: 28px;
}
.row1{
    width:100%;
    display: flex;
    justify-content: space-between;
}
.row1 div{
    width:50%;
}
::-webkit-input-placeholder { 
    color: #000000;    
}

.row1 input{
    margin-right:0.625em;
}
.row1 div{
    margin-right:1.250em;
}
.row1 div:last-child{
    margin-right:0;
}
.minicart-empty{
    display:flex;
}
.subtotal-wrap h5{
    color: #000000;
    font-family: Rye;
    font-size:1.250em;
    line-height: 25px;
    margin-bottom: 0;
}
.subtotal-wrap span{
    color: #000000;
    font-family: Montserrat;
    font-size:1.250em;
    line-height: 36px;
}
span.green-color{
    color: #2BAF4D;
    font-family: Montserrat;
    font-size:1.250em;
    line-height: 36px;
}
.subtotal-wrap{
    margin-bottom:3.125em;
}
.subtotal-wrap ul{
    list-style-type:none;
    margin-bottom: 0;
}
.subtotal-wrap ul li{
    display:flex;
    align-items: flex-start;
    margin-bottom:1.875em;
}
.subtotal-wrap ul li h5{
    min-width:8em;
    margin-right:5.000em;
}
.subtotal-wrap ul li span{
    min-width:50%;
}
.subtotal li:last-child{
    margin-bottom: 0;
}
.order{
    color: #5B5B5B;
    font-family: Montserrat;
    font-size:0.813em;
    line-height: 16px;
    font-weight:100;
    margin-bottom: 0;
}
.price{
    padding:0;
}
.total{
    font-weight:500;
}
#checkout-form{
    margin:3.125em 0;
}
.sub-footer{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
#checkout-form select option{
    padding:0;
}
#checkout-form em.error{
    font-size:0.813em;
}
/*------------------------------------------------------------------------------------------------*/
.page-template-thank-you .scroll-to-content{
    display:none;
}
.page-template-thank-you .print-image {
    width: 11.125em;
    height: 17.5em;
    background-image: url(../images/print-image.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    position: absolute;
    right: 0;
    top: 0em;
}
#checkout-form .sub-footer{
    margin-top:6.250em;
}
#checkout-form .button{
    border: 0.1875em solid #E0B82D;
    border-radius: 0;
    background: #E0B82D;
    color: #fff;
}
#checkout-form .sub-footer .button:hover{
    background-color: #ffffff;
    color:#E0B82D;
}
#checkout-form .order{
    padding:0;
}
#checkout-form input{
    margin-top: 0.625em;
}
#checkout-form select{
    margin-top:0.625em;
}
#checkout-form textarea{
    margin-top:0.625em;
}
#checkout-form em.error{
    font-size:0.875em;
    font-style:normal;
    color:#f00;
}

.mobile_banner-image {
    display: none;
}
.desktop_banner-image {
    display: block;
}

#qty_message {
    margin: 0 auto 0.5em;
    text-align: center;
    font-weight: 600;
}
.thumbnail-item .img_loader {
    width: 75%;
    margin: 0 auto;
}

.add_more {
    display: flex;
    align-items: center;
    padding: 0;
    position: relative;
    margin: 1em 0 0 0;
}
.add_more #care_lable {
    margin: 0;
    position: absolute;
    left: 0;
    top: 0;
    width: 1.5em;
    height: 1.5em;
    opacity: 0;
}
.add_more label {
    display: flex;
    align-items: center;
    margin: 0;
}
.add_more label::before {
    content: "";
    height: 1.5em;
    width: 1.5em;
    border: 1px solid #000;
    display: inline-flex;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    margin: 0 0.8em 0 0;
}
.add_more #care_lable:checked + label::before {
    background-image: url(../images/check.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 1em;
    background-color: #E0B82D;
    border-color: #E0B82D;
}

.error-404.not-found {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    height: 100vh;
    text-align: center;
    position: relative;
    z-index: 2;
}
.error-404.not-found .page-content {
    padding: 0;
}
.search-form .search-submit {
    bottom: 0;
    padding: 0 1.5em;
    position: absolute;
    right: 0;
    top: 0;
    height: 3.75em;
    border: 0;
    width: auto;
    min-width: inherit;
    border-radius: 0 8px 8px 0;
}

/* Thumbmail Slide Design */

/* .slider-nav {
    position: absolute;
    margin-top: -125px;
    width: 30px;
    height: 30px;
    background-color: rgba(0, 0, 0, 0.5);
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    cursor: pointer;
    z-index: 4;
} */
.slider-nav {
    width: 1.875em;
    height: 1.875em;
    overflow: hidden;
    text-indent: -99em;
    padding: 0;
    border-radius: 0;
    margin: -1em 0 0 0;
    background-color: transparent;
    background: url(../images/arrow.png) no-repeat center center transparent !important;
    background-position: center center;
    background-size: 0.58em !important;
    background-repeat: no-repeat;
    min-width: inherit;
    border: 0;
    cursor: pointer;
    z-index: 4;
    position: absolute;
    top: 50%;
}
#slider-left {
    left: -3em;
}
#slider-right {
    right: -3em;
    transform: rotate(180deg);
}
.product_thumb_slide {
    position: relative;
    max-width: 22em;
    margin: 0 auto;
}
.pthumbnail-main{
    position: relative;
    /* max-width: 22em;    */
    overflow-x: scroll;
    -webkit-overflow-scrolling:touch;
    display: flex;
    align-items: center;
    margin: 0 auto;
}
.product-thumbnail{position: relative; height: 50px;}
.thumbnail-item{position: absolute;}

.modal-valueproduct .product-gallery .product_thumb_slide {
    max-width: 90%;
}

.radiobox > div {
    display: flex;
    align-items: flex-start;
    position: relative;
}
#checkout-form .radiobox input {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    opacity: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
}
.radiobox label {
    position: relative;
    padding: 0 0 0 2em;
}
.radiobox label::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 1em;
    width: 1em;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    margin: 0.6em 0  0 0;
    border: 3px solid #fff;
    box-shadow: 0 0 0 1px #000;
}
#checkout-form .radiobox input:checked + label::before  {
    background-color: #E0B82D;
    border-color: #fff;
}
#checkout-form .radiobox input[type=hidden] + label::before {
    display: none;
}
#checkout-form .radiobox input[type=hidden] + label {
    padding: 0;
}
.green-color #shipping_text {
    color: #398f14;
}
.subtotal-wrap ul li span.price {
    padding: 0;
}

.box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}
.box .radiobox {
    width: 100%;
}

.easy-notification-bar {
	position:fixed;
    top:0px;
    left:0px;
    width:100%;
	background: #e0b82d !important;
	font-weight:bold;
}

body {
	padding-top:33px;
}
.select-size-list{
    display: flex;
    flex-wrap: wrap;
    margin: 0 0 1.875em;
    max-width: 24em;
    background: transparent;
}
.select-size{
    width: 50%;
    padding: 0;
    display: block !important;
}
.select-size .radio{
    border: 2px solid #D3D3D3;
    margin: 5px;
    padding: 1em;
    border-radius: 8px;
    background: #fff;
    position: relative;
    padding-left: 4.75em;
}
.page-template-value-packs .select-size-list{
    max-width: 34em;
}
.page-template-value-packs .select-size .radio{
    padding-left: 5.125em;
}
.select-size .radio::after{
    content: "";
    display: block;
    width: 3.5em;
    height: 3.5em;
    background-size: contain;
    position: absolute;
    left: 0.625em;
    top: 50%;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    background-repeat: no-repeat;
    background-position: 0 center;
}
.select-size.small .radio::after{
    background-image: url('../images/small.jpg');
}
.select-size.medium .radio::after{
    background-image: url('../images/medium.jpg');
}
.select-size.large .radio::after{
    background-image: url('../images/large.jpg');
}
.select-size.xlarge .radio::after{
    background-image: url('../images/xlarge.jpg');
}

.select-size.familystarter .radio::after{
    background-image: url('../images/familystarter.png');
}
.select-size.lunchsnack .radio::after{
    background-image: url('../images/lunchsnack.png');
}
.select-size.breadlovers .radio::after{
    background-image: url('../images/breadlovers.png');
}

.select-size input[type="radio"]:checked ~ .radio, 
.select-size input[type="checkbox"]:checked ~ .radio{
    border: 2px dashed #000;
}
.beeswax-wrap-header{
    display: flex;
    align-items: center;
    padding-left: 2.5em;
    margin-bottom: 10px;
}
.beeswax-wrap-header .count{
    background: #E0B82D;
    color: #fff;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    height: 1.5em;
    width: 1.5em;
    font-size: 1.25em;
}
.beeswax-wrap-header h4 {
    margin: 0;
}
.beeswax-wrap-header span{
    font-size: 1.125em;
    font-family: 'Montserrat', sans-serif;
    margin-left: 10px;
}
.page-template-shop .inner-banner,
.page-template-by-the-metre .inner-banner,
.page-template-value-packs .inner-banner{
    padding: 8.125em 0 0;
    height: auto;
}
.page-template-shop .inner-banner .inner-banner-content,
.page-template-by-the-metre .inner-banner .inner-banner-content,
.page-template-value-packs .inner-banner .inner-banner-content{
    margin: 3.75em 7.5% 0;
    padding: 0;
}
.beeswax-wrap-buy{
  box-sizing: border-box; 
  max-width: 25em;
  width: 100%;
  border: 2px solid #EEEEEE;
  border-radius: 10px;
  background-color: #FFFFFF;
  flex-direction: row;
  align-items: center;
  display: flex;
  padding: 0.8125em;
}
.beeswax-wrap-buy-image{
    background-color: #D8D8D8;
    width: 5em;
    height: 5em;
    border-radius: 10px;
    overflow: hidden;
}
.beeswax-wrap-buy-content{
    padding: 0 1.25em;
}
.beeswax-wrap-buy-content h6{
    font-family: 'Rye';
    color: #000;
    font-size: 1em;
    margin-bottom: 0.3125em;
}
.quantity{
    margin: 0 1.25em 0 0;
}
.product-bottom button{
    flex-basis: auto;
    padding: 1em 1.5em;
}
.save-elevan{
    width: 7em;
    height: 7em;
    margin-left: 1.25em;
    min-height: inherit;
}
.save-elevan span{
    display: none;
}
.beeswax-wrap-message{
    text-align: center;
    font-size: 14px;
    color: #858585;
    font-family: 'Montserrat', sans-serif;
    font-style: italic;
    line-height: 1.7;
    max-width: 24em;
    padding: 0.625em 0;
}
.beeswax-wrap-thumbnail-slider {
    overflow: auto;
}
.beeswax-wrap-thumbnail-main{
    position: relative;
    max-width: 26.5em;
    width: 100%;  
    display: flex;
    align-items: center;
    margin: 0 0 1.875em;
}
.beeswax-wrap-thumbnail-main .thumbnail-item{
    margin: 0;
}
.beeswax-wrap-thumbnail-main .thumbnail-item a{    
    height: 3.75em;
    width: 3.75em;
}
.beeswax-wrap-thumbnail-main .product-thumbnail{
    margin: 0;
    height: 8.75em;
}
.beeswax-wrap-thumbnail-main .pthumbnail-main{  
    margin: 0;
    display: block;
    width: 100%;
}
.page-template-shop .product-bottom-item{
    position: static;
}
.page-template-shop  .product-gallery {
    padding-bottom: 0;
}
#productsidebar{
    position: absolute;
    top: 2em;   
}
#productsidebar.fixed{
    position: fixed;
    top: 10em;   
}
.slider-nav-container .slider-nav{
    position: static;
    width: 2.5em;
    height: 2.5em;
    border: 1px solid #E0B82D;
    border-radius: 50%;
    border-radius: 50%;
    background-position: center center;
    margin: 0.3125em 1.25em;
    background-image: url('../images/arrow-yellow.png') !important;
    background-repeat: no-repeat;
}
.slider-nav-container .slider-nav:hover,
.slider-nav-container #slider-right.slider-nav{
    background-color: #E0B82D !important;
    background-image: url('../images/arrow-white.png') !important;
}
.page-template-shop .product-footer{
    padding: 0;
}
.page-template-shop .product-bottom,
.page-template-value-packs .product-bottom{
    margin: 0;
}
.is_mobile{
    display: none;
}
.value_price_pack {
    flex-direction: row;
    align-items: center;
    display: flex;
    justify-content: center;
    padding-bottom: 15px;
}
.value_price_pack .price-save {
    font-size: 1em;
    color: #000;
    font-weight: 700;
    border: 1px solid #D3D3D3;
    border-radius: 6px;
    padding: 0.5em 1em;
    margin: 5px;
}
.value_price_pack #pack_price {
    background: #EEEEEE;
    height: auto;
    padding: 0.4em 1em;
    font-weight: 700;
    border-radius: 9px;
    font-size: 1em;
    font-family: 'Montserrat', sans-serif;
    margin: 5px;
}
.is_mobile{
    display: none;
}
.mobile-preview-image{
    display: none;
}



/* == Blog Section == */

.blog .scroll-to-content, .post-template-blog .scroll-to-content {
    display: none;
} 

.page.blog #content {
    padding: 0;
}
.blog_section {
    padding: 18em 0 0 0;
    position: relative;
    z-index: 1;
}
.common-header {
    margin: 0 0 5em;
}
.common-header .heading1 {
    padding: 0;
}

.blog-list {
    margin: 0;
    padding: 0;
}
.blog-list ul {
    margin: 0 -0.9375em;
    padding: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    /* align-items: flex-start; */
    justify-content: flex-start;
}
.blog-list ul li {
    padding: 0 0.9375em;
    margin: 0;
    width: 33.3%;
    margin-bottom:30px;
}
.blog-list ul li a {
    font-weight: normal;
    height: 100%;
}
.blog-box {
    margin: 0;
    padding: 0;
    border-radius: 10px;
    background-color: #FFFFFF;
    height: 100%;
    box-shadow: 0 0 14px 0 rgba(0,0,0,0.28);
}
.blog-image {
    margin: 0;
    overflow: hidden;
    border-radius: 10px 10px 0 0;
}
.blog-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    vertical-align: top;
}
.blog-info {
    padding: 1.875em 1.875em 4em;
    min-height: 15em;
    position: relative;
}

.heading3 {
    color: #000000;
    font-family: 'Rye';
    font-size: 1.375em;
    letter-spacing: 0;
    line-height: 1.5;
    margin: 0 0 0.8em;
}
.blog-content {
    font-size: 1em;
    line-height: 1.5;
    margin: 0 0 1em;
}
.blog_footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: absolute;
    left: 1.875em;
    right: 1.875em;
    bottom: 1.25em;
}
.entry-date {
    font-size: 0.9em;
    font-weight: 600;
    text-transform: uppercase;
}
.read-more {
    background: #E0B82D;
    height: 2.5em;
    padding: 0 1em;
    display: flex;
    align-items: center;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 1em;
    color: #fff;
    border-radius: 8px;
    transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    line-height: 2.5;
}
.read-more::after {
    content: "";
    color: #fff;
    margin: 0 0 0 0.5em;
    background-image: url(../images/arrow-white.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    height: 0.8em;
    width: 0.5em;
}
.read-more:hover {
    background: #000000;
}


.related_articles .blog-list ul {
    justify-content: center;
}

.blogdetail_section .wrap {
    max-width: 867px;
}

.blog-detailtop {
    margin: 0 0 2em;
    display: flex;
    align-items: center;
}
.blog-detailImage {
    height: 16.1875em;
    max-width: 21.25em;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    overflow: hidden;
    width: 100%;
}
.blog-detailImage img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    vertical-align: top;
}
.blog-detailInfo {
    padding: 0 3.125em;
    flex-basis: 100%;
}
.blog-detailInfo .byline {
    display: none;
}

.blogbody_content {
    padding: 3em 2em 0;
}
.blogbody_content h2 {
    color: #000000;
    font-size: 1.375em;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 1.25;
    padding: 0;
    margin: 0.3em 0 0.6em;
}
.entry-content ul {
    padding: 0 0 0 1.25em;
}
.entry-content li {
    font-size: 1em;
    line-height: 1.7;
    margin: 0.5em 0;
}
.entry-content .wp-block-button__link {
    margin: 0;
    border-radius: 8px;
    background-color: #E0B82D;
    height: 2.5em;
    padding: 0 1em;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 2.5;
    color: #ffffff;
    text-transform: uppercase;
}
.entry-content .wp-block-button__link:hover {
    background-color: #000000;
}
.entry-content .wp-block-button {
    margin: 0 0 2em;
}

.related_articles {
    padding: 3em 0 0 0;
}
.related_title {
    margin: 0 0 2em;
}
.entry-footer{
	display:none;
}
.wpcr3_button_1,
 .wpcr3_button_1:hover{
    background: #E0B82D;
    color: #fff;
    border: 0;
    text-transform: uppercase;
    font-weight: 700;
    padding: 0.625em 1.25em;
    transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
 }
 .wpcr3_button_1:hover{
     background: #E0B82D;
 }
 .wpcr3_div_2 {
    max-width: 600px;
    width: 100%;
}

.video-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 3em;
}
.page-template-helpful .scroll-to-content{
    display: none;
}
.page-template-helpful .site-content-contain{
    position: relative;
    z-index: 2;
}
.caption {
    font-size: 1.25em;
    padding: 0.625em 1em;
    text-align: center;
    font-weight: 700;
}
#pymt_btn_container {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
#pymt_btn_container button.button{
    border-radius: 0;
    flex-basis: 47%;
    line-height: 1.3;
    height: 55px;
    text-transform: uppercase;
}
#paypal-button-container{
    border-radius: 0;
    flex-basis: 47%;
    line-height: 1.3;
}