/*** 

====================================================================
      Fonts
====================================================================

***/


@import url('global.css');
@import url('preloader.css');
@import url('font-awesome.css');
@import url('simple-line-icons.css');
@import url('animate.css');
@import url('jquery-ui.css');
@import url('jquery.fancybox.min.css');
@import url('custom-animate.css');

/* Grid Lines */
.grid-line-wrapper{
    position: fixed;
    top: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    display: flex;
}

/*
.grid-line-wrapper .grid-line{
    position: relative;
    width: 20vw;
    height: 100%;
    border-right: 2px solid #f6f6f6;
}

.grid-line-wrapper .grid-line:last-child{
    border-color: transparent
}
*/


.grid-line {
  position: absolute;
  width: 1px;
  height: 100%;
  top: 0;
  left: 25%;
  background: #ece3d4;
  overflow: hidden;
}
.grid-line::after {
  content: "";
  display: block;
  position: absolute;
  height: 15vh;
  width: 100%;
  top: -50%;
  left: 0;
  background: linear-gradient(to bottom, rgba(0, 178, 185, 0) 0%, #BF8C39 75%, #979797 100%);
  -webkit-animation: drop 7s 0s infinite;
          animation: drop 7s 0s infinite;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-timing-function: cubic-bezier(0.4, 0.26, 0, 0.97);
          animation-timing-function: cubic-bezier(0.4, 0.26, 0, 0.97);
}
.grid-line:nth-child(1) {
  margin-left: 0%;
}
.grid-line:nth-child(1)::after {
  -webkit-animation-delay: 2s;
          animation-delay: 2s;
}
.grid-line:nth-child(2) {
  margin-left: 25%;
}
.grid-line:nth-child(2)::after {
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
}

.grid-line:nth-child(3) {
  margin-left: 50%;
}
.grid-line:nth-child(3)::after {
  -webkit-animation-delay: 1.5s;
          animation-delay: 1.5s;
}

.grid-line:nth-child(4) {
  margin-left: 75%;
}
.grid-line:nth-child(4)::after {
  -webkit-animation-delay: 2s;
          animation-delay: 2s;
}

@-webkit-keyframes drop {
  0% {
    top: -50%;
  }
  100% {
    top: 110%;
  }
}

@keyframes drop {
  0% {
    top: -50%;
  }
  100% {
    top: 110%;
  }
}

.loader{
    background-color: black;
    height: 100vh;
}

/* Intro */

.fixed-icons{
    position: absolute;
    right: 0;
    top: 0px;
    z-index: 9;
    width: 25%;
    display: flex;
    justify-content: end;
}

.fixed-icons .icon{
    background-color: #ffffff;
    padding: 20px;
    margin: 0 1px;
}

.brand-intro{
    position: relative;
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1px;
    height: 100vh;
    
}

.brand-intro .logo-wrapper{
   
}

.brand-intro .logo-wrapper .logo{
    background-color: #ffffff;
    text-align: center;
    padding: 40px;
    height: 240px;
}
.brand-intro .logo-wrapper .logo img{
    width: 240px;
}

.brand-intro .intro-content-wrapper{
    display: flex;
    align-items: flex-end;
    height: auto;
}

.brand-intro .intro-content{
    background-color: #ffffff;
    padding: 80px 100px;
    height: auto;
}

.brand-intro .intro-content-wrapper .intro-text {
    font-size: 34px;
    color: #BF8C39;
}


.founder{
    position: relative;
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1px;
    height: auto;
    background: url(../img/bg-shade-1.jpg) no-repeat bottom;
    margin: 100px 0;
}

.founder .fouder-visual{
    display: flex;
    justify-content: flex-end;
}

.founder .group-brief{
    display: flex;
    align-items: center;
    height: inherit;
    margin-left: 25%;
}

.founder .group-brief .brief-container{
    margin: 160px 0 0 0;
}

.founder .group-brief .title{
    margin: 0 0 40px 0;
}

.founder .group-brief .title .large{
    font-size: 80px;
}

.founder .cta-button{
    margin: 60px 0;
}

.brands{
    margin: 100px 0;
}

.brands .brand-title{
    width: 49.8%;
    margin: 0 auto;
    background: #ffffff;
    padding: 20px 0;
    text-align: center;
}

.brands .brand-title .title-text{
    font-size: 28px;
    color: #000000;
    text-transform: uppercase;
    
}

.brands .brand-logos{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0 auto 0 auto;
    gap: 0;
}

.brands .brand-logos .logo-col{
    position: relative;
    width: 100%;
    height: 340px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    padding: 30px;
    background: #fff;
    flex: 1;
}

.brands .brand-logos .logo-col::after{
    position: absolute;
    content: '';
    width: 1px;
    height: 20%;
    border-right: solid 1px #eee0cb;
    right: 0;
}

.brands .brand-logos .logo-col:hover{
      
    transform: translateY(-10px);
    box-shadow: 0 0 30px 20px rgba(0,0,0,0.05)
}

.brands .brand-logos .client-logo{
    width: 200px;
}


.contact-info{
    width: 50%;
    display: flex;
    justify-content: flex-end;
    background-color:transparent;
    padding: 80px;
    color: #BF8C39;
}

.contact-info .info-container .primary-number{
    width: auto;
    display: inline-flex;
    padding: 20px 60px;
    
}

.contact-info .info-container .primary-email{
    width: auto;
    display: inline-flex;
    padding: 20px 60px;
    
}

.contact-info .info-container .primary-number a,
.contact-info .info-container .primary-email a{
    font-family: var(--font-family-Forum);
    font-size: 30px;
    line-height: 1.2;
    color: #000000;
}

.contact-info .info-container  a:hover{
    background-color:#ffffff;
}


.profile-modal .modal-body{
    padding: 0;
}

.profile-wrapper{
    position: relative;
    display: flex;
    justify-content: space-between
}

.profile-wrapper .profile-image{
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    height: 100%;
    margin-right: 0;
    overflow-x: hidden;
    overflow-y: auto;
}

.profile-wrapper .profile-image img{
    width: 600px;
}

.profile-wrapper .profile-content{
    width: calc(100vw - 600px);
    height: auto;
    padding:100px 80px 80px 80px;
    text-align: justify
}

.profile-wrapper .profile-content .name {
    text-transform: uppercase;
}

.profile-wrapper .profile-content p{
    font-size: 14px;
}


.modal h2,
.modal h3{
    color: #000000;
}


/*** 

====================================================================

  Main Header style

====================================================================

***/

.main-header{
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  padding: var(--padding-zero);
  background: none;
  min-height: 0;
  z-index: 999;
  transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
}

.main-header .auto-container{
  max-width: 1780px;
  padding: 0 20px;
}

.header-top{
  position: relative;
  padding-top: var(--padding-top-10);
  padding-bottom: var(--padding-bottom-10);
  background: none;
  color: #ffffff;
  border-bottom: 1px solid var(--white-color-opacity-four);
}


.main-header .noticebar{
    background: #9a9a9a;
    padding: 0;
    height: 43px;
    
}

.main-header .noticebar .noticebar-content{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 6px 0;
}

.main-header .noticebar .content-text{
    margin: auto;
    text-align: center;
    font-size: 14px;
    line-height: 16px;
    font-weight: bold;
    color: #ffffff;
/*    color: #9f8560;*/
    letter-spacing: 5px;
    text-transform: uppercase
}

.main-header .noticebar .content-text a{
    border-bottom: solid 1px #ffffff;
    text-decoration: none;
    text-transform: uppercase;
}

.main-header .noticebar .content-text a:hover{
    border-bottom-color: #b9b9b9;
}

.main-header .noticebar .close-button{
    padding: 5px 10px
}

.main-header .noticebar .close-button img{
    width: 20px
}

.main-header .noticebar .close-button:hover img{
    transform: scale(1.1)
}

.main-header .header-upper{
  position: relative;
  left: 0;
  top: 0;
  width: 100%;
  background: none;
  padding:20px 0;
  border-bottom: 1px solid rgba(0,0,0,0.0);
  transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
}

.main-header .header-upper::before{
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    background: rgba(0,0,0,0.85);
    width: 100%;
    height: 0;
    backdrop-filter: blur(10px);
    transition: height .5s;
    
}

.fixed-header .header-upper{
  position: relative;
  /*top: 0;*/
    padding: 0
}

.main-header.fixed-header .header-upper::before{
    height: 100%;
    transition: height .6s;
    
}

.header-two.fixed-header .header-upper{
  background: #ffffff;
}

.main-header ul, .main-header ul li {
  list-style: none;
  margin: 0;
  padding: 0;
}

.main-header .main-box{
  position: relative;
  padding: 0px;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.main-header .main-box .site-links{
    display: flex;
    align-self: center
}

.main-header .main-box .logo-box{
    position: relative;
    display: block;
    width: 500px;
    padding:  0px;
    margin: 0;
    transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    z-index: 5;
}

.main-header .main-box .logo-box .logo img{
    margin: auto
}

.main-header .main-box .site-links,
.main-header .main-box .logo-box,
.main-header .main-box .empty-area{
    flex: 1 100%;
}

.main-header .header-upper .link{
    width: 110px;
    font-size: 16px;
    letter-spacing:2px;
    text-transform: uppercase;
    overflow: hidden;
    
}

.main-header .header-upper .link a{
    color:#ffffff;
    display: block;
    overflow: hidden;
}

.main-header .header-upper .link a:hover{
    color:#858585;
}

.main-header .header-upper .link-cart{
        text-align: right;
}

.main-header .header-upper .link .cart-count{
    font-size: 14px;
    margin: 0 0 0 5px
}


 .main-header .main-box .logo-box{
     padding:10px 0px;
}

.main-header .main-box .logo-box .logo{
    position: relative;
    display: block;
}

.main-header .main-box .logo-box .logo img{
  position: relative;
  display: block;
  height: 80px;
  z-index: 1;
}

.main-header .main-box .logo-box .logo img.logo-text{
    margin: 20px auto
}

.main-header .nav-box{
  position: static;
  float: right;
}

.main-header .header-upper .nav-box{
	display:none;
}

.main-header .header-upper .links-box{
  position: relative;
  float: left;
}

.main-header .header-upper .links-box .link{
  position: relative;
  float: left;
  margin-left: var(--margin-left-50);
}

.main-header .header-upper .links-box .link:first-child{
  margin-left: 0;
}


.fixed-header.header-up .noticebar,
.fixed-header.header-up .logo .logo-text{
    display: none!important
}




.fixed-header .noticebar{
    display: none
}

.fixed-header.header-down{
  top: 0;
}

.fixed-header.header-up{
  top: 0;
}



.fixed-header .main-box .logo-box .logo img{
    height: 40px
}

.fixed-header.header-down .logo .logo-text{
    display: none!important
}

.fixed-header .main-menu .navigation > li{
  padding:10px 0px;
}

.main-header.fixed-header .main-menu .navigation > li > ul{
  top:134%;
}

.main-header.fixed-header .header-upper .links-box{
  padding:15px 0px;
}


@media (max-width:786px){
    
    .page-wrapper.has-fixed-header{
        padding-top:240px;
    }
    
    .has-fixed-header .home-intro{
        margin:0;
        height:576px;
    }
    
    .main-header .main-box .site-links,
    .main-header .main-box .empty-area{
        display:none;
    }
    .main-header .noticebar .content-text{
        font-size: 9px;
        letter-spacing: 1px;
        line-height: 1.2;
        padding: 0 10px;
    }
    
    .main-header .main-box .logo-box .logo img{
        height:50px;
    }
}

.inner-page{
    padding-top:320px;
    padding-bottom:60px;
}



.section .section-header{
    padding: 60px 30px 30px 30px;
    text-align: center;
    max-width: 640px;
    margin: 0 auto
}

.section .section-header.pb-null{
    padding-bottom: 0
}

.section .section-header .section-title{
    font-size: 26px;
    color:#ffffff;
    letter-spacing: 6px;
    text-transform: uppercase;
    margin: 0 0 20px 0
}

.section .section-header .section-brief{
    color:#ffffff;
    letter-spacing: 1px;
    text-align: left
}


/*** 

====================================================================
  Banner Slider Section
====================================================================

***/
.has-fixed-header .home-intro{
    margin-top:300px;
}

.home-intro{
    position: relative;
    width: 100vw;
    height: 100vh;
    overflow: hidden
}

.home-intro::before{
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    width: 100%;
    height: 100vh;
    background: rgba(0,0,0,0.6)
}

.home-intro .video-bg{
    width: 100%;
    height: 576px;
}


.home-intro .video-bg video{
    width: 100%; 
}


.home-intro .video-bg video.smartDevicesVideo{
    display: none;
    width: auto;
    height: 576px;
    transform: translateX(-174px);
}


.about-us .grid-block{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap:40px;
    margin: 0 auto;
}

.visual-col{
    position: relative;
    display: flex;
    justify-content: center;
    width: 100%
}

.visual-col.lg-dir-reverse{
    flex-direction: row-reverse
}

.visual-col .visual-content.reveal {
  visibility: hidden;
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.visual-col .visual_media,
.visual-col .visual_content{
    flex: 1 100%
}

.about-us .visual-col{
    max-width: 1000px;
    margin: 0 auto;
    justify-content: center
}

.about-us .visual-col .visual_content{
    display: flex;
    justify-content: flex-end;
    flex: 1 50%;
    background: transparent
}

.about-us .visual-col .visual_content .content__inner{
    width: 100%;
   padding:40px 80px
}

.about-us .visual-col.lg-dir-reverse .visual_content {
    justify-content: flex-start
}

.about-us .visual-col .visual_media{
    width: 500px;
    height: 500px;
    flex: 1 50%;
    flex-basis: inherit;
    border: solid 3px #C7A756;
/*    aspect-ratio: 2 / 3;*/
    overflow: hidden;
}

.about-us .visual-col .visual_media img{
    transform: translateY(0%);
}

.about-us .hover-content-wrapper{
    position: absolute;
    z-index: 9;
    width: 100%;
    height: calc(100% - 20%);
    padding: 50px 60px;
    font-size: 14px;
    letter-spacing: 0;
    opacity: 0;
    
} 

.about-us .visual-col:hover .hover-content-wrapper{
    opacity: 1;
}

.about-us .hover-content{
    position: relative;
    height: 100%;
    display: flex;
    align-items: center;
}

.about-us .visual-col .hover-content::after{
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    z-index: 1;
    background: rgba(0, 0, 0,0.70);
    width: 100%;
    height: 100%;
    backdrop-filter: blur(25px);  
    opacity: 0;
    transition: opacity 500ms ease;
    -webkit-transition: opacity 500ms ease;
    -ms-transition: opacity 500ms ease;
    -o-transition: opacity 500ms ease;
    -moz-transition: opacity 500ms ease;
}

.about-us .visual-col:hover .hover-content::after{
    opacity: 1;   
}

.about-us .visual-col .title{
    color:#ffffff;
    margin: 0 0 20px 0;
    letter-spacing: 3px;
}

.about-us .visual-col p{
    text-align: justify;
    color: #c6c6c6;
    letter-spacing: 1px;
}

.about-us .content-overlay{
    position: relative;
    z-index: 2;
    padding: 60px
}

.about-us .h-statement{
    background: #1f1f1f;
    padding: 60px 50px;
    margin: 60px 0;
}

.about-us .h-statement .statement-text{
    margin: auto;
    font-family: "Old Standard TT", serif;
    font-size: 32px;
    line-height: 1.4;
    font-weight: 400;
    font-style: italic;
    text-transform: none;
    letter-spacing: 0;
    color: #ffffff;
    text-align: center
    
}

.usps .usp-list{
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 360px
}

.usps .usp-list .usp-list-item{
    margin: 0 80px;
    text-align: center
}

.usps .usp-list .usp-list-item .item-icon{
    margin: 0 0 30px 0
}

.usps .usp-list .usp-list-item .item-text{
    font-size: 15px;
    text-transform: uppercase;
    letter-spacing: 2px
}


/*** 

====================================================================
  Product Carousel
====================================================================

***/

.products .section-main{
    background: #ffffff;
    padding:20px
}

.product .product-price{
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px;
}

.product .product-price .price_was{
    text-decoration: line-through;
    margin: 0 0 0 0
}

.product .product-price .price_now{
    font-size: 16px;
    font-weight: bold;
    margin: 0 20px
}

 .product .product-price .size{
    font-size: 12px;
}

.product .btn-purchase{
    display: block;
    width: 100%;
    height: 50px;
    font-size: 16px;
    line-height: 50px;
    text-transform: uppercase;
    letter-spacing: 4px;
    text-align: center;
    background: rgba(0,0,0,1);
    color:#ffffff;
    border: none;
    backdrop-filter: blur(10px);
    
}

.product .btn-purchase:hover{
    background: rgba(0,0,0,1);
}

/*
.featured-products.product-carousel,
.featured-products.product-carousel .swiper-wrapper{
    overflow: visible
}
*/

.featured-products .product{
    position: relative;
    overflow: hidden
}


.featured-products .product .hover-img,
.featured-products .product .product-cta{
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.featured-products .product .hover-img{
    transform: scale(1.2);
     transition: all 800ms;
     -webkit-filter: blur(15px);
    -moz-filter: blur(15px);
    -o-filter: blur(15px);
    -ms-filter: blur(15px);
    filter: blur(15px);
}

.featured-products .product .product-cta{
    position: relative;
    width: 100%;
    height: 50px;
    top: inherit;
    bottom: 0;
    z-index: -1;
    animation: ctaButtonMove 1s;
}

.featured-products .product-badge{
    
}


.featured-products .product:hover .hover-img,
.featured-products .product:hover .product-cta{
    opacity: 1;
    transform: scale(1);
    -webkit-filter: blur(0px);
    -moz-filter: blur(0px);
    -o-filter: blur(0px);
    -ms-filter: blur(0px);
    filter: blur(0px);
}

.featured-products .product:hover .product-cta,
.featured-products .product:hover .product-badge{
    z-index: 3
}



.featured-products .product-badge{
    position: absolute;
    z-index: 9;
    top: 0;
    left: 0;
    right: 0;
    display: block;
    width: 100%;
    height: 50px;
    font-size: 16px;
    line-height: 50px;
    text-transform: uppercase;
    letter-spacing: 4px;
    text-align: center;
    transform: translateY(-80px);
    transition: all .8s cubic-bezier(0.19, 1, 0.22, 1)
}


.featured-products .badge__spl-offer{
    background: #C7A756;
    color: #ffffff;
}

.featured-products .product:hover .product-badge{
    transform: translateY(0px);
    opacity: 1;
    z-index: 3
}

.featured-products .product .product-price .price_was{
    color: #959595;
}

.featured-products .product .product-price .price_now{
    color: #d60000;
}

.featured-products .product .product-price .size{
    color: #000000;
}


/*.nautica-products,*/
/*.classical-products{*/
/*    padding: 50px 0 30px 0*/
/*}*/

.nautica-products .section-main,
.classical-products .section-main{
    background: #ffffff;
    padding:80px 0 40px 0
}

.nautica-products .nautica-brand-logo{
    margin: 0 0 40px 0
}

.featured-products .swiper-button-next{
    right: 40px
}

.featured-products .swiper-button-prev{
    left: 40px
}

.featured-products .swiper-button-next, 
.featured-products .swiper-button-prev{
    background-color: transparent;
    width: 60px;
    height: 60px;
    border-radius: 100%;
    color: #ffffff;
    text-shadow: 2px 0 0 #000000;
    transform: translateX(50px);
    transition: all 0.5s;
}

.featured-products:hover .swiper-button-next{
    transform: translateX(0px)
}

.featured-products .swiper-button-next:hover{
    background-color: #ffffff;
    
}

.featured-products .swiper-button-next::after:hover{
    transform: scale(0.5)
}

.featured-products .swiper-pagination{
    display: none
}


/*** 

====================================================================
  Cart
====================================================================

***/
 
  .cart{
      font-size:14px;
      letter-spacing:0;
     
  }
  
  .cart .card{
      background:transparent;
      border:none;
       border-radius:0;
      padding:0 0 50px 0;
      border-bottom:solid 1px rgba(255,255,255,0.5);
  }
  
  .cart .card .card-body{
      padding:0;
  }
  
  .cart .card .card-footer{
      border:none;
  }
 
 .cart .product_text{
     font-size:16px;
     font-weight:600;
     color:#000000;
 }
 
  .cart .table thead th{
      padding:10px 30px;
      background:#2c282a;
      color:#ac936d;
  }
  
  .cart .table tbody td{
      background:#cccccc;
      padding:15px 30px;
  }
  
    .cart  .customer-coupon{
        background:#cccccc;
        padding:15px;
        margin:0 0 20px 0;
    }
    

    
    .cart .cart-item-update input.form-control[name="quantity"] {
        width: 50px;
        background: #f4f4f4;
        border-radius: 6px;
        padding: 5px;
        flex: inherit;
        height: 30px;
        border-radius: 0;
        margin: 0 10px 0 0;
        text-align: center;
        font-size: 16px;
    }
    
    .cart .cart-item-update .btn{
        width: 30px;
        height: 30px;
        border: solid 1px #ac936d;
        color:#ac936d;
        padding: 0;
        margin:0 10px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    
    .cart .cart-item-update .btn:hover{
        background:#000000;
        color:#ac936d;
    }
    
    .cart .cart-summary{
        font-size:16px;
        color:#ffffff;
    }
    
    .cart .cart-summary .summary-item{
        text-transform:uppercase;
        text-align:right;
    }
    
    .cart .cart-summary .summary-item:not(:last-child){
        border-bottom:solid 1px rgba(255,255,255,0.4);
    }
    
    .cart .cart-summary .grand-total{
        padding:10px 0;
        font-size:20px;
        font-weight:600;
    }
    
@media (max-width:1024px){
    
    .about-us .visual-col{
        width:auto;
        flex-direction:column
    }
    
    .usps .usp-list{
        flex-direction:column
    }
    .usps .usp-list .usp-list-item{
        margin:30px 0;
    }
    
}

@media (max-width:768px){
    .about-us .visual-col .visual_media{
        width:auto;
        height:auto;
        margin:10px 30px;
    }
}


====================================================================
  Main Footer
====================================================================

***/

.footer{
  position: relative;
  padding-top: var(--padding-top-100);
  padding-bottom: var(--padding-bottom-70);
  background: #262626!important;
  font-size: 13px;
  color: #ffffff;
  text-transform: uppercase
}

.footer-container{
    max-width: 1500px;
    margin: 0 auto
}

.footer-main .row{
    display:flex;
}

.footer-main .row.justify-content-between{
    justify-content:space-between;
}

.footer .footer-main .nav{
    display: flex;
    flex-direction: column
}

.footer .footer-main .nav a{
    font-size: 12px;
    color: #ffffff
}

.footer .footer-main .nav a:hover{
    color: #858585
}

.footer h6{
    font-size: 12px
}

.footer .title{
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 8px;
}

.footer .connect-brand{
    position: relative;
    text-align: center;
    padding: 0 80px;
}

.footer .connect-brand::before,
.footer .connect-brand::after{
    position: absolute;
    content: '';
    width: 1px;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(255,255,255,0.5);
}

.footer .connect-brand::after{
    left: inherit;
    right: 0
}

.footer .connect-brand .brand-logo{
    max-width: 200px;
    margin: 0 auto 20px auto
}

.footer .connect-brand .brand-logo img{
    width: 100%
}

.footer .connect-brand .brand-info{
    font-size: 11px;
    line-height: 16px;
    letter-spacing: 1px
}

.footer  .social{
    margin: 20px 0 0 0
}

.footer  .social a{
    display: inline-block;
    margin: 0 5px
}

.footer  .social a:hover{
    opacity: 0.5
}

.footer .newsletter{
  position: relative;
}

.footer .newsletter h3{
  margin-bottom: 0;
}

.footer .newsletter .text{
  line-height: 1.5em;
  font-size: var(--font-14);
}

.footer .newsletter .text span{
  color: var(--text-color);
}

.footer .newsletter .newsletter-form{
  position: relative;
  margin-top: 10px;
}

.footer .newsletter .newsletter-form .form-group{
  position: relative;
  margin-bottom: 0;
    border: solid 1px #ccc;
}

.footer .newsletter .newsletter-form .form-group input[type="text"],
.footer .newsletter .newsletter-form input[type="email"],
.footer .newsletter .newsletter-form input[type="password"]{
    position: relative;
    display: block;
    height: 46px;
    width: 100%;
    font-size: 14px;
    color: #ffffff;
    line-height: 34px;
    font-weight: 400;
    padding: 10px 10px 10px 15px;
    background-color:transparent;
    border-radius: 0px;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}

.footer .newsletter .newsletter-form .form-group input[type="text"]:focus,
.footer .newsletter .newsletter-form input[type="email"]:focus,
.footer .newsletter .newsletter-form input[type="password"]:focus{
  border-color: var(--main-color);
}

.footer .newsletter .newsletter-form .cta-btn{
  position: absolute;
  right: 0;
  top: 0;
  width: auto;
  height: 46px;
    padding: 0 15px;
  line-height: 30px;
    text-transform: uppercase;
    background: #262626;
    color: #ffffff
}

.footer .accept-payment-logos{
    margin: 40px 0 0 0
}

.footer .payment-logos{
    margin: 10px 0 0 0
}

.footer .footer-bottom{
    font-size: 12px;
    text-align: center;
    display: flex;
    justify-content: center;
    margin: 60px 0 30px 0
}

.footer .footer-bottom .copy-rights{
    margin: 0 30px 0 0
}




html:not(.body-menu-opened) .hamburger .top-bun {
  -webkit-animation: burger-hover 1s infinite ease-in-out alternate forwards 200ms;
          animation: burger-hover 1s infinite ease-in-out alternate forwards 200ms;
}

html:not(.body-menu-opened) .hamburger .meat {
  -webkit-animation: burger-hover 1s infinite ease-in-out alternate forwards 400ms;
          animation: burger-hover 1s infinite ease-in-out alternate forwards 400ms;
}

html:not(.body-menu-opened) .hamburger .bottom-bun {
  -webkit-animation: burger-hover 1s infinite ease-in-out alternate forwards 600ms;
          animation: burger-hover 1s infinite ease-in-out alternate forwards 600ms;
}

@-webkit-keyframes burger-hover {
  0% {
    width: 100%;
  }
  50% {
    width: 50%;
  }
  100% {
    width: 100%;
  }
}

@keyframes burger-hover {
  0% {
    width: 100%;
  }
  50% {
    width: 50%;
  }
  100% {
    width: 100%;
  }
}


/* Old site styles */



.category,
.pro_in_main_block,
.customer-cart,
.customer-checkout,
.contactus,
.static-page-content,
.content-wrapper{
    background:#ffffff;
    display: block;
    overflow: hidden;
}

.category .container,
.pro_in_main_block .container,
.customer-cart .container,
.customer-checkout .container{
    width:1064px;
}

.category .category-content{
    padding:40px 0 0 0;
}

.category .title_text{
    color: #000000;
    font-size: 26px;
    text-transform: uppercase;
    letter-spacing: 5px;
    text-align: center;
}

.category .product .product-price{
    color:#000000;
}

.category .product .product-price .price_now{
    color:red
}

.product_desc_block .ingredients-text {
    margin:10px 0 0 0;
}

.product_desc_block  .product-price{
    margin:0 0 10px 0;
}

.product_desc_block .product-price .price_now .full-view{
    color:red;
}

.product_desc_block .product-price .price_was{
    text-decoration: line-through;
}

div.pro_in_main_block .product_inner_block .col-md-4.product_desc_block .form-group .btn-block .btn{
    line-height:1;
}

.products_block div.row div.col-md-4 .product_details_block div.a .product_image .content-overlay,
.products_block div.row div.col-md-4 .product_details_block div.a .product_image .content-details{
    display:none;
}

.products_block div.row div.col-md-4 .product_details_block div.a:hover .product_image{
    border:none;
}

.accordion .product-note-item h5{
    color:#ffffff;
}

.form-control{
    border:solid 1px #e9e9e9;
}

.login_blk form .form-control{
    border:1px solid #ededed;
}

@media (max-width:1024px){

    .category .container, .pro_in_main_block .container, .customer-cart .container, .customer-checkout .container{
        width:auto;
    }
    
}

@media (max-width:480px){
    .products_block div.row div.col-md-4{
        width:100%;
    }
}


.footer{
    background:#262626;
    font-size: 13px;
    color: #ffffff;
    text-transform: uppercase;
}

.footer  a{
    color: #ffffff;
}

.footer .footer-main .nav{
    display: flex;
    flex-direction: column
}

.footer .footer-main .nav a{
    font-size: 12px;
    color: #ffffff;
    margin:5px 0;
}

.footer .footer-main .nav a:hover{
    color: #858585
}

.footer h6{
    font-size: 12px;
    color: #ffffff;
}

.footer .title{
    font-size: 16px;
    font-weight: bold;
    color:#ffffff;
    margin-bottom: 8px;
}

.footer .connect-brand{
    position: relative;
    text-align: center;
    padding: 0 80px;
}

.footer .connect-brand::before,
.footer .connect-brand::after{
    position: absolute;
    content: '';
    width: 1px;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(255,255,255,0.5);
}

.footer .connect-brand::after{
    left: inherit;
    right: 0
}

.footer .connect-brand .brand-logo{
    max-width: 200px;
    margin: 0 auto 20px auto
}

.footer .connect-brand .brand-logo img{
    width: 100%
}

.footer .connect-brand .brand-info{
    font-size: 11px;
    line-height: 16px;
    letter-spacing: 1px
}

.footer  .social{
    margin: 20px 0 0 0
}

.footer  .social a{
    display: inline-block;
    margin: 0 5px
}

.footer  .social a:hover{
    opacity: 0.5
}

.footer .newsletter{
  position: relative;
}

.footer .newsletter h3{
  margin-bottom: 0;
}

.footer .newsletter .text{
  line-height: 1.5em;
  font-size: var(--font-14);
}

.footer .newsletter .text span{
  color: var(--text-color);
}

.footer .newsletter .newsletter-form{
  position: relative;
  margin-top: 10px;
}

.footer .newsletter .newsletter-form .form-group{
  position: relative;
  margin-bottom: 0;
    border: solid 1px #ccc;
}

.footer .newsletter .newsletter-form .form-group input[type="text"],
.footer .newsletter .newsletter-form input[type="email"],
.footer .newsletter .newsletter-form input[type="password"]{
    position: relative;
    display: block;
    height: 46px;
    width: 100%;
    font-size: 14px;
    color: #ffffff;
    line-height: 34px;
    font-weight: 400;
    padding: 10px 10px 10px 15px;
    background-color:transparent;
    border-radius: 0px;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}

.footer .newsletter .newsletter-form .form-group input[type="text"]:focus,
.footer .newsletter .newsletter-form input[type="email"]:focus,
.footer .newsletter .newsletter-form input[type="password"]:focus{
  border-color: var(--main-color);
}

.footer .newsletter .newsletter-form .cta-btn{
  position: absolute;
  right: 0;
  top: 0;
  width: auto;
  height: 46px;
    padding: 0 15px;
  line-height: 30px;
    text-transform: uppercase;
    background: #262626;
    color: #ffffff
}

.footer .accept-payment-logos{
    margin: 40px 0 0 0
}

.footer .payment-logos{
    margin: 10px 0 0 0
}

.footer .footer-bottom{
    font-size: 12px;
    text-align: center;
    display: flex;
    justify-content: center;
    margin: 60px 0 30px 0
}

.footer .footer-bottom .copy-rights{
    margin: 0 30px 0 0
}

@media (max-width:960px){
    
    .footer-main .row{
        flex-direction:column;
    }
    
    .footer .connect-brand{
        margin:60px 0;
        padding:40px 0;
    }
    
    .footer .connect-brand::before, 
    .footer .connect-brand::after{
        width:100%;
        height:1px;
        top:0;
        left:0;
        right:inherit;
        
    }
    
    .footer .connect-brand::after{
        top:inherit;
        bottom:0;
    }
}

@media (max-width:480px){

    
}