

<!doctype html>
<html amp lang="en">
<head>
  <meta charset="utf-8">
	<title>Men's Breathable Swim Shorts</title>
       <link rel="canonical" href="//kokania.com/products/mens-breathable-swim-shorts" />	
	   <meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1">
	<style amp-boilerplate>body{-webkit-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-moz-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-ms-animation:-amp-start 8s steps(1,end) 0s 1 normal both;animation:-amp-start 8s steps(1,end) 0s 1 normal both}@-webkit-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-moz-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-ms-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-o-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}</style><noscript><style amp-boilerplate>body{-webkit-animation:none;-moz-animation:none;-ms-animation:none;animation:none}</style></noscript>
       <script async custom-element="amp-analytics" src="https://cdn.ampproject.org/v0/amp-analytics-0.1.js"></script>
	<script async src="https://cdn.ampproject.org/v0.js"></script>
       <script async custom-element="amp-sidebar" src="https://cdn.ampproject.org/v0/amp-sidebar-0.1.js"></script>
	<script async custom-element="amp-iframe" src="https://cdn.ampproject.org/v0/amp-iframe-0.1.js"></script> 
       <script async custom-element="amp-bind" src="https://cdn.ampproject.org/v0/amp-bind-0.1.js"></script>
       <script async custom-element="amp-form" src="https://cdn.ampproject.org/v0/amp-form-0.1.js"></script>
       <script async custom-element="amp-list" src="https://cdn.ampproject.org/v0/amp-list-0.1.js"></script>
 
       <link href="https://fonts.googleapis.com/css?family=PT+Serif:400,400i,700,700i&amp;subset=cyrillic,cyrillic-ext,latin-ext" rel="stylesheet">
       <link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:200,200i,300,300i,400,400i,600,600i,700,700i,900,900i&amp;subset=cyrillic,cyrillic-ext,greek,greek-ext,latin-ext,vietnamese" rel="stylesheet">
       <script async custom-element="amp-carousel" src="https://cdn.ampproject.org/v0/amp-carousel-0.1.js"></script> 
       <script async custom-element="amp-social-share" src="https://cdn.ampproject.org/v0/amp-social-share-0.1.js"></script>

              <style amp-custom>
@font-face {
 font-family: 'icons';
 src: url("https://cdn.shopify.com/s/files/1/2802/0750/t/10/assets/icons.eot?15517948492144861041");
 src: url("https://cdn.shopify.com/s/files/1/2802/0750/t/10/assets/icons.eot?15517948492144861041#iefix") format("embedded-opentype"),url("https://cdn.shopify.com/s/files/1/2802/0750/t/10/assets/icons.woff?15517948492144861041") format("woff"),url("https://cdn.shopify.com/s/files/1/2802/0750/t/10/assets/icons.ttf?15517948492144861041") format("truetype"),url("https://cdn.shopify.com/s/files/1/2802/0750/t/10/assets/icons.svg?15517948492144861041#timber-icons") format("svg");font-weight: normal;font-style: normal;} 
 
.icon:before {display: inline;font-family: "icons";text-decoration: none;speak: none;font-style: normal;font-weight: normal;font-variant: normal;text-transform: none;line-height: 1;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.icon-cart:before {content: "\5b"}.icon-facebook:before {content: "\66"}.icon-fancy:before {content: "\46"}.icon-forbrugsforeningen:before {content: "\e903"}.icon-google_plus:before {content: "\e905"}.icon-hamburger:before {content: "\e600"}.icon-instagram:before {content: "\e903"}.icon-interac:before {content: "\49"}.icon-jcb:before {content: "\4a"}.icon-litecoin:before {content: "\e909"}.icon-maestro:before {content: "\e905"}.icon-master:before {content: "\e906"}.icon-paypal:before {content: "\50"}.icon-pin:before {content: "\e90d"}.icon-pinterest:before {content: "\70"}.icon-rss:before {content: "\72"}.icon-search:before {content: "\73"}.icon-snapchat:before {content: "\e906"}.icon-tumblr:before {content: "\74"}.icon-twitter:before {content: "\54"}.icon-vimeo:before {content: "\76"}.icon-visa:before {content: "\56"}.icon-arrow-left:before {content: "\e900"}.icon-arrow-right:before {content: "\e901"}.icon-plus:before {content: "\e605"}.icon-minus:before {content: "\e602"}.icon-youtube:before {content: "\79"}

body{margin:0;padding:0;font-size: 17px;line-height: 1.7;font-family: "Assistant", sans-serif;color: #000;-webkit-font-smoothing: antialiased;-webkit-text-size-adjust: 100%;}
.cf:before, .cf:after, .wrap:before, .wrap:after, .row:before, .row:after{content:" ";display:table;}
.cf:after, .wrap:after, .row:after{clear:both;}
a{text-decoration: none;cursor: pointer;}
ul,ol{list-style-type: none;margin: 0;padding: 0;}
.wrapper{max-width: 767px;margin: 0 auto;display: block;padding: 0 15px;}
.mainContentBlock{width: 100%;display: block;}
.pageTitle{font-family: "Source Sans Pro","HelveticaNeue","Helvetica Neue",sans-serif;color: #000;line-height: 1.2;font-size: 1.88235em;font-weight: 700;margin: 0px 0px 15px;font-size: 1.88235em;line-height: 1.2;}
.hrSmall{border-top: solid #1c1d1d;border-width: 1px 0 0;margin: 20px auto;height: 0;width: 50px;}
                @font-face{font-family:'icons';src:url("https://cdn.shopify.com/s/files/1/2202/2069/t/2/assets/icons.eot?2479011992275620592");
                  src:url("https://cdn.shopify.com/s/files/1/2202/2069/t/2/assets/icons.eot?2479011992275620592#iefix") format("embedded-opentype"),
                    url("https://cdn.shopify.com/s/files/1/2202/2069/t/2/assets/icons.woff?2479011992275620592") format("woff"),
                    url("https://cdn.shopify.com/s/files/1/2202/2069/t/2/assets/icons.ttf?2479011992275620592") format("truetype"),
                    url("https://cdn.shopify.com/s/files/1/2202/2069/t/2/assets/icons.svg?2479011992275620592#timber-icons") format("svg");font-weight:normal;font-style:normal}.icon-fallback-text .icon{display:none}.supports-fontface .icon-fallback-text .icon{display:inline-block}.supports-fontface .icon-fallback-text .fallback-text{clip:rect(0 0 0 0);overflow:hidden;position:absolute;height:1px;width:1px}.icon:before{display:none}.supports-fontface .icon:before{display:inline;font-family:"icons";text-decoration:none;speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-amazon_payments:before{content:"\e908"}.icon-american_express:before{content:"\41"}.icon-apple_pay:before{content:"\e907"}.icon-arrow-down:before{content:"\34"}.icon-bitcoin:before{content:"\42"}.icon-cart:before{content:"\5b"}.icon-cirrus:before{content:"\43"}.icon-dankort:before{content:"\64"}.icon-diners_club:before{content:"\63"}.icon-discover:before{content:"\44"}.icon-dogecoin:before{content:"\e900"}.icon-dwolla:before{content:"\e901"}.icon-facebook:before{content:"\66"}.icon-fancy:before{content:"\46"}.icon-forbrugsforeningen:before{content:"\e902"}.icon-google_plus:before{content:"\e905"}.icon-grid-view:before{content:"\e603"}.icon-hamburger:before{content:"\e600"}.icon-instagram:before{content:"\e903"}.icon-interac:before{content:"\49"}.icon-jcb:before{content:"\4a"}.icon-list-view:before{content:"\e604"}.icon-litecoin:before{content:"\e904"}.icon-maestro:before{content:"\6d"}.icon-master:before{content:"\4d"}.icon-minus:before{content:"\e602"}.icon-paypal:before{content:"\50"}.icon-pinterest:before{content:"\70"}.icon-plus:before{content:"\e605"}.icon-rss:before{content:"\72"}.icon-search:before{content:"\73"}.icon-snapchat:before{content:"\e906"}.icon-tumblr:before{content:"\74"}.icon-twitter:before{content:"\54"}.icon-vimeo:before{content:"\76"}.icon-visa:before{content:"\56"}.icon-x:before{content:"\78"}
.icon-cart {
  line-height: 0;
}
    span.icon.icon-cart {
    position: absolute;
    right: 50px;
    top: 14px;
}
    span.cart-text {
    display: inline-block;
    position: relative;
    left: -15px;
}
.icon-cart:before {
  position: relative;
  top: -2px;
  font-size: 1.4em;
  line-height: 12px;
  vertical-align: middle;
  margin-right: 6px;
}
.icon-cart-product-page {
  line-height: 0;
}
.icon-cart-product-page:before {
  position: relative;
  top: -2px;
  font-size: 19px;
  line-height: 12px;
  vertical-align: middle;
  margin-right: 6px;
}
 .icon:before {
    display: inline;
    font-family: "icons";
    text-decoration: none;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
*, input, :before, :after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}                
 body{background-color:white}
amp-img{background-color:white;max-width:100%}
.mlveda-ampimg amp-img{height:400px;width:800px}
a.product_name{
	width:100%;
    float:left;
	color:#000;
	padding:0px 0;
  	text-decoration:none;
  	font-weight:400;
	text-align:left;
	font-size:30px;
  	margin:0 0 15px;
       line-height:35px;
	}
	.product-title {
    width: 100%;
    float: left;    
    margin-top: 10px;
    

}

*{
box-sizing: border-box;	
}
.carousel-preview {
    width: 100%;
    margin: 15px auto 0px;
    display: block;
    text-align: center;   
}

header.header {
    text-align: center;
    height: 48px;    
    /* background-color: #cbd5cc; */
  background-color: #fff;
    line-height: 48px;
  border-bottom: 0px solid #ddd;
      border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    top: 0;
    left: 0;
    z-index: 9999;
    width: 100%;
}
button.ampstart-btn.caps.m2 {
    position: absolute;
    left: 5px;
    top: 8px;
    height: 38px;
    background-color: transparent;
    border: 0;
    text-transform: capitalize;
     background-position: right center;
       width: 40px;
    background-size: 30px;    font-size: 1.4em;
  height: 2rem;
    width: 2rem;
    fill: none;
    vertical-align: middle;
}
                
span.mlveda-menu-span {
position: absolute;
top: 7px;
left: 45px;
font-size: 16px;
font-weight: bold;
}                
                
a.cart {
    font-size: 14px;
    position: absolute;
    right: 5px;
    top: 0px;
  	text-decoration: none;
  	font-weight: bold;
}
/* a.cart svg {
    width: 30px;
    height: 30px;
} */
                a.cart svg {
    width: 50px;
    height: 50px;
}
.selector-wrapper {
	 margin-top: 15px;
	}
.selector-wrapper select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    
    border:1px solid #666;
    padding: 7px 25px 7px 10px;
  
   background: url('data:image/svg+xml;utf8,<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8px" height="5px" viewBox="0 0 8 5" enable-background="new 0 0 8 5" xml:space="preserve"> <path fill="#000" d="M0,0c0,0,3.4,4.4,3.5,4.4C3.7,4.4,7.1,0,7.1,0H0z"/></svg>')  no-repeat;
   
  background-position: right 7px center;
}
.selector-wrapper label{
	width:100%;
	float:left;
	margin-bottom:3px;
}
     amp-selector [option][selected] {
    cursor: auto;
    outline: 0px solid rgba(0,0,0,.7);
    border:1px solid #0077b5;
}
.main-contain {
    width: 100%;
    float: left;
}
.container {
    max-width: 768px;
    margin: auto;
    display: block;
   padding :0 15px;
}
a.logotext {
    text-decoration: none;
    color: #fff;
}
a.logotext {
    text-decoration: none;
    color: #000;
}
.logo {
    width: 100%;
    float: left;
    /* padding: 10px; */
    color: #000;
    text-align: center;
}    
.productTitleInfo {
    width: 100%;
    float: left;    position: relative;
}
.productTitleInfo span{
   
}  
.productTitleInfo {
    width: 100%;
    float: left;
    position: relative;
    border-bottom: 1px solid #0077b5;
    color: #0077b5;
}
span.nameInfo {
    width: auto;
    text-transform: uppercase;
    font-weight: normal;
    letter-spacing: 2px;
    float: left;
    padding: 7px;
    position: absolute;
    top: -18px;
    background: #fff;
    border: 1px solid #0077b5;
       z-index: 999;
    left: 36%;
  font-size:14px;

}     
h3.mlveda-related-product-title {
        font-family: 'Assistant';
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0.6px;
    line-height: 1.3;
   
  
}
      .h4.grid-view-item__title {
    font-size: 14px;
    text-decoration: none;
    color: #000;
    
    /* font-weight: bold; */
}
      span.product-price__price {
    text-decoration: none;
    font-size: 14px;
    display: inline-block;
    color: #000;
    font-weight: 400;
    letter-spacing: 2px;
        margin-top:3px;
}
 span.visually-hidden {
    display: none;
}
 .amp-scrollable-carousel-slide:first-child {
    margin-left: 15px;
}  
.desCription ul {
    padding: 0;
    display: inline-block;
    margin-left: 35px;
   list-style-type: disc;
}  
.desCription amp-iframe {width:100%}
    footer {
    width: 100%;
    float: left;
    padding:0px;
    text-align: center;
    margin-top: 15px;
    border-top:1px solid #eee;
    padding-top: 40px;
      
}
.desCription ul li{
  
  margin-bottom: 6.8px

 } 
       [fallback] {
      display: block;
      /* @alternative */ display: flex;
      flex-direction: column;
      flex-wrap: nowrap;
      justify-content: center;
      align-items: center;
      background: rgba(0, 0, 0, 0.5);
      color: #fff;
    }
    .spacer {
      height: 100%;
    }
    amp-youtube {
    margin: 10px 0;
}
    .desCription {
    margin-top: 0px;
    padding-top: 5px;
    font-size: 17px;
    font-family: 'Assistant';
}
    @media only screen and (max-width: 450px) {
      span.nameInfo {
       left: 33%;
     }
    }
 .animated {
  animation-duration: 2s;
  animation-fill-mode: both;
}    
 @keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    transform: scale3d(.3, .3, .3);
  }

  20% {
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    transform: scale3d(.9, .9, .9);
  }

  60% {
    opacity: 1;
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    transform: scale3d(.97, .97, .97);
  }

  to {
    opacity: 1;
    transform: scale3d(1, 1, 1);
  }
}

.bounceIn {
  animation-name: bounceIn;
}    
@keyframes swing {
  20% {
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    transform: rotate3d(0, 0, 1, -5deg);
  }

  to {
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

.swing {
  transform-origin: top center;
  animation-name: swing;
}    
   @keyframes rotateIn {
  from {
    transform-origin: center;
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  to {
    transform-origin: center;
    transform: none;
    opacity: 1;
  }
}

.rotateIn {
  animation-name: rotateIn;
}  
 .carousel-preview .amp-carousel-button-prev,.carousel-preview .amp-carousel-button-next{
    border-radius: 50%;
   margin-top: -18px;
    background-size: 14px;
    height: 24px;
    width: 24px;
 }
      @media only screen and (max-width: 400px) {
     .carousel-preview .amp-carousel-button-next{
     right: 10px;
    }
     .carousel-preview .amp-carousel-button-prev{
     left: 0;
    }
    }
/*Sidebar*/
.sideBar{background-color: #fff;width: 300px;}
.childDropdown div{display: none;}
ul.mainMenu{}
.mainMenu li{display: block;}
.mainMenu li a {
      display: block;
    font-family: "Assistant", sans-serif;
    padding: 12px 15px;
    font-size: 14px;
    font-weight: 400;
    text-transform: none;
    color: #000;
    line-height: 1.3;
    color: rgb(18, 18, 18);
}
.childDropdown{position: relative;}
.mainMenu li  .childDropdownTitle{padding-right: 45px;}
.toggleMenu{background-color: transparent;height: 45px;width: 45px;line-height: 45px;color: #000;text-align: center;position: absolute;top: 0px;right: 0px;border: 0px;z-index: 999999;padding: 0px;cursor: pointer;font-size: 10px;}
.childDropdown ul{background-color: #fff;}
.childDropdown ul li{background-color: #fff;border-top:0px;}
.childDropdown ul li a{display: block;font-family: "Source Sans Pro","HelveticaNeue","Helvetica Neue",sans-serif;color: #000;border-top: 1px solid #ebebeb;padding-left: 30px;padding-right: 30px;text-transform: capitalize;}
li.secondMenuSpace{margin-bottom: 15px;}
.searchBlock{position: relative; margin: 12px 15px;}
.searchBtn{position: absolute;top: 0;left: 0;background: transparent;border: 0;color: #555;width: 35px;height: 32px;line-height: 32px;font-size: 16px;}
.searchBox{font-family: "PT Serif",serif;width: 100%;padding: 5px 0px 5px 35px;border-color: transparent;line-height: 1.42;font-size: 12.5px;-moz-border-radius: 2px;-webkit-border-radius: 2px;border-radius: 2px;box-sizing: border-box;}
.breadcrumbSec{margin: 15px 0px 12px 0px;}
.breadcrumbBlock{font-family: "Source Sans Pro","HelveticaNeue","Helvetica Neue",sans-serif;font-weight: bold;line-height: 20.6px;}
.breadcrumbBlock li{display: inline;color: #000;font-size: .75em;}
.breadcrumbBlock li a{color: #000;padding-right: 5px;margin-right: 5px;}
.breadcrumbBlock li .divider{font-size: 1.4em;padding-right: 5px;margin-right: 5px;}
.productPriceBlock{margin-bottom: 15px;}
 .pwBml {
    width: 100%;
    float: left;
    padding: 3px 0;
    background: #cbd5cc;
    font-size: 10px;
   color:#000;
}  
.col30 {
    width: 100%;
    text-align: center;
}  
     .col30 ul{
      list-style:none;
       padding:0;
       width: 100%;
     }  
     .col30 ul li{
     text-align: center;
       
       letter-spacing:1px;
       line-height: 2;
     }
     
     
.mlveda-carousel-preview-image{
background-position: 50% center;
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
    height: 55px;
    margin-bottom: 0;
    width: 55px;
   }

.carousel-preview button{
background: transparent none repeat scroll 0 0;
    border: 0 none;
    margin-left: 10px;
    outline: medium none;
    padding: 0;
    text-align: center;
}
 /*button.selected {
      border-width: 1px;
      border-style: solid;
    }
button.not-selected {
      border-width: 0px;
      border-style: solid;
      border-color:#7796a8; 
    }     
    */
a.logotext img {
width: auto;
height: auto;
min-height: unset;
min-width: unset;
}
                a.logotext {
height: auto;
display: block;
margin: auto;
}
.mlveda-related-products  img{
       height:auto;
    max-height:unset;
    max-width: 100%;
    min-height: unset;
    min-width: 120px;
    width: 120px;
    margin: auto;
     }          
                
     .logotext   *{
         max-height: 100px;
       margin: auto;
    }
    .grid-view-item__link *{
     width: 150px;
      margin:auto;
    }
    a.grid-view-item__link {
        text-decoration:none;
    }

    .mlveda-related-products img {
   height: auto;
   max-height: 100%;
   max-width: 100%;
   min-height: unset;
   min-width: unset;
   width: auto;
   margin: auto;
}           
.mlveda-social-share{
text-align: center;
}
footer h3 {
  font-size: 15px;
}
    
    
.mlveda-footer a {
    text-decoration: none;
    color: #000;
  font-size: 14.45px;
    line-height: 1.7;
}           
.footerSocial{margin-bottom: 25px;}
.footerSocial li{display: inline-block;margin-right: 15px;margin-bottom: 5px;}
.footerSocial li a .icon{ font-size: 24px;}
.footerMenuTitle{   
   font-family: "Assistant, sans-serif", sans-serif;
    font-size: 0.94118em;
    /* font-weight: bold; */
    margin: 0px 0px 15px;
    line-height: 1.6;
    font-weight: 400;
    color: rgba(18, 18, 18, 0.7);}
.footerMenu{display: block;margin-bottom: 30px;}
.footerMenu li{display: block;margin-bottom: 0.25em;font-size: 0.85em;}
.footerInputGrp{display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;border-collapse: separate;position: relative;text-align: left;margin-bottom: 30px;    border: 1px solid #000;}
.inputBox{font-family: "Assistant", sans-serif;font-size: 0.85em;height: 37px;line-height: 1.3;width:100%;max-width: 100%;border: 0;padding: 8px 10px;-moz-border-radius: 2px 0px 0px 2px;-webkit-border-radius: 2px 0px 0px 2px;border-radius: 2px 0px 0px 2px;}
/* .subscribeBtn{display: inline-block;padding: 8px 16px;margin: 0;font-size: 0.94118em;font-family: "Source Sans Pro","HelveticaNeue","Helvetica Neue",sans-serif;font-weight: 700;font-style: normal;height: 37px;line-height: 1.3;text-decoration: none;text-align: center;vertical-align: middle;white-space: nowrap;cursor: pointer;border: 1px solid transparent;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;-o-user-select: none;user-select: none;-webkit-appearance: none;-moz-appearance: none;background-color: #000;color: #fff;-moz-border-radius: 0px 2px 2px 0px;-webkit-border-radius: 0px 2px 2px 0px;border-radius: 0px 2px 2px 0px;} */
.endFooter{margin-bottom: 10px;font-size: 0.85em;}
.endFooter a{color:#000000;}
.endFooterPaymentIcons{margin-bottom: 10px; }
.endFooterPaymentIcons li{margin: 0 3px 7px 3px;display: inline-block;width:30px}
.endFooterPaymentIcons li .icon-fallback-text{display:none;}
.endFooterPaymentIcons .icon {width: 38px;height: 24px;}
.endFooter{padding: 10px 0;font-size: 14px;}
.icon-cart:before {content:"\5b";}.icon-facebook:before {content: "\e609"}.icon-fancy:before {content: "\46"}.icon-forbrugsforeningen:before {content: "\e903"}.icon-google_plus:before {content: "\e90a"}.icon-hamburger:before {content: "\e601"}.icon-instagram:before {content: "\e907"}.icon-interac:before {content: "\49"}.icon-jcb:before {content: "\4a"}.icon-litecoin:before {content: "\e909"}.icon-maestro:before {content: "\e905"}.icon-master:before {content: "\e906"}.icon-minus:before {content: "\e602"}.icon-paypal:before {content: "\50"}.icon-pin:before {content: "\e90d"}.icon-pinterest:before {content: "\e608"}.icon-plus:before {content: "\e603"}.icon-rss:before {content: "\72"}.icon-search:before {content: "\73"}.icon-snapchat:before {content: "\e90b"}.icon-tumblr:before {content: "\74"}.icon-twitter:before {content: "\54"}.icon-vimeo:before {content: "\76"}.icon-visa:before {content: "\56"}.icon-arrow-left:before {content: "\e900"}.icon-arrow-right:before {content: "\e901";}.icon-plus:before {content: "\e603"}.icon-minus:before {content: "\e602"}.icon-youtube:before {content: "\79"}
@font-face{
	 font-family:'icons';
	 src: url("https://cdn.shopify.com/s/files/1/2802/0750/t/9/assets/icons.eot?7240412311646561149#iefix") format("embedded-opentype"),url("https://cdn.shopify.com/s/files/1/2802/0750/t/9/assets/icons.woff?7240412311646561149") format("woff"),url("https://cdn.shopify.com/s/files/1/2802/0750/t/9/assets/icons.ttf?7240412311646561149") format("truetype"),url("https://cdn.shopify.com/s/files/1/2802/0750/t/9/assets/icons.svg?7240412311646561149#timber-icons") format("svg");font-weight:normal;font-style:normal;}
footer a{text-decoration: none;cursor: pointer;}
body, input, textarea, button, select{
  font-family: "PT Serif",serif;
}
header,h1,h2,h3,h4,h5,h6, a.product_name, .product-price, .addtocart, .mlveda-related-product-title,.productSingleVendor {
  font-family: "Assistant", sans-serif;
  
}
                
                
#mlveda-carousel-preview-image-0{background-image: url('//kokania.com/cdn/shop/files/H555070d1749f4c1ba908e27ff0b5ae1dF_320x400.webp');}#mlveda-carousel-preview-image-1{background-image: url('//kokania.com/cdn/shop/files/H144c2d4ffd4e4997b3f6be7eddda5c3bh_320x400.webp');}#mlveda-carousel-preview-image-2{background-image: url('//kokania.com/cdn/shop/files/Hf5a32cc031ac49cf9558dac219476c3c2_320x400.webp');}#mlveda-carousel-preview-image-3{background-image: url('//kokania.com/cdn/shop/files/Hc0fc5030984242ffb1ffb5caf17b8170N_320x400.webp');}#mlveda-carousel-preview-image-4{background-image: url('//kokania.com/cdn/shop/files/S7cf1dbc4e3e5485db65ba526dec79cb9r_320x400.webp');}#mlveda-carousel-preview-image-5{background-image: url('//kokania.com/cdn/shop/files/H30ded5176a824d5b885e3cd745f5534fq_320x400.webp');}#mlveda-carousel-preview-image-6{background-image: url('//kokania.com/cdn/shop/files/H22d6a75b53214ad39da048d6bcfae8d9C_320x400.webp');}#mlveda-carousel-preview-image-7{background-image: url('//kokania.com/cdn/shop/files/H777531c8ddbf4dc29f5dcc2d09988e35d_320x400.webp');}#mlveda-carousel-preview-image-8{background-image: url('//kokania.com/cdn/shop/files/He2c83d1942794a14be852824837f8c1dD_320x400.webp');}#mlveda-carousel-preview-image-9{background-image: url('//kokania.com/cdn/shop/files/H53a69955bdf64bce8b3537c9754050feV_320x400.webp');}
.mlveda-product-image-wrapper-0{height:400px;}.mlveda-product-image-wrapper-1{height:400px;}.mlveda-product-image-wrapper-2{height:400px;}.mlveda-product-image-wrapper-3{height:400px;}.mlveda-product-image-wrapper-4{height:400px;}.mlveda-product-image-wrapper-5{height:400px;}.mlveda-product-image-wrapper-6{height:400px;}.mlveda-product-image-wrapper-7{height:400px;}.mlveda-product-image-wrapper-8{height:400px;}.mlveda-product-image-wrapper-9{height:400px;}                
                .mlveda-product-image-wrapper-default{width:100%;position:relative;}

/*****************collectionCSS****************/
.mlveda-showallbutton {
  font: bold 16px Arial;
  text-decoration: none;
height: 35px;
line-height: 35px;
padding: 0 10px;
margin-bottom: 5px;
background-color: #ddd;
color: #000;
margin-top: 15px;
border: 1px solid #ccc;
display: inline-block;
width: auto;
box-sizing: border-box;
}
.mlveda-showallbutton-div{
   text-align: center;
   padding-bottom: 15px;
}
.pwBml > a {
    color: #000;
}
.mlveda-image-wrapper-0{height:300px;}.mlveda-image-wrapper-1{height:300px;}.mlveda-image-wrapper-2{height:300px;}.mlveda-image-wrapper-3{height:300px;}.mlveda-image-wrapper-4{height:300px;}.mlveda-image-wrapper-5{height:300px;}.mlveda-image-wrapper-6{height:300px;}.mlveda-image-wrapper-7{height:300px;}.mlveda-image-wrapper-8{height:300px;}.mlveda-image-wrapper-9{height:300px;}.mlveda-image-wrapper-10{height:300px;}.mlveda-image-wrapper-11{height:300px;}.mlveda-image-wrapper-12{height:300px;}.mlveda-image-wrapper-13{height:300px;}.mlveda-image-wrapper-14{height:300px;}.mlveda-image-wrapper-15{height:300px;}.mlveda-image-wrapper-16{height:300px;}.mlveda-image-wrapper-17{height:300px;}.mlveda-image-wrapper-18{height:300px;}        
    .mlveda-image-wrapper-default{position:relative;width:80%;}    
    amp-img.mlveda-image img {object-fit: contain;}
span#ProductPrice {
      
    font-family: 'Assistant';
   
}
span#SpecialPrice {
       display: inline-block;
    margin-right: 15px;
    font-size: 18px;
    font-family: 'Assistant';
    color: #121212;
    text-decoration: line-through;
	
} 
input#addcart {display: block;padding: 8px 16px;margin: 0;font-family: "Source Sans Pro","HelveticaNeue","Helvetica Neue",sans-serif;font-weight: 700;font-style: normal;line-height: 1.42;text-decoration: none;text-align: center;vertical-align: middle;white-space: nowrap;cursor: pointer;border: 1px solid #eee;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;-o-user-select: none;user-select: none;-webkit-appearance: none;-moz-appearance: none;-moz-border-radius: 2px;-webkit-border-radius: 2px;border-radius: 2px;min-height: 48px;width: 100%;}	
.single-option-selector{-webkit-appearance: none;-moz-appearance: none;appearance: none;background-position: right center;background-image: url("https://cdn.shopify.com/s/files/1/2802/0750/t/10/assets/ico-select.svg?15517948492144861041");background-repeat: no-repeat;background-position: right 10px center;background-color: #fff;padding: 8px 28px 8px 10px;text-indent: 0.01px;text-overflow: '';cursor: pointer;line-height: 1.42;border: 1px solid rgba(0,0,0,0.15);width: 100%;color: #333;font-size: 1em;font-family: "PT Serif",serif;-moz-border-radius: 2px;-webkit-border-radius: 2px;border-radius: 2px;}
.optionSelectBlock{margin-bottom: 17px;}
.optionSelectBlock label{display: block;margin-bottom: 2px;}
.qtyBlock{margin-bottom: 32px;}
.qtyBlock label{display: block;margin-bottom: 2px;    font-size: 12px;
    color: rgba(18, 18, 18, 0.75);}
.quantityBox{padding: 8px 10px;line-height:1.42;border: 1px solid #ebebeb;color: #333;font-size: 1em;font-family: "PT Serif",serif;-moz-border-radius: 2px;-webkit-border-radius: 2px;border-radius: 2px;width: 100%;display: block;box-sizing: border-box;}
.socialSharing{margin-bottom: 30px;margin-top: 30px;}
.shareName{    font-size: 14px;
    display: flex;
    align-items: center;
    color: rgb(18, 18, 18);
    margin-left: 0;
    padding-left: 0;
    min-height: 0.2rem;
    font-weight: unset;
    font-family: Arial;}
.socialSharing a{display: inline-block;color: #fff;margin: 5px 10px 5px 0px;height: 22px;line-height: 22px;text-decoration: none;font-weight: normal;-moz-border-radius: 2px;-webkit-border-radius: 2px;border-radius: 2px;}
.socialSharing a span.icon{padding: 0px 5px 0px 10px;display: inline-block;vertical-align: top;height: 22px;line-height: 22px;font-size: 12px;}
.socialSharing a .shareTitle{display: inline-block;vertical-align: top;height: 22px;line-height: 22px;font-size: 12px;font-weight: 900;padding-right: 10px;font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;}
.socialSharing .fbIcon{background-color: #3b5998;}
.socialSharing .twtIcon{background-color: #00aced;}
.socialSharing .pinIcon{background-color: #cb2027;}
.relatedProductSec{text-align: left;margin-bottom: 15px;}
.relatedPrdTitle{font-family: "Source Sans Pro","HelveticaNeue","Helvetica Neue",sans-serif;font-size: 0.94118em;font-weight: bold;margin: 0px 0px 15px;line-height: 1.6;}
.relatedProductBlock{position: relative;float: left;width: 45%;margin-bottom: 30px;}
.relatedProductBlock:nth-child(even){float: right;}
.relatedProductBlock:nth-child(2n+1){clear:both;}    
.relatedProductSale{position: absolute;top: -12px;right: -12px;width: 60px;height: 60px;background-color: #59756f;color: #fff;line-height: 60px;text-transform: uppercase;font-weight: bold;text-align: center;font-size: 0.70588em;z-index: 9999;-moz-border-radius: 50%;-webkit-border-radius: 50%;border-radius: 50%;} 
.relatedProductImgLink{display: block;line-height: 0;}
.relatedProductLink{display: block;padding-bottom: 30px;}
.relatedProductLink .relatedProductTitle{display: block;color: #000;font-size: .9em;line-height: 1.4;margin-top: 10px;margin-bottom: 5px;    font-family: Assistant, sans-serif;}
.relatedProductLink .relatedProductBrand{display: block;font-size: .85em;color: #000;line-height: 1.4;margin-bottom: 5px;}
.relatedProductLink .relatedProductCmpPrice{text-decoration: line-through;font-size: .75em;line-height: 1.5;color: #1a1a1a;opacity: 0.95;display: inherit;}
.relatedProductLink .relatedProductPrice{font-size: .75em;line-height: 1.5;color: #1a1a1a;display: inherit;}
.hideSave{display:none;}


                .swatchGroup {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.swatchLabel {
  display: inline-flex;
  align-items: center;
  cursor: pointer;
}

.swatchInput {
  display: none;
}

.swatchValue {
  padding: 6px 12px;
  border: 1px solid #ccc;
  border-radius: 4px;
  color:#000;
  background: #ffffff;
}

.swatchInput:checked + .swatchValue {
  border-color: #000;
  background: #000;
  color:#fff;
}
                .productSingleVendor{
   font-size: 12px;
    letter-spacing: .13rem;
    line-height: 1.2;
    text-transform: uppercase;
    margin: 0;
                }


<style>
  
  .swatchGroup {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
  }
    .optionSwatchBlock {
    margin-bottom: 15px;
  }
   .optionSwatchBlock label{
         font-size: 12px;
    color: rgba(18, 18, 18, 0.75);
   }
  .swatchLabel {
    display: inline-block;
    cursor: pointer;
  }
  .swatchInput {
    display: none;
  }
  .swatchValue {
    display: inline-block;
    padding: 8px 15px;
    border: 1px solid #ccc;
    border-radius: 40px;
    background-color: #fff;
    transition: all 0.3s ease;
        font-family: Assistant, sans-serif;
  }
  .swatchInput:checked + .swatchValue {
    background-color: #000;
    color: #fff;
    border-color: #000;
  }
  .swatchValue:hover {
    border-color: #000;
  }

                
/* Existing logo styles (unchanged) */
.logo {
  width: 100%;
  float: left;
  text-align: center;
}
a.logotext {
  text-decoration: none;
  color: #000;
  height: auto;
  display: block;
  margin: auto;
}
a.logotext img {
  width: auto;
  height: auto;
  min-height: unset;
  min-width: unset;
}
.logotext * {
  max-height: 100px;
  margin: auto;
}
.centerLogo {
  display: inline-block;
}

/* Existing cart styles (adjusted for positioning) */
a.cart {
  font-size: 14px;
  position: absolute;
  right: 5px;
  top: 0px;
  text-decoration: none;
  
  font-weight: bold;
}
a.cart svg {
  width: 50px;
  height: 50px;
}

/* Search-specific styles */
.search-amp {
  position: absolute;
  right: 60px; /* Adjusted to position left of cart */
  top: -1px;
  display: inline-flex;
  align-items: center;
  height: 49px; /* Match header height */
}
.search-link {
  text-decoration: none;
  color: #000;
  display: inline-block;
   position:relative;
        bottom:2px;
}
.search-link svg {
  width: 24px; /* Smaller than cart for balance */
  height: 23px;
  fill: currentColor; /* Ensure SVG inherits color */
  vertical-align: middle;
}

/* Existing animated styles (applied to both cart and search) */
.animated {
  animation-duration: 2s;
  animation-fill-mode: both;
}
@keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }
  0% { opacity: 0; transform: scale3d(.3, .3, .3); }
  20% { transform: scale3d(1.1, 1.1, 1.1); }
  40% { transform: scale3d(.9, .9, .9); }
  60% { opacity: 1; transform: scale3d(1.03, 1.03, 1.03); }
  80% { transform: scale3d(.97, .97, .97); }
  to { opacity: 1; transform: scale3d(1, 1, 1); }
}
.bounceIn {
  animation-name: bounceIn;
}

/* Responsive adjustments */
@media only screen and (max-width: 450px) {
  .search-amp {
    right: 50px; /* Adjust for smaller screens */
  }
  .search-link svg {
          width: 24px;
        height: 23px;
  }
  a.cart svg {
          width: 47px;
        height: 53px;
  }
}
.left-align{
  text-align:left;
}
 footer li.footer-main-links{
                  text-align:left;
       font-family: Assistant, sans-serif;
                }
                .email-text{
                  font-family: Assistant, sans-serif;
                }
                svg.mlv-svg{
        color: #000;
    width: 15px;
    position: absolute;
    right: 11px;
    top: 12px;
        height: 14px;
                }
                button.subscribeBtn {
        border: 1px solid transparent;
    background-color: transparent;
    width: 40px;
                }
                .contact-form-amp{
                      display: flex;
    align-items: center;
    justify-content: center;
                      flex-direction: column;
                }

                .socialSharingTitle{
   background: transparent;
    border: 0;
    font-size: 14px;
    font-weight: normal;
    margin: 10px 0px;
                }
                .svg-wrapper-share{
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 15px;
    height: 15px;
    position: relative;
    top: 2px;
    margin-right: 9px;
                }


/* layout the header like the screenshot */
header.header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:8px 12px;
  height:auto;            /* visually similar to your image */
  line-height:normal;
  background:#fff;
  border-top:1px solid #eee;
  border-bottom:1px solid #eee;
  position:relative;
  z-index:9999;
}

/* left/right rails — equal width so center stays perfectly centered */
.header__side{
  width:88px;             /* tweak if you want more/less right-side room */
  display:flex;
  align-items:center;
}
.header__left{justify-content:flex-start;}
.header__right{justify-content:flex-end; gap:16px;}

/* center brand */
.header__center{flex:1; text-align:center;}
.brand{margin:0; font:400 24px/1.2 "Assistant", sans-serif; letter-spacing:.2px; color:#121212;}
.brand__link{color:inherit; text-decoration:none;}

/* icons */
.icon-btn{background:transparent; border:0; padding:8px; line-height:0; cursor:pointer;}
.icon-link{display:inline-flex; align-items:center; justify-content:center; padding:6px; line-height:0; color:#000; text-decoration:none;}
.icon{width:24px; height:24px;}

/* remove legacy absolute positioning from previous header rules */
button.ampstart-btn.caps.m2{position:static; height:auto; width:auto; top:auto; left:auto; font-size:inherit; background:none;}
.search-amp, a.cart{position:static;}
    /* old wrapper not used in the new header */

/* responsive small tweak */
@media (max-width: 420px){
  .header__side{width:72px;}
  .brand{font-size:20px;}
}


/* Center area holds the logo and gives it width */
.siteLogoBlock{
  flex: 1;                      /* let the center grow */
  display: flex;
  justify-content: center;
  align-items: center;
}

/* Size the logo; tweak width to taste (height follows the aspect ratio) */
.siteLogo{
  display: block;
  width: 40px;                  /* 40px -> ~40px tall for a square logo */
}

/* Make sure AMP image participates as a block inside */
.siteLogo amp-img{
  display: block;
}


/* layout the header like the screenshot */
header.header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:8px 12px;
  height:56px;            /* visually similar to your image */
  line-height:normal;
  background:#fff;
  border-top:1px solid #eee;
  border-bottom:1px solid #eee;
  position:relative;
  z-index:9999;
}

/* left/right rails — equal width so center stays perfectly centered */
.header__side{
  width:88px;             /* tweak if you want more/less right-side room */
  display:flex;
  align-items:center;
}
.header__left{justify-content:flex-start;}
.header__right{justify-content:flex-end; gap:16px;}

/* center brand */
.header__center{flex:1; text-align:center;}
.brand{margin:0; font:400 24px/1.2 "Assistant", sans-serif; letter-spacing:.2px; color:#121212;}
.brand__link{color:inherit; text-decoration:none;}

/* icons */
.icon-btn{background:transparent; border:0; padding:8px; line-height:0; cursor:pointer;}
.icon-link{display:inline-flex; align-items:center; justify-content:center; padding:6px; line-height:0; color:#000; text-decoration:none;}
.icon{width:24px; height:24px;}

/* remove legacy absolute positioning from previous header rules */
button.ampstart-btn.caps.m2{position:static; height:auto; width:auto; top:auto; left:auto; font-size:inherit; background:none;}
.search-amp, a.cart{position:static;}
    /* old wrapper not used in the new header */

/* responsive small tweak */
@media (max-width: 420px){
  .header__side{width:72px;}
  .brand{font-size:20px;}
}


/* Center area holds the logo and gives it width */
.siteLogoBlock{
  flex: 1;                      /* let the center grow */
  display: flex;
  justify-content: center;
  align-items: center;
}

/* Size the logo; tweak width to taste (height follows the aspect ratio) */
.siteLogo{
  display: block;
  width: 40px;                  /* 40px -> ~40px tall for a square logo */
}

/* Make sure AMP image participates as a block inside */
.siteLogo amp-img{
  display: block;
}
  
  a.search-link.animated{
  position: relative;
    bottom: 1px;
  }
  
  .socialSharing a span.icon{
  position:relative;
    top:4px;
  }
.instock{
        letter-spacing: 2px;
    }.burgerBtn span.burger-icon{background-color:#000000;}.burgerBtn .menuName, .burgerBtn path{fill:#000000;}.burgerBtn .menuName,.burgerBtn .icon.icon-hamburger{color:#000000;}
.siteCart {color:#000000;}
.siteCart path{fill:#000000;}
.siteCart .cartName{color:#000000;}
.siteCart .icon-cart{color:#000000;}
.siteHeader{background-color:#cbd5cc;}
.siteFooter .footerMenu a{color:#000000;font-size:14px;}
.siteFooter{background-color: #cbd5cc;}
body,main, .mainContentBlockBg {background-color:#ffffff;}
amp-img {background-color:#ffffff;}
.productSingleTitle{font-size:18px;color:#000000;}
.productDetailsCnt {color:#000000;
font-size:14px;}
.addToCartBtn {color:#ffffff;font-size:15px;background-color:#59756f;}
.mlveda-price-label {color:#000000;font-size:16px;}
.productPriceBlock .productComPrice,.productPriceBlock .productPrice {color:#59756f;font-size:20px;}
.mlveda-available-label {color:#000000;
font-size:16px;
}.relatedPrdTitle{
color:#000000;
font-size:15px;
}.relatedProductLink .relatedProductTitle,.relatedProductLink .relatedProductPrice,.relatedProductLink .relatedProductCmpPrice{
color:#000000;
font-size:14px;
}
.grid-view-item__meta span{
color:#000000;
font-size:14px;
}
.menu-sidebar{
background: #ffffff;   background-repeat: no-repeat;
   background-position: right center;
   background-size:100%;
}
  </style>

<meta property="og:image" content="https://cdn.shopify.com/s/files/1/0804/6195/5359/files/Logo.png?v=1693128959" />
<meta property="og:image:secure_url" content="https://cdn.shopify.com/s/files/1/0804/6195/5359/files/Logo.png?v=1693128959" />
<meta property="og:image:width" content="500" />
<meta property="og:image:height" content="500" />
</head>
<body>
	<!-- Sidebar -->
	<amp-sidebar id="sidebar-left" layout="nodisplay" side="left" class="sideBar">
        <nav toolbar="(min-width: 3333333px)" toolbar-target="target-element-left">
          	<ul class="mainMenu">
            	

                         <li class="childDropdown">
                            <a class="childDropdownTitle" href="/collections/home-garden?ref=fireamp">Home & Gifts</a>              
                            
                               
                            <button on="tap:autosuggestList0.toggleVisibility, AMP.setState({ comboExpanded0: !comboExpanded0 })" class="toggleMenu" type="button">
                              	<i [class]="comboExpanded0 ? 'icon icon-minus' : 'icon icon-plus'" class="icon icon-plus"></i>
                            </button>
                            <amp-list  width="auto" height="auto" layout="flex-item"  src="#" id="autosuggestList0" hidden>
                              <ul>
                                
                                  
                                    <li>
                                      	<a href="/collections/furniture?ref=fireamp" >Furniture</a>
                                    </li>
                                  
                                
                                    <li>
                                      	<a href="/collections/home-cleansing?ref=fireamp" >Home Cleansing</a>
                                    </li>
                                  
                                
                                    <li>
                                      	<a href="/collections/kitchen?ref=fireamp" >Kitchen</a>
                                    </li>
                                  
                                
                                    <li>
                                      	<a href="/collections/home-decor?ref=fireamp" >Home Decor</a>
                                    </li>
                                  
                                
                                    <li>
                                      	<a href="/collections/smart-home?ref=fireamp" >Smart Home</a>
                                    </li>
                                  
                                
                              </ul>    
                            </amp-list>
                         </li>   
                     
                
                         <li class="childDropdown">
                            <a class="childDropdownTitle" href="/collections/lifestyle?ref=fireamp">Lifestyle</a>              
                            
                               
                            <button on="tap:autosuggestList1.toggleVisibility, AMP.setState({ comboExpanded1: !comboExpanded1 })" class="toggleMenu" type="button">
                              	<i [class]="comboExpanded1 ? 'icon icon-minus' : 'icon icon-plus'" class="icon icon-plus"></i>
                            </button>
                            <amp-list  width="auto" height="auto" layout="flex-item"  src="#" id="autosuggestList1" hidden>
                              <ul>
                                
                                  
                                    <li>
                                      	<a href="/collections/men?ref=fireamp" >Men </a>
                                    </li>
                                  
                                
                                    <li>
                                      	<a href="/collections/men-accessories?ref=fireamp" >Men Accessories</a>
                                    </li>
                                  
                                
                                    <li>
                                      	<a href="/collections/women?ref=fireamp" >Women </a>
                                    </li>
                                  
                                
                                    <li>
                                      	<a href="/collections/women-accessories?ref=fireamp" >Women Accessories</a>
                                    </li>
                                  
                                
                                    <li>
                                      	<a href="/collections/women-care?ref=fireamp" >Women Care</a>
                                    </li>
                                  
                                
                                    <li>
                                      	<a href="/collections/jewelry?ref=fireamp" >Jewelry</a>
                                    </li>
                                  
                                
                                    <li>
                                      	<a href="/collections/kids?ref=fireamp" >Kids </a>
                                    </li>
                                  
                                
                                    <li>
                                      	<a href="/collections/newborn-baby-accessories?ref=fireamp" >Newborn Baby Accessories</a>
                                    </li>
                                  
                                
                              </ul>    
                            </amp-list>
                         </li>   
                     
                
                         <li class="childDropdown">
                            <a class="childDropdownTitle" href="/collections/sports?ref=fireamp">Sports </a>              
                            
                               
                            <button on="tap:autosuggestList2.toggleVisibility, AMP.setState({ comboExpanded2: !comboExpanded2 })" class="toggleMenu" type="button">
                              	<i [class]="comboExpanded2 ? 'icon icon-minus' : 'icon icon-plus'" class="icon icon-plus"></i>
                            </button>
                            <amp-list  width="auto" height="auto" layout="flex-item"  src="#" id="autosuggestList2" hidden>
                              <ul>
                                
                                  
                                    <li>
                                      	<a href="/collections/golf?ref=fireamp" >Golf</a>
                                    </li>
                                  
                                
                                    <li>
                                      	<a href="/collections/sports-fitness?ref=fireamp" >Sports &amp; Fitness</a>
                                    </li>
                                  
                                
                                    <li>
                                      	<a href="/collections/outdoor-sports?ref=fireamp" >Outdoor Sports</a>
                                    </li>
                                  
                                
                                    <li>
                                      	<a href="/collections/hammock-outdoor?ref=fireamp" >Hammock</a>
                                    </li>
                                  
                                
                              </ul>    
                            </amp-list>
                         </li>   
                     
                
                         <li class="childDropdown">
                            <a class="childDropdownTitle" href="/collections/accessories?ref=fireamp">Tech & Accessories</a>              
                            
                               
                            <button on="tap:autosuggestList3.toggleVisibility, AMP.setState({ comboExpanded3: !comboExpanded3 })" class="toggleMenu" type="button">
                              	<i [class]="comboExpanded3 ? 'icon icon-minus' : 'icon icon-plus'" class="icon icon-plus"></i>
                            </button>
                            <amp-list  width="auto" height="auto" layout="flex-item"  src="#" id="autosuggestList3" hidden>
                              <ul>
                                
                                  
                                    <li>
                                      	<a href="/collections/gadgets?ref=fireamp" >Gadgets</a>
                                    </li>
                                  
                                
                                    <li>
                                      	<a href="/collections/bags?ref=fireamp" >Bags</a>
                                    </li>
                                  
                                
                                    <li>
                                      	<a href="/collections/sunglasses?ref=fireamp" >Sunglasses</a>
                                    </li>
                                  
                                
                                    <li>
                                      	<a href="/collections/swimming-goggles?ref=fireamp" >Swimming Goggles</a>
                                    </li>
                                  
                                
                                    <li>
                                      	<a href="/collections/gifts?ref=fireamp" >Gifts</a>
                                    </li>
                                  
                                
                                    <li>
                                      	<a href="/collections/gaming-accessories?ref=fireamp" >Gaming Accessories</a>
                                    </li>
                                  
                                
                                    <li>
                                      	<a href="/collections/dash-cam?ref=fireamp" >Dash Cam</a>
                                    </li>
                                  
                                
                                    <li>
                                      	<a href="/collections/vanity-mirrors?ref=fireamp" >Vanity Mirrors</a>
                                    </li>
                                  
                                
                                    <li>
                                      	<a href="/collections/electronics?ref=fireamp" >Electronics Accessories</a>
                                    </li>
                                  
                                
                                    <li>
                                      	<a href="/collections/phone-accessories?ref=fireamp" >Phone Accessories</a>
                                    </li>
                                  
                                
                                    <li>
                                      	<a href="/collections/laptop-accessories?ref=fireamp" >Laptop Accessories</a>
                                    </li>
                                  
                                
                                    <li>
                                      	<a href="/collections/stationery?ref=fireamp" >Stationery</a>
                                    </li>
                                  
                                
                              </ul>    
                            </amp-list>
                         </li>   
                     
                
                    	 <li><a href="/collections/pets-care?ref=fireamp" >Pets Care</a></li>
                     
                   
                    	 <li><a href="https://www.aftership.com/track?ref=fireamp" >Track Order</a></li>
                     
                   
              	<!-- <li>
                	<div class="searchBlock cf">
						<form method="get" action="/search" target="_top">
							<button type="submit" class="searchBtn"><span class="icon icon-search"></span></button>
							<input type="search" name="q" class="searchBox" placeholder="Search"/>
						</form>
					</div>
                </li> -->
            </ul>
        </nav>
    </amp-sidebar><!-- Sidebar -->	
<!---
<header class="header">
--->
<header class="siteHeader header container">
  <button on="tap:sidebar-left.toggle" class="ampstart-btn caps m2">
    <span>
      <div class="burgerBtn">
<svg
        xmlns="http://www.w3.org/2000/svg"
        aria-hidden="true"
        focusable="false"
        class="icon icon-hamburger"
        fill="none"
        viewBox="0 0 18 16"
      >
        <path d="M1 .5a.5.5 0 100 1h15.71a.5.5 0 000-1H1zM.5 8a.5.5 0 01.5-.5h15.71a.5.5 0 010 1H1A.5.5 0 01.5 8zm0 7a.5.5 0 01.5-.5h15.71a.5.5 0 010 1H1a.5.5 0 01-.5-.5z" fill="currentColor">
      </svg>
  </div>
    </span>
  </button>
  <div id="target-element-left"></div>
  <div class="siteLogoBlock">
        
        
            <a href="/?ref=fireamp" class="siteLogo">
            <amp-img src="//kokania.com/cdn/shop/files/ampLogo.png?v=13914875100221062688" alt="KOKANIA" width="100" height="100" layout="responsive"></amp-img>
            </a>

        
        </div>
  <div class="search-amp">
    <a href="/search?ref=fireamp" class="search-link animated">
      
      <span class="svg-wrapper"><svg fill="none" class="icon icon-search" viewBox="0 0 18 19"><path fill="currentColor" fill-rule="evenodd" d="M11.03 11.68A5.784 5.784 0 1 1 2.85 3.5a5.784 5.784 0 0 1 8.18 8.18m.26 1.12a6.78 6.78 0 1 1 .72-.7l5.4 5.4a.5.5 0 1 1-.71.7z" clip-rule="evenodd"></path></svg>
</span>
    </a>
  </div>
<a class="cart animated siteCart" href="/cart?ref=fireamp">
    <svg
      class="icon icon-cart-empty"
      aria-hidden="true"
      focusable="false"
      xmlns="http://www.w3.org/2000/svg"
      viewBox="0 0 40 40"
      fill="none"
    >
      <path d="m15.75 11.8h-3.16l-.77 11.6a5 5 0 0 0 4.99 5.34h7.38a5 5 0 0 0 4.99-5.33l-.78-11.61zm0 1h-2.22l-.71 10.67a4 4 0 0 0 3.99 4.27h7.38a4 4 0 0 0 4-4.27l-.72-10.67h-2.22v.63a4.75 4.75 0 1 1 -9.5 0zm8.5 0h-7.5v.63a3.75 3.75 0 1 0 7.5 0z" fill="currentColor" fill-rule="evenodd"/>
    </svg>
  </a>  
</header>    


<amp-analytics type="googleanalytics">
<script type="application/json">
{
  "vars": {
    "account": ""
  },
  "triggers": {
    "trackPageview": {
      "on": "visible",
      "request": "pageview"
    },
   "trackMenuClick": {
      "on": "click",
      "selector": ".header_ml",
      "request": "event",
      "vars": {
        "eventCategory": "ui-components",
        "eventAction": "menu"
      }
    },
"trackAddToCart": {
      "on": "click",
      "selector": "#addtocartmlveda",
      "request": "event",
      "vars": {
        "eventCategory": "button",
        "eventAction": "add-to-cart"
      }
    },
"trackIFrame": {
      "on": "click",
      "selector": "#mlveda-iframe",
      "request": "event",
      "vars": {
        "eventCategory": "iframe",
        "eventAction": "iframe click"
      }
    }
  }
}
</script>
</amp-analytics>
           	<amp-analytics>
<script type="application/json">
{
  "requests": {
    "pageview": "https://kokania.com/apps/fireamp/analytics/page",
    "event": "https://kokania.com/apps/fireamp/analytics/page?category=${eventCategory}&action=${eventAction}"
  },
  "vars": {
    "account": "ABC123"
  },
  "triggers": {
    "trackPageview": {
      "on": "visible",
      "request": "pageview"
    },
   "trackMenuClick": {
      "on": "click",
      "selector": ".header_ml",
      "request": "event",
      "vars": {
        "eventCategory": "ui-components",
        "eventAction": "menu"
      }
    },
   "trackIframeClick": {
      "on": "click",
      "selector": ".mlveda-iframe",
      "request": "event",
      "vars": {
        "eventCategory": "iframe",
        "eventAction": "click"
      }
    },
   "trackAddToCartClick": {
      "on": "click",
      "selector": "#addtocartmlveda",
      "request": "event",
      "vars": {
        "eventCategory": "addtocart",
        "eventAction": "click"
      }
    }
  }
}
</script>
</amp-analytics>

 <main class="mainContentBlock">
  <div class="main-contain">
    <div class="container">

      
<amp-carousel height="400px" type="slides" layout="fixed-height" id="mlveda-carousel" loop [slide]="selected.index" on="slideChange:AMP.setState({selectedSlide: event.index})" >


  <div class="mlveda-product-image-wrapper-default mlveda-product-image-wrapper-0">  
    <amp-img src="//kokania.com/cdn/shop/files/H555070d1749f4c1ba908e27ff0b5ae1dF_800x800.webp?v=1716667806"  class="bounceIn mlveda-image" layout="fill"></amp-img>
  </div>


  <div class="mlveda-product-image-wrapper-default mlveda-product-image-wrapper-1">  
    <amp-img src="//kokania.com/cdn/shop/files/H144c2d4ffd4e4997b3f6be7eddda5c3bh_800x800.webp?v=1716667807"  class="bounceIn mlveda-image" layout="fill"></amp-img>
  </div>


  <div class="mlveda-product-image-wrapper-default mlveda-product-image-wrapper-2">  
    <amp-img src="//kokania.com/cdn/shop/files/Hf5a32cc031ac49cf9558dac219476c3c2_800x800.webp?v=1716667805"  class="bounceIn mlveda-image" layout="fill"></amp-img>
  </div>


  <div class="mlveda-product-image-wrapper-default mlveda-product-image-wrapper-3">  
    <amp-img src="//kokania.com/cdn/shop/files/Hc0fc5030984242ffb1ffb5caf17b8170N_800x800.webp?v=1716667807"  class="bounceIn mlveda-image" layout="fill"></amp-img>
  </div>


  <div class="mlveda-product-image-wrapper-default mlveda-product-image-wrapper-4">  
    <amp-img src="//kokania.com/cdn/shop/files/S7cf1dbc4e3e5485db65ba526dec79cb9r_800x900.webp?v=1716667805"  class="bounceIn mlveda-image" layout="fill"></amp-img>
  </div>


  <div class="mlveda-product-image-wrapper-default mlveda-product-image-wrapper-5">  
    <amp-img src="//kokania.com/cdn/shop/files/H30ded5176a824d5b885e3cd745f5534fq_800x800.webp?v=1716667807"  class="bounceIn mlveda-image" layout="fill"></amp-img>
  </div>


  <div class="mlveda-product-image-wrapper-default mlveda-product-image-wrapper-6">  
    <amp-img src="//kokania.com/cdn/shop/files/H22d6a75b53214ad39da048d6bcfae8d9C_800x800.webp?v=1716667805"  class="bounceIn mlveda-image" layout="fill"></amp-img>
  </div>


  <div class="mlveda-product-image-wrapper-default mlveda-product-image-wrapper-7">  
    <amp-img src="//kokania.com/cdn/shop/files/H777531c8ddbf4dc29f5dcc2d09988e35d_800x800.webp?v=1716667805"  class="bounceIn mlveda-image" layout="fill"></amp-img>
  </div>


  <div class="mlveda-product-image-wrapper-default mlveda-product-image-wrapper-8">  
    <amp-img src="//kokania.com/cdn/shop/files/He2c83d1942794a14be852824837f8c1dD_800x800.webp?v=1716667806"  class="bounceIn mlveda-image" layout="fill"></amp-img>
  </div>


  <div class="mlveda-product-image-wrapper-default mlveda-product-image-wrapper-9">  
    <amp-img src="//kokania.com/cdn/shop/files/H53a69955bdf64bce8b3537c9754050feV_800x800.webp?v=1716667806"  class="bounceIn mlveda-image" layout="fill"></amp-img>
  </div>

 
</amp-carousel>  
      	<div class="carousel-preview">
<amp-carousel class="carousel-preview" width="auto" height="100px" layout="fixed-height" type="carousel">  


<button class="not-selected" on="tap:mlveda-carousel.goToSlide(index= 0),AMP.setState({selectedSlide: 0})" tabindex="0" [class]="selectedSlide == 0 ? 'selected' : 'not-selected'">
<div class="mlveda-carousel-preview-image" id="mlveda-carousel-preview-image-0" > </div>
</button>


<button class="not-selected" on="tap:mlveda-carousel.goToSlide(index= 1),AMP.setState({selectedSlide: 1})" tabindex="1" [class]="selectedSlide == 1 ? 'selected' : 'not-selected'">
<div class="mlveda-carousel-preview-image" id="mlveda-carousel-preview-image-1" > </div>
</button>


<button class="not-selected" on="tap:mlveda-carousel.goToSlide(index= 2),AMP.setState({selectedSlide: 2})" tabindex="2" [class]="selectedSlide == 2 ? 'selected' : 'not-selected'">
<div class="mlveda-carousel-preview-image" id="mlveda-carousel-preview-image-2" > </div>
</button>


<button class="not-selected" on="tap:mlveda-carousel.goToSlide(index= 3),AMP.setState({selectedSlide: 3})" tabindex="3" [class]="selectedSlide == 3 ? 'selected' : 'not-selected'">
<div class="mlveda-carousel-preview-image" id="mlveda-carousel-preview-image-3" > </div>
</button>


<button class="not-selected" on="tap:mlveda-carousel.goToSlide(index= 4),AMP.setState({selectedSlide: 4})" tabindex="4" [class]="selectedSlide == 4 ? 'selected' : 'not-selected'">
<div class="mlveda-carousel-preview-image" id="mlveda-carousel-preview-image-4" > </div>
</button>


<button class="not-selected" on="tap:mlveda-carousel.goToSlide(index= 5),AMP.setState({selectedSlide: 5})" tabindex="5" [class]="selectedSlide == 5 ? 'selected' : 'not-selected'">
<div class="mlveda-carousel-preview-image" id="mlveda-carousel-preview-image-5" > </div>
</button>


<button class="not-selected" on="tap:mlveda-carousel.goToSlide(index= 6),AMP.setState({selectedSlide: 6})" tabindex="6" [class]="selectedSlide == 6 ? 'selected' : 'not-selected'">
<div class="mlveda-carousel-preview-image" id="mlveda-carousel-preview-image-6" > </div>
</button>


<button class="not-selected" on="tap:mlveda-carousel.goToSlide(index= 7),AMP.setState({selectedSlide: 7})" tabindex="7" [class]="selectedSlide == 7 ? 'selected' : 'not-selected'">
<div class="mlveda-carousel-preview-image" id="mlveda-carousel-preview-image-7" > </div>
</button>


<button class="not-selected" on="tap:mlveda-carousel.goToSlide(index= 8),AMP.setState({selectedSlide: 8})" tabindex="8" [class]="selectedSlide == 8 ? 'selected' : 'not-selected'">
<div class="mlveda-carousel-preview-image" id="mlveda-carousel-preview-image-8" > </div>
</button>


<button class="not-selected" on="tap:mlveda-carousel.goToSlide(index= 9),AMP.setState({selectedSlide: 9})" tabindex="9" [class]="selectedSlide == 9 ? 'selected' : 'not-selected'">
<div class="mlveda-carousel-preview-image" id="mlveda-carousel-preview-image-9" > </div>
</button>

 
</amp-carousel>
</div>

      <div class="product-contain">
        <!---
        <h1 class="product-title"><a href="#" class="product_name">Men's Breathable Swim Shorts</a></h1>
        --->
        <a href="#" class="product_name">
          <h1 class="productSingleTitle">Men's Breathable Swim Shorts</h1>
        </a>

        <!---
        IFrame property start with <span id=productPrice
        end at <!-- /Add to Cart
        --->
        
<section class="productVarSec">
  
  
  <div class="productPriceBlock">
    <span class="productPrice" id="ProductPrice" [text]="selected.price">
      $29.63 USD
    </span>
    <span id="SpecialPrice">
      <span
        class="productComPrice"
        [class]="selected.onSale ? 'productComPrice' : 'hideSave'"
        [text]="selected.compareAtPrice"
      >
        $38.52 USD
      </span>
    </span>
  </div>

  <form method="get" action="//kokania.com/cart/add" target="_top">
    
    
      <div class="optionSwatchBlock">
        <label>Color</label>
        <div class="swatchGroup">
          
            <label class="swatchLabel">
              <input
                type="radio"
                name="option-1"
                value="black"
                on="change:AMP.setState({ options: { Color: 'black' }, selected: productMap[event.value+'__'+options['Size']] })"
                class="swatchInput"
                [checked]="options.Color == 'black'"
              >
              <span class="swatchValue">black</span>
            </label>
          
            <label class="swatchLabel">
              <input
                type="radio"
                name="option-1"
                value="SKY BLUE"
                on="change:AMP.setState({ options: { Color: 'SKY BLUE' }, selected: productMap[event.value+'__'+options['Size']] })"
                class="swatchInput"
                [checked]="options.Color == 'SKY BLUE'"
              >
              <span class="swatchValue">SKY BLUE</span>
            </label>
          
            <label class="swatchLabel">
              <input
                type="radio"
                name="option-1"
                value="Peacock Blue"
                on="change:AMP.setState({ options: { Color: 'Peacock Blue' }, selected: productMap[event.value+'__'+options['Size']] })"
                class="swatchInput"
                [checked]="options.Color == 'Peacock Blue'"
              >
              <span class="swatchValue">Peacock Blue</span>
            </label>
          
            <label class="swatchLabel">
              <input
                type="radio"
                name="option-1"
                value="Navy"
                on="change:AMP.setState({ options: { Color: 'Navy' }, selected: productMap[event.value+'__'+options['Size']] })"
                class="swatchInput"
                [checked]="options.Color == 'Navy'"
              >
              <span class="swatchValue">Navy</span>
            </label>
          
        </div>
      </div>

      
        <div class="optionSwatchBlock">
          <label>Size</label>
          <div class="swatchGroup">
            
              <label class="swatchLabel">
                <input
                  type="radio"
                  name="option-2"
                  value="M"
                  on="change:AMP.setState({ options: { Size: 'M' }, selected: productMap[options['Color']+'__'+event.value] })"
                  class="swatchInput"
                  [checked]="options.Size == 'M'"
                >
                <span class="swatchValue">M</span>
              </label>
            
              <label class="swatchLabel">
                <input
                  type="radio"
                  name="option-2"
                  value="L"
                  on="change:AMP.setState({ options: { Size: 'L' }, selected: productMap[options['Color']+'__'+event.value] })"
                  class="swatchInput"
                  [checked]="options.Size == 'L'"
                >
                <span class="swatchValue">L</span>
              </label>
            
              <label class="swatchLabel">
                <input
                  type="radio"
                  name="option-2"
                  value="XL"
                  on="change:AMP.setState({ options: { Size: 'XL' }, selected: productMap[options['Color']+'__'+event.value] })"
                  class="swatchInput"
                  [checked]="options.Size == 'XL'"
                >
                <span class="swatchValue">XL</span>
              </label>
            
              <label class="swatchLabel">
                <input
                  type="radio"
                  name="option-2"
                  value="XXL"
                  on="change:AMP.setState({ options: { Size: 'XXL' }, selected: productMap[options['Color']+'__'+event.value] })"
                  class="swatchInput"
                  [checked]="options.Size == 'XXL'"
                >
                <span class="swatchValue">XXL</span>
              </label>
            
              <label class="swatchLabel">
                <input
                  type="radio"
                  name="option-2"
                  value="XXXL"
                  on="change:AMP.setState({ options: { Size: 'XXXL' }, selected: productMap[options['Color']+'__'+event.value] })"
                  class="swatchInput"
                  [checked]="options.Size == 'XXXL'"
                >
                <span class="swatchValue">XXXL</span>
              </label>
            
              <label class="swatchLabel">
                <input
                  type="radio"
                  name="option-2"
                  value="4XL"
                  on="change:AMP.setState({ options: { Size: '4XL' }, selected: productMap[options['Color']+'__'+event.value] })"
                  class="swatchInput"
                  [checked]="options.Size == '4XL'"
                >
                <span class="swatchValue">4XL</span>
              </label>
            
          </div>
        </div>

        
    <div class="qtyBlock">
      <label>Quantity</label>
      <input type="number" step="1" name="quantity" min="1" value="1" required class="quantityBox" />
    </div>

    <input type="hidden" name="id" [value]="selected.variantId" value="48680832303391" />
    <input
      type="submit"
      class="addToCartBtn product-form__submit button button--full-width button--secondary"
      id="addcart"
      [disabled]="!selected.variantId || !selected.available"
      value="Out of Stock"
      [value]="selected.variantId ? selected.addToCartLable : 'Unavailable'"
    />
  </form>
</section>

        <!-- description -->
        <div class="desCription productDetailsCnt">
          <h3>SPECIFICATIONS</h3><p> </p><p>Gender: MEN</p><p>Material: nylon</p><p>Pattern Type: Solid</p><p>Feature: Quick Dry</p><p>Fit: Fits smaller than usual. Please check this store's sizing info</p><p>Model Number: ES05N</p><p>Choice: yes</p><p> </p><p> </p><table>		<tr>			<td>			<p> </p>			</td>			<td>			<p> </p>			</td>			<td>			<p> </p>			</td>			<td>			<p> </p>			</td>		</tr>		<tr>			<td>			<p> </p>			</td>			<td>			<p> </p>			</td>			<td>			<p> </p>			</td>			<td>			<p><div class="mlveda-image-wrapper-0 mlveda-image-wrapper-default"><amp-img     src="http://ae01.alicdn.com/kf/HTB1vwfUcf1TBuNjy0Fjq6yjyXXaB.jpg" layout="fill" height="300px" width="320px" class="mlveda-image" ></amp-img></div></p>			</td>		</tr></table><p><div class="mlveda-image-wrapper-1 mlveda-image-wrapper-default"><amp-img     src="https://ae01.alicdn.com/kf/H43acfa050cd745b6ba5d1ce8cf2290bcR.jpg" layout="fill" height="300px" width="320px" class="mlveda-image" ></amp-img></div></p><p><br><br> </p><p><div class="mlveda-image-wrapper-2 mlveda-image-wrapper-default"><amp-img     src="https://ae01.alicdn.com/kf/HTB1uocMLVzqK1RjSZFCq6zbxVXaK.jpg" layout="fill" height="300px" width="320px" class="mlveda-image" ></amp-img></div><div class="mlveda-image-wrapper-3 mlveda-image-wrapper-default"><amp-img     src="https://ae01.alicdn.com/kf/Hfafcaa05f3d8442cbc072336d0820620N.jpg" layout="fill" height="300px" width="320px" class="mlveda-image" ></amp-img></div><div class="mlveda-image-wrapper-4 mlveda-image-wrapper-default"><amp-img     src="https://ae01.alicdn.com/kf/He8933e0701464a47ab064ed35c09b53fn.jpg" layout="fill" height="300px" width="320px" class="mlveda-image" ></amp-img></div></p><p><div class="mlveda-image-wrapper-5 mlveda-image-wrapper-default"><amp-img     src="https://ae01.alicdn.com/kf/Hb526aec9ce174cc09bebfd2337fc6458o.jpg" layout="fill" height="300px" width="320px" class="mlveda-image" ></amp-img></div><div class="mlveda-image-wrapper-6 mlveda-image-wrapper-default"><amp-img     src="http://ae01.alicdn.com/kf/HTB1Me7VXzQnBKNjSZSgq6xHGXXaj.jpg" layout="fill" height="300px" width="320px" class="mlveda-image" ></amp-img></div><div class="mlveda-image-wrapper-7 mlveda-image-wrapper-default"><amp-img     src="https://ae01.alicdn.com/kf/H00d0e0d3948442f9947e9000cfd898ceY.jpg" layout="fill" height="300px" width="320px" class="mlveda-image" ></amp-img></div><div class="mlveda-image-wrapper-8 mlveda-image-wrapper-default"><amp-img     src="https://ae01.alicdn.com/kf/H4e1c50957e414d2bb51ee0703eff1721i.jpg" layout="fill" height="300px" width="320px" class="mlveda-image" ></amp-img></div><div class="mlveda-image-wrapper-9 mlveda-image-wrapper-default"><amp-img     src="https://ae01.alicdn.com/kf/H36e30c0e4a334d189b4e68e553f8fe7fa.jpg" layout="fill" height="300px" width="320px" class="mlveda-image" ></amp-img></div></p><p><div class="mlveda-image-wrapper-10 mlveda-image-wrapper-default"><amp-img     src="http://ae01.alicdn.com/kf/HTB1t1I4arGYBuNjy0Foq6AiBFXaD.jpg" layout="fill" height="300px" width="320px" class="mlveda-image" ></amp-img></div></p><p> </p><p><div class="mlveda-image-wrapper-11 mlveda-image-wrapper-default"><amp-img     src="https://ae01.alicdn.com/kf/HTB1LuFza.LrK1Rjy1zbq6AenFXaa.jpg" layout="fill" height="300px" width="320px" class="mlveda-image" ></amp-img></div><div class="mlveda-image-wrapper-12 mlveda-image-wrapper-default"><amp-img     src="https://ae01.alicdn.com/kf/H0a191bb9c02a4a7881eee6d74330dc72T.jpg" layout="fill" height="300px" width="320px" class="mlveda-image" ></amp-img></div></p><p><br> </p><p><div class="mlveda-image-wrapper-13 mlveda-image-wrapper-default"><amp-img     src="https://ae01.alicdn.com/kf/HTB1VcXqa.vrK1RjSspcq6zzSXXaA.jpg" layout="fill" height="300px" width="320px" class="mlveda-image" ></amp-img></div><div class="mlveda-image-wrapper-14 mlveda-image-wrapper-default"><amp-img     src="https://ae01.alicdn.com/kf/HTB1ippAa5DxK1Rjy1zcq6yGeXXai.jpg" layout="fill" height="300px" width="320px" class="mlveda-image" ></amp-img></div><div class="mlveda-image-wrapper-15 mlveda-image-wrapper-default"><amp-img     src="https://ae01.alicdn.com/kf/HTB1ahFLa6nuK1RkSmFPq6AuzFXai.jpg" layout="fill" height="300px" width="320px" class="mlveda-image" ></amp-img></div><div class="mlveda-image-wrapper-16 mlveda-image-wrapper-default"><amp-img     src="https://ae01.alicdn.com/kf/HTB1wKRwaVzsK1Rjy1Xbq6xOaFXaK.jpg" layout="fill" height="300px" width="320px" class="mlveda-image" ></amp-img></div><div class="mlveda-image-wrapper-17 mlveda-image-wrapper-default"><amp-img     src="https://ae01.alicdn.com/kf/HTB1iFVBa5jrK1RjSsplq6xHmVXag.jpg" layout="fill" height="300px" width="320px" class="mlveda-image" ></amp-img></div><div class="mlveda-image-wrapper-18 mlveda-image-wrapper-default"><amp-img     src="https://ae01.alicdn.com/kf/HTB1lKH7D6TpK1RjSZKPq6y3UpXac.jpg" layout="fill" height="300px" width="320px" class="mlveda-image" ></amp-img></div></p><p> </p>
          
        </div>
        <!-- /description -->

        <amp-accordion id="social-share-accordion" disable-session-states>
  <section>
  
    <h5 class="socialSharingTitle">  <span class="svg-wrapper-share"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-share" viewBox="0 0 13 12"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M1.625 8.125v2.167a1.083 1.083 0 0 0 1.083 1.083h7.584a1.083 1.083 0 0 0 1.083-1.083V8.125"></path><path fill="currentColor" fill-rule="evenodd" d="M6.148 1.271a.5.5 0 0 1 .707 0L9.563 3.98a.5.5 0 0 1-.707.707L6.501 2.332 4.147 4.687a.5.5 0 1 1-.708-.707z" clip-rule="evenodd"></path><path fill="currentColor" fill-rule="evenodd" d="M6.5 1.125a.5.5 0 0 1 .5.5v6.5a.5.5 0 0 1-1 0v-6.5a.5.5 0 0 1 .5-.5" clip-rule="evenodd"></path></svg>
</span>Share</h5>
    <div class="socialSharing">
      
      <a target="_blank" class="fbIcon" href="//www.facebook.com/sharer.php?u=https://kokania.com/products/mens-breathable-swim-shorts" title="Share on Facebook">
        <span class="icon icon-facebook" aria-hidden="true"></span>
        <span class="shareTitle" aria-hidden="true">Share</span>
      </a>
      <a target="_blank" class="twtIcon" href="//twitter.com/share?url=https://kokania.com/products/mens-breathable-swim-shorts" title="Tweet on Twitter">
        <span class="icon icon-twitter" aria-hidden="true"></span>
        <span class="shareTitle" aria-hidden="true">Tweet</span>
      </a>
      <a target="_blank" class="pinIcon" href="//pinterest.com/pin/create/button/?url=https://kokania.com/products/mens-breathable-swim-shorts&amp;media=////kokania.com/cdn/shop/files/H555070d1749f4c1ba908e27ff0b5ae1dF_large.webp?v=1716667806" title="Pin on Pinterest">
        <span class="icon icon-pinterest" aria-hidden="true"></span>
        <span class="shareTitle" aria-hidden="true">Pin it</span>
      </a>
    </div>
  </section>
</amp-accordion>
        <!--related -->
        		<!--related -->
			  
        <section class="relatedProductSec">
        	<div>
              <h3 class="relatedPrdTitle mlveda-related-product-title">You may also like this</h3>
    

    <div class="relatedProductMainBlock cf">      
    
      
              		<div class="relatedProductBlock">
                       
					   
						<div class="relatedProductSale">Sale</div>
						<a href="/apps/fireamp/products/unisex-polycarbonate-uv400-square-shades-sunglasses" class="relatedProductImgLink">
							<amp-img src="//kokania.com/cdn/shop/files/S2b30b0b007b946559516682a9c9bee1eL_large.webp?v=1741769745" alt="Unisex Polycarbonate UV400 Square Shades Sunglasses" width="150px" height="150px" layout="responsive"></amp-img>
						<div class="relatedProductLink item">
					      <span class="relatedProductTitle h4 grid-view-item__title">Unisex Polycarbonate UV400 Square Shades Sunglasses</span>
                          <!--<span class="relatedProductBrand">KOKANIA</span>-->
                          <span class="relatedProductCmpPrice grid-view-item__meta"><span>$15.41</span></span>
                          <span class="relatedProductPrice grid-view-item__meta"><span>$10.27</span></span>
						</a>
    					</div>
					</div>
               
   
              		<div class="relatedProductBlock">
                       
					   
						<div class="relatedProductSale">Sale</div>
						<a href="/apps/fireamp/products/t9-electric-hair-clipper-mens-haircut-machine-0mm-barber-shaver-beard-trimmer" class="relatedProductImgLink">
							<amp-img src="//kokania.com/cdn/shop/files/S4906d3c867744996824d47593fedb96b2_large.webp?v=1743758490" alt="T9 Electric Hair Clipper – Men&#39;s Haircut Machine 0mm Barber Shaver Beard Trimmer" width="150px" height="150px" layout="responsive"></amp-img>
						<div class="relatedProductLink item">
					      <span class="relatedProductTitle h4 grid-view-item__title">T9 Electric Hair Clipper – Men's Haircut Machine 0mm Barber Shaver Beard Trimmer</span>
                          <!--<span class="relatedProductBrand">KOKANIA</span>-->
                          <span class="relatedProductCmpPrice grid-view-item__meta"><span>$44.53</span></span>
                          <span class="relatedProductPrice grid-view-item__meta"><span>$34.26</span></span>
						</a>
    					</div>
					</div>
               
   
              		<div class="relatedProductBlock">
                       
					   
						<div class="relatedProductSale">Sale</div>
						<a href="/apps/fireamp/products/mens-sports-watch-quartz-waterproof-japanese-movement-timepiece-calendar-silicone-strap" class="relatedProductImgLink">
							<amp-img src="//kokania.com/cdn/shop/files/S2214f7bf15194e909d6c92d4368f3b40f_large.webp?v=1740481095" alt="Men&#39;s Sports Watch – Quartz Waterproof Japanese Movement Timepiece Calendar &amp; Silicone Strap" width="150px" height="150px" layout="responsive"></amp-img>
						<div class="relatedProductLink item">
					      <span class="relatedProductTitle h4 grid-view-item__title">Men's Sports Watch – Quartz Waterproof Japanese Movement Timepiece Calendar & Silicone Strap</span>
                          <!--<span class="relatedProductBrand">KOKANIA</span>-->
                          <span class="relatedProductCmpPrice grid-view-item__meta"><span>$91.32</span></span>
                          <span class="relatedProductPrice grid-view-item__meta"><span>$22.84</span></span>
						</a>
    					</div>
					</div>
               
   
              		<div class="relatedProductBlock">
                       
					   
						<div class="relatedProductSale">Sale</div>
						<a href="/apps/fireamp/products/t900-ultra-smartwatch-bluetooth-calling-message-alerts-heart-rate-monitor-sports-watch" class="relatedProductImgLink">
							<amp-img src="//kokania.com/cdn/shop/files/S456a142330bf4b24ab76e1934f52280e6_large.webp?v=1739997931" alt="T900 Ultra Smartwatch – Bluetooth Calling, Message Alerts Heart Rate Monitor Sports Watch" width="150px" height="150px" layout="responsive"></amp-img>
						<div class="relatedProductLink item">
					      <span class="relatedProductTitle h4 grid-view-item__title">T900 Ultra Smartwatch – Bluetooth Calling, Message Alerts Heart Rate Monitor Sports Watch</span>
                          <!--<span class="relatedProductBrand">KOKANIA</span>-->
                          <span class="relatedProductCmpPrice grid-view-item__meta"><span>$33.26</span></span>
                          <span class="relatedProductPrice grid-view-item__meta"><span>$22.07</span></span>
						</a>
    					</div>
					</div>
               
                   
        		</div>
        	</div>
        </section>
  

			<!--related -->
        <!--related -->
      </div> <!-- end product-contain -->

    </div> <!-- end container -->
  </div> <!-- end main-contain -->
</main>
<footer class="siteFooter">
<div class="col30 wrapper">
  <div class="left-align">
  
  <h3 class="footerMenuTitle">Quick Links</h3>
  
      <ul class="mlveda-footer footerMenu">
      
              
<li class="footer-main-links"><a href="/blogs/news" title="Blogs">Blogs</a></li>
 

<li class="footer-main-links"><a href="/pages/about" title="About">About</a></li>
 

<li class="footer-main-links"><a href="/pages/contact" title="Contact">Contact</a></li>
 

<li class="footer-main-links"><a href="/policies/privacy-policy" title="Privacy Policy">Privacy Policy</a></li>
 

<li class="footer-main-links"><a href="/policies/refund-policy" title="Refund & Return">Refund & Return</a></li>
 

<li class="footer-main-links"><a href="/policies/shipping-policy" title="Shipping Policy">Shipping Policy</a></li>
 

<li class="footer-main-links"><a href="/policies/terms-of-service" title="Terms & Conditions">Terms & Conditions</a></li>
 

<li class="footer-main-links"><a href="/pages/collab" title="Opportunities">Opportunities</a></li>
 

      </ul>
  </div>
          	
		   	
			<h3 class="footerMenuTitle">Follow us</h3>
          	  <ul class="footerSocial mlveda-footer">
                  
                  
                    <li>
                      <a href="https://www.facebook.com/kokaniaa" title="Translation missing: en.layout.footer.social_platform">
                        <span class="icon icon-facebook" aria-hidden="true"></span>
                      </a>
                    </li>
                    
                  
                    <li>
                      <a href="https://www.pinterest.co.uk/kokaniaofficial/" title="Translation missing: en.layout.footer.social_platform">
                        <span class="icon icon-pinterest" aria-hidden="true"></span>
                      </a>
                    </li>
                    
                  
                    <li>
                      <a href="https://www.instagram.com/kokaniaglobal2024/" title="Translation missing: en.layout.footer.social_platform">
                        <span class="icon icon-instagram" aria-hidden="true"></span>
                      </a>
                    </li>
                    
                  
                    <li>
                      <a href="https://www.youtube.com/@KokaniaOfficial" title="Translation missing: en.layout.footer.social_platform">
                        <span class="icon icon-youtube" aria-hidden="true"></span>
                      </a>
                    </li>
                    
                  
	          	</ul>
           
			<h4 class="footerMenuTitle">Newsletter</h4>
			<p class="email-text">Subscribe to our emails</p>
            <form method="post" action-xhr="/contact#contact_form" id="contact_form" accept-charset="UTF-8" class="contact-form contact-form-amp" target="_top">
              <input type="hidden" name="form_type" value="customer">
              <input type="hidden" name="utf8" value="?">
                        <div class="footerInputGrp">
                            <input type="hidden" name="contact[tags]" value="newsletter">
                            <input type="email" name="contact[email]" placeholder="Email" value="" class="inputBox" required>
                            <button type="submit" class="subscribeBtn">
                              <svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-arrow mlv-svg" viewBox="0 0 14 10"><path fill="currentColor" fill-rule="evenodd" d="M8.537.808a.5.5 0 0 1 .817-.162l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 1 1-.708-.708L11.793 5.5H1a.5.5 0 0 1 0-1h10.793L8.646 1.354a.5.5 0 0 1-.109-.546" clip-rule="evenodd"></path></svg>
                            </button>
                        </div>
                <div submitting>
                    Please wait..
                </div>
                <div submit-success>
                  Success! Thanks for subscribing! Please make sure to check your email
                  to confirm!
                </div>
                <div submit-error>
                  Success! Thanks for subscribing! Please make sure to check your email
                  to confirm!
                </div>
            </form>  
			<div class="endFooter">Copyright &copy; 2026, <a href="/" title="">KOKANIA.</a> 
			</div>
          
            
              <ul class="endFooterPaymentIcons">
                
                  
                    <li>
                      <span class="icon-fallback-text">
                        <span class="icon icon-american_express" aria-hidden="true"></span>
                        <span class="fallback-text">american express</span>
                      </span>
                      <svg xmlns="http://www.w3.org/2000/svg" role="img" aria-labelledby="pi-american_express" viewBox="0 0 38 24" width="38" height="24"><title id="pi-american_express">American Express</title><path fill="#000" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3Z" opacity=".07"/><path fill="#006FCF" d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32Z"/><path fill="#FFF" d="M22.012 19.936v-8.421L37 11.528v2.326l-1.732 1.852L37 17.573v2.375h-2.766l-1.47-1.622-1.46 1.628-9.292-.02Z"/><path fill="#006FCF" d="M23.013 19.012v-6.57h5.572v1.513h-3.768v1.028h3.678v1.488h-3.678v1.01h3.768v1.531h-5.572Z"/><path fill="#006FCF" d="m28.557 19.012 3.083-3.289-3.083-3.282h2.386l1.884 2.083 1.89-2.082H37v.051l-3.017 3.23L37 18.92v.093h-2.307l-1.917-2.103-1.898 2.104h-2.321Z"/><path fill="#FFF" d="M22.71 4.04h3.614l1.269 2.881V4.04h4.46l.77 2.159.771-2.159H37v8.421H19l3.71-8.421Z"/><path fill="#006FCF" d="m23.395 4.955-2.916 6.566h2l.55-1.315h2.98l.55 1.315h2.05l-2.904-6.566h-2.31Zm.25 3.777.875-2.09.873 2.09h-1.748Z"/><path fill="#006FCF" d="M28.581 11.52V4.953l2.811.01L32.84 9l1.456-4.046H37v6.565l-1.74.016v-4.51l-1.644 4.494h-1.59L30.35 7.01v4.51h-1.768Z"/></svg>

                    </li>
                  
                
                    <li>
                      <span class="icon-fallback-text">
                        <span class="icon icon-apple_pay" aria-hidden="true"></span>
                        <span class="fallback-text">apple pay</span>
                      </span>
                      <svg version="1.1" xmlns="http://www.w3.org/2000/svg" role="img" x="0" y="0" width="38" height="24" viewBox="0 0 165.521 105.965" xml:space="preserve" aria-labelledby="pi-apple_pay"><title id="pi-apple_pay">Apple Pay</title><path fill="#000" d="M150.698 0H14.823c-.566 0-1.133 0-1.698.003-.477.004-.953.009-1.43.022-1.039.028-2.087.09-3.113.274a10.51 10.51 0 0 0-2.958.975 9.932 9.932 0 0 0-4.35 4.35 10.463 10.463 0 0 0-.975 2.96C.113 9.611.052 10.658.024 11.696a70.22 70.22 0 0 0-.022 1.43C0 13.69 0 14.256 0 14.823v76.318c0 .567 0 1.132.002 1.699.003.476.009.953.022 1.43.028 1.036.09 2.084.275 3.11a10.46 10.46 0 0 0 .974 2.96 9.897 9.897 0 0 0 1.83 2.52 9.874 9.874 0 0 0 2.52 1.83c.947.483 1.917.79 2.96.977 1.025.183 2.073.245 3.112.273.477.011.953.017 1.43.02.565.004 1.132.004 1.698.004h135.875c.565 0 1.132 0 1.697-.004.476-.002.952-.009 1.431-.02 1.037-.028 2.085-.09 3.113-.273a10.478 10.478 0 0 0 2.958-.977 9.955 9.955 0 0 0 4.35-4.35c.483-.947.789-1.917.974-2.96.186-1.026.246-2.074.274-3.11.013-.477.02-.954.022-1.43.004-.567.004-1.132.004-1.699V14.824c0-.567 0-1.133-.004-1.699a63.067 63.067 0 0 0-.022-1.429c-.028-1.038-.088-2.085-.274-3.112a10.4 10.4 0 0 0-.974-2.96 9.94 9.94 0 0 0-4.35-4.35A10.52 10.52 0 0 0 156.939.3c-1.028-.185-2.076-.246-3.113-.274a71.417 71.417 0 0 0-1.431-.022C151.83 0 151.263 0 150.698 0z" /><path fill="#FFF" d="M150.698 3.532l1.672.003c.452.003.905.008 1.36.02.793.022 1.719.065 2.583.22.75.135 1.38.34 1.984.648a6.392 6.392 0 0 1 2.804 2.807c.306.6.51 1.226.645 1.983.154.854.197 1.783.218 2.58.013.45.019.9.02 1.36.005.557.005 1.113.005 1.671v76.318c0 .558 0 1.114-.004 1.682-.002.45-.008.9-.02 1.35-.022.796-.065 1.725-.221 2.589a6.855 6.855 0 0 1-.645 1.975 6.397 6.397 0 0 1-2.808 2.807c-.6.306-1.228.511-1.971.645-.881.157-1.847.2-2.574.22-.457.01-.912.017-1.379.019-.555.004-1.113.004-1.669.004H14.801c-.55 0-1.1 0-1.66-.004a74.993 74.993 0 0 1-1.35-.018c-.744-.02-1.71-.064-2.584-.22a6.938 6.938 0 0 1-1.986-.65 6.337 6.337 0 0 1-1.622-1.18 6.355 6.355 0 0 1-1.178-1.623 6.935 6.935 0 0 1-.646-1.985c-.156-.863-.2-1.788-.22-2.578a66.088 66.088 0 0 1-.02-1.355l-.003-1.327V14.474l.002-1.325a66.7 66.7 0 0 1 .02-1.357c.022-.792.065-1.717.222-2.587a6.924 6.924 0 0 1 .646-1.981c.304-.598.7-1.144 1.18-1.623a6.386 6.386 0 0 1 1.624-1.18 6.96 6.96 0 0 1 1.98-.646c.865-.155 1.792-.198 2.586-.22.452-.012.905-.017 1.354-.02l1.677-.003h135.875" /><g><g><path fill="#000" d="M43.508 35.77c1.404-1.755 2.356-4.112 2.105-6.52-2.054.102-4.56 1.355-6.012 3.112-1.303 1.504-2.456 3.959-2.156 6.266 2.306.2 4.61-1.152 6.063-2.858" /><path fill="#000" d="M45.587 39.079c-3.35-.2-6.196 1.9-7.795 1.9-1.6 0-4.049-1.8-6.698-1.751-3.447.05-6.645 2-8.395 5.1-3.598 6.2-.95 15.4 2.55 20.45 1.699 2.5 3.747 5.25 6.445 5.151 2.55-.1 3.549-1.65 6.647-1.65 3.097 0 3.997 1.65 6.696 1.6 2.798-.05 4.548-2.5 6.247-5 1.95-2.85 2.747-5.6 2.797-5.75-.05-.05-5.396-2.101-5.446-8.251-.05-5.15 4.198-7.6 4.398-7.751-2.399-3.548-6.147-3.948-7.447-4.048" /></g><g><path fill="#000" d="M78.973 32.11c7.278 0 12.347 5.017 12.347 12.321 0 7.33-5.173 12.373-12.529 12.373h-8.058V69.62h-5.822V32.11h14.062zm-8.24 19.807h6.68c5.07 0 7.954-2.729 7.954-7.46 0-4.73-2.885-7.434-7.928-7.434h-6.706v14.894z" /><path fill="#000" d="M92.764 61.847c0-4.809 3.665-7.564 10.423-7.98l7.252-.442v-2.08c0-3.04-2.001-4.704-5.562-4.704-2.938 0-5.07 1.507-5.51 3.82h-5.252c.157-4.86 4.731-8.395 10.918-8.395 6.654 0 10.995 3.483 10.995 8.89v18.663h-5.38v-4.497h-.13c-1.534 2.937-4.914 4.782-8.579 4.782-5.406 0-9.175-3.222-9.175-8.057zm17.675-2.417v-2.106l-6.472.416c-3.64.234-5.536 1.585-5.536 3.95 0 2.288 1.975 3.77 5.068 3.77 3.95 0 6.94-2.522 6.94-6.03z" /><path fill="#000" d="M120.975 79.652v-4.496c.364.051 1.247.103 1.715.103 2.573 0 4.029-1.09 4.913-3.899l.52-1.663-9.852-27.293h6.082l6.863 22.146h.13l6.862-22.146h5.927l-10.216 28.67c-2.34 6.577-5.017 8.735-10.683 8.735-.442 0-1.872-.052-2.261-.157z" /></g></g></svg>

                    </li>
                  
                
                    <li>
                      <span class="icon-fallback-text">
                        <span class="icon icon-diners_club" aria-hidden="true"></span>
                        <span class="fallback-text">diners club</span>
                      </span>
                      <svg viewBox="0 0 38 24" xmlns="http://www.w3.org/2000/svg" role="img" width="38" height="24" aria-labelledby="pi-diners_club"><title id="pi-diners_club">Diners Club</title><path opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z"/><path fill="#fff" d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32"/><path d="M12 12v3.7c0 .3-.2.3-.5.2-1.9-.8-3-3.3-2.3-5.4.4-1.1 1.2-2 2.3-2.4.4-.2.5-.1.5.2V12zm2 0V8.3c0-.3 0-.3.3-.2 2.1.8 3.2 3.3 2.4 5.4-.4 1.1-1.2 2-2.3 2.4-.4.2-.4.1-.4-.2V12zm7.2-7H13c3.8 0 6.8 3.1 6.8 7s-3 7-6.8 7h8.2c3.8 0 6.8-3.1 6.8-7s-3-7-6.8-7z" fill="#3086C8"/></svg>
                    </li>
                  
                
                    <li>
                      <span class="icon-fallback-text">
                        <span class="icon icon-discover" aria-hidden="true"></span>
                        <span class="fallback-text">discover</span>
                      </span>
                      <svg viewBox="0 0 38 24" width="38" height="24" role="img" aria-labelledby="pi-discover" fill="none" xmlns="http://www.w3.org/2000/svg"><title id="pi-discover">Discover</title><path fill="#000" opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z"/><path d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32z" fill="#fff"/><path d="M3.57 7.16H2v5.5h1.57c.83 0 1.43-.2 1.96-.63.63-.52 1-1.3 1-2.11-.01-1.63-1.22-2.76-2.96-2.76zm1.26 4.14c-.34.3-.77.44-1.47.44h-.29V8.1h.29c.69 0 1.11.12 1.47.44.37.33.59.84.59 1.37 0 .53-.22 1.06-.59 1.39zm2.19-4.14h1.07v5.5H7.02v-5.5zm3.69 2.11c-.64-.24-.83-.4-.83-.69 0-.35.34-.61.8-.61.32 0 .59.13.86.45l.56-.73c-.46-.4-1.01-.61-1.62-.61-.97 0-1.72.68-1.72 1.58 0 .76.35 1.15 1.35 1.51.42.15.63.25.74.31.21.14.32.34.32.57 0 .45-.35.78-.83.78-.51 0-.92-.26-1.17-.73l-.69.67c.49.73 1.09 1.05 1.9 1.05 1.11 0 1.9-.74 1.9-1.81.02-.89-.35-1.29-1.57-1.74zm1.92.65c0 1.62 1.27 2.87 2.9 2.87.46 0 .86-.09 1.34-.32v-1.26c-.43.43-.81.6-1.29.6-1.08 0-1.85-.78-1.85-1.9 0-1.06.79-1.89 1.8-1.89.51 0 .9.18 1.34.62V7.38c-.47-.24-.86-.34-1.32-.34-1.61 0-2.92 1.28-2.92 2.88zm12.76.94l-1.47-3.7h-1.17l2.33 5.64h.58l2.37-5.64h-1.16l-1.48 3.7zm3.13 1.8h3.04v-.93h-1.97v-1.48h1.9v-.93h-1.9V8.1h1.97v-.94h-3.04v5.5zm7.29-3.87c0-1.03-.71-1.62-1.95-1.62h-1.59v5.5h1.07v-2.21h.14l1.48 2.21h1.32l-1.73-2.32c.81-.17 1.26-.72 1.26-1.56zm-2.16.91h-.31V8.03h.33c.67 0 1.03.28 1.03.82 0 .55-.36.85-1.05.85z" fill="#231F20"/><path d="M20.16 12.86a2.931 2.931 0 100-5.862 2.931 2.931 0 000 5.862z" fill="url(#pi-paint0_linear)"/><path opacity=".65" d="M20.16 12.86a2.931 2.931 0 100-5.862 2.931 2.931 0 000 5.862z" fill="url(#pi-paint1_linear)"/><path d="M36.57 7.506c0-.1-.07-.15-.18-.15h-.16v.48h.12v-.19l.14.19h.14l-.16-.2c.06-.01.1-.06.1-.13zm-.2.07h-.02v-.13h.02c.06 0 .09.02.09.06 0 .05-.03.07-.09.07z" fill="#231F20"/><path d="M36.41 7.176c-.23 0-.42.19-.42.42 0 .23.19.42.42.42.23 0 .42-.19.42-.42 0-.23-.19-.42-.42-.42zm0 .77c-.18 0-.34-.15-.34-.35 0-.19.15-.35.34-.35.18 0 .33.16.33.35 0 .19-.15.35-.33.35z" fill="#231F20"/><path d="M37 12.984S27.09 19.873 8.976 23h26.023a2 2 0 002-1.984l.024-3.02L37 12.985z" fill="#F48120"/><defs><linearGradient id="pi-paint0_linear" x1="21.657" y1="12.275" x2="19.632" y2="9.104" gradientUnits="userSpaceOnUse"><stop stop-color="#F89F20"/><stop offset=".25" stop-color="#F79A20"/><stop offset=".533" stop-color="#F68D20"/><stop offset=".62" stop-color="#F58720"/><stop offset=".723" stop-color="#F48120"/><stop offset="1" stop-color="#F37521"/></linearGradient><linearGradient id="pi-paint1_linear" x1="21.338" y1="12.232" x2="18.378" y2="6.446" gradientUnits="userSpaceOnUse"><stop stop-color="#F58720"/><stop offset=".359" stop-color="#E16F27"/><stop offset=".703" stop-color="#D4602C"/><stop offset=".982" stop-color="#D05B2E"/></linearGradient></defs></svg>
                    </li>
                  
                
                    <li>
                      <span class="icon-fallback-text">
                        <span class="icon icon-google_pay" aria-hidden="true"></span>
                        <span class="fallback-text">google pay</span>
                      </span>
                      <svg xmlns="http://www.w3.org/2000/svg" role="img" viewBox="0 0 38 24" width="38" height="24" aria-labelledby="pi-google_pay"><title id="pi-google_pay">Google Pay</title><path d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z" fill="#000" opacity=".07"/><path d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32" fill="#FFF"/><path d="M18.093 11.976v3.2h-1.018v-7.9h2.691a2.447 2.447 0 0 1 1.747.692 2.28 2.28 0 0 1 .11 3.224l-.11.116c-.47.447-1.098.69-1.747.674l-1.673-.006zm0-3.732v2.788h1.698c.377.012.741-.135 1.005-.404a1.391 1.391 0 0 0-1.005-2.354l-1.698-.03zm6.484 1.348c.65-.03 1.286.188 1.778.613.445.43.682 1.03.65 1.649v3.334h-.969v-.766h-.049a1.93 1.93 0 0 1-1.673.931 2.17 2.17 0 0 1-1.496-.533 1.667 1.667 0 0 1-.613-1.324 1.606 1.606 0 0 1 .613-1.336 2.746 2.746 0 0 1 1.698-.515c.517-.02 1.03.093 1.49.331v-.208a1.134 1.134 0 0 0-.417-.901 1.416 1.416 0 0 0-.98-.368 1.545 1.545 0 0 0-1.319.717l-.895-.564a2.488 2.488 0 0 1 2.182-1.06zM23.29 13.52a.79.79 0 0 0 .337.662c.223.176.5.269.785.263.429-.001.84-.17 1.146-.472.305-.286.478-.685.478-1.103a2.047 2.047 0 0 0-1.324-.374 1.716 1.716 0 0 0-1.03.294.883.883 0 0 0-.392.73zm9.286-3.75l-3.39 7.79h-1.048l1.281-2.728-2.224-5.062h1.103l1.612 3.885 1.569-3.885h1.097z" fill="#5F6368"/><path d="M13.986 11.284c0-.308-.024-.616-.073-.92h-4.29v1.747h2.451a2.096 2.096 0 0 1-.9 1.373v1.134h1.464a4.433 4.433 0 0 0 1.348-3.334z" fill="#4285F4"/><path d="M9.629 15.721a4.352 4.352 0 0 0 3.01-1.097l-1.466-1.14a2.752 2.752 0 0 1-4.094-1.44H5.577v1.17a4.53 4.53 0 0 0 4.052 2.507z" fill="#34A853"/><path d="M7.079 12.05a2.709 2.709 0 0 1 0-1.735v-1.17H5.577a4.505 4.505 0 0 0 0 4.075l1.502-1.17z" fill="#FBBC04"/><path d="M9.629 8.44a2.452 2.452 0 0 1 1.74.68l1.3-1.293a4.37 4.37 0 0 0-3.065-1.183 4.53 4.53 0 0 0-4.027 2.5l1.502 1.171a2.715 2.715 0 0 1 2.55-1.875z" fill="#EA4335"/></svg>

                    </li>
                  
                
                    <li>
                      <span class="icon-fallback-text">
                        <span class="icon icon-maestro" aria-hidden="true"></span>
                        <span class="fallback-text">maestro</span>
                      </span>
                      <svg viewBox="0 0 38 24" xmlns="http://www.w3.org/2000/svg" width="38" height="24" role="img" aria-labelledby="pi-maestro"><title id="pi-maestro">Maestro</title><path opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z"/><path fill="#fff" d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32"/><circle fill="#EB001B" cx="15" cy="12" r="7"/><circle fill="#00A2E5" cx="23" cy="12" r="7"/><path fill="#7375CF" d="M22 12c0-2.4-1.2-4.5-3-5.7-1.8 1.3-3 3.4-3 5.7s1.2 4.5 3 5.7c1.8-1.2 3-3.3 3-5.7z"/></svg>
                    </li>
                  
                
                    <li>
                      <span class="icon-fallback-text">
                        <span class="icon icon-master" aria-hidden="true"></span>
                        <span class="fallback-text">master</span>
                      </span>
                      <svg viewBox="0 0 38 24" xmlns="http://www.w3.org/2000/svg" role="img" width="38" height="24" aria-labelledby="pi-master"><title id="pi-master">Mastercard</title><path opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z"/><path fill="#fff" d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32"/><circle fill="#EB001B" cx="15" cy="12" r="7"/><circle fill="#F79E1B" cx="23" cy="12" r="7"/><path fill="#FF5F00" d="M22 12c0-2.4-1.2-4.5-3-5.7-1.8 1.3-3 3.4-3 5.7s1.2 4.5 3 5.7c1.8-1.2 3-3.3 3-5.7z"/></svg>
                    </li>
                  
                
                    <li>
                      <span class="icon-fallback-text">
                        <span class="icon icon-shopify_pay" aria-hidden="true"></span>
                        <span class="fallback-text">shopify pay</span>
                      </span>
                      <svg xmlns="http://www.w3.org/2000/svg" role="img" viewBox="0 0 38 24" width="38" height="24" aria-labelledby="pi-shopify_pay"><title id="pi-shopify_pay">Shop Pay</title><path opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z" fill="#000"/><path d="M35.889 0C37.05 0 38 .982 38 2.182v19.636c0 1.2-.95 2.182-2.111 2.182H2.11C.95 24 0 23.018 0 21.818V2.182C0 .982.95 0 2.111 0H35.89z" fill="#5A31F4"/><path d="M9.35 11.368c-1.017-.223-1.47-.31-1.47-.705 0-.372.306-.558.92-.558.54 0 .934.238 1.225.704a.079.079 0 00.104.03l1.146-.584a.082.082 0 00.032-.114c-.475-.831-1.353-1.286-2.51-1.286-1.52 0-2.464.755-2.464 1.956 0 1.275 1.15 1.597 2.17 1.82 1.02.222 1.474.31 1.474.705 0 .396-.332.582-.993.582-.612 0-1.065-.282-1.34-.83a.08.08 0 00-.107-.035l-1.143.57a.083.083 0 00-.036.111c.454.92 1.384 1.437 2.627 1.437 1.583 0 2.539-.742 2.539-1.98s-1.155-1.598-2.173-1.82v-.003zM15.49 8.855c-.65 0-1.224.232-1.636.646a.04.04 0 01-.069-.03v-2.64a.08.08 0 00-.08-.081H12.27a.08.08 0 00-.08.082v8.194a.08.08 0 00.08.082h1.433a.08.08 0 00.081-.082v-3.594c0-.695.528-1.227 1.239-1.227.71 0 1.226.521 1.226 1.227v3.594a.08.08 0 00.081.082h1.433a.08.08 0 00.081-.082v-3.594c0-1.51-.981-2.577-2.355-2.577zM20.753 8.62c-.778 0-1.507.24-2.03.588a.082.082 0 00-.027.109l.632 1.088a.08.08 0 00.11.03 2.5 2.5 0 011.318-.366c1.25 0 2.17.891 2.17 2.068 0 1.003-.736 1.745-1.669 1.745-.76 0-1.288-.446-1.288-1.077 0-.361.152-.657.548-.866a.08.08 0 00.032-.113l-.596-1.018a.08.08 0 00-.098-.035c-.799.299-1.359 1.018-1.359 1.984 0 1.46 1.152 2.55 2.76 2.55 1.877 0 3.227-1.313 3.227-3.195 0-2.018-1.57-3.492-3.73-3.492zM28.675 8.843c-.724 0-1.373.27-1.845.746-.026.027-.069.007-.069-.029v-.572a.08.08 0 00-.08-.082h-1.397a.08.08 0 00-.08.082v8.182a.08.08 0 00.08.081h1.433a.08.08 0 00.081-.081v-2.683c0-.036.043-.054.069-.03a2.6 2.6 0 001.808.7c1.682 0 2.993-1.373 2.993-3.157s-1.313-3.157-2.993-3.157zm-.271 4.929c-.956 0-1.681-.768-1.681-1.783s.723-1.783 1.681-1.783c.958 0 1.68.755 1.68 1.783 0 1.027-.713 1.783-1.681 1.783h.001z" fill="#fff"/></svg>

                    </li>
                  
                
                    <li>
                      <span class="icon-fallback-text">
                        <span class="icon icon-visa" aria-hidden="true"></span>
                        <span class="fallback-text">visa</span>
                      </span>
                      <svg viewBox="0 0 38 24" xmlns="http://www.w3.org/2000/svg" role="img" width="38" height="24" aria-labelledby="pi-visa"><title id="pi-visa">Visa</title><path opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z"/><path fill="#fff" d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32"/><path d="M28.3 10.1H28c-.4 1-.7 1.5-1 3h1.9c-.3-1.5-.3-2.2-.6-3zm2.9 5.9h-1.7c-.1 0-.1 0-.2-.1l-.2-.9-.1-.2h-2.4c-.1 0-.2 0-.2.2l-.3.9c0 .1-.1.1-.1.1h-2.1l.2-.5L27 8.7c0-.5.3-.7.8-.7h1.5c.1 0 .2 0 .2.2l1.4 6.5c.1.4.2.7.2 1.1.1.1.1.1.1.2zm-13.4-.3l.4-1.8c.1 0 .2.1.2.1.7.3 1.4.5 2.1.4.2 0 .5-.1.7-.2.5-.2.5-.7.1-1.1-.2-.2-.5-.3-.8-.5-.4-.2-.8-.4-1.1-.7-1.2-1-.8-2.4-.1-3.1.6-.4.9-.8 1.7-.8 1.2 0 2.5 0 3.1.2h.1c-.1.6-.2 1.1-.4 1.7-.5-.2-1-.4-1.5-.4-.3 0-.6 0-.9.1-.2 0-.3.1-.4.2-.2.2-.2.5 0 .7l.5.4c.4.2.8.4 1.1.6.5.3 1 .8 1.1 1.4.2.9-.1 1.7-.9 2.3-.5.4-.7.6-1.4.6-1.4 0-2.5.1-3.4-.2-.1.2-.1.2-.2.1zm-3.5.3c.1-.7.1-.7.2-1 .5-2.2 1-4.5 1.4-6.7.1-.2.1-.3.3-.3H18c-.2 1.2-.4 2.1-.7 3.2-.3 1.5-.6 3-1 4.5 0 .2-.1.2-.3.2M5 8.2c0-.1.2-.2.3-.2h3.4c.5 0 .9.3 1 .8l.9 4.4c0 .1 0 .1.1.2 0-.1.1-.1.1-.1l2.1-5.1c-.1-.1 0-.2.1-.2h2.1c0 .1 0 .1-.1.2l-3.1 7.3c-.1.2-.1.3-.2.4-.1.1-.3 0-.5 0H9.7c-.1 0-.2 0-.2-.2L7.9 9.5c-.2-.2-.5-.5-.9-.6-.6-.3-1.7-.5-1.9-.5L5 8.2z" fill="#142688"/></svg>
                    </li>
                  
                
              </ul>
           
</div>
</footer>	
</div>
	<amp-state id="selected">
      <script type="application/json">
         {
            "variantId" : 48680832303391,
            "addToCartLable" : "Out of Stock" ,
            "available" : false,
            "price" : "$29.63 USD" ,
            "soldOut" : "",
            "compareAtPrice" : "$38.52 USD"
         }
      </script>
    </amp-state>  
	<amp-state id="options">
	  <script type="application/json">
		 {"Color":"black","Size":"M"}
	   </script>
	</amp-state>
	<amp-state id="productMap">
	  <script type="application/json">
		{"black__M":{"price":"$29.63 USD","compareAtPrice":"$38.52 USD","index":6,"addToCartLable":"Out of Stock","variantId":48680832303391,"available":false,"onSale":true,"hidden":"false"},"black__L":{"price":"$28.70 USD","compareAtPrice":"$37.31 USD","index":6,"addToCartLable":"Add To Cart","variantId":48680832336159,"available":true,"onSale":true,"hidden":"false"},"black__XL":{"price":"$28.03 USD","compareAtPrice":"$36.43 USD","index":6,"addToCartLable":"Out of Stock","variantId":48680832368927,"available":false,"onSale":true,"hidden":"false"},"black__XXL":{"price":"$38.11 USD","compareAtPrice":"$57.17 USD","index":6,"addToCartLable":"Out of Stock","variantId":48680832401695,"available":false,"onSale":true,"hidden":"false"},"black__XXXL":{"price":"$27.96 USD","compareAtPrice":"$36.35 USD","index":6,"addToCartLable":"Out of Stock","variantId":48680832434463,"available":false,"onSale":true,"hidden":"false"},"black__4XL":{"price":"$28.34 USD","compareAtPrice":"$36.86 USD","index":6,"addToCartLable":"Out of Stock","variantId":48680832467231,"available":false,"onSale":true,"hidden":"false"},"SKY BLUE__M":{"price":"$29.37 USD","compareAtPrice":"$38.19 USD","index":7,"addToCartLable":"Out of Stock","variantId":48680832499999,"available":false,"onSale":true,"hidden":"false"},"SKY BLUE__L":{"price":"$27.78 USD","compareAtPrice":"$36.10 USD","index":7,"addToCartLable":"Out of Stock","variantId":48680832532767,"available":false,"onSale":true,"hidden":"false"},"SKY BLUE__XL":{"price":"$28.62 USD","compareAtPrice":"$37.20 USD","index":7,"addToCartLable":"Add To Cart","variantId":48680832565535,"available":true,"onSale":true,"hidden":"false"},"SKY BLUE__XXL":{"price":"$27.84 USD","compareAtPrice":"$36.19 USD","index":7,"addToCartLable":"Out of Stock","variantId":48680832598303,"available":false,"onSale":true,"hidden":"false"},"SKY BLUE__XXXL":{"price":"$28.10 USD","compareAtPrice":"$36.53 USD","index":7,"addToCartLable":"Out of Stock","variantId":48680832631071,"available":false,"onSale":true,"hidden":"false"},"SKY BLUE__4XL":{"price":"$28.48 USD","compareAtPrice":"$37.02 USD","index":7,"addToCartLable":"Out of Stock","variantId":48680832663839,"available":false,"onSale":true,"hidden":"false"},"Peacock Blue__M":{"price":"$27.52 USD","compareAtPrice":"$35.79 USD","index":8,"addToCartLable":"Out of Stock","variantId":48680832696607,"available":false,"onSale":true,"hidden":"false"},"Peacock Blue__L":{"price":"$27.56 USD","compareAtPrice":"$35.83 USD","index":8,"addToCartLable":"Add To Cart","variantId":48680832729375,"available":true,"onSale":true,"hidden":"false"},"Peacock Blue__XL":{"price":"$28.81 USD","compareAtPrice":"$37.45 USD","index":8,"addToCartLable":"Add To Cart","variantId":48680832762143,"available":true,"onSale":true,"hidden":"false"},"Peacock Blue__XXL":{"price":"$27.70 USD","compareAtPrice":"$36.01 USD","index":8,"addToCartLable":"Add To Cart","variantId":48680832794911,"available":true,"onSale":true,"hidden":"false"},"Peacock Blue__XXXL":{"price":"$30.01 USD","compareAtPrice":"$39.00 USD","index":8,"addToCartLable":"Out of Stock","variantId":48680832827679,"available":false,"onSale":true,"hidden":"false"},"Peacock Blue__4XL":{"price":"$28.15 USD","compareAtPrice":"$36.61 USD","index":8,"addToCartLable":"Out of Stock","variantId":48680832860447,"available":false,"onSale":true,"hidden":"false"},"Navy__M":{"price":"$29.55 USD","compareAtPrice":"$38.41 USD","index":9,"addToCartLable":"Out of Stock","variantId":48680832893215,"available":false,"onSale":true,"hidden":"false"},"Navy__L":{"price":"$29.46 USD","compareAtPrice":"$38.30 USD","index":9,"addToCartLable":"Out of Stock","variantId":48680832925983,"available":false,"onSale":true,"hidden":"false"},"Navy__XL":{"price":"$28.81 USD","compareAtPrice":"$37.45 USD","index":9,"addToCartLable":"Add To Cart","variantId":48680832958751,"available":true,"onSale":true,"hidden":"false"},"Navy__XXL":{"price":"$27.93 USD","compareAtPrice":"$36.31 USD","index":9,"addToCartLable":"Out of Stock","variantId":48680832991519,"available":false,"onSale":true,"hidden":"false"},"Navy__XXXL":{"price":"$28.22 USD","compareAtPrice":"$36.68 USD","index":9,"addToCartLable":"Out of Stock","variantId":48680833024287,"available":false,"onSale":true,"hidden":"false"},"Navy__4XL":{"price":"$28.00 USD","compareAtPrice":"$36.40 USD","index":9,"addToCartLable":"Out of Stock","variantId":48680833057055,"available":false,"onSale":true,"hidden":"false"}}
	  </script>
	</amp-state>
</body>
</html>