

<!doctype html>
<html amp lang="en">
<head>
  <meta charset="utf-8">
	<title>Økologisk Social Animal Club Cap</title>
       <link rel="canonical" href="//www.actsocial.dk/products/social-animal-club-cap" />	
	   <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: "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.actsocial.dk/cdn/shop/files/230703_ACT_SOCIAL_05_0847_320x400.jpg');}#mlveda-carousel-preview-image-1{background-image: url('//www.actsocial.dk/cdn/shop/products/CAP_ARMY_SACBACK_05263cc4-e910-4148-b9e3-96364215bf35_320x400.png');}#mlveda-carousel-preview-image-2{background-image: url('//www.actsocial.dk/cdn/shop/files/230703_ACT_SOCIAL_05_0838_320x400.jpg');}#mlveda-carousel-preview-image-3{background-image: url('//www.actsocial.dk/cdn/shop/files/230703_ACT_SOCIAL_05_0836_320x400.jpg');}#mlveda-carousel-preview-image-4{background-image: url('//www.actsocial.dk/cdn/shop/files/230703_ACT_SOCIAL_05_0856_320x400.jpg');}#mlveda-carousel-preview-image-5{background-image: url('//www.actsocial.dk/cdn/shop/files/230703_ACT_SOCIAL_05_0863_320x400.jpg');}#mlveda-carousel-preview-image-6{background-image: url('//www.actsocial.dk/cdn/shop/files/230703_ACT_SOCIAL_49_4676_320x400.jpg');}#mlveda-carousel-preview-image-7{background-image: url('//www.actsocial.dk/cdn/shop/files/230703_ACT_SOCIAL_49_4661_320x400.jpg');}#mlveda-carousel-preview-image-8{background-image: url('//www.actsocial.dk/cdn/shop/files/230703_ACT_SOCIAL_49_4682_320x400.jpg');}#mlveda-carousel-preview-image-9{background-image: url('//www.actsocial.dk/cdn/shop/files/230703_ACT_SOCIAL_48_4591_320x400.jpg');}#mlveda-carousel-preview-image-10{background-image: url('//www.actsocial.dk/cdn/shop/files/230703_ACT_SOCIAL_48_4579_320x400.jpg');}#mlveda-carousel-preview-image-11{background-image: url('//www.actsocial.dk/cdn/shop/files/230703_ACT_SOCIAL_19_2493_320x400.jpg');}#mlveda-carousel-preview-image-12{background-image: url('//www.actsocial.dk/cdn/shop/files/230703_ACT_SOCIAL_19_2478_320x400.jpg');}
.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-10{height:400px;}.mlveda-product-image-wrapper-11{height:400px;}.mlveda-product-image-wrapper-12{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;
    }
.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/0511/3833/0822/files/LOGO-FINAL-OUTLINED-TRANSPARENT.png?height=628&pad_color=fff&v=1613768391&width=1200" />
<meta property="og:image:secure_url" content="https://cdn.shopify.com/s/files/1/0511/3833/0822/files/LOGO-FINAL-OUTLINED-TRANSPARENT.png?height=628&pad_color=fff&v=1613768391&width=1200" />
<meta property="og:image:width" content="1200" />
<meta property="og:image:height" content="628" />
</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><a href="/?ref=fireamp" >Hjem</a></li>
                     
                   
                         <li class="childDropdown">
                            <a class="childDropdownTitle" href="/collections/all-products?ref=fireamp">Herrer</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/all-products?ref=fireamp" >Alle produkter</a>
                                    </li>
                                  
                                
                                    <li>
                                      	<a href="/collections/pants/men?ref=fireamp" >Bukser</a>
                                    </li>
                                  
                                
                                    <li>
                                      	<a href="/collections/shirts/men?ref=fireamp" >Overshirts</a>
                                    </li>
                                  
                                
                                    <li>
                                      	<a href="/collections/sweatshirt/men?ref=fireamp" >Sweatshirts</a>
                                    </li>
                                  
                                
                                    <li>
                                      	<a href="/collections/t-shirts/men?ref=fireamp" >T-shirts &amp; Polos</a>
                                    </li>
                                  
                                
                                    <li>
                                      	<a href="/collections/shirts-1/men?ref=fireamp" >Shirts</a>
                                    </li>
                                  
                                
                                    <li>
                                      	<a href="/collections/accessories/men?ref=fireamp" >Accessories</a>
                                    </li>
                                  
                                
                              </ul>    
                            </amp-list>
                         </li>   
                     
                
                         <li class="childDropdown">
                            <a class="childDropdownTitle" href="https://socialanimalclub.com?ref=fireamp">Social Animal Club</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="https://socialanimalclub.com?ref=fireamp" >Social Animal Club Website</a>
                                    </li>
                                  
                                
                                    <li>
                                      	<a href="/blogs/news/aiasocial?ref=fireamp" >#AIASOCIAL</a>
                                    </li>
                                  
                                
                                    <li>
                                      	<a href="/blogs/news/5-ways-to-make-more-sustainable-choices-when-shopping-fashion?ref=fireamp" >Blogindlæg</a>
                                    </li>
                                  
                                
                              </ul>    
                            </amp-list>
                         </li>   
                     
                
                         <li class="childDropdown">
                            <a class="childDropdownTitle" href="/pages/gots-certificeret?ref=fireamp">Bæredygtighed</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="/blogs/news/a-vision-for-a-better-future?ref=fireamp" >En vision for en bedre fremtid</a>
                                    </li>
                                  
                                
                                    <li>
                                      	<a href="/blogs/news/a-transparent-business-model?ref=fireamp" >En gennemsigtig forretningsmodel</a>
                                    </li>
                                  
                                
                                    <li>
                                      	<a href="/blogs/news/a-fair-production?ref=fireamp" >Hvad er økologisk tøj?</a>
                                    </li>
                                  
                                
                                    <li>
                                      	<a href="/blogs/news/5-ways-to-make-more-sustainable-choices-when-shopping-fashion?ref=fireamp" >Hvad er bæredygtigt tøj?</a>
                                    </li>
                                  
                                
                              </ul>    
                            </amp-list>
                         </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.actsocial.dk/cdn/shop/t/13/assets/ampLogo_large.png?v=149653660177233950691642246227" alt="A.C.T. SOCIAL"  height="100px" width="100px" layout="responsive"/></amp-img> 
          	   </a>
              
</div>
</div>

           	<amp-analytics>
       <script type="application/json">
{
  "requests": {
    "pageview": "https://www.actsocial.dk/apps/fireamp/analytics/page",
    "event": "https://www.actsocial.dk/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>Økologisk Social Animal Club Cap</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.actsocial.dk/cdn/shop/files/230703_ACT_SOCIAL_05_0847_1067x1600.jpg?v=1697371475"  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.actsocial.dk/cdn/shop/products/CAP_ARMY_SACBACK_05263cc4-e910-4148-b9e3-96364215bf35_1600x2000.png?v=1697371475"  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.actsocial.dk/cdn/shop/files/230703_ACT_SOCIAL_05_0838_1067x1600.jpg?v=1697371475"  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.actsocial.dk/cdn/shop/files/230703_ACT_SOCIAL_05_0836_1067x1600.jpg?v=1697371475"  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.actsocial.dk/cdn/shop/files/230703_ACT_SOCIAL_05_0856_1067x1600.jpg?v=1697371469"  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.actsocial.dk/cdn/shop/files/230703_ACT_SOCIAL_05_0863_1067x1600.jpg?v=1697371469"  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.actsocial.dk/cdn/shop/files/230703_ACT_SOCIAL_49_4676_1067x1600.jpg?v=1697371740"  class="bounceIn mlveda-image" layout="fill"></amp-img>
  </div>


  <div class="mlveda-product-image-wrapper-default mlveda-product-image-wrapper-7">  
    <amp-img src="//www.actsocial.dk/cdn/shop/files/230703_ACT_SOCIAL_49_4661_1067x1600.jpg?v=1697371741"  class="bounceIn mlveda-image" layout="fill"></amp-img>
  </div>


  <div class="mlveda-product-image-wrapper-default mlveda-product-image-wrapper-8">  
    <amp-img src="//www.actsocial.dk/cdn/shop/files/230703_ACT_SOCIAL_49_4682_1067x1600.jpg?v=1697371741"  class="bounceIn mlveda-image" layout="fill"></amp-img>
  </div>


  <div class="mlveda-product-image-wrapper-default mlveda-product-image-wrapper-9">  
    <amp-img src="//www.actsocial.dk/cdn/shop/files/230703_ACT_SOCIAL_48_4591_1067x1600.jpg?v=1697371786"  class="bounceIn mlveda-image" layout="fill"></amp-img>
  </div>


  <div class="mlveda-product-image-wrapper-default mlveda-product-image-wrapper-10">  
    <amp-img src="//www.actsocial.dk/cdn/shop/files/230703_ACT_SOCIAL_48_4579_1067x1600.jpg?v=1697371786"  class="bounceIn mlveda-image" layout="fill"></amp-img>
  </div>


  <div class="mlveda-product-image-wrapper-default mlveda-product-image-wrapper-11">  
    <amp-img src="//www.actsocial.dk/cdn/shop/files/230703_ACT_SOCIAL_19_2493_1067x1600.jpg?v=1697371786"  class="bounceIn mlveda-image" layout="fill"></amp-img>
  </div>


  <div class="mlveda-product-image-wrapper-default mlveda-product-image-wrapper-12">  
    <amp-img src="//www.actsocial.dk/cdn/shop/files/230703_ACT_SOCIAL_19_2478_1067x1600.jpg?v=1697371786"  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>


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


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


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

 
</amp-carousel>
</div>


		  <div class="product-contain">
			 <h1 class="product-title"><a href="#" class="product_name">Økologisk Social Animal Club Cap</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]">400,00 DKK</span>
			 	<span id="SpecialPrice"><span class="hideSave" [class]="selected.onSale ? 'productComPrice' : 'hideSave'" [text]="[selected.compareAtPrice]">400,00 DKK</span></span>
			 </div>
			 <form method="get" action="//www.actsocial.dk/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="Sand" [selected]="">Sand</option>
                            
                              <option value="Army" [selected]="">Army</option>
                            
                              <option value="Navy" [selected]="">Navy</option>
                            
                              <option value="Black" [selected]="">Black</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="One" [selected]="">One</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="42347986354374"/>   
                  <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">
			<div><div><span></span></div><div></div><div><span></span></div><div><span>Uanset om det er til for at beskytte mod solen eller en del af stilen for de koldere dage, vil Social Animal Club kasketten altid passe godt ind i dit klædeskab. Tilgængelig i 4 forskellige farver og lavet af det bedste økologiske bomuld og ikke til at slide op. </span></div><div><span></span><span><br>Gratis levering til pakkeshop med 1-3 dages levering på alle ordre.</span></div></div><p>---</p><ul><li><span>100% økologisk bomuld.</span></li><li>Klassisk baseball kasket.</li></ul><p>---</p><p>ONE</p><br><p>---</p><ul><li>Vask skånsomt i hånden</li><li>Tør ikke i direkte sollys</li><li>Må ikke bleges</li><li>Undgå tørretumbling</li><li>Skånsom professionel rens</li></ul><p><span>---</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.actsocial.dk/products/social-animal-club-cap" 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.actsocial.dk/products/social-animal-club-cap" 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.actsocial.dk/products/social-animal-club-cap&amp;media=////www.actsocial.dk/cdn/shop/files/230703_ACT_SOCIAL_05_0847_large.jpg?v=1697371475" 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/social-animal-club-cap-1" class="relatedProductImgLink">
							<amp-img src="//www.actsocial.dk/cdn/shop/files/230703_ACT_SOCIAL_05_0841_large.jpg?v=1695838106" alt="Social Animal Club Cap" width="150px" height="150px" layout="responsive"></amp-img>
						<div class="relatedProductLink item">
					      <span class="relatedProductTitle h4 grid-view-item__title">Social Animal Club Cap</span>
                          <!--<span class="relatedProductBrand">A.C.T. SOCIAL</span>-->
                          <span class="relatedProductCmpPrice grid-view-item__meta"><span></span></span>
                          <span class="relatedProductPrice grid-view-item__meta"><span>400,00 kr</span></span>
						</a>
    					</div>
					</div>
               
   
              		<div class="relatedProductBlock">
                       
					   
						<a href="/apps/fireamp/products/pre-order-social-animal-club-cap-1" class="relatedProductImgLink">
							<amp-img src="//www.actsocial.dk/cdn/shop/files/230703_ACT_SOCIAL_01_0267_large.jpg?v=1695838076" alt="Økologisk A.C.T. Social Cap" width="150px" height="150px" layout="responsive"></amp-img>
						<div class="relatedProductLink item">
					      <span class="relatedProductTitle h4 grid-view-item__title">Økologisk A.C.T. Social Cap</span>
                          <!--<span class="relatedProductBrand">A.C.T. SOCIAL</span>-->
                          <span class="relatedProductCmpPrice grid-view-item__meta"><span></span></span>
                          <span class="relatedProductPrice grid-view-item__meta"><span>400,00 kr</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="/search" title="Søg">Søg</a></li>
 

<li><a href="/pages/contact" title="Kontakt">Kontakt</a></li>
 

<li><a href="/pages/faq" title="FAQ">FAQ</a></li>
 

<li><a href="/blogs/news" title="Nyheder">Nyheder</a></li>
 

<li><a href="/blogs/news/a-fair-production" title="Om Os ">Om Os </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; 2024, <a href="/" title="">A.C.T. SOCIAL.</a> 
			</div>
          
</div>
</footer>	
</div>
	<amp-state id="selected">
      <script type="application/json">
         {
            "variantId" : 42347986354374,
            "addToCartLable" : "Add To Cart" ,
            "available" : true,
            "price" : "400,00 DKK" ,
            "soldOut" : "",
            "compareAtPrice" : "400,00 DKK"
         }
      </script>
    </amp-state>  
	<amp-state id="options">
	  <script type="application/json">
		 {"Color":"Sand","Size":"One"}
	   </script>
	</amp-state>
	<amp-state id="productMap">
	  <script type="application/json">
		{"Sand__One":{"price":"400,00 DKK","compareAtPrice":"400,00 DKK","index":0,"addToCartLable":"Add To Cart","variantId":42347986354374,"available":true,"onSale":false,"hidden":"false"},"Army__One":{"price":"400,00 DKK","compareAtPrice":"400,00 DKK","index":6,"addToCartLable":"Add To Cart","variantId":42449060364486,"available":true,"onSale":false,"hidden":"false"},"Navy__One":{"price":"400,00 DKK","compareAtPrice":"400,00 DKK","index":9,"addToCartLable":"Add To Cart","variantId":42449060397254,"available":true,"onSale":false,"hidden":"false"},"Black__One":{"price":"400,00 DKK","compareAtPrice":"400,00 DKK","index":12,"addToCartLable":"Add To Cart","variantId":42449060430022,"available":true,"onSale":false,"hidden":"false"}}
	  </script>
	</amp-state>
  
</body>
</html>