/*
  Theme Name: Super Six International
  
  0. >>> TABLE OF CONTENTS
  1. >>> Commone Style
  
  
  */
  /*--------------------------------------------------------------
  >>> TABLE OF CONTENTS:
  ----------------------------------------------------------------*/
  
  :root {
    --font-primary:'Instrument Sans', sans-serif;
    --font-keen:'ChollaSlab', sans-serif;
    --font-bliz: 'Lora', sans-serif;
    --color-darket:#1F1E1D;
    --color-dark:#383531;
    --color-brownn:#6B4C29;
    --color-brown:#6B4C29;
    --color-text:#66615C;
    --color-white:#FFF;
    --color-light:#EBEAE8;
    --color-red:#DE232D;
    --color-gold:#85592C;
    --color-brown:#DDA76D;
    --color-button:#1A1A19;
    --color-light-brown:#DDA76D;
    --color-lightest:#FAF9F7;
    --color-blue:#00263A;
    --color-bluebg:#002538;
    --color-darkblue:#091C2B;
    --font-54:5.4rem;
    --font-48:4.8rem;
    --font-36:3.6rem;
    --font-34:3.4rem;
    --font-32:3.2rem;
    --font-30:3rem;
    --font-24:2.4rem;
    --font-22:2.2rem;
    --font-20:2rem;
    --font-18:1.8rem;
    --font-16:1.6rem;
    --font-15:1.5rem;
    --font-14:1.4rem;
    --font-12:1.2rem;
    
  }
  
  
  html { background-color:var(--color-body);font-weight: normal;font-style: normal;font-size: 62.5%;scroll-behavior: smooth; font-family: var(--font-primary);}
  body {font-style: normal;   overflow-x: hidden;font-family: var(--font-primary); background-color:var(--color-white); font-weight:400;color:var(--color-font-body); font-size:var(--font-16);}
  a,a:hover,a:focus,i,input,button,input:focus,.transition {text-decoration: none;outline: none;transition-delay: 0s;transition-duration: 0.4s;transition-property: all;transition-timing-function: ease;box-shadow: none;}
  a{color: var(--color-blue);}
  a:hover{ color: var(--color-skyblue); }
  a:-webkit-any-link {cursor: pointer;}
  iframe {border: 0;outline: none;}
  ::-moz-selection {background:var(--color-light-brown);text-shadow: none;color:var(--color-light)}
  ::selection {background:var(--color-light-brown);text-shadow: none;color:var(--color-light)}
  img,svg{max-width: 100%;border: none;outline: none;height: auto;}
  input,textarea {border-radius: 0;resize: none;}
  ul {padding: 0;margin: 0;}
  @font-face {
    font-family:'Instrument Sans', sans-serif;
    font-family: 'ChollaSlab', sans-serif;
    font-family: 'Bradley', sans-serif;
    font-family: 'Lora', sans-serif;
  }
  input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {background-color: transparent;background-image: none;color:var(--color-black);}
  /* 1.2 Typography */
  h1,h2,h3,h4,h5,h6 {font-family: var(--font-heading);}
  figure{ margin: 0 }
  svg,img { max-width: 100%; height: auto; }
  .site{ overflow: hidden;  }
  .mm-slideout { z-index:auto;}
  body.modal-open .mm-slideout{z-index:inherit;}
  .grecaptcha-badge {display: none;}
  .button-text-hide,.slick-instructions,.slick-autoplay-toggle-button{ display: none !important; overflow:hidden; text-indent:-9999px; font-size:1.8rem !important; line-height:2rem }
  .mobilebutton{ display:none; }
  
  
  .clearfix-padding{ width:100%; padding-top:15% }
  /*--------------------------------------------------------------
  >>> Landing Page 
  ----------------------------------------------------------------*/
  body.page-template-template-landing{ overflow-y:hidden; }
  .ageveryfy_wrapper{display: none;}
  .landing-page-wrap{ width:100vw; height:100vh; background-color:var(--color-darket); color:var(--color-light); text-align:center; overflow:hidden; position:fixed; z-index:30; }
  .site_logo_landing path.fillchnage{fill: var(--color-white);}
  .landing_cotent{ font-weight:600; font-size:var(--font-20);line-height:3.1rem; padding-top:3.3rem; padding-bottom:4.1rem }
  .form-age{ margin-left:-0.8rem; margin-right:-0.8rem; display:flex; justify-content:center;padding-bottom: 6rem; position: relative; }
  .form-age-loop{ padding-left:0.8rem; padding-right:0.8rem }
  .age-form{ display:inline-block; outline:none;font-weight: 700;letter-spacing: 0.9px;text-transform: uppercase; font-size:var(--font-30); line-height:10.2rem;color:var(--color-light);border-radius:0.4rem; border:0.1rem solid var(--color-dark); text-align:center;background: radial-gradient(273.71% 154.85% at 50.00% 50.00%, rgba(102, 97, 92, 0.00) 0%, var(--color-text) 100%);}
  .age-form:focus{ border-color: var(--color-gold);box-shadow: 0 0 0 0.25rem rgba(133,89,44,.25);}
  .age-form::placeholder { color:var(--color-light);opacity:0.30000001192092896;}
  .age-form:-ms-input-placeholder { color:var(--color-light);opacity:0.30000001192092896;}
  .age-form::-ms-input-placeholder {color:var(--color-light);opacity:0.30000001192092896;}
  .age-form-day,.age-form-month{ width:9.1rem }
  .age-form-year{ width:13.6rem }
  .age-button{border-radius:0.4rem;border:0.1rem solid var(--color-light);opacity: 0.30000001192092896;letter-spacing: 0.84px;text-transform: uppercase; font-size: var(--font-14); font-weight: 700; display: flex; justify-content:center; align-items:center; height:4rem; width:16.7rem; text-align:center;margin:auto; transition:0.5s; background-color:transparent; font-family:var(--font-primary);color:var(--color-light); }
  .age-button:hover{ opacity:1 }
  .landing_footer{ padding-top:9.3rem }
  .socialmenu-navigation-wrapper{ list-style:none; padding:0; margin:0 -1.3rem; display:flex; justify-content:center; color:var(--color-light); font-size:4rem; }
  .socialmenu-navigation-wrapper li{ padding-left:1.3rem; padding-right:1.3rem }
  .socialmenu-navigation-wrapper li a{ color: var(--color-light);}
  .socialmenu-navigation-wrapper li:hover{ color:var(--color-gold); }
  .landing_footer_copyright{ color:var(--color-light); display:block; padding-top:2.4rem }
  .landing_top{position: absolute; left: 0; top: 0}
  .landing_bot{ position:absolute; bottom:0; right:0 }
  .not-allowed {
    cursor: not-allowed;
  }
  @keyframes offset {
    to { stroke-dashoffset: 0; }
  }
  @keyframes fill-blue {
    to { fill: #E4E2DF; stroke: transparent; }
  }
  @keyframes fill-green {
    to { fill: #78be20; stroke: transparent; }
  }
  .landing_bot path,.landing_top path{
    stroke-width: 2;
    stroke-dasharray: 3212;
    stroke-dashoffset: 3212;
    fill: transparent;
  }
  .landing_bot  path,.landing_top path{
    stroke: #E4E2DF;
    animation: offset 10s linear forwards, fill-blue 5s 5s forwards;
  }
  
  .form-age-loop .error{ color: var(--color-red); display: block;}
  
  input::-webkit-outer-spin-button,
  input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
  }
  
  /* Firefox */
  input[type=number] {
    -moz-appearance: textfield;
  }
  .form-age-loop label.error{ font-size: 0.8em;position: absolute;bottom: 2rem;left: 0;right: 0;text-align: center;}
  
  /*--------------------------------------------------------------
  >>> Header Style 
  ----------------------------------------------------------------*/
  .menubutton{ display: none;}
  .site-header{position: fixed; z-index:15; width: 100%; left: 0; background-color: var(--color-light);transition: transform 0.9s ease;transform: translateY(0%);}
  .site-header.stick{transform: translateY(-100%);}
  .mobilemenusection{ display: none;}
  
  .masthead-inner{ height:8rem }
  .admin-bar .site-header{top: 3.2rem}
  .menu-wrapper{ list-style:none; display:flex; align-items:center; margin:0 -4.3rem }
  .menu-wrapper li{ padding:0 4.3rem }
  .menu-wrapper a,.header_button{ font-size:var(--font-14); color:var(--color-dark);letter-spacing: 0.84px;text-transform: uppercase;font-weight: 700; }
  .menu-wrapper li a:hover{ color: var(--color-brownn);}
  .header_button{ border-radius: 0.4rem;border: 0.1rem solid  #383531; height: 4rem; width: 15.4rem; display: flex; align-items: center; justify-content: center;}
  .header_button:hover{ background-color: var(--color-brownn); border-color: var(--color-brownn); color: var(--color-light);}
  
  .menu-wrapper li ul{ display:none;position:absolute; width:100%; left:0; top:100%;background-color:#FAF9F7;background-image: linear-gradient(180deg, #EBEAE8 0%, rgba(235, 234, 232, 0.00) 100%); height: 24.0rem; display:flex; justify-content: space-between; align-items: center; margin: 0;visibility: hidden;
    opacity: 0;transform: translateY(25px);
    transition: all .3s ease;}
    .menu-wrapper li:hover ul{visibility: visible;
      opacity: 1;transform: translateY(0);}
      
      .menu-wrapper li ul li{ padding:0;width:50%; display: flex; align-items: center;justify-content: center; height: 100%;position:relative;}
      .menu-wrapper li ul li:nth-child(1):after{ content:''; position:absolute; right:0;width:0.1rem; height:16.0rem; background-color:var(--color-text); margin:auto; }
      .menu-wrapper li ul li a .nav_text_wrap,.menu-wrapper li ul li a{display: flex;flex-direction: column-reverse;justify-content: center;align-items: center;text-align: center;width: 100%;height: 100%;position: relative; z-index: 1}
      .menu-wrapper li ul li figure{ margin-bottom:2rem;width: 7.6rem; }
      .menu-wrapper li ul li.keen-menu:before,.menu-wrapper li ul li.bliz-menu:before{content:' '; width: 100%; height: 100%;position: absolute; left: 0; top: 0;transition: all 0.5s ease; opacity: 0}
      .menu-wrapper li ul li.keen-menu:before{background: linear-gradient(180deg, #ED2F39 0%, #7B070C 100%); color:var(--color-white); }
      .menu-wrapper li ul li.bliz-menu:before {color:var(--color-white);background: radial-gradient(104.13% 104.13% at 50.00% 35.96%, #00486E 0%, #091C2B 100%);}
      .menu-wrapper li ul li:hover a{ color:var(--color-white); }
      .menu-wrapper li ul li.keen-menu:hover:before,.menu-wrapper li ul li.bliz-menu:hover:before{ opacity:1 }
      
      .sub-menu-toggle{ display:none; }
      .social-menu-wrapper{ list-style:none; display:flex; align-items:center; margin:0 -0.9rem }
      .social-menu-wrapper li{ padding:0 0.9rem }
      .social-menu-wrapper a{color:var(--color-dark); font-size:2.8rem}
      .social-menu-wrapper a:hover{ color:var(--color-gold); }

      /* .menu-wrapper li ul li.current-menu-item.bliz-menu:before,.menu-wrapper li ul li.current-menu-item.keen-menu:before{opacity: 1;} 
      .menu-wrapper li:hover ul li.current-menu-item a{ color: #FFF;} */
      
      
      /*--------------------------------------------------------------
      >>> Home Page Style 
      ----------------------------------------------------------------*/
      /*--------------------------------------------------------------
      >>> Banner Style 
      ----------------------------------------------------------------*/
      .banner-section{ background-color:var(--color-light);position:relative; /*margin-top:8rem;*/ text-align:center; /*padding-top:10.1rem;*/ padding-bottom:3.6rem; display: flex; align-items: flex-end; height: 100vh; }
      .admin-bar .banner-section{ margin-top:11.2rem }
      .banner-heading{ text-transform:uppercase; font-size:var(--font-48);letter-spacing: 0.96px; font-weight: 700; color: var(--color-dark);}
      .banner-sub_heading{ display:block;font-weight: 600; color:var(--color-brownn); font-size:var(--font-20); padding-top: 0.9rem;}
      .bannre-header{ padding-bottom:3.4rem }
      .banner-images{ display:flex;justify-content:center; align-items:flex-end; ; overflow: hidden; position: relative; z-index: 1; }
      .banner-images figure.banner_image_one{ margin-right:var(--font-14); }
      .banner-images figure.banner_image_two{ margin-left:var(--font-14) }
      
      .home_image_and_content_section{ overflow:hidden; position:relative; height:60.0rem; display:flex; align-items:center; color:var(--color-light); }
      
      .home_image_and_content_section img,.quality_section_image img{position: absolute;bottom: 0;left: 0;width: 100%;height: 170%;object-fit: cover;object-position: center;padding: 0;}
      
      .home_image_and_content_section_inner{position: absolute; width: 100%; height: 100%; display: flex; align-items: center; top: 0; z-index: 1; left: 0}
      .home-content-heading{ text-transform:uppercase;letter-spacing: 0.9px;font-weight: 700; font-size:var(--font-30); margin-bottom:0.9rem;overflow:hidden; }
      .paragraph_text_ani,.heading_text_ani{ overflow:hidden; visibility: hidden;}
      .paragraph_text_ani p{overflow: hidden; }
      
      .splitting .word {
        animation: slide-in 0.5s cubic-bezier(.5, 0, .5, 1) both;
        animation-delay: calc(60ms * var(--char-index));
        overflow: hidden;
      }
      
      @keyframes slide-in {
        from {
          transform: translateY(1em);
          opacity: 0;
        }
      }
      
      
      .home_content_sec{ font-size:var(--font-16); padding-bottom:2.1rem }
      .home_image_and_content{margin-left:10.0rem; max-width:37.0rem }
      .home_image_and_content p{ margin-bottom:0.9rem }
      .button{ display:flex; align-items: center; width: 16.7rem; text-align: center;justify-content:center; letter-spacing: 0.84px; text-transform:uppercase;font-weight: 700; font-size:var(--font-14); border-radius:0.4rem; border:0.1rem solid var(--color-light); height:4rem; color: var(--color-light);}
      .button:hover{ color:var(--color-white); background-color:var(--color-gold); border-color:var(--color-gold); }
      
      
      .banner_top_left_svg,.banner_right_bot_svg{ position:absolute; }
      .banner_top_left_svg{ top:7rem; left:0 }
      .banner_right_bot_svg{ right:0; bottom:0 }
      
      @keyframes fill-green {
        to { fill:#E4E2DF; stroke: transparent; }
      }
      /* .banner_top_left_svg path {
        stroke-width: 2;
        stroke-dasharray: 3212;
        stroke-dashoffset: 3212;
        fill: transparent;
      } */
      /* .banner_top_left_svg  path{
        stroke: #6b4c29;
        animation: offset 10s linear forwards, fill-green 2s 2s forwards;
      } */
      
      /* .banner_right_bot_svg path {
        stroke-width: 2;
        stroke-dasharray: 3212;
        stroke-dashoffset: 3212;
        fill: transparent;
      } */
      /* .banner_right_bot_svg  path{
        stroke: #6b4c29;
        animation: offset 10s linear forwards, fill-green 2s 2s forwards;
      } */
      
      
      /*--------------------------------------------------------------
      >>> Brand Listing Style 
      ----------------------------------------------------------------*/
      .brand_listing_block_row{ background-color:var(--color-light); height:60.0rem }
      .brand_listing_block{ height:100%;position: relative;}
      .brand_section_image{ overflow:hidden; width:28.8rem; height:37.2rem;position:relative; }
      .brand_section_image img{ width:100%; height:100%; object-fit:cover; }
      .brand_product_logo{position: absolute;margin: auto; opacity: 0;transition: opacity 0.3s ease;}
      .brand_listing_loop:hover .brand_product_logo{ opacity:1 }
      .brand_product_image{position: relative; z-index: 1}
      .brand_content_product{ width:29.0rem; }
      .brand_heading{ text-transform:uppercase;font-weight: 700; font-size:var(--font-30); color:var(--color-dark); margin-bottom:0.9rem }
      .brand_heading span{ display:block; color:var(--color-text); font-weight: 700;letter-spacing: 0.48px; font-size: var(--font-16); padding-bottom: 1.1rem}
      .brand_content{ color:var(--color-text);font-size: var(--font-16);}
      .brand_content p{ margin-bottom:3.1rem }
      .button-product{border-color: var(--color-dark); color: var(--color-dark); width: 18.3rem}
      
      .brand_listing_loop:nth-child(2n+2) .brand_product_content{ order:1 }
      .brand_listing_loop:nth-child(2n+2) .brand_section_image_section{ order:2 }
      .brand_listing_loop:nth-child(2n+2) .brand_product_image_section{ order:3 }
      .brand_listing_loop:nth-child(2n+2) .brand_product_logo{right: 0; top: 0;margin: 0}
      
      .mid_image_and_content_section{ padding-bottom:9.2rem; padding-top:16.0rem }
      .mid__content_sec{ margin-left:5rem; width:32.0rem }
      .com_hed{ text-transform:uppercase;font-weight: 700; font-size:var(--font-30); color:var(--color-dark); margin-bottom:0.9rem }
      .com_hed span.com_hed_sub{ display:block;letter-spacing: 0.48px; font-size:var(--font-16);letter-spacing: 0.48px; text-transform:capitalize; color:var( --color-brownn); padding-bottom:1.1rem }
      .com_content{ font-size:var(--font-16); color:var(--color-text); }
      .com_content p{ margin-bottom:0.4rem }
      .mid__images_sections{ justify-content:flex-end; }
      .mid__images_sec{ width:57.0rem; position:relative;min-height: 44.8rem; }
      .mid__images_sec_2{position: absolute; right: 0; top: 0;z-index: 1}
      .mid__images_sec_1{ margin-top:3.3rem;position: relative;}
      .mid__images_sec_3{position: absolute;bottom: 0;left: 25.5rem;z-index: 1}
      .mid_image_svg_sec{position: absolute; top:-7.7rem; right:1.7rem}
      .home_image_section_mobile{ display: none;}
      /*--------------------------------------------------------------
      >>> Commitments Listing Style 
      ----------------------------------------------------------------*/
      .commitments_section{ background-color:var(--color-light); padding-top:8.6rem; padding-bottom:7.8rem }
      .commitments_header{ padding-bottom:3.5rem }
      .commitments_header .com_content{ color:var(--color-dark); }
      .commitments_list__section{ width:83.2rem; margin:0 auto; }
      .commit_list__row{ display:flex; flex-wrap:wrap; margin-left:-1.5rem; margin-right:-1.5rem; }
      .commit_list__loop{ padding-left:1.5rem; padding-right:1.5rem;text-align:center;margin-bottom: 2.7rem }
      .commit_list_image{ height:32.0rem; overflow:hidden; }
      .commit_list_image img{ width:100%; height:100%; object-fit:cover; }
      .commit_list_heading{font-weight: 600; font-size: var(--font-20); color: var(--color-dark);}
      .commit_list_content_section{ padding-top:1.5rem }
      
      /*--------------------------------------------------------------
      >>> Quality Listing Style 
      ----------------------------------------------------------------*/
      .quality_section{ height:54.0rem; overflow:hidden; background-color:var(--color-dark); display:flex; align-items:center; position:relative; }
      .quality_section_image:before{ content:''; position:absolute; width:100%; height:100%; top:0; left:0; background-image:linear-gradient(0deg, rgba(31, 30, 29, 0.50) 0%, rgba(31, 30, 29, 0.50) 100%); z-index:1 }
      .quality_section_inner{position: absolute; width: 100%; height: 100%; z-index: 2; top: 0; bottom: 0; left: 0; display: flex; align-items: center;}
      .quality_header_sec{ display:flex; justify-content:flex-end }
      .quality_header { width:31.0rem;margin-right: 7rem;}
      .quality_header .com_hed{ color:var(--color-light); }
      .quality_header .com_content{color:var(--color-light); }
      .quality_form__sec{ width:45.6rem; background-color:var(--color-dark); padding-left:4.4rem; padding-right:4.4rem;padding-bottom: 4.8rem; padding-top:4.3rem }
      .form_heading{font-weight: 500; font-size: 2.6rem; color: var(--color-light); margin-bottom: 1.3rem}
      .form-row{ margin-left:-1rem; margin-right:-1rem; margin-bottom:1.2rem }
      .form-row-loop-message{ margin-bottom:3.2rem }
      .form-row-loop-last{ margin-bottom:0 }
      .form-row-loop-last p{ display:flex; align-items:center; }
      .form-row-loop{ padding-left:1rem; padding-right:1rem }
      .form-row-loop p{ margin-bottom:0 }
      .form-row-loop label{opacity: 0.6000000238418579; color: var(--color-light); font-size: var(--font-14); margin-bottom: 0.2rem}
      .form-control{ background-color:transparent; height:3.4rem; border-radius:0.2rem;  color: #EBEAE8; font-size:var(--font-14); border-color:var(--color-light); }
      .form-control:focus{ background-color: transparent; border-color:var(--color-gold); box-shadow:none; color: #EBEAE8;}
      textarea.form-control{ min-height:7.4rem }
      .form_submit_button{ display:inline-block; background-color:transparent; outline:none; font-size:1.2rem; text-transform:uppercase;letter-spacing: 0.72px; font-weight:700; color:var(--color-light); border-radius:0.2rem; border:0.1rem solid var(--color-light); height:3.9rem; width:17.0rem; text-align:center; display:flex; align-items:center; justify-content:center }
      .form_submit_button:hover{ border-color:var(--color-gold); background-color:var(--color-gold); }
      .wpcf7-not-valid-tip{color: #DE232D;font-size: 0.8em;}
      .wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output{ border: none;}
      .wpcf7 form .wpcf7-response-output{ padding: 0;color: #DE232D;font-size: 0.8em; margin: 0; margin-top: 1em;}
      .wpcf7 form.sent .wpcf7-response-output{background-color: #46b450;color: #FFF;padding: 0.5em}
      /*--------------------------------------------------------------
      >>> Inner Header Style 
      ----------------------------------------------------------------*/
      .site-header.inner_header{ background-color:transparent; }
      .site-header.inner_header .site-logo svg path{ fill:var(--color-light); }
      .site-header.inner_header .menu-wrapper a{ color:var(--color-light); }
      .site-header.inner_header .menu-wrapper li ul a{color: var(--color-dark);}
      .site-header.inner_header .social-menu-wrapper a{ color:var(--color-light); }
      .site-header.inner_header.header-down{background-color:var(--color-light);}
      .site-header.inner_header.header-down .menu-wrapper a{ color:var(--color-dark);}
      .site-header.inner_header.header-down .site-logo svg path{fill:#6B4C29}
      .site-header.inner_header.header-down .site-logo svg path.fillchnage{fill:var(--color-dark);}
      .site-header.inner_header.header-down .social-menu-wrapper a{color: var(--color-dark);}
      
      .site-header.inner_header .menu-wrapper li ul li:hover a{ color: var(--color-light);}
      
      .site-header.inner_header .header_button{ color:var(--color-light); border-color:var(--color-light); }
      .site-header.inner_header .header_button:hover{ background-color: transparent;}
      .site-header.inner_header.header-down .header_button{ color:var(--color-dark); border-color:var(--color-dark); }
      /*--------------------------------------------------------------
      >>> Keen Banner Style 
      ----------------------------------------------------------------*/
      .formobilekeen{ display: none;}
      .keen_brand_banner_section{ background-color:var(--color-red); background:radial-gradient(104.13% 104.13% at 50.00% 35.96%, #ED2F39 0%, #7B070C 100%); min-height:84.0rem; height: 100vh; font-family:var(--font-keen);color: var(--color-lightest); }
      .keen_brand_heading{ text-transform: uppercase; font-family:var(--font-keen);letter-spacing: 1.08px;font-weight: 700; font-size:var(--font-54); margin-bottom: 1.1rem}
      .keen_brand_content{ font-size:var(--font-22); font-weight:700 }
      .keen_brand_content p{ margin-bottom:0 }
      .keen_banner_content_section{ margin-left:10.0rem }
      .keen_bannr_logo{ text-align:center; margin-bottom:4rem; margin-top:6.3rem }
      .keen_bannr_logo svg{display: inline-block;}
      @keyframes keen-logo {
        to { fill:#FAF9F7; stroke: transparent; }
      }
      .keen_bannr_logo path{
        stroke-width: 2;
        stroke-dasharray: 3216;
        stroke-dashoffset: 3216;
        fill: transparent;
      }
      .keen_bannr_logo  path{stroke: #FAF9F7;animation: offset 24s linear forwards, keen-logo 0.6s 0.6s forwards;}
      .kenn_info_section{ background-color:var(--color-lightest); }
      
      .product_info_section{ padding-top:12.5rem; padding-bottom:11.4rem }
      .product_info_cotent{ margin-left:10.0rem; width:37.0rem; padding-top:5.9rem }
      .keen_com_heading{ color:var(--color-red); font-family:var(--font-keen);text-transform: uppercase; font-size:var(--font-34); font-weight:700; margin-bottom: 1.8rem}
      .keen_com_sub_heading{ color:var(--color-dark); font-family:var(--font-keen); font-size:var(--font-18); font-weight:700; margin-bottom:1rem }
      .keen_com_content{ color:var(--font-16); color:var(--color-text); }
      .keen_com_content p{ margin-bottom:0.8rem }
      
      .product_info__images,.product_det_top_content{ margin-left:5.7rem; margin-right:10.0rem; position:relative; width:51.3rem }
      .product_det_top_content{ padding-top: 12.2rem;}
      .keen_product_logo{position: absolute; margin-left: 12.2rem; margin-top: 5.7rem;}
      .keen_product_logo svg g path{transform-origin: 50% 50%;animation: rotateIt3;animation-duration: 90s;animation-timing-function: linear;animation-iteration-count: infinite;}
      @-webkit-keyframes rotateIt3 {
        0 {
          -webkit-transform: rotate(0);
          transform: rotate(0)
        }
        
        100% {
          -webkit-transform: rotate(360deg);
          transform: rotate(360deg)
        }
      }
      
      @keyframes rotateIt3 {
        0 {
          -webkit-transform: rotate(0);
          transform: rotate(0)
        }
        
        100% {
          -webkit-transform: rotate(360deg);
          transform: rotate(360deg)
        }
      }
      .keen_product_logo svg g path:last-child{ animation:none; }
      .keen_product_top_image{ display:flex; justify-content:flex-end }
      .keen_product_bot_image{ margin-top:-9.4rem; position: relative; z-index: 1;}
      
      /*--------------------------------------------------------------
      >>> Keen Product Top Style 
      ----------------------------------------------------------------*/
      .product_details_section{color:var(--color-light); font-family:var(--font-keen); }
      .product_top_section{position: relative; min-height: 52.0rem;  display: flex;   background-color: var(--color-lightest);}
      .product_top_svg{ width:100%; height: 100%; object-fit: cover; position:absolute; bottom:0; left:0; right:0 }
      .product_top_section .container{position: relative; z-index: 1;}
      .product_top_images_list ul{ list-style: none; display: flex; align-items: center;justify-content: center; margin: 0 -1.3rem; margin-top:3.5rem;}
      .product_top_images_list ul li{  padding: 0 1.3rem;}
      .images_list_imae{overflow: hidden; border-radius: 100%; width: 10.0rem; height: 10.0rem; display: flex; align-items: center; justify-content: center;}
      .images_list_imae img{ width: 100%; height: 100%; object-fit: cover;}
      .product_top_header{ text-align: center;}
      .product_top_header .prod_top_se_hed{ margin-bottom:1rem;}
      /*--------------------------------------------------------------
      >>> Keen Values Top Style 
      ----------------------------------------------------------------*/
      .values_section{ color: var(--color-light); padding-top: 3.8rem;padding-bottom: 7.7rem; background-color: var(--color-red);}
      .keen_com_heading.keen_com_heading_light{ color: var(--color-light);}
      .keen_com_sub_heading.keen_com_heading_light{ color: var(--color-light);}
      
      .values_header .keen_com_heading{ margin-bottom: 1rem;}
      .values_list_section_wp{ width:74.2rem;margin: auto;padding-top: 4.1rem;}
      .values_list_section{ display: flex; justify-content: center; flex-wrap: wrap; margin: 0 -2.9rem;}
      .values_list_loop{ padding: 0 2.9rem; width:25%; text-align: center;margin-bottom: 3rem;}
      .values_number{ display: block; background-color: var(--color-light); text-align: center; border-radius: 0.4rem; display: flex; align-items: center; justify-content: center; width:14.2rem; height: 8.8rem; font-family: var(--font-keen); font-size: var(--font-30);font-weight: 700; color: var(--color-gold);margin-bottom: 1.6rem;}
      .values_name{ display: block; font-family: var(--font-primary);font-weight: 600; color: var(--color-lightest); font-size: var(--font-20); display: block;line-height: 2.1rem;}
      .values{ display: block;font-weight: 400;font-family: var(--font-primary);color: var(--color-lightest);  font-size: var(--font-16);}
      
      .sizes_section{  padding-bottom: 10.0rem; background-color: transparent;}
      .values_list_section_wp.sizes_list_wrap{ width:80%;padding-top:4rem}
      .values_list_section.sizes_list_section{ margin: 0 -4rem;}
      .values_list_loop.sizes_list_loop{ padding: 0 4rem; width: 33.333%;padding-bottom:9.6rem;margin-bottom: 0;}
      .sizes_heading{ display: block;font-family: var(--font-keen); color: var(--color-light);font-weight: 700; font-size: 2.2rem;padding-top: 1.9rem;}
      .sizes_list_loop_inn{display: flex;align-items: flex-end;justify-content: center; height: 100%;}
      
      
      
      .relative{position: relative; z-index: 1;}
      .grdent_sec{position: relative; width: 100%; overflow: hidden;}
      .grdent_sec::before{content: ''; position: absolute; width: 100%; height:94%; left: 0; right: 0;background: linear-gradient(180deg, #DE232D 0%, #7B070C 100%);}
      .grdent_sec_blue::before{background: linear-gradient(180deg, #00486E 0%, #091C2B 100%);height:84%; top:21.4rem;}
      .bliz_values_section{ background-color:#013A59; margin-top: -0.1rem;}
      .bliz_values_section .values_number{ background-color: var(--color-light-brown); color: var(--color-blue); font-family: var(--font-bliz); font-size:2.8rem;}
      /*--------------------------------------------------------------
      >>> Keen Product Image and Content Style 
      ----------------------------------------------------------------*/
      .product_image_content_section{font-family: var(--font-keen); color: var(--color-lightest); padding-top: 6rem; padding-bottom: 11.1rem; background-color: #A4131A;margin-top: -1px;}
      .product_image_heading_section{ display: flex; align-items: flex-end; justify-content: center;}
      .product_image_heading_section .keen_com_heading{ margin: 0 15.0rem;}
      .product_image_heading_wrp{ display: flex; align-items: center; min-height: 19.6rem;}
      .image_content_wrapp_pro_bot{ padding-top: 19.0rem;}
      .image_content__po_image__sec figure{ margin-left: 8rem;}
      .image_content__po_content__sec section{ width: 37.0rem;}
      .image_content__po_content__sec section p{ font-size: var(--font-18); line-height: 2rem; margin-bottom: 0;}
      
      .location_section_wraper{ background-color: var(--color-light); padding-top: 9rem; padding-bottom: 7.2rem; text-align: center;}
      .location_section_list{ padding-top: 0.9rem; overflow: hidden;}
      .location_name{ font-family: var(--font-keen);font-weight: 700; font-size: var(--font-18); color: var(--color-dark);padding-top: 1rem;margin-bottom:1rem;}
      .location_address{ color: var(--color-text); font-size: var(--font-16); width: 22.0rem; margin: auto; font-family: var(--font-primary);}
      .location_phone_number{color: var(--color-text);}
      .location_phone_number:hover{ color: var(--color-red);}
      .location_list_loop{ padding-bottom: 2.3rem;}
      .location_address p{ margin-bottom: 0;}
      .location_section_list .swiper-pagination{position: static;}
      .location_section_list .swiper-pagination-bullet{ border-radius: 0.4rem; width: 5.6rem; height: 0.6rem; background-color: rgba(102,97,92,0.8);}
      .location_section_list .swiper-pagination-bullet-active{ background-color: var(--color-red);}
      
      /*--------------------------------------------------------------
      >>> Keen Product Image slider and Content Style 
      ----------------------------------------------------------------*/
      .content_and_image_slider_section_wraper{ background-color: var(--color-lightest); padding: 12.0rem 0;}
      .slider_content_section__left section{ padding-top:3.8rem;}
      .slider_content_section__left section p{ color: var(--color-text); font-family: var(--font-primary); font-size: var(--font-16);}
      .rightslider_images_list_inner{position: relative;}
      .rightslider_images_list_inner_immge{ overflow: hidden;}
      
      .rightslider_images_content,.slider_svg_wrap{position: absolute; width: 100%; bottom: 0; left: 0;}
      .slider_svg_wrap{ height: 227px;}
      .slider_svg_wrap svg{ width: 100%; height: 100%; object-fit: cover;}
      .rightslider_images_content{ padding-left: 2.5rem; padding-bottom: 2.2rem;}
      .rightslider_heading,.rightslider_main_heading{ font-family: var(--font-keen); font-weight: 700; font-size: var(--font-16); color: var(--color-light);}
      .rightslider_heading{ display: block; line-height: 1.6rem;}
      .rightslider_main_heading{ font-size: var(--font-30);line-height: 3.1rem;}
      .rightslider_short_content{ font-family: var(--font-primary); font-size: var(--font-14);color: var(--color-light);}
      .rightslider_short_content p{ margin-bottom: 0;}
      .slider_content_section__right,.slider_content_section__left{position: relative;}
      .slider_content_section__left{ z-index: 3;}
      .slider_content_section__right:before{ content:""; position: absolute; width: 100%; left:-100%; height: 100%; background-color: var(--color-lightest); z-index: 2;}
      /*--------------------------------------------------------------
      >>> Keen Product Image Gallery Style 
      ----------------------------------------------------------------*/
      .images_gallery__section_wraper{ background-color: var(--color-light); padding-top:8.8rem; padding-bottom: 9rem;}
      .images_gallery__section_header svg{ position: absolute; top:-3.7rem; left: 0; right: 0; margin: auto;background-blend-mode: multiply;
        opacity: 0.3;}
        .images_gallery__section_header .keen_com_heading{ margin-bottom:1.1rem;}
        .images_gallery__section_header section{position: relative; z-index: 1;}
        .images_gallery__section_wraper .slider_content_section__left section{ padding-top: 0;}
        .gallery_images_listing_section{ padding-top:4rem; position: relative; z-index: 1;}
        
        
        
        .bliz_brand_banner_section,.bliz_banner_image{ height: 100vh; overflow: hidden;}
        .bliz_banner_image img{ width: 100%;}
        .bliz_brand_banner_section_inner{ position: absolute; width: 100%; height: 100%; left: 0; right: 0;}
        .bliz__brand_heading{ color: var(--color-lightest); font-family: var(--font-bliz);font-weight: 600; font-size: var(--font-36);margin-top: 13.4rem;}
        
        
        .images_gallery_svg_bliz{position: absolute; right: 0; top: 0;}
        .bliz_banner_left_heading{ display: inline-block; margin-right: 6.2rem;}
        .bliz_banner_right_heading{ display: inline-block; margin-left: 8rem;}
        .bgred{ background-color: var(--color-red);}
        .bglight{ background-color: var(--color-light);}
        .bluebg{ background-color:var(--color-bluebg);}
        .darkblue{ background-color: var(--color-darkblue);}
        .marg_1{ margin-top: -0.1rem;}
        
        .bliz_com_heading{ font-family: var(--font-bliz);font-weight: 600; font-size:var(--font-32); color: var(--color-brown); margin-bottom: 0.7rem;}
        .bliz__com_sub_heading{font-family: var(--font-bliz);font-weight: 500; font-size: var(--font-18);color: var(--color-light); margin-bottom: 0.7rem;}
        .bliz__com_content{ font-family: var(--font-primary);font-size: var(--font-16); color: var(--color-light);}
        .bliz_com_sub_heading{color: var(--color-light);font-family: var(--font-bliz);font-size: var(--font-18);font-weight: 500;margin-bottom: 1rem;}
        .bliz_com_heading.brown_d{ color: #C7945D;}
        
        .bliz_product_info_cotent .bliz_com_heading{margin-bottom: 1.6rem;}
        .product_bliztop_images_list .images_list_imae{border:1.5px solid #002F47;;background: linear-gradient(180deg, rgba(0, 66, 102, 0.20) 0%, rgba(0, 43, 77, 0.20) 100%);}
        .product_bliz_image_heading_section .product_image_heading_wrp{ min-height: inherit;}
        .product_image_heading_section.product_bliz_image_heading_section{ align-items: center;}
        .product_bliz_image_heading_section .bliz_com_heading{ margin: 0 8rem;}
        .image_bliz_content__po_content__sec .bliz_com_heading{ margin-bottom: 1.6rem;}
        .image_bliz_content__po_content__sec.image_content__po_content__sec section p{ font-family: var(--font-bliz);font-weight: 500;line-height: 2.1rem; margin-bottom: 0.6rem;}
        .location_name_bliz{ font-family: var(--font-bliz); color: var(--color-light);}
        .location_address_bliz,.location_phone_number_bliz{color: var(--color-light);}
        .location_phone_number_bliz:hover{ color: var(--color-gold);}
        .location_section_bliz_wraper .location_section_list .swiper-pagination-bullet-active{ background-color:var(--color-brown) ;}
        
        .swiper {width: 100%;height: 100%;margin-left: auto;margin-right: auto;}
        .location_list_loop {text-align: center;display: flex;justify-content: center;align-items: center;}
        .location_section_list .swiper-grid-column>.swiper-wrapper{flex-direction: row;}
        .location_section_bliz_wraper::before{ content: ''; width:1030px; margin: auto; height: 0.1rem; background-color:var(--color-brown); display: block; position: absolute; top: 0; left: 0; right: 0;}
        .location_section_bliz_wraper::after{ content: ''; width:1030px; margin: auto; height: 0.1rem; background-color:var(--color-brown); display: block; position: absolute; bottom: 0; left: 0; right: 0;}
        .content_and_image_slider_section_wraper_bliz .slider_content_section__left section p{ color: var(--color-light);}
        .slider_content_section__right_bliz.slider_content_section__right:before{ background-color: var(--color-darkblue);}
        .images_gallery__section_wraper_bliz .bliz_com_heading{ color: var(--color-blue);}
        .slider_content_section__right_bliz .slider_svg_wrap svg{ width: auto; height: auto;}
        
        .slider_content_section__right_bliz .slider_svg_wrap {height: 163px;overflow: hidden;width: 345px;}
        .slider_content_section__right_bliz .rightslider_main_heading{ width: 17.5rem; color: var(--color-brown); font-family: var(--font-bliz); font-size:2.8rem; font-weight: 600;}
        .slider_content_section__right_bliz .rightslider_heading{font-family: var(--font-bliz); font-size: 1.4rem;}
        .slider_content_section__right_bliz .rightslider_short_content{font-family: var(--font-bliz); font-size: 1.2rem; font-weight: 500;}
        
        .bliz_product_logo_mobile{ display: none;}
        /*--------------------------------------------------------------
        >>> Footer Style 
        ----------------------------------------------------------------*/
        .site-footer{ background-color:var(--color-darket); padding-top:4.6rem; padding-bottom:1rem; color:var(--color-light);}
        .footer_logo{ margin-bottom:1.8rem }
        .footer_logo path.fillchnage {fill:var(--color-light);}
        .footer-socail{ list-style:none; padding:0; margin:0 -0.7rem; display:flex; align-items:center; }
        .footer-socail li{ padding:0 0.7rem }
        .footer-socail a{ border-radius:100%; border:0.1rem solid var(--color-light); color:var(--color-light); width:2.8rem; height:2.8rem; display:flex; justify-content:center; align-items:center; font-size:1.4rem; line-height:2.8rem }
        
        .address_section { padding-top:1.4rem }
        .address_section strong{ font-weight:700; display:block; padding-bottom:0.6rem }
        .address_section p{ margin-bottom:0 }
        .address_section a[href^=tel]{ background-image:url(../images/phoneicon.svg); background-repeat: no-repeat;padding-left: 1.5rem;background-position: 0 center; display: inline-block; padding-bottom: 0.2rem; color: var(--color-light);}
        .address_section a[href^=tel]:hover{ color:var(--color-gold); }
        .footer-nav{ display:flex; justify-content:center; margin:0;list-style:none; flex-wrap:wrap; text-align:center;padding-top:6.5rem }
        .footer-nav li{ width:50%; margin-bottom:2.6rem }
        .footer-nav li a{letter-spacing: 0.84px;text-transform: uppercase; font-size: var(--font-14); font-weight: 700;display: inline-block; color: var(--color-light);}
        .footer-nav li:hover a{ color:var(--color-gold);}
        
        .brand_social_links_loop{ margin-bottom:1.9rem }
        .brand_logo_footer{ width:6.6rem }
        .brand_social_links ul{ list-style:none; padding:0; margin:0 -0.7rem; display:flex; align-items:center; }
        .brand_social_links ul li{ padding:0 0.7rem }
        .brand_social_links ul li a{ border-radius:100%; border:0.1rem solid var(--color-light); color:var(--color-light); width:2.8rem; height:2.8rem; display:flex; justify-content:center; align-items:center; font-size:1.4rem; line-height:2.8rem }
        .brand_social_link_sec{ justify-content: }
        .brand_social_links{ padding-top:5.9rem }
        .footer_top{ padding-bottom:3rem }
        .copyright{ color:var(--color-light); font-size:var(--font-14); line-height:1.5rem }
        .footer_bot_nav{ list-style:none; padding:0; margin:0 -1.1rem; display: flex; align-items: center;}
        .footer_bot_nav li{ padding:0 1.1rem; border-right: 0.1rem solid var(--color-light); line-height:1.4rem }
        .footer_bot_nav li:last-child{ border-right:0 }
        .footer_bot_nav li a{ color:var(--color-light); font-size:var(--font-14);}
        .footer_bot_nav li a:hover{ color:var(--color-gold); }
        
        .gallery_images_slider .slick-track{ margin: 0 -1rem;}
        .gallery_image_loop{ padding:0 1rem}
        .quality_header_sec_mobile_image{ display: none;}