/* DEFAULTS
----------------------------------------------------------*/


A {
  color: #009304;
  text-decoration: none;
}

A:hover {
  color: #9b9b9b; 
  text-decoration: none;
}

#toppromo {
  color: #fff;
  background: rgb(83, 177, 7);
/*  background: radial-gradient(circle,#8b0000,#ff0000); */
  text-align: center;
  padding: 5px 3px;
  font-size: 110%;  
}

.mob {
  display: none;
}


@media screen and (max-width: 568px) {
.mob {
  display: block;
}
.web {
  display: none;
}
}

#tablocontainer {
height: calc(100vh - 140px) !important;
}

@media screen and (max-width: 768px) {
  #tablocontainer {
   height: 100vh !important;
  }
}

BODY {
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 1.2em;
    color: #5d5d5d;
    background-color: #fcfcfc;
}
/*
#cartcontainer {
    position: fixed;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    z-index: 999;
    -webkit-overflow-scrolling: touch;
    overflow: auto;
    line-height: 0px;
    font-size: 0px;
}*/

H1 {
   /* font-family: Georgia, serif;*/
    /*
        font-family: Impact, Charcoal, sans-serif; */
 font-size: 4em;
 text-transform: uppercase;
text-shadow: rgb(191, 191, 191) 4px 4px 4px;
margin: 0px;
padding: 0px 0px 20px 0px;
font-weight: 900;
  color: #e6e6e6;
}

/*
#productTop H1 {
  color: #5b5b5b;
  margin: 20px 10px 10px 10px;
   font-size: 3em;
   text-transform:none;
} */

#productTop H1 {
    color: #e6e6e6;
    padding: 20px 10px 20px 10px;
    text-shadow: rgb(191, 191, 191) 3px 3px 3px;
    font-size: 2.5em;
    text-transform: none;
    text-align: center;
}    


H2 {
 font-size: 2em;
 font-weight: 500;
 color: #5d5d5d;
}

#content H2 {
border-bottom: 1px solid #d2d2d2;
padding-bottom: 5px;
text-align: center;
text-shadow: rgb(191, 191, 191) 3px 3px 3px;
font-size: 2.5em;
}
/*
#content H2 A {
 color: #5d5d5d;
}
*/

H2.subHeader 
{
     font-size: 1.8em;
  padding: 5px 10px;
    color: #e6e6e6;
    background: #1b1b1b;
}

.content IMG, IMG {
  max-width: 100%;
}

.container {
    padding-right: 0px;
    padding-left: 0px;
width: auto;
/* max-width: 1170px; */
}

#Designer {
background: #fcfcfc;
}

#head, #topmenu, #content, #info, #pageTop, #Designer, #productTop {
max-width: 1170px;
margin: 0px auto;
}

#content {
margin-bottom: 30px;
}

#spacer {
  padding: 5px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e0e0e0+0,ffffff+100&1+0,0+100 */
background: -moz-linear-gradient(top,  rgba(224,224,224,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(224,224,224,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(224,224,224,1) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0e0e0', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */


}

#subContent {
  background: #f6f6f6;
}

#content #productDetails ul {
    list-style: none;
    padding: 0;
    margin-left: 30px;
}

#content #productDetails li {
    padding: 2px 10px;
}

#content #productDetails li:before {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    padding: 0px 10px;
    content: "\e013";
    color: rgb(96,196,15);
    margin-left: -32px;
}


A#cart {
    float: right;

}



A#cart:before {
    position: relative;
    top: 5px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    padding: 0px 10px;
    font-size: 3.5em;
    content: "\e116";
    margin: 0px;
    color: rgb(96,196,15);



}

A#cart:hover:before {
        color: #fff;
}



#info .col, #content .categories .col H2 {
  text-align: left;
}

#content .categories .col H2 {
  margin: 0px;
  font-size: 3em;
  background: #000 url(/img/Design/bg3.jpg) no-repeat;
  background-position: center top;
  padding: 0px;
}

#fbteaser {
  margin: 0px;
   padding-top:20px;
  font-size: 3em;
  background: #000 url(/img/Design/bg3.jpg) no-repeat;
  background-position: center top;
 color: #fff; 
 padding: 10px;
 padding-bottom: 5px;
 text-align: center;  
 text-shadow: rgb(191, 191, 191) 3px 3px 3px;
font-size: 1.6em;
min-height: 400px;
border: 1px solid #ccc;
border-radius: 0px;
box-shadow: 4px 4px 8px #888;
}  

#fbteaser P {
 padding-bottom: 0px;
 padding-top: 20px;
 margin: 0px;
}  

#fbteaser P.fbtop {
 padding-bottom: 20px;
}  

#fbteaser P.join {
 font-weight: normal;
 font-style: italic; 
 font-size: 180%;
 padding-bottom: 10px;
 padding-top: 5px;
}   

#fbteaser P A {
     color: #fff; 
} 

#content .categories #fbteaser IMG {
     max-width:400px; 
} 


@media screen and (max-width: 568px) {
  #content .categories .col H2 {
    font-size: 2.4em; 
  }
}

#content .categories .col {
  margin-bottom: 50px;
  height: auto;
  position: relative;
}

#content .categories .col A {

}

#content .categories H2 A SPAN {
  position: absolute;
  z-index: 3;
  margin: 0px auto;
  top: 170px;
  left: 50px;
  right: 50px;
  text-shadow: rgb(191, 191, 191) 2px 2px 4px;  
  font-weight: 900;
  color: #2b2b2b;
  border: 1px solid #e1e1e1;
  padding: 20px 10px 20px 10px;
 background: rgba(255, 255, 255, 0.4);
 max-width: 350px;
   text-align: center;
}

#content .categories H2 A:hover SPAN {
 background: rgba(255, 255, 255, 0.3);
}


#content .categories A .full {
 position: absolute;
 z-index: 2;
 top: 0px;
 bottom: 0px;
 left: 15px;
 right: 15px;
 /*
 background: rgba(120, 120, 120, 0.0); 
 box-shadow: 3px 3px 5px 0px rgba(184,182,184,1);  
*/
border: 1px solid #ccc;
border-radius: 0px;
box-shadow: 4px 4px 8px #888; 
}

#content .categories A:hover .full {
 background: rgba(120, 120, 120, 0.4); 
/*box-shadow: 3px 3px 5px 0px rgba(150,148,150,1);*/
}




#content .categories IMG {
 width: 100%;
 max-width: 400px;
 margin: 0px 0px 0px 0px;
}

H3 {
  font-size: 1.7em;
}

#info H3 {

}

#pageHeader A.button, #product A.button {
  font-size: 1.5em;
  margin: 15px 0px;

}

#pageHeader P {
  color: #b9b8b8;
}

#info A.button, #pageHeader A.button, #product A.button {
    color: #fff;
    border-radius: 4px;
    padding: 10px 15px;
    display: inline-block;
    border: 1px solid #fff;
    
    
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1fa50d+0,60c40f+100 */
background: rgb(31,165,13); /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover,  rgba(31,165,13,1) 0%, rgba(96,196,15,1) 100%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover,  rgba(31,165,13,1) 0%,rgba(96,196,15,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center,  rgba(31,165,13,1) 0%,rgba(96,196,15,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1fa50d', endColorstr='#60c40f',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

-webkit-box-shadow: 2px 2px 3px 0px rgba(117,112,117,1);
-moz-box-shadow: 2px 2px 3px 0px rgba(117,112,117,1);
box-shadow: 2px 2px 3px 0px rgba(117,112,117,1);
    
}

#info A.button:active, #info A.button:hover, #pageHeader A.button:active, #pageHeader A.button:hover, #product A.button:active, #product A.button:hover {

text-decoration: none;    
    
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#60c40f+0,1fa50d+100 */
background: rgb(96,196,15); /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover,  rgba(96,196,15,1) 0%, rgba(31,165,13,1) 100%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover,  rgba(96,196,15,1) 0%,rgba(31,165,13,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center,  rgba(96,196,15,1) 0%,rgba(31,165,13,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#60c40f', endColorstr='#1fa50d',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}

#designs.row IMG {
 width: 100%;
 max-width: 280px;
 padding: 60px;
}

#produkter.row IMG {
 width: 100%;
 max-width: 280px;
 
border: 1px solid #ccc;
border-radius: 0px;
box-shadow: 4px 4px 8px #888;
}


#designs.row {
padding: 0px;
text-align: center;
}

#produkter .left, #produkter .right, #produkter .full {

    display: block;
    padding: 10px 15px;
    background: #e1e1e1;
    color: #fff;
    width: 48%;
    text-align: center;

border-radius: 4px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1fa50d+0,60c40f+100 */
background: rgb(31,165,13); /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover,  rgba(31,165,13,1) 0%, rgba(96,196,15,1) 100%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover,  rgba(31,165,13,1) 0%,rgba(96,196,15,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center,  rgba(31,165,13,1) 0%,rgba(96,196,15,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1fa50d', endColorstr='#60c40f',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

-webkit-box-shadow: 2px 2px 3px 0px rgba(117,112,117,1);
-moz-box-shadow: 2px 2px 3px 0px rgba(117,112,117,1);
box-shadow: 2px 2px 3px 0px rgba(117,112,117,1);    
    
}


#produkter .full {
    width: 100%;    
}


#produkter .left {
    float:left;
}

#produkter A.left:hover, #produkter A.full:hover {

text-decoration: none;

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#60c40f+0,1fa50d+100 */
background: rgb(96,196,15); /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover,  rgba(96,196,15,1) 0%, rgba(31,165,13,1) 100%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover,  rgba(96,196,15,1) 0%,rgba(31,165,13,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center,  rgba(96,196,15,1) 0%,rgba(31,165,13,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#60c40f', endColorstr='#1fa50d',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */


}

#produkter .right {
    float: right;
  /*  color: #5d5d5d; */
    
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#a8a8a8+0,c6c6c6+100 */
background: rgb(168,168,168); /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover,  rgba(168,168,168,1) 0%, rgba(198,198,198,1) 100%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover,  rgba(168,168,168,1) 0%,rgba(198,198,198,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center,  rgba(168,168,168,1) 0%,rgba(198,198,198,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a8a8a8', endColorstr='#c6c6c6',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

    
}

#produkter A.right:hover {

text-decoration: none;
    
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#c6c6c6+0,a8a8a8+100 */
background: rgb(198,198,198); /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover,  rgba(198,198,198,1) 0%, rgba(168,168,168,1) 100%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover,  rgba(198,198,198,1) 0%,rgba(168,168,168,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center,  rgba(198,198,198,1) 0%,rgba(168,168,168,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c6c6c6', endColorstr='#a8a8a8',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

    
}

SPAN.design {
    border: 1px solid #ccc;
    border-radius: 0px;
    box-shadow: 4px 4px 8px #888;
    margin-bottom: 10px;
    display: inline-block;
    
        background: url(/img/tshirt.png) no-repeat;
    background-size: 150%;
    background-position: center 5px;
}

span.designtitle {
    min-height: 60px;
    display: block;
}

.col A {
/* Usikker på hvorfor denne var display: block, fjernet pga lenker i tekst */
  /*  display: block;*/
}

.navbar-right {
  /*padding-bottom: 15px;*/
  padding: 4px 0px 4px 0px;
}

/* HEADINGS   
----------------------------------------------------------*/

#pageTop {
 /*background: #f5f5f5;*/
 padding: 0px 15px;
 position: relative;
 min-height: 400px;
}

#pageTop.shortPageTop {
  min-height: auto;    
}

#topContent.shortPageTop {
  margin-bottom: 0px;    
}

#pageTop #pageHeader {
  float: left;
  width: 55%;
  margin-top: 50px;
  z-index: 2;
  position: relative;  
  margin-left: 50px;
}

#pageHeader P {
  font-size: 1.5em;
}

#pageTop #pageImage {
 /* float: right;
  text-align: center; */
  position: absolute;
  right: 20px;
  bottom: 0px;
  z-index: 1;
}

@media screen and (max-width: 970px) {
  #pageTop #pageImage {
    right: 0px;
  }
}

@media screen and (max-width: 768px) {
  #pageTop {
   position: static;
   height: auto;
   padding: 0px 5px;   
   min-height: 200px;
  }    
    
  #pageTop #pageImage {
    position: static;
    text-align: center;
  }

  #pageTop #pageHeader {
    float: none;
    width: 100%;
    margin-top: 10px;
    position: static;
    text-align: center;  
    margin-left: 0px;  
  }

}

@media screen and (max-width: 568px) {
  H1 {
    font-size: 2.6em; 
  }
  
  #productTop H1 {
   font-size: 1.6em;
   text-shadow: rgb(191, 191, 191) 2px 2px 2px;
}

H2.subHeader, #content H2 {
   font-size: 2em;
}
  
  #pageHeader P {
    font-size: 1.2em;
  } 
}

#topContent {
   /* border-bottom: 3px solid #CCC; */
/* background: url(/img/bg/bw_01.png) no-repeat;*/
background-position: center top; 
margin: 0px 0px 30px 0px;
background-color: #000;
background: #000 url(/img/Design/bg3.jpg) no-repeat;


}

#designerContent, #cartContainer {
  min-height: 70vh; 
  overflow: hidden;
}  

#designerContent, #cartContainer {
    
 /*background: url(/img/brickwall.jpg) no-repeat;
background-position: center top; */
margin: 0px 0px 50px 0px;
  background: url("/img/loading.gif") no-repeat 50% 50%;
}

#cartContainer {
  background: url("/img/loading.gif") no-repeat 50% 20%;
}

#pageTop.forside {

background: #ccc;

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d5dde2+0,a2babc+100 */
background: rgb(213,221,226); /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover,  rgba(213,221,226,1) 0%, rgba(162,186,188,1) 100%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover,  rgba(213,221,226,1) 0%,rgba(162,186,188,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center,  rgba(213,221,226,1) 0%,rgba(162,186,188,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d5dde2', endColorstr='#a2babc',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */


   
    
}

#pageTop.reverse {
  color: #FFF;
}


P.button A 
{
    font-size: 130%;
    display: block;
    padding: 10px 15px;
    background: #e1e1e1;
    color: #fff;
    text-align: center;

border-radius: 4px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1fa50d+0,60c40f+100 */
background: rgb(31,165,13); /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover,  rgba(31,165,13,1) 0%, rgba(96,196,15,1) 100%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover,  rgba(31,165,13,1) 0%,rgba(96,196,15,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center,  rgba(31,165,13,1) 0%,rgba(96,196,15,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1fa50d', endColorstr='#60c40f',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

-webkit-box-shadow: 2px 2px 3px 0px rgba(117,112,117,1);
-moz-box-shadow: 2px 2px 3px 0px rgba(117,112,117,1);
box-shadow: 2px 2px 3px 0px rgba(117,112,117,1);    
  
  

}

P.button A:hover 
{
text-decoration: none;

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#60c40f+0,1fa50d+100 */
background: rgb(96,196,15); /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover,  rgba(96,196,15,1) 0%, rgba(31,165,13,1) 100%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover,  rgba(96,196,15,1) 0%,rgba(31,165,13,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center,  rgba(96,196,15,1) 0%,rgba(31,165,13,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#60c40f', endColorstr='#1fa50d',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
  

}

#pills {
  text-align: center;
}

#pills H3, .shareProduct H3 {
  text-transform: uppercase;
  color: #009304;
}

.shareProduct H3 {
  color: #009304;
}

.nav-pills {

}

.nav-pills LI {
  margin: 5px;
  float: none;
  display: inline-block;
 border: 0px;
}

.nav-pills LI A, #Designer .sprd-detail-sizes .sprd-bc-m2, #Designer .sprd-detail-sizes .sprd-c-s2, #Designer .sprd-detail-product-type__size-guide .sprd-bc-m2, #Designer .sprd-detail-product-type__size-guide .sprd-c-s2 {
  color: #ffffff !important;
  background: #5b5b5b;
  background: radial-gradient(circle,#757575,#5b5b5b);
  
-webkit-box-shadow: 2px 2px 3px 0px rgba(117,112,117,1);
-moz-box-shadow: 2px 2px 3px 0px rgba(117,112,117,1);
box-shadow: 2px 2px 3px 0px rgba(117,112,117,1);      
  
}

.nav-pills LI A.active, .nav-pills LI A:active, .nav-pills LI A:hover, #Designer .sprd-detail-sizes .sprd-bc-m2, #Designer .sprd-detail-product-type__size-guide .sprd-bc-m2 {
  color: #ffffff !important;
  background: #ed7b00;
    border: 0px !important;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#20ba01+0,0c7c00+100 */
background: rgb(32,186,1); /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover,  rgba(32,186,1,1) 0%, rgba(12,124,0,1) 100%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover,  rgba(32,186,1,1) 0%,rgba(12,124,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center,  rgba(32,186,1,1) 0%,rgba(12,124,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#20ba01', endColorstr='#0c7c00',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}

#desc {
  text-align: center;  
}

.panel-group A {
  display: block;
  padding: 5px 20px;
}

.list-group-item {
    padding: 0px;
}

.panel-heading {
    padding: 0px;
}

/* LOGO
----------------------------------------------------------*/

#logo {
  /*float:left;*/
  font-weight: normal;
  padding-top: 0px;
  text-transform: uppercase;
}

#logo A {
  color: #ffffff;
  display: block;
  text-decoration: none;
  font-size: 1em; 
}

#logo A IMG {
  max-width: 50%;
  height: auto;
  width: 280px;
}

@media screen and (max-width: 568px) {
  #logo A IMG {
  /*  width: 170px; */
    margin: 5px 0px;    
  }
}

#logo A#lagdinegentskjorte {
  font-size: 2em;
  border-bottom: 1px solid #ffffff;
  font-weight: normal; 
}

#statement {
float: right;
max-width: 500px;
padding: 5px 20px 0px 10px;
color: #fff;
text-align: right;
font-size: 0.8em;
border-right: 1px solid #fff;
margin-right: 15px;
}

/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

.navbar-default .navbar-nav > li > a {
  color: #505050;
  padding-top: 10px;
  padding-bottom: 10px;
  
}

.navbar-default .navbar-nav > LI > a.active, .navbar-default .navbar-nav > LI > a.active:focus, .navbar-default .navbar-nav > LI > a.active:hover {
  color: #fff;

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#22a501+0,0a5f00+100 */
background: rgb(34,165,1); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(34,165,1,1) 0%, rgba(10,95,0,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(34,165,1,1) 0%,rgba(10,95,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(34,165,1,1) 0%,rgba(10,95,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#22a501', endColorstr='#0a5f00',GradientType=0 ); /* IE6-9 */
  
 
  


}

.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {
    color: #fff;
    background-color: #fff;
    
 /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#5b5b5b+0,000000+100 */
background: rgb(91,91,91); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(91,91,91,1) 0%, rgba(0,0,0,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(91,91,91,1) 0%,rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(91,91,91,1) 0%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5b5b5b', endColorstr='#000000',GradientType=0 ); /* IE6-9 */   
    
}

.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border: 0px;
}

.navbar-header {
    float: none;

    padding: 20px 10px;
    
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#333333+0,000000+100 */
background: rgb(0,0,0); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(51,51,51,1) 0%, rgba(0,0,0,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(51,51,51,1) 0%,rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(51,51,51,1) 0%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
    
}

.navbar-default {
    background-color: transparent;
    border-color: transparent;
    border: 0px;
}

.container-fluid {

}

.navbar-nav {
    margin: 0px 0px;
}

.navbar-nav > li {
  /*  margin-right: 10px; */
}

#myNavbar {
    margin-top: 0px;   
    border-top: 1px solid #f5f5f5;
    border-bottom: 1px solid #ccc;    
 
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fff9f9+0,efefef+100&0.05+0,1+100 */
background: -moz-linear-gradient(top, rgba(255,249,249,0.05) 0%, rgba(239,239,239,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(255,249,249,0.05) 0%,rgba(239,239,239,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(255,249,249,0.05) 0%,rgba(239,239,239,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0dfff9f9', endColorstr='#efefef',GradientType=0 ); /* IE6-9 */
   
}

.navbar {
    margin-bottom: 0px;
}

#menu A.active {
    font-weight: bold;
}

.col {
  text-align: center;
  padding-left: 15px;
  padding-right: 15px;
}

#produkter H3.title A {
  color: #5d5d5d;
  text-decoration: none;
}

#produkter H3.title {
  margin-top: 10px;
  font-size: 1.4em;  
}

#produkter .productdetails {
  min-height: 60px;
}

#produkter .col {
  margin-bottom: 20px;
}

#footer {
 padding: 20px;
 text-align: center;
 color: #fff;
 font-size: 80%;

 
 /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,333333+100 */
background: rgb(0,0,0); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(0,0,0,1) 0%, rgba(51,51,51,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,0,0,1) 0%,rgba(51,51,51,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,0,0,1) 0%,rgba(51,51,51,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#333333',GradientType=0 ); /* IE6-9 */

}

#footer DIV {

 max-width: 950px;
margin: 0px auto;

}

#footer A {
 color: #fff;
}

#info {
  padding: 20px 0px;
}


#product {
 float: left;
 margin: 30px 0px;
}

#productImg {
  float: left;
  margin: 0px 30px 0px 0px;
    width: 35%;
-webkit-box-shadow: 10px 0px 10px -12px rgba(136,136,136,1);
-moz-box-shadow: 10px 0px 10px -12px rgba(136,136,136,1);
box-shadow: 10px 0px 10px -12px rgba(136,136,136,1);
padding-bottom: 20px;
  
}

.productSummary {
  font-size: 1.3em;  
}

#productImg IMG {
/*  width: 400px;
  height: auto; */
}

#productDetails {
  margin-top: 20px;
  line-height: 200%;
  float: right;
  width: 60%;
}

.colors {
  margin-top: 20px;
  margin-bottom: 20px;
  text-align: center;
}

A.prodImg:hover IMG {

}

@media screen and (max-width: 768px) {
#productImg {
  float: none;
    margin: 0px 0px 30px 0px;
  text-align: center;
  width: auto;
-webkit-box-shadow: 0px 10px 10px -12px rgba(136,136,136,1);
-moz-box-shadow: 0px 10px 10px -12px rgba(136,136,136,1);
box-shadow: 0px 10px 10px -12px rgba(136,136,136,1);  
  
}

#product {
 float: none;
}

#productImg IMG {
 /* width: 550px;
  height: auto; */
}

#productDetails {
  float: none;
  width: auto;
}

}

@media screen and (max-width: 568px) {

#product A.button {
  display: block;
  text-align: center;
}

}

.productExtra {
  margin-top: 0px;
}


SPAN.color {
 display: inline-block;

}

SPAN.color IMG {
  width: 35px;
  height: 35px;
  margin: 5px 10px;
  
  border-radius: 30px;
  border: 1px solid #ccc;
  
-webkit-box-shadow: 2px 2px 2px 0px rgba(136,136,136,0.8);
-moz-box-shadow: 2px 2px 2px 0px rgba(136,136,136,0.8);
box-shadow: 2px 2px 2px 0px rgba(136,136,136,0.8);
}


/* FORM ELEMENTS   
----------------------------------------------------------*/




/* MISC  
----------------------------------------------------------*/

@media screen and (max-width: 1170px) {

#content, #subContent {
  padding: 0px 15px;
}

}

@media screen and (max-width: 970px) {
#statement {
  display: none;
}

}

@media screen and (max-width: 768px) {
#logo A {
  font-size: 0.8em; 
}

#logo A#lagdinegentskjorte {
  font-size: 1.6em;
}

#myNavbar {
    margin-top: 0px;    
}

.navbar-nav > li {
    margin-right: 0px;
}

}
 
@media screen and (max-width: 568px) {
#logo A {
  font-size: 0.6em; 
}

#logo A#lagdinegentskjorte {
  font-size: 1.2em;
}

}


/* TEST FLYTENDE PRODUKTVISNING */


.testProd {
  border: 1px solid #ccc;
  margin: 0px;
  text-align: center;  
}

.testProd IMG {
  width: 250px;
}

.nav > li > a {
    position: static;
}

.row {
    margin-right: -15px;
    margin-left: -15px;
}

.container-fluid > .navbar-collapse, .container-fluid > .navbar-header, .container > .navbar-collapse, .container > .navbar-header {
    margin-right: 0px;
    margin-left: 0px;
}

.container-fluid, .navbar-collapse {
    padding-right: 0px;
    padding-left: 0px;
}

.navbar-collapse.in {
    overflow-y: hidden;
}

/*
.navbar-collapse {
    padding-right: 0px;
    padding-left: 0px;
}
*/

/* TABLOMAT */

.save-share {
    display: none !important;
    color: #000;
}

/* TABLOMAT */


    


#shareThisPage {
  padding: 10px 0px 0px 10px;
   max-height: 25px;
 height: 25px;
}


#___plusone_0, #___plusone_1 
{
    width: 70px !important;
    }
    
.twitter-share-button 
{
    width: 75px !important;
    }  
    
.fb-like SPAN, .fb-like 
{
    height: 24px !important;
   /* width: 95px; */

    }   
    
 .navbar-toggle .icon-bar {
    width: 45px;
    height: 4px;
    margin: 6px 0px;
} 

.navbar-default .navbar-toggle .icon-bar {
    background-color: rgb(96,196,15);
}

.navbar-default .navbar-toggle:hover .icon-bar {
    background-color: #fff;
}

.navbar-default .navbar-toggle {
    border-color: #fff;
}
  
.navbar-toggle {
    border: 0px;
    margin: 0px;
}

.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
    background-color: transparent;
}

 .navbar-default .navbar-toggle:hover {
    background-color: rgb(96,196,15);
}

  
    
/* BREDDESPESIFIKK CSS */


.dropdown:hover .dropdown-menu {
    margin-top: 0; /* remove the gap so it doesn't close */
 }
 
 .dropdown A.dropToggle {
    display: none;
    float: right;
 }
 
  @media screen and (min-width: 768px) {
.dropdown:hover .dropdown-menu {
    display: block;
 }
}
 
 
 @media screen and (max-width: 768px) {
.dropdown-menu {
  float: none;
  position: static;
 }
 
  .dropdown A.dropToggle { /* Vis ikon */
    display: block;
 }
 
 #myNavbar {
    border-top: 0px;
 }
 
 .navbar-default .navbar-nav > li > a {
    color: #5d5d5d;
     background: #efefef;
     border-top: 1px solid #5b5b5b; /* #011B59; */

}

 .navbar-default .navbar-nav > li {
          font-size: 120%;
}

 .dropdown A.dropToggle 
 {
     color: #fcfcfc !important;
     background: #000 !important; 
          border-left: 0px solid #fff; /* #011B59; */
          font-size: 130%;
          font-weight: bold;
          cursor: pointer;
          
   
 }
 
 
 .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > .open > a {
    color: #fff;
    /* background-color: #ed7b00; */
    background-color: #001340;
    border-top: 1px solid #5b5b5b;
    
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#5b5b5b+0,000000+100 */
background: rgb(91,91,91); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(91,91,91,1) 0%, rgba(0,0,0,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(91,91,91,1) 0%,rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(91,91,91,1) 0%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5b5b5b', endColorstr='#000000',GradientType=0 ); /* IE6-9 */     
    
}

 .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > .open > a:hover {
    color: #fcfcfc;
    background-color: #ccc;
    border-top: 1px solid #5b5b5b;
}

.navbar-default .navbar-nav > LI > a.active, .navbar-default .navbar-nav > LI > a.active:hover {
    color: #fff;
    background-color: #ed7b00;
}

.navbar-default .navbar-nav .open .dropdown-menu > li > a.active, .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {
    color: #333;
    background-color: #ccc;;
}

.navbar-nav > li > a.glyphicon:hover, .navbar-nav > .open > a.glyphicon:hover {
  color: #fff;
}

}      

.dropdown-menu > li > a:focus, .dropdown-menu > li > a.active {
    color: #262626;
    text-decoration: none;
    background-color: #f5f5f5;
} 

/* Share buttons */

.shareProduct {
  text-align: center;
}

ul.share-buttons{
  list-style: none;
  padding: 0;
}

ul.share-buttons li{
  display: inline;  width: 32px;
}

ul.share-buttons .sr-only{
  position: absolute;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
  padding: 0;
  border: 0;
  height: 1px;
  width: 1px;
  overflow: hidden;
}

ul.share-buttons img{
  width: 32px;
}

.shareProduct ul.share-buttons li{
  display: inline;  width: 45px;
}

.shareProduct ul.share-buttons img{
  width: 45px;
}
   
/* SPRD CSS */

HEADER#sprd-header-container {
 display: none !important;
}  

.sprd-info-banner {
  display: none;
}

#sprd-main {
   /* font-size: 1.2em; */
   font-size: 1.2rem !important;
}
.customPageBackground {
    background-color: transparent;
    color: #5d5d5d;
}
.SprdMain {
    font-family: Verdana, Arial, Sans-Serif;
}

/* #sizeHintPanel .sprd-headline.sprd-secondary <- gammelt navn*/
 .sprd-size-help {
    margin-top: 30px;
    text-transform: uppercase;
    font-size: 1.5em;
}

 .sprd-size-help H3 {
    color: #009304;
}

.sprd-size-help__image {
    width: 190px;
    margin-bottom: 20px;
}


/* .SprdMain .sprd-Wrapper.sprd-layoutProductCentered .sprd-DetailBox.sprd-sizeHint #size-fit-hint svg <- gammelt navn*/
 #size-fit-hint svg {
    width: 1.5em;
    height: 1.5em; 
    color: #009304;
}

.sprd-size-table {
    font-size: .8em;
}

@media screen and (max-width: 568px) {
    .sprd-size-help__container {
        display: block;
    }
}

.SprdMain .sprd-Wrapper.sprd-buttons.sprd-department .sprd-Button.sprd-active {
    color: #009304;
}

#sizeHintPanel.sprd-DetailBox.sprd-sizeHint {
    padding-top: 0px;
}

.SprdMain .sprd-DetailBox.sprd-buyingBlock .sprd-button {
    font-size: inherit;
}

.customButton.sprd-primary, #Designer .sprd-btn-primary, .sprd-detail-cta .sprd-btn-primary {
    color: #ffffff;
    border: 0px !important;
    border-radius: 4px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1fa50d+0,60c40f+100 */
    background: rgb(31,165,13); /* Old browsers */
    background: -moz-radial-gradient(center, ellipse cover,  rgba(31,165,13,1) 0%, rgba(96,196,15,1) 100%); /* FF3.6-15 */
    background: -webkit-radial-gradient(center, ellipse cover,  rgba(31,165,13,1) 0%,rgba(96,196,15,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: radial-gradient(ellipse at center,  rgba(31,165,13,1) 0%,rgba(96,196,15,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1fa50d', endColorstr='#60c40f',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

    -webkit-box-shadow: 2px 2px 3px 0px rgba(117,112,117,1);
    -moz-box-shadow: 2px 2px 3px 0px rgba(117,112,117,1);
    box-shadow: 2px 2px 3px 0px rgba(117,112,117,1);    
}

.customButton.sprd-primary:hover, #Designer .sprd-btn-primary:hover {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#60c40f+0,1fa50d+100 */
    background: rgb(96,196,15); /* Old browsers */
    background: -moz-radial-gradient(center, ellipse cover,  rgba(96,196,15,1) 0%, rgba(31,165,13,1) 100%); /* FF3.6-15 */
    background: -webkit-radial-gradient(center, ellipse cover,  rgba(96,196,15,1) 0%,rgba(31,165,13,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: radial-gradient(ellipse at center,  rgba(96,196,15,1) 0%,rgba(31,165,13,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#60c40f', endColorstr='#1fa50d',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

#sprd-header {
 height: 0px;
 overflow: hidden;
}

#promoHeader {
  display: none;
}

#detail-header {
  display: none !important;
}

.sprd-productDetails H2 {
  display: none;
}

#sprd-footer {
    display: none;
}

#designDetailsPanel {
    display: none;
}

#productTypeInfoBox {
   /* display: none; */ /* Fordi de har endret css'en igjen */
}

.sprd-product-type-details__container > div:first-child {
    display: none;
}    

.SprdMain .sprd-DetailBox.sprd-buyingBlock .sprd-shippingInfo {
    display: none;
}

/* SPRD SHOPPING CART EXTRA */

.sprd-basket-page {
    max-width: 80rem;
    font-size: 1.2em;
}

.sprd-basket-footer__button.sprd-button.sprd-btn-secondary {
    display: none;
}

.sprd-basket-footer__info, .sprd-basket-footer__delivery {
    display: none;
} 

.sprd-basket__heading {
    display: none;
} 

.sprd-bg-m3 {
    background-color: transparent !important;
}

.sprd-basket-footer__button {
    margin-top: 20px;
}

.sprd-basket-footer__price {
    font-size: inherit;
}

#Designer .SprdMain .sprd-button {
    font-size: 1.5rem;
}

#Designer .SprdMain .sprd-button {
    min-height: 2rem;
}

.SprdMain .sprd-basket-item__appearance, .SprdMain .sprd-basket-item__size {
    font-size: .75em;
}

.sprd-basket-empty__button {
    display: none;
}

.sprd-basket-empty__text {
    min-height: 320px;
    padding-top: 60px;
}

.SprdMain .sprd-DetailBox.sprd-buyingBlock .sprd-button, .SprdMain .sprd-DetailBox.sprd-buyingBlock .sprd-button.sprd-addToBasket {
    padding: 0.8em;
}

@media screen and (max-width: 568px) {
.SprdMain .sprd-DetailBox.sprd-buyingBlock .sprd-button, .SprdMain .sprd-DetailBox.sprd-buyingBlock .sprd-button.sprd-addToBasket {
    padding: 1.2em;
}
}

/* NEW CART EXTRA */

#shopContainer {
    display:none;
    background: #000;
    position: fixed;
    z-index: 999;
    width: 100%; 
    left: 0;
    right: 0;
    margin: auto;

    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0.5+0,0.5+100 */
    background: -moz-linear-gradient(top, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.5) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.5) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.5) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80000000', endColorstr='#80000000',GradientType=0 ); /* IE6-9 */

   /* height: calc(100vh - 0px);*/
    padding: 20px 150px;
}

@media screen and (max-width: 768px) {
    #shopContainer {
        padding: 20px 10px;
    }
}

#shopContent { 
    height: calc(90vh - 40px);
    background: #fcfcfc;
}

#shopTop { 
    height: calc(10vh - 0px);
    background-color: #fcfcfc;
    background-position: center top; 
}

#shopTop H2 {


    margin: 0px;
    padding: 10px;
    

background-color: #000;
background: #000 url(/img/Design/bg3.jpg) no-repeat;

color: #e6e6e6;
text-shadow: rgb(191, 191, 191) 3px 3px 3px;
font-size: 2.5em;
    text-transform: uppercase;
text-align: center;
font-weight: 900;

}

@media screen and (max-width: 568px) {
    #shopTop H2 {
        font-size: 2em;
    }
}

#cartClose  {
    float: right;
}

#cartClose IMG  {
    width: 60px;
    height: 60px;
    cursor:pointer;
}

#Designer {
  margin-bottom: 20em;
}
      
/* NY DETALJSIDE */

.sprd-breadcrumb, .sprd-detail-info__heading, .sprd-detail-info__subheading, .sprd-detail-info__text, .sprd-detail-design-details {
  display: none !important;
}

.sprd-detail-product-type__column:first-child, .sprd-detail-suggestions:last-child {
  display: none !important;
}

.customPageBackground {
    background-color: transparent !important;
}

.SprdMain .sprd-filterpane, .SprdMain .sprd-activefilters-lp, .sprd-listpage__title, .SprdMain .sprd-detail-suggestions__caption, .SprdMain .sprd-detail-product-type__heading {
    display: none !important;
}

.SprdMain .sprd-detail-mobile-caption__heading, .SprdMain .sprd-detail-mobile-caption__subheading, .SprdMain .sprd-mobilefilter__open-btn {
    display: none !important;
}

#Designer .SprdMain .sprd-detail-suggestions {
 margin: 3.5em 0em;
}

#Designer .SprdMain .sprd-detail-cta__cart_icon {
    width: 1.5em !important;
    height: 1.5em !important;
}

#Designer .sprd-bg-m3 {
    background-color: transparent !important;
}

#Designer .sprd-detail-sizes .sprd-c-m2, #Designer .sprd-detail-sizes .sprd-c-s2, #Designer .sprd-detail-product-type__size-guide .sprd-bc-m2, #Designer .sprd-detail-product-type__size-guide .sprd-c-s2 {
  border-radius: 4px;
}

/* */

.SprdMain .sprd-detail-product-type__column__wide, .sprd-detail-images__views, .sprd-detail-price__tax, .sprd-detail-info__subheading-reviews {
    display:none !important;
}

H2.sprd-detail-info__subheading {
  font-size: 1.5em !important;
}       
       
.sprd-detail-info__subheading-title {
  margin-right: 0.2em !important;
}