

<!doctype html>
<html amp lang="en">
<head>
  <meta charset="utf-8">
	<title>Økologisk A.C.T. Social Cap</title>
       <link rel="canonical" href="//www.actsocial.dk/products/pre-order-social-animal-club-cap-1" />	
	   <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_01_0267_320x400.jpg');}#mlveda-carousel-preview-image-1{background-image: url('//www.actsocial.dk/cdn/shop/products/CAPS_ARMY_ACT_320x400.png');}#mlveda-carousel-preview-image-2{background-image: url('//www.actsocial.dk/cdn/shop/products/CAP_BLACK_ACTSOCIAL_320x400.png');}#mlveda-carousel-preview-image-3{background-image: url('//www.actsocial.dk/cdn/shop/products/CAP_BLACK_ACTSOCIALBACK_320x400.png');}#mlveda-carousel-preview-image-4{background-image: url('//www.actsocial.dk/cdn/shop/products/CAP_SAND_ACTSOCIAL_320x400.png');}#mlveda-carousel-preview-image-5{background-image: url('//www.actsocial.dk/cdn/shop/products/CAP_SAND_ACTSOCIALBACK_320x400.png');}#mlveda-carousel-preview-image-6{background-image: url('//www.actsocial.dk/cdn/shop/products/CAPS_NAVY_ACT_320x400.png');}#mlveda-carousel-preview-image-7{background-image: url('//www.actsocial.dk/cdn/shop/files/230703_ACT_SOCIAL_01_0263_320x400.jpg');}#mlveda-carousel-preview-image-8{background-image: url('//www.actsocial.dk/cdn/shop/files/230703_ACT_SOCIAL_01_0308_320x400.jpg');}#mlveda-carousel-preview-image-9{background-image: url('//www.actsocial.dk/cdn/shop/files/230703_ACT_SOCIAL_19_2478_0dfff630-7df5-4d72-b4bd-fa5335cde203_320x400.jpg');}#mlveda-carousel-preview-image-10{background-image: url('//www.actsocial.dk/cdn/shop/files/230703_ACT_SOCIAL_19_2493_1f246e42-9d50-4ed1-b9ab-6199e29151a2_320x400.jpg');}#mlveda-carousel-preview-image-11{background-image: url('//www.actsocial.dk/cdn/shop/files/230703_ACT_SOCIAL_19_2483_320x400.jpg');}#mlveda-carousel-preview-image-12{background-image: url('//www.actsocial.dk/cdn/shop/files/230703_ACT_SOCIAL_19_2468_320x400.jpg');}#mlveda-carousel-preview-image-13{background-image: url('//www.actsocial.dk/cdn/shop/files/armyactsocialcap_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-13{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 A.C.T. Social 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_01_0267_1067x1600.jpg?v=1695838076"  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/CAPS_ARMY_ACT_1600x2000.png?v=1695838076"  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/products/CAP_BLACK_ACTSOCIAL_1600x2000.png?v=1695838076"  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/products/CAP_BLACK_ACTSOCIALBACK_1600x2000.png?v=1695838076"  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/products/CAP_SAND_ACTSOCIAL_1600x2000.png?v=1695838076"  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/products/CAP_SAND_ACTSOCIALBACK_1600x2000.png?v=1695838076"  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/products/CAPS_NAVY_ACT_1600x2000.png?v=1695838076"  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_01_0263_1067x1600.jpg?v=1695838076"  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_01_0308_1067x1600.jpg?v=1695838073"  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_19_2478_0dfff630-7df5-4d72-b4bd-fa5335cde203_1067x1600.jpg?v=1697371893"  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_19_2493_1f246e42-9d50-4ed1-b9ab-6199e29151a2_1067x1600.jpg?v=1697371893"  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_2483_1067x1600.jpg?v=1697371893"  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_2468_1067x1600.jpg?v=1697371893"  class="bounceIn mlveda-image" layout="fill"></amp-img>
  </div>


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


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

 
</amp-carousel>
</div>


		  <div class="product-contain">
			 <h1 class="product-title"><a href="#" class="product_name">Økologisk A.C.T. Social 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="Army" [selected]="">Army</option>
                            
                              <option value="Black" [selected]="">Black</option>
                            
                              <option value="Sand" [selected]="">Sand</option>
                            
                              <option value="Navy" [selected]="">Navy</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="42348030787782"/>   
                  <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><p>Når det kommer til en mere casual stil, bliver det ikke bedre end en simpel, klassisk kasket med et godt budskab. Udviklet med kærlige, omsorgsfulde og tidsløse tanker. A.C.T. Social Cap vil være den perfekte accessory til enhver stil. Dertil er A.C.T. Social kasketten lavet af det bedste økologiske  bomuld.</p></div><div><span>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/pre-order-social-animal-club-cap-1" 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/pre-order-social-animal-club-cap-1" 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/pre-order-social-animal-club-cap-1&amp;media=////www.actsocial.dk/cdn/shop/files/230703_ACT_SOCIAL_01_0267_large.jpg?v=1695838076" 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" class="relatedProductImgLink">
							<amp-img src="//www.actsocial.dk/cdn/shop/files/230703_ACT_SOCIAL_05_0847_large.jpg?v=1697371475" alt="Økologisk Social Animal Club Cap" width="150px" height="150px" layout="responsive"></amp-img>
						<div class="relatedProductLink item">
					      <span class="relatedProductTitle h4 grid-view-item__title">Økologisk 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/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>
        	</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" : 42348030787782,
            "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":"Army","Size":"One"}
	   </script>
	</amp-state>
	<amp-state id="productMap">
	  <script type="application/json">
		{"Army__One":{"price":"400,00 DKK","compareAtPrice":"400,00 DKK","index":13,"addToCartLable":"Add To Cart","variantId":42348030787782,"available":true,"onSale":false,"hidden":"false"},"Black__One":{"price":"400,00 DKK","compareAtPrice":"400,00 DKK","index":9,"addToCartLable":"Add To Cart","variantId":42348030755014,"available":true,"onSale":false,"hidden":"false"},"Sand__One":{"price":"400,00 DKK","compareAtPrice":"400,00 DKK","index":4,"addToCartLable":"Add To Cart","variantId":42348027183302,"available":true,"onSale":false,"hidden":"false"},"Navy__One":{"price":"400,00 DKK","compareAtPrice":"400,00 DKK","index":0,"addToCartLable":"Add To Cart","variantId":42348030722246,"available":true,"onSale":false,"hidden":"false"}}
	  </script>
	</amp-state>
  
</body>
</html>