

<!doctype html>
<html amp lang="en">
<head>
  <meta charset="utf-8">
	<title>Summer Men's Fitness Shorts Gym Shorts Gyms Short Pants Run Hiking Sportswear Running Shorts Men Sports Jogging</title>
       <link rel="canonical" href="//www.zopistyle.com.co/products/summer-mens-fitness-shorts-gym-shorts-gyms-short-pants-run-hiking-sportswear-running-shorts-men-sports-jogging" />	
	   <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>
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Asap">
              <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: "PT Serif",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:bold;
	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;
    line-height: 48px;
  border-bottom: 0px solid #ddd;
  
    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;
}
                
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: 3px;
  	text-decoration: none;
  	color:#000;
  	font-weight: bold;
}
a.cart svg {
    width: 30px;
    height: 30px;
}
.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-weight: bold;
    font-size: 15px;
  
}
      .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;
}
.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;
}
    @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: #cbd5cc;width: 300px;}
.childDropdown div{display: none;}
ul.mainMenu{}
.mainMenu li{display: block;border-top: 1px solid #000;border-color: rgba(0,0,0,0.2);}
.mainMenu li a {display: block;font-family: "Source Sans Pro","HelveticaNeue","Helvetica Neue",sans-serif;padding: 12px 15px;font-size: 12.5px;font-weight: 700;text-transform: uppercase;color: #000;}
.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: "Source Sans Pro","HelveticaNeue","Helvetica Neue",sans-serif;font-size: 0.94118em;font-weight: bold;margin: 0px 0px 15px;line-height: 1.6;}
.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;}
.inputBox{font-family: "PT Serif",serif;font-size: 0.85em;height: 37px;line-height: 1.3;width:100%;max-width: 100%;border: 1px solid rgba(0,0,0,0.15);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: #59756f;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 {
  font-family: "Source Sans Pro","HelveticaNeue","Helvetica Neue",sans-serif;
}
                
                
#mlveda-carousel-preview-image-0{background-image: url('//www.zopistyle.com.co/cdn/shop/files/S5f88d1ef6fb44bac9cf22342593ff7c6h_320x400.webp');}#mlveda-carousel-preview-image-1{background-image: url('//www.zopistyle.com.co/cdn/shop/files/Sdfa2153c0da946d084209ed86762333f6_320x400.webp');}#mlveda-carousel-preview-image-2{background-image: url('//www.zopistyle.com.co/cdn/shop/files/Sdb11167ac7dc40948514f7390af9d78dK_320x400.webp');}#mlveda-carousel-preview-image-3{background-image: url('//www.zopistyle.com.co/cdn/shop/files/Sd2e2ce9dcf6742118df823f76f96e610s_320x400.webp');}#mlveda-carousel-preview-image-4{background-image: url('//www.zopistyle.com.co/cdn/shop/files/S78b6a56a839a40e797032c9a1be336405_320x400.webp');}#mlveda-carousel-preview-image-5{background-image: url('//www.zopistyle.com.co/cdn/shop/files/S5f88d1ef6fb44bac9cf22342593ff7c6h_c06e3b84-b28b-4c56-8b80-3b3495fd9814_320x400.webp');}#mlveda-carousel-preview-image-6{background-image: url('//www.zopistyle.com.co/cdn/shop/files/Sba3a54350c8248df9edb9315364278d31_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-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-default{position:relative;width:80%;}    
    amp-img.mlveda-image img {object-fit: contain;}
span#ProductPrice {
    display: inline-block;
    margin-right: 15px;
    font-size: 24px;
	font-family: "Source Sans Pro","HelveticaNeue","Helvetica Neue",sans-serif;
	color:#59756f;
	font-weight: 700;
}
span#SpecialPrice {
    display: inline-block;
    margin-right: 0;
	font-family: "Source Sans Pro","HelveticaNeue","Helvetica Neue",sans-serif;
	color:#59756f;
    font-size: 24px;
    text-decoration: line-through;
	font-weight: 700;
} 
input#addcart {display: 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;line-height: 1.42;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: #59756f;color: #fff;-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;}
.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-family: "Source Sans Pro","HelveticaNeue","Helvetica Neue",sans-serif;font-size: 0.94118em;font-weight: bold;margin: 0px 0px 15px;line-height: 1.6;}
.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;font-weight: bold;margin-top: 10px;margin-bottom: 5px;}
.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;}
.instock{
        letter-spacing: 2px;
    }button.ampstart-btn.caps.m2 {color:#000000;}a.cart {color:#000000;}
a.cart svg path {fill:#000000;}
.topSearchIcon svg path {fill:#000000;}
header.header {background-color:#cbd5cc;}
.mlveda-footer a,footer h3{color:#000000;font-size:14px;}
footer .col30{background-color: #cbd5cc;}
body {background-color:#ffffff;}
amp-img {background-color:#ffffff;}
a.product_name{font-size:30px;color:#000000;}
.description, .desCription{color:#000000;
font-size:17px;}
input#addcart {color:#ffffff;font-size:15px;background-color:#59756f;}
.mlveda-price-label {color:#000000;font-size:16px;}
span#ProductPrice, span#SpecialPrice {color:#59756f;font-size:24px;}
.mlveda-available-label {color:#000000;
font-size:16px;
}h3.mlveda-related-product-title{
color:#000000;
font-size:15px;
}.item .h4.grid-view-item__title{
color:#000000;
font-size:14px;
}
.grid-view-item__meta span{
color:#000000;
font-size:14px;
}*{
font-family:'Asap';
}

.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/1508/2966/files/zopistyle_ade02669-5462-45e9-828d-bcbdb539c967.jpg?v=1623482604" />
<meta property="og:image:secure_url" content="https://cdn.shopify.com/s/files/1/1508/2966/files/zopistyle_ade02669-5462-45e9-828d-bcbdb539c967.jpg?v=1623482604" />
<meta property="og:image:width" content="959" />
<meta property="og:image:height" content="640" />
</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/women-fashion?ref=fireamp">Women</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/blouses-shirts?ref=fireamp" >Blouses &amp; Shirts</a>
                                    </li>
                                  
                                
                                    <li>
                                      	<a href="/collections/sports-wear?ref=fireamp" >Sports Wear </a>
                                    </li>
                                  
                                
                                    <li>
                                      	<a href="/collections/knitting-pullover-cardigan-coat?ref=fireamp" >Jackets Pullover Hoodies </a>
                                    </li>
                                  
                                
                                    <li>
                                      	<a href="/collections/ladies-shoes?ref=fireamp" >Shoes</a>
                                    </li>
                                  
                                
                                    <li>
                                      	<a href="/collections/ladies-hand-bags-2022?ref=fireamp" >Handbags</a>
                                    </li>
                                  
                                
                                    <li>
                                      	<a href="/collections/watch-accessories?ref=fireamp" >Sunglasses &amp; Accessories </a>
                                    </li>
                                  
                                
                                    <li>
                                      	<a href="/collections/waterproof-temporary-tatoo-sticker?ref=fireamp" >Temporary Tatoo</a>
                                    </li>
                                  
                                
                              </ul>    
                            </amp-list>
                         </li>   
                     
                
                         <li class="childDropdown">
                            <a class="childDropdownTitle" href="/collections/mens-corener?ref=fireamp">Men</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/polo-shirts/Polo-Shirts?ref=fireamp" >Polo Shirts</a>
                                    </li>
                                  
                                
                                    <li>
                                      	<a href="/collections/pants-denims?ref=fireamp" >Pants, Trousers and Shorts </a>
                                    </li>
                                  
                                
                                    <li>
                                      	<a href="/collections/men-underwear?ref=fireamp" >Underwear &amp; Sleepwear </a>
                                    </li>
                                  
                                
                                    <li>
                                      	<a href="/collections/mens-jacket?ref=fireamp" >Jackets Pullover Sweatshirts</a>
                                    </li>
                                  
                                
                                    <li>
                                      	<a href="/collections/mens-shoes?ref=fireamp" >Shoes</a>
                                    </li>
                                  
                                
                                    <li>
                                      	<a href="/collections/mens-accesories-1?ref=fireamp" >Accessories </a>
                                    </li>
                                  
                                
                                    <li>
                                      	<a href="/collections/waterproof-temporary-tatoo-sticker?ref=fireamp" >Temporary Tattoos </a>
                                    </li>
                                  
                                
                                    <li>
                                      	<a href="/collections/mens-sport-wear?ref=fireamp" >Fit &amp; Fierce</a>
                                    </li>
                                  
                                
                                    <li>
                                      	<a href="/collections/mens-sunglasses?ref=fireamp" >Sunglass</a>
                                    </li>
                                  
                                
                              </ul>    
                            </amp-list>
                         </li>   
                     
                
                         <li class="childDropdown">
                            <a class="childDropdownTitle" href="/collections/mother-kids?ref=fireamp">Mother & Kids</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/kids-clothes-for-boys?ref=fireamp" >Boys Clothes</a>
                                    </li>
                                  
                                
                                    <li>
                                      	<a href="/collections/baby-dresses-rompers?ref=fireamp" >Girls Clothes</a>
                                    </li>
                                  
                                
                                    <li>
                                      	<a href="/collections/apparel-accessories?ref=fireamp" >Apparel &amp; Accessories</a>
                                    </li>
                                  
                                
                                    <li>
                                      	<a href="/collections/baby-essentials?ref=fireamp" >Baby Essentials</a>
                                    </li>
                                  
                                
                                    <li>
                                      	<a href="/collections/baby-strollers-car-seats?ref=fireamp" >Travel Kits</a>
                                    </li>
                                  
                                
                                    <li>
                                      	<a href="/collections/activity-entertainment?ref=fireamp" >Kids Activities &amp; Gaming</a>
                                    </li>
                                  
                                
                                    <li>
                                      	<a href="/collections/fidget-toys/Fidget-Spinners+Stress-Relief-Cubes+Squeeze-Toys+Magic-Cubes?ref=fireamp" >Fidget Toy Collection: Fun, Focus, and Stress Relief</a>
                                    </li>
                                  
                                
                              </ul>    
                            </amp-list>
                         </li>   
                     
                
                         <li class="childDropdown">
                            <a class="childDropdownTitle" href="/collections/home-electronic?ref=fireamp">Home & Electronics</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/kitchen-items?ref=fireamp" >Kitchen Accessories</a>
                                    </li>
                                  
                                
                                    <li>
                                      	<a href="/collections/smart-home?ref=fireamp" >Smart Home</a>
                                    </li>
                                  
                                
                                    <li>
                                      	<a href="/collections/house-decor-lighting?ref=fireamp" >House Decor &amp; Lighting</a>
                                    </li>
                                  
                                
                              </ul>    
                            </amp-list>
                         </li>   
                     
                
                    	 <li><a href="/collections/gaming?ref=fireamp" >Gaming Store</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">
<button on="tap:sidebar-left.toggle" class="ampstart-btn caps m2"><span class="icon icon-hamburger menuIcon" aria-hidden="true"></span>
  
  <span class="mlveda-menu-span">  Menu</span></button>
<div id="target-element-left">
</div>
 <a  class="cart  animated" href="/cart?ref=fireamp">
 <span class="icon icon-cart"></span>
   <span class="cart-text">Cart</span>
</a>

</header>

<div class="logo ">
<div class="centerLogo">
              
              
               <a href="/?ref=fireamp" class="logotext">            
              	<amp-img src="//www.zopistyle.com.co/cdn/shop/t/11/assets/ampLogo_large.png?v=43708982869522530171616191134" alt="ZopiStyle"  height="100px" width="100px" layout="responsive"/></amp-img> 
          	   </a>
              
</div>
</div>

           	<amp-analytics>
       <script type="application/json">
{
  "requests": {
    "pageview": "https://www.zopistyle.com.co/apps/fireamp/analytics/page",
    "event": "https://www.zopistyle.com.co/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>


<div class="main-contain">
	<div class="container">
		<section class="breadcrumbSec">
			<div>
				<ul class="breadcrumbBlock">
					<li><a href="/">Home</a> <span class="divider" aria-hidden="true">&rsaquo;</span></li>
					<li>Summer Men's Fitness Shorts Gym Shorts Gyms Short Pants Run Hiking Sportswear Running Shorts Men Sports Jogging</li>
				</ul>
			</div>
		</section>
	 
<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="//www.zopistyle.com.co/cdn/shop/files/S5f88d1ef6fb44bac9cf22342593ff7c6h_800x800.webp?v=1735082075"  class="bounceIn mlveda-image" layout="fill"></amp-img>
  </div>


  <div class="mlveda-product-image-wrapper-default mlveda-product-image-wrapper-1">  
    <amp-img src="//www.zopistyle.com.co/cdn/shop/files/Sdfa2153c0da946d084209ed86762333f6_800x800.webp?v=1735082075"  class="bounceIn mlveda-image" layout="fill"></amp-img>
  </div>


  <div class="mlveda-product-image-wrapper-default mlveda-product-image-wrapper-2">  
    <amp-img src="//www.zopistyle.com.co/cdn/shop/files/Sdb11167ac7dc40948514f7390af9d78dK_800x800.webp?v=1735082075"  class="bounceIn mlveda-image" layout="fill"></amp-img>
  </div>


  <div class="mlveda-product-image-wrapper-default mlveda-product-image-wrapper-3">  
    <amp-img src="//www.zopistyle.com.co/cdn/shop/files/Sd2e2ce9dcf6742118df823f76f96e610s_800x1067.webp?v=1735082075"  class="bounceIn mlveda-image" layout="fill"></amp-img>
  </div>


  <div class="mlveda-product-image-wrapper-default mlveda-product-image-wrapper-4">  
    <amp-img src="//www.zopistyle.com.co/cdn/shop/files/S78b6a56a839a40e797032c9a1be336405_800x800.webp?v=1735082075"  class="bounceIn mlveda-image" layout="fill"></amp-img>
  </div>


  <div class="mlveda-product-image-wrapper-default mlveda-product-image-wrapper-5">  
    <amp-img src="//www.zopistyle.com.co/cdn/shop/files/S5f88d1ef6fb44bac9cf22342593ff7c6h_c06e3b84-b28b-4c56-8b80-3b3495fd9814_800x800.webp?v=1735082075"  class="bounceIn mlveda-image" layout="fill"></amp-img>
  </div>


  <div class="mlveda-product-image-wrapper-default mlveda-product-image-wrapper-6">  
    <amp-img src="//www.zopistyle.com.co/cdn/shop/files/Sba3a54350c8248df9edb9315364278d31_800x1067.webp?v=1735082075"  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>

 
</amp-carousel>
</div>


		  <div class="product-contain">
			 <h1 class="product-title"><a href="#" class="product_name">Summer Men's Fitness Shorts Gym Shorts Gyms Short Pants Run Hiking Sportswear Running Shorts Men Sports Jogging</a></h1>	
			<!---
				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]">6.02 $</span>
			 	<span id="SpecialPrice"><span class="hideSave" [class]="selected.onSale ? 'productComPrice' : 'hideSave'" [text]="[selected.compareAtPrice]">0.00 $</span></span>
			 </div>
			 <form method="get" action="//www.zopistyle.com.co/cart/add" target="_top">      			
				
              	
                    <div class="optionSelectBlock">
                      <label>Color</label>
                          <select on="change:AMP.setState({options : { Color : event.value },selected: productMap[event.value+'__'+options['Size']]
                          })" name="option-1" id="option-1" class="single-option-selector">
                            
                              <option value="black" [selected]="">black</option>
                            
                              <option value="white" [selected]="">white</option>
                            
                              <option value="Army Green" [selected]="">Army Green</option>
                            
                              <option value="khaki" [selected]="">khaki</option>
                            
                              <option value="light grey" [selected]="">light grey</option>
                            
                              <option value="Navy blue" [selected]="">Navy blue</option>
                            
                          </select>
                    </div>
                    
                        <div class="optionSelectBlock">
                          <label>Size</label>
                          <select on="change:AMP.setState({options : { Size : event.value },
                          selected: productMap[options['Color']+'__'+event.value]
                          })" name="option-2" id="option-2" class="single-option-selector">
                          
                              <option value="XXL" [selected]="">XXL</option>
                          
                              <option value="XL" [selected]="">XL</option>
                          
                              <option value="L" [selected]="">L</option>
                          
                              <option value="M" [selected]="">M</option>
                          
                              <option value="XXXL" [selected]="">XXXL</option>
                          
                          </select>
                        </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="45146713161890"/>   
                  <input type="submit" class="addToCartBtn" id="addcart"                        
                                     [disabled]="!selected.variantId || !selected.available"
                                     value="Add To Cart"
                                     [value]="selected.variantId ? selected.addToCartLable : 'Unavailable'"
                                     /> 
				</form>
        </section>

			<!-- discription --->
		                <div class="desCription">
			<h1>SPECIFICATIONS</h1><p><span>Brand Name</span>: <span>NoEnName_Null</span></p><p><span>Origin</span>: <span>Mainland China</span></p><p><span>CN</span>: <span>Jiangxi</span></p><p><span>Hign-concerned Chemical</span>: <span>None</span></p><p><span>Material</span>: <span>POLYESTER</span></p><p><span>Gender</span>: <span>MEN</span></p><p><span>Item Type</span>: <span>shorts</span></p><p><span>Sport Type</span>: <span>Running</span></p><p><span>Department Name</span>: <span>MEN</span></p><p><span>Pattern Type</span>: <span>Print</span></p><p><span>Fit</span>: <span>Fits true to size, take your normal size</span></p><p><span>Craft of Weaving</span>: <span>Knit</span></p><p><span>Choice</span>: <span>yes</span></p>
                  
			</div>
	       	                <!-- /discription --->
			<div class="socialSharing">
                	<h5 class="shareName">Share this Product</h5>
				    <a target="_blank" class="fbIcon" href="//www.facebook.com/sharer.php?u=https://www.zopistyle.com.co/products/summer-mens-fitness-shorts-gym-shorts-gyms-short-pants-run-hiking-sportswear-running-shorts-men-sports-jogging" 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://www.zopistyle.com.co/products/summer-mens-fitness-shorts-gym-shorts-gyms-short-pants-run-hiking-sportswear-running-shorts-men-sports-jogging" 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://www.zopistyle.com.co/products/summer-mens-fitness-shorts-gym-shorts-gyms-short-pants-run-hiking-sportswear-running-shorts-men-sports-jogging&amp;media=////www.zopistyle.com.co/cdn/shop/files/S5f88d1ef6fb44bac9cf22342593ff7c6h_large.webp?v=1735082075" title="Pin on Pinterest">
				      <span class="icon icon-pinterest" aria-hidden="true"></span>
				      <span class="shareTitle" aria-hidden="true">Pin it</span>
				    </a>
				</div>
	
			<!--related -->
			  
        <section class="relatedProductSec">
        	<div>
              <h3 class="relatedPrdTitle mlveda-related-product-title">More from this collection</h3>
    

    <div class="relatedProductMainBlock cf">      
    
      
              		<div class="relatedProductBlock">
                       
					   
						<a href="/apps/fireamp/products/2023-new-bodybuilding-brand-jogger-gym-singlet-training-bodybuilding-tank-top-vest-shirt-sleeveless-fitness-cotton-shirt-for-men" class="relatedProductImgLink">
							<amp-img src="//www.zopistyle.com.co/cdn/shop/files/Sa7f87cafff084241b564a3872d7915543_fcf86b9e-443a-45f7-8c59-45674e9ccb4f_large.webp?v=1735083165" alt="2023 New Bodybuilding Brand Jogger Gym Singlet Training Bodybuilding Tank Top Vest Shirt Sleeveless Fitness Cotton Shirt For Men" width="150px" height="150px" layout="responsive"></amp-img>
						<div class="relatedProductLink item">
					      <span class="relatedProductTitle h4 grid-view-item__title">2023 New Bodybuilding Brand Jogger Gym Singlet Training Bodybuilding Tank Top Vest Shirt Sleeveless Fitness Cotton Shirt For Men</span>
                          <!--<span class="relatedProductBrand">ZopiStyle</span>-->
                          <span class="relatedProductCmpPrice grid-view-item__meta"><span></span></span>
                          <span class="relatedProductPrice grid-view-item__meta"><span><span class="money conversion-bear-money">5.09 $</span></span></span>
						</a>
    					</div>
					</div>
               
   
              		<div class="relatedProductBlock">
                       
					   
						<a href="/apps/fireamp/products/2024-new-largetype-men-compression-t-shirt-men-sporting-skinny-tee-shirt-male-gym-running-black-quick-dry-t-shirt-fitness-sports" class="relatedProductImgLink">
							<amp-img src="//www.zopistyle.com.co/cdn/shop/files/S73d14a1e7ac3446d9b575f4089718b37j_large.webp?v=1735082081" alt="2024 New largetype Men Compression T-shirt men Sporting Skinny Tee Shirt Male Gym Running Black Quick dry T-shirt Fitness Sports" width="150px" height="150px" layout="responsive"></amp-img>
						<div class="relatedProductLink item">
					      <span class="relatedProductTitle h4 grid-view-item__title">2024 New largetype Men Compression T-shirt men Sporting Skinny Tee Shirt Male Gym Running Black Quick dry T-shirt Fitness Sports</span>
                          <!--<span class="relatedProductBrand">ZopiStyle</span>-->
                          <span class="relatedProductCmpPrice grid-view-item__meta"><span></span></span>
                          <span class="relatedProductPrice grid-view-item__meta"><span><span class="money conversion-bear-money">9.29 $</span></span></span>
						</a>
    					</div>
					</div>
               
   
              		<div class="relatedProductBlock">
                       
					   
						<a href="/apps/fireamp/products/2024-vintage-men-hoodie-sweatshirt-street-man-clothing-mens-oversized-hooded-pullover-male-retro-harajuku-solid-color-hoody" class="relatedProductImgLink">
							<amp-img src="//www.zopistyle.com.co/cdn/shop/files/Sd4d07935ae5b43439a3dcca30961c4ddT_1ae73567-bee2-4783-a676-1c3b6b852ba1_large.webp?v=1735085454" alt="2024 Vintage Men Hoodie Sweatshirt Street Man Clothing Men&#39;s Oversized Hooded Pullover Male Retro Harajuku Solid Color Hoody" width="150px" height="150px" layout="responsive"></amp-img>
						<div class="relatedProductLink item">
					      <span class="relatedProductTitle h4 grid-view-item__title">2024 Vintage Men Hoodie Sweatshirt Street Man Clothing Men's Oversized Hooded Pullover Male Retro Harajuku Solid Color Hoody</span>
                          <!--<span class="relatedProductBrand">ZopiStyle</span>-->
                          <span class="relatedProductCmpPrice grid-view-item__meta"><span></span></span>
                          <span class="relatedProductPrice grid-view-item__meta"><span><span class="money conversion-bear-money">28.29 $</span></span></span>
						</a>
    					</div>
					</div>
               
   
              		<div class="relatedProductBlock">
                       
					   
						<a href="/apps/fireamp/products/2024new-autumn-and-winter-mens-fashion-sportswear-casual-jogging-long-sleeved-hooded-jumper-multi-zipper-arm-pocket-hoodie" class="relatedProductImgLink">
							<amp-img src="//www.zopistyle.com.co/cdn/shop/files/Sd8691cf2c87a4c2abb9e42f29f2be252R_large.webp?v=1735085451" alt="2024New autumn and winter men&#39;s fashion sportswear casual jogging long-sleeved hooded jumper multi-zipper arm pocket hoodie" width="150px" height="150px" layout="responsive"></amp-img>
						<div class="relatedProductLink item">
					      <span class="relatedProductTitle h4 grid-view-item__title">2024New autumn and winter men's fashion sportswear casual jogging long-sleeved hooded jumper multi-zipper arm pocket hoodie</span>
                          <!--<span class="relatedProductBrand">ZopiStyle</span>-->
                          <span class="relatedProductCmpPrice grid-view-item__meta"><span></span></span>
                          <span class="relatedProductPrice grid-view-item__meta"><span><span class="money conversion-bear-money">21.67 $</span></span></span>
						</a>
    					</div>
					</div>
               
                   
        		</div>
        	</div>
        </section>
  

			<!--related -->
		</div>

	</div>  <!-- endcontainer -->
<footer>
<div class="col30 wrapper">
  
  <h3 class="footerMenuTitle">Links</h3>
  
      <ul class="mlveda-footer footerMenu">
      
              
<li><a href="/pages/about-us" title="About us">About us</a></li>
 

<li><a href="/blogs/news" title="Blog Posts">Blog Posts</a></li>
 

<li><a href="/search" title="Search">Search</a></li>
 

<li><a href="/pages/shipping-policy" title="Shipping Policy">Shipping Policy</a></li>
 

<li><a href="/pages/return-policy" title="Return Policy">Return Policy</a></li>
 

<li><a href="/pages/privacy-policy" title="Privacy Policy">Privacy Policy</a></li>
 

<li><a href="/pages/terms-conditions" title="Terms & Condition">Terms & Condition</a></li>
 

<li><a href="https://www.zopistyle.com.co/apps/sitemap" title="Sitemap">Sitemap</a></li>
 

<li><a href="/policies/terms-of-service" title="Terms of Service">Terms of Service</a></li>
 

<li><a href="/policies/refund-policy" title="Refund policy">Refund policy</a></li>
 

<li><a href="/pages/ccpa-opt-out" title="Do not sell my personal information">Do not sell my personal information</a></li>
 

      </ul>
          	
		   	
			<h3 class="footerMenuTitle">Follow us</h3>
          	  <ul class="footerSocial mlveda-footer">
                  
                  
                    <li>
                      <a href="https://www.facebook.com/zopistyle" title="ZopiStyle on Facebook">
                        <span class="icon icon-facebook" aria-hidden="true"></span>
                      </a>
                    </li>
                    
                  
                    <li>
                      <a href="https://twitter.com/zopistyle" title="ZopiStyle on Twitter">
                        <span class="icon icon-twitter" aria-hidden="true"></span>
                      </a>
                    </li>
                    
                  
                    <li>
                      <a href="https://www.pinterest.com/Zopistyle/" title="ZopiStyle on Pinterest">
                        <span class="icon icon-pinterest" aria-hidden="true"></span>
                      </a>
                    </li>
                    
                  
                    <li>
                      <a href="https://www.instagram.com/zopistyle/" title="ZopiStyle on Instagram">
                        <span class="icon icon-instagram" aria-hidden="true"></span>
                      </a>
                    </li>
                    
                  
                    <li>
                      <a href="https://www.youtube.com/channel/UC-p0sg9Q-f4Dzcw9loVZErg" title="ZopiStyle on Youtube">
                        <span class="icon icon-youtube" aria-hidden="true"></span>
                      </a>
                    </li>
                    
                  
	          	</ul>
           
			<h4 class="footerMenuTitle">Newsletter</h4>
			<p>Sign up for the latest news, offers and styles</p>
            <form method="post" action-xhr="/contact#contact_form" id="contact_form" accept-charset="UTF-8" class="contact-form" 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="Your email" value="" class="inputBox" required>
                            <button type="submit" class="subscribeBtn">Subscribe</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; 2025, <a href="/" title="">ZopiStyle.</a> 
			</div>
          
</div>
</footer>	
</div>
	<amp-state id="selected">
      <script type="application/json">
         {
            "variantId" : 45146713161890,
            "addToCartLable" : "Add To Cart" ,
            "available" : true,
            "price" : "6.02 $" ,
            "soldOut" : "",
            "compareAtPrice" : "0.00 $"
         }
      </script>
    </amp-state>  
	<amp-state id="options">
	  <script type="application/json">
		 {"Color":"black","Size":"XXL"}
	   </script>
	</amp-state>
	<amp-state id="productMap">
	  <script type="application/json">
		{"black__XXL":{"price":"6.02 $","compareAtPrice":"0.00 $","index":1,"addToCartLable":"Add To Cart","variantId":45146713161890,"available":true,"onSale":false,"hidden":"false"},"black__XL":{"price":"5.99 $","compareAtPrice":"0.00 $","index":1,"addToCartLable":"Add To Cart","variantId":45146713194658,"available":true,"onSale":false,"hidden":"false"},"black__L":{"price":"5.83 $","compareAtPrice":"0.00 $","index":1,"addToCartLable":"Out of Stock","variantId":45146713227426,"available":false,"onSale":false,"hidden":"false"},"black__M":{"price":"5.66 $","compareAtPrice":"0.00 $","index":1,"addToCartLable":"Add To Cart","variantId":45146713260194,"available":true,"onSale":false,"hidden":"false"},"white__XL":{"price":"5.70 $","compareAtPrice":"0.00 $","index":2,"addToCartLable":"Add To Cart","variantId":45146713292962,"available":true,"onSale":false,"hidden":"false"},"white__L":{"price":"5.55 $","compareAtPrice":"0.00 $","index":2,"addToCartLable":"Add To Cart","variantId":45146713325730,"available":true,"onSale":false,"hidden":"false"},"white__M":{"price":"5.52 $","compareAtPrice":"0.00 $","index":2,"addToCartLable":"Add To Cart","variantId":45146713358498,"available":true,"onSale":false,"hidden":"false"},"black__XXXL":{"price":"6.03 $","compareAtPrice":"0.00 $","index":1,"addToCartLable":"Add To Cart","variantId":45146713391266,"available":true,"onSale":false,"hidden":"false"},"Army Green__XL":{"price":"5.80 $","compareAtPrice":"0.00 $","index":3,"addToCartLable":"Add To Cart","variantId":45146713424034,"available":true,"onSale":false,"hidden":"false"},"Army Green__XXL":{"price":"5.87 $","compareAtPrice":"0.00 $","index":3,"addToCartLable":"Add To Cart","variantId":45146713456802,"available":true,"onSale":false,"hidden":"false"},"Army Green__XXXL":{"price":"6.25 $","compareAtPrice":"0.00 $","index":3,"addToCartLable":"Add To Cart","variantId":45146713489570,"available":true,"onSale":false,"hidden":"false"},"khaki__M":{"price":"5.55 $","compareAtPrice":"0.00 $","index":4,"addToCartLable":"Add To Cart","variantId":45146713522338,"available":true,"onSale":false,"hidden":"false"},"Army Green__M":{"price":"5.64 $","compareAtPrice":"0.00 $","index":3,"addToCartLable":"Add To Cart","variantId":45146713555106,"available":true,"onSale":false,"hidden":"false"},"Army Green__L":{"price":"5.64 $","compareAtPrice":"0.00 $","index":3,"addToCartLable":"Add To Cart","variantId":45146713587874,"available":true,"onSale":false,"hidden":"false"},"light grey__M":{"price":"5.73 $","compareAtPrice":"0.00 $","index":5,"addToCartLable":"Add To Cart","variantId":45146713620642,"available":true,"onSale":false,"hidden":"false"},"light grey__XXXL":{"price":"5.96 $","compareAtPrice":"0.00 $","index":5,"addToCartLable":"Add To Cart","variantId":45146713653410,"available":true,"onSale":false,"hidden":"false"},"light grey__XXL":{"price":"5.92 $","compareAtPrice":"0.00 $","index":5,"addToCartLable":"Add To Cart","variantId":45146713686178,"available":true,"onSale":false,"hidden":"false"},"light grey__XL":{"price":"5.80 $","compareAtPrice":"0.00 $","index":5,"addToCartLable":"Add To Cart","variantId":45146713718946,"available":true,"onSale":false,"hidden":"false"},"light grey__L":{"price":"5.71 $","compareAtPrice":"0.00 $","index":5,"addToCartLable":"Add To Cart","variantId":45146713751714,"available":true,"onSale":false,"hidden":"false"},"white__XXXL":{"price":"5.81 $","compareAtPrice":"0.00 $","index":2,"addToCartLable":"Add To Cart","variantId":45146713784482,"available":true,"onSale":false,"hidden":"false"},"white__XXL":{"price":"5.87 $","compareAtPrice":"0.00 $","index":2,"addToCartLable":"Add To Cart","variantId":45146713817250,"available":true,"onSale":false,"hidden":"false"},"Navy blue__XXXL":{"price":"6.06 $","compareAtPrice":"0.00 $","index":6,"addToCartLable":"Add To Cart","variantId":45146713850018,"available":true,"onSale":false,"hidden":"false"},"Navy blue__M":{"price":"5.64 $","compareAtPrice":"0.00 $","index":6,"addToCartLable":"Add To Cart","variantId":45146713882786,"available":true,"onSale":false,"hidden":"false"},"Navy blue__L":{"price":"5.84 $","compareAtPrice":"0.00 $","index":6,"addToCartLable":"Add To Cart","variantId":45146713915554,"available":true,"onSale":false,"hidden":"false"},"Navy blue__XL":{"price":"5.89 $","compareAtPrice":"0.00 $","index":6,"addToCartLable":"Add To Cart","variantId":45146713948322,"available":true,"onSale":false,"hidden":"false"},"Navy blue__XXL":{"price":"6.37 $","compareAtPrice":"0.00 $","index":6,"addToCartLable":"Out of Stock","variantId":45146713981090,"available":false,"onSale":false,"hidden":"false"},"khaki__L":{"price":"5.77 $","compareAtPrice":"0.00 $","index":4,"addToCartLable":"Add To Cart","variantId":45146714013858,"available":true,"onSale":false,"hidden":"false"},"khaki__XL":{"price":"5.84 $","compareAtPrice":"0.00 $","index":4,"addToCartLable":"Add To Cart","variantId":45146714046626,"available":true,"onSale":false,"hidden":"false"},"khaki__XXL":{"price":"5.87 $","compareAtPrice":"0.00 $","index":4,"addToCartLable":"Add To Cart","variantId":45146714079394,"available":true,"onSale":false,"hidden":"false"},"khaki__XXXL":{"price":"5.92 $","compareAtPrice":"0.00 $","index":4,"addToCartLable":"Add To Cart","variantId":45146714112162,"available":true,"onSale":false,"hidden":"false"}}
	  </script>
	</amp-state>
  
</body>
</html>