/* Custom CSS goes here */

/* fonts */

@import url('https://fonts.googleapis.com/css2?family=Comic+Neue:wght@400;700&display=swap');

@font-face {
  font-family: 'Lemon Yellow Bold';
  src: url('../fonts/lemon_yellow_sun_extra_bold-webfont.woff') format('woff'),
       url('../fonts/lemon_yellow_sun_extra_bold-webfont.woff2') format('woff2');
  font-weight: bold;
}

@font-face {
  font-family: 'Lemon Yellow Regular';
  src: url('../fonts/Lemon_Yellow_Sun-webfont.woff') format('woff'),
       url('../fonts/Lemon_Yellow_Sun-webfont.woff2') format('woff2');
  font-weight: 400;
}

h2{
  font-family: 'Lemon Yellow Bold';
  font-weight: bold;
}

.comic-font{
  font-family: 'Comic Neue', cursive;
  font-weight: bold;
}

/* global */

.image-full .mgz-single-image-wrapper,
.image-full img{
    width: 100%;
}

.columns .column.main{
  padding-bottom: 0 !important;
}


/* header */
header{
  position: absolute !important;
  width: 100%;
  top: 0;
}

header{
  position: relative !important;
}

@media (min-width: 768px){
  
  #headerTop .mgz-element-inner > .mgz-element > .mgz-element-inner{
    margin-bottom: 0 !important;
  }
  
}

header .navigation .navpro-menu  li  a  span{
  font-weight: 800;
  font-family: "Lemon Yellow Bold";
  font-size: 28px;
  letter-spacing: 4px;
}

header .navigation .navpro-menu > li > a > span{
  color: #ffffff;
}

header .navigation .navpro-menu > li > a{
  padding-left: 30px !important;
  padding-right: 30px !important;
}

a.level-top > .navpro-icon-caret::before{
  width: 20px;
  height: 20px;
  background-image: url(../images/caret-down-sharp.svg) !important;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  right: -7px !important;
}

.navpro.navpro .parent > a::after{
  color: #ffffff;
}

.nav-sections{
  margin-bottom: 0 !important;
}

.navigation,
.nav-sections{
  background: transparent !important;
}

.navpro-menu{
  justify-content: center;
  align-items: center !important;
}

.menu-item-image .mgz-element{
  width: auto !important; 
}

.navigation .navpro-dropdown-inner a span{
  font-size: 20px !important; 
}

/* home page */

.x-overflow-hidden{
  overflow-x: hidden !important;
}

.lion-img img{
  max-width: 150% !important;
  width: 150%;
  margin-left: -25%;
  margin-top: 30%;
}

@media (max-width: 1184px){
  .lion-img img{
    margin-top: 75%;
  }
}

@media (max-width: 977px){
  .lion-img img{
    margin-top: 155%;
  }
}

.lion-text {
  margin-top: -8%;
}

/* meet section */

.meet-section{
  position: relative;
}

.meet-section .mgz-element-inner{
  margin-bottom: 0 !important;
}

.meet-heading{
    position: absolute !important;
    top: 4%;
    left: 0;
    right: 0;
    text-align: center !important;
}

/* footer */

.hfb-footer .hfb-links-item span {
  font-family: "Lemon Yellow Bold" !important; 
}

.hfb-footer .mgz-socialicons li{
  margin-bottom: 0 !important;
}

.hfb-footer .mgz-socialicons i{
  background: white !important;
}

.hfb-footer .mgz-socialicons i::before{
  color:#ff5c42 !important;
}

.hfb-footer .lower-links {
  color: white;
}

/* video widget */

.video-widget .mgz-block{
    display: flex;
    flex-direction: column-reverse;
}

.video-widget .title{
  margin-top: 15px !important;
  font-family: 'Comic Neue', cursive;
  font-weight: bold;
}

.blog-noresult{
  font-family: 'Comic Neue', cursive;
  font-size: 20px;
  text-align: center;
}

.video-widget .info{
  font-size: 32px;
  line-height: 1.3em !important;
  color:#0A3F5B;
  margin-top: 5px !important;
  font-family: 'Lemon Yellow Bold';
}

.align-start > .mgz-element-inner{
  justify-content: flex-start !important;
}

.video-widget--border .mgz-video{
  background-color:#37B0BF;
  border:12.5px solid #37B0BF;
}

.video-widget--border .mgz-block-heading {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

/* explore section */

.explore-section{
  position: relative;
}

.explore-section .mgz-element-inner{
  margin-bottom: 0 !important;
}

.explore-heading{
  position: absolute !important;
  top: 7%;  
  width: 100%;
  padding-left: 20px;
  padding-right: 20px;
}

/* watch section */

@media (max-width: 767px){
  
  #watch-1{
    order: 1;
  }

  #watch-2{
    order: 2;
  }

  #watch-3{
    order: 3;
  }
  
  #watch-3,
  #watch-4 {
    margin-top: -50px;
  }

  #watch-3 img,
  #watch-4 img{
    max-height: 300px !important;
  }
  
  #watch-4 .mgz-element-inner{
    text-align: right;
  }

  #watch-4{
    order: 4;
  }
  
  .learn-section .mgz-parallax-inner{
    background-image:url('../images/learn-section-tablet.jpg') !important;
  }
  
  .learn-section > .mgz-element-inner {
    padding-bottom: 270px !important;
  }
  
  .learn-section:before{
    content: '';
    width: 100%;
    height: 250px;
    background: url(../images/jasper.png) !important;
    display: block;
    position: absolute;
    z-index: 999999;
    padding: 0;
    bottom: 0;
    background-repeat: no-repeat !important;
    box-sizing: border-box;
    background-position: center top !important;
    background-size: 80% auto !important;
  }

}

@media (max-width: 540px){
  #watch-3 img,
  #watch-4 img{
    max-height: 200px !important;
  }
}


/* learn seaction */

.learn-section{
  position: relative;
}

.learn-image-absolute{
  
}

/* meet the team */

.team-single {
  text-align: center;
}

.team-single > .mgz-element-inner{
  border: 12.5px solid #37b0bf;
}

.team-single p,
.team-single span,
.team-single h3,
.single-team-button .mgz-btn{
  font-family: 'Lemon Yellow Bold';
}

.team-single .mgz-element-heading-text{
  margin-bottom: -5px;
}

.single-team-button .mgz-btn{
  font-size: 24px !important;
}

.global-btn .mgz-btn{
  font-size: 37px !important;
  letter-spacing: 1px;
  font-weight: 800;
  font-family: 'Lemon Yellow Bold';
}

/* about us grid */

.team-single.about-single p,
.team-single.about-single span{
  font-family: 'Lemon Yellow Bold';
}

.team-single.about-single .mgz-element-single_image{
  text-align: center;
  background-color: #fff;
}

.team-single.about-single .mgz-element-text{
  margin-top: 10px;
}

/* checkout page */

.step-title{
  font-size: 60px !important;
  color: #093e5a !important;
  font-weight: 800 !important;
  font-family: "Lemon Yellow Bold";
  line-height: 1.1em;
}

label span {
    font-family: 'Comic Neue', cursive;
    font-weight: 600;
}

.note,
.opc-progress-bar-item span,
.minicart-items-wrapper,
.opc-block-summary .title,
.estimated-block span,
.counter-number,
.no-quotes-block span,
.message span,
.table-totals th, 
.table-totals td,
.payment-option .action-toggle span,
.shipping-information-content,
.shipping-information-content,
.billing-address-details{
  font-family: 'Comic Neue', cursive;
}

.actions-toolbar .button.primary,
.checkout-onepage-success .action.primary{
  padding: 14px 37px !important;
  border-radius: 45px;
}

#top-cart-btn-checkout{
  border-radius: 45px;
}

.opc-estimated-wrapper .minicart-wrapper {
    margin-right: 0px !important;
}

.opc-estimated-wrapper{
  margin: 0 0 20px 0;
}

@media (max-width: 768px){
  
  body.checkout-index-index #maincontent,
  .checkout-onepage-success #maincontent,
  .checkout-cart-index #maincontent{
    padding-left: 30px !important;
    padding-right: 30px !important;
  }
  
}

@media (max-width: 639px){
  .checkout-index-index .opc-wrapper .form-login, 
  .checkout-index-index .opc-wrapper .form-shipping-address, 
  .checkout-index-index .opc-wrapper .methods-shipping{
    background: transparent;
  }
}

/* single post */

body.blog-post-view,
body.mgz-blog,
body.cms-noroute-index,
body.catalog-product-view,
body.checkout-index-index,
body.checkout-onepage-success,
body.checkout-cart-index{
  background-image:url('/pub/media/single-post-bg.jpg');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: bottom center;
}

body.mgz-blog{
  background-position: top center;
}

body.blog-post-view .column.main{
  padding-right: 40px !important;
}
/*
body.blog-post-view .page-wrapper,
body.mgz-blog .page-wrapper,
body.cms-noroute-index .page-wrapper,
body.catalog-product-view .page-wrapper{
    padding-top: 200px;
}*/
/*
@media (max-width: 767px){
  body.blog-post-view .page-wrapper,
  body.mgz-blog .page-wrapper,
  body.cms-noroute-index .page-wrapper,
  body.catalog-product-view .page-wrapper{
      padding-top: 100px;
  }
}*/

body.blog-post-view .page-wrapper #maincontent,
body.mgz-blog .page-wrapper #maincontent,
body.cms-noroute-index .page-wrapper #maincontent,
body.catalog-product-view .page-wrapper #maincontent,
.checkout-index-index #maincontent,
.checkout-onepage-success #maincontent,
.checkout-cart-index #maincontent{
  padding-bottom: 60px;
  padding-right: 20px !important;
  padding-left: 20px !important;
}

body.mgz-blog:not(.blog-post-view) .page-wrapper #maincontent,
body.cms-noroute-index .page-wrapper #maincontent,
body.catalog-product-view .page-wrapper #maincontent,
.checkout-index-index #maincontent,
.checkout-onepage-success #maincontent,
.checkout-cart-index #maincontent{
  padding-top: 90px;
}

@media (max-width: 1199px){
  body.mgz-blog:not(.blog-post-view) .page-wrapper #maincontent,
  body.cms-noroute-index .page-wrapper #maincontent,
  body.catalog-product-view .page-wrapper #maincontent,
  .checkout-index-index #maincontent,
  .checkout-onepage-success #maincontent,
  .checkout-cart-index #maincontent{
    padding-top: 60px;
  }
}

body.cms-noroute-index h1{
  color:#093e5a;
  font-family: 'Lemon Yellow Bold';
}

body.cms-noroute-index{
  font-family: 'Comic Neue', cursive !important;
}

body:not(.blog-post-view) .breadcrumbs{
  display:none !important;
}

.breadcrumbs{
  margin-top: 60px;
  margin-bottom: 40px;
  padding-right: 20px;
  padding-left: 20px;
}

.breadcrumbs a,
.breadcrumbs p,
.breadcrumbs strong{
  font-size: 20px;
  line-height: 1.3em;
  color: #093e5a;
  font-weight: 800;
  font-family: 'Lemon Yellow Bold';
}

.breadcrumbs .item.home a{
  font-weight: 400;
  font-family: 'Lemon Yellow Regular';
}

.breadcrumbs .item:not(:last-child):after{
  content: '/';
  font-size: 20px;
  line-height: 1.3em;
}

body.mgz-blog .blog-post-listing{
  display: flex;
  flex-wrap: wrap;
}

body.blog-post-view .blog-post-inner,
body.mgz-blog .blog-post-listing{
  border: none !important;
  -webkit-box-shadow: 0 0 3px #cacaca !important;
  -moz-box-shadow: 0 0 3px #cacaca !important;
  box-shadow: none !important;
}

.page-title-wrapper{
  text-align: center;
}

body.mgz-blog .page-title, body.mgz-blog h1 {
  font-size: 80px !important;
  color: #093e5a !important;
  font-weight: 800 !important;
  font-family: "Lemon Yellow Bold";
  filter: drop-shadow(0px 24px 125px rgba(16,23,36,0.55));
  margin-bottom: 40px !important;
}

body.blog-index-index .page-title{
  margin-bottom: 60px !important;
}

body.mgz-blog .page-title-wrapper{
  text-align:center;
}

.blog-post-conten-wrapper{
  padding: 0 !important;
}

.blog-post-conten-wrapper .mgz-element-inner{
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.blog-post-title{
  line-height: 1.3em;
  color: #093e5a;
  font-weight: 800 !important;
  font-size: 50px !important;
  font-family: 'Lemon Yellow Bold';
}

.blog-carousel .blog-post-box-title a, 
.blog-post-listing .blog-post-box-title a{
  font-family: 'Lemon Yellow Bold';
  color: #093e5a !important;
}

.blog-post-listing .blog-post-box-title a{
  color: #fff !important;
}

.blog-post-conten-wrapper p,
.blog-post-conten-wrapper i,
.blog-post-conten-wrapper a,
.blog-post-conten-wrapper strong,
.blog-post-conten-wrapper b,
.blog-post-conten-wrapper span{
  
}

body.blog-post-view .blog-post-content .mgz-element-inner{
  font-family: 'Comic Neue', cursive !important;
  font-size: 20px;
  color: #093e5a;
  line-height: 1.4em;
}

body.blog-post-view .blog-post-content .mgz-single-image-inner {
    border: 15px solid #37B0BF;
}

body.blog-post-view .blog-post-tag{
  display: none;
}

.sidebar .blog-tabs,
.sidebar .blog-block{
  border-radius: 49px;
  background-color: #397189b3 !important;
  padding: 30px 30px 50px 30px !important;
}

body.blog-post-view .blog-tab-item.active{
  float: none !Important;
}

.blog-block-content{
  padding: 0 !important;
  border: none !important;
  box-shadow: none !important;
}

.sidebar .blog-tabs .blog-tab-item > a,
.blog-block .blog-block-title h3{
  background-color: transparent !important;
  font-size: 50px !important;
  line-height: 1em !important;
  color: #ffffff !important;
  font-weight: 800 !important;
  font-family: 'Lemon Yellow Bold';
  filter: drop-shadow(0px 24px 125px rgba(16,23,36,0.55));
  padding: 0 !important;
  height: auto;
  border: none !important;
  text-align: left;
}

.sidebar .blog-tabs .blog-tab-item > a:hover{
  text-decoration: none !important;
}

.blog-post-listing,
.sidebar .blog-block{
  border: none !important;
}

.blog-tabs .blog-tab-content{
  float: none !important;
  margin-left: 0 !important;
  margin-top: 0 !important;
}

.sidebar .blog-tab-item{
  margin-bottom: 10px!important; 
  float: none !important;
}

.sidebar .blog-post-listing .blog-post-image,
.sidebar .blog-post-listing .blog-post-meta,
.sidebar.sidebar-additional{
  display: none;
}

body.mgz-blog .column.main .blog-post-listing .blog-post-box{
  background-color:#37b0bf;
}


body.mgz-blog .column.main .blog-post-listing .blog-post-box{
  width: calc(33% - 25px);
  margin-left: 12.5px;
  margin-right: 12.5px;
  margin-bottom: 25px;
}

@media (min-width: 768px){
  
  .hide-desktop{
    display: none !important;
  }
  
/*  new style  */
   
}


@media (max-width: 767px){
  
  .block-margin.row {
     margin-right: 0px !important; 
  }
  
  body.mgz-blog .column.main .blog-post-listing .blog-post-box{
    width: calc(50% - 25px) !important;
    float: left;
  }
  
  body.blog-post-view .breadcrumbs{
    display: block !important;
  }
  
  /* hamburger */
  
  .menu-item-image{
    display: none;
  }
  
  .action.nav-toggle{
    position: relative;
    top: unset;
    right: unset;
    left: unset;
  }
  
  .nav-toggle:before,
  .nav-toggle:hover:before{
    color: white;
  }
  
  .nav-open .page-wrapper{
    left: 0 !important;
  }
  
  #headerTop .nav-sections{
    background-color: #ff5c42 !important;
    width: calc(100% - 64px) !important;
    z-index: 999999;
  }
  
  .nav-open .nav-toggle:after{
    display: none !important;
  }
  
  header .navigation .navpro-menu li a{
    text-align: left !important;
  }
  
  header .navigation .navpro-menu li.level-top a span{
    font-size: 18px !important;
  }
  
  header .navigation .navpro-menu .children{
    margin-top: -5px !important;
  }
  
  header .navigation .navpro-menu .children a.ui-corner-all span{
    color: white !important;
    font-size: 14px !important;
  }
  
  a.level-top > .navpro-icon-caret::before{
   width: 15px;
   height: 15px;
   padding-right: 30px;
  }

}

@media (max-width: 575px){
  
  body.mgz-blog .column.main .blog-post-listing .blog-post-box{
    width: calc(100% - 25px) !important;
  }
 
}

.sidebar .blog-post-listing .blog-post-box-inner{
  border: none !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  padding-top: 5px !important;
  padding-bottom: 5px !important;
  border-bottom: 0 !important;
}

.blog-post-box-inner{
  border-bottom: 0 !important;
}

.sidebar .blog-post-listing .blog-post-box-inner a,
.blog-tags a{
  font-size: 26px;
  line-height: 1.3em;
  color: #ffffff !important;
  font-weight: 400;
  font-family: 'Lemon Yellow Regular';
  letter-spacing: 4px;
}

body.blog-post-view .blog-post-listing .blog-post-box-inner a:hover{
  text-decoration: none !important;
}

.blog-tags a{
  padding: 0 !important;
  padding-top: 5px !important;
  padding-bottom: 5px !important;
  background: none !important;
}

body.mgz-blog .mgz-blog .page-title-wrapper{
  text-aling: center;
}

.blog-post-excerpt{
  font-family: 'Comic Neue', cursive !important;
  color: #fff;
}

.blog-post-more-link{
  font-size: 20px !important;
  letter-spacing: 1px;
  font-weight: 800;
  font-family: 'Lemon Yellow Bold';
  border-radius: 50px !important;
  color: #093e5a  !important;
  background-color: #f9ca46 !important;
}

.blog-post-more-link:hover{
  color: #fff !important;
  background-color: #FF5C42 !important;
}

body.blog-tag-view #maincontent,
body.blog-category-view #maincontent{
  margin-left: auto;
  margin-right: auto;
  max-width: 1280px;
}

body.blog-tag-view .blog-post-list .blog-post-listing,
body.blog-category-view .blog-post-list .blog-post-listing{
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}

body.blog-tag-view .column.main .blog-post-list .blog-post-listing .blog-post-box,
body.blog-category-view .column.main .blog-post-list .blog-post-listing .blog-post-box{
  width: 33%;
  width: calc(33% - 25px);
  margin-left: 12.5px;
  margin-right: 12.5px;
  margin-bottom: 25px;
}

body.blog-tag-view .column.main .blog-post-list .blog-post-listing .blog-post-box-inner,
body.blog-category-view .column.main .blog-post-list .blog-post-listing .blog-post-box-inner{
  display: flex;
  flex-direction: column;
  background-color: #37b0bf;
}

body.blog-category-view .blog-post-list .blog-post-listing .blog-post-box-title,
body.blog-tag-view .blog-post-list .blog-post-listing .blog-post-box-title{
  order: 2;
}

body.blog-category-view .blog-post-list .blog-post-listing .blog-post-image,
body.blog-tag-view .blog-post-list .blog-post-listing .blog-post-image{
  order: 1;
  width: 100%;
  margin-right: 0;
  float: none;
}

body.blog-category-view .blog-post-list .blog-post-listing .blog-post-excerpt-wrapper,
body.blog-tag-view .blog-post-list .blog-post-listing .blog-post-excerpt-wrapper{
  order: 3;
}

body.blog-category-view .column.main .blog-post-list,
body.blog-tag-view .column.main .blog-post-list,
body.mgz-blog .column.main .blog-post-list{
  margin-left: -12.5px;
  margin-right: -12.5px;
}

/* download tabs */

.download-tabs .mgz-tabs-nav{
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  margin-top: 20px;
  margin-bottom: 20px;
}

.download-tabs .mgz-tabs-nav a{
  text-align: center;
  margin: 10px;
  border-radius: 40px !important;
  background-color: #F9CA46 !important;
  padding: 4px 20px !important;
  border: none !important;
}

.download-tabs .mgz-tabs-tab-title.mgz-active a{
  background-color: #FF5C42 !important;
  color: #fff !important;
}

.download-tabs .mgz-tabs-nav a{
  font-size: 37px;
  letter-spacing: 1px;
  line-height: 1.3em;
  color: #093e5a !important;
  font-weight: 800;
  font-family: "Lemon Yellow Bold";
}

.download-tabs .mgz-tabs-tab-content .mgz-single-image-wrapper{
  border: 12.5px solid #37B0BF;
  background: #37B0BF;
}

/* shop page */

div.toolbar-products:nth-of-type(1), div.toolbar-products > .field.limiter {
  display: none !important; /* hide first toolbar */
}

div.toolbar-products > .pages {
  float: initial !important;
  padding-bottom: 30px;
}

div.toolbar-products > .pages .action {
  background-color: #FF5C42;
  border-radius: 30px;
  padding: 10px 30px;
  border: 0;
  box-shadow: none;
}

div.toolbar-products > .pages .action:before {
  content: "";
}

div.toolbar-products > .pages .action > span:not(.label) {
  position: initial;
  color: white;
  font-size: 20px;
}

div.toolbar-products > .pages .items > .item.current > strong.page, div.toolbar-products > .pages .items > .item > .page {
  background-color: initial;
  font-size: 20px;
  color: white;
}

div.toolbar-products > .pages .items > .item.current > strong.page > span:not(.label) {
  border-bottom: 2px dotted white;
}

@media only screen and (max-width: 639px) {
  div.toolbar-products > .pages .items > .item:not(.pages-item-next,.pages-item-previous) {
    display: none;
  }
  
  div.toolbar-products > .pages .items > .item {
    width: 100%;
    white-space: nowrap;
    display: contents;
  }
  
  .pages .action.previous {
    margin-bottom: 10px;
    margin-right: 0;
  }
}

.c-products-categories ul{
  margin: 0 -10px;
  display: flex;
  flex-wrap: wrap;
}

.c-products-categories .li-item{
  border-radius: 30px;
  background-color: #f9ca46;
  border: 3px solid #fff;
  padding: 0 !Important;
  margin: 10px;
  width: auto !important;
}

.page-products .product-item-info{
  width: 100% !important;
}

.message.success{
  background: #ffffff85;
  font-family: 'Comic Neue', cursive;
}

.c-products-categories .li-item a{
  white-space: nowrap;
  font-size: 37px;
  letter-spacing: 1px;
  line-height: 8px;
  color: #fff;
  font-weight: 800;
  font-family: "Lemon Yellow Bold";
  padding: 5px 30px !important;
  text-align: center;
}

.c-products-categories .li-item.active{
  background-color: #FF5C42;
  border: 3px solid #FF5C42;
}

.c-products-categories .li-item.active a{
  color: #fff;
}

.c-product-grid .product-image-wrapper{
  background-color:#fff;
}
.catalog-product-view .product-add-form .field.qty{
  display: flex;
  align-items: center;
  font-family: "Lemon Yellow Bold";
  font-size: 24px;
}
.catalog-product-view .product-add-form .field.qty label.label{
  margin-bottom: -1px;
  margin-right: 10px;
}
.catalog-product-view .product-add-form .field.qty .control input[type="number"]{
  font-family: "Lemon Yellow Bold";
  font-size: 24px;
}

/* product grid */

#related-container {
  background-image:url('/pub/media/bk-shape.png');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: bottom center;
}

#related-container > .block{
  margin-left: auto;
  margin-right: auto;
  max-width: 1280px;
  padding-left: 20px;
  padding-right: 20px;
}

#related-container .block-actions{
  display: none;
}

#related-container .block-title,
.checkout-cart-index .page-title span{
  color: #093e5a !important;
  font-size: 80px !important;
  font-weight: 800 !important;
  font-family: "Lemon Yellow Bold" !important;
  text-align: center;
}

.checkout-cart-index .page-title-wrapper{
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.page-title .base{
  color: #093e5a !important;
  font-weight: 800 !important;
  font-family: "Lemon Yellow Bold" !important;
  line-height: 1.1em;
}

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

.products.list > .product{
  padding: 12.5px !important;
  background-color: #37B0BF;
  text-align: center;
}

.products-grid .owl-item > .product{
  margin: 0 !important;
  padding: 12.5px !important;
  background-color: #37B0BF;
  text-align: center;
}

.products-grid .product-image-wrapper{
  max-height: 300px !important;
}

.products-grid .owl-item .product-image-photo{
  height: 100% !important;
}

.owl-nav > div{
  background: #37B0BF !important;
  border-radius: 50% !important;
}

.products-grid .owl-item .choice.related{
  display: none !important;
}

.products-grid .owl-item .price{
  font-size: 40px !important;
}

.product-item-info:hover{
  padding: 0 !important;
  background-color:#37B0BF !important;
  margin: 0 !important;
  box-shadow: none !important;
  border: none !important;
}

.products.list .product-item-link,
.products.list .price{
  color: white !important;
  font-family: "Lemon Yellow Bold";
}

.product-item-link{
  font-size: 23px;
}

.products.list .price{
  font-size: 30px;
}

.product-item-info .product-item-inner{
  display: none !important;
}

 .product-item-info .product-item-inner{
  
  position: relative !important;
  height: auto !important;
  width: 100% !important;
  margin: 0 !important;
  clip: unset !important;
  box-shadow: none !important;
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
}

.product-item-actions{
  margin:0 !important;
}

.product-item-inner:before{
  display: none !important;
}

.actions-secondary{
  display: none !important;
}

/* single produc page */

.fotorama__stage__frame {
  padding: 0 40px !Important;
  width: calc(100% - 80px) !important;
}

.fotorama__arr{
  background: transparent !important;
  width: 40px !important;
}

.fotorama__arr__arr{
  height: 30px !important;
  width: 30px !important;
  border-radius: 50%;
  background-color:#F9CA46;
}

.fotorama__wrap--css3.fotorama__wrap--no-controls.fotorama__wrap--slide.fotorama__wrap--toggle-arrows .fotorama__arr--prev{
  -webkit-transform: translate3d(-0px, 0, 0) !Important;
  -ms-transform: translate3d(-0px, 0, 0) !Important;
  -o-transform: translate3d(-0px, 0, 0) !Important;
  transform: translate3d(-0px, 0, 0) !Important;
  opacity: 1 !Important;
}

.fotorama__wrap--css3.fotorama__wrap--no-controls.fotorama__wrap--slide.fotorama__wrap--toggle-arrows .fotorama__arr--next {
    -webkit-transform: translate3d(0px, 0, 0) !Important;
    -ms-transform: translate3d(0px, 0, 0) !Important;
    -o-transform: translate3d(0px, 0, 0) !Important;
    transform: translate3d(0px, 0, 0) !Important;
  opacity: 1 !Important;
}

.fotorama__stage{
  margin-bottom: 20px;
}

.fotorama__stage__frame img{
  background-color: white;
  border: 12.5px solid #37B0BF !important;
  max-height: calc(100% - 40px) !important;
  max-width: calc(100% - 120px) !important;
  height: 100% !important;
  object-fit: contain;
}

.fotorama__thumb-border{
  display: none !important;
}

.fotorama__nav--thumbs .fotorama__nav__frame{
  padding-right: 10px !important;
}


.fotorama__thumb{
    border: 7px solid #37B0BF !important;
    width: calc(100% - 14px) !important;
    height: calc(100% - 14px) !important;
    background: white;
}

/* right side */

.catalog-product-view .page-title,
.catalog-product-view .product.attribute,
.page-title-wrapper{
  text-align: left;
}

.catalog-product-view .product.media,
.catalog-product-view .product-info-main{
  width: 50% !important;
  box-sizing: border-box;
}

.catalog-product-view .product.media{
  padding-right: 70px !important;
}

.catalog-product-view .page-title,
.price {
  font-weight: 800;
  font-family: "Lemon Yellow Bold";
  color:#093E5A !important;
}

.catalog-product-view .page-title{
  font-size: 50px;
}

.catalog-product-view .product-add-form{
  padding-top: 0 !important;
}

.catalog-product-view .price {
  font-size: 30px !important;
}

.catalog-product-view .product-info-stock-sku{
  display: none;
}

.catalog-product-view .product-info-main .product-info-price{
  border-bottom: none !important;
}

.catalog-product-view .product.attribute{
  font-family: 'Comic Neue', cursive;
}

.catalog-product-view #product-addtocart-button{
  font-size: 37px !important;
  letter-spacing: 1px;
  line-height: 1em;
  font-weight: 800;
  font-family: 'Lemon Yellow Bold';
  background-color:#F9CA46;
  color:#093E5A !important;
  border-radius: 50px;
  padding: 10px 20px !important;
  border: none;
  transition: 0.3s all;
}

.catalog-product-view #product-addtocart-button:hover{
   background-color:#093E5A;
  color:#F9CA46 !important;
}

.catalog-product-view .related-container h3 {
  padding-top: 30px;
}


/* checkout dropwdown */

.block-minicart{
  font-family: 'Comic Neue', cursive;
}

/* RESPONSIVE */



@media (max-width: 1387px){
  
  h2:not(.blog-post-box-title),
  body.mgz-blog .page-title{
    font-size: 56px !important;
  }
  
  /* header */
  
  header .navigation .navpro-menu li a span{
    font-size: 22px;
  }
  
  header .navigation .mgz-single-image-wrapper img{
    width: 140px !important;
  }
  
  .navpro.navpro .level0 > .level-top {
    padding: 6px 15px 6px 15px !important;
  }
  
  .meet-heading{
    top: 5%;
  }
  
}

@media (max-width: 1200px){
  
  .mgz-blog.page-layout-2columns-right .column.main{
    width: 65% !important;
  }
  
  .mgz-blog.page-layout-2columns-right .sidebar-main{
    width: 35% !important;
  }
  
  body.mgz-blog .page-title, body.mgz-blog h1,
  body.mgz-blog .page-title, body.mgz-blog h1 span{
    font-size: 56px !important;
  }
  
}

@media (max-width: 1068px){
  
  .hfb-footer .hfb-links-item{
    padding: 10px !important;
    font-size: 20px !important;
  }
  
}

.meet-heading--mobile{
 display: none; 
}

.footer-links a {
  color: #fff !important;
}

@media (max-width: 992px){
  
  .main-title h2,
  .step-title{
    font-size: 42px !important;
  }
  
  /* home page */
  .meet-heading{
    display: none !important;
  }
  
  .meet-heading--mobile{
    display: block !important; 
    top: 20px !important;
    padding: 0 20px !important;
  }
  

  

  
  .c-products-categories .li-item a{
    font-size: 27px;
  }
  
  .mgz-blog.page-layout-2columns-right .column.main{
    width: 100% !important;
    padding-right: 0 !important;
  }
  
  .mgz-blog.page-layout-2columns-right .sidebar-main{
    width: 100% !important;
    padding-left: 0 !important;
  }
  
}

@media (max-width: 992px) and (min-width:576px){
  
  .c-grid-2x2 .inner-content > .mgz-element > .mgz-element-inner{
    padding: 20px !important;
  }
  
}

@media (max-width: 767px){
  
  /* footer */
  
  .hfb-footer .hfb-links-items,
  .hfb-footer .mgz-element-inner{
    text-align: center;
  }

  .hfb-footer .hfb-links-items{
    margin-top: 15px !important;
    margin-bottom: 15px !important;
  } 
  /*
  .c-grid-2x2 .inner-content > .mgz-element > .mgz-element-inner{
    padding: 20px 0 !important;
  }*/
  
  .column.main .mgz-btn{
    font-size: 28px !important;
  }
  
  

}

@media (max-width: 670px){
  
  body.blog-post-view .page-wrapper #maincontent, 
  body.mgz-blog .page-wrapper #maincontent, 
  body.cms-noroute-index .page-wrapper #maincontent, 
  body.catalog-product-view .page-wrapper #maincontent,
  .breadcrumbs,
  {
    padding-right: 30px !important;
    padding-left: 30px !important;
  }
  
  .breadcrumbs {
    margin-top: 30px !important;
  }
  
  .meet-heading--mobile{
    top: 9px !important;
  }
  
  .meet-heading--mobile h2,
  .sectionTitle .mgz-element-heading-text,
  .main-title h2,
  body.mgz-blog .page-title, 
  body.mgz-blog h1, 
  body.mgz-blog .page-title, 
  body.mgz-blog h1 span,
  .checkout-onepage-success .page-title span,
  .checkout-cart-index .page-title span,
  .step-title{
    font-size: 34px !important;
    line-height: 1.1em !important;
  }
  
  
  
  .video-widget .info,
  #montyShopText p span{
    font-size: 26px !important;
    line-height: 1.2em !important;
  }
  
  .c-products-categories .li-item{
    border: 2px solid #fff;
  }
  
  .c-products-categories .li-item a,
  .download-tabs .mgz-tabs-nav a{
      font-size: 20px;
  }
  
  .c-product-grid .products.list .product-item:not(:last-child){
    margin-bottom: 30px;
  }
  
  .download-tabs .mgz-element-column:not(:last-child){
    margin-bottom: 10px;
  }
  
  

}

@media (min-width: 640px){
  
  .c-product-grid .products.list{
    justify-content: space-between;
  }
  
}
/*
@media (max-width: 639px){
  .c-product-grid .products.list .product-item{
    margin-bottom: 2% !important;
  }
}
*/
@media (max-width: 488px){
  

  /*
  .meet-heading--mobile h2,
  .mgz-element.lmj42dy .mgz-element-heading-text,
  .main-title h2 {
    font-size: 30px !important;
  }*/
  
  /* watch */ 
  
  .c-grid-2x2 .mgz-element-inner{
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-top: 5px !important;
    padding-bottom: 15px !important;
  }
  
  .no-padding-side .mgz-element-inner{
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  
  /* footer */
  
  .hfb-footer .hfb-links-items li{
    width: 100%;
  }
  
  .hfb-footer .hfb-links-items li:not(:last-child){
    margin-bottom: 10px !important;
  }
  
}

@media (max-width: 367px) {
  .meet-heading--mobile{
    top: 7px !important;
  }
}


/* Changes MAY 2021 */

@media (min-width: 1260px) {
  .cms-home #maincontent .magezon-builder .mgz-container {width: 100%;}
}

#carouselMonty .product-item .product-item-info{
  border: 12.5px solid #37b0bf!important;
  font-size: 0;
}

a {
    text-decoration: none!important;
}


/*Carousel*/
#carouselLatest .product-item .product-item-info {
  font-size: 0;
  background-color: #37b0bf;
}

#carouselLatest .product-item .product-item-info .price-box {
  min-height: 70px;
}

#carouselLatest .product-item .product-item-info .product-image-wrapper{
  display: flex;
  align-items: center;
  justify-content: center;
  background: white;
}

#carouselLatest .product-item .product-item-info a{
  display: block;
  width: 100%;
  height: 100%;
  color: white !important;
  font-family: "Lemon Yellow Bold";
}

#carouselLatest .product-item .product-item-info .price-box .price {
  color: white !important;
  font-size: 30px;
}

#carouselLatest .product-item .product-item-info a.product-item-photo {
  border: 8.5px solid #37b0bf!important;
}

#carouselLatest .product-item .product-item-info a span{
  display: block;
  width: 100%;
  height: 100%;
}

#carouselLatest .product-item .product-item-info a span img{
  max-height: 100%;
}

#carouselLatest .mgz-product-listing .product-image-wrapper {
  height: 176px;
}
.owl-carousel .owl-item img.owl-lazy {
    max-height: 100%;
    height: auto;
}

/* shop page */
.c-product-grid .products.list{
  justify-content: flex-start;
  width: 100%;
  column-gap: 2%;
  row-gap: 2%;
  }
.page-products .magezon-builder .mgz-element-category_products .products-grid .product-item,
.page-products .products-grid .product-item {
  margin-left: 0 !important;
}
/*Shop - Fix item alignment when less than 4 items per row*/
.product-item-name {
    min-height: 82px;
}

.product-item-link {
    font-size: 21px;
}

@media only screen and (max-width: 667px) {
    .products.list {
        row-gap: 10px;
    }
}
/*
@media only screen and (max-width: 400px) {
    .product-item-name {
        min-height: 110px;
    }
}
*/
@media only screen and (max-width: 340px) {
    .product-item-link {
        font-size: 18px;
    }
    .products.list {
        row-gap: 5px;
    }
}

/* single page */
 .product-add-form #product-addtocart-button {
  max-width: 338px;
   width: 100%;
  }

.catalog-product-view .product-add-form .field.qty input[type="number"]{
  background: transparent;
  border: none;
}
/*PDP - Left/right arrows missing for product image (PDP = Product Page)*/
.product.media .fotorama-item .fotorama__arr--next .fotorama__arr__arr,
.product.media .fotorama-item .fotorama__arr--prev .fotorama__arr__arr {
    position: relative;
    background-image: none;
}

.product.media .fotorama-item .fotorama__arr--next .fotorama__arr__arr::after,
.product.media .fotorama-item .fotorama__arr--prev .fotorama__arr__arr::after {
    content: "";
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 0 7px 9px;
    top: 8px;
    opacity: 0.9;
}

.product.media .fotorama-item .fotorama__arr--next .fotorama__arr__arr::after {
    left: 13px;
    border-color: transparent transparent transparent #033585;
}

.product.media .fotorama-item .fotorama__arr--prev .fotorama__arr__arr::after {
    border-width: 7px 9px 6px 0;
    border-color: transparent #033585 transparent transparent;
    left: 9px;
}


/*PDP - Make related products all the same height*/
.products.list .product-item-link {
    min-height: 70px;
    height: 100%;
    display: block;
}


/*Shop - Cookie notice bar styling - make colours match site branding*/
.message.global.noscript,
.message.global.cookie {
    background: #e0f6fb;
    color: #093e5a;
}
.message.global.noscript a {
    color: #f44336;
    font-weight: bold;
}

#notice-cookie-block .action.primary {
    background: #f9c945;
    border: none;
    transition: background-color .25s linear;
}

.action.primary:hover, #notice-cookie-block .action.primary:hover {
    background-color: #37b0bf;
}

.message.global.cookie a {
    transition: color .25s linear;
    font-weight: bold;
    color:#f9c945;
}

.message.global.cookie a:hover {
    color: #37b0bf;
    text-decoration: none;
}


/*Shop - All buttons on hover should be red with white text (check all buttons) - start*/
.mgz-element.kgh0ddt .mgz-link,
.mgz-element .mgz-link {
    border: 3px solid #f9ca46;
    transition: color .25s linear, background-color .25s linear, border-color .25s linear;
}
.cms-meet-the-family .mgz-button {
  text-align: center;
}
.mgz-element .mgz-link {
    border-radius: 50px;
    color: #093e5a;
    background-color: #f9ca46;
}
.mgz-element.kgh0ddt .mgz-link:hover,
.mgz-element .mgz-link:hover {
    background-color: #FF5C42;
    border: 3px solid #FF5C42;
    color: #fff;
}

.c-products-categories .li-item.active:hover {
    background-color: #ff5c42;
    border: 3px solid #ff5c42;
    filter: none;
}

.c-products-categories .li-item {
    transition: background-color .25s linear, border-color .25s linear, filter.25s linear;
}

.c-products-categories .li-item:hover {
    background-color: #ff5c42;
    border: 3px solid #ff5c42;
    filter: brightness(125%);
}

.c-products-categories .li-item a {
    transition: color .25s linear;
}

.c-products-categories .li-item:hover a {
    color: #fff;
}

.action.primary,
.mgz-element.o4tvp84 .mgz-link {
    transition: background-color.25s linear, border-color .25s linear, color .25s linear;
}

.action.primary:hover {
    background: #ff5c42;
    border: 1px solid #ff5c42;
    color: #ffffff;
}

.mgz-element.o4tvp84 .mgz-link:hover {
    border-color: #ff5c42;
    background-color: #ff5c42;
    color: #fff;
}

.download-tabs .mgz-tabs-tab-title a,
.mgz-element.d94m1u4 .mgz-link {
    transition: background-color .25s linear, color .25s linear, filter .25s linear;
}

.download-tabs .mgz-tabs-tab-title a:hover {
    background-color: #FF5C42 !important;
    color: #fff !important;
    filter: brightness(120%);
}

.mgz-element.d94m1u4 .mgz-link:hover {
    color: #fff;
    background-color: #ff5c42;
    filter: brightness(120%);
}

.download-tabs .mgz-tabs-tab-title.mgz-active a:hover {
    filter: none;
}

.mgz-element .mgz-link {
    transition: color .25s linear, background-color .25s linear, border-color .25s linear;
}

.mgz-element .mgz-link:hover {
    color: #fff!important;
    background-color: #ff5c42!important;
    border-color: #ff5c42!important;
}

.nsv4sqo.mgz-element .mgz-link,
.x8lmwhu.mgz-element .mgz-link {
    transition: color .25s linear, background-color .25s linear, border-color .25s linear;
}

.nsv4sqo.mgz-element .mgz-link:hover,
.x8lmwhu.mgz-element .mgz-link:hover {
    border-color: #ff5c42!important;
}

.catalog-product-view #product-addtocart-button {
    transform: background-color .25s linear, color .25s linear;
}

.catalog-product-view #product-addtocart-button:hover {
    background-color: #ff5c42;
    color: #fff!important;
}

.fotorama__arr__arr {
    transition: background-color .25s linear;
}

.fotorama__arr__arr:hover {
    background-color: #ff5c42;
}

.product.media .fotorama-item .fotorama__arr--next .fotorama__arr__arr::after,
.product.media .fotorama-item .fotorama__arr--prev .fotorama__arr__arr::after {
    transition: border-color .25s linear;
}

.product.media .fotorama-item .fotorama__arr--next .fotorama__arr__arr:hover::after {
    border-color: transparent transparent transparent #fff;
}

.product.media .fotorama-item .fotorama__arr--prev .fotorama__arr__arr:hover::after {
    border-color: transparent #fff transparent transparent;
}

#form-validate button.action.update:hover {
    background-color: #ff5c42;
    border: 1px solid #ff5c42;
    color: #fff;
}

/* Cart page - Continue shopping button */
.cart-container .form-cart .actions.main a.continue {
  display: initial;
  float: left;
  background-color: #eee;
  color: black;
  padding: 5px 15px;
  box-shadow: inset 0 1px 0 0 #fff, inset 0 -1px 0 0 rgb(204 204 204 / 30%);
  font-family: 'Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
  font-weight: 600;
  border-radius: 3px;
  border: 1px solid #ccc;
}

.cart-container .form-cart .actions.main a.continue:hover {
  background-color: #ff5c42;
  border: 1px solid #ff5c42;
  color: #fff;
}

@media (max-width: 420px) {
  .cart-container .form-cart .actions.main a.continue {
    float: initial;
    display: inline-block;
    margin-bottom: 10px;
  }
}

#form-validate button.action.update {
    transition: background-color .25s linear, border-color .25s linear, color .25s linear;
}

.abs-revert-secondary-color:hover, .abs-revert-to-action-secondary:hover, .paypal-review .block .actions-toolbar .action.primary:hover, .abs-discount-block .actions-toolbar .action.primary:hover, .abs-discount-block .actions-toolbar .action.cancel:hover, .block-compare .action.primary:hover, .cart-summary .block .actions-toolbar > .primary .action.primary:hover, .abs-discount-code .form-discount .actions-toolbar .primary .action:hover, .cart-summary .form.giftregistry .fieldset .action.primary:hover, .paypal-review-discount .actions-toolbar .action.primary:hover, .paypal-review-discount .actions-toolbar .action.cancel:hover, .cart-discount .actions-toolbar .action.primary:hover, .cart-discount .actions-toolbar .action.cancel:hover, .checkout-payment-method .payment-option-content .form-discount .actions-toolbar .primary .action:hover {
    background: #ffffff;
    border: 1px solid #ff5c42;
    color: #fff;
    background-color: #ff5c42;
}
/* #related-container .block-margin{
    margin-left: 0!important;
    margin-right: 0!important;
} */
/*Shop - All buttons on hover should be red with white text (check all buttons) - end*/

/*CreativeLinkEffects - start*/
.navigation .level0 > .level-top {
    position: relative;
}

.navigation .level0 > .level-top::after {
    content: "";
    position: absolute;
    display: block;
    width: 80%;
    height: 3px;
    background-color: #f9c945;
    left: 10%;
    top: 105%;
    opacity: 0;
    -webkit-transition: height 0.3s, opacity 0.3s, -webkit-transform 0.3s;
    -moz-transition: height 0.3s, opacity 0.3s, -moz-transform 0.3s;
    transition: height 0.3s, opacity 0.3s, transform 0.3s;
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    transform: translateY(-10px);
}

.navigation .level0 > .level-top:hover::after, .navigation .level0 > .level-top:focus::after {
    height: 3px;
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    transform: translateY(0px);
    border-radius: 10px;
}
/*CreativeLinkEffects - end*/

  /* Cart Style Top */
  .magezon-builder .minicart-wrapper .action.showcart:before{
    content: "";
    background-size: 100% 100%;
    width: 30px;
    height: 30px;
    
    background-image: 
        url("data:image/svg+xml;utf8,<svg enable-background='new 0 0 512.093 512.093' height='512' viewBox='0 0 512.093 512.093' width='512' xmlns='http://www.w3.org/2000/svg'><path fill='%23fff' d='m365.992 432.048h-154.99c-66.168 0-120-53.832-120-120v-123c0-61.51-30.658-118.445-82.009-152.303-9.222-6.08-11.768-18.484-5.688-27.706 6.08-9.223 18.483-11.77 27.707-5.688 29.314 19.328 53.096 44.82 70.102 74.17 3.675 4.117 33.309 35.527 81.889 35.527h230.307c62.834-1.175 112.015 61.882 95.587 122.532l-26.512 105.67c-13.413 53.46-61.275 90.798-116.393 90.798zm-240.036-290.299c3.325 15.361 5.046 31.2 5.046 47.299v123c0 44.112 35.888 80 80 80h154.99c36.745 0 68.653-24.892 77.595-60.532l26.512-105.67c9.762-36.038-19.465-73.495-56.789-72.798h-230.308c-21.971 0-41.095-4.737-57.046-11.299zm75.046 345.299c0-13.807-11.193-25-25-25-33.172 1.321-33.143 48.692 0 50 13.807 0 25-11.193 25-25zm199 0c0-13.807-11.193-25-25-25-33.172 1.321-33.143 48.692 0 50 13.807 0 25-11.193 25-25zm33.308-274c0-11.046-8.954-20-20-20h-222.308c-26.536 1.056-26.516 38.953 0 40h222.308c11.046 0 20-8.954 20-20z'/></svg>");
  }
  #minicartHeader{
    position: absolute;
    width: 30px;
    height: 30px;
    top: calc(50% - 15px);
    right: 15px;
    z-index:98;
    padding-bottom: 30px;
    padding-right: 30px;
  }

  .minicart-wrapper{
    margin-right: -28px !important;
  }
  .minicart-wrapper .action.showcart:hover::before{
    background-image: 
        url("data:image/svg+xml;utf8,<svg enable-background='new 0 0 512.093 512.093' height='512' viewBox='0 0 512.093 512.093' width='512' xmlns='http://www.w3.org/2000/svg'><path fill='%23f9ca46' d='m365.992 432.048h-154.99c-66.168 0-120-53.832-120-120v-123c0-61.51-30.658-118.445-82.009-152.303-9.222-6.08-11.768-18.484-5.688-27.706 6.08-9.223 18.483-11.77 27.707-5.688 29.314 19.328 53.096 44.82 70.102 74.17 3.675 4.117 33.309 35.527 81.889 35.527h230.307c62.834-1.175 112.015 61.882 95.587 122.532l-26.512 105.67c-13.413 53.46-61.275 90.798-116.393 90.798zm-240.036-290.299c3.325 15.361 5.046 31.2 5.046 47.299v123c0 44.112 35.888 80 80 80h154.99c36.745 0 68.653-24.892 77.595-60.532l26.512-105.67c9.762-36.038-19.465-73.495-56.789-72.798h-230.308c-21.971 0-41.095-4.737-57.046-11.299zm75.046 345.299c0-13.807-11.193-25-25-25-33.172 1.321-33.143 48.692 0 50 13.807 0 25-11.193 25-25zm199 0c0-13.807-11.193-25-25-25-33.172 1.321-33.143 48.692 0 50 13.807 0 25-11.193 25-25zm33.308-274c0-11.046-8.954-20-20-20h-222.308c-26.536 1.056-26.516 38.953 0 40h222.308c11.046 0 20-8.954 20-20z'/></svg>");
  }
  @media (max-width: 767px) {
    #minicartHeader{
      width: 27px;
      height: 27px; 
      right: 60px;
      top: calc(50% - 16px);
    }
    
    .minicart-wrapper {
          margin-right: -28px !important;
  }
     .magezon-builder .minicart-wrapper .action.showcart:before{
      content: "";
      background-size: 100% 100%;
      width: 27px;
      height: 27px;
    }
    
    #headerTop > .mgz-element-inner{
      padding-bottom: 0 !important;
      padding-top: 0 !important;
    }
  }
  /* Cart Style Top END */

/* navigation start */
.hfb-header{
  margin-bottom: -1px !important;
}

.hfb-footer{
  margin-top: -5px;
}

header.hfb-header3 .mgz-child:not(:last-child) > .mgz-element-inner.a2aptxo-s 
{
/*   margin-bottom: 0; */
}
.navigation .level0 > .level-top {
    position: relative;
}
.navigation .level0 > .level-top::after {
    content: "";
    position: absolute;
    display: block;
    width: 80%;
    height: 3px;
    background-color: #f9c945;
    left: 10%;
    top: 105%;
    opacity: 0;
    -webkit-transition: height 0.3s, opacity 0.3s, -webkit-transform 0.3s;
    -moz-transition: height 0.3s, opacity 0.3s, -moz-transform 0.3s;
    transition: height 0.3s, opacity 0.3s, transform 0.3s;
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    transform: translateY(-10px);
}
.navigation .level0 > .level-top:hover::after, .navigation .level0 > .level-top:focus::after {
    height: 3px;
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    transform: translateY(0px);
    border-radius: 10px;
}
/* header.hfb-header {
  position:fixed !important;
  top:0;
}
header .a07v95f-s {
  background-color: rgba(10,63,91,0.9) !important;
} */
/* navigation end */

/*PDP - Add -/+ icons next to quantity field - start*/
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: textfield;
  margin: 0;
}
input[type=number]::-webkit-inner-spin-button {
    opacity: 1;
}
/*PDP - Add -/+ icons next to quantity field - end*/

/* Cart Pages */

/*
body.checkout-cart-index #maincontent{
  padding-top: 150px;
}

body.checkout-index-index #maincontent{
  padding-top: 150px;
}*/

.checkout-cart-index .cart.StripeElement {
	display: none; /* hide Stripe Wallet Buttons */
}

.checkout-index-index .nav-sections, .checkout-index-index .nav-toggle {
    display: block;
}

body.checkout-index-index .authentication-wrapper{
  display: none;
}

/* Cart Pages End */

/* Mobile/responsive styling*/
@media (max-width: 1025px) {
  .navigation .level0 > .level-top:hover::after, .navigation .level0 > .level-top:focus::after {
    background-color: transparent;
  }
}

@media (max-width: 840px) {
  .mgz-col-md-2 {
        width: 19%;
  }
}

@media (max-width: 767px) {
 .catalog-product-view .product.media, .catalog-product-view .product-info-main {
    /*width: 80% !important;*/
    margin: auto;
  }
  .catalog-product-view .page-title {
    font-size: 36px;
  }
  .fotorama__wrap{
    margin-bottom: 30px;
  }
  /*
  .product.media .fotorama__stage {
    width: 300px !important;
    height: 300px !important;
    margin: auto;
  }
  .product.media .fotorama__stage__shaft {
    width: 300px !important;
  }*/
  .catalog-product-view #product-addtocart-button {
    font-size: 30px !important;
  }
  .catalog-product-view .product.media {
    padding-right: 0 !important;
  }
   #related-container .block-title {
    font-size: 65px !important;
  }
  #related-container .product-image-wrapper {
    padding-bottom: 100%;
  }
  #related-container .products-grid .owl-item .price {
    font-size: 35px !important;
  }
  header.hfb-header .mgz-hover-main {
    width: 70px;
  }
  
  .section-items.nav-sections-items .section-item-title.nav-sections-item-title:nth-child(1),
  .section-items.nav-sections-items .section-item-title.nav-sections-item-title:nth-child(3) {
    display: none !important;
  }
}
@media (max-width: 767px) {
  /*
  body:not(.mgz-blog) main#maincontent {
    padding-top: 80px !important;
  }*/
  
  .jasperProducts .mgz-single-image-wrapper,
  .jasperProducts .mgz-single-image-wrapper img{
    width: 100%;
  }
  
  .nav-sections-item-title{
    display: none;
  }
   .nav-sections-item-content{
    margin-top: 10px;
  }
  .navpro-transformable.navpro .level0 > .level-top{
    padding: 4px 15px 4px 15px !important;
  }
  .c-products-categories .li-item{
    margin: 6px;
  }
  .lion-img img {
      max-width: 400px !important;
      width: 100%;
      margin-left: 0;
      margin-top: 0;
  }
  .spacer64 {
      height: 20px;
  }
  #montyShopText {
      margin-top: 50px;
  }
  #montyShopText p {
      text-align: left !important;
  }
/*  #montyShopText p span {
      font-size: 30px !important;
      line-height: 40px !important;
  } */
  .lion-img .mgz-single-image-wrapper,
  .lion-img .mgz-single-image-wrapper img {
      display: block;
      margin: auto;
  }
  .spacer64.ufgu5yy {
    display: none;
  }
  
  .mgz-button.mgz-btn-style-flat.mgz-btn-size-md {
    text-align: center;
  }
 
}

@media (max-width: 544px) {
  .lion-img img {
      max-width: 300px !important;
  }
  .jasperProducts .mgz-element-inner .mgz-child {
      /*max-width: 250px;*/
      width: 100%;
      margin: auto;
  }
  .sectionTitle {
      padding: 0 20px;
  }

  .catalog-product-view .product.media, .catalog-product-view .product-info-main {
    width: 100% !important;
  }
  #related-container .block-title {
    font-size: 50px !important;
  }
  #related-container .product-image-wrapper {
    padding-bottom: 80%;
  }
  #related-container .products-grid .owl-item .price {
    font-size: 30px !important;
  }
  .product-item .price-box{
    margin: 10px 0;
  }/*
  .cms-home .mgz-carousel .product-item .product-item-info {
    width: 80%;
    margin: auto;
  }*/
}

@media (max-width: 420px) {
  .column.main .mgz-btn,
  .global-btn .mgz-btn{
      font-size: 21px !important;
  }
  .page-products .magezon-builder .mgz-element-category_products .products-grid .product-item,
  .page-products .products-grid .product-item {
    width: 100% !important;
    }
  .page-products .c-product-grid .product-image-wrapper {
    padding-bottom: 80% !important;
  }
}

@media (max-width: 400px) {
  .product-item-name {
    min-height: 60px !important;
}
  .cms-home .mgz-carousel .product-item .product-item-info {
    width: 100%;
  }
}
@media (min-width: 767px) {
  .navpro.orientation-horizontal > ul {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
}
  
  .navpro.orientation-horizontal > ul > li{
    align-items: center !important;
    justify-content: center !important;
    width: 16.6%;
    margin-right: 0 !important;
  }
  
  .mgz-element-inner.vur077m-s {
    display: none !important;
  }
  
}
@media (min-width: 768px) {
  
}

/* Contact form styling */

p, form.bfb-form .contact-form .bfb-element-label > label {
  font-family: 'Comic Neue', cursive;
}

form.bfb-form .mgz-btn {
  font-size: 37px !important;
  letter-spacing: 1px;
  line-height: 1em;
  font-weight: 800;
  font-family: 'Lemon Yellow Bold';
  background-color: #F9CA46 !important;
  color: #093E5A !important;
  border-radius: 50px !important;
  padding: 10px 20px !important;
  border: none;
  transition: 0.3s all;
}

form.bfb-form .mgz-btn:hover {
  padding: 10px 20px !important;
  border: none;
}
/* End contact form styling */