@font-face {
font-family: aReg;
src: url(//alliedfeather.com/wp-content/themes/afd/fonts/afd20/aRegular.woff);
}
@font-face {
font-family: bReg;
src: url(//alliedfeather.com/wp-content/themes/afd/fonts/afd20/bRegular.woff);
}
@font-face {
font-family: hn65;
src: url(//alliedfeather.com/wp-content/themes/afd/fonts/afd20/hn65.woff);
}
.visuallyhidden{visibility: hidden;display:none;}
html{scroll-behavior: auto;scroll-behavior: smooth;}
html, body{
background-color:#0f0f0f;
color:#6d6d6d; 
margin:initial; font-family: aReg, serif;
}
h1, h2, h3, h4{
font-weight: normal;
}
html button{cursor:crosshair;}
html a, a{
color:inherit;
text-decoration:none;
}
header h2{
margin:initial;
}
.hero{
inset:initial !important;
position:relative;
z-index:0;
background-image:url(//alliedfeather.com/img/dxlb/hero.min.jpeg);
background-size:cover;
background-position:center center;
background-repeat:no-repeat;
height:100vh;
min-width:100% !important;
width:100% !important; display:flex;
flex-direction: column;
align-content: flex-end;
justify-content: center;
}
.hero h1{
position:absolute;
width:100%;
max-width:4.7em;
font-family:hn65;
top:50%;
left:0;
right:0;
font-size:8vw;
color:#ffffff;
margin:initial;
margin-left:auto;
margin-right:auto;
transform: translateY(-50%);
text-align:left;
display:block;
}
@media only screen and (min-width: 19200px) {
font-size:120px;
}
.hero h1 span{
display:block;
width:100%;
text-align:right;
}
.hero > div{
position:absolute;
bottom:0;
left:0;			
width:100%;
display:flex;
flex-direction:row;
align-items: stretch;
}
.hero > div > div {
font-family:aReg, serif;
font-size:10px;
line-height:1.4em;
color:#ffffff;
text-align:center;			
padding:5% 2.5%;
width:33.333%;			
}
@media only screen and (min-width: 960px) {
.hero > div > div {				
font-size:12px;
}
.hero > div > div span{	
display:block;
}
}
.afd-header{ }
.afd-header li a{ }
@media only screen and (min-width: 930px) {
.menu-secondary-menu-container li.contact a{
color:#f8f8f9;
}
}
.afd-header li.active a{
opacity:1;
}
.hero.gallery{
background-image:url(//alliedfeather.com/wp-content/themes/afd/css/dxlb/footer.min.jpeg);
height:auto;
padding-top:78%;
}
.hero figure{
margin:initial;
width:25%;
max-width:490px;
margin:auto;
}
.hero figure div.logo{
margin:auto; }
.hero figure div img{
width:100%;
}
.hero .figure .figcaption{
display:none;
}
.intro{
display:flex;
flex-direction:row;		 		    
}
.intro > *{
width:50%;
padding:5% 10% 10% 10%;
font-size:1.4em;
background-color:#0074D9;   
}
.intro h2{
text-align: center;
}
.intro p{
margin:initial;
}
.order,
.details{
position:relative;
z-index:10;
background-color:#0f0f0f;
}	
.order{
display: flex;
flex-direction:column;
background: #0f0f0f;
padding:200px 0;
width:100%;
}	        
.order h2{
font-family:hn65;
font-weight: normal;
text-transform: uppercase;
margin:initial;
font-size:24px;
line-height:1em;
}
.order h2.shopify-buy__product__variant-title{
font-size:1em;
}
.order p{
line-height:1.4949em;
width:95%;		
}
.matrix{
margin-top:130px;
}
.order .modal-content p{
margin:initial;
}
@media only screen and (min-width: 960px){
.order{
flex-direction: row;
align-items: stretch;			
}	
.order p{
max-width:450px;
margin-bottom:1em;
}
.order .details h2{
margin-bottom:120px;
}			
.matrix{
margin-top:initial;
}
}
.order > *{
padding: 2.5%;
flex: 1;		
}
@media only screen and (min-width: 1200px) {
.order > *{
padding: 5%;
flex: 1;		
}	
}
@media only screen and (min-width: 1400px) {			
.order > *{
padding: 10%;
}
}
@media only screen and (max-height: 760px){
.order{
flex-direction:column;
}
.matrix{
margin-top:100px;
}	
}
.order .details small{
position:relative;		    
display:inline-block;
width:75%;
font-size:x-small;
text-align: justify;
text-transform: uppercase;
margin-bottom:130px;
}
.order .details small:after{
content: "";
display: inline-block;
width: 100%;
height: 0;
}	    
.order .disclaimer,
.order .modal-content{
font-size:small;
}
.order .disclaimer > *,
.order .disclaimer.one.two .goose-lo,
.order .modal-content > p,
.order .modal-content.one.two .goose-lo,
.order .modal-content.five.two .goose-lo{
display:none;
}
.order .disclaimer.one .eu-duck,
.order .modal-content.one .eu-duck{
display:block;
}
.order .disclaimer.two .goose-lo,
.order .modal-content.two .goose-lo{
display:block;
}
.order .disclaimer.three .goose-hi,
.order .modal-content.three .goose-hi{
display:block;
}
.order .disclaimer.four .cn-duck,
.order .modal-content.four .cn-duck,
.order .disclaimer.five .cn-goose,
.order .modal-content.five .cn-goose{
display:block;
}
.modal-content strong,
.modal-content em{
font-style: normal;
color:#f8f8f8;
}
.customizer{
height:100%;
width:100%;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
}
.customizer section{  
height:100%;
width:100%; padding-top:30px;
padding-bottom:30px;
font-size:18px;
text-transform:uppercase;
display:grid;
grid-template-columns:30% 70%;  
border-bottom:solid 2px #c7c7c7;
}
.customizer section:first-child{
padding-top:initial;
}
.customizer section:last-of-type{
padding-bottom:initial;
border-bottom:none;
}
.customizer heading{
color:#E5E5E5;
box-sizing: border-box;
min-width:170px;
margin-right:6em;
}
.customizer ul{
min-width:285px;
margin:initial;
padding:initial;
list-style-type:none;		  
font-size:14px;
line-height:1.49em;		  
text-transform:capitalize; display: flex;
flex-direction: column;
flex-wrap: wrap;
}
.customizer ul.two{  height:85px;
}
.customizer .blend ul.two{
column-count:1;	
}
.customizer li{
position:relative;
cursor:pointer;
color:inherit;
transition:color 250ms ease;
}
.customizer li[data-renu=""],
.customizer .blend li:not([data-renu=""]){
display:none;
}
.customizer .color.renu li[data-renu=""],
.customizer .blend li[data-renu=""]{
display:block;
}		
.customizer li:before{
position:absolute;
top:0.8em;
left:-12.5px;
content:'';
height:1em;
width:1.3em; background-image:url(//alliedfeather.com/wp-content/themes/afd-com/img/arrow-right-min.png);
background-size:cover;
background-position:center;
opacity:0;
transform-origin: top left;
transform:translateX(-100%) rotateZ(-45deg);		  
transition:opacity 250ms ease;		  		  
}
.customizer li:hover,
.customizer li.active{
color:#E5E5E5;		  
}
.customizer li.active:before,
.customizer li:hover:before{
opacity:1;
}
.customizer footer{
width:100%;			
}
.availability{
margin-top:1.6em;
display:flex;
flex-direction:row;
justify-content: space-between;
color:#f8f8f9;		
font-family: aReg, sans-serif;
font-weight: 500;
font-size: 20px;
line-height: 50px;
}
.availability .units,
.shopify-buy__product__price{
opacity:0.1;
width:25%;
transition:opacity 250ms ease;
display:inline-block;
}
.shopify-buy__product__actual-price{
position:relative;
}
.shopify-buy__product__actual-price:after{
content:'/lb';
position:relative;
display:inline-block;
margin-left:0.05em;
}
.availability .shopify-buy-frame,
.availability .shopify-buy__btn-wrapper{
width:75%;
display:inline-block;
}
.shopify-buy__product{width:100%;}
.shopify-buy__btn a{display:block;color:#131313;}  .shopify-buy__cart-toggle__count{
text-align:center;
}
.shopify-buy--visually-hidden{
margin:initial;
}
.shopify-buy__icon-cart{
background-image:url(//alliedfeather.com/img/dxlb/bag.min.svg);
background-size:cover;
background-repeat:no-repeat;
height:25px;
width:24px;
}
svg .shopify-buy__icon-cart__group{
display:none;
visibility: hidden;
}
button {		    
display: inline-block;
border: solid 1px #f8f8f9;
margin: 0;			
text-decoration: none;
background: #DDDDD;
color: #131313;
border-radius:0;			
cursor: pointer;
text-align: center;
transition: background 250ms ease-in-out, transform 150ms ease;
-webkit-appearance: none;
-moz-appearance: none;
padding: initial;
width: 100%;		    
font-size: inherit;
line-height: inherit;
opacity:0.1;		    		    
transition:opacity 250ms ease;
}
.availability.proceed .units,
.availability.proceed .shopify-buy__product__price,
.availability.proceed button{
opacity:1;
}
.banner{
position: relative;
display:grid;
grid-template-columns: 50% 50%;
grid-template-rows: 5% auto 5%;
}
.banner .titles{
z-index:10;
position:absolute;
top:50%;
left:0;
right:0;
margin:auto;
transform: translateY(-50%);
mix-blend-mode: difference;
}
.banner .frame{
display:flex;
align-items: center;
grid-column-start:2; 
grid-column-end:3; 
grid-row-start: 1;
grid-row-end: 2;
height:750px;
}
.banner h2{		    
margin:initial;
margin:auto;
text-align:center;
font-size:100px;
line-height:0.8em;
text-transform:uppercase;
color:#d4d4d4;
}		
.banner p{
color:#d4d4d4;
font-size:1.2em;
font-family:aReg, serif;
text-align: center;
margin:initial;
margin-top:40px;
}	   
.banner .frame img{
width:60%;
margin:auto;  
}	    
.four-up{
display:grid;
grid-template-columns: 20% 30% 30% 20%;
grid-template-rows: auto;
margin-top:90px;
}
.four-up > *{
width:100%;
will-change: transform;
}
.four-up .left{
grid-column-start:1;
grid-column-end:2; 
transform: translateY(var(--translateY));
}
.four-up .middle{
grid-column-start:2;
grid-column-end:3; 
transform: translateY(var(--translateYB));
}
.four-up .right{
grid-column-start:4;
grid-column-end:5; 
height:50%;
margin:auto;
transform: translateY(var(--translateYC));
}
.shop-title{
width:45%;
padding:250px 27.5%;
display:flex;
flex-direction: row;
align-content: center;
justify-content: center;		    
text-align: center;
margin:initial;
font-family: aReg, serif;
font-size: 1.4em;
}
.cards{
display:flex;
flex-direction:row;
flex-wrap: wrap;
justify-content: space-between;
align-items: stretch; width:100vw;    		    
}
.cards >*{
height:100%;
width:33.333%;
margin:initial;
}
.cards figure{
position:relative;
}
.cards figure img{
display:block;
width:100%;
filter:grayscale(1);
will-change:filter;
transition: all 500ms ease;
}
.cards figure:hover img{
width:100%;
filter:grayscale(0);		    
}
.cards figure figcaption{
position:absolute;
top:0;
left:0;
height:100%;
width:100%;
}
.cards figure figcaption p{
margin:initial;
text-align:center;
display:inline-block;
}
.cards figure figcaption .title{
position:absolute;
top:40%;		    
left:0;
right:0;
font-size:2em;
line-height:0.8em;		    
width:95%;
margin:auto;  
color:#ffffff;
transition:font-size 500ms ease;
}
.cards figure:hover .title{
font-size:2.6em;
will-change:font-size;
}
.cards figure figcaption .price{
position:absolute;
bottom:55px;		    
left:0;
right:0;
font-size:1.2em;		    
width:fit-content;
margin:auto;  
color:#ffffff;
}
.cards figure figcaption .price:before{
position:absolute;
top:-50px;
left:0;
right:0;
margin:auto;
content:"+";
font-size:1.5em;		    
}
.cards .product-details{
height: 0;
opacity: 0;
overflow: hidden;
transition: height 150ms ease-in-out, opacity 750ms ease-in-out;
width:100%;			
max-height:960px;
}
.cards.active .product-details{			
display: block;
height: 65vh;
opacity: 1; background-position: top center;
background-size: contain;
background-repeat: no-repeat;
}
.subnav{
padding:125px 0;
font-family:aReg, serif;	    
}
.site-foot .subnav{ }
.site-foot .subnav ul{	    
flex-direction:column;
}
.subnav ul li{
margin-top:1.4em;
margin-bottom:0.5em;
opacity:0.5;
}
.site-foot .subnav span {
margin-left:-0.25em;
margin-right:-0.25em;
}
@media only screen and (min-width: 960px) {
.site-foot .subnav ul{	    
flex-direction:row;
}    
}
header.subnav{
position:fixed;
z-index:20;
width:100%;
top:0;
padding:initial;	
color:#fff;
font-size:16px;
line-height:1.49em;
}
header.subnav li:nth-child(2){		    
transform: translateY(-5px);
}
header.subnav a{
color:inherit;
text-decoration: none;
}
.subnav h2{
text-align:center;
color:rgba(255,255,255,0);
background-image: url(//alliedfeather.com/wp-content/themes/afd-com/img/AFD-2020-wordmark.min.svg);
background-size:contain;
background-position:center;
background-repeat:no-repeat;
height:75px;
margin:auto;
margin-bottom:2em;
}
header.subnav h2{
position: absolute;
color:transparent;
margin-bottom:initial;
background-image: url(//alliedfeather.com/wp-content/themes/afd-com/img/AFD-2020-wordmark.min.svg);
background-position: top left;
background-size: cover;
top: 15px;
left: 25px;
width: 97px;
height: 57px;
}
.subnav ul{
list-style-type: none;
padding:initial;
margin:initial;
text-align:center;
display:flex;		    
flex-direction:row;
justify-content: space-between;
width:50%;
margin:auto;
}
header.subnav ul{
margin-top:30px;
}
.subnav ul li{
display:inline-block;
font-size:1em;
}
.explore{
display:grid;
grid-template-columns: 35% 15% 10% 40%;
grid-template-rows: 160px auto auto auto auto auto auto;
}	 
.explore figure{
margin:initial;
}   
.explore figure img{
width:100%;
display:block;
}
.explore .sidekick{
grid-column-start:2;
grid-column-end:3; 
grid-row-start:2;
grid-row-end:3; 
width:100%;
max-width:303px;
margin-left:-25%;
will-change: transform;
transform: translateY(var(--translateYE));
}
.explore  .itc{
grid-column-start:1;
grid-column-end:2; 
grid-row-start:3;
grid-row-end:4; 
will-change: transform;
transform: translateY(var(--translateYD));
}
.itc figcaption p,
.smallB figcaption p{
color:#d4d4d4;
position:relative;
margin:initial;
padding:4% 10% 2.5% 5%;
text-transform: uppercase;
font-size:19px;
line-height:1em;
}
.itc figcaption p:after,
.smallB p:after,
.largeB:after,
.largeA > div:after{
color:#fff;
position:absolute;		
content:'+';
font-size:1.4em;
line-height:1em;
}
.itc figcaption p:after,
.smallB p:after{
top:0.8em;
right:3%;
}
.smallB p:after{
top:0.6em;
}
.largeB:after,
.largeA > div:after{
top:0.8em;
left:3%;
}
.explore  .largeA{
grid-column-start:5;
grid-column-end:4; 
grid-row-start:1;
grid-row-end:4; 		    
position:relative;
width:100%;	
max-width:756px;
margin:auto;
margin-top:0;
margin-right:0;
}
.largeA > *{
top:0;
left:0;			
position:absolute;
}		
.largeA > div{
position:relative;
}
.explore  .smallA{
grid-column-start:5;
grid-column-end:4; 
grid-row-start:4;
grid-row-end:5;		  
will-change: transform;
transform: translateY(var(--translateYF));  
}
.smallA > *{
width:30%;
margin:auto;
}
.explore  .largeB{
grid-column-start:1;
grid-column-end:6; 
grid-row-start:5;
grid-row-end:6;	
position:relative;
width:30%;
margin:auto;
}
.explore figure.largeB img,
.explore figure.largeB figcaption{			
}		
.explore figure.largeA figcaption,
.explore figure.largeB figcaption{
color:#d4d4d4;
width:75%;
margin:auto;
text-align:center;
position:absolute;
top:50%;
left:0;
right:0;
transform: translateY(-50%);
font-size:36px;
line-height:0.9em;
text-transform: uppercase;
mix-blend-mode:screen;
opacity:0.75;
}
.explore figure.largeA figcaption{
top:42.5%;
}
.explore figure.largeA figcaption sup,
.explore figure.largeB figcaption sup{
font-size:20px;
}
.explore figure.smallB figcaption sup{
font-size:12px;
margin:auto 0.5em;
}
.explore figure.largeA figcaption p,
.explore figure.largeB figcaption p{
margin:initial;
}
.explore .smallB{
grid-column-start:1;
grid-column-end:2; 
grid-row-start:6;
grid-row-end:7;	
width:73.2%;
margin:auto;
margin-right:0;
}
.explore .largeC{
grid-column-start:5;
grid-column-end:4; 
grid-row-start:7;
grid-row-end:8;
width:87%;	
max-width:702px;
margin:auto;
margin-left:0;
will-change: transform;
transform: translateY(var(--translateYG));  
}
.explore  .smallC{
grid-column-start:1;
grid-column-end:5; 
grid-row-start:8;
grid-row-end:8;	
width:15%;
max-width:273px;		    
margin:auto;
margin-top:250px;
}
.site-foot .subnav{ }
.element { opacity: var(--opacity); will-change: opacity;
}
.modal-container .modal-btn {
display: block;
margin: 0 auto;
color: #fff;
width: 160px;
height: 50px;
line-height: 50px;
background: #446CB3;
font-size: 22px;
border: 0;
border-radius: 3px;
cursor: pointer;
text-align: center;
box-shadow: 0 5px 5px -5px #333;
transition: background 0.3s ease-in;
}
.modal-container .modal-btn:hover {
background: #365690;
}
.modal-container .modal-content,
.modal-container .modal-backdrop {
height: 0;
width: 0;
opacity: 0;
visibility: hidden;
overflow: hidden;
cursor: pointer;
transition: opacity 0.2s ease-in;
}
.modal-container .modal-close {
color: #aaa;
position: fixed;
right: 5px;
top: 5px;
padding-top: 3px;
background: transparent;
font-size: 16px;
width: 25px;
height: 25px;
font-weight: bold;
text-align: center;
cursor: pointer;
}
.modal-container .modal-close:hover {
color: #333;
}
.modal-container .modal-content-btn {
position: absolute;
text-align: center;
cursor: pointer;
bottom: 20px;
right: 30px;
background: transparent;
color: #fff;
width: 50px;
border-radius: 2px;
font-size: 14px;
height: 32px;
padding-top: 9px;
font-weight: normal;
}
.modal-container .modal-content-btn:hover {
color: #fff;
background: #365690;
}
.modal-container #modal-toggle {
display: none;
}
.modal-container #modal-toggle.active ~ .modal-backdrop, .modal-container #modal-toggle:checked ~ .modal-backdrop {
background-color: rgba(0, 0, 0, 0.6);
width: 100vw;
height: 100vh;
position: fixed;
left: 0;
top: 0;
z-index: 9;
visibility: visible;
opacity: 1;
transition: opacity 0.2s ease-in;
}
.modal-container #modal-toggle.active ~ .modal-content, .modal-container #modal-toggle:checked ~ .modal-content {
opacity: 1;
background-color: #0f0f0f;
max-width: 400px;
width: 400px; height: auto; padding:2.5%;
position: fixed;
left: calc(50% - 200px);
top: 50%;
transform:translateY(-50%);
border-radius: 4px;
z-index: 999;
pointer-events: auto;
cursor: auto;
visibility: visible;
box-shadow: 0 3px 7px rgba(0, 0, 0, 0.6);
overflow-y:scroll;
} footer .top,footer .bottom{ width:100%; margin:initial;display:flex;flex-direction:row;}		
footer .top img{display:inline-block;width:50%;}
footer .bottom {align-items:stretch;	}
footer .bottom > *{width:33.333%; height:auto;}
footer .bg-image{ background-repeat:no-repeat;  background-size:contain;background-postion:center center;} .screen-reader-text {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute !important;
width: 1px;
word-wrap: normal !important;
}
.skip-link:focus {
background-color: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
clip-path: none;
color: #21759b;
display: block;
font-size: 0.875rem;
font-weight: 700;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000;
}html, body, h1, h2, h3, h4, h5, p {   padding: 0;   margin: 0; } * {   -webkit-box-sizing: border-box;           box-sizing: border-box; } body, html {   min-height: 100%; } html {   font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;   font-size: 14px;   line-height: 1.2;   color: #4c4c4c;   text-rendering: optimizeLegibility;   -webkit-font-smoothing: antialiased;   -moz-osx-font-smoothing: grayscale; } select {   text-rendering: auto !important; } ul {   list-style: none;   padding-left: 0;   margin: 0; } img {   display: block;   max-width: 100%; } input {   -webkit-appearance: textfield;   margin: 0; } .clearfix:after {     content: "";     display: table;     clear: both;   } .visuallyhidden {   border: 0;   height: 1px;   margin: -1px;   overflow: hidden;   padding: 0;   position: absolute;   width: 1px; } .component-container {   overflow: hidden; } .shopify-buy__type--center {   text-align: center; } .shopify-buy--visually-hidden {   position: absolute !important;   clip: rect(1px, 1px, 1px, 1px);   padding:0 !important;   border:0 !important;   height: 1px !important;   width: 1px !important;   overflow: hidden; } .shopify-buy__btn {   color: #131313;   font-size: 15px;   background-color: #C0C0C0;   padding: 12px 40px;   letter-spacing: .3px;   display: block;   border-radius: 0;   cursor: crosshair;   -webkit-transition: background 200ms ease;   transition: background 200ms ease;   max-width: 100%;   text-overflow: ellipsis;   overflow: hidden;   line-height: 1.2;   border: 0;   -moz-appearance: none;   -webkit-appearance: none } .shopify-buy__btn:hover,   .shopify-buy__btn:focus {     background-color: #8C8C8C;   } .shopify-buy__btn--parent {   background-color: transparent;   border: 0;   padding: 0;   cursor: pointer } .shopify-buy__btn--parent:hover .product__variant-img, .shopify-buy__btn--parent:focus .product__variant-img {       opacity: .7;     } .shopify-buy__btn--cart-tab {   padding: 5px 11px;   border-radius: 0;   position: fixed;   right: 0;   top: 50%;   -webkit-transform: translate(100%, -50%);           transform: translate(100%, -50%);   opacity: 0;   min-width: inherit;   width: auto;   height: auto;   z-index: 2147483647 } .shopify-buy__btn--cart-tab.is-active {     -webkit-transform: translateY(-50%);             transform: translateY(-50%);     opacity: 1;   } .shopify-buy__btn__counter {   display: block;   margin: 0 auto 10px auto;   font-size: 18px; } .shopify-buy__icon-cart--side {   height: 20px;   width: 20px; } .shopify-buy__btn[disabled] {   background-color: #999;   pointer-events: none; } .shopify-buy__btn--close {   position: absolute;   right: 0;   top: 8px;   font-size: 35px; width:40px;  line-height:1.2em;color: #767676;   border: none;   background-color: transparent;   -webkit-transition: color 100ms ease, -webkit-transform 100ms ease;   transition: color 100ms ease, -webkit-transform 100ms ease;   transition: transform 100ms ease, color 100ms ease;   transition: transform 100ms ease, color 100ms ease, -webkit-transform 100ms ease;   cursor: pointer;   font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;   padding-right: 18px; text-align:right;opacity:1;} .shopify-buy__btn--close:hover {  color: hsl(0, 0%, 41.2745098039%);   } @-webkit-keyframes flipIn {   from {     max-height: 0;     -webkit-transform: rotatex(90deg) translatey(-50%);             transform: rotatex(90deg) translatey(-50%);     margin-bottom: -65px;     opacity: 0;   }    to {     max-height: none;     -webkit-transform: none;             transform: none;     margin-bottom: 20px;     opacity: 1;   } } @keyframes flipIn {   from {     max-height: 0;     -webkit-transform: rotatex(90deg) translatey(-50%);             transform: rotatex(90deg) translatey(-50%);     margin-bottom: -65px;     opacity: 0;   }    to {     max-height: none;     -webkit-transform: none;             transform: none;     margin-bottom: 20px;     opacity: 1;   } } @-webkit-keyframes flipOut {   from {     max-height: none;     -webkit-transform: none;             transform: none;     margin-bottom: 20px;     opacity: 1;   }    to {     max-height: 0;     -webkit-transform: rotatex(90deg) translatey(-50%);             transform: rotatex(90deg) translatey(-50%);     margin-bottom: -65px;     opacity: 0;   } } @keyframes flipOut {   from {     max-height: none;     -webkit-transform: none;             transform: none;     margin-bottom: 20px;     opacity: 1;   }    to {     max-height: 0;     -webkit-transform: rotatex(90deg) translatey(-50%);             transform: rotatex(90deg) translatey(-50%);     margin-bottom: -65px;     opacity: 0;   } } .shopify-buy__cart-wrapper {   height: 100%;   padding-left: 10px; } .shopify-buy__cart {   height: 100%;   background-color: #fff;   width: calc(100% - 10px);   position: absolute;   right: 0;   -webkit-box-shadow: -5px 0 5px rgba(0, 0, 0, 0.1);           box-shadow: -5px 0 5px rgba(0, 0, 0, 0.1); } .shopify-buy__cart__header {   padding: 20px;   padding-right: 40px;   position: relative;   z-index: 2147483647;   background-color: inherit; } .shopify-buy__cart__title {   font-size: 18px;   color: #767676;   font-weight: normal;   overflow: hidden;   text-overflow: ellipsis; } .shopify-buy__cart-scroll {   padding: 70px 0 135px 0;   position: absolute;   top: 0;   height: 100%;   width: 100%; } .shopify-buy__cart-scroll--discounts {   padding-bottom: 170px; } .shopify-buy__cart-scroll--cart-note {   padding-bottom: 200px; } .shopify-buy__cart-scroll--cart-note.shopify-buy__cart-scroll--discounts {   padding-bottom: 230px; } .shopify-buy__cart-items {   overflow: hidden;   overflow-y: auto;   height: 100%;   position: relative;   padding: 0 20px 20px;   -webkit-overflow-scrolling: touch;   -webkit-perspective: 400px;           perspective: 400px;   -webkit-perspective-origin: 50% 0px;           perspective-origin: 50% 0px; } .shopify-buy__cart-item {   min-height: 65px;   margin-bottom: 20px;   overflow: hidden;   position: relative;   -webkit-backface-visibility: visible;           backface-visibility: visible;   -webkit-animation: 200ms flipIn forwards;           animation: 200ms flipIn forwards; } .shopify-buy__cart-item.is-hidden {   -webkit-animation-name: flipOut;           animation-name: flipOut; } .shopify-buy__cart-item__image {   width: 65px;   height: 65px;   background-size: contain;   background-repeat: no-repeat;   background-position: center center;   background-color: transparent;   position: absolute;   left: 0;   top: 0; } .shopify-buy__cart-item__title {  margin-left: 80px;   margin-bottom: 3px;   display: block; } .shopify-buy__cart-item__price {   float: right;   font-size: 14px;   font-weight: bold;   line-height: 26px; } .shopify-buy__cart-item__price-and-discounts {   float: right;   text-align: right;   max-width: 100px } .shopify-buy__cart-item__price-and-discounts .shopify-buy__cart-item__price {     float: none;   } .shopify-buy__cart-item__full-price {   font-size: 12px;   line-height: 12px; } .shopify-buy__cart-item__discount {   font-size: 12px;   word-wrap: break-word;   text-transform: uppercase } .shopify-buy__cart-item__discount + .shopify-buy__cart-item__discount {     margin-top: 5px;   } .shopify-buy__cart-item__discount__icon {   width: 12px;   height: 12px;   vertical-align: top;   fill: currentColor; } .shopify-buy__cart-item__variant-title {   margin-left: 80px;   margin-bottom: 10px;   color: #4c4c4c;   font-size: 12px;   max-width: 220px;   overflow: hidden;   text-overflow: ellipsis; } .shopify-buy__cart-bottom {   background-color: #fff;   position: absolute;   width: 100%;   bottom: 0;   padding: 15px 20px 20px 20px; } .shopify-buy__cart__subtotal__text {   text-transform: uppercase;   float: left; color: #4c4c4c; } .shopify-buy__cart__subtotal__price {   float: right; } .shopify-buy__cart__discount {   display: -webkit-box;   display: -webkit-flex;   display: -ms-flexbox;   display: flex;   margin-bottom: 10px;   color: #4c4c4c; } .shopify-buy__cart__discount__text {   font-size: 11px;   text-transform: uppercase;   margin-right: 10px;   -webkit-box-flex: 1;   -webkit-flex-grow: 1;       -ms-flex-positive: 1;           flex-grow: 1; } .shopify-buy__cart__discount__text__icon {   width: 11px;   height: 11px;   vertical-align: top;   fill: currentColor; } .shopify-buy__cart__discount__amount {   font-size: 12px;   line-height: 12px;   -webkit-flex-shrink: 0;       -ms-flex-negative: 0;           flex-shrink: 0; } .shopify-buy__cart__currency {   font-size: 12px; } .shopify-buy__cart__notice {   font-size: 11px;   clear: both;   padding-top: 10px;   text-align: center;   color: #4c4c4c; } .shopify-buy__cart__note {   clear: both;   padding-top: 10px; } .shopify-buy__cart__note__description {   font-size: 11px;   color: #4c4c4c; } .shopify-buy__cart__note__text-area {   resize: none;   font-size: 11px;   width: 100%;   color: #4c4c4c; } .shopify-buy__cart-empty-text {   padding: 10px 15px;   text-align: center; } .shopify-buy__btn--cart-checkout {   clear: both;   margin-top: 15px;   width: 100%;   padding: 10px 5px;   font-size: 16px; opacity:1; } .shopify-buy__quantity-container {   margin-left: 80px;   margin-right: 100px;   height: 26px;   line-height: 26px; } .shopify-buy__quantity-container.is-loading {   opacity: 0.65;   pointer-events: none; } .shopify-buy__cart-item__quantity-input {   float: left;   background: transparent; } @media (max-width: 330px) {   .shopify-buy__cart-item__price-and-discounts {     max-width: 90px;   }    .shopify-buy__quantity-container {     margin-right: 90px;   } } .shopify-buy__quantity-decrement, .shopify-buy__quantity-increment {  opacity:1; color: #4c4c4c;   display: block;   height: 30px;   float: left;   line-height: 16px;   font-family: monospace;   width: 26px;   padding: 0;   border: none;   background: transparent;   -webkit-box-shadow: none;           box-shadow: none;   cursor: pointer;   font-size: 18px;   text-align: center;   font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;   border: 1px solid #767676;  border:none;  position: relative } .shopify-buy__quantity-decrement svg, .shopify-buy__quantity-increment svg {     width: 14px;     height: 14px;     position: absolute;     top: 50%;     left: 50%;     margin-top: -6px;     margin-left: -7px;     fill: currentColor;   } .shopify-buy__quantity-decrement {   border-radius: 3px 0 0 3px; } .shopify-buy__quantity-increment {   border-radius: 0 3px 3px 0; } .shopify-buy__quantity {   color: black;   width: 45px;   height: 30px;   font-size: 16px;   border: none;   text-align: center;   -webkit-appearance: none;   -moz-appearance: textfield;   display: inline-block;   padding: 0;   border-radius: 0;  } input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {   -webkit-appearance: none;   margin: 0; } .shopify-buy__quantity-container.shopify-buy__quantity-with-btns {   overflow: hidden } .shopify-buy__quantity-container.shopify-buy__quantity-with-btns .shopify-buy__quantity {     border-left: 0;     border-right: 0;     float: left;   }  
.shopify-buy__btn.shopify-buy__btn--cart-checkout:hover { background-color: #C0C0C0; } .shopify-buy__btn.shopify-buy__btn--cart-checkout:focus { background-color: #C0C0C0; } .shopify-buy__btn.shopify-buy__btn--cart-checkout { color: #131313;background-color: #C0C0C0;border-radius: 0px; } .shopify-buy__cart__title { color: #ffffff; } .shopify-buy__cart__header { color: #ffffff; } .shopify-buy__cart-items { color: #ffffff; } .shopify-buy__cart__subtotal__text { color: #ffffff; } .shopify-buy__cart__subtotal__price { color: #ffffff; } .shopify-buy__cart__notice { color: #ffffff; } .shopify-buy__cart__currency { color: #ffffff; } .shopify-buy__btn--close:hover { color: #ffffff; } .shopify-buy__btn--close { color: #ffffff; } .shopify-buy__cart-empty-text { color: #ffffff; } .shopify-buy__cart__note__description { color: #ffffff; } .shopify-buy__cart__discount__text { color: #ffffff; } .shopify-buy__cart__discount__text__icon { fill: #ffffff; } .shopify-buy__cart__discount__amount { color: #ffffff; } .shopify-buy__cart { background-color: rgba(0,0,0,0.95); } .shopify-buy__cart-bottom { background-color: rgba(0,0,0,0.95); } .shopify-buy__cart-item__variant-title { color: #ffffff;font-size: 12px; } .shopify-buy__cart-item__price { color: #ffffff; } .shopify-buy__cart-item__full-price { color: #ffffff; } .shopify-buy__cart-item__discount { color: #ffffff; } .shopify-buy__cart-item__discount__icon { fill: #ffffff; } .shopify-buy__quantity-container.clearfix { color: #ffffff; } .shopify-buy__quantity-increment { color: #ffffff;border-color: #ffffff; } .shopify-buy__quantity-decrement { color: #ffffff;border-color: #ffffff; } .shopify-buy__quantity.shopify-buy__cart-item__quantity-input { color: #ffffff;border-color: #ffffff; } .shopify-buy__cart-toggle { background-color: #C0C0C0; }.shopify-buy-frame--toggle{width:45px;color:#131313;padding:10px;background-color:#C0C0C0;opacity:0.5} .shopify-buy-frame--toggle:hover{opacity:1}