@charset "UTF-8";
/**************************************************************************************************************/
/*******************************                  Font Files                  *********************************/
/**************************************************************************************************************/
@import url("//hello.myfonts.net/count/320d0e");
@import url("//hello.myfonts.net/count/3203c9");
@font-face { font-family: 'Notera'; src: url("320D0E_0_0.eot"); src: url("320D0E_0_0.eot?#iefix") format("embedded-opentype"), url("320D0E_0_0.woff2") format("woff2"), url("320D0E_0_0.woff") format("woff"), url("320D0E_0_0.ttf") format("truetype"); }
@font-face { font-family: 'Volta-Med'; src: url("3203C9_0_0.eot"); src: url("3203C9_0_0.eot?#iefix") format("embedded-opentype"), url("3203C9_0_0.woff2") format("woff2"), url("3203C9_0_0.woff") format("woff"), url("3203C9_0_0.ttf") format("truetype"); }
@font-face { font-family: 'Volta-Reg'; src: url("3203C9_1_0.eot"); src: url("3203C9_1_0.eot?#iefix") format("embedded-opentype"), url("3203C9_1_0.woff2") format("woff2"), url("3203C9_1_0.woff") format("woff"), url("3203C9_1_0.ttf") format("truetype"); }
@font-face { font-family: 'Volta-Bol'; src: url("3203C9_2_0.eot"); src: url("3203C9_2_0.eot?#iefix") format("embedded-opentype"), url("3203C9_2_0.woff2") format("woff2"), url("3203C9_2_0.woff") format("woff"), url("3203C9_2_0.ttf") format("truetype"); }
@font-face { font-family: 'Volta-MedIta'; src: url("3203C9_3_0.eot"); src: url("3203C9_3_0.eot?#iefix") format("embedded-opentype"), url("3203C9_3_0.woff2") format("woff2"), url("3203C9_3_0.woff") format("woff"), url("3203C9_3_0.ttf") format("truetype"); }
@font-face { font-family: 'VoltaT-BoldRo1'; src: url("3203C9_4_0.eot"); src: url("3203C9_4_0.eot?#iefix") format("embedded-opentype"), url("3203C9_4_0.woff2") format("woff2"), url("3203C9_4_0.woff") format("woff"), url("3203C9_4_0.ttf") format("truetype"); }
@font-face { font-family: 'VoltaSteD-Bol'; src: url("3203C9_5_0.eot"); src: url("3203C9_5_0.eot?#iefix") format("embedded-opentype"), url("3203C9_5_0.woff2") format("woff2"), url("3203C9_5_0.woff") format("woff"), url("3203C9_5_0.ttf") format("truetype"); }
@font-face { font-family: 'BulmerMTStd-Bold'; src: url("3203C9_6_0.eot"); src: url("3203C9_6_0.eot?#iefix") format("embedded-opentype"), url("3203C9_6_0.woff2") format("woff2"), url("3203C9_6_0.woff") format("woff"), url("3203C9_6_0.ttf") format("truetype"); }
@font-face { font-family: 'BulmerMTStd-BoldDisplay'; src: url("3203C9_7_0.eot"); src: url("3203C9_7_0.eot?#iefix") format("embedded-opentype"), url("3203C9_7_0.woff2") format("woff2"), url("3203C9_7_0.woff") format("woff"), url("3203C9_7_0.ttf") format("truetype"); }
@font-face { font-family: 'BulmerMTStd-BoldItalicDisp'; src: url("3203C9_8_0.eot"); src: url("3203C9_8_0.eot?#iefix") format("embedded-opentype"), url("3203C9_8_0.woff2") format("woff2"), url("3203C9_8_0.woff") format("woff"), url("3203C9_8_0.ttf") format("truetype"); }
@font-face { font-family: 'BulmerMTStd-ItalicDisplay'; src: url("3203C9_9_0.eot"); src: url("3203C9_9_0.eot?#iefix") format("embedded-opentype"), url("3203C9_9_0.woff2") format("woff2"), url("3203C9_9_0.woff") format("woff"), url("3203C9_9_0.ttf") format("truetype"); }
@font-face { font-family: 'BulmerMTStd-Display'; src: url("3203C9_A_0.eot"); src: url("3203C9_A_0.eot?#iefix") format("embedded-opentype"), url("3203C9_A_0.woff2") format("woff2"), url("3203C9_A_0.woff") format("woff"), url("3203C9_A_0.ttf") format("truetype"); }
@font-face { font-family: 'BulmerMTStd-SemiBold'; src: url("3203C9_B_0.eot"); src: url("3203C9_B_0.eot?#iefix") format("embedded-opentype"), url("3203C9_B_0.woff2") format("woff2"), url("3203C9_B_0.woff") format("woff"), url("3203C9_B_0.ttf") format("truetype"); }
@font-face { font-family: 'BulmerMTStd-Italic'; src: url("3203C9_C_0.eot"); src: url("3203C9_C_0.eot?#iefix") format("embedded-opentype"), url("3203C9_C_0.woff2") format("woff2"), url("3203C9_C_0.woff") format("woff"), url("3203C9_C_0.ttf") format("truetype"); }
@font-face { font-family: 'BulmerMTStd-Regular'; src: url("3203C9_D_0.eot"); src: url("3203C9_D_0.eot?#iefix") format("embedded-opentype"), url("3203C9_D_0.woff2") format("woff2"), url("3203C9_D_0.woff") format("woff"), url("3203C9_D_0.ttf") format("truetype"); }
@font-face { font-family: 'BulmerMTStd-BoldItalic'; src: url("3203C9_E_0.eot"); src: url("3203C9_E_0.eot?#iefix") format("embedded-opentype"), url("3203C9_E_0.woff2") format("woff2"), url("3203C9_E_0.woff") format("woff"), url("3203C9_E_0.ttf") format("truetype"); }
@font-face { font-family: 'BulmerMTStd-SemiBoldItalic'; src: url("3203C9_F_0.eot"); src: url("3203C9_F_0.eot?#iefix") format("embedded-opentype"), url("3203C9_F_0.woff2") format("woff2"), url("3203C9_F_0.woff") format("woff"), url("3203C9_F_0.ttf") format("truetype"); }
@font-face { font-family: 'BrandonGrotesqueWeb-BoldItalic'; src: url("3203C9_10_0.eot"); src: url("3203C9_10_0.eot?#iefix") format("embedded-opentype"), url("3203C9_10_0.woff2") format("woff2"), url("3203C9_10_0.woff") format("woff"), url("3203C9_10_0.ttf") format("truetype"); }
@font-face { font-family: 'BrandonGrotesqueWeb-Light'; src: url("3203C9_11_0.eot"); src: url("3203C9_11_0.eot?#iefix") format("embedded-opentype"), url("3203C9_11_0.woff2") format("woff2"), url("3203C9_11_0.woff") format("woff"), url("3203C9_11_0.ttf") format("truetype"); }
@font-face { font-family: 'BrandonGrotesqueWeb-LightItalic'; src: url("3203C9_12_0.eot"); src: url("3203C9_12_0.eot?#iefix") format("embedded-opentype"), url("3203C9_12_0.woff2") format("woff2"), url("3203C9_12_0.woff") format("woff"), url("3203C9_12_0.ttf") format("truetype"); }
@font-face { font-family: 'BrandonGrotesqueWeb-Bold'; src: url("3203C9_13_0.eot"); src: url("3203C9_13_0.eot?#iefix") format("embedded-opentype"), url("3203C9_13_0.woff2") format("woff2"), url("3203C9_13_0.woff") format("woff"), url("3203C9_13_0.ttf") format("truetype"); }
@font-face { font-family: 'BrandonGrotesqueWeb-Black'; src: url("3203C9_14_0.eot"); src: url("3203C9_14_0.eot?#iefix") format("embedded-opentype"), url("3203C9_14_0.woff2") format("woff2"), url("3203C9_14_0.woff") format("woff"), url("3203C9_14_0.ttf") format("truetype"); }
@font-face { font-family: 'BrandonGrotesqueWeb-BlackItalic'; src: url("3203C9_15_0.eot"); src: url("3203C9_15_0.eot?#iefix") format("embedded-opentype"), url("3203C9_15_0.woff2") format("woff2"), url("3203C9_15_0.woff") format("woff"), url("3203C9_15_0.ttf") format("truetype"); }
@font-face { font-family: 'BrandonGrotesqueWeb-MediumItalic'; src: url("3203C9_16_0.eot"); src: url("3203C9_16_0.eot?#iefix") format("embedded-opentype"), url("3203C9_16_0.woff2") format("woff2"), url("3203C9_16_0.woff") format("woff"), url("3203C9_16_0.ttf") format("truetype"); }
@font-face { font-family: 'BrandonGrotesqueWeb-Regular'; src: url("3203C9_17_0.eot"); src: url("3203C9_17_0.eot?#iefix") format("embedded-opentype"), url("3203C9_17_0.woff2") format("woff2"), url("3203C9_17_0.woff") format("woff"), url("3203C9_17_0.ttf") format("truetype"); }
@font-face { font-family: 'BrandonGrotesqueWeb-Italic'; src: url("3203C9_18_0.eot"); src: url("3203C9_18_0.eot?#iefix") format("embedded-opentype"), url("3203C9_18_0.woff2") format("woff2"), url("3203C9_18_0.woff") format("woff"), url("3203C9_18_0.ttf") format("truetype"); }
@font-face { font-family: 'BrandonGrotesqueWeb-Medium'; src: url("3203C9_19_0.eot"); src: url("3203C9_19_0.eot?#iefix") format("embedded-opentype"), url("3203C9_19_0.woff2") format("woff2"), url("3203C9_19_0.woff") format("woff"), url("3203C9_19_0.ttf") format("truetype"); }
@font-face { font-family: 'BrandonGrotesqueWeb-ThinItalic'; src: url("3203C9_1A_0.eot"); src: url("3203C9_1A_0.eot?#iefix") format("embedded-opentype"), url("3203C9_1A_0.woff2") format("woff2"), url("3203C9_1A_0.woff") format("woff"), url("3203C9_1A_0.ttf") format("truetype"); }
@font-face { font-family: 'BrandonGrotesqueWeb-Thin'; src: url("3203C9_1B_0.eot"); src: url("3203C9_1B_0.eot?#iefix") format("embedded-opentype"), url("3203C9_1B_0.woff2") format("woff2"), url("3203C9_1B_0.woff") format("woff"), url("3203C9_1B_0.ttf") format("truetype"); }
@font-face { font-family: 'gothic'; src: url("gothic.eot"); src: local("gothic"), url("gothic.woff") format("woff"), url("gothic.ttf") format("truetype"); }
@font-face { font-family: 'icons'; src: url("icomoon2.eot?4fa05b"); src: url("icomoon2.eot?4fa05b#iefix") format("embedded-opentype"), url("icomoon2.ttf?4fa05b") format("truetype"), url("icomoon2.woff?4fa05b") format("woff"), url("icomoon2.svg?4fa05b#icomoon") format("svg"); font-weight: normal; font-style: normal; }
@font-face { font-family: 'flowerchild'; src: url("flowerchild.eot?lwx26z"); src: url("flowerchild.eot?lwx26z#iefix") format("embedded-opentype"), url("flowerchild.ttf?lwx26z") format("truetype"), url("flowerchild.woff?lwx26z") format("woff"), url("flowerchild.svg?lwx26z#icomoon") format("svg"); font-weight: normal; font-style: normal; }
/******************************************************************************************************************/
/*******************************                   SCSS  Helpers                  *********************************/
/******************************************************************************************************************/
/**************************************************************************************************************/
/*******************************                   Variables                 **********************************/
/**************************************************************************************************************/
/*********    Font Families   ********/
/*"FontAwesome"*/
/*********    Font Families   ********/
/*********    Icons   ********/
/*********    Images   ********/
/********* Breaks ************/
/*********   Colors   ********/
/*********    Borders   ********/
/*********    Z-Index   ********/
/*********   Utils   ********/
/*********    Gaps   ********/
/*********    Icon Sizes    ********/
/*********    Radius    ********/
/*********    Columns   ********/
/*********    Widths    ********/
/*********    Heights    ********/
/*********    Aspects    ********/
/*********    Other    ********/
/*********    Fonts    ******** definition is (font-size, light-height, color, font-family); */
/* $fontname-brandon-bold */
/* $fontname-brandon-bold */
/**************************************************************************************************************/
/*******************************               Confirmed Fonts                *********************************/
/**************************************************************************************************************/
/*  global box-sizing [COLOR=red]*,[/COLOR] *:after, *:before { box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -webkit-font-smoothing:antialiased; font-smoothing:antialiased; text-rendering:optimizeLegibility; } */
/**************************************************************************************************************/
/*******************************                   Icons                      *********************************/
/**************************************************************************************************************/
.icon-menu:before { font-family: "icons"; content: "¡"; width: 23px; height: 23px; font-size: 23px; color: #54504e; display: inline-block; }

.icon-leftarrow:before { font-family: "icons"; content: "¥"; width: 20px; height: 20px; font-size: 20px; color: #54504e; display: inline-block; }

.icon-rightarrow:before { font-family: "icons"; content: "¦"; width: 20px; height: 20px; font-size: 20px; color: #54504e; display: inline-block; }

.icon-up:before { font-family: "icons"; content: "§"; width: 25px; height: 25px; font-size: 25px; color: #54504e; display: inline-block; }

.icon-down:before { font-family: "icons"; content: "¨"; width: 25px; height: 25px; font-size: 25px; color: #54504e; display: inline-block; }

.icon-search:before { font-family: "icons"; content: "¢"; width: 15px; height: 15px; font-size: 15px; color: #54504e; display: inline-block; }

.icon-facebook:before { font-family: "icons"; content: "Á"; width: 15px; height: 15px; font-size: 15px; color: #54504e; display: inline-block; }

.icon-twitter:before { font-family: "icons"; content: "Â"; width: 15px; height: 15px; font-size: 15px; color: #54504e; display: inline-block; }

.icon-pinterest:before { font-family: "icons"; content: "Ã"; width: 15px; height: 15px; font-size: 15px; color: #54504e; display: inline-block; }

.icon-tumblr:before { font-family: "icons"; content: "Ä"; width: 15px; height: 15px; font-size: 15px; color: #54504e; display: inline-block; }

.icon-insta:before { font-family: "icons"; content: "Å"; width: 15px; height: 15px; font-size: 15px; color: #54504e; display: inline-block; }

.icon-youtube:before { font-family: "icons"; content: "Æ"; width: 15px; height: 15px; font-size: 15px; color: #54504e; display: inline-block; }

.icon-bloglovin:before { font-family: "icons"; content: "Ç"; width: 15px; height: 15px; font-size: 15px; color: #54504e; display: inline-block; }

.icon-pinterest-round:after { font-family: "icons"; content: "È"; width: 15px; height: 15px; font-size: 15px; color: #54504e; display: inline-block; }

.icon-account:before { font-family: "icons"; content: "²"; width: 15px; height: 15px; font-size: 15px; color: #54504e; display: inline-block; }

.icon-wishlist:before { font-family: "icons"; content: "¤"; width: 15px; height: 15px; font-size: 15px; color: #54504e; display: inline-block; }

.icon-wishlist-s:before { font-family: "icons"; content: "¤"; width: 10px; height: 10px; font-size: 10px; color: #54504e; display: inline-block; }

.icon-wishlist-sf:before { font-family: "icons"; content: "£"; width: 10px; height: 10px; font-size: 10px; color: #54504e; display: inline-block; }

.icon-cart:before { font-family: "icons"; content: "³"; width: 15px; height: 15px; font-size: 15px; color: #54504e; display: inline-block; }

.icon-return:before { font-family: "icons"; content: "ñ"; width: 15px; height: 15px; font-size: 15px; color: #54504e; display: inline-block; }

.icon-chart:before { font-family: "icons"; content: "ò"; width: 15px; height: 15px; font-size: 15px; color: #54504e; display: inline-block; }

.icon-plane:before { font-family: "icons"; content: "ó"; width: 15px; height: 15px; font-size: 15px; color: #54504e; display: inline-block; }

.icon-gift:before { font-family: "icons"; content: "ô"; width: 15px; height: 15px; font-size: 15px; color: #54504e; display: inline-block; }

.icon-faq:before { font-family: "icons"; content: "õ"; width: 15px; height: 15px; font-size: 15px; color: #54504e; display: inline-block; }

.icon-store:before { font-family: "icons"; content: "ö"; width: 15px; height: 15px; font-size: 15px; color: #54504e; display: inline-block; }

.icon-speech:before { font-family: "icons"; content: "÷"; width: 15px; height: 15px; font-size: 15px; color: #54504e; display: inline-block; }

.icon-clock:before { font-family: "icons"; content: "è"; width: 15px; height: 15px; font-size: 15px; color: #54504e; display: inline-block; }

.icon-press:before { font-family: "icons"; content: "á"; width: 15px; height: 15px; font-size: 15px; color: #54504e; display: inline-block; }

.icon-wand:before { font-family: "icons"; content: "ä"; width: 15px; height: 15px; font-size: 15px; color: #54504e; display: inline-block; }

.icon-film:before { font-family: "icons"; content: "á"; width: 15px; height: 15px; font-size: 15px; color: #54504e; display: inline-block; }

.icon-spellbook:before { font-family: "icons"; content: "â"; width: 15px; height: 15px; font-size: 15px; color: #54504e; display: inline-block; }

.icon-ethics:before { font-family: "icons"; content: "æ"; width: 15px; height: 15px; font-size: 15px; color: #54504e; display: inline-block; }

.icon-interns:before { font-family: "icons"; content: "å"; width: 15px; height: 15px; font-size: 15px; color: #54504e; display: inline-block; }

.icon-lookbooks:before { font-family: "icons"; content: "ã"; width: 15px; height: 15px; font-size: 15px; color: #54504e; display: inline-block; }

.icon-about:before { font-family: "icons"; content: "¤"; width: 15px; height: 15px; font-size: 15px; color: #54504e; display: inline-block; }

.icon-returns:before { font-family: "icons"; content: "ñ"; width: 15px; height: 15px; font-size: 15px; color: #54504e; display: inline-block; }

.icon-boutique:before { font-family: "icons"; content: "ø"; width: 15px; height: 15px; font-size: 15px; color: #54504e; display: inline-block; }

.icon-wedding-heart:before { font-family: "icons"; content: "é"; width: 15px; height: 15px; font-size: 15px; color: #54504e; display: inline-block; }

.icon-givingback:before { font-family: "icons"; content: "ç"; width: 15px; height: 15px; font-size: 15px; color: #54504e; display: inline-block; }

/**************************************************************************************************************/
/*******************************                     Defaults                 *********************************/
/**************************************************************************************************************/
html { /*-webkit-text-size-adjust: none; text-rendering:optimizeLegibility;*/ -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: optimizeLegibility; overflow: hidden; }

body { margin: 0px; padding: 0px; font-size: 21px; line-height: 30px; letter-spacing: 1px; color: #423f3f; font-family: "BulmerMTStd-Regular"; font-weight: normal; font-style: normal; /*width:100%; width:100vw; max-width:100vw; overflow-x:hidden;*/ -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: optimizeLegibility; overflow: hidden; -moz-osx-font-smoothing: grayscale; }

section, div, nav { margin: 0px; padding: 0px; box-sizing: border-box; }

input:focus, select:focus, textarea:focus, button:focus { outline: none; }

a { display: inline-block; cursor: pointer; text-decoration: none; color: #423f3f; }
a:hover, a:focus, a:active { text-decoration: none; outline: none; outline-offset: 0px; }

ul { list-style-type: none; padding: 0px; margin: 0px; }

.content-page { /*input{ height:25px; display:inline-block; width:100%; border:solid 1px $color-medium-light; margin-top: $zero; text-indent:$zero; padding-left:$gap-xxs;} */ /* comment to init git update */ /* .button{ height:18px; } issue with location popup buttons */ }
.content-page h2 { font-size: 14px; line-height: 14px; letter-spacing: 2px; color: #423f3f; font-family: "BrandonGrotesqueWeb-Bold"; font-weight: normal; font-style: normal; text-align: center; margin: 0px; padding: 0px; margin-bottom: 7px; text-transform: uppercase; }
.content-page h3 { font-size: 12px; line-height: 45px; letter-spacing: 1px; color: #595454; font-family: "BrandonGrotesqueWeb-Regular"; font-weight: normal; font-style: normal; box-sizing: border-box; margin: 0px; padding: 0px; text-transform: uppercase; }
.content-page h4 { font-size: 14px; line-height: 14px; letter-spacing: 1px; color: #423f3f; font-family: "BulmerMTStd-Italic"; font-weight: normal; font-style: normal; width: 100%; text-align: center; white-space: nowrap; position: relative; z-index: 1; margin: 0px auto; padding: 0px 42px; display: table; width: auto; }
.content-page h4:before { border-top: solid 1px #b0b0b0; content: ""; margin: 0px auto; position: absolute; top: 50%; left: 0px; right: 0px; bottom: 0px; width: 100%; z-index: -1; }
.content-page h4 span { background: #fff; padding: 0px 7px; }
.content-page h5 { font-size: 18px; line-height: 24px; letter-spacing: 1px; color: #423f3f; font-family: "BulmerMTStd-Italic"; font-weight: normal; font-style: normal; padding: 0px; margin: 0px; text-decoration: underline; }
.content-page h6 { font-size: 16px; line-height: 24px; letter-spacing: 1px; color: #423f3f; font-family: "BulmerMTStd-Bold"; font-weight: normal; font-style: normal; padding: 0px; margin: 0px; }
.content-page p { font-size: 14px; line-height: 24px; letter-spacing: 1px; color: #595454; font-family: "BulmerMTStd-Regular"; font-weight: normal; font-style: normal; }
.content-page em { font-size: 14px; line-height: 1; letter-spacing: 1px; color: #423f3f; font-family: "BulmerMTStd-Italic"; font-weight: normal; font-style: normal; }
.content-page .price { font-size: 12px; line-height: 12px; letter-spacing: 1px; color: #423f3f; font-family: "BrandonGrotesqueWeb-Regular"; font-weight: normal; font-style: normal; text-align: center; }
.content-page .small { font-size: 0.8em; }
.content-page .border-font { font-size: 14px; line-height: 2; letter-spacing: 3px; color: #423f3f; font-family: "gothic"; font-weight: normal; font-style: normal; border: solid 1px #423f3f; text-align: center; }
.content-page label { font-size: 11px; line-height: 14px; letter-spacing: 2px; color: #423f3f; font-family: "BrandonGrotesqueWeb-Bold"; font-weight: normal; font-style: normal; display: inline-block; vertical-align: top; padding-top: 8px; width: 50px; text-transform: uppercase; }
.content-page fieldset { padding: 0px; margin: 0px; border: none; box-sizing: border-box; width: 100%; margin-bottom: 7px; line-height: 20px; }
.content-page input { font-size: 12px; line-height: 16px; letter-spacing: 1px; color: #777; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: normal; font-style: normal; outline: none; width: 100%; height: 25px; line-height: 100%; box-sizing: border-box; margin-top: 0px; display: inline-block; border-radius: 0; -webkit-appearance: none; border: solid 1px #cfcccc; padding: 0px; padding-left: 7px; width: 100%; line-height: 25px; vertical-align: top; }
.content-page input[type="email"], .content-page input[type="text"] { text-indent: 0px; }
.content-page input::-webkit-input-placeholder { font-size: 8px; line-height: 1; letter-spacing: 2px; color: #e0e0e0; font-family: "BrandonGrotesqueWeb-Regular"; font-weight: normal; font-style: normal; text-transform: uppercase; padding-top: 0px; line-height: 28px; }
.content-page input:-moz-placeholder { font-size: 8px; line-height: 1; letter-spacing: 2px; color: #e0e0e0; font-family: "BrandonGrotesqueWeb-Regular"; font-weight: normal; font-style: normal; text-transform: uppercase; padding-top: 0px; line-height: 28px; }
.content-page input::-moz-placeholder { font-size: 8px; line-height: 1; letter-spacing: 2px; color: #e0e0e0; font-family: "BrandonGrotesqueWeb-Regular"; font-weight: normal; font-style: normal; text-transform: uppercase; padding-top: 0px; line-height: 28px; }
.content-page input:-ms-input-placeholder { font-size: 8px; line-height: 1; letter-spacing: 2px; color: #e0e0e0; font-family: "BrandonGrotesqueWeb-Regular"; font-weight: normal; font-style: normal; text-transform: uppercase; padding-top: 0px; line-height: 28px; }
.content-page input.half { width: -moz-calc(50% - 5px); width: -webkit-calc(50% - 5px); width: calc(50% - 5px); display: inline; }
.content-page input.half:nth-of-type(odd) { margin-right: 10px; }
.content-page .select { position: relative; overflow: hidden; width: 100%; border: solid 1px #cfcccc; padding-top: 0px; display: inline-block; vertical-align: top; cursor: pointer; margin-top: 0px; height: 25px; }
.content-page .select:after { content: '\025BE'; position: absolute; right: 0px; top: 0px; border-left: solid 1px #cfcccc; height: 100%; padding: 0px 7px; color: #b0b0b0; font-size: 10px; line-height: 30px; letter-spacing: 2px; color: #595454; font-family: "BrandonGrotesqueWeb-Bold"; font-weight: normal; font-style: normal; line-height: 25px; font-size: 17px; z-index: -10; }
.content-page .select select { background: transparent; padding: 0px; width: -moz-calc(100% + 28px - 7px); width: -webkit-calc(100% + 28px - 7px); width: calc(100% + 28px - 7px); border: none; outline: none; font-size: 11px; line-height: 14px; letter-spacing: 2px; color: #423f3f; font-family: "BrandonGrotesqueWeb-Regular"; font-weight: normal; font-style: normal; cursor: pointer; -webkit-appearance: none; display: block; margin: 0px 0px 0px 7px; height: 25px; line-height: 25px; }
.content-page .select select option { padding: 0px; margin: 0px; min-height: 25px; height: 25px; }
.content-page textarea { -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0px; font-size: 12px; line-height: 16px; letter-spacing: 1px; color: #777; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: normal; font-style: normal; box-sizing: border-box; width: 100%; border: solid 1px #cfcccc; padding-left: 7px; }
.content-page textarea::-webkit-input-placeholder { font-size: 8px; line-height: 1; letter-spacing: 2px; color: #e0e0e0; font-family: "BrandonGrotesqueWeb-Regular"; font-weight: normal; font-style: normal; text-transform: uppercase; }
.content-page textarea:-moz-placeholder { font-size: 8px; line-height: 1; letter-spacing: 2px; color: #e0e0e0; font-family: "BrandonGrotesqueWeb-Regular"; font-weight: normal; font-style: normal; text-transform: uppercase; }
.content-page textarea::-moz-placeholder { font-size: 8px; line-height: 1; letter-spacing: 2px; color: #e0e0e0; font-family: "BrandonGrotesqueWeb-Regular"; font-weight: normal; font-style: normal; text-transform: uppercase; }
.content-page textarea:-ms-input-placeholder { font-size: 8px; line-height: 1; letter-spacing: 2px; color: #e0e0e0; font-family: "BrandonGrotesqueWeb-Regular"; font-weight: normal; font-style: normal; text-transform: uppercase; }
.content-page .button, .content-page button, .content-page input[type="submit"] { border: none; width: 100%; padding-top: 0px; height: 35px; background-color: #252525; color: #FFF; font-size: 12px; line-height: 1; letter-spacing: 4px; color: #fff; font-family: "gothic"; font-weight: normal; font-style: normal; margin-top: 0px; text-align: center; line-height: 35px; box-sizing: border-box; vertical-align: middle; border-radius: 0px; }
.content-page .button:hover, .content-page button:hover, .content-page input[type="submit"]:hover { background-color: #000; }
.content-page button.half { width: -moz-calc(50% - 5px); width: -webkit-calc(50% - 5px); width: calc(50% - 5px); display: inline; }
.content-page button.half:nth-of-type(odd) { margin-right: 10px; }
.content-page button.outline, .content-page input[type="submit"].outline { background-color: transparent; border: solid 1px #aaa; color: #252525; }
.content-page button, .content-page html input[type="button"], .content-page input[type="reset"], .content-page input[type="submit"] { -webkit-appearance: button; cursor: pointer; }
.content-page input:-webkit-autofill, .content-page textarea:-webkit-autofill, .content-page select:-webkit-autofill { background-color: #fff; -webkit-box-shadow: 0 0 0px 1000px white inset; }
.content-page label.checkbox { display: inline-block; vertical-align: middle; }
.content-page input[type="checkbox"] { -webkit-appearance: checkbox; width: 18px; vertical-align: middle; display: inline; }
.content-page figure { margin-top: 30px; display: block; width: 100%; margin: 0px; padding-bottom: 56%; position: relative; }
.content-page figure iframe { width: 100%; position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; height: 100%; }
.content-page .page-container { padding: 0px 10%; }
.content-page .success { color: #fdb6ab; padding-top: 30px; }
.content-page .success h3 { line-height: 1em; color: #fdb6ab; }
.content-page .success p { color: #fdb6ab; }

.testa { border: solid 1px #F00; font-size: 12px; line-height: 1; letter-spacing: 4px; color: #fff; font-family: "gothic"; font-weight: normal; font-style: normal; color: #000; font-size: 20px; line-height: 18px; vertical-align: middle; font-family: "BrandonGrotesqueWeb-Regular"; }

.testb { font-family: "gothic"; margin-top: 5px; }

.testc { font-family: "gothic"; margin-top: 5px; font-weight: bold; display: none; }

.select-dropdown { font-size: 10px; position: relative; list-style: none; width: 225px; height: 40px; cursor: pointer; background-color: white; margin: 0; padding: 0; box-sizing: border-box; /*
	.expand {width:0; height:3.5em; position:absolute; top:0; right:0; border:none;
		&:after {content:"\003E"; position:absolute; top:55%; right:0.6em; transform:translate(-50%, -50%) rotate(90deg) scaleY(1.75);
			color:#3e3e3e; font-size:1em; pointer-events:none;z-index:2; transition:all 250ms cubic-bezier(0.4, 0.25, 0.3, 1); opacity:0.6;}
		&:hover:after {opacity: 1;}
		&:checked:after{transform: translate(-50%, -50%) rotate(90deg) scaleX(-1) scaleY(1.75);}
	}*/ }
.select-dropdown * { position: relative; margin: 0; padding: 0; box-sizing: border-box; font-size: 1em; }
.select-dropdown:after { content: "\003E"; position: absolute; top: 53%; right: 0.6em; font-size: 1.2em; transform: translate(-50%, -50%) rotate(90deg) scaleY(1.75); color: #3e3e3e; pointer-events: none; z-index: 2; transition: all 250ms cubic-bezier(0.4, 0.25, 0.3, 1); opacity: 0.6; }
.select-dropdown input { display: none !important; }
.select-dropdown .closeLabel { width: 100vw; height: 100vh; position: fixed; top: 0; left: 0; display: none; }
.select-dropdown span { height: 4em; line-height: 4em; padding-left: 1em; font-size: 1em; vertical-align: middle; position: absolute; top: 0; left: 0; opacity: 0.6; font-family: "gothic"; background-color: transparent; }
.select-dropdown .expandLabel { display: block; width: 100%; height: 4em; position: absolute; top: 0; left: 0; cursor: pointer; }
.select-dropdown ul { list-style: none; width: 100%; position: absolute; top: 0; left: 0; border: solid 1px #000; padding-top: 4em; }
.select-dropdown ul li { font-size: 0.8em; }
.select-dropdown ul label { font-family: "gothic"; transition: all 250ms cubic-bezier(0.4, 0.25, 0.3, 1); padding: 0; display: block; width: 100%; height: 0; font-size: 1.2em; line-height: 4em; overflow: hidden; color: #3e3e3e; background-color: #fff; cursor: pointer; padding-left: 2em; }
.select-dropdown ul input:checked + label { height: 4em; margin-top: -4em; /*height:40px; margin-top:-40px;*/ }
.select-dropdown .expand:checked + .closeLabel { display: block; }
.select-dropdown .expand:checked + .closeLabel + ul label { height: 4em; }
.select-dropdown .expand:checked + .closeLabel + ul label:hover { background-color: #f7f7f7; }
.select-dropdown .expand:checked + .closeLabel + ul + .expandLabel { display: none; }

/**************************************************************************************************************/
/*******************************                     Globals                  *********************************/
/**************************************************************************************************************/
.container-fullwidth { width: 100%; margin: 0px; padding: 0px; }

.container { margin: 0px auto 0px auto; padding: 0px; }

.row-fullwidth-break-container { width: 100vw !important; margin-left: -moz-calc((100vw - 100%) / -2); margin-left: -webkit-calc((100vw - 100%) / -2); margin-left: calc((100vw - 100%) / -2); }

.clear, #home-page #content-mobile:after, #home-page #content-desktop:after, #home-page .home-items .home-collection-row:after, #collection-page .products-grid:after, #collection-page .products-grid .collection-row:after, #product-page .bottom-panel .product-collection-row:after, #stylecrush-page .stylecrush-collection-row:after { visibility: hidden; display: block; font-size: 0px; height: 0px; content: " "; clear: both; }

.clearfix:after, #product-gifcard #gift-card-creator #slide-container #intro-step:after, #section-layout:after, #lionheart-page:after { display: table; width: 1px; height: 1px; content: ""; clear: both; }

.hide { display: none; }

.search { position: relative; }
.search div:before { font-family: "icons"; content: "¢"; width: 15px; height: 15px; font-size: 15px; color: #54504e; display: inline-block; position: absolute; color: #e0e0e0; }
.search input { border: none; border-bottom: solid 1px #e0e0e0; -ms-border-radius: 0px; -o-border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; padding-left: 28px; }
.search input::-webkit-input-placeholder { text-align: center; font-size: 75%; }
.search input:-moz-placeholder { text-align: center; font-size: 75%; }
.search input::-moz-placeholder { text-align: center; font-size: 75%; }
.search input:-ms-input-placeholder { text-align: center; font-size: 75%; }

.line { width: 100%; text-align: center; white-space: nowrap; position: relative; z-index: 1; font-size: 15px; line-height: 24px; letter-spacing: 2px; color: #423f3f; font-family: "BulmerMTStd-ItalicDisplay"; font-weight: normal; font-style: normal; display: table; border-collapse: collapse; }
.line:before { border-top: solid 1px #e0e0e0; content: ""; margin: 0px auto; position: absolute; top: 50%; left: 0px; right: 0px; bottom: 0px; width: 100%; z-index: -1; }
.line span { background: #fff; padding: 0px 14px; }

.page-title { padding: 0px 100px; margin: 28px auto 0px auto; text-align: center; white-space: nowrap; position: relative; z-index: 1; font-size: 20px; line-height: 1; letter-spacing: 1px; color: #423f3f; font-family: "BulmerMTStd-Italic"; font-weight: normal; font-style: normal; display: table; }
.page-title:before { border-top: solid 1px #e0e0e0; content: ""; margin: 0px auto; position: absolute; top: 50%; left: 0px; right: 0px; bottom: 0px; width: 100%; z-index: -1; }
.page-title h1 { display: inline; background: #fff; padding: 0px 14px; font-size: 20px; line-height: 1; letter-spacing: 1px; color: #423f3f; font-family: "BulmerMTStd-Italic"; font-weight: normal; font-style: normal; }

h2.page-subtitle { font-size: 12px; line-height: 1; letter-spacing: 1px; color: #423f3f; font-family: "BrandonGrotesqueWeb-Regular"; font-weight: normal; font-style: normal; text-transform: uppercase; text-align: center; margin-bottom: 42px; }

.fullscreen-overlay { position: fixed; width: 100%; height: 100%; top: 0px; left: 0px; z-index: 17; cursor: pointer; }
.fullscreen-overlay div { cursor: auto; }

.scroll-container { overflow: hidden; }
.scroll-container .scroll-y { overflow-y: scroll; overflow-x: hidden; height: 100%; width: -moz-calc(100% + 20px); width: -webkit-calc(100% + 20px); width: calc(100% + 20px); padding-right: 20px; }
.scroll-container .scroll-x { overflow-x: scroll; overflow-y: hidden; width: 100%; height: -moz-calc(100% + 20px); height: -webkit-calc(100% + 20px); height: calc(100% + 20px); padding-bottom: 20px; }

/*
.scroll-container{
	overflow:hidden;
	.scroll-y{overflow-y:scroll; overflow-x:hidden; height:$parent; width:$parent; }
	.scroll-x{overflow-x:scroll; overflow-y:hidden; width:$parent; height:$parent; padding-bottom:$scroll-bar-hide-offset;}
}*/
.accordion .accordion-trigger { cursor: pointer; }
.accordion .accordion-trigger:after { content: '+'; padding-right: 28px; text-align: right; display: inline; float: right; cursor: pointer; }
.accordion .accordion-trigger.expanded:after { content: '-'; padding-left: 14px; }
.accordion .clickable-accordion-trigger:after { content: '+'; padding-right: 28px; text-align: right; display: inline; float: right; }
.accordion .clickable-accordion-trigger.expanded:after { content: '-'; padding-left: 14px; }
.accordion .accordion-content { display: none; }

.fs-detail-content { width: 100vw; }

.instagram-gallery div.fs-has-links { text-indent: -9999px; position: static; font-weight: 500; }
.instagram-gallery .fs-has-links::after { padding: 3px 6px; color: #000000; content: "SHOP NOW"; text-indent: 0; display: block; font-size: 12px; margin: 10px; }
.instagram-gallery .fs-wrapper { height: auto; }
.instagram-gallery .fs-entry-container { height: 0 !important; width: 28% !important; padding-top: 28% !important; }
.instagram-gallery .fs-desktop .fs-timeline-entry div.fs-text-container { display: flex; flex-direction: column; align-items: center; justify-content: center; display: -webkit-flex; -webkit-flex-direction: column; -webkit-align-items: center; -webkit-justify-content: center; display: -ms-flexbox; -ms-flex-direction: column; -ms-flex-align: center; -ms-flex-pack: center; transition: opacity .25s; }
.instagram-gallery .fs-desktop .fs-timeline-entry .fs-text-container:hover { opacity: 1; }
.instagram-gallery .fs-wrapper div.fs-text-container .fs-entry-title, .instagram-gallery div.fs-detail-title { font-family: Times New Roman, serif; font-style: italic; font-weight: normal; font-size: 13px; line-height: 20px; }
.instagram-gallery div.fs-text-container .fs-entry-date, .instagram-gallery div.fs-detail-container .fs-post-info, .instagram-gallery div.fs-wrapper div.fs-has-links::after, .instagram-gallery .fs-text-product, .instagram-gallery .fs-overlink-text { font-family: "BulmerMTStd-Regular"; font-style: normal; font-weight: normal; }
.instagram-gallery .fs-wrapper div.fs-text-container * { color: transparent; }
.instagram-gallery .fs-wrapper div.fs-text-container { background-color: rgba(255, 255, 255, 0.8); margin: 0px; }
.instagram-gallery div.fs-entry-date { display: none; }
.instagram-gallery div.fs-service-icon { display: none; }
.instagram-gallery div.fs-entry-title { display: none; }
.instagram-gallery .fs-wrapper div.fs-timeline-entry { margin: 3px; }
.instagram-gallery .fa { display: none; }
.instagram-gallery .fs-detail-image { max-height: -moz-calc(80vh - 100px); max-height: -webkit-calc(80vh - 100px); max-height: calc(80vh - 100px); }

.fs-wrapper div.fs-text-container .fs-entry-title, div.fs-detail-title { font-family: BulmerMTStd-Regular, serif; font-style: normal; font-weight: normal; }

div.fs-text-container .fs-entry-date, div.fs-detail-container .fs-post-info, div.fs-wrapper div.fs-has-links::after, .fs-text-product, .fs-overlink-text { font-family: "BrandonGrotesqueWeb-Regular"; font-style: normal; font-weight: normal; font-size: 12px; letter-spacing: 1px; }

div.instagram-gallery div.fs-has-links::after { font-family: "BulmerMTStd-ItalicDisplay" !important; content: "Shop Now"; font-size: 17px; font-style: italic !important; }

.show-mobile { display: none; }

a.close { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important; font-size: 35px !important; line-height: 25px !important; color: #423f3f !important; font-weight: 300 !important; position: absolute; right: 14px; top: 10px; border: none !important; margin: 0px !important; padding: 0px !important; }
a.close:hover { background-color: transparent !important; color: #423f3f !important; font-weight: 600 !important; }

.scroll-container { overflow: hidden; }

.notice { font-size: 15px; line-height: 22px; letter-spacing: 1px; color: #fdb6ab; font-family: "BulmerMTStd-Italic"; font-weight: normal; font-style: normal; }

img { border: none; }

/**************************************************************************************************************/
/*******************************                   Account                     *********************************/
/**************************************************************************************************************/
.account-page { padding: 0px 5%; }
.account-page .page-title { margin-bottom: 30px; }
.account-page h2 { text-align: left; }
.account-page #account-nav-items { display: none; }
.account-page nav { float: left; width: 300px; }
.account-page nav .mobile { display: none; }
.account-page nav .accordion-trigger:after { content: '\025BE'; position: absolute; right: 7px; top: 0px; height: 100%; padding: 0px 7px; color: #b0b0b0; font-size: 10px; line-height: 30px; letter-spacing: 2px; color: #595454; font-family: "BrandonGrotesqueWeb-Bold"; font-weight: normal; font-style: normal; line-height: 46px; font-size: 19px; }
.account-page nav .accordion-trigger.expanded:after { content: '\025BE'; transform: rotate(-180deg); padding: 0px 7px; }
.account-page nav .accordion-content { display: block; }
.account-page nav .selector { width: 100%; padding: 15px 0px 5px 0px; cursor: pointer; display: none; }
.account-page nav .selector h2 { text-align: center; text-decoration: underline; }
.account-page nav .items a { display: block; text-decoration: none; }
.account-page nav .items a h2 { margin-bottom: 30px; }
.account-page nav .items a.selected { text-decoration: underline; }
.account-page .tab-content { float: left; width: -moz-calc(100% - 300px); width: -webkit-calc(100% - 300px); width: calc(100% - 300px); display: none; }
.account-page .tab-content .heading { width: auto; border-bottom: solid 1px #cfcccc; width: 300px; }
.account-page .tab-content .heading h2 { display: inline-block; width: 265px; }
.account-page .tab-content .heading a { display: inline-block; }
.account-page .tab-content section { float: left; width: 50%; }
.account-page .tab-content section .edit-form { display: none; width: 80%; padding-top: 30px; }
.account-page .first-child { display: block; }
.account-page #myaccount-content p { margin-bottom: 30px; }
.account-page #myaccount-content .heading { width: 430px; }
.account-page #myaccount-content #email_sent_message { display: none; }
.account-page #wishlist-content .wishlist-page { margin: 0px; padding: 0px; }
.account-page #wishlist-content #collection-page .container-fullwidth { margin: 0px !important; padding: 0px !important; }
.account-page #wishlist-content a { text-decoration: none; }
.account-page label { width: 100%; }
.account-page button { margin-top: 14px; }
.account-page .halffields input { width: -moz-calc(50% - 5px); width: -webkit-calc(50% - 5px); width: calc(50% - 5px); }
.account-page .halffields input:first-of-type { margin-right: 10px; }
.account-page p { font-size: 14px; line-height: 24px; letter-spacing: 1px; color: #595454; font-family: "BulmerMTStd-Regular"; font-weight: normal; font-style: normal; }
.account-page a { font-size: 15px; line-height: 24px; letter-spacing: 1px; color: #595454; font-family: "BulmerMTStd-Italic"; font-weight: normal; font-style: normal; text-decoration: underline; }
.account-page .left-panel, .account-page .right-panel { float: left; width: 50%; padding: 0px 28px; }
.account-page .errors { font-size: 14px; line-height: 24px; letter-spacing: 1px; color: #595454; font-family: "BulmerMTStd-Regular"; font-weight: normal; font-style: normal; color: #fdb6ab; }
.account-page .errors h6 { color: #fdb6ab; }
.account-page .errors ul { margin-bottom: 14px; }
.account-page table { width: 100%; border: solid 1px #e0e0e0; border-collapse: collapse; margin-bottom: 14px; }
.account-page table td { border-bottom: solid 1px #e0e0e0; font-size: 10px; line-height: 20px; letter-spacing: 2px; color: #423f3f; font-family: "BrandonGrotesqueWeb-Regular"; font-weight: normal; font-style: normal; padding: 4px 4px 2px 4px; }
.account-page table th { border-bottom: solid 1px #e0e0e0; font-size: 11px; line-height: 12px; letter-spacing: 2px; color: #423f3f; font-family: "BrandonGrotesqueWeb-Regular"; font-weight: normal; font-style: normal; padding: 8px 4px 4px 4px; text-transform: uppercase; }
.account-page table:first-of-type th, .account-page table:first-of-type td { text-align: left; padding-left: 28px; text-transform: uppercase; }
.account-page table:first-of-type th a, .account-page table:first-of-type td a { font-size: 14px; padding: 9px 0px; font-size: 10px; line-height: 20px; letter-spacing: 2px; color: #423f3f; font-family: "BrandonGrotesqueWeb-Regular"; font-weight: normal; font-style: normal; text-decoration: underline; }

#login-page { max-width: 1000px; margin: 0px auto 0px auto; padding-top: 42px; padding-bottom: 100px; }
#login-page .page-title { margin-bottom: 60px; }
#login-page .left-panel, #login-page .right-panel { float: left; width: 50%; padding: 0px; }
#login-page .left-panel { padding-right: 100px; }
#login-page .right-panel { padding-left: 100px; }
#login-page .line { width: 400px; margin-top: 50px; margin-bottom: 50px; }

#account-page .left-panel { width: 35%; }
#account-page .right-panel { width: 65%; }

/**************************************************************************************************************/
/*******************************                   Header                     *********************************/
/**************************************************************************************************************/
header#mobile-header { width: 100%; display: none; }
header#mobile-header .topbar { position: fixed; width: 100vw; height: 50px; z-index: 16; top: 0px; left: 0px; background-color: #fff; }
header#mobile-header .topbar .show-mobile-menu:before { font-family: "icons"; content: "¡"; width: 23px; height: 23px; font-size: 23px; color: #54504e; display: inline-block; margin: 7px 14px; font-weight: bold; }
header#mobile-header .topbar .logo { width: 250px; height: 38.37953px; position: absolute; left: 50%; top: 14px; -ms-transform: translateX(-50%); -o-transform: translateX(-50%); -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); display: block; }
header#mobile-header .topbar .logo img { width: 100%; }
header#mobile-header .topbar .currency { font-size: 13px; line-height: 13px; letter-spacing: 1px; color: #423f3f; font-family: "gothic"; font-weight: normal; font-style: normal; float: right; margin-right: 14px; margin-top: 14px; }

header#mobile-actions { width: 100%; display: none; }
header#mobile-actions .actionbar { width: 100%; margin-top: 50px; display: block; text-align: right; padding: 14px 14px 0px 14px; }
header#mobile-actions .actionbar a { margin-left: 10px; }
header#mobile-actions .actionbar .cart { font-family: "BrandonGrotesqueWeb-Light"; font-size: 12px; padding-left: 0px; }
header#mobile-actions .actionbar .cart:before { margin-right: 7px; }
header#mobile-actions .actionbar .wishlist:hover:before { content: "£"; }
header#mobile-actions .search { display: none; padding: 0px 15%; }
header#mobile-actions .search .input-search { padding-left: 0px; width: 100%; font-size: 15px; letter-spacing: 2px; }

#mobile-menu-full-width-container { position: fixed; top: 0px; left: 0px; width: 100%; display: none; z-index: 18; overflow: hidden; }
#mobile-menu-full-width-container #menu-topbar { width: 100%; background-color: #fff; margin: 0px; padding-top: 7px; height: 50px; }
#mobile-menu-full-width-container #menu-topbar .leftarrow { width: 28px; height: 28px; float: right; margin-top: 2px; margin-right: 7px; }
#mobile-menu-full-width-container #menu-topbar .search { display: block; float: left; padding: 0px; margin-left: 15px; width: auto; padding-left: 28px; }
#mobile-menu-full-width-container #menu-topbar .search div:before { transform: translate(-28px, 4px); font-size: 20px; }
#mobile-menu-full-width-container #menu-topbar .search input { text-indent: 0px; height: 20px; padding-left: 10px; width: -moz-calc(100vw - 110px); width: -webkit-calc(100vw - 110px); width: calc(100vw - 110px); }
#mobile-menu-full-width-container #menu-topbar .search input::-webkit-input-placeholder { letter-spacing: 3px; text-align: left; font-size: 12px; color: #999; padding-top: 2px; margin-top: 0px; line-height: 1; }
#mobile-menu-full-width-container #menu-topbar .search input:-moz-placeholder { letter-spacing: 3px; text-align: left; font-size: 12px; color: #999; padding-top: 2px; margin-top: 0px; line-height: 1; }
#mobile-menu-full-width-container #menu-topbar .search input::-moz-placeholder { letter-spacing: 3px; text-align: left; font-size: 12px; color: #999; padding-top: 2px; margin-top: 0px; line-height: 1; }
#mobile-menu-full-width-container #menu-topbar .search input:-ms-input-placeholder { letter-spacing: 3px; text-align: left; font-size: 12px; color: #999; padding-top: 2px; margin-top: 0px; line-height: 1; }
#mobile-menu-full-width-container #menu-mobile { width: 300px; min-width: 250px; height: auto; padding-top: 14px; padding-bottom: 70px; height: calc(100vh - 50px); overflow-y: scroll; -webkit-overflow-scrolling: touch; }
#mobile-menu-full-width-container #menu-mobile::-webkit-scrollbar { visibility: hidden; }
#mobile-menu-full-width-container #menu-mobile ul { margin-left: 28px; }
#mobile-menu-full-width-container #menu-mobile a { font-size: 17px; line-height: 50px; letter-spacing: 2px; color: #423f3f; font-family: "BulmerMTStd-Italic"; font-weight: normal; font-style: normal; font-size: 16px; width: 100%; }
#mobile-menu-full-width-container #menu-mobile a:after { font-size: 20.4px; padding-right: 28px; }
#mobile-menu-full-width-container #menu-mobile a.expanded span { border-bottom: 1px solid #423f3f; padding-bottom: 1px; }
#mobile-menu-full-width-container #menu-mobile ul ul a { font-size: 12px; line-height: 28px; letter-spacing: 1px; color: #423f3f; font-family: "BrandonGrotesqueWeb-Light"; font-weight: normal; font-style: normal; text-transform: uppercase; }
#mobile-menu-full-width-container #menu-mobile .clickable-accordion-trigger.expanded:after { line-height: 45px; }

header#desktop-header { position: relative; padding-top: 42px; }
header#desktop-header .topbar { width: 100%; text-align: right; margin-bottom: 14px; background-color: #fff; position: absolute; top: 0px; z-index: 16; }
header#desktop-header .topbar .search { width: 150px; display: block; float: right; overflow: visible; }
header#desktop-header .topbar .search .search-icon:before { left: -28px; margin-top: 6px; color: #54504e; }
header#desktop-header .topbar .search input { padding-bottom: 0px; text-indent: 0px; padding-left: 0px; height: 16px; margin-top: 11px; width: 100%; }
header#desktop-header .topbar a { font-size: 14px; line-height: 14px; letter-spacing: 1px; color: #423f3f; font-family: "gothic"; font-weight: normal; font-style: normal; margin-left: 18px; display: block; float: right; padding-top: 14px; }
header#desktop-header .topbar .shipping { padding-top: 16px; font-family: "BrandonGrotesqueWeb-Light"; float: left; width: auto; white-space: nowrap; }
header#desktop-header .topbar .account { padding-top: 16px; font-family: "BrandonGrotesqueWeb-Light"; }
header#desktop-header .topbar .cart { font-family: "BrandonGrotesqueWeb-Light"; font-size: 12px; padding-left: 5px; /* position:relative; font-family:$fontname-arial; font-size:9px;
&:before{ display:block;  position:absolute; top:13px; left:-6px; }
&:after{content: "3"; display:block; width:$parent; height:$parent; position:absolute; top:22px; left:-4px; line-height:1px; font-size:9px; letter-spacing:0px;}
*/ }
header#desktop-header .topbar .cart:before { margin-right: 7px; }
header#desktop-header .topbar .wishlist { margin-left: 16px; }
header#desktop-header .topbar .wishlist:hover:before { content: "£"; }
header#desktop-header .topbar .currency { font-size: 13px; line-height: 13px; letter-spacing: 1px; color: #423f3f; font-family: "gothic"; font-weight: normal; font-style: normal; font-weight: 900; padding-top: 14px; }
header#desktop-header .logo { width: 350px; height: 53.73134px; margin: 0px auto; display: block; }
header#desktop-header .logo img { width: 100%; }
header#desktop-header nav { text-align: center; margin-top: 28px; }
header#desktop-header nav ul { position: relative; }
header#desktop-header nav ul li { display: inline; padding: 0px 20px; }
header#desktop-header nav ul li a.parent { font-size: 17px; line-height: 50px; letter-spacing: 2px; color: #423f3f; font-family: "BulmerMTStd-Italic"; font-weight: normal; font-style: normal; width: 100%; display: inline; position: relative; }
header#desktop-header nav ul li div.dropdown { display: none; position: absolute; z-index: 16; }
header#desktop-header nav ul li div.dropdown ul { text-align: left; }
header#desktop-header nav ul li div.dropdown ul li { padding: 0px; height: 28px; display: block; white-space: nowrap; }
header#desktop-header nav ul li div.dropdown ul li a { font-size: 12px; line-height: 11px; letter-spacing: 1px; color: #423f3f; font-family: "BrandonGrotesqueWeb-Light"; font-weight: normal; font-style: normal; text-transform: uppercase; }
header#desktop-header nav ul li div.dropdown ul li a:hover { text-decoration: none; border-bottom: solid 1px #b0b0b0; }
header#desktop-header nav ul li:hover div.dropdown { display: block; }
header#desktop-header nav ul li.normal-dropdown { position: relative; }
header#desktop-header nav ul li.normal-dropdown a.parent:hover { text-decoration: none; border-bottom: solid 1px #b0b0b0; }
header#desktop-header nav ul li.normal-dropdown div.dropdown { top: 18.5px; left: 0px; }
header#desktop-header nav ul li.normal-dropdown div.dropdown ul { background-color: #fff; padding: 4px 28px 14px 19px; margin-top: 9px; }
header#desktop-header nav ul li.normal-dropdown div.lookbooks { left: -40%; width: 300px; box-sizing: border-box; }
header#desktop-header nav ul li.normal-dropdown div.lookbooks ul { padding: 0px; width: 100%; }
header#desktop-header nav ul li.normal-dropdown div.lookbooks ul li { width: 50%; padding: 0px 7px; margin: 0px; float: none; display: inline-block; height: auto; box-sizing: border-box; }
header#desktop-header nav ul li.normal-dropdown div.lookbooks ul li a { padding: 0px; margin: 0px; display: block; width: 100%; }
header#desktop-header nav ul li.normal-dropdown div.lookbooks ul li a:hover { background-color: transparent; border: none; }
header#desktop-header nav ul li.normal-dropdown div.lookbooks ul li a h6 { padding: 0px; margin: 0px; font-size: 12px; line-height: 11px; letter-spacing: 1px; color: #423f3f; font-family: "BrandonGrotesqueWeb-Light"; font-weight: normal; font-style: normal; font-size: 11px; line-height: 13px; }
header#desktop-header nav ul li.normal-dropdown div.lookbooks ul li a img { width: 100%; padding: 0px; margin: 0px; margin-top: 4px; }
header#desktop-header nav ul li.normal-dropdown div.lookbooks ul li:first-of-type { width: 100%; margin-top: 10px; }
header#desktop-header nav ul li.super-dropdown:hover a.parent:after { font-family: "icons"; content: "Ñ"; font-size: 22px; display: block; position: absolute; top: -3px; left: 50%; transform: translateX(-50%); }
header#desktop-header nav ul li.super-dropdown div.dropdown { top: 30px; left: 0px; width: 100%; padding-top: 10px; }
header#desktop-header nav ul li.super-dropdown div.dropdown .dropdown-container { width: 100%; background-color: #fff; border: solid 1px #000; border-left: none; border-right: none; margin-bottom: 10px; padding-top: 20px; display: block; position: static; }
header#desktop-header nav ul li.super-dropdown div.dropdown .campaigns { padding-bottom: 20px; max-width: 800px !important; }
header#desktop-header nav ul li.super-dropdown div.dropdown .campaigns a { display: block; width: 32%; float: left; }
header#desktop-header nav ul li.super-dropdown div.dropdown .campaigns a:first-of-type { width: 65.6%; margin-right: 1%; }
header#desktop-header nav ul li.super-dropdown div.dropdown .campaigns a:last-of-type { margin-top: 1%; }
header#desktop-header nav ul li.super-dropdown div.dropdown .campaigns a img { display: block; width: 100%; }
header#desktop-header nav ul li.super-dropdown div.dropdown .stylecrush-menu { max-width: 700px; }
header#desktop-header nav ul li.super-dropdown div.dropdown .stylecrush-menu a { display: block; }
header#desktop-header nav ul li.super-dropdown div.dropdown .stylecrush-menu a img { width: 100%; }
header#desktop-header nav ul li.super-dropdown div.dropdown .stylecrush-menu li { display: table; }
header#desktop-header nav ul li.super-dropdown div.dropdown .stylecrush-menu .heading { margin-bottom: 20px; display: block; }
header#desktop-header nav ul li.super-dropdown div.dropdown .stylecrush-menu .wide-image { width: 450px; float: left; margin-left: 57px; }
header#desktop-header nav ul li.super-dropdown div.dropdown .planet-menu a { display: block; }
header#desktop-header nav ul li.super-dropdown div.dropdown .planet-menu a img { width: 100%; }
header#desktop-header nav ul li.super-dropdown div.dropdown .planet-menu li { display: table; }
header#desktop-header nav ul li.super-dropdown div.dropdown .planet-menu .heading { margin-bottom: 40px; display: block; }
header#desktop-header nav ul li.super-dropdown div.dropdown .planet-menu .right-image, header#desktop-header nav ul li.super-dropdown div.dropdown .planet-menu .left-image { width: 360px; float: left; }
header#desktop-header nav ul li.super-dropdown div.dropdown .planet-menu .left-image { margin-left: 60px; margin-right: 20px; }
header#desktop-header nav ul li.super-dropdown div.dropdown .planet-menu .wide-image { width: 750px; float: left; margin-left: 60px; }
header#desktop-header nav ul li.super-dropdown div.dropdown .planet-menu .planet-link { background-color: #000; color: #fff; padding: 7px 15px 5px 15px; margin-top: 20px; font-size: 11px; font-weight: bold; }
header#desktop-header nav ul li.super-dropdown div.dropdown .planet-menu .text { width: 185px; font-size: 12px; line-height: 11px; letter-spacing: 1px; color: #423f3f; font-family: "BrandonGrotesqueWeb-Light"; font-weight: normal; font-style: normal; text-transform: none; white-space: normal; font-size: 15px; line-height: 1.2; padding-bottom: 32px; }
header#desktop-header nav ul li.super-dropdown div.dropdown .bride-menu a { display: block; }
header#desktop-header nav ul li.super-dropdown div.dropdown .bride-menu a img { width: 100%; }
header#desktop-header nav ul li.super-dropdown div.dropdown .bride-menu li { display: table; }
header#desktop-header nav ul li.super-dropdown div.dropdown .bride-menu .heading { margin-bottom: 20px; display: block; }
header#desktop-header nav ul li.super-dropdown div.dropdown .bride-menu .right-image, header#desktop-header nav ul li.super-dropdown div.dropdown .bride-menu .left-image { width: 360px; float: left; }
header#desktop-header nav ul li.super-dropdown div.dropdown .bride-menu .left-image { margin-left: 60px; margin-right: 20px; }
header#desktop-header nav ul li.super-dropdown div.dropdown .bride-menu .wide-image { width: 750px; float: left; margin-left: 60px; }
header#desktop-header nav ul li.super-dropdown div.dropdown section { width: 90vw; max-width: 1000px; margin: 0px auto; position: relative; }
header#desktop-header nav ul li.super-dropdown div.dropdown section .heading { font-size: 12px; line-height: 16px; letter-spacing: 1px; color: #423f3f; font-family: "BrandonGrotesqueWeb-Medium"; font-weight: normal; font-style: normal; text-align: left; text-transform: uppercase; height: 14px; margin-bottom: 8px; border-bottom: solid 1px #cfcccc; width: 100% !important; }
header#desktop-header nav ul li.super-dropdown div.dropdown section ul { width: 150px; float: left; display: block; }
header#desktop-header nav ul li.super-dropdown div.dropdown section .ul-container { display: block; margin-bottom: 20px; }
header#desktop-header nav ul li.super-dropdown div.dropdown section .ul-container ul { float: left; margin-right: 90px; width: 300px; }
header#desktop-header nav ul li.super-dropdown div.dropdown section .ul-container ul li { width: 100%; display: block; }
header#desktop-header nav ul li.super-dropdown div.dropdown section .ul-container ul:first-of-type li { float: left; width: 50%; }
header#desktop-header nav ul li.super-dropdown div.dropdown section .ul-container:nth-of-type(3) { padding-left: 386px; margin-top: -30px; }
header#desktop-header nav ul li.super-dropdown div.dropdown section .shop-nav-image { position: absolute; right: 0px; top: 0px; width: auto; height: 100%; }
header#desktop-header nav ul li.super-dropdown div.dropdown section .shop-nav-image img { display: block; width: auto; height: 100%; }
header#desktop-header nav ul li.super-dropdown div.dropdown section .iframe-container { position: relative; width: 100%; padding-bottom: 23%; top: 0px; }
header#desktop-header nav ul li.super-dropdown div.dropdown section .iframe-container iframe { width: 100%; height: 100%; left: 0; right: 0; bottom: 0; top: 0; border: none; position: absolute; }
header#desktop-header nav ul li.super-dropdown div.dropdown section .super-nav-right { float: left; width: calc(100% - 200px); margin-left: 50px; }
header#desktop-header nav ul li.super-dropdown div.dropdown section .super-nav-right .description { padding: 0 7px; margin-bottom: 18px; }
header#desktop-header nav ul li.super-dropdown div.dropdown section .super-nav-right .description .heading { height: 15px; }
header#desktop-header nav ul li.super-dropdown div.dropdown section .super-nav-right .product-item { width: -moz-calc(25% - 14px ); width: -webkit-calc(25% - 14px); width: calc(25% - 14px); margin: 0px 7px 14px 7px; float: left; margin-bottom: 0px; }
header#desktop-header nav ul li.super-dropdown div.dropdown section .super-nav-right .product-item:nth-of-type(1) { margin-left: 0px; margin-right: 7px; }
header#desktop-header nav ul li.super-dropdown div.dropdown section .super-nav-right .product-item .product-image { position: relative; line-height: 1px !important; }
header#desktop-header nav ul li.super-dropdown div.dropdown section .super-nav-right .product-item .product-image img { margin: 0px; padding: 0px; }
header#desktop-header nav ul li.super-dropdown div.dropdown section .super-nav-right .product-item .product-image .sale { display: none; }
header#desktop-header nav ul li.super-dropdown div.dropdown section .super-nav-right .product-item img { width: 100%; margin-bottom: 7px; }
header#desktop-header nav ul li.super-dropdown div.dropdown section .super-nav-right .product-item .details { text-align: center; position: relative; top: 0px; line-height: 0px; margin-bottom: 20px; }
header#desktop-header nav ul li.super-dropdown div.dropdown section .super-nav-right .product-item .details .tag-container { display: none; }
header#desktop-header nav ul li.super-dropdown div.dropdown section .super-nav-right .product-item .details .wishlist { display: none; }
header#desktop-header nav ul li.super-dropdown div.dropdown section .super-nav-right .product-item .details .tag { display: none; }
header#desktop-header nav ul li.super-dropdown div.dropdown section .super-nav-right .product-item .details .title { font-size: 11px; line-height: 20px; letter-spacing: 1px; color: #423f3f; font-family: "BrandonGrotesqueWeb-Bold"; font-weight: normal; font-style: normal; text-transform: uppercase; width: 100%; font-size: 9px; line-height: 14px; }
header#desktop-header nav ul li.super-dropdown div.dropdown section .super-nav-right .product-item .details .price { font-size: 11px; line-height: 28px; letter-spacing: 1px; color: #423f3f; font-family: "BrandonGrotesqueWeb-Regular"; font-weight: normal; font-style: normal; display: inline; line-height: 13px; margin-bottom: 20px; font-size: 10px; }
header#desktop-header nav ul li.super-dropdown div.dropdown section .super-nav-right .product-item .details del { font-size: 11px; line-height: 28px; letter-spacing: 1px; color: #423f3f; font-family: "BrandonGrotesqueWeb-Regular"; font-weight: normal; font-style: normal; display: inline; text-decoration: none; position: relative; line-height: 13px; font-size: 10px; }
header#desktop-header nav ul li.super-dropdown div.dropdown section .super-nav-right .product-item .details del:after { background-color: #423f3f; content: ""; height: 1px; left: 0; position: absolute; right: 0; top: 40%; }

#cart-dropdown { background-color: #fff; width: 275px; padding: 0px; position: absolute; top: 0px; top: 42px; right: 14px; z-index: 15; border: solid 1px #cfcccc; font-style: normal; text-transform: none !important; line-height: 1em; padding: 14px 0px; transition: transform 0.8s ease-in-out; -ms-transform: translateY(-100%) translateY(-42px); -o-transform: translateY(-100%) translateY(-42px); -moz-transform: translateY(-100%) translateY(-42px); -webkit-transform: translateY(-100%) translateY(-42px); transform: translateY(-100%) translateY(-42px); }
#cart-dropdown h6 { font-size: 14px; line-height: 14px; letter-spacing: 1px; color: #423f3f; font-family: "BulmerMTStd-Italic"; font-weight: normal; font-style: normal; width: 100%; text-align: center; white-space: nowrap; position: relative; z-index: 1; margin: 0px auto; padding: 0px 60px; display: table; width: auto; margin-bottom: 14px; }
#cart-dropdown h6:before { border-top: solid 1px #b0b0b0; content: ""; margin: 0px auto; position: absolute; top: 50%; left: 0px; right: 0px; bottom: 0px; width: 100%; z-index: -1; }
#cart-dropdown h6 span { background: #fff; padding: 0px 7px; }
#cart-dropdown #cart-dropdown-total { text-align: center; border-top: solid 1px #cfcccc; font-size: 16px; line-height: 17px; letter-spacing: 1px; color: #423f3f; font-family: "BrandonGrotesqueWeb-Regular"; font-weight: normal; font-style: normal; padding: 14px 0px 14px 0px; }
#cart-dropdown a.cart-dropdown-checkout { display: block; background-color: #252525; font-size: 12px; line-height: 13px; letter-spacing: 1px; color: #fff; font-family: "BrandonGrotesqueWeb-Regular"; font-weight: normal; font-style: normal; padding: 12px 0px 8px 0px; text-align: center; text-decoration: none; margin: 0px 28px; font-size: 14px; }
#cart-dropdown .scroll-container { height: auto; max-height: -moz-calc(100vh - 250px); max-height: -webkit-calc(100vh - 250px); max-height: calc(100vh - 250px); }
#cart-dropdown .scroll-container .scroll-y { height: auto; max-height: -moz-calc(100vh - 250px); max-height: -webkit-calc(100vh - 250px); max-height: calc(100vh - 250px); padding-right: 0px; }
#cart-dropdown .scroll-container #cart-dropdown-products .cart-dropdown-item { position: relative; margin: 0px 0px 7px 0px; padding-left: 5px; padding-right: 15px; font-size: 12px; line-height: 20px; letter-spacing: 1px; color: #423f3f; font-family: "BrandonGrotesqueWeb-Regular"; font-weight: normal; font-style: normal; border-bottom: solid 1px #cfcccc; /*p{display:block; margin:$zero; padding:$zero; width:35px;}*/ }
#cart-dropdown .scroll-container #cart-dropdown-products .cart-dropdown-item:last-of-type { border: none; }
#cart-dropdown .scroll-container #cart-dropdown-products .cart-dropdown-item img { float: left; margin-right: 14px; height: 80px; }
#cart-dropdown .scroll-container #cart-dropdown-products .cart-dropdown-item .text { width: 170px; float: left; }
#cart-dropdown .scroll-container #cart-dropdown-products .cart-dropdown-item .text strong { display: block; }
#cart-dropdown .scroll-container #cart-dropdown-products .cart-dropdown-item .text span { display: block; }
#cart-dropdown .scroll-container #cart-dropdown-products .cart-dropdown-item .x { position: absolute; top: 0px; left: 240px; font-family: sans-serif; text-decoration: none; cursor: pointer; height: 25px; width: 25px; text-align: right; }
#cart-dropdown .scroll-container #cart-dropdown-products .cart-dropdown-item .clear, #cart-dropdown .scroll-container #cart-dropdown-products .cart-dropdown-item #home-page #content-mobile:after, #home-page #cart-dropdown .scroll-container #cart-dropdown-products .cart-dropdown-item #content-mobile:after, #cart-dropdown .scroll-container #cart-dropdown-products .cart-dropdown-item #home-page #content-desktop:after, #home-page #cart-dropdown .scroll-container #cart-dropdown-products .cart-dropdown-item #content-desktop:after, #cart-dropdown .scroll-container #cart-dropdown-products .cart-dropdown-item #home-page .home-items .home-collection-row:after, #home-page .home-items #cart-dropdown .scroll-container #cart-dropdown-products .cart-dropdown-item .home-collection-row:after, #cart-dropdown .scroll-container #cart-dropdown-products .cart-dropdown-item #collection-page .products-grid:after, #collection-page #cart-dropdown .scroll-container #cart-dropdown-products .cart-dropdown-item .products-grid:after, #cart-dropdown .scroll-container #cart-dropdown-products .cart-dropdown-item #collection-page .products-grid .collection-row:after, #collection-page .products-grid #cart-dropdown .scroll-container #cart-dropdown-products .cart-dropdown-item .collection-row:after, #cart-dropdown .scroll-container #cart-dropdown-products .cart-dropdown-item #product-page .bottom-panel .product-collection-row:after, #product-page .bottom-panel #cart-dropdown .scroll-container #cart-dropdown-products .cart-dropdown-item .product-collection-row:after, #cart-dropdown .scroll-container #cart-dropdown-products .cart-dropdown-item #stylecrush-page .stylecrush-collection-row:after, #stylecrush-page #cart-dropdown .scroll-container #cart-dropdown-products .cart-dropdown-item .stylecrush-collection-row:after { clear: both; margin: 0px; padding: 0px; }
#cart-dropdown:hover { -ms-transform: translateY(0px); -o-transform: translateY(0px); -moz-transform: translateY(0px); -webkit-transform: translateY(0px); transform: translateY(0px); }
#cart-dropdown.fixed { position: fixed; top: 0px !important; }

/**************************************************************************************************************/
/*******************************                    Main                      *********************************/
/**************************************************************************************************************/
.main-holder { height: 100vh; overflow-y: scroll; -webkit-overflow-scrolling: touch; }

/**************************************************************************************************************/
/*******************************                Home Page                      *********************************/
/**************************************************************************************************************/
#home-page .content { width: 100%; }
#home-page .content a { float: left; width: 100%; line-height: 0; }
#home-page .content a img { width: 100%; display: block; }
#home-page #content-mobile { display: none; margin-bottom: 35px; }
#home-page #content-desktop { display: block; margin-bottom: 35px; }
#home-page .home-items { padding: 0px 10%; }
#home-page .home-items .line { margin-bottom: 28px; }
#home-page .home-items .instagram-gallery { margin-bottom: 4px; }
#home-page .home-items .instagram-gallery a { font-size: 11px; line-height: 1; letter-spacing: 2px; color: #423f3f; font-family: "BrandonGrotesqueWeb-Regular"; font-weight: normal; font-style: normal; text-align: right; text-transform: uppercase; display: block; margin-top: 2px; }
#home-page .home-items .home-collection-row { width: 100%; padding-top: 2px; }
#home-page .home-items .home-collection-row .product-item { width: -moz-calc(20% - 14px ); width: -webkit-calc(20% - 14px); width: calc(20% - 14px); margin: 0px 7px 14px 7px; float: left; /*
.quick-view-link{display:none;}*/ }
#home-page .home-items .home-collection-row .product-item:nth-of-type(1) { margin-left: 0px; margin-right: 7px; }
#home-page .home-items .home-collection-row .product-item:nth-of-type(2) { margin-left: 7px; margin-right: 7px; }
#home-page .home-items .home-collection-row .product-item:nth-of-type(3) { margin-left: 7px; margin-right: 7px; }
#home-page .home-items .home-collection-row .product-item:nth-of-type(4) { margin-left: 7px; margin-right: 7px; }
#home-page .home-items .home-collection-row .product-item:nth-of-type(5) { margin-right: 0px; margin-left: 7px; }
#home-page .home-items .home-collection-row .product-item .product-image { position: relative; }
#home-page .home-items .home-collection-row .product-item .product-image .quick-view-link { display: block; position: absolute; bottom: 14px; left: 0px; width: 100%; text-align: center; padding: 7px 0px 7px 0px; box-sizing: border-box; background-color: rgba(255, 255, 255, 0.5); cursor: pointer; opacity: 0; /* @include transition(opacity 0.5s linear); */ font-size: 12px; line-height: 2; letter-spacing: 1px; color: #423f3f; font-family: "BrandonGrotesqueWeb-Regular"; font-weight: normal; font-style: normal; text-transform: uppercase; }
#home-page .home-items .home-collection-row .product-item .product-image:hover > .quick-view-link { opacity: 1; }
#home-page .home-items .home-collection-row .product-item .product-image .sizes { display: flex; justify-content: space-around; position: absolute; cursor: default; bottom: 14px; left: 0px; width: 100%; text-align: center; padding: 12px 0 10px 0; box-sizing: border-box; background-color: rgba(255, 255, 255, 0.85); opacity: 0; font-size: 12px; line-height: 2; letter-spacing: 1px; color: #423f3f; font-family: "BrandonGrotesqueWeb-Regular"; font-weight: normal; font-style: normal; font-size: 10px; text-transform: uppercase; }
#home-page .home-items .home-collection-row .product-item .product-image .sizes li { display: inline-block; margin: 0; cursor: not-allowed; color: rgba(66, 63, 59, 0.5); position: relative; }
#home-page .home-items .home-collection-row .product-item .product-image .sizes li:before { content: ""; font-family: "BulmerMTStd-Italic"; display: block; font-size: 8px; width: 60px; line-height: 1.3; text-transform: none; position: absolute; top: -7px; left: 50%; transform: translateX(-50%); z-index: 2; }
#home-page .home-items .home-collection-row .product-item .product-image .sizes li.available { cursor: pointer; color: #423f3b; }
#home-page .home-items .home-collection-row .product-item .product-image .sizes li.available:hover { text-decoration: underline; }
#home-page .home-items .home-collection-row .product-item .product-image .sizes li:hover:before { content: "Sold Out"; color: #423f3b; }
#home-page .home-items .home-collection-row .product-item .product-image .sizes li.available:hover:before { content: "Add To Cart"; color: #423f3b; }
#home-page .home-items .home-collection-row .product-item .product-image:hover > .sizes { opacity: 1; }
#home-page .home-items .home-collection-row .product-item .product-image .sale { width: 10%; position: absolute; top: 10px; right: 10px; }
#home-page .home-items .home-collection-row .product-item img { width: 100%; margin-bottom: 7px; }
#home-page .home-items .home-collection-row .product-item .details { text-align: center; position: relative; }
#home-page .home-items .home-collection-row .product-item .details .tag-container { height: 24px; }
#home-page .home-items .home-collection-row .product-item .details .wishlist { position: absolute; right: 0px; top: 7px; height: 7px; line-height: 7px; }
#home-page .home-items .home-collection-row .product-item .details .tag { font-size: 14px; line-height: 24px; letter-spacing: 1px; color: #423f3f; font-family: "BulmerMTStd-Italic"; font-weight: normal; font-style: normal; text-decoration: underline; }
#home-page .home-items .home-collection-row .product-item .details .title { font-size: 11px; line-height: 20px; letter-spacing: 1px; color: #423f3f; font-family: "BrandonGrotesqueWeb-Bold"; font-weight: normal; font-style: normal; text-transform: uppercase; width: 100%; }
#home-page .home-items .home-collection-row .product-item .details .price { font-size: 11px; line-height: 28px; letter-spacing: 1px; color: #423f3f; font-family: "BrandonGrotesqueWeb-Regular"; font-weight: normal; font-style: normal; display: inline; }
#home-page .home-items .home-collection-row .product-item .details del { font-size: 11px; line-height: 28px; letter-spacing: 1px; color: #423f3f; font-family: "BrandonGrotesqueWeb-Regular"; font-weight: normal; font-style: normal; display: inline; text-decoration: none; position: relative; }
#home-page .home-items .home-collection-row .product-item .details del:after { background-color: #423f3f; content: ""; height: 1px; left: 0; position: absolute; right: 0; top: 40%; }

.home-video-container { display: none; background-color: black; position: fixed; top: 0px; bottom: 0px; left: 0px; right: 0px; z-index: 20; width: 100%; height: 100%; cursor: pointer; }
.home-video-container iframe { width: 100%; height: 100%; }
.home-video-container .close-button { position: absolute; top: 10px; right: 10px; color: white; height: 50px; font-family: sans-serif; z-index: 30; cursor: pointer; font-size: 60px; width: 40px !important; font-weight: 100; }

.mobile-video { position: relative; padding-top: 56%; width: 100%; }
.mobile-video iframe { position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; width: 100%; height: 100%; }

.oasis-cursor * { cursor: url("oasis_curser_1c.png"), auto; }

#follower { position: absolute; top: 50%; left: 50%; pointer-events: none; z-index: 999; }
#follower div { height: 40px; width: 40px; margin-top: -20px; margin-left: -20px; background-image: url("oasis_curser_1.svg"); }
#follower.down div { background-image: url("oasis_curser_2.svg"); }
#follower.up1 div { background-image: url("oasis_curser_3.svg"); }
#follower.up2 div { background-image: url("oasis_curser_4.svg"); }

/**************************************************************************************************************/
/*******************************                Collection Page               *********************************/
/**************************************************************************************************************/
#collection-page { font-size: 10px; 	/* Flex Box
	.products-grid{
		.collection-row{ width:100%; display:flex; justify-content:space-between; flex-wrap:wrap;
			.product-item{ float:none; width:auto; flex: 0 0 32.5%; margin:0; margin-bottom:14px; }
		}
	}

	.products-grid-column-mod{
		.collection-row{
			.product-item{ flex: 0 0 24%; }
		}
	}*/ }
#collection-page .container-fullwidth { padding: 0px 5%; }
#collection-page .collection-image { width: 100%; margin-bottom: 10px; }
#collection-page .collection-image img { display: block; width: 100%; }
#collection-page .mobile-title { display: none; margin-bottom: 28px; letter-spacing: 2px; }
#collection-page #filter-menu { float: left; width: 170px; height: 100%; font-size: 8px; margin-top: 40px; }
#collection-page #filter-menu .layout-button { display: none; }
#collection-page #filter-menu button { width: 100%; margin: 0px auto; display: none; background-color: #fff; color: #423f3f; border: solid 1px #423f3f; position: relative; }
#collection-page #filter-menu button:after { content: '\025BE'; position: absolute; right: 7px; top: 0px; height: 100%; padding: 0px 7px; color: #b0b0b0; font-size: 10px; line-height: 30px; letter-spacing: 2px; color: #595454; font-family: "BrandonGrotesqueWeb-Bold"; font-weight: normal; font-style: normal; line-height: 40px; font-size: 19px; }
#collection-page #filter-menu button.selected:after { transform: rotate(-180deg); }
#collection-page #filter-menu h2 { font-size: 2em; line-height: 0.75; letter-spacing: 2px; color: #423f3f; font-family: "BulmerMTStd-Italic"; font-weight: normal; font-style: normal; border-bottom: solid 1px #423f3f; display: inline; padding: 0px; margin: 0px; margin-bottom: 20px; cursor: pointer; position: relative; text-transform: none; }
#collection-page #filter-menu h2:after { display: inline; position: absolute; top: 5px; left: 110px; float: none; }
#collection-page #filter-menu .expanded:after { padding-left: 2px; font-size: 1.4em; }
#collection-page #filter-menu nav { width: 100%; margin-bottom: 20px; }
#collection-page #filter-menu nav li { padding: 0px; /*height:24px;*/ margin: 0px; }
#collection-page #filter-menu nav li a { font-size: 1.4em; line-height: 2; letter-spacing: 1px; color: #423f3f; font-family: "BrandonGrotesqueWeb-Regular"; font-weight: normal; font-style: normal; line-height: 1em; text-transform: uppercase; }
#collection-page #filter-menu nav li a:hover { text-decoration: none; }
#collection-page #filter-menu nav li .parent-link { width: 132px; font-family: "BrandonGrotesqueWeb-Medium"; }
#collection-page #filter-menu nav li .parent-link:before { display: inline-block; width: 20px; height: 20px; content: '+'; font-size: 14px; float: right; }
#collection-page #filter-menu nav li .expanded:before { content: "-"; font-size: 20px; }
#collection-page #filter-menu nav li ul { display: none; padding-left: 14px; }
#collection-page #filter-menu nav li ul li { line-height: 23px; }
#collection-page #filter-menu .accordion-content { display: block; }
#collection-page #filter-menu #size-filter { display: table; width: 110px; }
#collection-page #filter-menu #size-filter .accordion-content { margin-top: 10px; }
#collection-page #filter-menu #size-filter label { font-size: 1.4em; line-height: 2; letter-spacing: 1px; color: #423f3f; font-family: "BrandonGrotesqueWeb-Regular"; font-weight: normal; font-style: normal; width: 29px; padding-top: 0px; height: 29px; line-height: 29px; border: 1px solid #000; box-sizing: border-box; display: inline-block; margin: 0px 15px 15px 0px; text-transform: uppercase; text-align: center; background-color: #fff; vertical-align: middle; border-radius: 0px; cursor: pointer; overflow: hidden; }
#collection-page #filter-menu #size-filter input[type=checkbox] { display: none; }
#collection-page #filter-menu #size-filter input[type=checkbox] + label:hover { color: #fff; background-color: #000; }
#collection-page #filter-menu #size-filter input[type=checkbox]:checked + label { color: #fff; background-color: #252525; border: solid 1px #252525; }
#collection-page #filter-menu .box-filter { margin-top: 20px; }
#collection-page #filter-menu .box-filter h2 { margin-bottom: 10px; }
#collection-page #filter-menu .box-filter div div { margin: 0px; height: 20px; margin-bottom: 3px; }
#collection-page #filter-menu .box-filter span { padding: 0px 5px; }
#collection-page #filter-menu .box-filter label { font-size: 1.4em; line-height: 2; letter-spacing: 1px; color: #423f3f; font-family: "BrandonGrotesqueWeb-Regular"; font-weight: normal; font-style: normal; padding-top: 0px; display: block; display: inline; width: auto; margin: 0px; padding: 0px; line-height: 1; text-align: left; vertical-align: middle; border-radius: 0px; cursor: pointer; }
#collection-page #filter-menu .box-filter label:before { content: url("box-line.svg"); width: 10px; height: 10px; margin-top: 3px; margin-right: 5px; display: inline-block; color: red; }
#collection-page #filter-menu .box-filter input[type=checkbox] { display: none; }
#collection-page #filter-menu .box-filter input[type=checkbox]:checked + label:before { content: url("box-fill.svg"); }
#collection-page .products-grid { width: -moz-calc(100% - 170px); width: -webkit-calc(100% - 170px); width: calc(100% - 170px); float: left; }
#collection-page .products-grid .action-container { text-align: right; margin-bottom: 0px; padding: 10px 17px 10px 0px; /*padding-right:0;*/ }
#collection-page .products-grid .action-container a { display: inline-block; }
#collection-page .products-grid .action-container .product-image-toggle { width: 140px; background-color: #fff; color: #423f3f; border: solid 1px #999; height: 25px; font-size: 12px; line-height: 1; letter-spacing: 2px; font-family: "gothic"; font-weight: normal; font-style: normal; text-align: center; line-height: 24px; box-sizing: border-box; vertical-align: top; margin-right: 2px; padding: 0px 10px; }
#collection-page .products-grid .action-container .col-icon { height: 25px; width: 25px; background-size: 100%; margin-left: 5px; vertical-align: top; opacity: 0.6; }
#collection-page .products-grid .action-container .col-icon.selected { opacity: 1.0; }
#collection-page .products-grid .action-container #column3-display { background-image: url("cols_3.svg"); }
#collection-page .products-grid .action-container #column2-display { background-image: url("cols_4.svg"); }
#collection-page .products-grid .collection-row { width: 100%; }
#collection-page .products-grid .collection-row .product-item { width: -moz-calc(33%  - 14px ); width: -webkit-calc(33%  - 14px ); width: calc(33%  - 14px ); margin: 0px 7px 14px 7px; float: left; margin-bottom: 0px; }
#collection-page .products-grid .collection-row .product-item a { display: block; }
#collection-page .products-grid .collection-row .product-item .product-image { position: relative; /*
.quick-view-link{display:block; position:absolute; bottom:$gap-xs; left:$zero; width:100%; text-align:center; padding:$gap-xxs $zero $gap-xs $zero; box-sizing:border-box; background-color: rgba(255,255,255,0.5); cursor:pointer; opacity:0; /* @include transition(opacity 0.5s linear); * / @include font($font-quickviewlink); text-transform:uppercase;}
&:hover > .quick-view-link{ opacity:1;};
*/ }
#collection-page .products-grid .collection-row .product-item .product-image .sizes { display: block; position: absolute; cursor: default; bottom: 14px; left: 0px; width: 100%; text-align: center; padding: 12px 0px 19px 0px; box-sizing: border-box; background-color: rgba(255, 255, 255, 0.85); opacity: 0; font-size: 12px; line-height: 2; letter-spacing: 1px; color: #423f3f; font-family: "BrandonGrotesqueWeb-Regular"; font-weight: normal; font-style: normal; text-transform: uppercase; }
#collection-page .products-grid .collection-row .product-item .product-image .sizes li { display: inline-block; margin: 0px 12px; cursor: not-allowed; color: rgba(66, 63, 59, 0.5); position: relative; }
#collection-page .products-grid .collection-row .product-item .product-image .sizes li:before { content: ""; font-family: "BulmerMTStd-Italic"; display: block; font-size: 9px; width: 60px; line-height: 1.3; text-transform: none; position: absolute; top: -7px; left: 50%; transform: translateX(-50%); z-index: 2; }
#collection-page .products-grid .collection-row .product-item .product-image .sizes li.available { cursor: pointer; color: #423f3b; }
#collection-page .products-grid .collection-row .product-item .product-image .sizes li.available:hover { text-decoration: underline; }
#collection-page .products-grid .collection-row .product-item .product-image .sizes li:hover:before { content: "Sold Out"; color: #423f3b; }
#collection-page .products-grid .collection-row .product-item .product-image .sizes li.available:hover:before { content: "Add To Cart"; color: #423f3b; }
#collection-page .products-grid .collection-row .product-item .product-image .sizes li.notify { cursor: pointer; color: #423f3b; }
#collection-page .products-grid .collection-row .product-item .product-image .sizes li.notify:hover:before { content: ""; color: #423f3b; }
#collection-page .products-grid .collection-row .product-item .product-image .sizes li.unavailable:after { content: " "; position: absolute; top: calc(50% - 2px); left: 50%; width: 13px; height: 1px; background-color: #777; display: block; transform: translateX(-50%); min-width: 110%; }
#collection-page .products-grid .collection-row .product-item .product-image:hover > .sizes { opacity: 1; }
#collection-page .products-grid .collection-row .product-item .product-image .sale { width: 10%; position: absolute; top: 10px; right: 10px; }
#collection-page .products-grid .collection-row .product-item img { width: 100%; margin-bottom: 15px; }
#collection-page .products-grid .collection-row .product-item .details { text-align: center; position: relative; min-height: 115px; border: solid 1px #FFF; }
#collection-page .products-grid .collection-row .product-item .details .tag-container { height: auto; max-height: 22px; }
#collection-page .products-grid .collection-row .product-item .details .wishlist { position: absolute; right: 0px; top: 3px; width: 14px; height: 14px; line-height: 10px; }
#collection-page .products-grid .collection-row .product-item .details .wishlist:before { width: 14px; height: 14px; line-height: 14px; font-size: 10px; }
#collection-page .products-grid .collection-row .product-item .details .wishlist:hover:before { content: "£"; }
#collection-page .products-grid .collection-row .product-item .details a.hide { display: none; }
#collection-page .products-grid .collection-row .product-item .details .tag { font-size: 1.6em; line-height: 2.1; letter-spacing: 1px; color: #423f3f; font-family: "BulmerMTStd-Italic"; font-weight: normal; font-style: normal; display: inline-block; margin-bottom: 8px; border-bottom: solid 1px #423f3f; padding-left: 2px; line-height: 1; vertical-align: top; text-transform: capitalize; }
#collection-page .products-grid .collection-row .product-item .details .title { font-size: 1.3em; line-height: 1.2; letter-spacing: 2px; color: #423f3f; font-family: "BrandonGrotesqueWeb-Bold"; font-weight: normal; font-style: normal; text-transform: uppercase; margin-top: 4px; }
#collection-page .products-grid .collection-row .product-item .details .title:hover { text-decoration: underline; }
#collection-page .products-grid .collection-row .product-item .details .price { font-size: 1.4em; line-height: 3; letter-spacing: 0px; color: #423f3f; font-family: "BrandonGrotesqueWeb-Regular"; font-weight: normal; font-style: normal; display: inline; }
#collection-page .products-grid .collection-row .product-item .details del { font-size: 1.4em; line-height: 3; letter-spacing: 0px; color: #423f3f; font-family: "BrandonGrotesqueWeb-Regular"; font-weight: normal; font-style: normal; display: inline; text-decoration: none; position: relative; }
#collection-page .products-grid .collection-row .product-item .details del:after { background-color: #423f3f; content: ""; height: 1px; left: 0; position: absolute; right: 0; top: 40%; }
#collection-page .products-grid-column-mod .collection-row .product-item { width: -moz-calc(25%  - 14px ); width: -webkit-calc(25%  - 14px ); width: calc(25%  - 14px ); margin: 0px 7px 14px 7px; float: left; margin-bottom: 2%; }
#collection-page .description { width: 80%; margin: 0px auto; }
#collection-page .description h5 { font-size: 11px; line-height: 24px; letter-spacing: 3px; color: #423f3f; font-family: "BrandonGrotesqueWeb-Light"; font-weight: normal; font-style: normal; text-align: center; text-transform: uppercase; font-size: 12px; line-height: 30px; letter-spacing: 2px; margin-bottom: 10px; }
#collection-page .description p { font-size: 12px; line-height: 18px; letter-spacing: 1px; color: #423f3f; font-family: "BrandonGrotesqueWeb-Regular"; font-weight: normal; font-style: normal; text-align: center; text-transform: uppercase; font-size: 10px; color: #cfcccc; }

#collection-page.custom-cursors .products-grid .product-item:nth-of-type(1n+1) .product-image { cursor: url(cursor_1.png), default !important; }
#collection-page.custom-cursors .products-grid .product-item:nth-of-type(2n+1) .product-image { cursor: url(cursor_2.png), default !important; }
#collection-page.custom-cursors .products-grid .product-item:nth-of-type(3n+1) .product-image { cursor: url(cursor_3.png), default !important; }
#collection-page.custom-cursors .products-grid .product-item:nth-of-type(4n+1) .product-image { cursor: url(cursor_4b.png), default !important; }
#collection-page.custom-cursors .products-grid .product-item:nth-of-type(1n+1) .product-image .sizes li.available { cursor: url(cursor_1.png), default !important; }
#collection-page.custom-cursors .products-grid .product-item:nth-of-type(2n+1) .product-image .sizes li.available { cursor: url(cursor_2.png), default !important; }
#collection-page.custom-cursors .products-grid .product-item:nth-of-type(3n+1) .product-image .sizes li.available { cursor: url(cursor_3.png), default !important; }
#collection-page.custom-cursors .products-grid .product-item:nth-of-type(4n+1) .product-image .sizes li.available { cursor: url(cursor_4b.png), default !important; }
#collection-page.custom-cursors .products-grid .product-item:nth-of-type(1n+1) .details .title { cursor: url(cursor_1.png), default !important; }
#collection-page.custom-cursors .products-grid .product-item:nth-of-type(2n+1) .details .title { cursor: url(cursor_2.png), default !important; }
#collection-page.custom-cursors .products-grid .product-item:nth-of-type(3n+1) .details .title { cursor: url(cursor_3.png), default !important; }
#collection-page.custom-cursors .products-grid .product-item:nth-of-type(4n+1) .details .title { cursor: url(cursor_4b.png), default !important; }
#collection-page.custom-cursors .products-grid .product-item:nth-of-type(1n+1) .details .price { cursor: url(cursor_1.png), default !important; }
#collection-page.custom-cursors .products-grid .product-item:nth-of-type(2n+1) .details .price { cursor: url(cursor_2.png), default !important; }
#collection-page.custom-cursors .products-grid .product-item:nth-of-type(3n+1) .details .price { cursor: url(cursor_3.png), default !important; }
#collection-page.custom-cursors .products-grid .product-item:nth-of-type(4n+1) .details .price { cursor: url(cursor_4b.png), default !important; }

.wishlist-page { margin-top: 42px; }
.wishlist-page .container-fullwidth { padding: 0px 16% 0px 16% !important; }
.wishlist-page .products-grid { width: 100% !important; float: none !important; }

.search-page { /*.container-fullwidth { padding: 0px 16% 0px 16% !important;}*/ }
.search-page .mobile-title { display: block !important; }
.search-page .products-grid { width: 100% !important; float: none !important; }

/****************************************************************************************************************/
/*******************************                Product Page                    *********************************/
/****************************************************************************************************************/
#product-page .containerx { /*width:$container-size-m;*/ width: 1180px; max-width: 80%; margin: 0px auto; }
#product-page .container { width: 1180px; }
#product-page .left-panel { width: -moz-calc(100% - 350px - 28px); width: -webkit-calc(100% - 350px - 28px); width: calc(100% - 350px - 28px); margin-right: 28px; float: left; margin-top: 42px; }
#product-page .left-panel #product_image_holder { position: relative; width: 100%; padding-bottom: -moz-calc(100% * 1.12); padding-bottom: -webkit-calc(100% * 1.12); padding-bottom: calc(100% * 1.12); }
#product-page .left-panel #product_image_holder #product-image-display { position: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px; }
#product-page .left-panel #product_image_holder #product-image-display div, #product-page .left-panel #product_image_holder #product-image-display a, #product-page .left-panel #product_image_holder #product-image-display img { margin: 0px; padding: 0px; box-sizing: border-box; }
#product-page .left-panel #product_image_holder #product-image-display .main-image { float: right; width: 75%; height: 100%; background-image: 0; background-size: cover; background-repeat: no-repeat; background-position: 50% 50%; display: block; }
#product-page .left-panel #product_image_holder #product-image-display .main-image .zoom-image { width: 100%; height: 100%; background-image: 0; background-size: cover; background-repeat: no-repeat; background-position: 50% 50%; display: block; background-size: 170%; opacity: 0; }
#product-page .left-panel #product_image_holder #product-image-display .thumbs { width: -moz-calc(100% - 75% - 28px); width: -webkit-calc(100% - 75% - 28px); width: calc(100% - 75% - 28px); height: 100%; }
#product-page .left-panel #product_image_holder #product-image-display .thumbs a { display: block; width: 100%; /*margin-bottom:$gap-xxs; */ }
#product-page .left-panel #product_image_holder #product-image-display .thumbs a img { width: 100%; cursor: pointer; }
#product-page .left-panel #product_image_holder #product-image-display .thumbs .scroll-y { height: -moz-calc(100% - 80px); height: -webkit-calc(100% - 80px); height: calc(100% - 80px); margin-bottom: 9px; }
#product-page .left-panel #product_image_holder #product-image-display .thumbs .thumbmove { height: 20px; margin-top: 20px; }
#product-page .left-panel #product_image_holder #product-image-display .thumbs .thumbmove .icon { display: inline-block; width: 50%; cursor: hand; font-style: normal; }
#product-page .left-panel #product_image_holder #product-image-display .thumbs .thumbmove .icon:before { margin-left: 50%; -ms-transform: translateX(-50%); -o-transform: translateX(-50%); -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); font-style: normal; }
#product-page .left-panel #product_image_holder #product-image-display .thumbs .videothumb { text-align: center; margin-top: 15px; font-family: "BrandonGrotesqueWeb-Bold"; font-size: 12px; padding-left: 6px; }
#product-page .left-panel #product_image_holder #product-image-display .thumbs .videothumb span { padding-right: 5px; }
#product-page .left-panel #product_image_holder #product-image-display #image-slider { display: none; position: absolute; left: 0px; width: 100%; height: 100%; z-index: 12; }
#product-page .left-panel #product_image_holder #product-image-display #image-slider .slide { position: absolute; width: 100%; height: 100%; z-index: 13; background-repeat: no-repeat; background-position: center; background-size: cover; }
#product-page .left-panel #product_image_holder #product-image-display a.mobile-arrow { display: none; width: 50px; position: absolute; height: 60px; top: -moz-calc(50% - 30px); top: -webkit-calc(50% - 30px); top: calc(50% - 30px); z-index: 100; font-family: "icons"; font-size: 60px; line-height: 60px; color: rgba(255, 255, 255, 0.7); }
#product-page .left-panel #product_image_holder #product-image-display a.mobile-arrow:first-of-type { left: 0px; }
#product-page .left-panel #product_image_holder #product-image-display a.mobile-arrow:last-of-type { right: 15px; }
#product-page .right-panel { width: 350px; float: left; margin-top: 42px; }
#product-page .right-panel #product_content { font-size: 14px; line-height: 24px; letter-spacing: 1px; color: #595454; font-family: "BulmerMTStd-Regular"; font-weight: normal; font-style: normal; padding: 14px 0px; text-align: justify; }
#product-page .right-panel #product_content .camgap { height: 28px; }
#product-page .right-panel #product_content #actions { /* padding-top:$gap-xxs;*/ border-top: solid 1px #e0e0e0; margin-bottom: 14px; font-size: 13px; line-height: 13px; letter-spacing: 1px; color: #423f3f; font-family: "BulmerMTStd-Italic"; font-weight: normal; font-style: normal; }
#product-page .right-panel #product_content #actions .wishlist-button-size { min-height: 33px; }
#product-page .right-panel #product_content #actions a.wishlist-button { display: block; padding-top: 20px; background-image: none; position: relative; text-align: center; margin-top: 20px; margin-bottom: 14px; letter-spacing: 2px; color: #423f3f; }
#product-page .right-panel #product_content #actions a.wishlist-button:before { font-family: "icons"; content: "¤"; width: 15px; height: 15px; font-size: 15px; color: #54504e; display: inline-block; position: absolute; top: 0px; left: 50%; -ms-transform: translateX(-50%); -o-transform: translateX(-50%); -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); }
#product-page .right-panel #product_content #actions a.wishlist-button.swym-added:before { content: "£"; }
#product-page .right-panel #product_content #actions a.remove-from-wishlist:before { font-family: "icons"; content: "£"; width: 15px; height: 15px; font-size: 15px; color: #54504e; display: inline-block; }
#product-page .right-panel #product_content #actions a.hide { display: none !important; }
#product-page .right-panel #product_content #actions .social-likes { width: auto; }
#product-page .right-panel #product_content #actions .social-likes .social-likes__widget { display: inline-block; width: auto; margin-left: 50%; -ms-transform: translateX(-50%); -o-transform: translateX(-50%); -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); cursor: pointer; }
#product-page .right-panel #product_content #actions .social-likes .social-likes__widget div { display: block; float: left; padding-right: 3px; letter-spacing: 2px; }
#product-page .right-panel #product_content #actions .social-likes .social-likes__widget div:after { margin-left: 5px; margin-top: 3px; }
#product-page .right-panel #product_content #actions .social-likes .social-likes__widget .social-likes__counter { background: #FFF url(counterbg.gif) center left no-repeat; margin-left: 7px; height: 20px; line-height: 22px; font-size: 10px; overflow: hidden; padding-left: 10px; padding-right: 6px; float: left; border-right: 1px solid #bbbbbb; border-top-right-radius: 2px; border-bottom-right-radius: 2px; display: none; }
#product-page .right-panel #product_content #actions .social-likes .social-likes__widget:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
#product-page .right-panel #product_content #actions .social-likes:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
#product-page .right-panel #product_content #actions .line { width: 160px; margin: 0px auto; margin-top: 14px; margin-bottom: 30px; }
#product-page .right-panel #product_content section { margin: 0px; }
#product-page .right-panel #product_content section h3 { float: left; width: 50%; cursor: pointer; }
#product-page .right-panel #product_content section h3:after { content: '+'; padding-right: 15px; text-align: right; display: inline; float: right; font-size: 150%; }
#product-page .right-panel #product_content section h3:last-of-type { padding-left: 25px; }
#product-page .right-panel #product_content section h3:last-of-type:after { padding-right: 0px; }
#product-page .right-panel #product_content section .expanded { text-decoration: underline; }
#product-page .right-panel #product_content section .expanded:after { content: '-'; font-size: 180%; }
#product-page .right-panel #product_content section aside { font-size: 12px; line-height: 18px; letter-spacing: 1px; color: #423f3f; font-family: "BrandonGrotesqueWeb-Regular"; font-weight: normal; font-style: normal; clear: both; display: none; text-align: left; padding-bottom: 20px; margin-bottom: 10px; border-bottom: solid 1px #cfcccc; }
#product-page .right-panel #product_content section aside p { text-align: left; margin: 0px 0px 14px 0px; padding: 0px; }
#product-page .right-panel #product_content section aside a { color: #423f3f; text-decoration: underline; }
#product-page .right-panel #product_content section aside .spr-form-label { width: 100% !important; }
#product-page .right-panel #product_content section .account-page { font-size: 9px; line-height: 20px; letter-spacing: 2px; color: #423f3f; font-family: "BrandonGrotesqueWeb-Regular"; font-weight: normal; font-style: normal; }
#product-page .right-panel #product_content section .account-page h1 { font-size: 15px; line-height: 20px; letter-spacing: 2px; color: #423f3f; font-family: "BrandonGrotesqueWeb-Regular"; font-weight: normal; font-style: normal; }
#product-page .right-panel #product_content section .account-page label { font-size: 12px; line-height: 20px; letter-spacing: 2px; color: #423f3f; font-family: "BrandonGrotesqueWeb-Bold"; font-weight: normal; font-style: normal; }
#product-page .right-panel #product_content section .account-page textarea, #product-page .right-panel #product_content section .account-page input { font-size: 10px; line-height: 30px; letter-spacing: 2px; color: #595454; font-family: "BrandonGrotesqueWeb-Bold"; font-weight: normal; font-style: normal; margin-bottom: 0px; text-transform: uppercase; }
#product-page .right-panel #product_content section .account-page textarea::-webkit-input-placeholder, #product-page .right-panel #product_content section .account-page input::-webkit-input-placeholder { font-size: 10px; }
#product-page .right-panel #product_content section .account-page textarea:-moz-placeholder, #product-page .right-panel #product_content section .account-page input:-moz-placeholder { font-size: 10px; }
#product-page .right-panel #product_content section .account-page textarea::-moz-placeholder, #product-page .right-panel #product_content section .account-page input::-moz-placeholder { font-size: 10px; }
#product-page .right-panel #product_content section .account-page textarea:-ms-input-placeholder, #product-page .right-panel #product_content section .account-page input:-ms-input-placeholder { font-size: 10px; }
#product-page .right-panel #product_content section .account-page textarea { height: 100px; margin-top: 7px; line-height: 14px; padding-top: 10px; }
#product-page .right-panel #product_content section .account-page textarea::-webkit-input-placeholder { line-height: 14px; }
#product-page .right-panel #product_content section .account-page textarea:-moz-placeholder { line-height: 14px; }
#product-page .right-panel #product_content section .account-page textarea::-moz-placeholder { line-height: 14px; }
#product-page .right-panel #product_content section .account-page textarea:-ms-input-placeholder { line-height: 14px; }
#product-page .right-panel #product_content section .account-page input.half { display: inline; width: -moz-calc(50% - 7px); width: -webkit-calc(50% - 7px); width: calc(50% - 7px); }
#product-page .right-panel #product_content section .account-page input.half:first-of-type { margin-right: 14px; }
#product-page .right-panel #product_content section .review-counter { background: #FFF url("counterbg.gif") center left no-repeat; transform: scale(0.7); position: absolute; top: 9px; left: 59px; height: 20px; line-height: 23px; font-size: 11px; overflow: hidden; padding-left: 10px; padding-right: 6px; border-right: 1px solid #bbbbbb; border-top-right-radius: 3px; border-bottom-right-radius: 3px; }
#product-page .right-panel #action-content-container { display: none; }
#product-page .right-panel .leaf-icon:after { content: url("Icons_FabricCotton-c.svg"); display: inline-block; width: 20px; transform: translateY(5px); }
#product-page .right-panel .pp { display: flex; justify-content: space-between; }
#product-page .right-panel .pp div:first-of-type { flex: 0 1 56%; }
#product-page .right-panel .pp div:last-of-type { flex: 0 1 42%; }
#product-page .right-panel .pp h6 { font-size: 11px; color: #000; line-height: 1; font-family: "BrandonGrotesqueWeb-Medium"; font-size: 9px; text-transform: uppercase; margin-bottom: 8px; }
#product-page .right-panel .pp p { font-size: 12px; line-height: 45px; letter-spacing: 1px; color: #595454; font-family: "BrandonGrotesqueWeb-Regular"; font-weight: normal; font-style: normal; font-size: 11px; line-height: 1; margin-bottom: 0px !important; }
#product-page .right-panel .pp p span { display: inline-block; vertical-align: middle; max-width: calc(100% - 49px); }
#product-page .right-panel .pp p:before { width: 34px; display: inline-block; vertical-align: middle; margin-right: 10px; }
#product-page .right-panel .pp p.icon_1:before { content: url("Icons_ProductPage-01.svg"); }
#product-page .right-panel .pp p.icon_2:before { content: url("Icons_ProductPage-02.svg"); }
#product-page .right-panel .pp p.icon_3:before { content: url("Icons_ProductPage-03.svg"); }
#product-page .right-panel .pp p.icon_4:before { content: url("Icons_ProductPage-04.svg"); }
#product-page .right-panel .pp p.icon_5:before { content: url("Icons_ProductPage-05.svg"); }
#product-page .right-panel .pp p.icon_6:before { content: url("Icons_ProductPage-06.svg"); }
#product-page .right-panel .pp p.icon_7:before { content: url("Icons_ProductPage-07.svg"); }
#product-page .right-panel .pp a { margin-left: 44px; font-size: 12px; line-height: 45px; letter-spacing: 1px; color: #595454; font-family: "BrandonGrotesqueWeb-Regular"; font-weight: normal; font-style: normal; font-size: 8px; line-height: 1; text-transform: uppercase; text-decoration: none; border-bottom: solid 1px #f0f0f0; }
#product-page .find-out-more-panel { overflow: hidden; position: relative; }
#product-page .find-out-more-panel input { position: absolute; left: -100px; -webkit-appearance: none; width: 1px; height: 1px; }
#product-page .find-out-more-panel label.find-out-more-heading { background-color: #000; padding: 20px 0 15px 0; width: 100%; display: block; cursor: pointer; text-align: center; }
#product-page .find-out-more-panel label.find-out-more-heading h3 { text-transform: uppercase; color: #fff; display: inline-block; text-align: center; position: relative; }
#product-page .find-out-more-panel label.find-out-more-heading h3:before { content: url("leaf.svg"); width: 50px; display: block; position: absolute; left: -45px; top: -3px; }
#product-page .find-out-more-panel label.find-out-more-heading .icon-down:before { color: #fff; }
#product-page .find-out-more-panel .find-out-more-contents { max-height: 0px; background-color: #f0f0f0; transition: max-height 1s; display: flex; justify-content: center; flex-wrap: wrap; box-sizing: border-box; -webkit-box-shadow: inset 0px 22px 52px -17px rgba(0, 0, 0, 0.33); -moz-box-shadow: inset 0px 22px 52px -17px rgba(0, 0, 0, 0.33); box-shadow: inset 0px 22px 52px -17px rgba(0, 0, 0, 0.5); }
#product-page .find-out-more-panel .find-out-more-contents div:first-of-type { margin-right: 0px; padding-right: 100px; text-align: right; }
#product-page .find-out-more-panel .find-out-more-contents div:first-of-type aside { display: inline-block; width: auto; text-align: left; }
#product-page .find-out-more-panel .find-out-more-contents div:last-of-type { margin-left: 0px; padding-left: 100px; }
#product-page .find-out-more-panel .find-out-more-contents div { width: 400px; }
#product-page .find-out-more-panel .find-out-more-contents h3 { font-size: 11px; color: #000; line-height: 1; margin-top: 35px; }
#product-page .find-out-more-panel .find-out-more-contents p { font-size: 12px; line-height: 45px; letter-spacing: 1px; color: #595454; font-family: "BrandonGrotesqueWeb-Regular"; font-weight: normal; font-style: normal; font-size: 11px; line-height: 1; margin-bottom: 20px; }
#product-page .find-out-more-panel .find-out-more-contents p span { display: inline-block; vertical-align: middle; max-width: calc(100% - 54px); }
#product-page .find-out-more-panel .find-out-more-contents p:before { width: 40px; display: inline-block; vertical-align: middle; margin-right: 10px; }
#product-page .find-out-more-panel .find-out-more-contents p.icon_1:before { content: url("Icons_ProductPage-01.svg"); }
#product-page .find-out-more-panel .find-out-more-contents p.icon_2:before { content: url("Icons_ProductPage-02.svg"); }
#product-page .find-out-more-panel .find-out-more-contents p.icon_3:before { content: url("Icons_ProductPage-03.svg"); }
#product-page .find-out-more-panel .find-out-more-contents p.icon_4:before { content: url("Icons_ProductPage-04.svg"); }
#product-page .find-out-more-panel .find-out-more-contents p.icon_5:before { content: url("Icons_ProductPage-05.svg"); }
#product-page .find-out-more-panel .find-out-more-contents p.icon_6:before { content: url("Icons_ProductPage-06.svg"); }
#product-page .find-out-more-panel .find-out-more-contents p.icon_7:before { content: url("Icons_ProductPage-07.svg"); }
#product-page .find-out-more-panel .find-out-more-contents a.link { flex: 0 0 100%; text-align: center; font-size: 12px; line-height: 45px; letter-spacing: 1px; color: #595454; font-family: "BrandonGrotesqueWeb-Regular"; font-weight: normal; font-style: normal; text-transform: uppercase; font-size: 10px; line-height: 1px; margin-bottom: 30px; text-decoration: underline; }
#product-page .find-out-more-panel input:checked ~ .find-out-more-contents { max-height: 182px; }
#product-page .bottom-panel { margin-top: 30px; margin-bottom: 100px; }
#product-page .bottom-panel .line a { background: #fff; padding: 0px 7px; margin: 0px 7px; color: #cfcccc; }
#product-page .bottom-panel .line a.selected { color: #423f3f; text-decoration: underline; }
#product-page .bottom-panel .instagram-gallery { width: 100%; margin-top: 28px; padding-bottom: 24px; }
#product-page .bottom-panel #product-tab-content { display: block; padding-bottom: 5px; display: none; }
#product-page .bottom-panel .product-collection-row { width: 100%; margin-top: 32px; }
#product-page .bottom-panel .product-collection-row .product-item { width: -moz-calc(20% - 14px ); width: -webkit-calc(20% - 14px); width: calc(20% - 14px); margin: 0px 7px 14px 7px; float: left; }
#product-page .bottom-panel .product-collection-row .product-item:nth-of-type(1) { margin-left: 0px; margin-right: 7px; }
#product-page .bottom-panel .product-collection-row .product-item:nth-of-type(2) { margin-left: 7px; margin-right: 7px; }
#product-page .bottom-panel .product-collection-row .product-item:nth-of-type(3) { margin-left: 7px; margin-right: 7px; }
#product-page .bottom-panel .product-collection-row .product-item:nth-of-type(4) { margin-left: 7px; margin-right: 7px; }
#product-page .bottom-panel .product-collection-row .product-item:nth-of-type(5) { margin-right: 0px; margin-left: 7px; }
#product-page .bottom-panel .product-collection-row .product-item .product-image { position: relative; }
#product-page .bottom-panel .product-collection-row .product-item .product-image .sale { width: 10%; position: absolute; top: 10px; right: 10px; }
#product-page .bottom-panel .product-collection-row .product-item .product-image .quick-view-link { display: none; }
#product-page .bottom-panel .product-collection-row .product-item img { width: 100%; margin-bottom: 7px; }
#product-page .bottom-panel .product-collection-row .product-item .details { text-align: center; position: relative; margin-top: -10px; }
#product-page .bottom-panel .product-collection-row .product-item .details .tag-container { height: 24px; display: none; }
#product-page .bottom-panel .product-collection-row .product-item .details .wishlist { position: absolute; right: 0px; top: 7px; height: 7px; line-height: 7px; }
#product-page .bottom-panel .product-collection-row .product-item .details .tag { font-size: 14px; line-height: 24px; letter-spacing: 1px; color: #423f3f; font-family: "BulmerMTStd-Italic"; font-weight: normal; font-style: normal; text-decoration: underline; }
#product-page .bottom-panel .product-collection-row .product-item .details .title { font-size: 11px; line-height: 20px; letter-spacing: 1px; color: #423f3f; font-family: "BrandonGrotesqueWeb-Bold"; font-weight: normal; font-style: normal; text-transform: uppercase; width: 100%; width: 93%; line-height: 1.4; padding-top: 11px; margin-top: 0px; }
#product-page .bottom-panel .product-collection-row .product-item .details .price { font-size: 11px; line-height: 28px; letter-spacing: 1px; color: #423f3f; font-family: "BrandonGrotesqueWeb-Regular"; font-weight: normal; font-style: normal; width: 100%; display: inline; }
#product-page .bottom-panel .product-collection-row .product-item .details del { font-size: 11px; line-height: 28px; letter-spacing: 1px; color: #423f3f; font-family: "BrandonGrotesqueWeb-Regular"; font-weight: normal; font-style: normal; display: inline; text-decoration: none; position: relative; }
#product-page .bottom-panel .product-collection-row .product-item .details del:after { background-color: #423f3f; content: ""; height: 1px; left: 0; position: absolute; right: 0; top: 40%; }
#product-page .bottom-panel .shipping-info { text-align: center; padding-top: 50px; }
#product-page .bottom-panel .shipping-info div { display: inline-block; text-align: center; width: 250px; height: 120px; vertical-align: top; padding: 0px 20px; box-sizing: content-box; position: relative; }
#product-page .bottom-panel .shipping-info div h5 { font-size: 11px; line-height: 20px; letter-spacing: 1px; color: #423f3f; font-family: "BrandonGrotesqueWeb-Bold"; font-weight: normal; font-style: normal; text-decoration: none; }
#product-page .bottom-panel .shipping-info div a { font-size: 14px; line-height: 24px; letter-spacing: 1px; color: #423f3f; font-family: "BulmerMTStd-Italic"; font-weight: normal; font-style: normal; text-decoration: underline; position: absolute; top: 100px; left: 0px; text-align: center; width: 100%; }
#product-page .bottom-panel .shipping-info div:first-of-type { border-right: solid 1px #cfcccc; padding-left: 0px; }
#product-page .bottom-panel .shipping-info div:first-of-type a { left: -10px; }
#product-page .bottom-panel .shipping-info div:last-of-type { border-left: solid 1px #cfcccc; padding-right: 0px; }
#product-page .bottom-panel .shipping-info div:last-of-type a { left: 10px; }
#product-page .bottom-panel .shipping-info .mobile { display: none; }

.quick-view-popup .popup-content { width: 755px; padding: 28px; }
.quick-view-popup .popup-content .left-panel { float: left; margin-right: 28px; }
.quick-view-popup .popup-content .left-panel #quick-view-images { width: 320px; height: 480px; overflow: hidden; position: relative; }
.quick-view-popup .popup-content .left-panel #quick-view-images .image-container { position: absolute; left: 0px; right: 0px; }
.quick-view-popup .popup-content .left-panel #quick-view-images .image-container .quickview-image-slider { position: relative; }
.quick-view-popup .popup-content .left-panel #quick-view-images .image-container img { position: absolute; top: 0px; width: 320px; height: 480px; }
.quick-view-popup .popup-content .left-panel #quick-view-images .image-container img:nth-of-type(1) { left: 0px; }
.quick-view-popup .popup-content .left-panel #quick-view-images .image-container img:nth-of-type(2) { left: 320px; }
.quick-view-popup .popup-content .left-panel #quick-view-images .image-container img:nth-of-type(3) { left: 640px; }
.quick-view-popup .popup-content .left-panel #quick-view-images .image-container img:nth-of-type(4) { left: 960px; }
.quick-view-popup .popup-content .left-panel #quick-view-images .image-container img:nth-of-type(5) { left: 1280px; }
.quick-view-popup .popup-content .left-panel #quick-view-images .image-container img:nth-of-type(6) { left: 1600px; }
.quick-view-popup .popup-content .left-panel #quick-view-images .image-container img:nth-of-type(7) { left: 1920px; }
.quick-view-popup .popup-content .left-panel #quick-view-images .image-container img:nth-of-type(8) { left: 2240px; }
.quick-view-popup .popup-content .left-panel #quick-view-images .image-container img:nth-of-type(9) { left: 2560px; }
.quick-view-popup .popup-content .left-panel #quick-view-images .image-container img:nth-of-type(10) { left: 2880px; }
.quick-view-popup .popup-content .left-panel #quick-view-images .image-container img:nth-of-type(11) { left: 3200px; }
.quick-view-popup .popup-content .left-panel #quick-view-images a.mobile-arrow { display: none; width: 50px; position: absolute; height: 40px; top: -moz-calc(50% - 20px); top: -webkit-calc(50% - 20px); top: calc(50% - 20px); z-index: 100; font-family: "icons"; font-size: 40px; line-height: 40px; color: rgba(255, 255, 255, 0.7); display: block; cursor: pointer; }
.quick-view-popup .popup-content .left-panel #quick-view-images a.mobile-arrow:first-of-type { left: 0px; }
.quick-view-popup .popup-content .left-panel #quick-view-images a.mobile-arrow:last-of-type { right: 0px; }
.quick-view-popup .popup-content .right-panel { width: 350px; float: left; padding-top: 50px; }
.quick-view-popup .popup-content .right-panel .wishlist-button-size { min-height: 33px; }
.quick-view-popup .popup-content .right-panel a.wishlist-button { display: block; padding-top: 20px; position: relative; text-align: center; margin-top: 20px; margin-bottom: 14px; letter-spacing: 2px; color: #423f3f; font-size: 13px; line-height: 13px; letter-spacing: 1px; color: #423f3f; font-family: "BulmerMTStd-Italic"; font-weight: normal; font-style: normal; }
.quick-view-popup .popup-content .right-panel a.wishlist-button:before { font-family: "icons"; content: "¤"; width: 15px; height: 15px; font-size: 15px; color: #54504e; display: inline-block; position: absolute; top: 0px; left: 50%; -ms-transform: translateX(-50%); -o-transform: translateX(-50%); -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); }
.quick-view-popup .popup-content .right-panel a.remove-from-wishlist:before { font-family: "icons"; content: "£"; width: 15px; height: 15px; font-size: 15px; color: #54504e; display: inline-block; }
.quick-view-popup .popup-content .right-panel a.hide { display: none !important; }
.quick-view-popup .popup-content .right-panel a.product-page-link { font-size: 13px; line-height: 13px; letter-spacing: 1px; color: #423f3f; font-family: "BulmerMTStd-Italic"; font-weight: normal; font-style: normal; text-align: center; text-decoration: underline; margin-top: 28px; width: 100%; }

#product-form .price { margin-top: 28px; }
#product-form del { font-size: 12px; line-height: 12px; letter-spacing: 1px; color: #423f3f; font-family: "BrandonGrotesqueWeb-Regular"; font-weight: normal; font-style: normal; display: inline; text-decoration: none; position: relative; text-align: center; }
#product-form del:after { background-color: #423f3f; content: ""; height: 1px; left: 0; position: absolute; right: 0; top: 40%; }
#product-form .low-in-stock { font-size: 15px; line-height: 22px; letter-spacing: 1px; color: #fdb6ab; font-family: "BulmerMTStd-Italic"; font-weight: normal; font-style: normal; color: #d56c6f; border-bottom: solid 1px #d56c6f; display: table; border-collapse: collapse; margin: 28px auto 37px auto; text-align: center; }
#product-form .size-swatches { display: table; margin: 0px auto; margin-top: 20px; text-align: center; }
#product-form .size-swatches input[type="radio"] { opacity: 0; position: absolute; width: 0px; height: 0px; }
#product-form .size-swatches label { font-size: 12px; line-height: 34px; letter-spacing: 1px; color: #000; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: normal; font-style: normal; width: 34px; padding-top: 0px; height: 34px; line-height: 34px; border: 1px solid #000; box-sizing: border-box; display: inline-block; margin: 0px 8px; text-transform: uppercase; text-align: center; background-color: #fff; vertical-align: middle; border-radius: 0px; cursor: pointer; overflow: hidden; margin-top: 7px; }
#product-form .size-swatches label.coupon { width: auto; min-width: 28px; padding: 0px 7px; }
#product-form .size-swatches input[type="radio"] + label:hover { color: #fff; background-color: #000; }
#product-form .size-swatches input[type="radio"]:checked + label { color: #fff; background-color: #252525; border: solid 1px #252525; }
#product-form .size-swatches label.not-available { position: relative; background-color: #fff; color: #e0e0e0; border: solid 1px #e0e0e0; }
#product-form .size-swatches label.not-available:after { content: ""; position: absolute; background-color: #c4c4c4; width: 60%; left: 20%; display: block; height: 1px; top: 50%; }
#product-form .size-swatches input[type="radio"] + label.not-available:hover { color: #fff; background-color: #e0e0e0; border: solid 1px #e0e0e0; }
#product-form .size-swatches input[type="radio"]:checked + label.not-available { color: #fff; background-color: #e0e0e0; border: solid 1px #e0e0e0; }
#product-form .colour-options { text-align: center; }
#product-form .colour-options h5 { font-size: 15px; text-decoration: underline; margin-top: 23px; margin-bottom: 5px; }
#product-form .colour-options img { width: 100%; height: 100%; }
#product-form .colour-options a { width: 25px; height: 25px; margin: 0px 5px; display: inline-block !important; position: relative; }
#product-form .colour-options .select { background-image: url("color_swatch_ring.svg"); background-size: 100%; }
#product-form .colour-options .overlay { position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; width: 100%; height: 100%; }
#product-form #add-to-cart-button { margin-top: 23px; width: 100%; }
#product-form #afterpay { text-align: center; margin-top: 6px; }
#product-form #afterpay p { font-family: "BulmerMTStd-Regular"; font-size: 14px; color: #666; display: inline-block; margin: 0; padding: 0; vertical-align: top; }
#product-form #afterpay img { height: 16px; display: inline-block; vertical-align: top; margin-top: 4px; }
#product-form #afterpay a { text-decoration: underline; }
#product-form .popup-links { margin: 25px auto 25px auto; display: table; width: 100%; text-align: center; }
#product-form .popup-links a { font-size: 10px; line-height: 10px; letter-spacing: 1px; color: #cfcccc; font-family: "gothic"; font-weight: normal; font-style: normal; border: solid 1px #cfcccc; letter-spacing: 2px; color: #999; padding: 4px 14px; margin: 0px 7px; display: inline-block !important; }
#product-form .popup-links a:hover { background-color: #cfcccc; color: #fff; }
#product-form .popup-links .large-butttons { display: flex; justify-content: center; margin-bottom: 20px; /* #sizeguide-button{ margin:0 12px; height:50px; background: none; border:none; color:#000; font-family:$fontname-bulmer-italic; width:auto; white-space:nowrap;  text-align:center; box-sizing:border-box; font-size:12px; padding:0;  letter-spacing:3px; } #sizeguide-button:before{display:block; width:35px; height:20px; padding:4px; margin:0 auto -2px auto; content:" "; background-image:url('fiticon.svg'); background-repeat:no-repeat; background-size:68%; background-position:center; }
*/ }
#product-form .popup-links .large-butttons .show-shopthelook { border: none; margin: 0 22px; height: 50px; color: #000; font-family: "BulmerMTStd-Italic"; width: auto; white-space: nowrap; display: block; text-align: center; box-sizing: border-box; font-size: 12px; letter-spacing: 3px; padding: 0; }
#product-form .popup-links .large-butttons .show-shopthelook:before { display: block; width: 35px; height: 20px; padding: 4px; margin: 0 auto 10px auto; content: " "; background-image: url("shop-the-look.svg"); background-repeat: no-repeat; background-size: 72%; background-position: center; }
#product-form .popup-links .large-butttons .show-shopthelook:hover { background-color: #fff; color: #000; }
#product-form .popup-links .large-butttons #sizeguide-button { border: none; margin: 0 22px; height: 50px; color: #000; font-family: "BulmerMTStd-Italic"; width: auto; white-space: nowrap; display: block; text-align: center; box-sizing: border-box; font-size: 12px; letter-spacing: 3px; padding: 0; }
#product-form .popup-links .large-butttons #sizeguide-button:before { display: block; width: 35px; height: 20px; padding: 4px; margin: 0 auto 10px auto; content: " "; background-image: url("fiticon.svg"); background-repeat: no-repeat; background-size: 72%; background-position: center; }
#product-form .popup-links .large-butttons #sizeguide-button:hover { background-color: #fff; color: #000; }
#product-form .popup-links .large-butttons #virtusize-button { display: none; margin: 0 12px; height: 50px; background: none; border: none; color: #000; font-family: "BulmerMTStd-Italic"; width: auto; white-space: nowrap; text-align: center; box-sizing: border-box; font-size: 12px; padding: 0; letter-spacing: 3px; }
#product-form .popup-links .large-butttons #virtusize-button:before { display: block; width: 35px; height: 20px; padding: 4px; margin: 0 auto -2px auto; content: " "; background-image: url("fiticon.svg"); background-repeat: no-repeat; background-size: 68%; background-position: center; }

#product-gifcard #gift-card-creator { width: 1000px; position: relative; overflow: hidden; margin: 40px auto 0 auto; }
#product-gifcard #gift-card-creator form { display: block; width: 100%; height: 535px; }
#product-gifcard #gift-card-creator div { width: 100%; }
#product-gifcard #gift-card-creator #slide-container { position: absolute; left: 0; top: 0; white-space: nowrap; transition: transform 1s; }
#product-gifcard #gift-card-creator #slide-container section { display: inline-block; vertical-align: top; width: 100%; }
#product-gifcard #gift-card-creator #slide-container h2 { line-height: 1.4; }
#product-gifcard #gift-card-creator #slide-container .select-dropdown { font-size: 7px; width: 100%; height: 30px; margin-bottom: 8px; }
#product-gifcard #gift-card-creator #slide-container .select-dropdown:after { font-size: 10px; }
#product-gifcard #gift-card-creator #slide-container .select-dropdown span { font-size: 8px; line-height: 30px; padding: 0; width: 100%; }
#product-gifcard #gift-card-creator #slide-container .select-dropdown ul { border: solid 1px rgba(0, 0, 0, 0.2); z-index: 10; }
#product-gifcard #gift-card-creator #slide-container .select-dropdown ul label { padding: 0; font-size: 1.6em; line-height: 28px; }
#product-gifcard #gift-card-creator #slide-container .select-dropdown ul input:checked + label { height: 28px; margin-top: -28px; line-height: 28px; }
#product-gifcard #gift-card-creator #slide-container .select-dropdown .expandLabel { z-index: 11; padding: 0px; height: 30px; }
#product-gifcard #gift-card-creator #slide-container .select-dropdown .expand:checked + .closeLabel + ul label { height: 28px; }
#product-gifcard #gift-card-creator #slide-container #intro-step { text-align: center; }
#product-gifcard #gift-card-creator #slide-container #intro-step div { float: left; }
#product-gifcard #gift-card-creator #slide-container #intro-step div:nth-of-type(1) { width: 325px; margin-left: 152px; }
#product-gifcard #gift-card-creator #slide-container #intro-step div:nth-of-type(2) { width: 452px; margin-left: 20px; }
#product-gifcard #gift-card-creator #slide-container #intro-step .page-title { display: none; float: none; margin-bottom: 20px !important; }
#product-gifcard #gift-card-creator #slide-container #intro-step h2 { margin: 40px 0 30px 0; }
#product-gifcard #gift-card-creator #slide-container #intro-step h3 { line-height: 1.6; margin-bottom: 30px; white-space: normal; }
#product-gifcard #gift-card-creator #slide-container #intro-step h4 { line-height: 1.5; margin: 0; width: 100%; white-space: normal; box-sizing: border-box; font-size: 12px; padding: 0 26px; }
#product-gifcard #gift-card-creator #slide-container #intro-step h4:last-of-type { margin: 10px 0 40px 0; padding: 0 24px; }
#product-gifcard #gift-card-creator #slide-container #intro-step h4:before { display: none; }
#product-gifcard #gift-card-creator #slide-container #intro-step img { display: block; width: 100%; }
#product-gifcard #gift-card-creator #slide-container #design-step { position: relative; }
#product-gifcard #gift-card-creator #slide-container #design-step #design-section { display: flex; overflow: hidden; height: 450px; padding: 20px 0; width: 900px; margin-top: 20px; margin-left: 50px; }
#product-gifcard #gift-card-creator #slide-container #design-step #design-section .styled-gift-card .details { height: 71%; }
#product-gifcard #gift-card-creator #slide-container #design-step #design-section input { display: none; }
#product-gifcard #gift-card-creator #slide-container #design-step #design-section label { flex: 0 0 26%; box-sizing: border-box; padding: 0; height: 330px; box-sizing: border-box; margin: 0 2%; text-align: center; justify-content: left; transition: all 500ms linear; background-size: cover; -o-box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.25); -ms-box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.25); -moz-box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.25); -webkit-box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.25); box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.25); }
#product-gifcard #gift-card-creator #slide-container #design-step #design-section label:first-of-type { margin-left: -27%; }
#product-gifcard #gift-card-creator #slide-container #design-step #design-section label:nth-of-type(3) { flex: 0 0 34%; height: 400px; padding: 0; }
#product-gifcard #gift-card-creator #slide-container #design-step .next-section-link { display: table; width: 200px; margin: 0 auto; }
#product-gifcard #gift-card-creator #slide-container #design-step #design-pagination a { position: absolute; top: 40%; font-family: "icons"; font-size: 50px; }
#product-gifcard #gift-card-creator #slide-container #design-step #design-pagination a:first-of-type { left: 0; }
#product-gifcard #gift-card-creator #slide-container #design-step #design-pagination a:last-of-type { right: 0; }
#product-gifcard #gift-card-creator #slide-container #personalize-step h2 { margin-bottom: 40px; }
#product-gifcard #gift-card-creator #slide-container #personalize-step .styled-gift-card .card-background .details .select { width: 100%; }
#product-gifcard #gift-card-creator #slide-container #personalize-step .styled-gift-card .card-background .details .select select { margin: 0; text-align-last: left; padding-left: 1em; width: 100%; font-size: 9px; }
#product-gifcard #gift-card-creator #slide-container #personalize-step .styled-gift-card .card-background .details .select:after { z-index: 0; pointer-events: none; border-left: none; border-left: none; padding: 0px 5px; }
#product-gifcard #gift-card-creator #slide-container #personalize-step .styled-gift-card .card-background .details input { margin-top: 0px; }
#product-gifcard #gift-card-creator #slide-container #personalize-step .styled-gift-card .card-background .details textarea { margin-top: 5px; padding: 10px; height: 100px; }
#product-gifcard #gift-card-creator #slide-container #personalize-step .styled-gift-card .card-background .details input, #product-gifcard #gift-card-creator #slide-container #personalize-step .styled-gift-card .card-background .details textarea { display: block; width: 100%; background-color: #fff; border: solid 1px rgba(0, 0, 0, 0.2); text-align: center; outline: none; }
#product-gifcard #gift-card-creator #slide-container #personalize-step .styled-gift-card .card-background .details input::-webkit-input-placeholder, #product-gifcard #gift-card-creator #slide-container #personalize-step .styled-gift-card .card-background .details textarea::-webkit-input-placeholder { color: #444; font-family: "BulmerMTStd-Italic"; text-transform: none; font-size: 11px; }
#product-gifcard #gift-card-creator #slide-container #personalize-step .styled-gift-card .card-background .details input:-moz-placeholder, #product-gifcard #gift-card-creator #slide-container #personalize-step .styled-gift-card .card-background .details textarea:-moz-placeholder { color: #444; font-family: "BulmerMTStd-Italic"; text-transform: none; font-size: 11px; }
#product-gifcard #gift-card-creator #slide-container #personalize-step .styled-gift-card .card-background .details input::-moz-placeholder, #product-gifcard #gift-card-creator #slide-container #personalize-step .styled-gift-card .card-background .details textarea::-moz-placeholder { color: #444; font-family: "BulmerMTStd-Italic"; text-transform: none; font-size: 11px; }
#product-gifcard #gift-card-creator #slide-container #personalize-step .styled-gift-card .card-background .details input:-ms-input-placeholder, #product-gifcard #gift-card-creator #slide-container #personalize-step .styled-gift-card .card-background .details textarea:-ms-input-placeholder { color: #444; font-family: "BulmerMTStd-Italic"; text-transform: none; font-size: 11px; }
#product-gifcard #gift-card-creator #slide-container #amount-step { text-align: center; }
#product-gifcard #gift-card-creator #slide-container #amount-step h2 { margin-bottom: 25px; }
#product-gifcard #gift-card-creator #slide-container #amount-step #desktop-amount input { display: none; }
#product-gifcard #gift-card-creator #slide-container #amount-step #desktop-amount label { display: inline-block; border: solid 1px #000; padding: 7px 12px 5px 12px; background-color: #fff; margin: 0 5px; cursor: pointer; }
#product-gifcard #gift-card-creator #slide-container #amount-step #desktop-amount input:checked + label { background-color: #ddd; }
#product-gifcard #gift-card-creator #slide-container #amount-step .styled-gift-card { margin-top: 25px; }
#product-gifcard #gift-card-creator #slide-container #amount-step .select-dropdown { width: 170px; margin: 0 auto; display: none; }
#product-gifcard #gift-card-creator #slide-container #amount-step .select-dropdown span { font-size: 10px; }
#product-gifcard #gift-card-creator #slide-container #amount-step .select-dropdown ul label { font-size: 12px; }
@keyframes rotating { from { transform: rotate(0deg); }
  to { transform: rotate(360deg); } }
#product-gifcard #gift-card-creator #slide-container #purchase-step { text-align: center; pointer-events: none; }
#product-gifcard #gift-card-creator #slide-container #purchase-step h2 { margin-bottom: 40px; }
#product-gifcard #gift-card-creator #slide-container #purchase-step #add-gifcard-to-cart { margin-top: 35px; width: 200px; position: relative; text-transform: uppercase; pointer-events: visiblepainted; }
#product-gifcard #gift-card-creator #slide-container #purchase-step #add-gifcard-to-cart.disabled { background-color: #999; }
#product-gifcard #gift-card-creator #slide-container #purchase-step #add-gifcard-to-cart.disabled:after { content: "."; animation: rotating 2s linear infinite; position: absolute; top: 2px; right: 5px; }
#product-gifcard #gift-card-creator .styled-gift-card { font-size: 12px; }
#product-gifcard #gift-card-creator .styled-gift-card .card-background { display: block; width: 27em; max-width: 98%; height: 37em; margin: 0 auto; background-size: cover; padding: 0; box-sizing: border-box; background-color: #f0f0f0; box-shadow: 3px 6px 10px 0px rgba(0, 0, 0, 0.18); }
#product-gifcard #gift-card-creator .styled-gift-card .details { background-color: #fff; text-align: center; padding: 10%; width: 70%; margin: 0 auto; box-shadow: 3px 6px 10px 0px rgba(0, 0, 0, 0.18); }
#product-gifcard #gift-card-creator .styled-gift-card .details img { width: 77%; display: block; margin: 0 auto 1em auto; }
#product-gifcard #gift-card-creator .styled-gift-card .details h1 { font-family: "BulmerMTStd-Italic"; font-size: 2em; white-space: normal; }
#product-gifcard #gift-card-creator .styled-gift-card .details h3 { line-height: 1.6; margin: 2em 0 0 0; white-space: normal; }
#product-gifcard #gift-card-creator .styled-gift-card .details p { font-family: "BulmerMTStd-Italic"; white-space: normal; }
#product-gifcard #gift-card-creator .styled-gift-card .details hr:first-of-type { margin-top: 0px; }
#product-gifcard #gift-card-creator .nav-links { display: flex; justify-content: space-between; width: 100%; opacity: 0; transition: opacity 1s; padding: 0; margin: 0 auto; width: 450px; }
#product-gifcard #gift-card-creator .nav-links a { font-size: 12px; line-height: 45px; letter-spacing: 1px; color: #595454; font-family: "BrandonGrotesqueWeb-Regular"; font-weight: normal; font-style: normal; text-decoration: underline; background-color: transparent; padding: 10px; cursor: pointer; }
#product-gifcard #gift-card-creator .nav-links.visible { opacity: 1; }
#product-gifcard #gift-card-creator #continue-button { display: table; margin: 40px auto 20px auto; border: solid 1px #000; padding: 10px 20px; cursor: pointer; }
#product-gifcard #gift-card-creator #continue-button .disable { opacity: 0.2; cursor: not-allowed; pointer-events: none; }

#shopthelook-page .page-title { margin-bottom: 40px; }
#shopthelook-page .containers { display: flex; width: 1180px; margin: 0 auto; }
#shopthelook-page .containers .image-container { flex: 1; margin-right: 60px; }
#shopthelook-page .containers .image-container .sticky-container { width: 100%; height: 100%; position: relative; }
#shopthelook-page .containers .image-container img { display: block; width: 100%; position: sticky; top: 0; left: 0; }
#shopthelook-page .containers .product-container { flex: 0 1 550px; }
#shopthelook-page .containers .product-container .shopthelook-product { width: 100%; margin-bottom: 20px; border-bottom: solid 1px #cfcccc; padding-bottom: 6%; margin-bottom: 6%; }
#shopthelook-page .containers .product-container .shopthelook-product .product-image { display: inline-block; vertical-align: top; width: 45%; padding: 0; margin: 0; border: none; background-color: #fff; }
#shopthelook-page .containers .product-container .shopthelook-product .product-image img { display: block; width: 100%; }
#shopthelook-page .containers .product-container .shopthelook-product .details { display: inline-block; width: calc(55% - 20px); vertical-align: top; padding-top: 11%; }
#shopthelook-page .containers .product-container .shopthelook-product .details h2 { font-size: 11px; margin-bottom: 13px; }
#shopthelook-page .containers .product-container .shopthelook-product .details h4 { font-size: 13px; }
#shopthelook-page .containers .product-container .shopthelook-product .details #product-form .price { margin-top: 18px; margin-bottom: 29px; }
#shopthelook-page .containers .product-container .shopthelook-product .details #product-form #add-to-cart-button { width: 85%; margin-left: auto; margin-right: auto; display: table; }
#shopthelook-page .containers .product-container .shopthelook-product .details #product-form .size-swatches { margin-top: 16px; }
#shopthelook-page .containers .product-container .shopthelook-product .details #product-form .size-swatches label { margin: 0 4px; width: 24px; height: 24px; line-height: 23px; font-size: 7px; margin-top: 0px; padding-left: 2px; }
#shopthelook-page .containers .product-container .shopthelook-product .details #product-form .size-swatches input { top: 0; left: 0; }
#shopthelook-page .containers .product-container .shopthelook-product .details #product-form button { font-size: 11px; height: 34px; line-height: 34px; margin-top: 16px; }
#shopthelook-page .containers .product-container div.shopthelook-product:last-of-type { margin-bottom: 0; }

/****************************************************************************************************************/
/*******************************                Cart Page                    *********************************/
/****************************************************************************************************************/
#cart-page { font-size: 10px; width: 80%; max-width: 1300px; margin: 0px auto; }
#cart-page .page-title { margin-bottom: 10px; }
#cart-page a.continue-shopping { font-size: 1.6em; line-height: 1.1; letter-spacing: 0.1em; color: #423f3f; font-family: "BulmerMTStd-Italic"; font-weight: normal; font-style: normal; text-align: right; width: 100%; text-decoration: underline; padding-right: 43px; box-sizing: border-box; }
#cart-page .no-items { text-align: center; width: 100%; font-size: 14px; line-height: 14px; letter-spacing: 1px; color: #423f3f; font-family: "BulmerMTStd-Italic"; font-weight: normal; font-style: normal; }
#cart-page .shipping-notice { background-color: transparent; border-top: solid 1px #e0e0e0; width: 100%; padding: 8px 14px 4px 14px; box-sizing: border-box; color: #fff !important; font-size: 1.4em; line-height: 1.1; letter-spacing: 0.2em; color: #423f3f; font-family: "BrandonGrotesqueWeb-Regular"; font-weight: normal; font-style: normal; text-align: center; margin: 0px; }
#cart-page form { display: block; width: 100%; width: -moz-calc(100% - 28px); width: -webkit-calc(100% - 28px); width: calc(100% - 28px); padding: 14px 14px 0px 14px; box-sizing: border-box; }
#cart-page form table { width: 100%; border-collapse: collapse; }
#cart-page form table tr { border-bottom: solid 1px #e0e0e0; margin: 0px; padding: 0px; }
#cart-page form table tr:first-of-type { width: 100%; border-top: solid 1px #e0e0e0; margin-bottom: 25px; }
#cart-page form table tr:nth-of-type(2) td { padding-top: 28px; }
#cart-page form table th { font-size: 1.1em; line-height: 1.1; letter-spacing: 0.3em; color: #423f3f; font-family: "BrandonGrotesqueWeb-Bold"; font-weight: normal; font-style: normal; padding-top: 7px; text-align: center; }
#cart-page form table td, #cart-page form table td a { padding-top: 7px; text-align: center; margin: 0px; padding: 0px; }
#cart-page form table td { font-size: 1.4em; line-height: 1.1; letter-spacing: 0.2em; color: #423f3f; font-family: "BrandonGrotesqueWeb-Regular"; font-weight: normal; font-style: normal; padding: 7px 0px 2px 0px; }
#cart-page form table td img { width: 67px; }
#cart-page form table td:first-of-type { text-align: left; width: 70px; }
#cart-page form table .mobile-only { display: none; font-weight: 600; padding-top: 7px; }
#cart-page form table input { border: solid 1px #e0e0e0; height: 28px; width: 28px; vertical-align: top; -ms-transform: translateY(-2px); -o-transform: translateY(-2px); -moz-transform: translateY(-2px); -webkit-transform: translateY(-2px); transform: translateY(-2px); text-indent: 0px; text-align: center; padding-top: 0px; padding-left: 2px; }
#cart-page form table .close { font-size: 24px; padding-top: 5px; }
#cart-page form table button { font-size: 10px; line-height: 10px; letter-spacing: 1px; color: #cfcccc; font-family: "gothic"; font-weight: normal; font-style: normal; -ms-transform: translateY(-2px); -o-transform: translateY(-2px); -moz-transform: translateY(-2px); -webkit-transform: translateY(-2px); transform: translateY(-2px); background-color: #fff; border: solid 1px #cfcccc; letter-spacing: 2px; color: #999; padding: 4px 10px 4px 10px; font-size: 9px; }
#cart-page form table button:hover { background-color: #cfcccc; color: #fff; }
#cart-page form .bottom-container { display: flex; justify-content: flex-end; margin-top: 30px; }
#cart-page form #packaging { flex: 1; padding-right: 30px; }
#cart-page form #packaging input { display: none; }
#cart-page form #packaging h6 { font-size: 1.4em; line-height: 1.1; letter-spacing: 0.2em; color: #423f3f; font-family: "BrandonGrotesqueWeb-Regular"; font-weight: normal; font-style: normal; border-bottom: solid 1px #999; display: inline-block; font-size: 10px; margin-top: 0px; padding: 0; line-height: 1; }
#cart-page form #packaging label { display: block; }
#cart-page form #packaging label img { width: 67px; display: inline-block; }
#cart-page form #packaging label .radio { display: inline-block; width: 12px; height: 12px; background-image: url("ring_unselected.svg"); margin: 23px 30px 0px 30px; }
#cart-page form #packaging label span { display: inline-block; vertical-align: top; width: calc(100% - 170px); }
#cart-page form #packaging label h5 { font-size: 1.1em; line-height: 1.1; letter-spacing: 0.3em; color: #423f3f; font-family: "BrandonGrotesqueWeb-Bold"; font-weight: normal; font-style: normal; padding: 0px; margin: 16px 0px 0px 0px; text-transform: uppercase; }
#cart-page form #packaging label p { font-size: 14px; line-height: 24px; letter-spacing: 1px; color: #595454; font-family: "BulmerMTStd-Regular"; font-weight: normal; font-style: normal; padding: 0px; margin: 0px; font-size: 12px; max-width: 390px; }
#cart-page form #packaging label:first-of-type h5 { margin-top: 20px; }
#cart-page form #packaging label:first-of-type .radio { margin-top: 29px; }
#cart-page form #packaging label:first-of-type img { margin-left: 7px; margin-right: 1px; }
#cart-page form #packaging label:last-of-type img { margin-top: 8px; width: 75px; }
#cart-page form #packaging input:checked + label .radio { background-image: url("circle_selected.svg"); }
#cart-page form .checkout { flex: 0 0 260px; margin-top: 20px; }
#cart-page form .checkout .total { font-size: 1.1em; line-height: 1.1; letter-spacing: 0.3em; color: #423f3f; font-family: "BrandonGrotesqueWeb-Bold"; font-weight: normal; font-style: normal; font-size: 1.5em; width: 100%; text-align: center; margin: 0px; padding: 0px; }
#cart-page form .checkout button { margin-top: 14px; }
#cart-page form .checkout .checkout-button { color: #000; background-color: #fee6e4; }
#cart-page form .checkout .merchants { width: 270px; display: block; margin: 28px auto 0px auto; }

/**************************************************************************************************************/
/*******************************                  Section Layout             **********************************/
/**************************************************************************************************************/
#section-layout { width: 100%; font-size: 0.7vw; }
#section-layout .vertical-spacing { display: block; clear: both; float: none; width: 100%; }
#section-layout .horizontal-spacing { display: block; float: left; }
#section-layout .section-image { display: block; position: relative; }
#section-layout .section-image a { display: block; width: 100%; position: relative; }
#section-layout .section-image img { display: block; width: 100%; }
#section-layout .section-image .animated-square { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; background-color: red; transform: scale(1.2); }
#section-layout .section-image .product { position: absolute; opacity: 0; display: block; background-color: rgba(255, 255, 255, 0.85); padding: 12px 17px 5px 17px; transition: opacity 1s; }
#section-layout .section-image .product p { display: inline-block; padding: 0; margin: 0; font-style: italic; font-size: 12px; display: none; }
#section-layout .section-image .product .sizes { display: inline-block; cursor: default; bottom: 14px; text-align: center; box-sizing: border-box; font-size: 12px; line-height: 2; letter-spacing: 1px; color: #423f3f; font-family: "BrandonGrotesqueWeb-Regular"; font-weight: normal; font-style: normal; text-transform: uppercase; }
#section-layout .section-image .product .sizes li { display: inline-block; margin: 0px 12px; cursor: not-allowed; color: rgba(66, 63, 59, 0.5); position: relative; }
#section-layout .section-image .product .sizes li:before { content: ""; font-family: "BulmerMTStd-Italic"; display: block; font-size: 9px; width: 60px; line-height: 1.3; text-transform: none; position: absolute; top: -7px; left: 50%; transform: translateX(-50%); z-index: 2; }
#section-layout .section-image .product .sizes li.available { cursor: pointer; color: #423f3b; }
#section-layout .section-image .product .sizes li.available:hover { text-decoration: underline; }
#section-layout .section-image .product .sizes li:hover:before { content: "Sold Out"; color: #423f3b; }
#section-layout .section-image .product .sizes li.available:hover:before { content: "Add To Cart"; color: #423f3b; }
#section-layout .section-image:hover > .product { opacity: 1; }
#section-layout .section-video { display: block; }
#section-layout .section-video .video-container { width: 100%; position: relative; }
#section-layout .section-video .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
#section-layout .section-instafeed h3 { margin: 0 2em 2em 2em; }
#section-layout .section-instafeed .view-more a { display: inline-block; width: auto; margin: 1.5em 1.6em 0 0; }
#section-layout .section-collection h3 { margin: 0 2rem 2rem 2rem; }
#section-layout .section-collection .products-grid { margin-top: 0; padding: 0; justify-content: space-between; display: flex; }
#section-layout .section-collection .products-grid .product-item { margin: 0; }
#section-layout .section-collection .products-grid .product-item .product-image { position: relative; }
#section-layout .section-collection .products-grid .product-item .product-image .quick-view-link { display: block; position: absolute; bottom: 14px; left: 0px; width: 100%; text-align: center; padding: 7px 0px 7px 0px; box-sizing: border-box; background-color: rgba(255, 255, 255, 0.5); cursor: pointer; opacity: 0; /* @include transition(opacity 0.5s linear); */ font-size: 12px; line-height: 2; letter-spacing: 1px; color: #423f3f; font-family: "BrandonGrotesqueWeb-Regular"; font-weight: normal; font-style: normal; text-transform: uppercase; }
#section-layout .section-collection .products-grid .product-item .product-image:hover > .quick-view-link { opacity: 1; }
#section-layout .section-collection .products-grid .product-item .product-image .sale { width: 10%; position: absolute; top: 10px; right: 10px; }
#section-layout .section-collection .products-grid .product-item img { width: 100%; margin-bottom: 7px; }
#section-layout .section-collection .products-grid .product-item .details { text-align: center; position: relative; }
#section-layout .section-collection .products-grid .product-item .details .tag-container { height: 24px; }
#section-layout .section-collection .products-grid .product-item .details .wishlist { position: absolute; right: 0px; top: 7px; height: 7px; line-height: 7px; }
#section-layout .section-collection .products-grid .product-item .details .tag { font-size: 14px; line-height: 24px; letter-spacing: 1px; color: #423f3f; font-family: "BulmerMTStd-Italic"; font-weight: normal; font-style: normal; text-decoration: underline; }
#section-layout .section-collection .products-grid .product-item .details .title { font-size: 11px; line-height: 20px; letter-spacing: 1px; color: #423f3f; font-family: "BrandonGrotesqueWeb-Bold"; font-weight: normal; font-style: normal; text-transform: uppercase; width: 100%; }
#section-layout .section-collection .products-grid .product-item .details .price { font-size: 11px; line-height: 28px; letter-spacing: 1px; color: #423f3f; font-family: "BrandonGrotesqueWeb-Regular"; font-weight: normal; font-style: normal; display: inline; }
#section-layout .section-collection .products-grid .product-item .details del { font-size: 11px; line-height: 28px; letter-spacing: 1px; color: #423f3f; font-family: "BrandonGrotesqueWeb-Regular"; font-weight: normal; font-style: normal; display: inline; text-decoration: none; position: relative; }
#section-layout .section-collection .products-grid .product-item .details del:after { background-color: #423f3f; content: ""; height: 1px; left: 0; position: absolute; right: 0; top: 40%; }
#section-layout .section-slideshow { position: relative; display: block; clear: both; float: none; width: 100%; overflow: hidden; font-size: 0.7vw; }
#section-layout .section-slideshow .slides { display: block; width: 100%; white-space: nowrap; -o-transition: transform 700ms ease-out; -ms-transition: transform 700ms ease-out; -moz-transition: transform 700ms ease-out; -webkit-transition: transform 700ms ease-out; transition: transform 700ms ease-out; }
#section-layout .section-slideshow .slides a { display: inline-block; width: 100%; vertical-align: top; }
#section-layout .section-slideshow .slides a img { width: 100%; display: block; }
#section-layout .section-slideshow .pagination { position: absolute; bottom: 6em; left: 0; right: 0; width: 100%; text-align: center; }
#section-layout .section-slideshow .pagination label { display: inline-block; margin: 0 0.5em; cursor: pointer; }
#section-layout .section-slideshow .pagination label:before { content: "\25CB"; display: block; font-size: 4em; color: #fff; font-weight: 900; text-shadow: 0.7px 0.7px rgba(0, 0, 0, 0.5); border-radius: 2em; }
#section-layout .section-slideshow input { display: none; }
#section-layout .section-slideshow .index-0:checked ~ .slides { -o-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
#section-layout .section-slideshow .index-1:checked ~ .slides { -o-transform: translate3d(-100%, 0, 0); -ms-transform: translate3d(-100%, 0, 0); -moz-transform: translate3d(-100%, 0, 0); -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); }
#section-layout .section-slideshow .index-2:checked ~ .slides { -o-transform: translate3d(-200%, 0, 0); -ms-transform: translate3d(-200%, 0, 0); -moz-transform: translate3d(-200%, 0, 0); -webkit-transform: translate3d(-200%, 0, 0); transform: translate3d(-200%, 0, 0); }
#section-layout .section-slideshow .index-3:checked ~ .slides { -o-transform: translate3d(-300%, 0, 0); -ms-transform: translate3d(-300%, 0, 0); -moz-transform: translate3d(-300%, 0, 0); -webkit-transform: translate3d(-300%, 0, 0); transform: translate3d(-300%, 0, 0); }
#section-layout .section-slideshow .index-4:checked ~ .slides { -o-transform: translate3d(-400%, 0, 0); -ms-transform: translate3d(-400%, 0, 0); -moz-transform: translate3d(-400%, 0, 0); -webkit-transform: translate3d(-400%, 0, 0); transform: translate3d(-400%, 0, 0); }
#section-layout .section-slideshow .index-5:checked ~ .slides { -o-transform: translate3d(-500%, 0, 0); -ms-transform: translate3d(-500%, 0, 0); -moz-transform: translate3d(-500%, 0, 0); -webkit-transform: translate3d(-500%, 0, 0); transform: translate3d(-500%, 0, 0); }
#section-layout .section-slideshow .index-6:checked ~ .slides { -o-transform: translate3d(-600%, 0, 0); -ms-transform: translate3d(-600%, 0, 0); -moz-transform: translate3d(-600%, 0, 0); -webkit-transform: translate3d(-600%, 0, 0); transform: translate3d(-600%, 0, 0); }
#section-layout .section-slideshow .index-7:checked ~ .slides { -o-transform: translate3d(-700%, 0, 0); -ms-transform: translate3d(-700%, 0, 0); -moz-transform: translate3d(-700%, 0, 0); -webkit-transform: translate3d(-700%, 0, 0); transform: translate3d(-700%, 0, 0); }
#section-layout .section-slideshow .index-8:checked ~ .slides { -o-transform: translate3d(-800%, 0, 0); -ms-transform: translate3d(-800%, 0, 0); -moz-transform: translate3d(-800%, 0, 0); -webkit-transform: translate3d(-800%, 0, 0); transform: translate3d(-800%, 0, 0); }
#section-layout .section-slideshow .index-9:checked ~ .slides { -o-transform: translate3d(-900%, 0, 0); -ms-transform: translate3d(-900%, 0, 0); -moz-transform: translate3d(-900%, 0, 0); -webkit-transform: translate3d(-900%, 0, 0); transform: translate3d(-900%, 0, 0); }
#section-layout .section-slideshow .index-10:checked ~ .slides { -o-transform: translate3d(-1000%, 0, 0); -ms-transform: translate3d(-1000%, 0, 0); -moz-transform: translate3d(-1000%, 0, 0); -webkit-transform: translate3d(-1000%, 0, 0); transform: translate3d(-1000%, 0, 0); }
#section-layout .section-slideshow .index-0:checked ~ .pagination label:nth-of-type(1):before { content: "\25CF"; }
#section-layout .section-slideshow .index-1:checked ~ .pagination label:nth-of-type(2):before { content: "\25CF"; }
#section-layout .section-slideshow .index-2:checked ~ .pagination label:nth-of-type(3):before { content: "\25CF"; }
#section-layout .section-slideshow .index-3:checked ~ .pagination label:nth-of-type(4):before { content: "\25CF"; }
#section-layout .section-slideshow .index-4:checked ~ .pagination label:nth-of-type(5):before { content: "\25CF"; }
#section-layout .section-slideshow .index-5:checked ~ .pagination label:nth-of-type(6):before { content: "\25CF"; }
#section-layout .section-slideshow .index-6:checked ~ .pagination label:nth-of-type(7):before { content: "\25CF"; }
#section-layout .section-slideshow .index-7:checked ~ .pagination label:nth-of-type(8):before { content: "\25CF"; }
#section-layout .section-slideshow .index-8:checked ~ .pagination label:nth-of-type(9):before { content: "\25CF"; }
#section-layout .section-slideshow .index-9:checked ~ .pagination label:nth-of-type(10):before { content: "\25CF"; }
#section-layout .section-slideshow .index-10:checked ~ .pagination label:nth-of-type(11):before { content: "\25CF"; }
#section-layout .hide { display: none; }
#section-layout .hide-on-desktop { display: none; }

/****************************************************************************************************************/
/*******************************                    Pages                       *********************************/
/****************************************************************************************************************/
#page { width: 100%; }
#page li { font-size: 14px; line-height: 24px; letter-spacing: 1px; color: #595454; font-family: "BulmerMTStd-Regular"; font-weight: normal; font-style: normal; margin-bottom: 10px; }

#standard-page { width: 96%; max-width: 800px; margin: 37px auto 0px auto; font-size: 14px; line-height: 24px; letter-spacing: 1px; color: #595454; font-family: "BulmerMTStd-Regular"; font-weight: normal; font-style: normal; }
#standard-page h2, #standard-page h3, #standard-page h4, #standard-page h5, #standard-page h6 { text-align: left; margin: 0px; padding: 0px; line-height: 1; }
#standard-page h2:before, #standard-page h3:before, #standard-page h4:before, #standard-page h5:before, #standard-page h6:before { display: none; }
#standard-page h4 { font-size: 16px; line-height: 24px; letter-spacing: 1px; color: #423f3f; font-family: "BulmerMTStd-Bold"; font-weight: normal; font-style: normal; }
#standard-page h5 { font-size: 18px; line-height: 24px; letter-spacing: 1px; color: #423f3f; font-family: "BulmerMTStd-Italic"; font-weight: normal; font-style: normal; }
#standard-page h6 { font-size: 14px; line-height: 14px; letter-spacing: 1px; color: #423f3f; font-family: "BulmerMTStd-Italic"; font-weight: normal; font-style: normal; }
#standard-page p a { text-decoration: underline; }
#standard-page ul { margin-bottom: 40px; }
#standard-page li { font-size: 14px; line-height: 24px; letter-spacing: 1px; color: #595454; font-family: "BulmerMTStd-Regular"; font-weight: normal; font-style: normal; font-weight: bold; list-style-type: disc; margin-left: 30px; }
#standard-page section { margin-top: 20px; margin-bottom: 20px; display: flex; justify-content: space-between; flex-wrap: nowrap; }

.about-page { /*h3{@include font($font-about-page-i);  box-sizing: border-box; font-size:1.2vw; text-decoration:underline; }*/ padding: 0px 10%; font-size: 1vw; }
.about-page h1 { font-size: 3em; line-height: 1; letter-spacing: 0.01em; color: #595454; font-family: "Notera"; font-weight: normal; font-style: normal; padding: 0px; margin: 3% 0px 2% 0px; text-decoration: none; }
.about-page h2 { font-size: 1.3em; line-height: 1.5; letter-spacing: 1px; color: #595454; font-family: "BulmerMTStd-Regular"; font-weight: normal; font-style: normal; text-transform: uppercase; padding: 0px; margin: 0px 0px 0.5% 0px; }
.about-page h3 { font-size: 1.4em; line-height: 1.5; letter-spacing: 1px; color: #595454; font-family: "BulmerMTStd-Italic"; font-weight: normal; font-style: normal; box-sizing: border-box; text-decoration: underline; }
.about-page h4 { font-size: 2.2em; line-height: 0.6; letter-spacing: 0.06em; color: #423f3f; font-family: "BulmerMTStd-Italic"; font-weight: normal; font-style: normal; display: table; box-sizing: border-box; text-transform: uppercase; margin: 0px; padding: 0px; border-bottom: solid 1px #423f3f; margin-bottom: 5%; white-space: nowrap; }
.about-page h5 { font-size: 1em; line-height: 1; letter-spacing: 1px; color: #423f3f; font-family: "BrandonGrotesqueWeb-Regular"; font-weight: normal; font-style: normal; display: table; box-sizing: border-box; text-transform: uppercase; margin: 1% auto 5% auto; text-align: center; }
.about-page h6 { font-size: 1em; line-height: 1; letter-spacing: 1px; color: #423f3f; font-family: "BrandonGrotesqueWeb-Bold"; font-weight: normal; font-style: normal; display: table; box-sizing: border-box; text-transform: uppercase; margin: 1% 0px; text-align: left; }
.about-page p { font-size: 1.1em; line-height: 1.5; letter-spacing: 1px; color: #595454; font-family: "BulmerMTStd-Regular"; font-weight: normal; font-style: normal; display: table; box-sizing: border-box; }
.about-page i { font-size: 1.2em; line-height: 1.5; letter-spacing: 1px; color: #595454; font-family: "BulmerMTStd-Italic"; font-weight: normal; font-style: normal; display: table; box-sizing: border-box; display: block; }
.about-page a.footer-link { font-size: 1.3em; line-height: 1.5; letter-spacing: 1px; color: #595454; font-family: "BulmerMTStd-Regular"; font-weight: normal; font-style: normal; width: 100%; text-align: center; text-decoration: underline; }
.about-page strong { font-size: 1.2em; line-height: 0.8; letter-spacing: 1px; color: #595454; font-family: "BulmerMTStd-Italic"; font-weight: normal; font-style: normal; display: table; box-sizing: border-box; border-bottom: solid 1px #423f3f; }
.about-page .line { width: 30%; margin: 0px auto; margin-top: 5%; }
.about-page .line span { padding: 0px 2%; font-size: 2.2em; line-height: 1.5; }
.about-page .top { text-align: center; }
.about-page .top i { padding: 0px; width: 100%; margin: 0px 0px 1% 0px; text-align: center; font-size: 1.3em; }
.about-page .heading { display: block; }

#policy-page .accordion { width: 90%; max-width: 800px; margin: 40px auto 0px auto; }
#policy-page .accordion-trigger { border-bottom: solid 1px #e0e0e0; margin-top: 20px; font-family: "BrandonGrotesqueWeb-Regular"; font-size: 16px; }
#policy-page h4 { font-size: 14px; line-height: 24px; letter-spacing: 1px; color: #595454; font-family: "BulmerMTStd-Regular"; font-weight: normal; font-style: normal; text-align: left; text-decoration: underline; font-size: 16px; margin-left: 0; padding: 0; }
#policy-page h4:before { display: none; }
#policy-page a { text-decoration: underline; }
#policy-page ul { margin-bottom: 20px; }
#policy-page ul li { font-size: 14px; line-height: 24px; letter-spacing: 1px; color: #595454; font-family: "BulmerMTStd-Regular"; font-weight: normal; font-style: normal; list-style-type: disc; margin-left: 30px; }
#policy-page table { width: 100%; border-collapse: collapse; margin-bottom: 20px; }
#policy-page table tr th, #policy-page table tr td { font-size: 14px; line-height: 24px; letter-spacing: 1px; color: #595454; font-family: "BulmerMTStd-Regular"; font-weight: normal; font-style: normal; width: 33%; vertical-align: top; padding: 8px; border: solid 1px #e0e0e0; text-align: left; }
#policy-page table tr th { font-weight: bold; }

#stylecrush-page { font-size: 13px; max-width: 1024px; margin: 0 auto; padding: 0; }
#stylecrush-page .show-mobile { display: none !important; }
#stylecrush-page .collection-link { background-color: #000; color: #fff; font-family: 'gothic'; font-size: 16px; padding: 2px 70px; margin: 0 auto 100px auto; display: table; }
#stylecrush-page section .panel { float: left; width: 50%; }
#stylecrush-page section .panel:first-of-type i, #stylecrush-page section .panel:first-of-type p, #stylecrush-page section .panel:first-of-type h4, #stylecrush-page section .panel:first-of-type h6 { padding-left: 30%; padding-right: 5%; }
#stylecrush-page section .panel:last-of-type i, #stylecrush-page section .panel:last-of-type p, #stylecrush-page section .panel:last-of-type h4, #stylecrush-page section .panel:last-of-type h6 { padding-left: 5%; padding-right: 30%; }
#stylecrush-page section .panel img { display: block; width: 100%; margin-bottom: 10%; }
#stylecrush-page section .panel .spotify { padding-left: 30%; margin-top: 3em; }
#stylecrush-page section .panel .spotify img { width: 2.5rem; display: inline-block; margin: 0 1em 0 0; }
#stylecrush-page section .panel .spotify a { display: inline; text-decoration: underline; vertical-align: top; }
#stylecrush-page section .panel .spotify p { display: inline-block; width: auto; padding: 0; margin: 0; vertical-align: top; font-family: "BrandonGrotesqueWeb-Regular"; line-height: 3; font-size: 1em; }
#stylecrush-page section:after { display: table; content: " "; width: 1px; height: 1px; clear: both; }
#stylecrush-page section:first-of-type { padding-left: 10%; margin-top: 5%; }
#stylecrush-page section:first-of-type h4 { font-family: "BulmerMTStd-Regular"; border: none; line-height: 1.3; margin-top: 5%; font-size: 5em; }
#stylecrush-page section:first-of-type .bio { font-family: "BrandonGrotesqueWeb-Regular"; font-size: 1.1em; line-height: 1.5; margin-left: 6%; letter-spacing: 0.1em; width: 73%; }
#stylecrush-page section:first-of-type .scroll-text { font-family: "BulmerMTStd-BoldItalic"; }
#stylecrush-page section:first-of-type .interview-link { margin-top: 25%; width: 70%; }
#stylecrush-page section:first-of-type .interview-link h6 { font-family: "BrandonGrotesqueWeb-Regular"; letter-spacing: 0px; width: 100%; text-align: center; padding: 0; font-size: 1.1em; }
#stylecrush-page section:first-of-type .interview-link .icon-down { width: 100%; margin-top: 6%; text-align: center; }
#stylecrush-page section:first-of-type .interview-link i { font-size: 1em; width: 100%; text-align: center; padding: 0; }
#stylecrush-page section:last-of-type { width: 60%; margin: 0px auto 3% auto; border-bottom: solid 1px #cfcccc; }
#stylecrush-page .end { margin: 0px auto; width: 4%; display: block; }
#stylecrush-page .line { width: 100%; margin-bottom: 20px; margin-top: 0; }
#stylecrush-page .line a { background: #fff; padding: 0px 7px; margin: 0px 7px; color: #423f3f; }
#stylecrush-page #stylecrush-collection { position: relative; overflow: hidden; padding-top: 45%; }
#stylecrush-page #stylecrush-collection .arrow { display: block; padding-top: 15%; position: absolute; top: 0; z-index: 2; height: 100%; background-color: #fff; opacity: 0.3; width: 4.5%; text-align: center; }
#stylecrush-page #stylecrush-collection .arrow.left { left: 0; }
#stylecrush-page #stylecrush-collection .arrow.right { right: 0; }
#stylecrush-page #stylecrush-collection .arrow:before { display: inline-block; color: #000; display: inline-block; opacity: 0.7; }
#stylecrush-page #stylecrush-collection .arrow:hover { opacity: 0.7; }
#stylecrush-page .stylecrush-collection-row { transition: transform 2s; position: absolute; top: 0; left: 0; width: 100%; display: flex; justify-content: flex-start; }
#stylecrush-page .stylecrush-collection-row .product-item { flex: 0 0 20%; margin-right: 2%; }
#stylecrush-page .stylecrush-collection-row .product-item .product-image { position: relative; }
#stylecrush-page .stylecrush-collection-row .product-item .product-image .quick-view-link { display: block; position: absolute; bottom: 14px; left: 0px; width: 100%; text-align: center; padding: 7px 0px 7px 0px; box-sizing: border-box; background-color: rgba(255, 255, 255, 0.5); cursor: pointer; opacity: 0; /* @include transition(opacity 0.5s linear); */ font-size: 12px; line-height: 2; letter-spacing: 1px; color: #423f3f; font-family: "BrandonGrotesqueWeb-Regular"; font-weight: normal; font-style: normal; text-transform: uppercase; }
#stylecrush-page .stylecrush-collection-row .product-item .product-image:hover > .quick-view-link { opacity: 1; }
#stylecrush-page .stylecrush-collection-row .product-item .product-image .sizes { display: flex; justify-content: space-around; position: absolute; cursor: default; bottom: 14px; left: 0px; width: 100%; text-align: center; padding: 12px 0 10px 0; box-sizing: border-box; background-color: rgba(255, 255, 255, 0.85); opacity: 0; font-size: 12px; line-height: 2; letter-spacing: 1px; color: #423f3f; font-family: "BrandonGrotesqueWeb-Regular"; font-weight: normal; font-style: normal; font-size: 10px; text-transform: uppercase; }
#stylecrush-page .stylecrush-collection-row .product-item .product-image .sizes li { display: inline-block; margin: 0; cursor: not-allowed; color: rgba(66, 63, 59, 0.5); position: relative; }
#stylecrush-page .stylecrush-collection-row .product-item .product-image .sizes li:before { content: ""; font-family: "BulmerMTStd-Italic"; display: block; font-size: 8px; width: 60px; line-height: 1.3; text-transform: none; position: absolute; top: -7px; left: 50%; transform: translateX(-50%); z-index: 2; }
#stylecrush-page .stylecrush-collection-row .product-item .product-image .sizes li.available { cursor: pointer; color: #423f3b; }
#stylecrush-page .stylecrush-collection-row .product-item .product-image .sizes li.available:hover { text-decoration: underline; }
#stylecrush-page .stylecrush-collection-row .product-item .product-image .sizes li:hover:before { content: "Sold Out"; color: #423f3b; }
#stylecrush-page .stylecrush-collection-row .product-item .product-image .sizes li.available:hover:before { content: "Add To Cart"; color: #423f3b; }
#stylecrush-page .stylecrush-collection-row .product-item .product-image .sizes li.notify { cursor: pointer; color: #423f3b; }
#stylecrush-page .stylecrush-collection-row .product-item .product-image .sizes li.notify:hover:before { content: ""; color: #423f3b; }
#stylecrush-page .stylecrush-collection-row .product-item .product-image:hover > .sizes { opacity: 1; }
#stylecrush-page .stylecrush-collection-row .product-item .product-image .sale { width: 10%; position: absolute; top: 10px; right: 10px; }
#stylecrush-page .stylecrush-collection-row .product-item img { width: 100%; margin-bottom: 7px; }
#stylecrush-page .stylecrush-collection-row .product-item .details { text-align: center; position: relative; }
#stylecrush-page .stylecrush-collection-row .product-item .details .tag-container { height: 24px; }
#stylecrush-page .stylecrush-collection-row .product-item .details .wishlist { position: absolute; right: 0px; top: 7px; height: 7px; line-height: 7px; }
#stylecrush-page .stylecrush-collection-row .product-item .details .tag { font-size: 14px; line-height: 24px; letter-spacing: 1px; color: #423f3f; font-family: "BulmerMTStd-Italic"; font-weight: normal; font-style: normal; text-decoration: underline; }
#stylecrush-page .stylecrush-collection-row .product-item .details .title { font-size: 11px; line-height: 20px; letter-spacing: 1px; color: #423f3f; font-family: "BrandonGrotesqueWeb-Bold"; font-weight: normal; font-style: normal; text-transform: uppercase; width: 100%; }
#stylecrush-page .stylecrush-collection-row .product-item .details .price { font-size: 11px; line-height: 28px; letter-spacing: 1px; color: #423f3f; font-family: "BrandonGrotesqueWeb-Regular"; font-weight: normal; font-style: normal; display: inline; }
#stylecrush-page .stylecrush-collection-row .product-item .details del { font-size: 11px; line-height: 28px; letter-spacing: 1px; color: #423f3f; font-family: "BrandonGrotesqueWeb-Regular"; font-weight: normal; font-style: normal; display: inline; text-decoration: none; position: relative; }
#stylecrush-page .stylecrush-collection-row .product-item .details del:after { background-color: #423f3f; content: ""; height: 1px; left: 0; position: absolute; right: 0; top: 40%; }

#factory-page { padding: 0px; }
#factory-page:after, #factory-page section:after { display: block; width: 1px; height: 1px; content: "x"; font-size: 1px; clear: both; }
#factory-page .video { display: block; width: 100%; margin: 0 auto 4% auto; }
#factory-page .video .video-container { width: 100%; position: relative; padding-top: 56.3%; }
#factory-page .video .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
#factory-page section:first-of-type { position: relative; }
#factory-page section:first-of-type img { display: block; float: left; width: 50%; margin-right: 2%; }
#factory-page section:first-of-type div { float: left; border: solid 1px; margin-right: 5%; }
#factory-page section:first-of-type h1 { font-size: 2em; line-height: 1; letter-spacing: 0.01em; color: #000; font-family: "Volta-Reg"; font-weight: normal; font-style: normal; border-bottom: solid 1px #000; position: absolute; left: 50%; top: 4%; display: inline; transform: translate(-50%); margin: 0px; }
#factory-page section:first-of-type h5 { margin: 2.5% 0px 0.5% 0px; }
#factory-page section:first-of-type h5:first-of-type { padding-top: 8%; }
#factory-page section:first-of-type p { font-size: 1.6em; line-height: 1.4; letter-spacing: 0.01em; color: #000; font-family: "Volta-Reg"; font-weight: normal; font-style: normal; margin: 0px; }
#factory-page section:nth-of-type(2) { padding: 0px 20%; }
#factory-page section:nth-of-type(2) h5 { text-align: left; margin: 9% 0px 0px 0px; }
#factory-page section:last-of-type { padding: 2% 10% 5% 10%; }
#factory-page section:last-of-type img { display: block; width: 100%; }
#factory-page .footerlink { font-size: 1.3em; text-transform: uppercase; }
#factory-page .footerlink a { text-decoration: underline; padding-left: 0.5em; }

.factory-text { padding: 0px 30% !important; }
.factory-text section:first-of-type h1 { position: static !important; padding-top: 5%; transform: translate(0px) !important; display: table !important; margin: 0px auto !important; }
.factory-text section:first-of-type h5 { margin: 9% 0px 0.5% 0px !important; }
.factory-text section:nth-of-type(2) { padding: 4% 0px 0px 0px !important; }

#our-journey-page { padding: 0px; margin-bottom: 4%; }
#our-journey-page:after, #our-journey-page section:after { display: block; width: 1px; height: 1px; content: "x"; font-size: 1px; clear: both; }
#our-journey-page p { font-size: 1em; line-height: 1.6; letter-spacing: 1px; color: #423f3f; font-family: "BrandonGrotesqueWeb-Regular"; font-weight: normal; font-style: normal; margin-bottom: 4%; }
#our-journey-page section:first-of-type { width: 100%; position: relative; }
#our-journey-page section:first-of-type img { display: block; width: 100%; }
#our-journey-page section:first-of-type h1 { position: absolute; display: block; white-space: nowrap; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 2em; line-height: 1; letter-spacing: 0.01em; color: #000; font-family: "Volta-Reg"; font-weight: normal; font-style: normal; margin: 0px; color: #fff; }
#our-journey-page .note { padding: 4% 28%; }
#our-journey-page .note p { text-align: justify; }
#our-journey-page .note i { text-align: right; font-size: 1.7em; }
#our-journey-page .note img { display: block; margin: 6% auto 0px auto; width: 100%; }
#our-journey-page .looking-forward { position: relative; padding-top: 19%; background-color: #fee6e4; }
#our-journey-page .looking-forward h1 { position: absolute; display: block; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 2em; line-height: 1; letter-spacing: 0.01em; color: #000; font-family: "Volta-Reg"; font-weight: normal; font-style: normal; margin: 0px; }
#our-journey-page .grid { margin-top: 5%; }
#our-journey-page .grid div { width: 50%; float: left; position: relative; }
#our-journey-page .grid div img { display: block; }
#our-journey-page .grid div span, #our-journey-page .grid div .span { position: absolute; display: block; }
#our-journey-page .grid div:first-of-type img { width: 100%; }
#our-journey-page .grid div:last-of-type { padding-left: 1%; }
#our-journey-page .packaging { padding-top: 5%; }
#our-journey-page .packaging div { width: 50%; float: left; position: relative; }
#our-journey-page .packaging div:last-of-type { width: 40%; }
#our-journey-page .packaging div p { text-align: justify; width: 100%; padding-right: 4%; padding-left: 19%; padding-top: 20%; letter-spacing: 0.1em; }
#our-journey-page .packaging div img { width: 100%; display: block; }
#our-journey-page .packaging div .span { top: 12%; right: 4%; z-index: 10; position: absolute; display: block; text-align: right; }
#our-journey-page .packaging div h4 { display: inline-block; }
#our-journey-page .ethics div span, #our-journey-page .ethics div .span { top: 8%; left: -7%; }
#our-journey-page .ethics div h4 { margin-bottom: 5%; }
#our-journey-page .ethics div p { margin-top: 26%; width: 61%; }
#our-journey-page .ethics div:first-of-type img { width: 100%; }
#our-journey-page .ethics div:last-of-type img { width: 80%; margin-top: 5%; margin-bottom: 2%; }
#our-journey-page .design div h4 { margin-bottom: 5%; }
#our-journey-page .design div:first-of-type p { margin: 4% 0px 1px 47%; width: 50%; }
#our-journey-page .design div:first-of-type img { width: 100%; }
#our-journey-page .design div:first-of-type img:nth-of-type(2) { display: none; }
#our-journey-page .design div:first-of-type span, #our-journey-page .design div:first-of-type .span { position: static; margin: 5% 0px 1px 47%; }
#our-journey-page .design div:last-of-type span, #our-journey-page .design div:last-of-type .span { top: 4%; left: -12%; }
#our-journey-page .design div:last-of-type p { margin-top: 19%; width: 61%; }
#our-journey-page .design div:last-of-type img:first-of-type { width: 100%; margin-top: 5%; margin-bottom: 2%; }
#our-journey-page .design div:last-of-type img:last-of-type { width: 80%; }

#markers-page { padding: 0px; }
#markers-page:after, #markers-page section:after { display: block; width: 1px; height: 1px; content: "x"; font-size: 1px; clear: both; }
#markers-page p { font-size: 1em; line-height: 1.6; letter-spacing: 1px; color: #423f3f; font-family: "BrandonGrotesqueWeb-Regular"; font-weight: normal; font-style: normal; margin-bottom: 4%; }
#markers-page strong { font-size: 1em; line-height: 1.6; letter-spacing: 1px; color: #423f3f; font-family: "Volta-Reg"; font-weight: normal; font-style: normal; margin-bottom: 4%; font-weight: normal; border: none; text-align: center; }
#markers-page img { display: block; }
#markers-page .intro { width: 100%; position: relative; }
#markers-page .intro img { display: block; width: 100%; }
#markers-page .intro h1 { position: absolute; display: block; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 2em; line-height: 1; letter-spacing: 0.01em; color: #000; font-family: "Volta-Reg"; font-weight: normal; font-style: normal; margin: 0px; font-size: 3em; color: #fff; white-space: nowrap; }
#markers-page .intro p { position: absolute; display: block; top: 60%; left: 50%; transform: translateX(-50%); text-align: center; width: 43%; color: #fff; text-transform: uppercase; }
#markers-page .intro .desktop { display: block; }
#markers-page .intro .mobile { display: none; }
#markers-page .footer-link a { display: block; margin-top: 3em; width: 100%; position: relative; }
#markers-page .footer-link a img { display: block; width: 100%; }
#markers-page .footer-link a div { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; }
#markers-page .footer-link a div span { color: #fff; font-family: "BrandonGrotesqueWeb-Bold"; font-size: 1.7em; padding-top: 3em; opacity: 1; transition: opacity 1s; text-align: center; }
#markers-page .footer-link a div img { width: 5em; transition: opacity 1s; position: absolute; opacity: 0; transform: translateY(-1em); }
#markers-page .footer-link a:hover div img { opacity: 1; }
#markers-page .footer-link a:hover div span { opacity: 0; }
#markers-page .text-item { display: none; margin: 0; }
#markers-page .text-item.desktop { display: block; }
#markers-page .text-item div { display: block; }
#markers-page .image-item { display: none; margin: 0; }
#markers-page .image-item.desktop { display: block; }
#markers-page .image-item div { display: block; position: relative; }
#markers-page .image-item div img { display: block; width: 100%; }
#markers-page .image-item div .text-container { position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: flex; }
#markers-page .link { text-align: center; margin-top: 4em; font-size: 1em; line-height: 1.6; letter-spacing: 1px; color: #423f3f; font-family: "BrandonGrotesqueWeb-Regular"; font-weight: normal; font-style: normal; text-decoration: none; font-size: 1.3em; text-transform: uppercase; white-space: nowrap; }
#markers-page .link a { text-decoration: underline; font-size: 1em; line-height: 1.6; letter-spacing: 1px; color: #423f3f; font-family: "BrandonGrotesqueWeb-Regular"; font-weight: normal; font-style: normal; font-size: 1em; display: inline; }
#markers-page .note { padding: 4% 13%; }
#markers-page .note strong { padding: 0 15%; font-size: 1.5em; }
#markers-page .note img { width: 100%; margin: 6% auto 4% auto; }
#markers-page .banner { position: relative; padding-top: 19%; background-color: #fee6e4; }
#markers-page .banner h1 { position: absolute; display: block; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 2em; line-height: 1; letter-spacing: 0.01em; color: #000; font-family: "Volta-Reg"; font-weight: normal; font-style: normal; margin: 0px; white-space: nowrap; }
#markers-page .video { width: 60%; margin: 0 auto 4em auto; }
#markers-page .video h5.section-title { margin-bottom: 1em; }
#markers-page .video h4 { margin-bottom: 1em; font-size: 2em; line-height: 1; letter-spacing: 0.01em; color: #000; font-family: "Volta-Reg"; font-weight: normal; font-style: normal; text-transform: none; text-decoration: none; border: none; text-align: center; width: 100%; }
#markers-page .video figure { display: block; width: 100%; margin: 0px; padding-bottom: 56%; position: relative; }
#markers-page .video figure iframe { width: 100%; position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; height: 100%; }
#markers-page .map-section { margin-top: 2%; border-top: solid 1px #c0c0c0; border-bottom: solid 1px #c0c0c0; }
#markers-page .map-section:after { height: 0px; }
#markers-page .map-section .article-container { width: 30%; padding: 3% 2% 0px 4%; float: left; }
#markers-page .map-section .article-container article { display: none; }
#markers-page .map-section .article-container article h5 { margin: 2.5% 0px 0.5% 0px; font-size: 0.7em; width: 100%; text-align: left; margin-top: 12%; }
#markers-page .map-section .article-container article h5:first-of-type { border-bottom: solid 1px #999; padding-top: 2%; padding-bottom: 5%; margin-top: 4%; }
#markers-page .map-section .article-container article p { font-size: 1.6em; line-height: 1.4; letter-spacing: 0.01em; color: #000; font-family: "Volta-Reg"; font-weight: normal; font-style: normal; margin: 0px; font-size: 1.3em; }
#markers-page .map-section .article-container article a { text-decoration: underline; margin-top: 6%; }
#markers-page .map-section .article-container .initial h5 { line-height: 2; margin-top: 1% !important; padding-right: 27%; box-sizing: border-box; border-bottom: none !important; border-top: solid 1px #999; padding-top: 8% !important; }
#markers-page .map-section .article-container .initial h5 span { display: block; text-decoration: underline; margin-top: 6%; }
#markers-page .map-section .article-container .selected-article { display: block; }
#markers-page .map-section .map { width: 70%; float: left; position: relative; overflow: hidden; }
#markers-page .map-section .map img.map-size-placeholder { width: 100%; pointer-events: none; }
#markers-page .map-section .map img.map-background, #markers-page .map-section .map img.map-foreground { position: absolute; width: 100%; height: 100%; z-index: 2; top: 0px; bottom: 0px; left: 0px; right: 0px; }
#markers-page .map-section .map img.map-foreground { z-index: 4; opacity: 1.0; }
#markers-page .map-section .map .map-region { display: none; position: absolute; z-index: 3; }
#markers-page .map-section .map .selected-region { display: block; }
#markers-page .map-section .map img.china { top: 0px; left: 0px; width: 40%; }
#markers-page .map-section .map img.india { top: 21%; left: 0px; width: 20%; }
#markers-page .map-section .map img.peru { bottom: 10%; right: 6%; width: 20%; }
#markers-page .map-section .map a.map-pin { display: block; width: 1.5em; height: 1.9em; position: absolute; z-index: 4; background-repeat: no-repeat; background-image: url("map-pin-2.svg"); background-size: 100%; opacity: 0.7; }
#markers-page .map-section .map a.map-pin:hover { opacity: 1; }
#markers-page .map-section .map a.map-pin.selected { opacity: 1; }
#markers-page .map-section .map .pin { width: 10%; z-index: 4; position: absolute; width: 1.6vw; height: 2vw; }
#markers-page .map-section .map .pin div { width: 100%; height: 100%; position: relative; }
#markers-page .map-section .map .pin div img { position: absolute; }
#markers-page .map-section .map .pin div .pin-image { width: 100%; height: 100%; z-index: 2; bottom: 0px; left: 0px; cursor: pointer; }
#markers-page .map-section .map .pin div .hover-image { /*  width:1250%; height:800%;*/ width: 16vw; height: 12.8vw; z-index: 1; display: none; bottom: -67%; left: -98%; pointer-events: none; }
#markers-page .map-section .map .pin div a { position: absolute; top: -248%; left: 23%; width: 13vw; text-align: center; font-size: 1em; line-height: 1.6; letter-spacing: 1px; color: #423f3f; font-family: "BrandonGrotesqueWeb-Regular"; font-weight: normal; font-style: normal; font-size: 0.6em; display: none; z-index: 3; white-space: nowrap; font-weight: 700; transform-origin: 50% 50%; transform: rotate(-22deg); display: none; text-transform: uppercase; /*pointer-events: none;*/ }
#markers-page .map-section .map .selected-pin { z-index: 5; }
#markers-page .map-section .map .selected-pin div .hover-image { display: block; }
#markers-page .map-section .map .selected-pin div a { display: table; cursor: pointer; }
#markers-page .map-section .map .pin-footwear { top: 32%; left: 12%; }
#markers-page .map-section .map .pin-embellishments { top: 29%; left: 9%; }
#markers-page .map-section .map .pin-fabric { top: 26%; left: 26%; }
#markers-page .map-section .map .pin-woven { top: 23%; left: 28%; }
#markers-page .map-section .map .pin-lace { top: 31%; left: 27%; }
#markers-page .map-section .map .pin-swim { top: 29%; left: 29%; }
#markers-page .map-section .map .pin-tees { top: 57%; left: 82%; }
#markers-page h1.factory-title { font-size: 2em; line-height: 1; letter-spacing: 0.01em; color: #000; font-family: "Volta-Reg"; font-weight: normal; font-style: normal; text-decoration: underline; text-align: center; width: 100%; margin: 6% 0; }
#markers-page h5.section-title { font-size: 1.3em; text-transform: uppercase; border-bottom: solid 1px #000; margin: 0 auto 2.7em auto; display: table; line-height: 1; }
#markers-page .factory-info { width: 46%; margin: 6em 0 0 27%; }
#markers-page .factory-info:after { display: block; width: 1px; height: 1px; content: " "; font-size: 1px; clear: both; }
#markers-page .factory-info h5.section-title { margin: 0 0 2em 0; }
#markers-page .factory-info div { float: left; width: 47%; margin-right: 3%; }
#markers-page .factory-info img { float: left; width: 50%; }
#markers-page .factory-footer { width: 67%; margin: 0 auto 4em auto; }
#markers-page .factory-footer img { width: 100%; }
#markers-page .factory-footer p { width: 69%; text-align: left; margin: 0 auto 3em auto; font-size: 1em; }
#markers-page .factories { padding: 0 14% 0px 15%; display: flex; justify-content: flex-start; flex-wrap: wrap; /*h1{@include font($font-factory-page-h1-i); text-align:center; width:auto; margin:0px auto 6% auto; display:table; border-bottom:solid 1px #000;}*/ }
#markers-page .factories:after { display: block; width: 1px; height: 1px; content: "x"; font-size: 1px; clear: both; }
#markers-page .factories .spacer { display: none; }
#markers-page .factories a { flex: 0 1 29%; margin: 2% 4% 2% 0; display: block; box-sizing: border-box; display: flex; flex-direction: column; justify-content: space-between; }
#markers-page .factories a img { display: block; width: 100%; }
#markers-page .factories a div { margin: 0; padding: 0; }
#markers-page .factories a div h5 { margin-left: 0px; margin: 0px; padding: 0px; font-size: 0.8em; }
#markers-page .factories a div p { font-size: 1.6em; line-height: 1.4; letter-spacing: 0.01em; color: #000; font-family: "Volta-Reg"; font-weight: normal; font-style: normal; margin: 2% 0px 3% 0px; font-size: 1.3em; }
#markers-page .factories .tees-factory { display: none; }
#markers-page .conduct-section { padding: 4% 19%; }
#markers-page .conduct-section h1 { font-size: 2em; line-height: 1; letter-spacing: 0.01em; color: #000; font-family: "Volta-Reg"; font-weight: normal; font-style: normal; text-decoration: underline; text-align: center; width: 100%; margin-bottom: 10%; }
#markers-page .conduct-section .row { width: 100%; display: flex; justify-content: left; flex-wrap: wrap; }
#markers-page .conduct-section .row div { width: 33.2%; position: relative; cursor: pointer; margin-bottom: 7%; }
#markers-page .conduct-section .row div img { width: 42%; margin-left: 29%; }
#markers-page .conduct-section .row div h5 { margin-top: 10%; font-size: 0.7em; }
#markers-page .conduct-section .row div p { display: none; position: absolute; bottom: 15%; left: 50%; transform: translate(-50%, 100%); background-color: #fff; padding: 10%; z-index: 2; width: 150%; text-align: left; border-radius: 2%; box-shadow: 3px 3px 15px rgba(0, 0, 0, 0.2); }
#markers-page .conduct-section .row div span { display: block; text-transform: uppercase; font-size: 0.7em; margin-bottom: 1.3em; }
#markers-page .conduct-section .row div:hover p { display: block; }
#markers-page .factory-grid { margin: 5% 8%; }
#markers-page .factory-grid div { width: 50%; float: left; position: relative; }
#markers-page .factory-grid div h4 { margin-bottom: 3%; font-size: 1.8em; }
#markers-page .factory-grid div span, #markers-page .factory-grid div .span { position: absolute; display: block; }
#markers-page .factory-grid div:first-of-type { padding-bottom: 14%; }
#markers-page .factory-grid div:first-of-type p { margin: 6% 0px 6% 43%; }
#markers-page .factory-grid div:first-of-type span, #markers-page .factory-grid div:first-of-type .span { left: 42%; bottom: -3%; z-index: 2; }
#markers-page .factory-grid div:first-of-type img { width: 100%; }
#markers-page .factory-grid div:first-of-type img:nth-of-type(2) { width: 80%; margin-top: 2%; margin-left: 20%; }
#markers-page .factory-grid div:last-of-type { padding-left: 1%; }
#markers-page .factory-grid div:last-of-type span, #markers-page .factory-grid div:last-of-type .span { top: 2%; left: -9%; }
#markers-page .factory-grid div:last-of-type p { margin-top: 27%; width: 60%; }
#markers-page .factory-grid div:last-of-type img:first-of-type { width: 80%; margin-top: 5%; margin-bottom: 2%; }
#markers-page .factory-grid div:last-of-type img:nth-of-type(2) { width: 100%; }
#markers-page .art-note { margin-bottom: 0px; padding: 0px 17%; }
#markers-page .artisans { position: relative; margin-top: 0%; }
#markers-page .artisans img { width: 100%; }
#markers-page .artisans h4 { margin-bottom: 3%; font-size: 1.8em; color: #FFF; border-bottom: solid 1px #fff; }
#markers-page .artisans span, #markers-page .artisans .span { position: absolute; display: block; bottom: 9%; left: 7%; }
#markers-page .artisans-grid { margin: 5% 8%; }
#markers-page .artisans-grid div { width: 50%; float: left; position: relative; }
#markers-page .artisans-grid div h4 { margin-bottom: 6%; font-size: 1.8em; }
#markers-page .artisans-grid div span, #markers-page .artisans-grid div .span { position: absolute; display: block; }
#markers-page .artisans-grid div:first-of-type { padding-bottom: 8%; }
#markers-page .artisans-grid div:first-of-type p { margin: 6% 0px 6% 43%; }
#markers-page .artisans-grid div:first-of-type span, #markers-page .artisans-grid div:first-of-type .span { right: -21%; bottom: 0px; z-index: 2; }
#markers-page .artisans-grid div:first-of-type img { width: 100%; }
#markers-page .artisans-grid div:first-of-type img:nth-of-type(2) { width: 80%; margin-top: 2%; margin-left: 20%; }
#markers-page .artisans-grid div:first-of-type i { margin-top: 5%; font-size: 1.0em; }
#markers-page .artisans-grid div:last-of-type { padding-left: 1%; }
#markers-page .artisans-grid div:last-of-type span, #markers-page .artisans-grid div:last-of-type .span { top: 2%; left: -9%; }
#markers-page .artisans-grid div:last-of-type p { margin-top: 16%; width: 56%; }
#markers-page .artisans-grid div:last-of-type img:first-of-type { width: 80%; margin-top: 5%; margin-bottom: 2%; }
#markers-page .artisans-grid div:last-of-type img:nth-of-type(2) { width: 100%; }
#markers-page .crafts-grid { margin: 5% 8%; }
#markers-page .crafts-grid .show-mobile { display: none; }
#markers-page .crafts-grid div { width: 50%; float: left; position: relative; }
#markers-page .crafts-grid div h4 { margin-bottom: 3%; font-size: 1.8em; }
#markers-page .crafts-grid div span, #markers-page .crafts-grid div .span { position: absolute; display: block; }
#markers-page .crafts-grid div:first-of-type { padding-bottom: 8%; }
#markers-page .crafts-grid div:first-of-type p { margin: 22% 0px 6% 40%; }
#markers-page .crafts-grid div:first-of-type span, #markers-page .crafts-grid div:first-of-type .span { right: -10%; top: 6%; z-index: 2; }
#markers-page .crafts-grid div:first-of-type img { width: 100%; }
#markers-page .crafts-grid div:first-of-type img:nth-of-type(2) { width: 80%; margin-top: 2%; margin-left: 20%; }
#markers-page .crafts-grid div:last-of-type { padding-left: 1%; }
#markers-page .crafts-grid div:last-of-type span, #markers-page .crafts-grid div:last-of-type .span { top: 2%; left: -9%; }
#markers-page .crafts-grid div:last-of-type p { margin-top: 15%; width: 100%; }
#markers-page .crafts-grid div:last-of-type img:first-of-type { width: 100%; margin-top: 5%; margin-bottom: 2%; }
#markers-page .crafts-grid div:last-of-type img:nth-of-type(2) { width: 70%; }
#markers-page section { /*display:none;
&:nth-child(7) { display:block; }
&:nth-child(-n+6) { display:none; } */ }

#artisans-page { padding: 0px; }
#artisans-page:after, #artisans-page section:after { display: block; width: 1px; height: 1px; content: " "; font-size: 1px; clear: both; }
#artisans-page p { font-size: 1em; line-height: 1.6; letter-spacing: 1px; color: #423f3f; font-family: "BrandonGrotesqueWeb-Regular"; font-weight: normal; font-style: normal; margin-bottom: 4%; }
#artisans-page .link { text-align: center; margin-top: 5em; font-size: 1em; line-height: 1.6; letter-spacing: 1px; color: #423f3f; font-family: "BrandonGrotesqueWeb-Regular"; font-weight: normal; font-style: normal; text-decoration: none; font-size: 1.1em; text-transform: uppercase; white-space: nowrap; }
#artisans-page .link a { text-decoration: underline; font-size: 1em; line-height: 1.6; letter-spacing: 1px; color: #423f3f; font-family: "BrandonGrotesqueWeb-Regular"; font-weight: normal; font-style: normal; font-size: 1em; display: inline; }
#artisans-page .footer-link a { display: block; margin-top: 3em; width: 100%; position: relative; }
#artisans-page .footer-link a img { display: block; width: 100%; }
#artisans-page .footer-link a div { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; }
#artisans-page .footer-link a div span { color: #fff; font-family: "BrandonGrotesqueWeb-Bold"; font-size: 1.7em; padding-top: 3em; opacity: 1; transition: opacity 1s; text-align: center; }
#artisans-page .footer-link a div img { width: 5em; transition: opacity 1s; position: absolute; opacity: 0; transform: translateY(-1em); }
#artisans-page .footer-link a:hover div img { opacity: 1; }
#artisans-page .footer-link a:hover div span { opacity: 0; }
#artisans-page .text-item { display: none; margin: 0; }
#artisans-page .text-item.desktop { display: block; }
#artisans-page .text-item div { display: block; }
#artisans-page .image-item { display: none; margin: 0; }
#artisans-page .image-item.desktop { display: block; }
#artisans-page .image-item div { display: block; position: relative; }
#artisans-page .image-item div img { display: block; width: 100%; }
#artisans-page .image-item div .text-container { position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: flex; }
#artisans-page .intro { width: 100%; position: relative; }
#artisans-page .intro img { display: block; width: 100%; }
#artisans-page .intro h1, #artisans-page .intro p { position: absolute; display: block; top: 50%; left: 50%; transform: translate(-50%, -50%); margin: 0px; color: #fff; }
#artisans-page .intro h1 { font-size: 2em; line-height: 1; letter-spacing: 0.01em; color: #000; font-family: "Volta-Reg"; font-weight: normal; font-style: normal; font-size: 3em; color: #fff; white-space: nowrap; }
#artisans-page .intro p { font-size: 1.5em; text-align: center; }
#artisans-page .intro .desktop { display: block; }
#artisans-page .intro .mobile { display: none; }
#artisans-page .note { width: 60%; margin: 1em auto 3em auto; }
#artisans-page .note p { text-align: center; font-size: 1.2em; width: 78%; margin: 0 auto 2.5em auto; padding-top: 2em; margin-bottom: 0; }
#artisans-page .note img { display: block; width: 100%; }
#artisans-page .video { width: 60%; margin: 0 auto 4em auto; }
#artisans-page .video figure { display: block; width: 100%; margin: 0px; padding-bottom: 56%; position: relative; }
#artisans-page .video figure iframe { width: 100%; position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; height: 100%; }
#artisans-page .image-grid-3 { margin: 0 auto 3em auto; width: 60%; }
#artisans-page .image-grid-3 img { display: inline-block; vertical-align: bottom; }
#artisans-page .image-grid-3 img:nth-of-type(1) { width: 59%; margin-right: 1%; }
#artisans-page .image-grid-3 img:nth-of-type(2) { width: 40%; }
#artisans-page .image-grid-3 img:nth-of-type(3) { width: 67%; display: block; margin: 1% auto 0 auto; }
#artisans-page .image-grid-4 { margin: 0 auto; width: 73%; }
#artisans-page .image-grid-4 div { float: left; width: 50%; }
#artisans-page .image-grid-4 img { display: inline-block; vertical-align: top; width: 100%; margin-bottom: 1.5%; }
#artisans-page .image-grid-4 div:first-of-type { width: 50%; margin-right: 0.7%; padding-top: 2%; text-align: right; }
#artisans-page .image-grid-4 div:first-of-type img:last-of-type { width: 66%; }
#artisans-page .image-grid-4 div:last-of-type { width: 49%; text-align: left; }
#artisans-page .image-grid-4 div:last-of-type img:first-of-type { width: 69%; }
#artisans-page .geo { width: 55%; margin: 0 auto 1em auto; }
#artisans-page .geo:after, #artisans-page .geo section:after { display: block; width: 1px; height: 1px; content: "x"; font-size: 1px; clear: both; }
#artisans-page .geo h5 { text-align: left; line-height: 1.5; margin: 2em 0 2em 4em; text-decoration: underline; }
#artisans-page .geo div { width: 55%; float: left; }
#artisans-page .geo div:last-of-type { width: 45%; }
#artisans-page .geo div:last-of-type h5 { margin-left: 0; }
#artisans-page .geo img { width: 75%; margin-left: 14%; }
#artisans-page .geo p { margin-top: 0px; }
#artisans-page .geo.side-text { margin-bottom: 2em; }
#artisans-page .geo.side-text span { display: block; margin: 3em 0; padding: 0 9%; text-align: justify; line-height: 2; }
#artisans-page .geo.side-text div { width: 44%; }
#artisans-page .geo.side-text div:last-of-type { width: 48%; line-height: 2; }
#artisans-page .geo.side-text h5 { margin-left: 36%; }
#artisans-page .big-image { width: 100%; position: relative; margin-bottom: 4em; }
#artisans-page .big-image img { display: block; width: 100%; margin: 0 auto; }
#artisans-page .big-image h2 { width: 47%; font-size: 1em; line-height: 1.6; letter-spacing: 1px; color: #423f3f; font-family: "BrandonGrotesqueWeb-Regular"; font-weight: normal; font-style: normal; font-size: 1.5em; text-align: center; text-transform: none; color: #fff; position: absolute; display: block; top: 57%; left: 50%; transform: translate(-50%, -50%); margin: 0px; color: #fff; }
#artisans-page .big-image .desktop { display: block; }
#artisans-page .big-image .mobile { display: none; }
#artisans-page .split-image { margin: 0 auto; width: 90%; display: block; }
#artisans-page .split-image img { float: left; width: 49%; }
#artisans-page .split-image img:first-of-type { margin-right: 0.5%; }
#artisans-page .promo { width: 43%; margin: 0 auto 3em auto; }
#artisans-page .promo:after, #artisans-page .promo section:after { display: block; width: 1px; height: 1px; content: "x"; font-size: 1px; clear: both; }
#artisans-page .promo div { width: 45%; margin-left: 10%; margin-right: 0; float: left; padding-top: 3em; }
#artisans-page .promo p { font-size: 1.2em; }
#artisans-page .promo img { float: left; width: 39%; }
#artisans-page .hide-on-mobile { display: block; }
#artisans-page .hide-on-desktop { display: none; }

#impactreport-page { padding: 0px; }
#impactreport-page:after, #impactreport-page section:after { display: block; width: 1px; height: 1px; content: " "; font-size: 1px; clear: both; }
#impactreport-page p { font-size: 1em; line-height: 1.6; letter-spacing: 1px; color: #423f3f; font-family: "BrandonGrotesqueWeb-Regular"; font-weight: normal; font-style: normal; margin-bottom: 4%; }
#impactreport-page .mobile { display: none; }
#impactreport-page .desktop { display: block; }
#impactreport-page .intro { width: 100%; position: relative; }
#impactreport-page .intro img { width: 100%; }
#impactreport-page .intro div { position: absolute; display: block; top: 50%; left: 50%; transform: translate(-50%, -50%); margin: 0; }
#impactreport-page .intro h1 { font-size: 2em; line-height: 1; letter-spacing: 0.01em; color: #000; font-family: "Volta-Reg"; font-weight: normal; font-style: normal; font-size: 3em; color: #fff; width: 100%; text-align: center; white-space: nowrap; color: #fff; }
#impactreport-page .intro h3 { font-size: 1.8em; line-height: 1.0; text-align: center; color: #fff; width: 100%; font-family: "BrandonGrotesqueWeb-Medium"; text-decoration: none; }
#impactreport-page .intro p { font-size: 1.5em; line-height: 1.0; text-align: center; color: #fff; width: 100%; }
#impactreport-page .text-item { display: none; margin: 0; }
#impactreport-page .text-item.desktop { display: block; }
#impactreport-page .text-item div { display: block; }
#impactreport-page .image-item { display: none; margin: 0; }
#impactreport-page .image-item.desktop { display: block; }
#impactreport-page .image-item div { display: block; position: relative; }
#impactreport-page .image-item div img { display: block; width: 100%; }
#impactreport-page .image-item div .text-container { position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: flex; }
#impactreport-page .bar div div { padding-top: 5%; background-color: #423f3f; }
#impactreport-page .side-image { width: 45%; margin: 1em auto 4em auto; display: flex; justify-content: space-between; }
#impactreport-page .side-image:after { display: none; }
#impactreport-page .side-image .image { flex: 0 0 48%; }
#impactreport-page .side-image .image img { display: block; width: 100%; }
#impactreport-page .side-image .text-container { flex: 0 0 45%; display: flex; }
#impactreport-page .side-image .text-container .text { align-self: center; }
#impactreport-page .side-image .text-container .text h3 { text-decoration: none; font-family: "BrandonGrotesqueWeb-Medium"; font-size: 4em; line-height: 1; padding: 0; margin: 0; }
#impactreport-page .side-image .text-container .text p { padding: 0; margin: 0; }

.eco-signup { margin: 4em auto 0 auto; width: 100%; text-align: center; background-color: #fee6e4; display: flex; justify-content: center; }
.eco-signup img { display: block; height: 22em; margin-right: 1em; }
.eco-signup p { display: block; padding: 0; text-align: center; }
.eco-signup h5 { margin-top: 0; }
.eco-signup .form { width: 32em; margin-left: 1em; align-self: center; }
.eco-signup .content-page { font-size: 1vw; }
.eco-signup .content-page label { display: block; text-align: left; font-size: 0.9em; width: 100%; }
.eco-signup .content-page input[type="text"] { width: 100%; display: block; font-size: 1em; margin: 0.4em 0 1.5em 0; height: 2.3em; }
.eco-signup .content-page input[type="text"]::-webkit-input-placeholder { font-size: 0.8em; }
.eco-signup .content-page input[type="text"]:-moz-placeholder { font-size: 0.8em; }
.eco-signup .content-page input[type="text"]::-moz-placeholder { font-size: 0.8em; }
.eco-signup .content-page input[type="text"]:-ms-input-placeholder { font-size: 0.8em; }
.eco-signup .content-page input[type="submit"] { font-size: 1em; height: 3em; }

#commitment-page { padding: 0px; }
#commitment-page:after, #commitment-page section:after { display: block; width: 1px; height: 1px; content: " "; font-size: 1px; clear: both; }
#commitment-page p { font-size: 1em; line-height: 1.6; letter-spacing: 1px; color: #423f3f; font-family: "BrandonGrotesqueWeb-Regular"; font-weight: normal; font-style: normal; margin-bottom: 4%; }
#commitment-page .intro { width: 100%; position: relative; }
#commitment-page .intro img { width: 100%; }
#commitment-page .intro h1, #commitment-page .intro p { position: absolute; display: block; top: 50%; left: 50%; transform: translate(-50%, -50%); margin: 0px; color: #fff; }
#commitment-page .intro h1 { font-size: 2em; line-height: 1; letter-spacing: 0.01em; color: #000; font-family: "Volta-Reg"; font-weight: normal; font-style: normal; font-size: 3em; color: #fff; white-space: nowrap; }
#commitment-page .intro p { font-size: 1.5em; text-align: center; }
#commitment-page .side-image { width: 45%; margin: 5% auto 4em auto; }
#commitment-page .side-image:after { display: block; width: 1px; height: 1px; content: " "; font-size: 1px; clear: both; }
#commitment-page .side-image h3 { text-decoration: underline; padding-top: 4%; font-family: "BrandonGrotesqueWeb-Regular"; padding-top: 3em; }
#commitment-page .side-image img { float: left; width: 50%; margin-right: 3%; }
#commitment-page .footer-link a { display: block; margin-top: 3em; width: 100%; position: relative; }
#commitment-page .footer-link a img { display: block; width: 100%; }
#commitment-page .footer-link a div { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; }
#commitment-page .footer-link a div span { color: #fff; font-family: "BrandonGrotesqueWeb-Bold"; font-size: 1.7em; padding-top: 3em; opacity: 1; transition: opacity 1s; text-align: center; }
#commitment-page .footer-link a div img { width: 5em; transition: opacity 1s; position: absolute; opacity: 0; transform: translateY(-1em); }
#commitment-page .footer-link a:hover div img { opacity: 1; }
#commitment-page .footer-link a:hover div span { opacity: 0; }
#commitment-page .text-item { display: none; margin: 0; }
#commitment-page .text-item.desktop { display: block; }
#commitment-page .text-item div { display: block; }
#commitment-page .image-item { display: none; margin: 0; }
#commitment-page .image-item.desktop { display: block; }
#commitment-page .image-item div { display: block; position: relative; }
#commitment-page .image-item div img { display: block; width: 100%; }
#commitment-page .image-item div .text-container { position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: flex; }
#commitment-page .link { text-align: center; margin-top: 5em; font-size: 1em; line-height: 1.6; letter-spacing: 1px; color: #423f3f; font-family: "BrandonGrotesqueWeb-Regular"; font-weight: normal; font-style: normal; text-decoration: none; font-size: 1.1em; text-transform: uppercase; white-space: nowrap; }
#commitment-page .link a { text-decoration: underline; font-size: 1em; line-height: 1.6; letter-spacing: 1px; color: #423f3f; font-family: "BrandonGrotesqueWeb-Regular"; font-weight: normal; font-style: normal; font-size: 1em; display: inline; }
#commitment-page .note { padding: 2% 28% 4% 28%; }
#commitment-page .note p { text-align: justify; }
#commitment-page .note h5 { text-align: left; margin-left: 0; }
#commitment-page .note i { text-align: right; font-size: 1.7em; }
#commitment-page .note img { display: block; margin: 6% auto 0px auto; width: 100%; }
#commitment-page .heading { padding: 2% 28% 3% 28%; }
#commitment-page .heading h5 { text-align: center; text-transform: none; font-size: 1.3em; padding: 0 18%; line-height: 1.4; margin-top: 7%; margin-bottom: 7%; }
#commitment-page .heading p { text-align: center; margin-top: 5%; }
#commitment-page .heading img { display: block; margin: 6% auto 0 auto; width: 100%; }
#commitment-page .banner { position: relative; padding-top: 19%; background-color: #fee6e4; }
#commitment-page .banner div { position: absolute; display: block; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; text-align: center; margin: 0px; }
#commitment-page .banner h1 { text-align: center; font-size: 2em; line-height: 1; letter-spacing: 0.01em; color: #000; font-family: "Volta-Reg"; font-weight: normal; font-style: normal; margin: 0px; white-space: nowrap; }
#commitment-page .banner p { font-size: 0.85em; line-height: 1.6; letter-spacing: 1px; color: #423f3f; font-family: "BrandonGrotesqueWeb-Light"; font-weight: normal; font-style: normal; padding: 0; text-transform: uppercase; margin: 3em auto 0 auto; width: 32%; }
#commitment-page .banner.commitment-banner p { margin-top: 1.5em; }
#commitment-page .impact { margin-top: 3em; }
#commitment-page .change { background-image: url("Icons_Commitment-0.svg"); background-repeat: no-repeat; background-size: 7.3em; background-position: 58% 26%; }
#commitment-page .change div { margin: 0 auto; display: table; }
#commitment-page .change div p:first-of-type { font-size: 0.85em; margin-top: 8em; width: 19em; }
#commitment-page .change div p:last-of-type { font-size: 1.4em; margin-bottom: 3em; letter-spacing: 0.1em; line-height: 1.3; width: 15em; }
#commitment-page .commitment p { text-align: center; width: 100%; }
#commitment-page .commitment .blurb { margin: 4em auto 0 auto; width: 46%; }
#commitment-page .commitment .grid { display: flex; flex-wrap: wrap; width: 60%; margin: 0 auto; }
#commitment-page .commitment .grid div { flex: 0 1 50%; margin-bottom: 4em; cursor: pointer; position: relative; }
#commitment-page .commitment .grid div img { width: 20%; margin: 0 auto; display: table; }
#commitment-page .commitment .grid div p { font-size: 0.7em; margin: 0; text-transform: uppercase; }
#commitment-page .commitment .grid div span { display: none; font-size: 1em; line-height: 1.6; letter-spacing: 1px; color: #423f3f; font-family: "BrandonGrotesqueWeb-Regular"; font-weight: normal; font-style: normal; font-size: 0.9em; box-shadow: 2px 2px 13px 0px rgba(0, 0, 0, 0.1); position: absolute; left: 0; top: 100%; z-index: 1; width: 100%; background-color: #fff; box-sizing: border-box; padding: 1.5em; }
#commitment-page .commitment .grid div:hover span { display: block; }
#commitment-page .commitment .icons { display: flex; justify-content: center; margin: 2% 0; }
#commitment-page .commitment .icons div { position: relative; width: 13%; }
#commitment-page .commitment .icons div img { width: 7em; display: block; }
#commitment-page .desktop { display: block; }
#commitment-page .mobile { display: none; }

#walk-lighter-page { padding: 0px; }
#walk-lighter-page:after, #walk-lighter-page section:after { display: block; width: 1px; height: 1px; content: " "; font-size: 1px; clear: both; }
#walk-lighter-page p { font-size: 1em; line-height: 1.6; letter-spacing: 1px; color: #423f3f; font-family: "BrandonGrotesqueWeb-Regular"; font-weight: normal; font-style: normal; margin-bottom: 4%; }
#walk-lighter-page .desktop { display: block; }
#walk-lighter-page .mobile { display: none; }
#walk-lighter-page .intro { width: 100%; position: relative; }
#walk-lighter-page .intro img { width: 100%; }
#walk-lighter-page .intro div { position: absolute; display: block; top: 50%; left: 50%; transform: translate(-50%, -50%); margin: 0; }
#walk-lighter-page .intro h1 { font-size: 2em; line-height: 1; letter-spacing: 0.01em; color: #000; font-family: "Volta-Reg"; font-weight: normal; font-style: normal; font-size: 3em; color: #fff; text-align: center; white-space: nowrap; color: #fff; }
#walk-lighter-page .intro p { font-size: 1.5em; text-align: center; color: #fff; }
#walk-lighter-page .text-item { display: none; margin: 0; }
#walk-lighter-page .text-item.desktop { display: block; }
#walk-lighter-page .text-item div { display: block; }
#walk-lighter-page .image-item { display: none; margin: 0; }
#walk-lighter-page .image-item.desktop { display: block; }
#walk-lighter-page .image-item div { display: block; position: relative; }
#walk-lighter-page .image-item div img { display: block; width: 100%; }
#walk-lighter-page .image-item div .text-container { position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: flex; }
#walk-lighter-page .icon-section { padding: 4% 19%; }
#walk-lighter-page .icon-section h1 { font-size: 2em; line-height: 1; letter-spacing: 0.01em; color: #000; font-family: "Volta-Reg"; font-weight: normal; font-style: normal; text-decoration: underline; text-align: center; width: 100%; margin-bottom: 10%; }
#walk-lighter-page .icon-section .row { width: 100%; display: flex; justify-content: space-between; flex-wrap: wrap; }
#walk-lighter-page .icon-section .row div { width: 30%; position: relative; cursor: pointer; margin-bottom: 7%; }
#walk-lighter-page .icon-section .row div img { width: 42%; margin-left: 29%; }
#walk-lighter-page .icon-section .row div h5 { margin-top: 10%; font-size: 1em; line-height: 1.4; text-transform: none; }
#walk-lighter-page .icon-section .row div p { display: none; position: absolute; bottom: 15%; left: 50%; transform: translate(-50%, 100%); background-color: #fff; padding: 10%; z-index: 2; width: 150%; text-align: left; border-radius: 2%; box-shadow: 3px 3px 15px rgba(0, 0, 0, 0.2); }
#walk-lighter-page .icon-section .row div span { display: block; font-size: 0.7em; margin-bottom: 1.3em; }
#walk-lighter-page .icon-section .row div:hover p { display: block; }
#walk-lighter-page .link { text-align: center; margin-top: 5em; font-size: 1em; line-height: 1.6; letter-spacing: 1px; color: #423f3f; font-family: "BrandonGrotesqueWeb-Regular"; font-weight: normal; font-style: normal; text-decoration: none; font-size: 1.1em; text-transform: uppercase; white-space: nowrap; }
#walk-lighter-page .link a { text-decoration: underline; font-size: 1em; line-height: 1.6; letter-spacing: 1px; color: #423f3f; font-family: "BrandonGrotesqueWeb-Regular"; font-weight: normal; font-style: normal; font-size: 1em; display: inline; }
#walk-lighter-page .footer-link a { display: block; margin-top: 3em; width: 100%; position: relative; }
#walk-lighter-page .footer-link a img { display: block; width: 100%; }
#walk-lighter-page .footer-link a div { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; }
#walk-lighter-page .footer-link a div span { color: #fff; font-family: "BrandonGrotesqueWeb-Bold"; font-size: 1.7em; padding-top: 3em; opacity: 1; transition: opacity 1s; text-align: center; }
#walk-lighter-page .footer-link a div img { width: 5em; transition: opacity 1s; position: absolute; transform: translateY(-1em); opacity: 0; }
#walk-lighter-page .footer-link a:hover div img { opacity: 1; }
#walk-lighter-page .footer-link a:hover div span { opacity: 0; }
#walk-lighter-page .note { padding: 2% 28% 0 28%; }
#walk-lighter-page .note p { text-align: center; margin-left: auto; margin-right: auto; margin-bottom: 0; }
#walk-lighter-page .note i { text-align: right; font-size: 1.7em; }
#walk-lighter-page .note h5 { margin-bottom: 2%; line-height: 1.8em; }
#walk-lighter-page .note img { display: block; margin: 0 auto; width: 14%; }
#walk-lighter-page .note.extra-padding { margin: 3em auto; display: none; }
#walk-lighter-page .mid-image { display: block; width: 40%; margin: 4em auto 9% auto; }
#walk-lighter-page .side-image { padding: 0 25%; margin: 5% auto 0 auto; position: relative; }
#walk-lighter-page .side-image:after { display: block; width: 1px; height: 1px; content: " "; font-size: 1px; clear: both; }
#walk-lighter-page .side-image div { float: left; width: 40%; }
#walk-lighter-page .side-image div img { display: block; width: 35%; margin-left: 20%; }
#walk-lighter-page .side-image h5 { text-align: left; padding-top: 4%; line-height: 1.6; margin: 0 0 9% 0; }
#walk-lighter-page .side-image .image { float: left; width: 50%; margin-left: 3%; }
#walk-lighter-page .side-image span { position: absolute; left: 0; bottom: -8%; width: 100%; padding-top: 17%; background-color: #fee6e4; z-index: -1; }
#walk-lighter-page .clean-green { padding: 0 29% 0 29%; margin: 5% auto 0 auto; position: relative; }
#walk-lighter-page .clean-green:after { display: block; width: 1px; height: 1px; content: " "; font-size: 1px; clear: both; }
#walk-lighter-page .clean-green div { float: left; width: 40%; }
#walk-lighter-page .clean-green h5 { text-align: left; padding-top: 4%; line-height: 1.2; margin: 9% 0 5% 0; border-bottom: solid 1px #999; }
#walk-lighter-page .clean-green h5:last-of-type { margin-top: 19%; }
#walk-lighter-page .clean-green .image { float: left; width: 50%; margin-right: 3%; }
#walk-lighter-page .clean-green span { position: absolute; left: 0; bottom: 0; width: 100%; padding-top: 15%; background-color: #fee6e4; z-index: -1; }
#walk-lighter-page .packaging { padding: 0 26%; margin: 5% auto 0 auto; }
#walk-lighter-page .packaging:after { display: block; width: 1px; height: 1px; content: " "; font-size: 1px; clear: both; }
#walk-lighter-page .packaging h1 { font-size: 2em; line-height: 1; letter-spacing: 0.01em; color: #000; font-family: "Volta-Reg"; font-weight: normal; font-style: normal; text-align: center; }
#walk-lighter-page .packaging div { float: left; width: 40%; }
#walk-lighter-page .packaging p { margin-top: 17%; }
#walk-lighter-page .packaging .image { float: left; width: 57%; margin-right: 3%; }
#walk-lighter-page .packaging-image { position: relative; margin-top: 4%; /*
p:nth-of-type(1){top:0; left:24%;}
p:nth-of-type(2){top:-4%; left:75%;}
p:nth-of-type(3){top:100%; left:54%;}
*/ }
#walk-lighter-page .packaging-image img { width: 100%; }
#walk-lighter-page .packaging-image p { position: absolute; transform: translate(-50%, -50%); z-index: 2; }
#walk-lighter-page .packaging-image p:nth-of-type(1) { top: -4%; left: 18%; }
#walk-lighter-page .packaging-image p:nth-of-type(2) { top: -3%; left: 71%; }
#walk-lighter-page .packaging-image p:nth-of-type(3) { top: 3%; left: 57%; }
#walk-lighter-page .footer-image { position: relative; width: 26%; margin: 4em auto 0 auto; }
#walk-lighter-page .footer-image img { width: 100%; }
#walk-lighter-page .footer-image div { position: absolute; display: block; top: 50%; left: 50%; transform: translate(-50%, -50%); margin: 0; }
#walk-lighter-page .footer-image p { font-size: 1.5em; text-align: center; color: #fff; }
#walk-lighter-page .image-grid { display: flex; justify-content: space-between; width: 80%; margin: 1em auto 0 auto; }
#walk-lighter-page .image-grid div { margin: 0.2%; flex: 1; }
#walk-lighter-page .image-grid img { width: 100%; }
#walk-lighter-page .small-heading h5 { font-size: 1.2em; border-bottom: solid 1px #999; margin: 3em auto 0 auto; }
#walk-lighter-page .stats { text-align: center; margin-top: 3em; }
#walk-lighter-page .stats div { display: inline-block; }
#walk-lighter-page .stats div h5 { text-transform: uppercase; position: relative; margin: 0; display: inline-block; font-family: "BrandonGrotesqueWeb-Bold"; font-size: 2.5em; }
#walk-lighter-page .stats div h5:after { content: " "; z-index: -1; background-color: #fee6e4; display: block; position: absolute; top: 16%; left: 0; width: 180%; height: 100%; }
#walk-lighter-page .stats div p { text-transform: uppercase; margin: 0; display: inline-block; font-family: "BrandonGrotesqueWeb-Bold"; }
#walk-lighter-page .stats.lighter div h5:after { background-color: #f9eee9; }
#walk-lighter-page .blog-slider { width: 70%; margin: 3em auto 4rem auto; }
#walk-lighter-page .blog-slider h1 { font-size: 2em; line-height: 1; letter-spacing: 0.01em; color: #000; font-family: "Volta-Reg"; font-weight: normal; font-style: normal; text-align: center; margin-bottom: 0.2em; }
#walk-lighter-page .blog-slider h5 { margin-top: 0; margin-bottom: 3%; }
#walk-lighter-page .blog-slider .slider { width: 100%; position: relative; }
#walk-lighter-page .blog-slider .slider .slide { width: 100%; padding-top: 44%; position: relative; overflow: hidden; }
#walk-lighter-page .blog-slider .slider .slide .slides { top: 0; left: 0; width: 100%; height: 100%; display: flex; flex-wrap: no-wrap; z-index: 2; position: absolute; transition: transform 1s; }
#walk-lighter-page .blog-slider .slider .slide .slides div { width: 100%; height: 100%; flex: 0 0 100%; background-size: cover; }
#walk-lighter-page .blog-slider .slider .slide .slides div h5 { color: #fff; text-align: center; width: 100%; font-size: 1.5em; margin: 31% 0 3% 0; font-family: 'BulmerMTStd-Regular'; font-size: 1.6em; }
#walk-lighter-page .blog-slider .slider .slide .slides div a { display: table; color: #fff; border: solid 1px #fff; padding: 0.5em 2em; margin: 0 auto; font-family: 'BrandonGrotesqueWeb-Bold'; text-transform: uppercase; letter-spacing: 0.2em; }
#walk-lighter-page .blog-slider .slider .pagination { text-align: center; display: block; width: 100%; margin-top: 10px; }
#walk-lighter-page .blog-slider .slider .pagination label { display: inline-block; width: 8px; height: 8px; border: solid 1px #000; border-radius: 50%; margin: 0 3px; cursor: pointer; }
#walk-lighter-page .blog-slider .slider .navigation a { position: absolute; top: calc(50%); transform: translateY(-50%); left: -0.8em; z-index: 4; font-size: 4em; cursor: pointer; }
#walk-lighter-page .blog-slider .slider .navigation a:last-of-type { left: auto; right: -0.8em; }
#walk-lighter-page .blog-slider .slider input { display: none; }
#walk-lighter-page .blog-slider .slider input:checked + label { background-color: #000; }
#walk-lighter-page .blog-slider .slider input:nth-of-type(1):checked ~ .slide .slides { transform: translate3d(0%, 0, 0); }
#walk-lighter-page .blog-slider .slider input:nth-of-type(1):checked ~ .pagination label:nth-of-type(1) { background-color: #000; }
#walk-lighter-page .blog-slider .slider input:nth-of-type(2):checked ~ .slide .slides { transform: translate3d(-100%, 0, 0); }
#walk-lighter-page .blog-slider .slider input:nth-of-type(2):checked ~ .pagination label:nth-of-type(2) { background-color: #000; }
#walk-lighter-page .blog-slider .slider input:nth-of-type(3):checked ~ .slide .slides { transform: translate3d(-200%, 0, 0); }
#walk-lighter-page .blog-slider .slider input:nth-of-type(3):checked ~ .pagination label:nth-of-type(3) { background-color: #000; }
#walk-lighter-page .blog-slider .slider input:nth-of-type(4):checked ~ .slide .slides { transform: translate3d(-300%, 0, 0); }
#walk-lighter-page .blog-slider .slider input:nth-of-type(4):checked ~ .pagination label:nth-of-type(4) { background-color: #000; }
#walk-lighter-page .blog-slider .slider input:nth-of-type(5):checked ~ .slide .slides { transform: translate3d(-400%, 0, 0); }
#walk-lighter-page .blog-slider .slider input:nth-of-type(5):checked ~ .pagination label:nth-of-type(5) { background-color: #000; }
#walk-lighter-page .blog-slider .slider input:nth-of-type(6):checked ~ .slide .slides { transform: translate3d(-500%, 0, 0); }
#walk-lighter-page .blog-slider .slider input:nth-of-type(6):checked ~ .pagination label:nth-of-type(6) { background-color: #000; }
#walk-lighter-page .blog-slider .slider input:nth-of-type(7):checked ~ .slide .slides { transform: translate3d(-600%, 0, 0); }
#walk-lighter-page .blog-slider .slider input:nth-of-type(7):checked ~ .pagination label:nth-of-type(7) { background-color: #000; }
#walk-lighter-page .blog-slider .slider input:nth-of-type(8):checked ~ .slide .slides { transform: translate3d(-700%, 0, 0); }
#walk-lighter-page .blog-slider .slider input:nth-of-type(8):checked ~ .pagination label:nth-of-type(8) { background-color: #000; }

#sustainable-fabrics { padding: 0px; }
#sustainable-fabrics:after, #sustainable-fabrics section:after { display: block; width: 1px; height: 1px; content: " "; font-size: 1px; clear: both; }
#sustainable-fabrics p { font-size: 1em; line-height: 1.6; letter-spacing: 1px; color: #423f3f; font-family: "BrandonGrotesqueWeb-Regular"; font-weight: normal; font-style: normal; margin-bottom: 4%; }
#sustainable-fabrics h3 { font-size: 1em; line-height: 1.6; letter-spacing: 1px; color: #423f3f; font-family: "BrandonGrotesqueWeb-Regular"; font-weight: normal; font-style: normal; text-decoration: none; font-size: 1.3em; text-transform: uppercase; white-space: nowrap; }
#sustainable-fabrics .intro { width: 54%; margin: 4% auto 0 auto; }
#sustainable-fabrics .intro h1 { font-size: 2em; line-height: 1; letter-spacing: 0.01em; color: #000; font-family: "Volta-Reg"; font-weight: normal; font-style: normal; font-size: 2.8em; color: #423f3f; white-space: nowrap; text-align: center; }
#sustainable-fabrics .intro p { text-align: center; margin-top: 5%; }
#sustainable-fabrics .footer-link a { display: block; margin-top: 3em; width: 100%; position: relative; }
#sustainable-fabrics .footer-link a img { display: block; width: 100%; }
#sustainable-fabrics .footer-link a div { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; }
#sustainable-fabrics .footer-link a div span { color: #fff; font-family: "BrandonGrotesqueWeb-Bold"; font-size: 1.7em; padding-top: 3em; opacity: 1; transition: opacity 1s; text-align: center; }
#sustainable-fabrics .footer-link a div img { width: 5em; transition: opacity 1s; position: absolute; opacity: 0; transform: translateY(-1em); }
#sustainable-fabrics .footer-link a:hover div img { opacity: 1; }
#sustainable-fabrics .footer-link a:hover div span { opacity: 0; }
#sustainable-fabrics .text-item { display: none; margin: 0; }
#sustainable-fabrics .text-item.desktop { display: block; }
#sustainable-fabrics .text-item div { display: block; }
#sustainable-fabrics .image-item { display: none; margin: 0; }
#sustainable-fabrics .image-item.desktop { display: block; }
#sustainable-fabrics .image-item div { display: block; position: relative; }
#sustainable-fabrics .image-item div img { display: block; width: 100%; }
#sustainable-fabrics .image-item div .text-container { position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: flex; }
#sustainable-fabrics .heading-title { width: 100%; position: relative; }
#sustainable-fabrics .heading-title img { display: block; width: 100%; }
#sustainable-fabrics .heading-title h1, #sustainable-fabrics .heading-title p { position: absolute; display: block; top: 50%; left: 50%; transform: translate(-50%, -50%); margin: 0px; color: #fff; }
#sustainable-fabrics .heading-title h1 { font-size: 2em; line-height: 1; letter-spacing: 0.01em; color: #000; font-family: "Volta-Reg"; font-weight: normal; font-style: normal; font-size: 3em; color: #fff; white-space: nowrap; }
#sustainable-fabrics .heading-title p { font-size: 1.5em; text-align: center; }
#sustainable-fabrics .small-image { width: 100%; position: relative; margin: 1em 0 5% 0; }
#sustainable-fabrics .small-image img { display: block; width: 50%; margin: 0 auto; }
#sustainable-fabrics .big-image { width: 100%; position: relative; margin: 5% 0 0 0; }
#sustainable-fabrics .big-image img { display: block; width: 100%; margin: 0 auto; }
#sustainable-fabrics .big-image h2 { font-size: 1em; line-height: 1.6; letter-spacing: 1px; color: #423f3f; font-family: "BrandonGrotesqueWeb-Regular"; font-weight: normal; font-style: normal; font-size: 2em; text-transform: none; color: #fff; position: absolute; display: block; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; margin: 0px; color: #fff; width: 57%; }
#sustainable-fabrics .why { padding-top: 4%; }
#sustainable-fabrics .why h3 { display: inline-block; vertical-align: middle; margin: 0 4% 0 25%; padding: 0; }
#sustainable-fabrics .why p { display: inline-block; width: 25%; vertical-align: middle; margin: 0; padding: 0; }
#sustainable-fabrics .why .icons { display: flex; justify-content: center; margin: 2% 0; }
#sustainable-fabrics .why .icons div { position: relative; width: 12%; }
#sustainable-fabrics .why .icons div img { width: 6em; display: block; margin: 0 auto; }
#sustainable-fabrics .why .icons div p { display: none; position: absolute; bottom: 0; left: 50%; transform: translate(-50%, 100%); background-color: #fff; padding: 10%; z-index: 2; width: 150%; text-align: left; border-radius: 2%; box-shadow: 3px 3px 15px rgba(0, 0, 0, 0.2); }
#sustainable-fabrics .why .icons div:hover p { display: block; }
#sustainable-fabrics .side-image { width: 45%; margin: 5% auto 4em auto; }
#sustainable-fabrics .side-image:after { display: block; width: 1px; height: 1px; content: " "; font-size: 1px; clear: both; }
#sustainable-fabrics .side-image h3 { text-decoration: underline; padding-top: 4%; }
#sustainable-fabrics .side-image img { float: left; width: 50%; margin-right: 3%; }
#sustainable-fabrics .link { text-align: center; margin-top: 1em; font-size: 1em; line-height: 1.6; letter-spacing: 1px; color: #423f3f; font-family: "BrandonGrotesqueWeb-Regular"; font-weight: normal; font-style: normal; text-decoration: none; font-size: 1.2em; text-transform: uppercase; white-space: nowrap; }
#sustainable-fabrics .link a { text-decoration: underline; font-size: 1em; line-height: 1.6; letter-spacing: 1px; color: #423f3f; font-family: "BrandonGrotesqueWeb-Regular"; font-weight: normal; font-style: normal; font-size: 1em; display: inline; }
#sustainable-fabrics .canopy { margin-bottom: 6em; }
#sustainable-fabrics .canopy h3 { margin-left: 35%; }
#sustainable-fabrics .canopy a { font-weight: bold; text-decoration: underline; }

#about-page section { position: relative; }
#about-page section .panel { float: left; }
#about-page section:first-of-type .heading { position: absolute; right: 0px; top: 10%; width: 42%; }
#about-page section:first-of-type img { width: 68%; }
#about-page section:first-of-type i { position: absolute; bottom: 20%; right: 1%; margin: 0px; padding: 2% 0px 2% 0px; border-top: solid 1px #e0e0e0; border-bottom: solid 1px #e0e0e0; width: 29%; }
#about-page section:last-of-type { margin-top: 1%; }
#about-page section:last-of-type .heading { margin-top: 4%; }
#about-page section:last-of-type .heading h4 { float: right; margin-right: -10%; }
#about-page section:last-of-type .img { width: 32%; }
#about-page section:last-of-type .glyph { width: 6%; margin: 6% auto 1% auto; margin-bottom: 4%; display: block; }
#about-page section:last-of-type .line { width: 100%; }
#about-page section:last-of-type .topline { margin-top: 2%; }
#about-page section:last-of-type .panel { width: 68%; padding: 0px 10% 0px 6%; }
#about-page section:last-of-type p { float: left; width: 45%; margin: 5% 0px; }
#about-page section:last-of-type p:nth-of-type(1) { margin-right: 5%; }
#about-page section:last-of-type p:nth-of-type(2) { margin-left: 5%; }
#about-page section:last-of-type i { margin: 0px; width: 100%; text-align: center; margin-top: 6%; }
#about-page section:last-of-type i a { text-decoration: underline; }

#boutique-page .top { text-align: center; padding-bottom: 4%; }
#boutique-page .top p { font-size: 1em; line-height: 1.3; display: block; }
#boutique-page section { position: relative; }
#boutique-page section .panel { float: left; }
#boutique-page section .mobile { display: none; }
#boutique-page section:first-of-type .heading { position: absolute; right: 0px; top: 7%; width: 41%; }
#boutique-page section:first-of-type img:first-of-type { width: 52%; margin-left: 11%; }
#boutique-page section:first-of-type img:nth-of-type(2) { width: 58%; margin-left: 5%; margin-top: 2%; }
#boutique-page section:first-of-type img:nth-of-type(3) { width: 34%; position: absolute; right: 0px; bottom: 1%; }
#boutique-page section:first-of-type i { position: absolute; top: 30%; right: 11%; margin: 0px; padding: 0px; width: 23%; }
#boutique-page section:nth-of-type(2) { margin-top: 1%; margin-bottom: 2%; }
#boutique-page section:nth-of-type(2) .panel { width: 30%; margin: 1% 0px 0px 13%; float: left; }
#boutique-page section:nth-of-type(2) .panel a { font-size: 1.2em; margin-top: 8%; border-bottom: solid 1px #423f3f; line-height: 1em; }
#boutique-page section:nth-of-type(2) .videolink { width: 50%; float: left; margin-left: 2%; }
#boutique-page section:nth-of-type(2) .videolink img { width: 100%; }
#boutique-page section:nth-of-type(3) { margin: 4% auto 0px auto; width: 65%; border-top: solid 1px #cfcccc; border-bottom: solid 1px #cfcccc; padding: 1% 0px 1% 0px; display: none; }
#boutique-page section:nth-of-type(3) .panel { width: 45%; margin: 0px; float: left; }
#boutique-page section:nth-of-type(3) .panel:first-of-type { margin-right: 10%; }
#boutique-page section:nth-of-type(3) .panel h6 { display: inline; }
#boutique-page section:nth-of-type(3) .panel i { display: inline; }
#boutique-page section:nth-of-type(4) { padding-top: 2%; border-top: solid 1px #cfcccc; }
#boutique-page section:nth-of-type(4) img { display: block; width: 3%; margin: 3% auto; }
#boutique-page section:nth-of-type(4) i { text-align: center; width: 100%; }

#bride-page .main-image { width: 100%; position: relative; }
#bride-page .main-image .heading { position: absolute; right: 0px; top: 12%; width: 38%; }
#bride-page .main-image .heading h4.show-mobile { display: none; }
#bride-page .main-image img { float: left; }
#bride-page .main-image img:first-of-type { width: 73%; }
#bride-page .main-image img:last-of-type { width: 15%; margin-left: 2%; margin-top: 26%; }
#bride-page .main-image i { margin: 0px; padding: 0px; position: absolute; top: 32%; right: 0%; width: 25%; }
#bride-page section { margin-top: 3%; width: 100%; }
#bride-page section .panel { float: left; width: 38%; height: 100%; position: relative; padding-top: 41.2%; }
#bride-page section .panel .heading { position: absolute; left: 0px; top: 5%; width: 95%; }
#bride-page section .panel img { position: absolute; width: 45%; bottom: 0px; right: 5%; }
#bride-page section .img { float: left; width: 62%; }
#bride-page section .show-mobile { display: none; }
#bride-page .content-container { width: 53%; margin: 5% auto 0px auto; border-top: solid 1px #e0e0e0; padding-top: 2%; padding-bottom: 2%; }
#bride-page .content-container h3 { float: left; width: 50%; }
#bride-page .content-container h3:nth-of-type(2) { padding-left: 5%; }
#bride-page .content-container p { float: left; width: 50%; box-sizing: border-box; }
#bride-page .content-container p:first-of-type { padding-right: 5%; }
#bride-page .content-container p:last-of-type { padding-left: 5%; }
#bride-page .content-container .line { margin-top: 3%; }
#bride-page .content-container .bottom-text { padding-top: 4%; text-align: center; }
#bride-page .content-container .bottom-text img { width: 5%; margin: 0px auto; margin-bottom: 4%; }
#bride-page .content-container .bottom-text i { width: 100%; margin: 0px 0px; }
#bride-page .content-container .bottom-text a { display: block; font-size: 1.2em; line-height: 1.5; letter-spacing: 1px; color: #595454; font-family: "BulmerMTStd-Italic"; font-weight: normal; font-style: normal; width: 100%; text-decoration: underline; }

#design-process-page { padding: 0; }
#design-process-page:after, #design-process-page section:after { display: block; width: 1px; height: 1px; content: " "; font-size: 1px; clear: both; }
#design-process-page img { width: 100%; display: block; }
#design-process-page h5 { text-align: left; text-decoration: underline; line-height: 1.5; text-transform: uppercase; }
#design-process-page p { font-family: "BrandonGrotesqueWeb-Regular"; }
#design-process-page .top { width: 100%; position: relative; margin-bottom: 4%; }
#design-process-page .top h2 { color: #fff; font-family: "Volta-Reg"; font-size: 2em; text-transform: none; }
#design-process-page .top div { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; }
#design-process-page .left-panel { width: 50%; float: left; padding-right: 1%; text-align: right; }
#design-process-page .left-panel .text { width: 45%; display: inline-block; text-align: left; margin-top: 6%; }
#design-process-page .left-panel .text-mobile { display: none; }
#design-process-page .left-panel img:nth-of-type(2) { display: none; }
#design-process-page .right-panel { width: 50%; float: left; padding-left: 1%; }
#design-process-page .right-panel img { margin-bottom: 4%; }
#design-process-page .right-panel .text { width: 45%; margin: 4% 0; }
#design-process-page .right-panel .text h5 { width: 60%; margin-left: 0; }
#design-process-page .video-title { text-align: center; text-decoration: none; margin-top: 4%; margin-bottom: 1%; }
#design-process-page .video { width: 60%; margin: 0 auto 4em auto; }
#design-process-page .video figure { display: block; width: 100%; margin: 0px; padding-bottom: 56%; position: relative; }
#design-process-page .video figure iframe { width: 100%; position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; height: 100%; }
#design-process-page .footer-link a { display: block; margin-top: 3em; width: 100%; position: relative; }
#design-process-page .footer-link a img { display: block; width: 100%; }
#design-process-page .footer-link a div { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; }
#design-process-page .footer-link a div span { color: #fff; font-family: "BrandonGrotesqueWeb-Bold"; font-size: 1.7em; padding-top: 3em; opacity: 1; transition: opacity 1s; text-align: center; }
#design-process-page .footer-link a div img { width: 5em; transition: opacity 1s; position: absolute; opacity: 0; transform: translateY(-1em); }
#design-process-page .footer-link a:hover div img { opacity: 1; }
#design-process-page .footer-link a:hover div span { opacity: 0; }

#campaign-page { width: 90%; max-width: 1000px; margin: 0px auto; padding-top: 42px; }
#campaign-page .product_thumb { width: 50%; float: left; }
#campaign-page .product_thumb:nth-of-type(odd) { padding-right: 7px; }
#campaign-page .product_thumb:nth-of-type(even) { padding-left: 7px; }
#campaign-page .product_thumb a { width: 100%; }
#campaign-page .product_thumb img { width: 100%; }
#campaign-page .product_thumb .coll-prod-holder .coll-prod-title { width: 200px; margin: 0px auto 14px auto; text-align: center; white-space: nowrap; position: relative; z-index: 1; font-size: 15px; line-height: 24px; letter-spacing: 2px; color: #423f3f; font-family: "BulmerMTStd-ItalicDisplay"; font-weight: normal; font-style: normal; }
#campaign-page .product_thumb .coll-prod-holder .coll-prod-title:before { border-top: solid 1px #e0e0e0; content: ""; margin: 0px auto; position: absolute; top: 50%; left: 0px; right: 0px; bottom: 0px; width: 100%; z-index: -1; }
#campaign-page .product_thumb .coll-prod-holder .coll-prod-title a { width: auto; background: #fff; padding: 3px 7px 0px 7px; font-size: 15px; line-height: 24px; letter-spacing: 2px; color: #423f3f; font-family: "BulmerMTStd-ItalicDisplay"; font-weight: normal; font-style: normal; }
#campaign-page .line { width: 100%; text-align: center; white-space: nowrap; position: relative; z-index: 1; font-size: 15px; line-height: 24px; letter-spacing: 2px; color: #423f3f; font-family: "BulmerMTStd-ItalicDisplay"; font-weight: normal; font-style: normal; }
#campaign-page .line:before { border-top: solid 1px #e0e0e0; content: ""; margin: 0px auto; position: absolute; top: 50%; left: 0px; right: 0px; bottom: 0px; width: 100%; z-index: -1; }
#campaign-page .line span { background: #fff; padding: 0px 14px; }

#lizzy-page .leaf { width: 10%; margin: 2% auto 4% auto; display: block; }
#lizzy-page .lizzy { display: none; width: 80%; margin: 2% auto 4% auto; }
#lizzy-page .content { border-top: solid 1px #e0e0e0; border-bottom: solid 1px #e0e0e0; padding: 3% 0px; }
#lizzy-page .content section { width: 50%; float: left; }
#lizzy-page .content section:first-of-type { padding-right: 4%; }
#lizzy-page .content section:last-of-type { padding-left: 4%; }
#lizzy-page .content section p { text-align: justify; }
#lizzy-page .content section .sign { font-size: 3em; line-height: 1; letter-spacing: 0.01em; color: #595454; font-family: "Notera"; font-weight: normal; font-style: normal; font-size: 1.9vw; display: block; margin-top: 15%; }

#join-us-page { width: 90%; margin: 0 auto; max-width: 1200px; text-align: center; }
#join-us-page img { width: 100%; margin-top: 40px; margin-bottom: 30px; }
#join-us-page form { width: 100%; max-width: 600px; display: inline-block; text-align: left; margin-top: 30px; }
#join-us-page input[type="text"] { height: 33px; margin-bottom: 12px; }
#join-us-page label { width: 100%; }
#join-us-page p { width: 100%; font-size: 16px; margin: 0; }
#join-us-page span { display: block; width: 100%; font-family: "BulmerMTStd-Italic"; font-size: 16px; }

#givingback-page { padding: 0; }
#givingback-page img { width: 100%; display: block; }
#givingback-page section { margin: 0 auto; width: 80%; }
#givingback-page h3 { text-decoration: none; }
#givingback-page #section-top { text-align: center; }
#givingback-page #section-top h1 { margin: 3% 0; }
#givingback-page #section-top p { width: 52%; margin: 0 auto 3em auto; }
#givingback-page #section-planet { margin-top: 4%; }
#givingback-page #section-planet h4 { display: none; }
#givingback-page #section-planet img { display: inline-block; width: 30%; margin-right: 2%; margin-left: 10%; }
#givingback-page #section-planet div { display: inline-block; width: 45%; vertical-align: top; padding-top: 3%; }
#givingback-page #section-planet div h4 { font-size: 1.4em; display: inline-block; margin-bottom: 3%; }
#givingback-page #section-local-community { padding: 0 10%; margin-top: 5%; }
#givingback-page #section-local-community .heading { text-align: center; text-decoration: none; margin-bottom: 2em; }
#givingback-page #section-local-community .holder { display: flex; justify-content: space-between; }
#givingback-page #section-local-community .holder .panel { width: 45%; }
#givingback-page #section-local-community .holder .panel .title { display: flex; justify-content: space-between; }
#givingback-page #section-local-community .holder .panel .title h3 { align-self: center; text-transform: uppercase; padding-top: 1em; border-bottom: solid 1px #777; line-height: 1; }
#givingback-page #section-local-community .holder .panel .title img { height: 8em; align-self: flex-start; width: auto; }
#givingback-page #section-local-community .holder .panel .learn-more { font-family: "BrandonGrotesqueWeb-Regular"; border-bottom: solid 1px #777; line-height: 1; }
#givingback-page #section-hearts { width: 100%; background-color: #fee6e4; padding: 10% 0; text-align: center; margin-top: 5%; }
#givingback-page #section-hearts .holder { width: 35%; display: inline-block; text-align: center; }
#givingback-page #section-hearts .holder h3 { width: 100%; text-align: center; padding: 0; margin: 0; margin-bottom: 1em; }
#givingback-page #section-hearts .holder p { width: 100%; text-align: center; padding: 0; margin: 0; }
#givingback-page #section-ocean { display: flex; justify-content: space-between; align-items: center; margin-top: 5%; width: 70%; }
#givingback-page #section-ocean img { width: 55%; }
#givingback-page #section-ocean div { width: 42%; }
#givingback-page #section-ocean div h3 { border-bottom: solid 1px #999; width: auto; display: inline-block; line-height: 1; margin-bottom: 0; }
#givingback-page #section-acts { width: 40%; margin-top: 6%; }
#givingback-page #section-acts h3 { border-bottom: solid 1px #999; }
#givingback-page #section-acts p { padding-left: 50%; margin-bottom: 10%; }
#givingback-page #section-last { background-color: #fee6e4; width: 100%; margin-top: 6%; }
#givingback-page #section-last .holder { width: 70%; margin: 0 auto; display: flex; justify-content: space-between; align-items: center; }
#givingback-page #section-last .holder .text { width: 34%; }
#givingback-page #section-last .holder .text h3 { border-bottom: solid 1px #999; text-transform: uppercase; display: inline-block; line-height: 1; margin: 0; }
#givingback-page #section-last .holder img { width: 60%; }

/*
#givingback-page{

	.images{ position:relative; width:$parent;
		img.desktop{width:90%; margin:2% $zero 4% $zero; display:block; }
		img.mobile{display:none; width:$parent}

		.heading{position:absolute; right:$zero; top:12%; width:38%;}
	}
	.content{ border-top:$border-extra-light; border-bottom:$border-extra-light; padding:2% $zero; width:60%; margin:$zero auto;
		section{width:$half; float:left;
			&:first-of-type{padding-right:4%;}
			&:last-of-type{padding-left:4%;}
			p{text-align:justify;}
			.sign{@include font($font-about-page-h1); font-size:1.5vw; display:block; margin-top:15%;}
		 }
	} .bottom-content{ width:60%; margin:3em auto 0 auto; p{font-size:1em; text-align: center; width:100%;} p:first-of-type{font-weight:700; }/ }
}

*/
/*
#careers-page{ section:after{content:" "; display:table; width:1px; height:1px; clear:both;} section{ width:100%; position:relative; img{display:block; width:67%; float:left;} .heading{top:21%; left:62%; position:absolute;} i{margin-top:27%; margin-left:6%; width:25%; float:left;} h5{font-size:2em;     margin: 3em auto 2em;} h2{font-weight:700; font-size:1.2em;} .fullline{display:block; height:1px; width:100%; border-bottom:solid 1px #999;} div.panel{width:35%; float:left; padding-top: 4%;} .panel.gap{margin-right:10%; margin-left:10%;} span{font-weight:900; display:block; font-size: 1.1em;  line-height: 1.5; margin-bottom: 0.7em; } ul li{margin-bottom: 0.7em; font-size: 1.1em;  line-height: 1.5;} ul{margin-bottom: 2.5em; } }
}
*/
#careers-page section:after { content: " "; display: table; width: 1px; height: 1px; clear: both; }
#careers-page section { width: 100%; position: relative; }
#careers-page section img { display: block; width: 61%; float: left; }
#careers-page section .heading { top: 34%; left: 57%; position: absolute; }
#careers-page section h5 { font-size: 2em; margin: 3em auto 2em; }
#careers-page section h2 { font-weight: 700; font-size: 1.2em; }
#careers-page section .fullline { display: block; height: 1px; width: 100%; border-bottom: solid 1px #999; }
#careers-page section .positions { margin-top: 3em; display: flex; justify-content: left; flex-wrap: wrap; }
#careers-page section .positions div { flex: 0 1 33.3%; margin-bottom: 5em; padding: 0 2em; }
#careers-page section .positions div h6 { text-align: center; width: 100%; line-height: 1.4; min-height: 3em; }
#careers-page section .positions div p { text-align: center; text-align: justify; width: 100%; min-height: 12em; }
#careers-page section .positions div a { display: block; text-align: center; font-family: "gothic"; font-size: 0.9em; background-color: #000; color: #fff; width: 15em; padding: 0; margin: 0 auto; }

#careers-position-page .line { margin-top: 3%; }
#careers-position-page .line span { font-size: 1.4em; }
#careers-position-page .backlink-container { display: block; text-align: right; width: 100%; }
#careers-position-page .back-link { font-family: "BrandonGrotesqueWeb-Regular"; display: inline-block; border-bottom: solid 1px; line-height: 1; margin-bottom: 1em; font-size: 1em; margin-right: 10%; }
#careers-position-page .back-link:before { content: "<"; padding-right: 0.3em; }
#careers-position-page h5 { margin-bottom: 3%; }
#careers-position-page section:after { content: " "; display: table; width: 1px; height: 1px; clear: both; }
#careers-position-page section { width: 100%; position: relative; padding: 0 10%; }
#careers-position-page section img { display: block; width: 100%; }
#careers-position-page section .heading { margin: 4em 0 0 0; }
#careers-position-page section .heading h5 { margin: 0; text-transform: none; font-size: 2.5em; }
#careers-position-page section i { margin-top: 27%; margin-left: 6%; width: 25%; float: left; }
#careers-position-page section h5 { font-size: 2em; margin: 3em auto 2em; }
#careers-position-page section h2 { font-weight: 700; font-size: 1.2em; }
#careers-position-page section:last-of-type { display: flex; justify-content: space-between; margin-top: 0; }
#careers-position-page section:last-of-type:after { display: none; }
#careers-position-page section:last-of-type div { flex: 0 1 42%; padding-top: 4%; }
#careers-position-page section:last-of-type h6 { margin-bottom: 1em; line-height: 1.5; }
#careers-position-page section:last-of-type p { padding-bottom: 0; margin-bottom: 3em; font-size: 1.1em; line-height: 1.5; }
#careers-position-page section:last-of-type li { list-style-type: none; margin-bottom: 0.7em; font-size: 1.1em; line-height: 1.5; position: relative; padding-left: 0.8em; }
#careers-position-page section:last-of-type ul li:before { content: "-"; position: absolute; left: 0; }
#careers-position-page section:last-of-type ul, #careers-position-page section:last-of-type ol { padding-bottom: 0; margin-bottom: 4em; padding-left: 0; }
#careers-position-page section:last-of-type ol li { padding-left: 0; }

#internships-page section { width: 100%; }
#internships-page section .images { float: left; width: 72%; }
#internships-page section .images img { width: 100%; margin: 0px; padding: 0px; display: block; }
#internships-page section .images img:nth-of-type(2) { width: 50%; margin-left: 50%; margin-top: 2%; }
#internships-page section .side { float: left; margin-left: 3%; width: 25%; position: relative; height: 100%; }
#internships-page section .side .heading { top: 0px; left: -30%; position: absolute; margin-top: 25%; }
#internships-page section .side i { margin-top: 90%; }
#internships-page section .side h6 { margin-top: 20%; border-bottom: solid 1px #cfcccc; width: 100%; }
#internships-page section .side .line { display: none; }
#internships-page .bottom-content { margin-top: 5%; width: 70%; margin: 5% auto 0px auto; border-top: solid 1px #e0e0e0; padding: 2% 0px; }
#internships-page .bottom-content section { float: left; width: 50%; }
#internships-page .bottom-content section:first-of-type { padding-right: 4%; }
#internships-page .bottom-content section:last-of-type { padding-left: 4%; }
#internships-page .bottom-content section:last-of-type p { font-family: "BulmerMTStd-Italic"; }
#internships-page .bottom-content section:last-of-type p span { font-size: 1.2em; text-transform: uppercase; }
#internships-page .bottom-content .bottom-text { padding-top: 4%; text-align: center; border-top: solid 1px #e0e0e0; width: 100%; }
#internships-page .bottom-content .bottom-text img { width: 5%; margin: 0px auto; margin-bottom: 4%; display: block; float: none; }
#internships-page .bottom-content .bottom-text i { width: 40%; margin: 0px auto; display: block; }

#returnsrequest-page { width: 700px; margin: 0 auto; }
#returnsrequest-page .border-font { margin-top: 20px; }
#returnsrequest-page .icon-wishlist-sf { margin: 0px auto; text-align: center; margin-top: 10px; }
#returnsrequest-page em { text-align: center; display: block; margin-top: 40px; }
#returnsrequest-page em:first-of-type { font-size: 20px; }
#returnsrequest-page em:nth-of-type(2) { border-top: solid 1px #cfcccc; border-bottom: solid 1px #cfcccc; padding: 40px 0px; font-size: 13px; line-height: 2; }
#returnsrequest-page section { float: left; width: 33%; margin-top: 30px; }
#returnsrequest-page section img { width: 30%; margin: 0 auto; display: block; }
#returnsrequest-page section p { padding: 0 5%; text-align: center; font-family: "gothic"; font-size: 12px; }

#old-internships-page .images { width: 100%; position: relative; }
#old-internships-page .images img { float: left; }
#old-internships-page .images img:first-of-type { width: 63%; }
#old-internships-page .images img:last-of-type { width: 30%; margin-left: 2%; margin-top: 34%; }
#old-internships-page .images .heading { position: absolute; right: 0px; top: 5%; width: 40%; }
#old-internships-page .images i { position: absolute; right: 11%; top: 40%; width: 22%; }
#old-internships-page .top-content { margin-top: 5%; }
#old-internships-page .top-content section { float: left; width: 33.3%; }
#old-internships-page .top-content section:first-of-type { padding-right: 3%; }
#old-internships-page .top-content section:nth-of-type(2) { padding-right: 3%; padding-left: 3%; }
#old-internships-page .top-content section:last-of-type { padding-left: 3%; }
#old-internships-page .bottom-content { margin-top: 5%; width: 70%; margin: 5% auto 0px auto; border-top: solid 1px #e0e0e0; padding: 2% 0px; }
#old-internships-page .bottom-content section { float: left; width: 50%; }
#old-internships-page .bottom-content section:first-of-type { padding-right: 4%; }
#old-internships-page .bottom-content section:last-of-type { padding-left: 4%; }
#old-internships-page .bottom-content section:last-of-type p { font-family: "BulmerMTStd-Bold"; }
#old-internships-page .bottom-content section:last-of-type p span { font-size: 1.2em; text-transform: uppercase; }
#old-internships-page .bottom-content .bottom-text { padding-top: 4%; text-align: center; border-top: solid 1px #e0e0e0; width: 100%; }
#old-internships-page .bottom-content .bottom-text img { width: 5%; margin: 0px auto; margin-bottom: 4%; display: block; float: none; }
#old-internships-page .bottom-content .bottom-text i { width: 40%; margin: 0px auto; display: block; }

#fabrics-page { width: 900px; margin: 0px auto; }
#fabrics-page .page-title { margin-bottom: 50px; }
#fabrics-page section { float: left; width: 50%; }
#fabrics-page section:first-of-type { padding-right: 50px; }
#fabrics-page section:last-of-type { padding-left: 50px; }
#fabrics-page section .accordion { margin-bottom: 50px; }
#fabrics-page section .accordion .accordion-trigger:after { padding-right: 0px; }
#fabrics-page section .accordion em { text-decoration: underline; }
#fabrics-page section h2 { text-align: left; border-bottom: solid 1px #F0F0F0; }

#film-page { width: 95%; max-width: 910px; margin: 42px auto; }
#film-page figure { margin: 0px; padding: 0px; width: 100%; padding-bottom: 56.3%; position: relative; }
#film-page figure iframe { width: 100%; height: 100%; position: absolute; top: 0px; right: 0px; left: 0px; bottom: 0px; }
#film-page figure:nth-of-type(n+4) { display: none; }
#film-page p { text-align: center; font-family: "BrandonGrotesqueWeb-Light"; letter-spacing: 2px; text-transform: uppercase; font-size: 13px; padding: 0px; margin: 15px 0px 28px 0px; }
#film-page .line { width: auto; margin: 10px auto 20px auto; }
#film-page .line:before { top: -moz-calc(50% - 2px); top: -webkit-calc(50% - 2px); top: calc(50% - 2px); }
#film-page .line span { margin: 0px 60px; }
#film-page .line:nth-of-type(n+6) { display: none; }

#spellbook-page section { position: relative; width: 100%; }
#spellbook-page section:first-of-type .heading { position: absolute; right: 0px; top: 7%; width: 35%; }
#spellbook-page section:first-of-type img { float: left; }
#spellbook-page section:first-of-type img:first-of-type { width: 75%; }
#spellbook-page section:first-of-type img:last-of-type { width: 20%; margin-left: 2%; margin-top: 20%; }
#spellbook-page section:first-of-type i { position: absolute; top: 29%; right: 0px; margin: 0px; padding: 0px; width: 24%; text-align: right; }
#spellbook-page section:last-of-type { margin-top: 2%; width: 100%; padding-top: 50%; background-image: url("spellbook_bottom.jpg"); background-size: cover; background-repeat: no-repeat; background-position: 50% 50%; display: block; }
#spellbook-page section:last-of-type .heading { position: absolute; left: 0px; bottom: 0px; width: 50%; }
#spellbook-page section:last-of-type .heading h4:last-of-type { margin-bottom: 0px; }
#spellbook-page .content { border-top: solid 1px #e0e0e0; border-bottom: solid 1px #e0e0e0; padding: 2% 0px; width: 60%; margin: 0px auto; margin-top: 8%; }
#spellbook-page .content .panel { width: 50%; float: left; }
#spellbook-page .content .panel:first-of-type { padding-right: 4%; }
#spellbook-page .content .panel:last-of-type { padding-left: 4%; }
#spellbook-page .content .panel p { text-align: justify; }
#spellbook-page .content .panel .sign { font-size: 3em; line-height: 1; letter-spacing: 0.01em; color: #595454; font-family: "Notera"; font-weight: normal; font-style: normal; font-size: 2.0em; display: block; margin-top: 10%; }
#spellbook-page a.footer-link { margin-top: 5%; }

#ethics-page h1 { text-align: center; }
#ethics-page img.mobile { display: none; }
#ethics-page section { margin-bottom: 4%; }
#ethics-page section i { text-align: left; margin: 0px; font-size: 0.8vw; }
#ethics-page section .title-line { width: 100%; text-align: left; white-space: nowrap; position: relative; z-index: 1; font-size: 0.86em; line-height: 1; letter-spacing: 1px; color: #cfcccc; font-family: "BrandonGrotesqueWeb-Light"; font-weight: normal; font-style: normal; margin-bottom: 2%; }
#ethics-page section .title-line:before { border-top: solid 1px #e0e0e0; content: ""; margin: 0px auto; position: absolute; top: 50%; left: 0px; right: 0px; bottom: 0px; width: 100%; z-index: -1; }
#ethics-page section .title-line a { background: #fff; padding: 0.8% 1.5% 0.4% 1.5%; border: solid 1px #cfcccc; text-transform: uppercase; font-size: 0.86em; line-height: 1; letter-spacing: 1px; color: #cfcccc; font-family: "BrandonGrotesqueWeb-Light"; font-weight: normal; font-style: normal; }
#ethics-page section p { font-size: 1em; }
#ethics-page section img { float: left; width: 28%; }
#ethics-page section .content { float: left; }
#ethics-page section:nth-of-type(1) .title-line a { margin-left: 43%; }
#ethics-page section:nth-of-type(1) i { margin-left: 51%; }
#ethics-page section:nth-of-type(1) img { margin: 0px 2% 0px 22%; }
#ethics-page section:nth-of-type(1) .content { width: 48%; }
#ethics-page section:nth-of-type(1) .content strong { margin-top: 0%; margin-bottom: 4%; }
#ethics-page section:nth-of-type(2) .title-line a { margin-left: 25%; }
#ethics-page section:nth-of-type(2) i { margin-left: 10%; }
#ethics-page section:nth-of-type(2) img { margin: 0px 2% 0px 0px; }
#ethics-page section:nth-of-type(2) .content { width: 62%; }
#ethics-page section:nth-of-type(2) .content strong { margin-top: 0%; margin-bottom: 4%; }
#ethics-page section:nth-of-type(3) .title-line a { margin-left: 48%; }
#ethics-page section:nth-of-type(3) i { margin-left: 55%; }
#ethics-page section:nth-of-type(3) img { margin: 0px 2% 0px 25%; }
#ethics-page section:nth-of-type(3) .content { width: 45%; }
#ethics-page section:nth-of-type(3) .content strong { margin-bottom: 4%; }

#instagram-page { padding: 0px 10%; }
#instagram-page div.fs-has-links { text-indent: -9999px; position: static; font-weight: 500; }
#instagram-page .fs-has-links::after { padding: 3px 6px; color: #000000; content: "SHOP NOW"; text-indent: 0; display: block; font-size: 12px; margin: 10px; }
#instagram-page .fs-wrapper { height: auto; }
#instagram-page .fs-desktop .fs-timeline-entry div.fs-text-container { display: flex; flex-direction: column; align-items: center; justify-content: center; display: -webkit-flex; -webkit-flex-direction: column; -webkit-align-items: center; -webkit-justify-content: center; display: -ms-flexbox; -ms-flex-direction: column; -ms-flex-align: center; -ms-flex-pack: center; transition: opacity .25s; }
#instagram-page .fs-desktop .fs-timeline-entry .fs-text-container:hover { opacity: 1; }
#instagram-page .fs-wrapper div.fs-text-container .fs-entry-title, #instagram-page div.fs-detail-title { font-family: Times New Roman, serif; font-style: italic; font-weight: normal; font-size: 13px; line-height: 20px; }
#instagram-page div.fs-text-container .fs-entry-date, #instagram-page div.fs-detail-container .fs-post-info, #instagram-page div.fs-wrapper div.fs-has-links::after, #instagram-page .fs-text-product, #instagram-page .fs-overlink-text { font-family: "BulmerMTStd-Regular"; font-style: normal; font-weight: normal; }
#instagram-page .fs-wrapper div.fs-text-container * { color: transparent; }
#instagram-page .fs-wrapper div.fs-text-container { background-color: rgba(255, 255, 255, 0.8); margin: 0px; }
#instagram-page div.fs-entry-date { display: none; }
#instagram-page div.fs-service-icon { display: none; }
#instagram-page div.fs-entry-title { display: none; }
#instagram-page .fs-wrapper div.fs-timeline-entry { margin: 3px; }
#instagram-page .fa { display: none; }

.waitlist { padding: 0px 15%; }
.waitlist section { float: left; width: 50%; }
.waitlist section:first-of-type { padding-right: 2%; }
.waitlist section:last-of-type { padding-left: 2%; }
.waitlist section img { width: 100%; }
.waitlist section a { box-sizing: border-box; color: #423f3f; }
.waitlist section h6 { text-align: center; display: block; }

#contact-page { width: 85%; max-width: 960px; margin: 20px auto 0px auto; font-size: 10px; display: flex; justify-content: space-between; }
#contact-page .panel { width: 45%; max-width: 400px; }
#contact-page h2 { text-transform: uppercase; text-align: left; border-bottom: solid 1px #e0e0e0; padding-top: 30px; padding-bottom: 10px; margin-bottom: 10px; }
#contact-page section { font-size: 14px; line-height: 24px; letter-spacing: 1px; color: #595454; font-family: "BulmerMTStd-Regular"; font-weight: normal; font-style: normal; border-bottom: solid 1px #e0e0e0; padding-top: 12px; padding-bottom: 18px; margin-bottom: 10px; }
#contact-page section .side { float: left; width: 50%; }
#contact-page section .side:first-of-type { padding-right: 10px; }
#contact-page section .side:nth-of-type(2) { padding-left: 10px; }
#contact-page section p { margin-top: 0px; padding: 0px; }
#contact-page section a { text-decoration: underline; }
#contact-page label { width: 100%; }
#contact-page .account-page { margin-top: 30px; }

#stockists-page { width: 800px; margin: 0px auto; font-size: 10px; }
#stockists-page .panel { float: left; width: 50%; }
#stockists-page .panel:first-of-type { padding-right: 50px; }
#stockists-page .panel:nth-of-type(2) { padding-left: 50px; }
#stockists-page .panel section { margin-bottom: 28px; }
#stockists-page .panel section a { color: #423f3f; text-decoration: underline; }
#stockists-page .panel section a.accordion-trigger { text-decoration: none; width: 100%; }
#stockists-page .panel section a.accordion-trigger:after { font-size: 1.4em; padding-right: 0px; }
#stockists-page .panel section h3 { font-size: 1.3em; line-height: 2; letter-spacing: 0.2em; color: #423f3f; font-family: "BrandonGrotesqueWeb-Bold"; font-weight: normal; font-style: normal; text-decoration: none; border-bottom: solid 1px #e0e0e0; text-transform: uppercase; padding-bottom: 10px; margin-bottom: 30px; }
#stockists-page .panel section li { font-size: 1.5em; line-height: 1.3; letter-spacing: 0.1em; color: #423f3f; font-family: "BulmerMTStd-Italic"; font-weight: normal; font-style: normal; }
#stockists-page .panel section li ul { border-bottom: solid 1px #e0e0e0; margin-top: 14px; margin-bottom: 14px; padding-bottom: 14px; font-size: 10px; }
#stockists-page .panel section li ul li { padding-bottom: 10px; font-size: 1.3em; line-height: 1.4; letter-spacing: 0.1em; color: #423f3f; font-family: "BulmerMTStd-Regular"; font-weight: normal; font-style: normal; }
#stockists-page .panel section ul.no-children li { font-size: 1.3em; line-height: 1.4; letter-spacing: 0.1em; color: #423f3f; font-family: "BulmerMTStd-Regular"; font-weight: normal; font-style: normal; padding-bottom: 10px; }
#stockists-page .none { display: none; }

.justapromtetorefresh { color: #fff; }

@-webkit-keyframes slideFadeInRight { 0% { opacity: 0; transform: translate3d(80vw, 0, 0); }
  100% { opacity: 1; transform: none; } }
@keyframes slideFadeInRight { 0% { opacity: 0; transform: translate3d(80vw, 0, 0); }
  100% { opacity: 1; transform: none; } }
@-webkit-keyframes alphaExpand { 0% { opacity: 1; transform: scale3d(0, 0, 1); }
  100% { opacity: 0; transform: scale3d(1, 1, 1); } }
@keyframes alphaExpand { 0% { opacity: 1; transform: scale3d(0, 0, 1); }
  100% { opacity: 0; transform: scale3d(1, 1, 1); } }
#flowerchild-page { font-size: 1vw; padding-bottom: 5%; width: 100vw; overflow-x: hidden; /*
	.product-item:nth-of-type(1n+1) .product-image  }
	.product-item:nth-of-type(2n+1) .product-image {cursor: url(cursor_2.png), default !important; }
	.product-item:nth-of-type(3n+1) .product-image {cursor: url(cursor_3.png), default !important; }
	.product-item:nth-of-type(4n+1) .product-image {cursor: url(cursor_4b.png), default !important; }*/ }
#flowerchild-page #page-loading { position: fixed; top: 0; left: 0; right: 0; width: 100%; height: 100vh; background-color: #fff; z-index: 20; }
#flowerchild-page #page-loading div { display: table; margin: calc(50vh - 40px) auto 0 auto; }
#flowerchild-page #page-loading span { display: inline-block; font-size: 25px; line-height: 80px; font-weight: bold; color: #000; opacity: 0; -o-animation: alphaExpand 2s infinite; -ms-animation: alphaExpand 2s infinite; -moz-animation: alphaExpand 2s infinite; -webkit-animation: alphaExpand 2s infinite; animation: alphaExpand 2s infinite; -o-transition-timing-function: ease-out; -ms-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; }
#flowerchild-page #page-loading span:nth-of-type(1) { -o-animation-delay: -900ms; -ms-animation-delay: -900ms; -moz-animation-delay: -900ms; -webkit-animation-delay: -900ms; animation-delay: -900ms; }
#flowerchild-page #page-loading span:nth-of-type(2) { -o-animation-delay: -450ms; -ms-animation-delay: -450ms; -moz-animation-delay: -450ms; -webkit-animation-delay: -450ms; animation-delay: -450ms; margin: 0 20px; }
#flowerchild-page #page-loading span:nth-of-type(3) { -o-animation-delay: 0ms; -ms-animation-delay: 0ms; -moz-animation-delay: 0ms; -webkit-animation-delay: 0ms; animation-delay: 0ms; }
#flowerchild-page img { cursor: url(cursor_1.png), default !important; }
#flowerchild-page .animate-letters { width: auto; }
#flowerchild-page .animate-letters n { display: inline-block; -o-animation-name: slideFadeInRight; -ms-animation-name: slideFadeInRight; -moz-animation-name: slideFadeInRight; -webkit-animation-name: slideFadeInRight; animation-name: slideFadeInRight; -o-transition-timing-function: ease-out; -ms-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; -o-animation-fill-mode: both; -ms-animation-fill-mode: both; -moz-animation-fill-mode: both; -webkit-animation-fill-mode: both; animation-fill-mode: both; -o-animation-duration: 1s; -ms-animation-duration: 1s; -moz-animation-duration: 1s; -webkit-animation-duration: 1s; animation-duration: 1s; }
#flowerchild-page .animate-letters n:nth-of-type(2) { -o-animation-delay: 150ms; -ms-animation-delay: 150ms; -moz-animation-delay: 150ms; -webkit-animation-delay: 150ms; animation-delay: 150ms; }
#flowerchild-page .animate-letters n:nth-of-type(3) { -o-animation-delay: 300ms; -ms-animation-delay: 300ms; -moz-animation-delay: 300ms; -webkit-animation-delay: 300ms; animation-delay: 300ms; }
#flowerchild-page .animate-letters n:nth-of-type(4) { -o-animation-delay: 450ms; -ms-animation-delay: 450ms; -moz-animation-delay: 450ms; -webkit-animation-delay: 450ms; animation-delay: 450ms; }
#flowerchild-page .animate-letters n:nth-of-type(5) { -o-animation-delay: 600ms; -ms-animation-delay: 600ms; -moz-animation-delay: 600ms; -webkit-animation-delay: 600ms; animation-delay: 600ms; }
#flowerchild-page .animate-letters n:nth-of-type(6) { -o-animation-delay: 750ms; -ms-animation-delay: 750ms; -moz-animation-delay: 750ms; -webkit-animation-delay: 750ms; animation-delay: 750ms; }
#flowerchild-page .animate-letters n:nth-of-type(7) { -o-animation-delay: 900ms; -ms-animation-delay: 900ms; -moz-animation-delay: 900ms; -webkit-animation-delay: 900ms; animation-delay: 900ms; }
#flowerchild-page .animate-letters n:nth-of-type(8) { -o-animation-delay: 1050ms; -ms-animation-delay: 1050ms; -moz-animation-delay: 1050ms; -webkit-animation-delay: 1050ms; animation-delay: 1050ms; }
#flowerchild-page .animate-letters n:nth-of-type(9) { -o-animation-delay: 1200ms; -ms-animation-delay: 1200ms; -moz-animation-delay: 1200ms; -webkit-animation-delay: 1200ms; animation-delay: 1200ms; }
#flowerchild-page .animate-letters n:nth-of-type(10) { -o-animation-delay: 1350ms; -ms-animation-delay: 1350ms; -moz-animation-delay: 1350ms; -webkit-animation-delay: 1350ms; animation-delay: 1350ms; }
#flowerchild-page .animate-letters n:nth-of-type(11) { -o-animation-delay: 1500ms; -ms-animation-delay: 1500ms; -moz-animation-delay: 1500ms; -webkit-animation-delay: 1500ms; animation-delay: 1500ms; }
#flowerchild-page .animate-letters n:nth-of-type(12) { -o-animation-delay: 1650ms; -ms-animation-delay: 1650ms; -moz-animation-delay: 1650ms; -webkit-animation-delay: 1650ms; animation-delay: 1650ms; }
#flowerchild-page .animate-letters n:nth-of-type(13) { -o-animation-delay: 1800ms; -ms-animation-delay: 1800ms; -moz-animation-delay: 1800ms; -webkit-animation-delay: 1800ms; animation-delay: 1800ms; }
#flowerchild-page .animate-letters n:nth-of-type(14) { -o-animation-delay: 1950ms; -ms-animation-delay: 1950ms; -moz-animation-delay: 1950ms; -webkit-animation-delay: 1950ms; animation-delay: 1950ms; }
#flowerchild-page .animate-letters n:nth-of-type(15) { -o-animation-delay: 2100ms; -ms-animation-delay: 2100ms; -moz-animation-delay: 2100ms; -webkit-animation-delay: 2100ms; animation-delay: 2100ms; }
#flowerchild-page .animatable { visibility: hidden; -o-animation-play-state: paused; -ms-animation-play-state: paused; -moz-animation-play-state: paused; -webkit-animation-play-state: paused; animation-play-state: paused; -webkit-animation: none !important; }
#flowerchild-page .animated { visibility: visible; -o-animation-play-state: running; -ms-animation-play-state: running; -moz-animation-play-state: running; -webkit-animation-play-state: running; animation-play-state: running; }
#flowerchild-page section:nth-of-type(1) img { width: 100%; margin-top: 1%; display: block; cursor: url(cursor_4b.png), default !important; }
#flowerchild-page section:nth-of-type(1) .title { display: flex; justify-content: space-between; padding: 0 1.2%; margin-top: -0.7em; }
#flowerchild-page section:nth-of-type(1) .title n { font-size: 13.5em; font-family: 'flowerchild'; letter-spacing: 0.04em; margin: 0; padding: 0; }
#flowerchild-page section:nth-of-type(1) .title div:first-of-type n { color: #F7941E; }
#flowerchild-page section:nth-of-type(1) .title div:first-of-type n:nth-of-type(3) { margin-left: -0.42em; }
#flowerchild-page section:nth-of-type(1) .title div:last-of-type n { color: #EE2A7B; }
#flowerchild-page section:nth-of-type(1) .title div:last-of-type n:nth-of-type(1) { -o-animation-delay: 1050ms; -ms-animation-delay: 1050ms; -moz-animation-delay: 1050ms; -webkit-animation-delay: 1050ms; animation-delay: 1050ms; }
#flowerchild-page section:nth-of-type(1) .title div:last-of-type n:nth-of-type(2) { -o-animation-delay: 1200ms; -ms-animation-delay: 1200ms; -moz-animation-delay: 1200ms; -webkit-animation-delay: 1200ms; animation-delay: 1200ms; }
#flowerchild-page section:nth-of-type(1) .title div:last-of-type n:nth-of-type(3) { -o-animation-delay: 1350ms; -ms-animation-delay: 1350ms; -moz-animation-delay: 1350ms; -webkit-animation-delay: 1350ms; animation-delay: 1350ms; }
#flowerchild-page section:nth-of-type(1) .title div:last-of-type n:nth-of-type(4) { -o-animation-delay: 1500ms; -ms-animation-delay: 1500ms; -moz-animation-delay: 1500ms; -webkit-animation-delay: 1500ms; animation-delay: 1500ms; }
#flowerchild-page section:nth-of-type(1) .title div:last-of-type n:nth-of-type(5) { -o-animation-delay: 1650ms; -ms-animation-delay: 1650ms; -moz-animation-delay: 1650ms; -webkit-animation-delay: 1650ms; animation-delay: 1650ms; }
#flowerchild-page section:nth-of-type(1) .title div:last-of-type n:nth-of-type(6) { -o-animation-delay: 1800ms; -ms-animation-delay: 1800ms; -moz-animation-delay: 1800ms; -webkit-animation-delay: 1800ms; animation-delay: 1800ms; }
#flowerchild-page section:nth-of-type(2) { margin-top: 6.6%; position: relative; }
#flowerchild-page section:nth-of-type(2) p { font-family: "BrandonGrotesqueWeb-Bold"; font-size: 1.4em; line-height: 1.65; letter-spacing: 0.04em; margin: 0; padding: 0; color: #333; top: 8%; left: 7%; width: 50%; position: absolute; }
#flowerchild-page section:nth-of-type(2) p a { font-family: "BrandonGrotesqueWeb-Regular"; font-size: 0.9em; margin-top: 6%; line-height: 0.8; border-bottom: solid 1px #000; width: auto; display: table; width: auto; cursor: url(cursor_2.png), default !important; }
#flowerchild-page section:nth-of-type(2) img { float: left; width: 33.33%; display: block; }
#flowerchild-page section:nth-of-type(2) img:nth-of-type(1) { margin-top: 36%; cursor: url(cursor_1.png), default !important; }
#flowerchild-page section:nth-of-type(2) img:nth-of-type(2) { margin-top: 19.8%; cursor: url(cursor_3.png), default !important; }
#flowerchild-page section:nth-of-type(2) .hoverimage { float: left; width: 33.33%; display: block; position: relative; }
#flowerchild-page section:nth-of-type(2) .hoverimage img { display: block; float: none; width: 100%; margin: 0; position: absolute; top: 0; left: 0; right: 0; z-index: 1; cursor: url(cursor_2.png), default !important; }
#flowerchild-page section:nth-of-type(2) .hoverimage .hover { z-index: 2; opacity: 0; transition: opacity 1s; }
#flowerchild-page section:nth-of-type(2) .hoverimage:hover .hover { opacity: 1; }
#flowerchild-page section:nth-of-type(2) .animate-letters { position: absolute; top: 85%; right: 1.5%; }
#flowerchild-page section:nth-of-type(2) .animate-letters n { font-size: 13.5em; font-family: "BrandonGrotesqueWeb-Bold"; font-size: 8.8em; line-height: 1.2; letter-spacing: 0.04em; margin: 0; padding: 0; color: #222; }
#flowerchild-page section:nth-of-type(3) { padding-top: 2%; position: relative; }
#flowerchild-page section:nth-of-type(3) img { display: block; width: 87%; cursor: url(cursor_4b.png), default !important; }
#flowerchild-page section:nth-of-type(3) p { font-family: "BrandonGrotesqueWeb-Bold"; font-size: 1.4em; line-height: 1.65; letter-spacing: 0.06em; margin: 0; padding: 0; color: #333; top: 93%; right: 14%; width: 35.5%; text-align: right; position: absolute; }
#flowerchild-page section:nth-of-type(3) p a { font-family: "BrandonGrotesqueWeb-Regular"; font-size: 0.9em; margin-top: 5%; line-height: 0.8; border-bottom: solid 1px #000; width: auto; display: inline-block; cursor: url(cursor_2.png), default !important; }
#flowerchild-page section:nth-of-type(4) { margin-top: 6.5%; position: relative; }
#flowerchild-page section:nth-of-type(4) img { float: left; display: block; /*&:nth-of-type(1){margin-top:2%; width:22%;}*/ }
#flowerchild-page section:nth-of-type(4) img:nth-of-type(1) { width: 34%; cursor: url(cursor_2.png), default !important; }
#flowerchild-page section:nth-of-type(4) img:nth-of-type(2) { width: 44%; cursor: url(cursor_3.png), default !important; }
#flowerchild-page section:nth-of-type(4) .hoverimage { float: left; margin-top: 2%; width: 22%; display: block; position: relative; }
#flowerchild-page section:nth-of-type(4) .hoverimage img { display: block; float: none; width: 100%; margin: 0; position: absolute; top: 0; left: 0; right: 0; z-index: 1; cursor: url(cursor_1.png), default !important; }
#flowerchild-page section:nth-of-type(4) .hoverimage .hover { z-index: 2; opacity: 0; transition: opacity 1s; }
#flowerchild-page section:nth-of-type(4) .hoverimage:hover .hover { opacity: 1; }
#flowerchild-page section:nth-of-type(4) p { font-family: "BrandonGrotesqueWeb-Bold"; font-size: 1.4em; line-height: 1.65; letter-spacing: 0.04em; margin: 0; padding: 0; color: #333; top: 65%; left: 1.5%; width: 18%; position: absolute; }
#flowerchild-page section:nth-of-type(4) p a { font-family: "BrandonGrotesqueWeb-Regular"; font-size: 0.9em; margin-top: 8%; line-height: 0.8; border-bottom: solid 1px #000; width: auto; display: table; cursor: url(cursor_2.png), default !important; }
#flowerchild-page section:nth-of-type(4) .animate-letters { position: absolute; top: 83%; left: 1.5%; }
#flowerchild-page section:nth-of-type(4) .animate-letters n { font-size: 13.5em; font-family: "BrandonGrotesqueWeb-Bold"; font-size: 8.8em; line-height: 1.2; letter-spacing: 0.05em; margin: 0; padding: 0; color: #222; }

.main-holder { position: relative; }

#layout-guide { width: 100%; display: block; position: absolute; top: 2px; left: 0; z-index: -10; display: none; }

/* At 1862px wide */
#four-o-four img { width: 100%; cursor: pointer; }

#lionheart-page .button { background-color: #000; color: #fff; line-height: 2; font-family: "gothic"; font-size: 1vw; text-align: center; height: auto; }
#lionheart-page a { display: block; width: 100%; float: left; margin-bottom: 5%; position: relative; }
#lionheart-page a img { display: block; width: 100%; }
#lionheart-page a:nth-of-type(2) { width: 40%; margin-left: 15%; }
#lionheart-page a:nth-of-type(3) { width: 24%; margin-left: 3%; margin-bottom: 1%; }
#lionheart-page a:nth-of-type(4) { width: 20%; margin-left: 3%; }
#lionheart-page a:nth-of-type(5) { width: 90%; float: none; margin: 0 auto; }
#lionheart-page a:nth-of-type(6) { margin-top: 5%; margin-bottom: 1%; }
#lionheart-page a:nth-of-type(7) { width: 20%; float: none; margin: 0 auto 5% auto; clear: both; }
#lionheart-page a:nth-of-type(8) { width: 24%; margin-left: 19%; margin-top: 10%; }
#lionheart-page a:nth-of-type(8):before { content: " "; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: #fee8f0; transform: scale(1, 1) translate(0, 0); z-index: -1; transition: transform 800ms; }
#lionheart-page a:nth-of-type(8):hover:before { transform: scale(1.5, 1.3) translate(-12%, -2%); }
#lionheart-page a:nth-of-type(8) p { position: absolute; left: 0; bottom: -10%; width: 90%; }
#lionheart-page a:nth-of-type(9) { width: 35%; margin-left: 4%; }
#lionheart-page div { display: block; width: 20%; float: left; font-family: "BulmerMTStd-Italic"; margin-left: 3%; margin-top: 5%; font-size: 2vw; line-height: 1.6; }
#lionheart-page div:nth-of-type(1) { margin-bottom: 2%; }

#celestial-page { position: relative; font-size: 1.54vw; margin-bottom: 3em; }
#celestial-page .temp { width: 100%; display: block; position: absolute; top: 0; left: 0; z-index: -1; display: none; }
#celestial-page div.gap { height: 68.8vw; width: 100%; display: none; }
#celestial-page h3 { font-size: 3.4em; line-height: 1; margin: 0.4em 0 0.2em 0; padding: 0; font-weight: 100; white-space: nowrap; }
#celestial-page p { font-family: "BrandonGrotesqueWeb-Regular"; font-size: 1em; font-size: 0.8em; line-height: 1.5; padding: 0 0 0 2%; }
#celestial-page a { font-family: "gothic"; border: solid 2px #000; font-family: "gothic"; padding: 0 4%; font-weight: 800; font-size: 0.68em; margin-top: 1.5em; line-height: 1.6; letter-spacing: 0.15em; }
#celestial-page a:hover { background: #000; color: #fff; }
#celestial-page .video-container { position: relative; width: 100%; }
#celestial-page .video-container .gif { display: none; width: 100%; }
#celestial-page .video-container div { position: absolute; z-index: 2; width: 100%; top: 36%; left: 0; }
#celestial-page .video-container div img { width: 28%; display: block; margin: 0 auto; }
#celestial-page .video-container div p { color: #fff; text-align: center; margin-top: 4%; font-size: 1.5em; padding: 0; }
#celestial-page .video-container div a { display: table; margin: 0 auto; color: #fff; border-color: #fff; font-size: 0.8em; padding: 0 5%; }
#celestial-page .video-container div a:hover { background: #fff; color: #000; }
#celestial-page section { width: 100%; display: block; }
#celestial-page section:after { display: table; clear: both; content: " "; width: 1px; height: 1px; }
#celestial-page section:nth-of-type(1) { padding: 3.5%; }
#celestial-page section:nth-of-type(1) img { display: block; float: left; width: 22.4%; margin-right: 2%; }
#celestial-page section:nth-of-type(1) img:nth-of-type(1) { width: 29%; }
#celestial-page section:nth-of-type(1) img:nth-of-type(2) { width: 42.6%; }
#celestial-page section:nth-of-type(1) div { width: 22%; float: left; margin-top: 0; }
#celestial-page section:nth-of-type(1) h3 { line-height: 1; font-size: 4em; }
#celestial-page section:nth-of-type(1) p { margin-top: 8%; }
#celestial-page section:nth-of-type(1) a { margin-top: 4%; padding: 0 18%; }
#celestial-page section:nth-of-type(2) { padding-top: 58.2%; margin-top: 3.3%; position: relative; }
#celestial-page section:nth-of-type(2) img { position: absolute; width: 100%; top: 0; left: 0; }
#celestial-page section:nth-of-type(2) div { position: absolute; top: 32.3%; right: 4%; z-index: 2; }
#celestial-page section:nth-of-type(2) h3 { color: #fff; margin-left: 1%; margin-left: 5%; }
#celestial-page section:nth-of-type(2) p { color: #fff; width: 24em; text-align: center; }
#celestial-page section:nth-of-type(3) { padding: 5.4%; margin-top: 2.4%; }
#celestial-page section:nth-of-type(3) img { display: block; float: left; width: 23.5%; margin-right: 2.3%; }
#celestial-page section:nth-of-type(3) div { margin-top: 2.5%; }
#celestial-page section:nth-of-type(3) p { font-size: 1.5em; display: table; padding-left: 1%; }
#celestial-page section:nth-of-type(3) h3 { margin-top: 0.47em; white-space: normal; }
#celestial-page section:nth-of-type(3) a { margin: 3% 0 0 0.5%; }
#celestial-page section:nth-of-type(4) { padding-top: 62%; margin-top: 4.1%; position: relative; }
#celestial-page section:nth-of-type(4) img { position: absolute; width: 100%; top: 0; left: 0; }
#celestial-page section:nth-of-type(4) div { position: absolute; top: 32.3%; left: 5%; z-index: 2; }
#celestial-page section:nth-of-type(4) h3 { color: #fff; margin-left: 1%; }
#celestial-page section:nth-of-type(4) p { color: #fff; width: 21em; }
#celestial-page section:nth-of-type(5) { margin-top: 6.4%; position: relative; }
#celestial-page section:nth-of-type(5) div { float: left; width: 44%; height: 220px; padding: 6%; }
#celestial-page section:nth-of-type(5) a { padding: 0 15%; margin-left: 2%; }
#celestial-page section:nth-of-type(5) img { float: left; width: 51%; }
#celestial-page section { /*
img:nth-of-type(1).animatable{transform: translate3d(0, 8em, 0);}
img:nth-of-type(2).animatable{transform: translate3d(0, 10em, 0);}
img:nth-of-type(3).animatable{transform: translate3d(0, 12em, 0);}
*/ }
#celestial-page section img { transition: transform 1s ease-out; }
#celestial-page section img.animatable { transform: translate3d(0, 8em, 0); }

/****************************************************************************************************************/
/*******************************               Top Bar Drop Down                *********************************/
/****************************************************************************************************************/
.arrow-box, #location-prompt-dropdown .content { position: relative; background: #000; border: solid 1px #000; }
.arrow-box:after, #location-prompt-dropdown .content:after, .arrow-box:before, #location-prompt-dropdown .content:before { position: absolute; bottom: 100%; right: 15px; border: solid transparent; content: ""; height: 0; width: 0; position: absolute; pointer-event: none; }
.arrow-box:after, #location-prompt-dropdown .content:after { border-bottom-color: #000; border-width: 10px; margin-left: -10px; }
.arrow-box:before, #location-prompt-dropdown .content:before { border-bottom-color: #000; border-width: 11px; margin-left: -11px; }

#location-prompt-dropdown { background: transparent; width: 240px; position: absolute; top: 47px; right: 6px; z-index: 15; transition: transform 0.8s ease-in-out; -ms-transform: translateY(-100%) translateY(-52px); -o-transform: translateY(-100%) translateY(-52px); -moz-transform: translateY(-100%) translateY(-52px); -webkit-transform: translateY(-100%) translateY(-52px); transform: translateY(-100%) translateY(-52px); }
#location-prompt-dropdown .content { background-color: #000; color: #fff; padding: 28px; }
#location-prompt-dropdown .content h2 { color: #fff; }
#location-prompt-dropdown .content p { color: #fff; text-align: center; }
#location-prompt-dropdown .content a { letter-spacing: 1px; }
#location-prompt-dropdown .content a:first-of-type { background-color: #fff; color: #000; margin-bottom: 4px; }
#location-prompt-dropdown .content a:last-of-type { background-color: #000; color: #fff; border: solid 1px #fff; }

#location-prompt-dropdown.visible { -ms-transform: translateY(0px); -o-transform: translateY(0px); -moz-transform: translateY(0px); -webkit-transform: translateY(0px); transform: translateY(0px); }

/****************************************************************************************************************/
/*******************************                   Pop Ups                      *********************************/
/****************************************************************************************************************/
.popup-container { display: none; position: fixed; width: 100%; height: 100%; top: 0px !important; left: 0px; z-index: 17; cursor: pointer; background-color: rgba(255, 255, 255, 0.5); }
.popup-container .popup-content { position: absolute; top: 50%; left: 50%; -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -ms-box-shadow: 3px 3px 9px 0px rgba(0, 0, 0, 0.45); -o-box-shadow: 3px 3px 9px 0px rgba(0, 0, 0, 0.45); -moz-box-shadow: 3px 3px 9px 0px rgba(0, 0, 0, 0.45); -webkit-box-shadow: 3px 3px 9px 0px rgba(0, 0, 0, 0.45); box-shadow: 3px 3px 9px 0px rgba(0, 0, 0, 0.45); background-color: #fff; border-top: solid 1px transparent; }
.popup-container .popup-content .antlers { background-image: url("antelrs.jpg"); background-size: contain; background-repeat: no-repeat; background-position: 50% 50%; display: block; width: 100%; height: 30px; margin-top: 28px; }

#contact-popup { overflow-y: scroll; }
#contact-popup .popup-content { top: 50px; -ms-transform: translate(-50%, 0px); -o-transform: translate(-50%, 0px); -moz-transform: translate(-50%, 0px); -webkit-transform: translate(-50%, 0px); transform: translate(-50%, 0px); width: 90%; max-width: 1080px; margin-bottom: 80px; padding: 0px 14px 28px 14px; }
#contact-popup .page-title { margin-top: 50px; }

#shipping-policy-popup { overflow-y: scroll; }
#shipping-policy-popup #shipping-policy { width: 95%; max-width: 965px; padding: 14px; margin-bottom: 80px; font-family: "BrandonGrotesqueWeb-Regular"; -ms-transform: translate(-50%, 0px); -o-transform: translate(-50%, 0px); -moz-transform: translate(-50%, 0px); -webkit-transform: translate(-50%, 0px); transform: translate(-50%, 0px); top: 80px; }
#shipping-policy-popup #shipping-policy .mobile-close { display: none; padding-bottom: 5px; margin-right: 3px; cursor: pointer; }
#shipping-policy-popup #shipping-policy .mobile-close:hover { text-decoration: none; color: #000; }
#shipping-policy-popup #shipping-policy nav { height: 48px; width: 100%; cursor: pointer; margin-bottom: 28px; text-align: center; }
#shipping-policy-popup #shipping-policy nav a, #shipping-policy-popup #shipping-policy nav p { font-size: 17px; line-height: 48px; letter-spacing: 2px; color: #423f3f; font-family: "BulmerMTStd-Italic"; font-weight: normal; font-style: normal; box-sizing: border-box; display: block; float: left; margin: 0px; padding: 0px; height: 100%; border: solid 1px #cfcccc; border-right: none; width: -moz-calc(25% - 2px); width: -webkit-calc(25% - 2px); width: calc(25% - 2px); }
#shipping-policy-popup #shipping-policy nav a:last-of-type, #shipping-policy-popup #shipping-policy nav p:last-of-type { margin-right: 0px; }
#shipping-policy-popup #shipping-policy nav a:hover, #shipping-policy-popup #shipping-policy nav p:hover { /*background-color:$color-tab-unselected; */ text-decoration: underline; }
#shipping-policy-popup #shipping-policy nav a:nth-of-type(4) { font-size: 11px; line-height: 16px; vertical-align: top; padding-top: 7px; width: -moz-calc(25% - 35px); width: -webkit-calc(25% - 35px); width: calc(25% - 35px); }
#shipping-policy-popup #shipping-policy nav a:nth-of-type(4) span { display: block; width: 100%; font-size: 14px; vertical-align: top; line-height: 16px; }
#shipping-policy-popup #shipping-policy nav a:nth-of-type(4) span:before { content: "\2709"; font-size: 22px; padding-top: 1px; font-family: "BulmerMTStd-Regular"; margin-right: 5px; display: inline-block; vertical-align: top; font-weight: 300; }
#shipping-policy-popup #shipping-policy nav p.close { width: 40px; border-right: solid 1px #cfcccc; }
#shipping-policy-popup #shipping-policy nav .selected { background-color: #F0F0F0; }
#shipping-policy-popup #shipping-policy .content-container { display: none; /* Scrolling Container
.scroll-container{ height:$width-popup-shipping-circle;
	.scroll-x{overflow-x:scroll;
		.circles{  white-space:nowrap;
			.circle{position:relative; border:solid 1px $color-light; width:$width-popup-shipping-circle; height:$width-popup-shipping-circle;  @include radius(50%); display:inline-block; margin-right:$gap-xxs;
				&:last-of-type{ margin-right:$zero;} 		   	 	img{display:block; height:40px; margin-top:30px; margin-left:$half; @include transform(translateX(-$half));}
				p{ @include font($font-popup-shipping-circle); text-align:center; display:block; margin:0px; padding:0px 25px; top:52%; width:$parent; position:absolute; box-sizing:border-box; white-space:normal}
			}
		}
	}
}*/ }
#shipping-policy-popup #shipping-policy .content-container:first-of-type { display: block; }
#shipping-policy-popup #shipping-policy .content-container .scroll-container { height: 165px; overflow: visible; }
#shipping-policy-popup #shipping-policy .content-container .scroll-container .scroll-x { overflow: visible; }
#shipping-policy-popup #shipping-policy .content-container .scroll-container .scroll-x .circles { white-space: nowrap; width: auto; display: inline-block; margin-left: 50%; -ms-transform: translateX(-50%); -o-transform: translateX(-50%); -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); }
#shipping-policy-popup #shipping-policy .content-container .scroll-container .scroll-x .circles .circle { position: relative; display: inline-block; text-align: center; border: solid 1px #cfcccc; width: 165px; height: 165px; -ms-border-radius: 50%; -o-border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; display: inline-block; margin-right: 7px; }
#shipping-policy-popup #shipping-policy .content-container .scroll-container .scroll-x .circles .circle:last-of-type { margin-right: 0px; }
#shipping-policy-popup #shipping-policy .content-container .scroll-container .scroll-x .circles .circle img { display: block; height: 40px; margin-top: 30px; margin-left: 50%; -ms-transform: translateX(-50%); -o-transform: translateX(-50%); -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); }
#shipping-policy-popup #shipping-policy .content-container .scroll-container .scroll-x .circles .circle p { font-size: 11px; line-height: 20px; letter-spacing: 2px; color: #423f3f; font-family: "BrandonGrotesqueWeb-Light"; font-weight: normal; font-style: normal; text-align: center; display: block; margin: 0px; padding: 0px 25px; top: 52%; width: 100%; position: absolute; box-sizing: border-box; white-space: normal; }
#shipping-policy-popup #shipping-policy .content-container .info { width: 100%; margin-top: 28px; float: left; width: 50%; padding-right: 28px; vertical-align: top; }
#shipping-policy-popup #shipping-policy .content-container .info section { width: 100%; }
#shipping-policy-popup #shipping-policy .content-container .info section h3 { font-size: 11px; line-height: 30px; letter-spacing: 3px; color: #595454; font-family: "BrandonGrotesqueWeb-Regular"; font-weight: normal; font-style: normal; cursor: pointer; text-transform: uppercase; border-bottom: solid 1px #cfcccc; margin-top: 28px; }
#shipping-policy-popup #shipping-policy .content-container .info section h3:before { content: "+"; float: right; font-size: 22px; }
#shipping-policy-popup #shipping-policy .content-container .info section h3.selected:before { content: "-"; font-size: 26px; line-height: 25px; }
#shipping-policy-popup #shipping-policy .content-container .info section h3.initial:before { content: "-"; font-size: 26px; line-height: 25px; }
#shipping-policy-popup #shipping-policy .content-container .info section div { /*display:none;*/ font-size: 14px; line-height: 24px; letter-spacing: 1px; color: #595454; font-family: "BrandonGrotesqueWeb-Light"; font-weight: normal; font-style: normal; overflow: hidden; }
#shipping-policy-popup #shipping-policy .content-container .info:nth-of-type(3) { padding-right: 0px; padding-left: 28px; }
#shipping-policy-popup #shipping-policy .mobile-contact { display: none; height: 40px; width: 100%; background-color: #E5E5E5; }
#shipping-policy-popup #shipping-policy .mobile-contact a { text-align: right; font-size: 9px; line-height: 16px; vertical-align: top; padding-top: 4px; display: block; margin-right: 14px; }
#shipping-policy-popup #shipping-policy .mobile-contact a span { display: block; width: 100%; font-size: 12px; vertical-align: top; }
#shipping-policy-popup #shipping-policy .mobile-contact a span:before { content: "\2709"; font-size: 20px; margin-right: 5px; display: inline-block; vertical-align: top; font-weight: 300; }
#shipping-policy-popup #shipping-policy .mobile-contact a:hover { text-decoration: none; color: #000; }

#sizechart-popup { overflow-y: scroll; }
#sizechart-popup .popup-content { top: 50px; -ms-transform: translate(-50%, 0px); -o-transform: translate(-50%, 0px); -moz-transform: translate(-50%, 0px); -webkit-transform: translate(-50%, 0px); transform: translate(-50%, 0px); width: 85%; max-width: 800px; margin-bottom: 80px; padding: 0px 14px 28px 14px; }
#sizechart-popup .mobile-close { display: none; }
#sizechart-popup h5 { font-size: 12px; line-height: 20px; letter-spacing: 2px; color: #423f3f; font-family: "BrandonGrotesqueWeb-Regular"; font-weight: normal; font-style: normal; border-bottom: solid 1px #e0e0e0; width: 300px; margin: 42px 0px 28px 0px; text-transform: uppercase; }
#sizechart-popup h5:first-of-type { margin-top: 28px; }
#sizechart-popup table { width: 100%; background-color: #fff; border-spacing: 1px; }
#sizechart-popup table th { font-size: 10px; line-height: 30px; letter-spacing: 2px; color: #595454; font-family: "BrandonGrotesqueWeb-Bold"; font-weight: normal; font-style: normal; text-align: left; vertical-align: middle; padding-left: 28px; padding-top: 3px; box-sizing: border-box; text-transform: uppercase; }
#sizechart-popup table td { font-size: 12px; line-height: 30px; letter-spacing: 2px; color: #595454; font-family: "BrandonGrotesqueWeb-Regular"; font-weight: normal; font-style: normal; text-align: center; vertical-align: middle; padding-top: 3px; }
#sizechart-popup table tr:nth-child(even) th, #sizechart-popup table tr:nth-child(even) td { background: #FCFAF8; }
#sizechart-popup table tr:nth-child(odd) th, #sizechart-popup table tr:nth-child(odd) td { background: #F8F4ED; }
#sizechart-popup table tr:first-of-type th { background: #fff; font-size: 12px; line-height: 20px; letter-spacing: 2px; color: #423f3f; font-family: "BrandonGrotesqueWeb-Bold"; font-weight: normal; font-style: normal; text-align: center; padding-left: 0px; }
#sizechart-popup table tr:hover:nth-child(even) th, #sizechart-popup table tr:hover:nth-child(even) td { background: #e0e0e0; }
#sizechart-popup table tr:hover:nth-child(odd) th, #sizechart-popup table tr:hover:nth-child(odd) td { background: #e0e0e0; }
#sizechart-popup nav { height: 41px; width: 100%; cursor: pointer; margin-bottom: 28px; margin-top: 14px; text-align: center; }
#sizechart-popup nav a, #sizechart-popup nav p { font-size: 17px; line-height: 48px; letter-spacing: 2px; color: #423f3f; font-family: "BulmerMTStd-Italic"; font-weight: normal; font-style: normal; line-height: 41px; font-size: 15px; box-sizing: border-box; display: block; float: left; margin: 0px; padding: 0px; height: 100%; border: solid 1px #cfcccc; border-right: none; width: -moz-calc(25% - 2px); width: -webkit-calc(25% - 2px); width: calc(25% - 2px); }
#sizechart-popup nav a:last-of-type, #sizechart-popup nav p:last-of-type { margin-right: 0px; }
#sizechart-popup nav a:hover, #sizechart-popup nav p:hover { /*background-color:$color-tab-unselected; */ text-decoration: underline; }
#sizechart-popup nav a:nth-of-type(4) { font-size: 11px; line-height: 11px; vertical-align: top; padding-top: 8px; width: -moz-calc(25% - 35px); width: -webkit-calc(25% - 35px); width: calc(25% - 35px); border-left: none; }
#sizechart-popup nav a:nth-of-type(4) span { display: block; width: 100%; font-size: 11px; vertical-align: top; line-height: 16px; }
#sizechart-popup nav a:nth-of-type(4) span:before { content: "\2709"; font-size: 18px; padding-top: 1px; font-family: "BulmerMTStd-Regular"; margin-right: 5px; display: inline-block; vertical-align: top; font-weight: 300; }
#sizechart-popup nav p.close { width: 40px; border-right: solid 1px #cfcccc; }
#sizechart-popup nav .selected { background-color: #F0F0F0; }
#sizechart-popup .content-container { display: none; }
#sizechart-popup .size-container { display: block; }
#sizechart-popup .size-container .measurements { display: none; }
#sizechart-popup .size-container .measurements.selected { display: table; }
#sizechart-popup .size-container img { width: 30%; display: inline-block; margin-left: 10%; vertical-align: top; }
#sizechart-popup .size-container .description { display: inline-block; vertical-align: middle; width: 45%; margin-left: 10%; }
#sizechart-popup .size-container .description h6 { font-size: 10px; line-height: 30px; letter-spacing: 2px; color: #595454; font-family: "BrandonGrotesqueWeb-Bold"; font-weight: normal; font-style: normal; font-size: 9px; line-height: 1; margin: 0; text-transform: uppercase; }
#sizechart-popup .size-container .description p { font-size: 12px; line-height: 30px; letter-spacing: 2px; color: #595454; font-family: "BrandonGrotesqueWeb-Regular"; font-weight: normal; font-style: normal; line-height: 1.5; margin: 6px 0 15px 0; font-size: 11px; letter-spacing: 1px; }
#sizechart-popup .size-container .tops-image { margin-left: 4%; width: 40%; }
#sizechart-popup .size-container .tops-text { margin-left: 6%; width: 45%; }
#sizechart-popup .size-container .swim-image { margin-left: 2%; width: 46%; }
#sizechart-popup .size-container .swim-text { margin-left: 6%; width: 44%; }
#sizechart-popup .size-container .intimates-image { width: 28%; }
#sizechart-popup .guide { font-size: 12px; line-height: 30px; letter-spacing: 2px; color: #595454; font-family: "BrandonGrotesqueWeb-Regular"; font-weight: normal; font-style: normal; line-height: 1.5; margin: 9px 0 15px 0; font-size: 11px; letter-spacing: 1px; max-width: 395px; }
#sizechart-popup .size-tabs { display: table; width: 100%; padding-bottom: 17px; }
#sizechart-popup .size-tabs .size-tab { background: #FCFAF8; padding: 2px 10px; font-size: 10px; line-height: 30px; letter-spacing: 2px; color: #595454; font-family: "BrandonGrotesqueWeb-Bold"; font-weight: normal; font-style: normal; text-transform: uppercase; display: table-cell; text-align: center; }
#sizechart-popup .size-tabs .size-tab.selected { background: #F8F4ED; }
#sizechart-popup .size-content { display: none; margin-top: 9px; }
#sizechart-popup .size-content.selected { display: block; }
#sizechart-popup .measurement-selection { margin-top: 32px; }
#sizechart-popup .measurement-selection h6 { font-size: 12px; line-height: 20px; letter-spacing: 2px; color: #423f3f; font-family: "BrandonGrotesqueWeb-Regular"; font-weight: normal; font-style: normal; margin: 0px; padding: 0px; text-transform: uppercase; font-size: 12px; margin-bottom: 5px; }
#sizechart-popup .measurement-selection input { display: none; }
#sizechart-popup .measurement-selection label { cursor: pointer; font-size: 12px; line-height: 20px; letter-spacing: 2px; color: #423f3f; font-family: "BrandonGrotesqueWeb-Regular"; font-weight: normal; font-style: normal; margin-right: 25px; font-size: 10px; vertical-align: top; }
#sizechart-popup .measurement-selection label:before { margin-right: 5px; display: inline-block; width: 10px; height: 10px; content: url("ring_unselected.svg"); color: #000; font-size: 10px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; vertical-align: top; }
#sizechart-popup .measurement-selection input:checked + label:before { content: url("circle_selected.svg"); }
#sizechart-popup .select { margin: 10px auto; position: relative; display: none; width: auto; border: solid 1px #b0b0b0; cursor: pointer; font-size: 10px; line-height: 23px; width: 185px; /*position:absolute; top:60px; right:10px;*/ }
#sizechart-popup .select select { -o-appearance: none; -ms-appearance: none; -moz-appearance: none; -webkit-appearance: none; appearance: none; font-size: 1.2em; letter-spacing: 0.1em; width: 100%; background-color: #fff; border: none; border-radius: 0; padding: 0.5rem 2rem 0.5rem 1rem; text-transform: uppercase; cursor: pointer; font-family: "gothic"; color: #423f3f; letter-spacing: 3px; text-align: center; font-size: 10px; line-height: 10px; }
#sizechart-popup .select:after { content: "\25BE"; color: #000; display: block; position: absolute; top: 0.2rem; right: 0.5rem; font-size: 0.7rem; pointer-events: none; }

#sizechart-popup-old { overflow-y: scroll; }
#sizechart-popup-old .popup-content { top: 50px; -ms-transform: translate(-50%, 0px); -o-transform: translate(-50%, 0px); -moz-transform: translate(-50%, 0px); -webkit-transform: translate(-50%, 0px); transform: translate(-50%, 0px); width: 85%; max-width: 800px; margin-bottom: 80px; padding: 0px 14px 28px 14px; }
#sizechart-popup-old .mobile-close { display: none; }
#sizechart-popup-old h5 { font-size: 12px; line-height: 20px; letter-spacing: 2px; color: #423f3f; font-family: "BrandonGrotesqueWeb-Regular"; font-weight: normal; font-style: normal; border-bottom: solid 1px #e0e0e0; width: 300px; margin: 42px 0px 28px 0px; text-transform: uppercase; }
#sizechart-popup-old h5:first-of-type { margin-top: 28px; }
#sizechart-popup-old table { width: 100%; background-color: #fff; border-spacing: 1px; }
#sizechart-popup-old table th { font-size: 10px; line-height: 30px; letter-spacing: 2px; color: #595454; font-family: "BrandonGrotesqueWeb-Bold"; font-weight: normal; font-style: normal; text-align: left; vertical-align: middle; padding-left: 28px; padding-top: 3px; box-sizing: border-box; text-transform: uppercase; }
#sizechart-popup-old table td { font-size: 12px; line-height: 30px; letter-spacing: 2px; color: #595454; font-family: "BrandonGrotesqueWeb-Regular"; font-weight: normal; font-style: normal; text-align: center; vertical-align: middle; padding-top: 3px; }
#sizechart-popup-old table tr:nth-child(even) th, #sizechart-popup-old table tr:nth-child(even) td { background: #FCFAF8; }
#sizechart-popup-old table tr:nth-child(odd) th, #sizechart-popup-old table tr:nth-child(odd) td { background: #F8F4ED; }
#sizechart-popup-old table tr:first-of-type th { background: #fff; font-size: 12px; line-height: 20px; letter-spacing: 2px; color: #423f3f; font-family: "BrandonGrotesqueWeb-Bold"; font-weight: normal; font-style: normal; text-align: center; padding-left: 0px; }
#sizechart-popup-old table tr:hover:nth-child(even) th, #sizechart-popup-old table tr:hover:nth-child(even) td { background: #e0e0e0; }
#sizechart-popup-old table tr:hover:nth-child(odd) th, #sizechart-popup-old table tr:hover:nth-child(odd) td { background: #e0e0e0; }
#sizechart-popup-old nav { height: 41px; width: 100%; cursor: pointer; margin-bottom: 28px; margin-top: 14px; text-align: center; }
#sizechart-popup-old nav a, #sizechart-popup-old nav p { font-size: 17px; line-height: 48px; letter-spacing: 2px; color: #423f3f; font-family: "BulmerMTStd-Italic"; font-weight: normal; font-style: normal; line-height: 41px; font-size: 15px; box-sizing: border-box; display: block; float: left; margin: 0px; padding: 0px; height: 100%; border: solid 1px #cfcccc; border-right: none; width: -moz-calc(25% - 2px); width: -webkit-calc(25% - 2px); width: calc(25% - 2px); }
#sizechart-popup-old nav a:last-of-type, #sizechart-popup-old nav p:last-of-type { margin-right: 0px; }
#sizechart-popup-old nav a:hover, #sizechart-popup-old nav p:hover { /*background-color:$color-tab-unselected; */ text-decoration: underline; }
#sizechart-popup-old nav a:nth-of-type(4) { font-size: 11px; line-height: 11px; vertical-align: top; padding-top: 8px; width: -moz-calc(25% - 35px); width: -webkit-calc(25% - 35px); width: calc(25% - 35px); border-left: none; }
#sizechart-popup-old nav a:nth-of-type(4) span { display: block; width: 100%; font-size: 11px; vertical-align: top; line-height: 16px; }
#sizechart-popup-old nav a:nth-of-type(4) span:before { content: "\2709"; font-size: 18px; padding-top: 1px; font-family: "BulmerMTStd-Regular"; margin-right: 5px; display: inline-block; vertical-align: top; font-weight: 300; }
#sizechart-popup-old nav p.close { width: 40px; border-right: solid 1px #cfcccc; }
#sizechart-popup-old nav .selected { background-color: #F0F0F0; }
#sizechart-popup-old .content-container { display: none; }
#sizechart-popup-old .size-container { display: block; }
#sizechart-popup-old .size-container .measurements { display: none; }
#sizechart-popup-old .size-container .measurements.selected { display: table; }
#sizechart-popup-old .size-container img { width: 30%; display: inline-block; margin-left: 10%; vertical-align: top; }
#sizechart-popup-old .size-container .description { display: inline-block; vertical-align: middle; width: 45%; margin-left: 10%; }
#sizechart-popup-old .size-container .description h6 { font-size: 10px; line-height: 30px; letter-spacing: 2px; color: #595454; font-family: "BrandonGrotesqueWeb-Bold"; font-weight: normal; font-style: normal; font-size: 9px; line-height: 1; margin: 0; text-transform: uppercase; }
#sizechart-popup-old .size-container .description p { font-size: 12px; line-height: 30px; letter-spacing: 2px; color: #595454; font-family: "BrandonGrotesqueWeb-Regular"; font-weight: normal; font-style: normal; line-height: 1.5; margin: 6px 0 15px 0; font-size: 11px; letter-spacing: 1px; }
#sizechart-popup-old .size-container .tops-image { margin-left: 4%; width: 40%; }
#sizechart-popup-old .size-container .tops-text { margin-left: 6%; width: 45%; }
#sizechart-popup-old .size-container .swim-image { margin-left: 2%; width: 46%; }
#sizechart-popup-old .size-container .swim-text { margin-left: 6%; width: 44%; }
#sizechart-popup-old .size-container .intimates-image { width: 28%; }
#sizechart-popup-old .guide { font-size: 12px; line-height: 30px; letter-spacing: 2px; color: #595454; font-family: "BrandonGrotesqueWeb-Regular"; font-weight: normal; font-style: normal; line-height: 1.5; margin: 9px 0 15px 0; font-size: 11px; letter-spacing: 1px; max-width: 395px; }
#sizechart-popup-old .size-tabs { display: table; width: 100%; padding-bottom: 17px; }
#sizechart-popup-old .size-tabs .size-tab { background: #FCFAF8; padding: 2px 10px; font-size: 10px; line-height: 30px; letter-spacing: 2px; color: #595454; font-family: "BrandonGrotesqueWeb-Bold"; font-weight: normal; font-style: normal; text-transform: uppercase; display: table-cell; text-align: center; }
#sizechart-popup-old .size-tabs .size-tab.selected { background: #F8F4ED; }
#sizechart-popup-old .size-content { display: none; margin-top: 9px; }
#sizechart-popup-old .size-content.selected { display: block; }
#sizechart-popup-old .measurement-selection { margin-top: 32px; }
#sizechart-popup-old .measurement-selection h6 { font-size: 12px; line-height: 20px; letter-spacing: 2px; color: #423f3f; font-family: "BrandonGrotesqueWeb-Regular"; font-weight: normal; font-style: normal; margin: 0px; padding: 0px; text-transform: uppercase; font-size: 12px; margin-bottom: 5px; }
#sizechart-popup-old .measurement-selection input { display: none; }
#sizechart-popup-old .measurement-selection label { cursor: pointer; font-size: 12px; line-height: 20px; letter-spacing: 2px; color: #423f3f; font-family: "BrandonGrotesqueWeb-Regular"; font-weight: normal; font-style: normal; margin-right: 25px; font-size: 10px; vertical-align: top; }
#sizechart-popup-old .measurement-selection label:before { margin-right: 5px; display: inline-block; width: 10px; height: 10px; content: url("ring_unselected.svg"); color: #000; font-size: 10px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; vertical-align: top; }
#sizechart-popup-old .measurement-selection input:checked + label:before { content: url("circle_selected.svg"); }
#sizechart-popup-old .select { margin: 10px auto; position: relative; display: none; width: auto; border: solid 1px #b0b0b0; cursor: pointer; font-size: 10px; line-height: 23px; width: 185px; /*position:absolute; top:60px; right:10px;*/ }
#sizechart-popup-old .select select { -o-appearance: none; -ms-appearance: none; -moz-appearance: none; -webkit-appearance: none; appearance: none; font-size: 1.2em; letter-spacing: 0.1em; width: 100%; background-color: #fff; border: none; border-radius: 0; padding: 0.5rem 2rem 0.5rem 1rem; text-transform: uppercase; cursor: pointer; font-family: "gothic"; color: #423f3f; letter-spacing: 3px; text-align: center; font-size: 10px; line-height: 10px; }
#sizechart-popup-old .select:after { content: "\25BE"; color: #000; display: block; position: absolute; top: 0.2rem; right: 0.5rem; font-size: 0.7rem; pointer-events: none; }

#store-location-popup .popup-content { padding: 60px 56px 40px 56px; box-sizing: content-box; width: 500px; cursor: default; }
#store-location-popup .popup-content .line { margin-top: 28px; }
#store-location-popup .popup-content h4 { margin-bottom: 40px; }
#store-location-popup .popup-content section { width: 200px; float: left; margin-top: 28px; position: relative; }
#store-location-popup .popup-content section h5 { text-align: center; margin-left: 0px; margin-bottom: 20px; }
#store-location-popup .popup-content section:nth-of-type(2) { width: 100px; }
#store-location-popup .popup-content section p { padding-left: 32px; font-size: 14px; line-height: 24px; letter-spacing: 1px; color: #595454; font-family: "BulmerMTStd-Regular"; font-weight: normal; font-style: normal; margin: 2px; }
#store-location-popup .popup-content section p:before { font-family: "icons"; content: "±"; width: 15px; height: 15px; font-size: 15px; color: #54504e; display: inline-block; margin-left: 0px; margin-right: 5px; margin-bottom: 5px; }
#store-location-popup .popup-content section a { margin-top: 20px; }
#store-location-popup .popup-content section .or { font-size: 14px; line-height: 24px; letter-spacing: 1px; color: #595454; font-family: "BulmerMTStd-Regular"; font-weight: normal; font-style: normal; text-align: center; text-decoration: underline; display: block; margin-top: 70px; }
#store-location-popup .popup-content .antlers { margin-top: 14px; }
#store-location-popup .popup-content .links { position: absolute; top: 50px; left: 0; width: 100%; height: 100%; display: flex; }
#store-location-popup .popup-content .links a { flex: 0 1 50%; cursor: pointer; }

#cart-notice-popup .popup-content { padding: 30px 40px; box-sizing: content-box; }
#cart-notice-popup .popup-content .close { font-size: 25px !important; }
#cart-notice-popup .popup-content em { text-align: center; font-size: 16px; }
#cart-notice-popup .popup-content a.button { width: 60px; display: block; margin: 10px auto 0px auto; }

#login-popup #login-page .left-panel { padding-right: 50px; }
#login-popup #login-page .right-panel { padding-left: 50px; }

#store-free-gift .popup-content { padding: 40px 40px 20px 40px; }

#travel-signup-popup .popup-content { width: 500px; max-width: 90%; font-size: 1vw; background: none; }
#travel-signup-popup .popup-content a.close { top: -30px; right: -30px; }
#travel-signup-popup .popup-content div { position: relative; }
#travel-signup-popup .popup-content div img { width: 100%; display: block; }
#travel-signup-popup .popup-content div form { position: absolute; left: 20%; width: 60%; top: 65%; }
#travel-signup-popup .popup-content div form label { line-height: 1; font-size: 0.8em; color: #fff; width: 100%; text-align: center; }
#travel-signup-popup .popup-content div form input[type="email"] { width: 100%; height: auto; margin-bottom: 1em; font-size: 1em; line-height: 2.5em; }
#travel-signup-popup .popup-content div form input[type="submit"] { width: 40%; border: solid 2px #fff; width: 43%; margin: 0 auto; display: block; background: none; height: auto; font-size: 0.8em; line-height: 1.8; }

.collection-email-popup { cursor: pointer; display: block !important; }
.collection-email-popup .desktop { display: block !important; }
.collection-email-popup .mobile { display: none !important; }

#collection-email-signup-popup .popup-content { width: auto; height: 500px; max-height: 80vh; font-size: 1vw; background: none; }
#collection-email-signup-popup .popup-content a.close { top: -30px; right: -30px; }
#collection-email-signup-popup .popup-content div { position: relative; height: 100%; }
#collection-email-signup-popup .popup-content div img { height: 100%; display: block; }
#collection-email-signup-popup .popup-content div form { position: absolute; left: 5%; width: 90%; top: 78%; font-size: 1vh; }
#collection-email-signup-popup .popup-content div form label { line-height: 1; text-transform: none; font-size: 1.9em; color: #fff; width: 100%; text-align: center; font-family: "Volta-Reg"; padding-top: 4%; color: #423f3f; }
#collection-email-signup-popup .popup-content div form input[type="email"] { display: table; width: 80%; margin-left: 10%; height: auto; margin-bottom: 5%; font-size: 1.5em; line-height: 2.5em; text-align: center; color: #423f3f; }
#collection-email-signup-popup .popup-content div form input[type="email"]::-webkit-input-placeholder { font-size: 0.8em; color: #999; }
#collection-email-signup-popup .popup-content div form input[type="email"]:-moz-placeholder { font-size: 0.8em; color: #999; }
#collection-email-signup-popup .popup-content div form input[type="email"]::-moz-placeholder { font-size: 0.8em; color: #999; }
#collection-email-signup-popup .popup-content div form input[type="email"]:-ms-input-placeholder { font-size: 0.8em; color: #999; }
#collection-email-signup-popup .popup-content div form input[type="submit"] { width: auto; margin: 0 auto; display: block; background: none; height: auto; border-bottom: solid 1px #423f3f; letter-spacing: 2px; font-weight: 900; padding: 0; font-size: 1.5em; line-height: 1; margin-top: 0; color: #423f3f; }

@media screen and (min-height: 600px) { #collection-email-signup-popup .popup-content div form { font-size: 7px; } }
.notifiction-popup .popup-content { width: 85%; max-width: 500px; padding: 65px 40px 30px 40px; font-size: 13px; line-height: 20px; letter-spacing: 2px; color: #423f3f; font-family: "BulmerMTStd-Regular"; font-weight: normal; font-style: normal; cursor: default; }
.notifiction-popup .popup-content form { width: 80%; margin: 0px auto; border: solid 1px transparent; }
.notifiction-popup .popup-content .line { margin-top: 42px; }
.notifiction-popup .popup-content p { padding: 28px 0px 14px 0px; margin-top: 0px; text-align: center; }
.notifiction-popup .popup-content label { width: 50px; }
.notifiction-popup .popup-content .select, .notifiction-popup .popup-content input { max-width: -moz-calc(100% - 55px); max-width: -webkit-calc(100% - 55px); max-width: calc(100% - 55px); }
.notifiction-popup .popup-content button { margin-top: 14px; }
.notifiction-popup .popup-content section { text-align: center; display: none; }

#share-wishlist-popup .popup-content { max-width: 600px; }
#share-wishlist-popup .popup-content input { max-width: 100%; }
#share-wishlist-popup .popup-content p { margin-bottom: 2px; line-height: 17px; }
#share-wishlist-popup .popup-content .selection { display: block; }
#share-wishlist-popup .popup-content .selection input[type="checkbox"] { opacity: 0; position: absolute; width: 0px; height: 0px; }
#share-wishlist-popup .popup-content .selection label { box-sizing: border-box; float: left; display: block; width: calc(((100% - 10px) /  5) - 10px); vertical-align: top; cursor: pointer; overflow: hidden; opacity: 0.1; margin-right: 10px; }
#share-wishlist-popup .popup-content .selection label:nth-of-type(5n) { margin-right: 0px; }
#share-wishlist-popup .popup-content .selection label img { display: block; width: 100%; }
#share-wishlist-popup .popup-content .selection input[type="checkbox"]:checked + label { opacity: 1; }

.custom-scrollbar { position: relative; }
.custom-scrollbar .custom-scrollbar-handle { display: none; width: 2px; height: 40px; background-color: #000; display: block; top: 0; right: 0; position: absolute; }
.custom-scrollbar .custom-scrollbar-container { overflow-x: hidden; }
.custom-scrollbar .custom-scrollbar-container .custom-scrollbar-scrolling-content { overflow-y: scroll; width: calc(100% + 20px); }

#shopthelook-popup { display: none; position: fixed; width: 100%; height: 100%; top: 0px !important; left: 0px; z-index: 17; cursor: pointer; z-index: 999999; }
#shopthelook-popup .popup-content { overflow: hidden; position: absolute; top: 195px; right: 3%; width: 41%; background-color: #fff; padding: 25px 15px 15px 2%; box-sizing: border-box; transform: translateX(100%); transition: transform 1s; -ms-box-shadow: -1px 3px 9px 0px rgba(0, 0, 0, 0.45); -o-box-shadow: -1px 3px 9px 0px rgba(0, 0, 0, 0.45); -moz-box-shadow: -1px 3px 9px 0px rgba(0, 0, 0, 0.45); -webkit-box-shadow: -1px 3px 9px 0px rgba(0, 0, 0, 0.45); box-shadow: -1px 3px 9px 0px rgba(0, 0, 0, 0.45); }
#shopthelook-popup .popup-content a.close { font-size: 27px !important; }
#shopthelook-popup .popup-content .page-title { margin-top: 14px; margin-bottom: 25px; }
#shopthelook-popup .popup-content p.subtitle { text-align: center; width: 260px; margin: 10px auto 30px auto; line-height: 1.5; }
#shopthelook-popup .popup-content .custom-scrollbar-container { border-right: solid 2px rgba(0, 0, 0, 0.3); }
#shopthelook-popup .popup-content .custom-scrollbar-container .custom-scrollbar-scrolling-content { max-height: calc(90vh - 90px); padding-right: 20px; -webkit-overflow-scrolling: touch; }
#shopthelook-popup .popup-content .custom-scrollbar-container .custom-scrollbar-scrolling-content .shopthelook-product { margin-bottom: 20px; border-bottom: solid 1px #cfcccc; padding-bottom: 6%; margin-bottom: 6%; }
#shopthelook-popup .popup-content .custom-scrollbar-container .custom-scrollbar-scrolling-content .shopthelook-product .product-image { display: inline-block; vertical-align: top; width: 36%; padding: 0; margin: 0; border: none; background-color: #fff; }
#shopthelook-popup .popup-content .custom-scrollbar-container .custom-scrollbar-scrolling-content .shopthelook-product .product-image img { display: block; width: 100%; }
#shopthelook-popup .popup-content .custom-scrollbar-container .custom-scrollbar-scrolling-content .shopthelook-product .details { display: inline-block; width: calc(60% - 20px); vertical-align: top; padding-top: 11%; }
#shopthelook-popup .popup-content .custom-scrollbar-container .custom-scrollbar-scrolling-content .shopthelook-product .details h2 { font-size: 11px; margin-bottom: 13px; }
#shopthelook-popup .popup-content .custom-scrollbar-container .custom-scrollbar-scrolling-content .shopthelook-product .details h4 { font-size: 13px; }
#shopthelook-popup .popup-content .custom-scrollbar-container .custom-scrollbar-scrolling-content .shopthelook-product .details #product-form .price { margin-top: 18px; margin-bottom: 29px; }
#shopthelook-popup .popup-content .custom-scrollbar-container .custom-scrollbar-scrolling-content .shopthelook-product .details #product-form #add-to-cart-button { width: 85%; margin-left: auto; margin-right: auto; display: table; }
#shopthelook-popup .popup-content .custom-scrollbar-container .custom-scrollbar-scrolling-content .shopthelook-product .details #product-form .size-swatches { margin-top: 16px; }
#shopthelook-popup .popup-content .custom-scrollbar-container .custom-scrollbar-scrolling-content .shopthelook-product .details #product-form .size-swatches label { margin: 0 4px; width: 24px; height: 24px; line-height: 23px; font-size: 7px; margin-top: 0px; padding-left: 2px; }
#shopthelook-popup .popup-content .custom-scrollbar-container .custom-scrollbar-scrolling-content .shopthelook-product .details #product-form .size-swatches input { top: 0; left: 0; }
#shopthelook-popup .popup-content .custom-scrollbar-container .custom-scrollbar-scrolling-content .shopthelook-product .details #product-form button { font-size: 11px; height: 34px; line-height: 34px; margin-top: 16px; }
#shopthelook-popup.show { display: block; }
#shopthelook-popup.slidein .popup-content { transform: translateX(0); }

/****************************************************************************************************************/
/*******************************                    Footer                      *********************************/
/****************************************************************************************************************/
footer { background: #fdfcfc; padding: 0px 0px 7px 0px; margin-top: 28px; }
footer .antlers-container { background-color: #fff; padding: 28px 0px; }
footer .antlers-container .antlers { background-image: url("antelrs.jpg"); background-size: contain; background-repeat: no-repeat; background-position: 50% 50%; display: block; width: 100%; height: 50px; }
footer section { float: left; width: 30%; padding-left: 100px; margin-top: 25px; }
footer section:first-of-type { padding-left: 0px; }
footer section:nth-of-type(2) { width: 40%; border-right: solid 1px #e0e0e0; border-left: solid 1px #e0e0e0; }
footer section h4 { font-size: 11px; line-height: 24px; letter-spacing: 3px; color: #423f3f; font-family: "BrandonGrotesqueWeb-Light"; font-weight: normal; font-style: normal; margin-top: 0px; margin-bottom: 12px; }
footer section ul { -webkit-margin-before: 0px; -webkit-margin-after: 0px; -webkit-padding-start: 0px; padding: 0px; /*	li:nth-child(7), li:nth-child(8){margin-bottom:$zero; margin-bottom:$zero;} */ }
footer section ul li { margin-bottom: 7px; display: inline-block; }
footer section ul li:nth-child(odd) { width: 55%; }
footer section ul img { width: 15px; height: 15px; margin-right: 15px; }
footer section ul a { font-size: 12px; line-height: 24px; letter-spacing: 2px; color: #4f4f4f; font-family: "BulmerMTStd-Italic"; font-weight: normal; font-style: normal; }
footer section #vip-signup-form { margin-bottom: 55px; }
footer section #vip-signup-form input { padding: 0px; margin-bottom: 5px; border: solid 1px #e0e0e0; height: 24px; text-indent: 0px; padding-left: 10px; width: 100%; }
footer section #vip-signup-form label { text-align: right; width: 100%; font-size: 12px; line-height: 24px; letter-spacing: 2px; color: #4f4f4f; font-family: "BulmerMTStd-Italic"; font-weight: normal; font-style: normal; display: block; width: 100%; letter-spacing: 1px; }
footer section #vip-signup-form label a { text-decoration: underline; display: inline; }
footer section #vip-signup-form label.error { text-align: left; }
footer section .icon:before { display: inline-block; margin-right: 20px; font-size: 12px; font-style: normal; background-repeat: no-repeat; background-size: 12px; width: 12px; height: 12px; }
footer ul#footer-social-icons { width: 100%; display: flex; justify-content: space-between; }
footer ul#footer-social-icons li { width: auto; }
footer ul#footer-social-icons li a { letter-spacing: 0px; }
footer ul#footer-social-icons li .planet img { width: auto; height: 24px; margin: 0; }
footer ul#footer-social-icons li .icon-2x { font-size: 18px !important; }
footer .mobile-social-icons { display: none; padding: 0px 0px 5px 0px; }
footer .mobile-social-icons ul { -webkit-padding-start: 0px; padding-left: 0px; max-width: 350px; margin: 0px auto; display: flex; justify-content: space-between; }
footer .mobile-social-icons ul li { /*width: auto !important; padding:$zero $zero $zero calc((100% - 135px) / 8) !important; */ }
footer .mobile-social-icons ul li .planet img { width: auto; height: 28px; margin: 0; }
footer .mobile-social-icons ul li a { min-width: 100%; display: block; }
footer .mobile-social-icons ul li .icon-2x { min-width: 100%; width: 100%; display: block; }
footer .mobile-social-icons ul li .icon-2x:before { width: 100%; text-align: center; }
footer .mobile-social-icons ul li:last-of-type { width: auto !important; }
footer .mobile-social-icons ul li:last-of-type a { min-width: 0px; display: inline; }
footer .mobile-social-icons ul li:last-of-type .icon-2x { min-width: 0px; width: auto; display: inline; }
footer .mobile-social-icons ul li:last-of-type .icon-2x:before { width: auto; }
footer .mobile-vip-signup { display: none; margin: 30px 0px 0px 0px; }
footer .mobile-vip-signup input { display: inline-block; margin: 0px; padding: 0px; height: 40px; vertical-align: top; border-radius: 0px; font-size: 14px; line-height: 24px; letter-spacing: 2px; color: #423f3f; font-family: "BrandonGrotesqueWeb-Light"; font-weight: normal; font-style: normal; }
footer .mobile-vip-signup input[type="submit"] { width: 120px; height: 30px; line-height: 33px; background-color: #252525; border: none; padding-top: 0px; color: #FFF; }
footer .mobile-vip-signup input[type="email"] { width: calc(100% - 121px); height: 30px; border: solid 1px #e0e0e0; padding-left: 15px; box-sizing: border-box; }
footer .mobile-vip-signup input[type="email"]::-webkit-input-placeholder { font-size: 14px; line-height: 24px; letter-spacing: 2px; color: #423f3f; font-family: "BrandonGrotesqueWeb-Light"; font-weight: normal; font-style: normal; font-size: 12px; line-height: 33px; height: 30px; }
footer .mobile-vip-signup input[type="email"]:-moz-placeholder { font-size: 14px; line-height: 24px; letter-spacing: 2px; color: #423f3f; font-family: "BrandonGrotesqueWeb-Light"; font-weight: normal; font-style: normal; font-size: 12px; line-height: 33px; height: 30px; }
footer .mobile-vip-signup input[type="email"]::-moz-placeholder { font-size: 14px; line-height: 24px; letter-spacing: 2px; color: #423f3f; font-family: "BrandonGrotesqueWeb-Light"; font-weight: normal; font-style: normal; font-size: 12px; line-height: 33px; height: 30px; }
footer .mobile-vip-signup input[type="email"]:-ms-input-placeholder { font-size: 14px; line-height: 24px; letter-spacing: 2px; color: #423f3f; font-family: "BrandonGrotesqueWeb-Light"; font-weight: normal; font-style: normal; font-size: 12px; line-height: 33px; height: 30px; }
footer .mobile-vip-signup label { font-size: 12px; line-height: 24px; letter-spacing: 2px; color: #4f4f4f; font-family: "BulmerMTStd-Italic"; font-weight: normal; font-style: normal; text-align: center; margin-top: 0px; width: 100%; padding: 30px 30px 10px 30px; box-sizing: border-box; }
footer .mobile-vip-signup label a { display: block; text-decoration: underline; }
footer #copy { font-size: 10px; line-height: 24px; letter-spacing: 1px; color: #cfcccc; font-family: "BulmerMTStd-Regular"; font-weight: normal; font-style: normal; margin-top: 10px; }
footer #copy a { font-size: 10px; line-height: 24px; letter-spacing: 1px; color: #cfcccc; font-family: "BulmerMTStd-Regular"; font-weight: normal; font-style: normal; }

/**************************************************************************************************************/
/*******************************                    Animations                *********************************/
/**************************************************************************************************************/
.animatedSlideToRightShown { display: block !important; left: -100%; -ms-animation: slideLeftZero 0.5s forwards; -o-animation: slideLeftZero 0.5s forwards; -moz-animation: slideLeftZero 0.5s forwards; -webkit-animation: slideLeftZero 0.5s forwards; animation: slideLeftZero 0.5s forwards; }

.animatedSlideToLeftHidden { display: block !important; left: 0%; -ms-animation: slideLeftNegativeWidth 0.5s forwards; -o-animation: slideLeftNegativeWidth 0.5s forwards; -moz-animation: slideLeftNegativeWidth 0.5s forwards; -webkit-animation: slideLeftNegativeWidth 0.5s forwards; animation: slideLeftNegativeWidth 0.5s forwards; }

.animatedRight { display: block !important; transform: translateX(0px); -ms-animation: slideRight 0.5s forwards; -o-animation: slideRight 0.5s forwards; -moz-animation: slideRight 0.5s forwards; -webkit-animation: slideRight 0.5s forwards; animation: slideRight 0.5s forwards; }

.animatedLeft { display: block !important; transform: translateX(300px); -ms-animation: slideLeft 0.5s forwards; -o-animation: slideLeft 0.5s forwards; -moz-animation: slideLeft 0.5s forwards; -webkit-animation: slideLeft 0.5s forwards; animation: slideLeft 0.5s forwards; }

@-moz-keyframes slideLeftZero { 0% { display: block; left: -100%; }
  100% { left: 0px; } }
@-o-keyframes slideLeftZero { 0% { display: block; left: -100%; }
  100% { left: 0px; } }
@-webkit-keyframes slideLeftZero { 0% { display: block; left: -100%; }
  100% { left: 0px; } }
@keyframes slideLeftZero { 0% { display: block; left: -100%; }
  100% { left: 0px; } }
@-moz-keyframes slideLeftNegativeWidth { 0% { left: 0px; }
  100% { left: -100%; display: none; } }
@-o-keyframes slideLeftNegativeWidth { 0% { left: 0px; }
  100% { left: -100%; display: none; } }
@-webkit-keyframes slideLeftNegativeWidth { 0% { left: 0px; }
  100% { left: -100%; display: none; } }
@keyframes slideLeftNegativeWidth { 0% { left: 0px; }
  100% { left: -100%; display: none; } }
@-moz-keyframes slideLeft { 0% { transform: translateX(300px); }
  100% { transform: translateX(0px); } }
@-o-keyframes slideLeft { 0% { transform: translateX(300px); }
  100% { transform: translateX(0px); } }
@-webkit-keyframes slideLeft { 0% { transform: translateX(300px); }
  100% { transform: translateX(0px); } }
@keyframes slideLeft { 0% { transform: translateX(300px); }
  100% { transform: translateX(0px); } }
@-moz-keyframes slideRight { 0% { transform: translateX(0px); }
  100% { transform: translateX(300px); } }
@-o-keyframes slideRight { 0% { transform: translateX(0px); }
  100% { transform: translateX(300px); } }
@-webkit-keyframes slideRight { 0% { transform: translateX(0px); }
  100% { transform: translateX(300px); } }
@keyframes slideRight { 0% { transform: translateX(0px); }
  100% { transform: translateX(300px); } }
/**************************************************************************************************************/
/*******************************                   Not Required               *********************************/
/**************************************************************************************************************/
.slide-in { left: 100%; -ms-animation: slidein 1s forwards; -o-animation: slidein 1s forwards; -moz-animation: slidein 1s forwards; -webkit-animation: slidein 1s forwards; animation: slidein 1s forwards; }

.slide-out { left: 0px; -ms-animation: slideout 1s forwards; -o-animation: slideout 1s forwards; -moz-animation: slideout 1s forwards; -webkit-animation: slideout 1s forwards; animation: slideout 1s forwards; }

@-moz-keyframes slidein { 0% { transform: translateX(0px); }
  100% { transform: translateX(-100%); } }
@-o-keyframes slidein { 0% { transform: translateX(0px); }
  100% { transform: translateX(-100%); } }
@-webkit-keyframes slidein { 0% { transform: translateX(0px); }
  100% { transform: translateX(-100%); } }
@keyframes slidein { 0% { transform: translateX(0px); }
  100% { transform: translateX(-100%); } }
@-moz-keyframes slideout { 0% { transform: translateX(0px); }
  100% { transform: translateX(-100%); } }
@-o-keyframes slideout { 0% { transform: translateX(0px); }
  100% { transform: translateX(-100%); } }
@-webkit-keyframes slideout { 0% { transform: translateX(0px); }
  100% { transform: translateX(-100%); } }
@keyframes slideout { 0% { transform: translateX(0px); }
  100% { transform: translateX(-100%); } }
/**************************************************************************************************************/
/*******************************                  Break Points              *********************************/
/**************************************************************************************************************/
@media screen and (min-width: 768px) { .container { width: 750px; } }
@media screen and (min-width: 992px) { .container { width: 970px; }
  #product-page .container { width: 870px; background-color: #FFF; } }
@media screen and (min-width: 1300px) { .container { width: 1180px; }
  #product-page .container { width: 1080px; background-color: #FFF; } }
@media screen and (min-width: 1500px) { .container { width: 1400px; }
  #product-page .container { width: 1180px; background-color: #FFF; } }
@media screen and (min-width: 1800px) { .container { width: 1650px; }
  #product-page .container { width: 1180px; } }
/**************************************************************************************************************/
/*******************************                  Media Queries               *********************************/
/**************************************************************************************************************/
@media screen and (max-width: 1800px) { #collection-page { font-size: 8px; } }
@media screen and (max-width: 1500px) { 	/* 	#collection-page{ 		.container-fullwidth{padding:$zero 18% $zero calc(18% - 170px);}  		.products-grid{ 			.collection-row{ 				.product-item{ 					.details{ 						.tag{} 						.title{ font-size:12px;} 						.price{} 					} 				} 			} 		} 	}*/
  footer section:nth-of-type(1) ul li:nth-child(odd) { width: 50%; }
  footer section:nth-of-type(2) { padding-left: 70px; }
  footer section:nth-of-type(3) { padding-left: 70px; } }
@media screen and (max-width: 1300px) { header#desktop-header .logo { width: 210px; height: 32.23881px; margin: 0px auto; }
  header#desktop-header nav ul li { padding: 0px 18px; }
  footer section .icon:before { margin-right: 12px; }
  footer section:nth-of-type(1) ul li:nth-child(odd) { width: 50%; }
  footer section:nth-of-type(2) { padding-left: 40px; }
  footer section:nth-of-type(2) ul li:nth-child(odd) { width: 55%; }
  footer section:nth-of-type(3) { padding-left: 40px; } }
@media screen and (max-width: 992px) { .hide-mobile { display: none; }
  .show-mobile { display: block; }
  header#mobile-actions { display: block; }
  header#mobile-header { display: block; }
  header#desktop-header { display: none; }
  .product-gifcard-title { display: none; }
  #celestial-page { font-size: 2.1vw; }
  #celestial-page a { border: solid 1px #999; line-height: 2; }
  #celestial-page .video-container { margin-bottom: 5%; }
  #celestial-page .video-container video { display: none; }
  #celestial-page .video-container .gif { display: block; }
  #celestial-page .video-container div img { width: 50%; }
  #celestial-page section { overflow: hidden; }
  #celestial-page section:nth-of-type(1) img:nth-of-type(1) { display: none; }
  #celestial-page section:nth-of-type(1) img:nth-of-type(2) { width: 62%; }
  #celestial-page section:nth-of-type(1) img:nth-of-type(3) { width: 34%; }
  #celestial-page section:nth-of-type(1) div { width: 34%; padding-left: 2%; }
  #celestial-page section:nth-of-type(1) h3 { font-size: 3.5em; }
  #celestial-page section:nth-of-type(2) { padding-top: 94%; }
  #celestial-page section:nth-of-type(2) img { width: 162%; left: -43%; }
  #celestial-page section:nth-of-type(2) div { right: 7%; }
  #celestial-page section:nth-of-type(3) img:nth-of-type(1) { display: none; }
  #celestial-page section:nth-of-type(3) img:nth-of-type(2) { display: none; }
  #celestial-page section:nth-of-type(3) img:nth-of-type(3) { width: 64%; }
  #celestial-page section:nth-of-type(3) div { margin-top: 17%; width: 30%; padding-left: 5%; display: table; float: left; }
  #celestial-page section:nth-of-type(3) h3 { font-size: 4.4em; }
  #celestial-page section:nth-of-type(4) { padding-top: 99%; }
  #celestial-page section:nth-of-type(4) img { width: 162%; left: -43%; }
  #celestial-page section:nth-of-type(5) { padding-bottom: 37%; }
  #celestial-page section:nth-of-type(5) img { width: 90%; margin-left: 5%; float: none; }
  #celestial-page section:nth-of-type(5) div { width: 100%; margin: 0; position: absolute; top: 58%; left: 0; }
  #celestial-page section:nth-of-type(5) h3 { text-align: center; }
  #celestial-page section:nth-of-type(5) p { text-align: center; width: 67%; margin: 3% auto 5% auto; }
  #celestial-page section:nth-of-type(5) a { display: table; margin: 0 auto; }
  #celestial-page section img { transition: transform 1s ease-out; }
  #celestial-page section img.animatable { transform: translate3d(0, 15em, 0); }
  #product-gifcard #gift-card-creator { width: 96%; margin-top: 0px; }
  #product-gifcard #gift-card-creator form { height: 440px; }
  #product-gifcard #gift-card-creator #slide-container .select-dropdown span { font-size: 6px; }
  #product-gifcard #gift-card-creator #slide-container #intro-step .page-title { display: block; }
  #product-gifcard #gift-card-creator #slide-container #intro-step h2 { margin-top: 0; margin-bottom: 15px; display: none; }
  #product-gifcard #gift-card-creator #slide-container #intro-step h4 { margin-top: 10px; margin-bottom: 15px; }
  #product-gifcard #gift-card-creator #slide-container #intro-step div { width: 100% !important; margin: 0 !important; }
  #product-gifcard #gift-card-creator #slide-container #intro-step .button { width: 85%; }
  #product-gifcard #gift-card-creator #slide-container #intro-step img { margin-top: 15px; width: 97%; margin-left: 1%; }
  #product-gifcard #gift-card-creator #slide-container #design-step { overflow: hidden; }
  #product-gifcard #gift-card-creator #slide-container #design-step h2 { white-space: normal; width: 100%; margin: 0 auto; font-size: 13px; }
  #product-gifcard #gift-card-creator #slide-container #design-step #design-section { width: 230%; max-width: 900px; margin-left: 50%; transform: translateX(-52%); padding: 4% 0; margin-top: 10px; margin-bottom: 15px; height: 380px; }
  #product-gifcard #gift-card-creator #slide-container #design-step #design-section label { flex: 0 0 31%; height: 400px; }
  #product-gifcard #gift-card-creator #slide-container #design-step #design-section label:first-of-type { margin-left: -33%; }
  #product-gifcard #gift-card-creator #slide-container #design-step #design-section label:nth-of-type(3) { flex: 0 0 31%; height: 400px; }
  #product-gifcard #gift-card-creator #slide-container #design-step #design-pagination a { font-size: 35px; }
  #product-gifcard #gift-card-creator #slide-container #design-step #design-pagination a:first-of-type { left: 5%; }
  #product-gifcard #gift-card-creator #slide-container #design-step #design-pagination a:last-of-type { right: 3%; }
  #product-gifcard #gift-card-creator #slide-container #amount-step h2 { margin-bottom: 10px; }
  #product-gifcard #gift-card-creator #slide-container #amount-step #desktop-amount { display: none; }
  #product-gifcard #gift-card-creator #slide-container #amount-step .select-dropdown { display: block; }
  #product-gifcard #gift-card-creator #slide-container #amount-step .styled-gift-card { margin-top: 18px; }
  #product-gifcard #gift-card-creator #slide-container #purchase-step h2 { margin-bottom: 25px; }
  #product-gifcard #gift-card-creator #slide-container #purchase-step #add-gifcard-to-cart { margin-top: 28px; }
  #product-gifcard #gift-card-creator .styled-gift-card .card-background { height: 37em; height: 29em; width: 23em; }
  #product-gifcard #gift-card-creator .nav-links { width: 100%; }
  #product-gifcard #gift-card-creator .nav-links a { padding: 0 10px; line-height: 24px; }
  #cart-dropdown { width: 275px; position: fixed; top: 50px; right: calc((100% - 275px) / 2); transition: all 0.8s ease-in-out; -ms-transform: translateY(-100%) tanslateY(-50px); -o-transform: translateY(-100%) tanslateY(-50px); -moz-transform: translateY(-100%) tanslateY(-50px); -webkit-transform: translateY(-100%) tanslateY(-50px); transform: translateY(-100%) tanslateY(-50px); }
  #cart-dropdown.fixed { top: 54px !important; }
  #home-page #content-mobile { display: block; }
  #home-page #content-desktop { display: none; }
  #home-page .home-collection-row { display: none; }
  #home-page .home-items { padding: 0px 28px; margin-top: 17px; }
  #lionheart-page .button { font-size: 1.5vw; letter-spacing: 2px; }
  #lionheart-page a:nth-of-type(2) { margin-left: 3%; width: 53%; }
  #lionheart-page a:nth-of-type(3) { width: 37%; }
  #lionheart-page a:nth-of-type(7) { width: 32%; }
  #lionheart-page a:nth-of-type(8) { margin-left: 3%; width: 36%; }
  #lionheart-page a:nth-of-type(9) { width: 52%; margin-left: 5%; }
  #lionheart-page div:nth-of-type(1) { width: 25%; }
  #collection-page { 		/* Flex Box
		.products-grid{
			.collection-row{
				.product-item{ float:none; width:auto; flex: 0 0 48%; margin-bottom:14px; }
			}
		}

		.products-grid-column-mod{
			.collection-row{
				.product-item{ flex: 0 0 100%; }
			}
		}*/ }
  #collection-page .container-fullwidth { padding: 0px 2%; }
  #collection-page .collection-image { display: none; }
  #collection-page .mobile-title { display: block; }
  #collection-page #filter-menu { float: none; width: 100%; padding: 0px 7px; margin-bottom: 20px; margin-top: 0px; }
  #collection-page #filter-menu button { width: 100%; margin: 0px auto; display: block; height: 37px; }
  #collection-page #filter-menu .layout-button { width: calc(50% - 5px); position: relative; display: inline-block; background-color: #fff; color: #423f3f; border: solid 1px #423f3f; height: 37px; font-size: 12px; line-height: 1; letter-spacing: 4px; font-family: "gothic"; font-weight: normal; font-style: normal; text-align: center; line-height: 35px; box-sizing: border-box; vertical-align: middle; margin-top: 15px; }
  #collection-page #filter-menu .layout-button:first-of-type { margin-right: 10px; }
  #collection-page #filter-menu .layout-button:last-of-type:after { display: block; content: url("cols_2x.svg"); width: 33px; position: absolute; right: 2px; top: 1px; }
  #collection-page #filter-menu .layout-button.selected:last-of-type:after { content: url("cols_1x.svg"); }
  #collection-page #filter-menu .items { display: none; padding-top: 20px;         /*
				#size-filter{width:100%; margin-top:10px;
					label{margin-right:calc( (100% - (40px * 5)) / 4 );
						&:last-of-type{margin-right:0px;};
						&:first-of-type{margin-left:25px;};
					}
				}*/ }
  #collection-page #filter-menu .items nav { display: none; }
  #collection-page #filter-menu .items h2 { width: 100%; display: block; text-align: left; padding-bottom: 8px; padding-left: 15px; text-decoration: none; box-sizing: border-box; border-bottom: solid 1px #cfcccc; }
  #collection-page #filter-menu .items h2:after { right: 15px; top: 1px; padding-right: 0px; }
  #collection-page #filter-menu .items .accordion-content { display: block; }
  #collection-page #filter-menu .items #size-filter { width: 100%; margin-top: 10px; }
  #collection-page #filter-menu .items #size-filter .accordion-content { display: flex; justify-content: space-between; padding: 0 0 0 5%; }
  #collection-page #filter-menu .items #color-filter div div { padding-left: 5%; float: left; width: 33%; white-space: nowrap; }
  #collection-page #filter-menu .items #color-filter div div:nth-of-type(3n-2) { padding-left: 5%; }
  #collection-page #filter-menu .items #color-filter div div:nth-of-type(3n-1) { padding-left: 8%; }
  #collection-page #filter-menu .items #color-filter div div:nth-of-type(3n) { padding-left: 12%; }
  #collection-page #filter-menu .items #price-filter { margin-top: 40px; }
  #collection-page #filter-menu .items #price-filter div div { padding-left: 5%; float: left; width: 40%; }
  #collection-page #filter-menu .items #price-filter div div:nth-of-type(even) { padding-left: 0%; }
  #collection-page .products-grid { width: 100%; }
  #collection-page .products-grid .action-container { display: none; }
  #collection-page .products-grid .collection-row .product-item { width: -moz-calc(50%  - 14px ); width: -webkit-calc(50%  - 14px ); width: calc(50%  - 14px ); margin: 0px 7px 14px 7px; float: left; margin-bottom: 0px; }
  #collection-page .products-grid .collection-row .product-item img { width: 100%; margin-bottom: 0px; }
  #collection-page .products-grid .collection-row .product-item .product-image .quick-view-link { display: none; }
  #collection-page .products-grid .collection-row .product-item .product-image .sizes { bottom: 0px; padding: 6px 0px 14px 0px; opacity: 0; display: none; }
  #collection-page .products-grid .collection-row .product-item .product-image .sizes li { font-size: 10px; margin: 0px 7px; }
  #collection-page .products-grid .collection-row .product-item .product-image .sizes li:before { font-size: 8px; width: 60px; line-height: 1.3; top: -7px; }
  #collection-page .products-grid .collection-row .product-item .product-image .sizes li:hover:before { content: ""; }
  #collection-page .products-grid .collection-row .product-item .product-image .sizes li.available:hover:before { content: ""; }
  #collection-page .products-grid .collection-row .product-item .product-image:hover > .sizes { opacity: 1; }
  #collection-page .products-grid .collection-row .product-item .details .title { padding-left: 20px; padding-right: 20px; box-sizing: border-box; }
  #collection-page .products-grid-column-mod .collection-row .product-item { width: -moz-calc(100%  - 14px ); width: -webkit-calc(100%  - 14px ); width: calc(100%  - 14px ); margin: 0px 7px 14px 7px; float: left; margin-bottom: 0px; }
  #campaign-page { width: 95%; }
  #campaign-page .product_thumb { width: 100%; float: none; }
  #campaign-page .product_thumb:nth-of-type(odd) { padding-right: 0px; }
  #campaign-page .product_thumb:nth-of-type(even) { padding-left: 0px; }
  #design-process-page { padding: 0; }
  #design-process-page:after, #design-process-page section:after { display: block; width: 1px; height: 1px; content: " "; font-size: 1px; clear: both; }
  #design-process-page img { width: 100%; display: block; }
  #design-process-page h5 { text-align: left; font-size: 1.5em; }
  #design-process-page .top { width: 100%; position: relative; margin-bottom: 4%; overflow: hidden; }
  #design-process-page .top h2 { font-size: 3em; }
  #design-process-page .top img { width: 200%; transform: translateX(-25%); }
  #design-process-page .left-panel { width: 100%; float: none; padding: 0 4%; text-align: center; }
  #design-process-page .left-panel .text { margin-top: 3%; }
  #design-process-page .left-panel .text p { font-size: 1.4em; }
  #design-process-page .left-panel .text-mobile { display: block; width: 100%; display: inline-block; text-align: center; margin-top: 6%; }
  #design-process-page .left-panel .text-mobile h5 { text-align: center; font-size: 1.5em; }
  #design-process-page .left-panel .text-mobile p { text-align: center; }
  #design-process-page .left-panel img:nth-of-type(1) { margin-bottom: 12%; }
  #design-process-page .left-panel img:nth-of-type(2) { display: block; width: 50%; float: left; }
  #design-process-page .right-panel { width: 100%; float: none; padding: 0%; margin-top: 4%; }
  #design-process-page .right-panel img { margin-bottom: 2%; }
  #design-process-page .right-panel img:nth-of-type(2) { display: none; }
  #design-process-page .right-panel .text { display: none; }
  #design-process-page .video-title { margin-top: 12%; }
  #design-process-page .video { width: 100%; }
  #login-page { max-width: 90%; margin: 0px auto 0px auto; padding-top: 42px; padding-bottom: 100px; }
  #login-page .left-panel, #login-page .right-panel { float: none; width: 100%; padding: 0px; }
  #login-page .left-panel { padding-right: 0px; border-right: none; }
  #login-page .right-panel { padding-left: 0px; }
  #login-page .line { width: 100%; margin-top: 50px; margin-bottom: 50px; }
  #sizechart-popup .popup-content { width: 95%; padding-left: 0px; padding-right: 0px; }
  #sizechart-popup h5 { width: 100%; padding-left: 10px; box-sizing: border-box; font-size: 10px; margin-top: 20px; margin-bottom: 15px; }
  #sizechart-popup table th { padding-left: 5px; font-size: 8px; letter-spacing: 0px; }
  #sizechart-popup table td { font-size: 8px; letter-spacing: 0px; }
  #sizechart-popup table tr:nth-child(even) th, #sizechart-popup table tr:nth-child(even) td { font-size: 8px; letter-spacing: 0px; }
  #sizechart-popup table tr:nth-child(odd) th, #sizechart-popup table tr:nth-child(odd) td { font-size: 8px; letter-spacing: 0px; }
  #sizechart-popup table tr:first-of-type th { font-size: 8px; letter-spacing: 0px; }
  #stock-notifiction-popup .popup-content { padding: 35px 5% 25px 5%; }
  #stock-notifiction-popup .popup-content .line { display: none; }
  #shopthelook-popup .popup-content { right: 5%; top: 53px !important; width: 90%; height: calc(100vh - 140px) !important; }
  #shopthelook-popup .popup-content .page-title { padding: 0px 48px; margin-top: 2px; }
  #shopthelook-popup .popup-content .page-title h1 { font-size: 17px; }
  #shopthelook-popup .popup-content .custom-scrollbar-container .custom-scrollbar-scrolling-content { padding-right: 29px; }
  #shopthelook-popup .popup-content .custom-scrollbar-container .custom-scrollbar-scrolling-content .shopthelook-product { padding-bottom: 3%; }
  #shopthelook-popup .popup-content .custom-scrollbar-container .custom-scrollbar-scrolling-content .shopthelook-product .product-image { width: 53%; }
  #shopthelook-popup .popup-content .custom-scrollbar-container .custom-scrollbar-scrolling-content .shopthelook-product .details { padding-top: 6%; width: 100%; }
  #shopthelook-popup .popup-content .custom-scrollbar-container .custom-scrollbar-scrolling-content .shopthelook-product .details h2 { margin-bottom: 9px; }
  #shopthelook-popup .popup-content .custom-scrollbar-container .custom-scrollbar-scrolling-content .shopthelook-product .details h4 { font-size: 12px; }
  #shopthelook-popup .popup-content .custom-scrollbar-container .custom-scrollbar-scrolling-content .shopthelook-product .details #product-form .price { margin-top: 15px; margin-bottom: 0px; font-size: 11px; }
  #shopthelook-popup .popup-content .custom-scrollbar-container .custom-scrollbar-scrolling-content .shopthelook-product .details #product-form .low-in-stock { margin: 10px auto 10px auto; }
  #shopthelook-popup .popup-content .custom-scrollbar-container .custom-scrollbar-scrolling-content .shopthelook-product .details #product-form .size-swatches { margin-top: 10px; }
  #shopthelook-page .containers { display: block; width: 90%; margin: 0 auto; }
  #shopthelook-page .containers .image-container { width: 100%; }
  #shopthelook-page .containers .product-container { width: 100%; }
  #shopthelook-page .containers .product-container .shopthelook-product { margin-top: 6%; }
  #shopthelook-page .containers .product-container .shopthelook-product .product-image { width: 40%; }
  #shopthelook-page .containers .product-container .shopthelook-product .details { width: calc(60% - 10px); padding-top: 7%; }
  #shopthelook-page .containers .product-container .shopthelook-product .details h2 { font-size: 10px; margin-bottom: 6px; }
  #shopthelook-page .containers .product-container .shopthelook-product .details #product-form .price { margin-top: 18px; margin-bottom: 18px; font-size: 11px; }
  #shopthelook-page .containers .product-container .shopthelook-product .details #product-form .size-swatches label { margin: 0 2px; width: 20px; height: 20px; line-height: 19px; font-size: 6px; margin-top: 0px; padding-left: 2px; border: solid 1px #666; }
  #shopthelook-page .containers .product-container .shopthelook-product .details #product-form .size-swatches input[type="radio"]:checked + label { border: solid 1px #000; }
  #shopthelook-page .containers .product-container .shopthelook-product .details #product-form button { font-size: 8px; height: 25px; line-height: 26px; margin-top: 10px; }
  footer { padding: 0px; }
  footer .container { padding-top: 0; }
  footer section { float: none; width: 100%; padding-left: 0px !important; }
  footer section h4 { border-top: solid 1px #e0e0e0; border-bottom: solid 1px #e0e0e0; padding: 8px 0px 3px 0px; text-align: center; }
  footer section ul { width: 100%; margin: 10px 0px; }
  footer section ul li { margin: 0px 0px 0px 0px; margin-left: -moz-calc(40% - 80px); margin-left: -webkit-calc(40% - 80px); margin-left: calc(40% - 80px); padding: 0px; width: 30%; text-align: left; }
  footer section ul li:nth-child(odd) { width: 80px !important; margin-left: 20%; width: 20%; }
  footer section ul li:nth-child(7) { line-height: 8px; }
  footer section:nth-of-type(2) { width: 100%; border-right: none; border-left: none; }
  footer section:nth-of-type(2) ul { /*	li:nth-child(7) { margin-top:12px; a{line-height: 12px;}}
	li:nth-child(8){@include transform(translateY(-12px));} */ }
  footer section:last-of-type { display: none; }
  footer section .icon:before { display: none; }
  footer .mobile-social-icons { display: block; }
  footer .mobile-vip-signup { display: block; }
  footer #copy { text-align: center; }
  #product-page .container { width: 100%; }
  #product-page .left-panel { width: 90%; margin-left: auto; margin-right: auto; margin-top: 0px; float: none; }
  #product-page .left-panel #product_image_holder { width: 100%; padding-bottom: -moz-calc(100% * 1.54); padding-bottom: -webkit-calc(100% * 1.54); padding-bottom: calc(100% * 1.54); }
  #product-page .left-panel #product_image_holder #product-image-display { overflow: hidden; }
  #product-page .left-panel #product_image_holder #product-image-display .main-image { display: none; }
  #product-page .left-panel #product_image_holder #product-image-display .thumbs { display: none; }
  #product-page .left-panel #product_image_holder #product-image-display #image-slider { display: block; }
  #product-page .left-panel #product_image_holder #product-image-display a.mobile-arrow { display: block; }
  #product-page .left-panel #product_image_holder #product-image-display .videothumb { display: none; }
  #product-page .right-panel { width: 100%; padding: 0px 14px; }
  #product-page .right-panel #add-to-cart-button { height: 50px; line-height: 55px; }
  #product-page .right-panel #product-form .popup-links .large-butttons .show-shopthelook { font-size: 14px; margin-bottom: 15px; }
  #product-page .right-panel #product-form .popup-links .large-butttons .show-shopthelook:before { width: 50px; height: 40px; }
  #product-page .right-panel #product-form .popup-links .large-butttons #sizeguide-button { font-size: 14px; height: 75px; }
  #product-page .right-panel #product-form .popup-links .large-butttons #sizeguide-button:before { width: 45px; height: 37px; margin: 1px auto 12px auto; }
  #product-page .find-out-more-panel .find-out-more-contents { justify-content: space-evenly; }
  #product-page .find-out-more-panel .find-out-more-contents div:first-of-type { margin-right: 0px; padding: 0; text-align: left; }
  #product-page .find-out-more-panel .find-out-more-contents div:last-of-type { margin-left: 0px; padding: 0; }
  #product-page .find-out-more-panel .find-out-more-contents div { width: auto; }
  #product-page .bottom-panel { margin-bottom: 40px; /*
			.line{
				 a{
					 &:first-of-type{display:block !important; color:#423f3f !important; text-decoration:underline !important;}
					 &:nth-of-type(2){color:$color-font-main; text-decoration:none; display:none !important;};
				 }
			 }

			  #insta-tab-content{display:block !important;}
			#product-tab-content{display:none !important;}*/ }
  #product-page .bottom-panel #product-tab-content { margin-top: -30px; }
  #product-page .bottom-panel .product-collection-row { width: 100%; margin-top: 28px; }
  #product-page .bottom-panel .product-collection-row .product-item { width: -moz-calc(50% - 14px ); width: -webkit-calc(50% - 14px); width: calc(50% - 14px); margin: 0px 7px 14px 7px; float: left; }
  #product-page .bottom-panel .product-collection-row .product-item:nth-of-type(1) { margin-left: 0px; margin-right: 7px; }
  #product-page .bottom-panel .product-collection-row div.product-item:nth-of-type(n+3) { display: none; }
  #product-page .bottom-panel .shipping-info { padding-top: 30px; }
  #product-page .bottom-panel .shipping-info div { display: none; }
  #product-page .bottom-panel .shipping-info div.mobile { display: block; height: auto; width: 90%; padding: 0px 5%; /*display:flex; justify-content:space-between; */ }
  #product-page .bottom-panel .shipping-info div.mobile a { display: inline-block; width: auto; padding: 10px; text-align: center; position: static; font-size: 11px; line-height: 20px; letter-spacing: 1px; color: #423f3f; font-family: "BrandonGrotesqueWeb-Bold"; font-weight: normal; font-style: normal; text-decoration: underline; }
  #product-page .bottom-panel .instagram-gallery { display: block !important; }
  #product-page .bottom-panel #product-tab { display: none !important; }
  #fabrics-page { width: 100%; }
  #fabrics-page .page-title { margin-bottom: 50px; }
  #fabrics-page section { float: none; width: 95%; padding-left: 5%; }
  #fabrics-page section:first-of-type { padding-right: 0px; }
  #fabrics-page section:last-of-type { padding-left: 5%; }
  #fabrics-page .image-item.mobile { display: block; }
  #fabrics-page .image-item:not(.mobile) { display: none; }
  #fabrics-page .text-item.mobile { display: block; }
  #fabrics-page .text-item:not(.mobile) { display: none; }
  .about-page { padding: 0px; font-size: 2vw; /*
h1{padding:$zero; margin:3% $zero 2% $zero; }
h2{padding:$zero; margin:$zero $zero 0.5% $zero; font-size: 2.5vw;}
h3{ font-size:3vw; }
h4{ font-size:3.5vw; }
h5{font-size:1.7vw;  }
h6{ font-size:2.5vw; text-align:center; display:block;}
*/ }
  .about-page h1 { padding: 0px; margin: 3% 0px 2% 0px; font-size: 5.0em; }
  .about-page h2 { padding: 0px; margin: 0px 0px 0.5% 0px; font-size: 2.0em; }
  .about-page h3 { font-size: 1.9em; }
  .about-page h6 { text-align: center; display: block; font-size: 1.6em; }
  .about-page p { font-size: 1.6em; }
  .about-page i { font-size: 1.8em; }
  .about-page .line { width: 40%; margin-top: 5%; }
  .about-page .line span { font-size: 2.7em; }
  .about-page .top i { margin: 0px 0px 1% 0px; font-size: 3.8vw; }
  #about-page section { position: relative; }
  #about-page section .panel { float: left; }
  #about-page section:first-of-type img { width: 100%; }
  #about-page section:first-of-type .heading { position: static; width: 78%; margin: 4% auto 6% auto; }
  #about-page section:first-of-type .heading h4 { text-align: center; margin-left: auto; margin-right: auto; }
  #about-page section:first-of-type i { position: static; width: 100%; padding: 4% 4% 2% 4%; border-bottom: none; font-size: 1.1em; line-height: 1.5; letter-spacing: 1px; color: #595454; font-family: "BulmerMTStd-Regular"; font-weight: normal; font-style: normal; font-size: 1.6em; }
  #about-page section:last-of-type { margin-top: 0%; }
  #about-page section:last-of-type .heading { display: none; }
  #about-page section:last-of-type .img { display: none; }
  #about-page section:last-of-type .glyph { width: 6%; margin: 6% auto 1% auto; margin-bottom: 4%; display: block; }
  #about-page section:last-of-type .topline { margin: 2% auto 0% auto; width: 20%; }
  #about-page section:last-of-type .panel { width: 100%; padding: 0px; }
  #about-page section:last-of-type p { float: none; width: 100%; margin: 0px; padding: 4% 4% 2% 4%; }
  #about-page section:last-of-type p:nth-of-type(1) { margin: 0px; }
  #about-page section:last-of-type p:nth-of-type(2) { margin: 0px; padding-top: 1%; }
  #about-page section:last-of-type i { margin-top: 6%; padding: 0% 4% 0% 4%; font-size: 1.6em; }
  #factory-page { padding: 0px; }
  #factory-page:after, #factory-page section:after { display: block; width: 1px; height: 1px; content: "x"; font-size: 1px; clear: both; }
  #factory-page section:first-of-type img { float: none; width: 100%; margin-right: 0px; }
  #factory-page section:first-of-type h1 { position: static; display: table; transform: translateX(0px); margin: 5% auto 0px auto; text-align: center; width: auto; }
  #factory-page section:first-of-type h5 { margin: 4% 0px 0.5% 4%; }
  #factory-page section:first-of-type h5:first-of-type { padding-top: 2%; }
  #factory-page section:first-of-type p { font-size: 1.6em; line-height: 1.4; letter-spacing: 0.01em; color: #000; font-family: "Volta-Reg"; font-weight: normal; font-style: normal; margin: 0px 0px 0px 4%; }
  #factory-page section:nth-of-type(2) { padding: 0px 4%; }
  #factory-page section:nth-of-type(2) h5 { text-align: left; margin: 9% 0px 0px 0px; }
  #factory-page section:nth-of-type(3) { padding: 2% 4% 5% 4%; }
  #factory-page section:nth-of-type(3) img { display: block; width: 100%; }
  .factory-text { padding: 0px 4% !important; }
  .factory-text section:first-of-type p { margin-left: 0px !important; }
  #walk-lighter-page .note { padding: 2% 5% 3% 5%; margin-top: 4%; margin-bottom: 0; }
  #walk-lighter-page .note img { margin-bottom: 5%; }
  #walk-lighter-page .blog-slider { width: 100%; margin-bottom: 2em; }
  #walk-lighter-page .blog-slider .navigation { display: none; }
  #walk-lighter-page .blog-slider .slider .pagination label { width: 6px; height: 6px; }
  #walk-lighter-page .blog-slider .slider .slide .slides div h5 { margin-top: 27%; }
  #walk-lighter-page .blog-slider .slider .slide .slides div a { line-height: 2; }
  #walk-lighter-page .image-item.mobile { display: block; }
  #walk-lighter-page .image-item:not(.mobile) { display: none; }
  #walk-lighter-page .text-item.mobile { display: block; }
  #walk-lighter-page .text-item:not(.mobile) { display: none; }
  #walk-lighter-page .icon-section { padding: 4% 8%; }
  #walk-lighter-page .icon-section .row div { width: 49.5%; }
  #walk-lighter-page .icon-section .row div h5 { font-size: 1.1em; }
  #walk-lighter-page .icon-section .row div p { width: 40vw; }
  #walk-lighter-page .icon-section .row div img { width: 56%; margin-left: 22%; }
  #walk-lighter-page .side-image { padding: 0 10% 0 10%; margin: 5% auto 0 auto; }
  #walk-lighter-page .side-image div { float: none; width: 100%; margin: 0 auto; }
  #walk-lighter-page .side-image div img { display: block; width: 22%; margin: 0 auto; }
  #walk-lighter-page .side-image p { text-align: center; }
  #walk-lighter-page .side-image h5 { text-align: left; padding-top: 4%; line-height: 1.6; margin: 0 auto 4% auto; text-align: center; }
  #walk-lighter-page .side-image .image { float: none; width: 50%; display: block; margin: 0 auto; margin-top: 8%; }
  #walk-lighter-page .side-image span { padding-top: 50%; bottom: -21%; }
  #walk-lighter-page .image-grid { width: 98%; flex-wrap: wrap; margin-top: 4%; margin-bottom: -1em; justify-content: left; }
  #walk-lighter-page .image-grid div { flex: 0 1 49%; margin-bottom: 0.4em; margin-right: 0.5em; vertical-align: bottom; }
  #walk-lighter-page .image-grid div img { vertical-align: bottom; }
  #walk-lighter-page .image-grid div:nth-of-type(2) { margin-right: 0; }
  #walk-lighter-page .image-grid div:nth-of-type(4) { margin-right: 0; }
  #walk-lighter-page .clean-green { padding: 0 2%; margin-top: 9%; }
  #walk-lighter-page .packaging { padding: 0 2%; margin-top: 10%; }
  #walk-lighter-page .packaging-image { margin-bottom: 8%; }
  #walk-lighter-page .packaging-image p:nth-of-type(1) { top: 0; left: 24%; }
  #walk-lighter-page .packaging-image p:nth-of-type(2) { top: -4%; left: 75%; }
  #walk-lighter-page .packaging-image p:nth-of-type(3) { top: 100%; left: 54%; }
  #walk-lighter-page .mid-image { width: 93%; margin: 5% auto 6% auto; }
  #walk-lighter-page .stats { margin-top: 1em; }
  #walk-lighter-page .footer-image { width: 75%; }
  #walk-lighter-page .desktop { display: none; }
  #walk-lighter-page .mobile { display: block; }
  #sustainable-fabrics { width: 100%; overflow: hidden; /*
.side-image{width:90%; img{width:90%; margin-left:5%; float:none;} h3{padding-top:0; padding:1em 0; margin:0 auto; display:table;}
}*/ }
  #sustainable-fabrics .heading-title img { width: 200%; margin-left: -50%; }
  #sustainable-fabrics p { font-size: 1.2em; }
  #sustainable-fabrics .intro { width: 88%; }
  #sustainable-fabrics .why { margin: 2em 0 0 0; width: 94%; margin-left: 3%; }
  #sustainable-fabrics .why h3 { margin-left: 0; margin-right: 0; width: 100%; text-align: center; margin-bottom: 5%; }
  #sustainable-fabrics .why p { width: 100%; margin-bottom: 0; white-space: normal; padding-left: 5%; padding-right: 5%; text-align: justify; }
  #sustainable-fabrics .why a { text-decoration: underline; font-weight: bold; }
  #sustainable-fabrics .why .icons { margin: 9% 0 7% 0; }
  #sustainable-fabrics .why .icons div { width: 20%; }
  #sustainable-fabrics .image-item.mobile { display: block; }
  #sustainable-fabrics .image-item:not(.mobile) { display: none; }
  #sustainable-fabrics .text-item.mobile { display: block; }
  #sustainable-fabrics .text-item:not(.mobile) { display: none; }
  #sustainable-fabrics .canopy { margin-bottom: 6em; }
  #sustainable-fabrics .canopy h3 { margin-left: 0; }
  #sustainable-fabrics .canopy p { text-align: center; }
  #sustainable-fabrics .side-image { width: 96%; }
  #sustainable-fabrics .side-image p { font-size: 1em; }
  #sustainable-fabrics .small-image { margin-bottom: 9%; }
  #sustainable-fabrics .small-image img { width: 95%; }
  #sustainable-fabrics .big-image { overflow: hidden; }
  #sustainable-fabrics .big-image h2 { font-size: 1.5em; width: 95%; }
  #sustainable-fabrics .big-image img { width: 163%; margin-left: -20%; }
  #impactreport-page .desktop { display: none; }
  #impactreport-page .mobile { display: block; }
  #impactreport-page .intro { overflow: hidden; }
  #impactreport-page .intro img { width: 236%; transform: translateX(-48%); }
  #impactreport-page .intro div { width: 90%; }
  #impactreport-page .intro h1 { font-size: 2.3em; }
  #impactreport-page .mobile-dimen { width: 90% !important; }
  #impactreport-page .text-item { display: none; margin: 0; }
  #impactreport-page .text-item.desktop { display: block; }
  #impactreport-page .text-item div { display: block; }
  #impactreport-page .bar div div { padding-top: 5%; background-color: #423f3f; }
  #impactreport-page .side-image { width: 90%; margin: 1em auto 4em auto; }
  #impactreport-page .side-image .image { flex: 0 0 48%; }
  #impactreport-page .side-image .text-container { flex: 0 0 45%; }
  #impactreport-page .side-image .text-container .text { font-size: 1.5em; }
  #commitment-page p { font-size: 1.2em; }
  #commitment-page .note { padding: 1% 4% 6% 4%; }
  #commitment-page .banner { padding-top: 37%; }
  #commitment-page .banner div { width: 100%; }
  #commitment-page .banner div p { width: 60%; }
  #commitment-page .change { background-position: 66% 26%; }
  #commitment-page .impact { margin-top: 0; }
  #commitment-page .commitment .blurb { width: 90%; }
  #commitment-page .commitment .grid { width: 92%; }
  #commitment-page .heading { padding: 2% 5% 8% 5%; }
  #commitment-page .desktop { display: none; }
  #commitment-page .mobile { display: block; }
  #commitment-page .image-item.mobile { display: block; }
  #commitment-page .image-item:not(.mobile) { display: none; }
  #commitment-page .text-item.mobile { display: block; }
  #commitment-page .text-item:not(.mobile) { display: none; }
  #commitment-page .side-image { width: 96%; }
  #commitment-page .side-image p { font-size: 1em; }
  #artisans-page .intro .desktop { display: none; }
  #artisans-page .intro .mobile { display: block; }
  #artisans-page .note { width: 100%; }
  #artisans-page .note p { width: 91%; }
  #artisans-page .geo { width: 95%; }
  #artisans-page .geo h5 { font-size: 1.2em; margin-left: 2em; }
  #artisans-page .geo img { width: 87%; margin-left: 4%; }
  #artisans-page .geo div { width: 48%; }
  #artisans-page .geo div:last-of-type { width: 52%; }
  #artisans-page .geo div:last-of-type h5 { margin-top: 0; }
  #artisans-page .geo.side-text { margin-bottom: 3em; }
  #artisans-page .geo.side-text div { width: 100%; }
  #artisans-page .geo.side-text div:last-of-type { width: 100%; padding: 0 9%; }
  #artisans-page .geo.side-text h5 { margin-left: 0; margin-right: 0; margin-top: 0; width: 100%; text-align: center; }
  #artisans-page .video { width: 100%; margin-bottom: 3em; }
  #artisans-page .big-image h2 { width: 86%; top: 59%; }
  #artisans-page .big-image .desktop { display: none; }
  #artisans-page .big-image .mobile { display: block; }
  #artisans-page .image-item.mobile { display: block; }
  #artisans-page .image-item:not(.mobile) { display: none; }
  #artisans-page .text-item.mobile { display: block; }
  #artisans-page .text-item:not(.mobile) { display: none; }
  #artisans-page .promo { width: 98%; margin-top: 2em; padding-left: 7%; }
  #artisans-page .promo div { margin-left: 5%; }
  #artisans-page .promo img { width: 34%; }
  #artisans-page .split-image img { width: 100%; }
  #artisans-page .split-image img:first-of-type { margin-bottom: 2%; }
  #artisans-page .hide-on-desktop { display: block; }
  #artisans-page .hide-on-mobile { display: none; }
  #our-journey-page p { font-size: 1.2em; }
  #our-journey-page .looking-forward { padding-top: 23%; }
  #our-journey-page .note { padding: 4%; }
  #our-journey-page .note i { font-size: 1.4em; }
  #our-journey-page .grid { margin-top: 5%; }
  #our-journey-page .grid div { width: 100%; float: none; }
  #our-journey-page .grid div .span { position: static; display: table; }
  #our-journey-page .grid div:first-of-type img { width: 100%; }
  #our-journey-page .grid div:last-of-type { padding-left: 1%; }
  #our-journey-page .image-item.mobile { display: block; }
  #our-journey-page .image-item:not(.mobile) { display: none; }
  #our-journey-page .text-item.mobile { display: block; }
  #our-journey-page .text-item:not(.mobile) { display: none; }
  #our-journey-page .packaging { /*padding-top:5%;*/ }
  #our-journey-page .packaging div { width: 100%; float: none;                                             /*
p{text-align:right; width:100%; padding-right:4%; padding-left:37%; padding-top:20%;}
img{width:100%; display:block;}
.span{top:12%; right:4%; z-index:10; position:absolute; display:block; text-align:right;}
h4{display:inline-block;}*/ }
  #our-journey-page .packaging div:last-of-type { width: 80%; margin: 0px auto; }
  #our-journey-page .packaging div .span { margin: 1% auto 3% auto; position: static; display: table; text-align: center; }
  #our-journey-page .packaging div h4 { margin: 0px auto 3% auto; }
  #our-journey-page .packaging div h4:last-of-type { padding-left: 2%; }
  #our-journey-page .packaging div p { padding: 0 5%; text-align: center; }
  #our-journey-page .ethics div .span { margin: 12% auto 3% auto; }
  #our-journey-page .ethics div h4 { margin: 0px auto 3% auto; }
  #our-journey-page .ethics div p { margin: 0px; width: 100%; padding: 0px 4%; text-align: left; }
  #our-journey-page .ethics div:first-of-type img { width: 100%; }
  #our-journey-page .ethics div:last-of-type img { width: 100%; }
  #our-journey-page .design div h4 { margin-bottom: 5%; }
  #our-journey-page .design div:first-of-type .span { position: static; margin: 12% auto 3% auto; }
  #our-journey-page .design div:first-of-type p { margin: 0px 0px 6% 0px; width: 100%; padding: 0px 4%; text-align: justify; }
  #our-journey-page .design div:first-of-type img { width: 100%; }
  #our-journey-page .design div:first-of-type img:nth-of-type(1) { display: none; }
  #our-journey-page .design div:first-of-type img:nth-of-type(2) { display: block; margin-top: 4%; }
  #our-journey-page .design div:last-of-type { margin-top: 12%; }
  #our-journey-page .design div:last-of-type .span { position: static; margin: 5% auto 3% auto; }
  #our-journey-page .design div:last-of-type p { margin: 0px; width: 100%; padding: 0px 4%; text-align: justify; }
  #our-journey-page .design div:last-of-type img:first-of-type { width: 100%; margin-top: 6%; margin-bottom: 2%; }
  #our-journey-page .design div:last-of-type img:last-of-type { width: 80%; margin: 0px auto; }
  .eco-signup { width: 83%; background-color: #fff; }
  .eco-signup img { display: none; }
  .eco-signup h5 { font-size: 1.3em; }
  .eco-signup p { font-size: 1.2em !important; margin-bottom: 1% !important; }
  .eco-signup .form { width: 100%; margin-left: 0; }
  .eco-signup .content-page { font-size: 1vw; }
  .eco-signup .content-page label { font-size: 1.8em; }
  .eco-signup .content-page input[type="text"] { font-size: 2.3em; margin-bottom: 0.5em; }
  .eco-signup .content-page input[type="submit"] { font-size: 2.3em; height: auto; line-height: 3; }
  #markers-page .note strong { padding: 0px; }
  #markers-page .banner { padding-top: 28%; }
  #markers-page .intro .desktop { display: none; }
  #markers-page .intro .mobile { display: block; }
  #markers-page .intro p { width: 75%; }
  #markers-page .image-item.mobile { display: block; }
  #markers-page .image-item:not(.mobile) { display: none; }
  #markers-page .text-item.mobile { display: block; }
  #markers-page .text-item:not(.mobile) { display: none; }
  #markers-page .map-section { display: none; }
  #markers-page .map-section .map { width: 100%; float: none; }
  #markers-page .map-section .map .pin div .hover-image { width: 26vw; height: 20.8vw; bottom: -116%; left: -172%; }
  #markers-page .map-section .map .pin div a { letter-spacing: 0px; font-size: 0.5em; top: -545%; left: 35%; width: 21vw; font-family: "gothic"; line-height: 4vw; border: solid 1px transparent; }
  #markers-page .map-section .article-container { display: none; padding: 3% 1% 0px 1%; }
  #markers-page .map-section .article-container article p { font-size: 0.8em; }
  #markers-page .map-section .article-container article h5 { font-size: 0.5em; }
  #markers-page h1.factory-title { margin: 6% 0 0% 0; font-size: 1.6em; }
  #markers-page .factories {             /*display:flex; flex-wrap:wrap;
	padding:8% 2% 0px 2%;*/ /*h1{font-size:1.8em; margin:0px auto 8% auto;  align-self:center; flex-basis:100%; margin-left:28%;}*/ }
  #markers-page .factories a { flex: 0 1 44%; margin: 0 3% 9% 3%; /*float:none;*/ }
  #markers-page .video { width: 90%; }
  #markers-page .conduct-section { padding: 4% 8%; }
  #markers-page .conduct-section .row div h5 { font-size: 0.8em; }
  #markers-page .conduct-section .row div p { width: 40vw; }
  #markers-page .conduct-section .row div img { width: 56%; margin-left: 22%; }
  #markers-page .art-note { padding: 0px; }
  #markers-page .artisans .span { left: 3%; }
  #markers-page .artisans h4 { font-size: 1.8em; }
  #markers-page .factory-grid { margin: 27% 0px 16% 0px; }
  #markers-page .factory-grid div h4 { font-size: 1.8em; }
  #markers-page .factory-grid div:first-of-type { padding-bottom: 16%; }
  #markers-page .factory-grid div:first-of-type p { margin: 6% 0px 6% 4%; font-size: 1.2em; }
  #markers-page .factory-grid div:first-of-type h4 { font-size: 1.2em; }
  #markers-page .factory-grid div:first-of-type .span { right: auto; left: 4%; width: 194%; bottom: -17%; }
  #markers-page .factory-grid div:first-of-type h4 { margin: 3% auto; font-size: 1.8em; }
  #markers-page .factory-grid div:last-of-type p { margin-top: 0%; margin-bottom: 8%; width: 96%; padding-left: 2%; font-size: 1.2em; }
  #markers-page .factory-grid div:last-of-type .span { left: -75%; top: -26%; width: 150%; }
  #markers-page .factory-grid div:last-of-type h4 { margin: 3% auto; font-size: 1.8em; }
  #markers-page .artisans-grid { margin: 19% 0px 0px 0px; }
  #markers-page .artisans-grid div h4 { font-size: 1.4em; }
  #markers-page .artisans-grid div:first-of-type { padding-bottom: 16%; }
  #markers-page .artisans-grid div:first-of-type p { margin: 6% 0px 6% 4%; font-size: 1.1em; }
  #markers-page .artisans-grid div:first-of-type h4 { font-size: 1.2em; }
  #markers-page .artisans-grid div:first-of-type .span { right: auto; left: 4%; }
  #markers-page .artisans-grid div:first-of-type img:nth-of-type(2) { width: 100%; margin-left: 0px; }
  #markers-page .artisans-grid div:last-of-type p { margin-top: 0px; width: 96%; padding-left: 4%; font-size: 1.1em; }
  #markers-page .artisans-grid div:last-of-type .span { top: -11%; left: -47%; width: 100%; }
  #markers-page .artisans-grid div:last-of-type .span h4 { font-size: 1.8em; margin-bottom: 9%; margin: 3% auto; }
  #markers-page .crafts-grid { margin: 0px 8% 5% 8%; }
  #markers-page .crafts-grid .show-mobile { display: block; }
  #markers-page .crafts-grid p { font-size: 1.2em; }
  #markers-page .crafts-grid div { float: none; width: 100%; }
  #markers-page .crafts-grid div:last-of-type { display: none; }
  #markers-page .crafts-grid div .span { position: static; margin: 0px auto; display: table; margin-top: 11%; padding: 0px; }
  #markers-page .crafts-grid div .span h4 { margin: 3% auto; }
  #markers-page .crafts-grid div:first-of-type .span { top: 0px; margin-top: 4%; }
  #markers-page .crafts-grid div:first-of-type p { margin: 2% 0% 6% 0%; text-align: justify; }
  #markers-page .crafts-grid div:first-of-type img:nth-of-type(2) { width: 100%; margin-left: 0px; margin-bottom: 4%; }
  #markers-page .factory-info { width: 96%; margin-left: 2%; }
  #markers-page .factory-footer { width: 100%; }
  #markers-page .factory-footer p { width: 82%; }
  #boutique-page section .mobile { display: block; }
  #boutique-page section .desktop { display: none; }
  #boutique-page section:first-of-type .heading { position: static; width: 100%; text-align: center; }
  #boutique-page section:first-of-type .heading h4 { text-align: center; width: 100%; display: inline; }
  #boutique-page section:first-of-type img:first-of-type { width: 100%; margin-left: 0px; }
  #boutique-page section:first-of-type img:nth-of-type(2) { width: 60%; margin: 5% auto 0px auto; display: block; }
  #boutique-page section:first-of-type img:nth-of-type(3) { width: 60%; position: static; margin: 0px auto 0px auto; display: block; }
  #boutique-page section:first-of-type i { position: static; margin: 0px; padding: 0px; width: 81%; margin: 6% auto; }
  #boutique-page section:nth-of-type(2) { margin-top: 1%; }
  #boutique-page section:nth-of-type(2) .panel { width: 80%; margin: 6% auto; float: none; text-align: center; }
  #boutique-page section:nth-of-type(2) .panel i { text-align: center; }
  #boutique-page section:nth-of-type(2) .panel i a { text-align: center; display: inline-block; }
  #boutique-page section:nth-of-type(2) .videolink { width: 60%; float: none; margin: 0px auto; display: block; }
  #boutique-page section:nth-of-type(3) { margin: 2% auto 0px auto; border: none; width: 90%; }
  #boutique-page section:nth-of-type(3) .panel { width: 90%; padding: 2% 0px; margin: 2% 5%; float: none; border-top: solid 1px #423f3f; text-align: center; }
  #boutique-page section:nth-of-type(3) .panel:first-of-type { margin-right: 0; }
  #boutique-page section:nth-of-type(3) .last { border-bottom: solid 1px #423f3f; }
  #boutique-page section:nth-of-type(4) img { width: 7%; }
  #bride-page .main-image .heading { position: static; width: 100%; text-align: center; margin-top: 2%; }
  #bride-page .main-image .heading h4.hide-mobile { display: none; }
  #bride-page .main-image .heading h4.show-mobile { display: inline-block; font-size: 1.7em; }
  #bride-page .main-image img { float: none; }
  #bride-page .main-image img:first-of-type { width: 100%; }
  #bride-page .main-image img:last-of-type { display: none; }
  #bride-page .main-image i { background-color: #fff; padding: 2% 3% 2% 4%; top: 57%; width: 57%; font-size: 3vw; }
  #bride-page section { margin-top: 0px; width: 100%; }
  #bride-page section .panel { display: none; }
  #bride-page section .img { display: none; }
  #bride-page section p.show-mobile { display: inline-block; text-align: center; width: 100%; padding: 0px; margin: 0px; font-size: 2.0em; }
  #bride-page .content-container { width: 100%; margin: 5% auto 0px auto; border-top: solid 1px #e0e0e0; padding: 2% 4%; }
  #bride-page .content-container h3 { float: none; width: 100%; }
  #bride-page .content-container h3:last-of-type { padding-left: 0px; }
  #bride-page .content-container p { float: none; width: 100%; }
  #bride-page .content-container p:first-of-type { padding-right: 0px; border-bottom: solid 1px #e0e0e0; padding-bottom: 6%; margin-bottom: 6%; }
  #bride-page .content-container p:last-of-type { padding-left: 0px; }
  #bride-page .content-container .line { margin-top: 3%; }
  #bride-page .content-container .bottom-text { padding-top: 4%; text-align: center; }
  #bride-page .content-container .bottom-text img { width: 5%; margin: 0px auto; margin-bottom: 4%; }
  #bride-page .content-container .bottom-text p { font-size: 1.2em; line-height: 1.5; letter-spacing: 1px; color: #595454; font-family: "BulmerMTStd-Italic"; font-weight: normal; font-style: normal; width: 100%; margin: 0px 0px; }
  #bride-page .content-container .bottom-text a { font-size: 3.5vw; }
  #lizzy-page .leaf { display: none; }
  #lizzy-page .lizzy { display: block; }
  #lizzy-page .content { padding: 3%; }
  #lizzy-page .content section { width: 100%; float: none; }
  #lizzy-page .content section:first-of-type { padding-right: 0px; }
  #lizzy-page .content section:last-of-type { padding-left: 0px; }
  #lizzy-page .content section .sign { font-size: 3em; line-height: 1; letter-spacing: 0.01em; color: #595454; font-family: "Notera"; font-weight: normal; font-style: normal; font-size: 3.7vw; display: block; margin-top: 15%; }
  #givingback-page { padding-top: 5%; }
  #givingback-page section { width: 90%; }
  #givingback-page #section-top p { width: 100%; }
  #givingback-page #section-planet { margin-top: 8%; }
  #givingback-page #section-planet h4 { display: inline-block; font-size: 1.7em; text-align: left; margin: 0 0 0 16%; padding-top: 4%; white-space: pre-line; width: 47%; line-height: 1.5; vertical-align: top; text-decoration: underline; border: none; }
  #givingback-page #section-planet img { display: inline-block; width: 20%; margin: 0; }
  #givingback-page #section-planet div { display: block; width: 100%; margin-left: 0%; padding-top: 0%; margin-top: -7%; }
  #givingback-page #section-planet div h4 { display: none; }
  #givingback-page #section-planet div p { text-align: left; width: 68%; margin-left: 16%; }
  #givingback-page #section-local-community { padding: 0 5%; margin-top: 10%; }
  #givingback-page #section-local-community .holder { display: block; margin: 0 auto; width: 77%; }
  #givingback-page #section-local-community .holder .panel { width: 100%; margin-bottom: 20%; }
  #givingback-page #section-local-community .holder .panel .title { display: flex; justify-content: space-between; margin-top: 4%; }
  #givingback-page #section-local-community .holder .panel .title h3 { align-self: center; text-transform: uppercase; }
  #givingback-page #section-local-community .holder .panel .title img { height: 10em; align-self: flex-start; width: auto; }
  #givingback-page #section-hearts { width: 100%; background-color: #fee6e4; padding: 10% 0; text-align: center; margin-top: 5%; }
  #givingback-page #section-hearts .holder { width: 77%; display: inline-block; text-align: center; }
  #givingback-page #section-hearts .holder h3 { width: 100%; text-align: center; padding: 0; margin: 0; margin-bottom: 1em; }
  #givingback-page #section-hearts .holder p { width: 100%; text-align: center; padding: 0; margin: 0; }
  #givingback-page #section-ocean { display: block; margin-top: 12%; }
  #givingback-page #section-ocean img { width: 100%; margin-bottom: 4%; }
  #givingback-page #section-ocean div { width: 100%; margin: 5% auto 0 auto; }
  #givingback-page #section-ocean div h3 { border-bottom: solid 1px #999; width: auto; display: inline-block; line-height: 1; }
  #givingback-page #section-acts { width: 72%; margin-top: 6%; }
  #givingback-page #section-acts h3 { border-bottom: solid 1px #999; }
  #givingback-page #section-acts p { padding-left: 0; margin-bottom: 16%; }
  #givingback-page #section-last .holder { width: 100%; display: block; position: relative; padding: 81% 0 10% 0; }
  #givingback-page #section-last .holder .text { width: 80%; margin: 0 auto; }
  #givingback-page #section-last .holder .text h3 { width: auto; text-align: center; display: table; margin: 0 auto; }
  #givingback-page #section-last .holder .text p { text-align: center; }
  #givingback-page #section-last .holder img { width: 100%; position: absolute; top: 0; left: 0; }
 /* #givingback-page{

			.images{
				img.desktop{display:none;}
				img.mobile{display:block;}
				.heading{position:static; width:53%; margin:5% auto 5% auto;
					h4{margin-left:auto; margin-right:auto; }
				}
			}
			.content{ padding:2%  3%; width:$parent; margin:$zero auto;
				section{width:$parent; float:none;
					&:first-of-type{padding-right:$zero;}
					&:last-of-type{padding-left:$zero;}
				 }
			}
		}
*/
  	/* 	#givingback-page{ 		padding:0 3%; 		.top i{padding:0; }  		section{ position:relative; 			.panel{float:left;}  			 &:first-of-type{ margin-top:5%; 				.heading{position:static; margin:2% auto; display:table;} 				img{width:100%; float:none;} 				i{position:static; width:100%; margin:0; @include font($font-about-page-p); font-size:1.6em; } 				p{float:none; width:100%; margin:1% 0 0 0;} 			}  			&:nth-of-type(2){ margin-top:10%; padding-top:67%; 				.panel{ width:100%;  padding-top:5%; float:none; 					.heading{position:static; margin:2% auto; display:table;} 					p{text-align:left; padding:0;} 				} 				img{float:none; width:100%; top:0; left:0; position:absolute;}  			} 			&:nth-of-type(3){ margin-top: 10%; padding:76% 0 0 0; margin-bottom:2%; 				img{float:none; width:100%;  top:0; left:0; position:absolute;} 				.content{ border-top:none; display:block; 					div{width:100%;} 					span{font-weight:bold;} 				} 			} 		} 	} 	*/
  .collection-email-popup .desktop { display: none !important; }
  .collection-email-popup .mobile { display: block !important; }
  #careers-page .line span { font-size: 1.3em; }
  #careers-page section:after { content: " "; display: table; width: 1px; height: 1px; clear: both; }
  #careers-page section { width: 100%; position: relative; }
  #careers-page section img { width: 90%; float: none; margin: 0 auto; }
  #careers-page section .heading { position: static; width: 60%; margin: 7% auto 5% auto; }
  #careers-page section .heading h4 { margin-left: auto; margin-right: auto; }
  #careers-page section i { margin: 8% auto; width: 80%; float: none; text-align: center; }
  #careers-page section h5 { font-size: 2em; margin: 0 auto 2em; margin-top: 2em; }
  #careers-page section h2 { font-weight: 700; font-size: 1.2em; }
  #careers-page section .fullline { display: block; height: 1px; width: 100%; border-bottom: solid 1px #999; }
  #careers-page section div.panel { width: 100%; float: none; padding: 0 5%; }
  #careers-page section .panel.gap { margin: 4em 0 2em 0; }
  #careers-page section span { font-weight: 900; display: block; font-size: 1.4em; }
  #careers-page section ul li { margin-bottom: 0.7em; font-size: 1.4em; line-height: 1.5; }
  #careers-page section ul { margin-bottom: 2.5em; }
  #careers-page section .positions { justify-content: center; }
  #careers-page section .positions div { flex: 0 1 80%; margin-top: 3em; }
  #careers-position-page .line span { font-size: 1.3em; }
  #careers-position-page .back-link { margin-left: 5%; }
  #careers-position-page section:after { content: " "; display: table; width: 1px; height: 1px; clear: both; }
  #careers-position-page section { width: 100%; position: relative; margin-left: 0; }
  #careers-position-page section img { width: 90%; float: none; margin: 0 auto; }
  #careers-position-page section .heading { position: static; width: 100%; margin: 11% auto 5% auto; text-align: center; line-height: 1.4; border-bottom: solid 1px; display: table; width: auto; }
  #careers-position-page section .heading h4 { margin-left: auto; margin-right: auto; margin-bottom: 0; display: inline-block; border-bottom: 0; }
  #careers-position-page section:last-of-type { flex-wrap: wrap; justify-content: center; padding-top: 2em; }
  #careers-position-page section:last-of-type div { flex: 0 1 90%; padding-top: 0; }
  #careers-position-page section:last-of-type h6 { text-align: left; margin-bottom: 1em; font-size: 1.4em; }
  #careers-position-page section:last-of-type p, #careers-position-page section:last-of-type li { font-size: 1.5em; }
  #careers-position-page section:last-of-type p { margin-bottom: 2.5em; }
  #internships-page section .images { width: 100%; float: none; }
  #internships-page section .images img { float: none; }
  #internships-page section .images img:first-of-type { width: 100%; }
  #internships-page section .images img:last-of-type { display: none; }
  #internships-page section .side { width: 100%; float: none; margin: 0px; }
  #internships-page section .side .heading { position: static; width: 60%; margin: 5% auto 5% auto; }
  #internships-page section .side .heading h4 { margin-left: auto; margin-right: auto; }
  #internships-page section .side .line { display: block; }
  #internships-page section .side i { position: static; width: 70%; margin: 5% auto 5% auto; text-align: center; }
  #internships-page section .side h6 { border: none; margin-top: 10%; }
  #internships-page section .side p { padding: 0px 5%; text-align: center; }
  #internships-page section .side .line { width: 100%; }
  #internships-page .bottom-content { margin-top: 5%; width: 100%; margin: 5% auto 0px auto; border-top: solid 1px #e0e0e0; padding: 2% 0px; }
  #internships-page .bottom-content section { display: none; }
  #internships-page .bottom-content .bottom-text { padding-top: 4%; text-align: center; border-top: none; width: 100%; }
  #internships-page .bottom-content .bottom-text img { width: 5%; margin: 0px auto; margin-bottom: 4%; display: block; float: none; }
  #internships-page .bottom-content .bottom-text i { width: 70%; margin: 0px auto; display: block; }
  #old-internships-page .images { width: 100%; position: relative; }
  #old-internships-page .images img { float: none; }
  #old-internships-page .images img:first-of-type { width: 100%; }
  #old-internships-page .images img:last-of-type { display: none; }
  #old-internships-page .images .heading { position: static; width: 50%; margin: 5% auto 5% auto; }
  #old-internships-page .images .heading h4 { margin-left: auto; margin-right: auto; }
  #old-internships-page .images i { position: static; width: 70%; margin: 5% auto 5% auto; text-align: center; }
  #old-internships-page .top-content { margin-top: 5%; padding: 4% 5%; border-top: solid 1px #e0e0e0; }
  #old-internships-page .top-content p { margin-bottom: 10%; text-align: center; }
  #old-internships-page .top-content section { float: none; width: 100%; }
  #old-internships-page .top-content section:first-of-type { padding-right: 0px; }
  #old-internships-page .top-content section:nth-of-type(2) { padding-right: 0px; padding-left: 0px; }
  #old-internships-page .top-content section:last-of-type { padding-left: 0px; }
  #old-internships-page .top-content section:last-of-type p { margin-bottom: 0%; }
  #old-internships-page .bottom-content { margin-top: 5%; width: 100%; margin: 5% auto 0px auto; border-top: solid 1px #e0e0e0; padding: 2% 0px; }
  #old-internships-page .bottom-content section { display: none; }
  #old-internships-page .bottom-content .bottom-text { padding-top: 4%; text-align: center; border-top: none; width: 100%; }
  #old-internships-page .bottom-content .bottom-text img { width: 5%; margin: 0px auto; margin-bottom: 4%; display: block; float: none; }
  #old-internships-page .bottom-content .bottom-text i { width: 70%; margin: 0px auto; display: block; }
  #instagram-page .page-title { padding: 0px 40px; }
  #spellbook-page section { position: relative; width: 100%; }
  #spellbook-page section:first-of-type img { float: left; }
  #spellbook-page section:first-of-type img:first-of-type { width: 100%; }
  #spellbook-page section:first-of-type img:last-of-type { display: none; }
  #spellbook-page section:first-of-type .heading { position: static; width: 50%; margin: 5% auto 5% auto; }
  #spellbook-page section:first-of-type .heading h4 { margin-left: auto; margin-right: auto; }
  #spellbook-page section:first-of-type i { position: static; width: 70%; margin: 5% auto 5% auto; text-align: center; }
  #spellbook-page section:last-of-type { display: none; }
  #spellbook-page .content { padding: 2%  3%; width: 100%; margin: 0px auto; }
  #spellbook-page .content .panel { width: 100%; float: none; }
  #spellbook-page .content .panel:first-of-type { padding-right: 0px; }
  #spellbook-page .content .panel:last-of-type { padding-left: 0px; }
  #spellbook-page .content .panel .sign { font-size: 3em; line-height: 1; letter-spacing: 0.01em; color: #595454; font-family: "Notera"; font-weight: normal; font-style: normal; font-size: 3em; display: block; margin-top: 5%; }
  #ethics-page { padding: 0px; }
  #ethics-page h1 { text-align: center; }
  #ethics-page img.mobile { display: block; width: 100%; }
  #ethics-page section { margin-bottom: 4%; padding: 0px 3%; }
  #ethics-page section i { display: none; }
  #ethics-page section .title-line { display: none; }
  #ethics-page section img { display: none; }
  #ethics-page section .content { float: none; }
  #ethics-page section:nth-of-type(1) .content, #ethics-page section:nth-of-type(2) .content, #ethics-page section:nth-of-type(3) .content { width: 100%; }
  #ethics-page section:nth-of-type(1) .content strong, #ethics-page section:nth-of-type(2) .content strong, #ethics-page section:nth-of-type(3) .content strong { margin-top: 10%; margin-bottom: 4%; text-align: center; margin-left: auto; margin-right: auto; font-size: 2.3em; }
  #ethics-page section:nth-of-type(1) .content p, #ethics-page section:nth-of-type(2) .content p, #ethics-page section:nth-of-type(3) .content p { text-align: justify; }
  #ethics-page section:nth-of-type(1) { border-top: solid 1px #e0e0e0; margin-top: 5%; }
  #ethics-page section:nth-of-type(1) strong { margin-top: 4%; }
  #cart-page { width: 100%; max-width: 100%; margin: 0px auto; font-size: 8px; 		/*
		#packaging{ width:100%;
		#packaging{ width:100%;

			&:after{display:block; content:" "; width:1px; height:1px; clear:both;};
			h6 { @include font($font-cartpage-cell);  border-bottom:solid 1px #999; display:inline-block;  font-size:10px;}
			label{display:block; width:50%; float:left; box-sizing:border-box;
			    img{width:67px; display:inline-block;}
				.radio{display:inline-block; width:12px; height:12px;  margin: 23px 30px 0px 30px; }

				span{}
				h5{margin-bottom:5px;}
				p{line-height:1.3 !important;}

				&:first-of-type{padding-right:5px;}

				&:last-of-type{ padding-left:5px;
					img:first-of-type{margin-top:9px; margin-bottom:27px;};
				}
			}
		}*/ }
  #cart-page .shipping-notice { background-color: #252525; border-top: none; }
  #cart-page a.continue-shopping { padding-right: 15px; }
  #cart-page form { display: block; width: 100%; padding-top: 20px; }
  #cart-page form table { width: 100%; border-collapse: collapse; }
  #cart-page form table tr { border-bottom: solid 1px #e0e0e0; margin: 0px; padding: 0px; }
  #cart-page form table tr td:nth-of-type(2), #cart-page form table tr th:nth-of-type(2) { padding-right: 10px; }
  #cart-page form table tr td:nth-of-type(3), #cart-page form table tr th:nth-of-type(3) { display: none; }
  #cart-page form table tr td:nth-of-type(4), #cart-page form table tr th:nth-of-type(4) { display: none; }
  #cart-page form table tr td:nth-of-type(6), #cart-page form table tr th:nth-of-type(6) { padding-left: 15px; }
  #cart-page form table tr td:nth-of-type(7), #cart-page form table tr th:nth-of-type(7) { display: none; }
  #cart-page form table .mobile-only { display: block; }
  #cart-page form table input { padding-top: 2px; }
  #cart-page form .bottom-container { justify-content: center; flex-wrap: wrap; }
  #cart-page form #packaging { text-align: center; padding-right: 0; flex: 0 1 90%; }
  #cart-page form #packaging h6 { text-align: center; display: block; width: 180px; margin: 23px auto; }
  #cart-page form #packaging label { width: 49%; display: inline-block; text-align: center; vertical-align: top; }
  #cart-page form #packaging label img { display: block; margin: 0 auto !important; }
  #cart-page form #packaging label .radio { display: block; margin: 10px auto 0 auto !important; }
  #cart-page form #packaging label span { width: 84%; }
  #cart-page form #packaging label h5 { margin: 14px 0px 10px 0px !important; }
  #cart-page form #packaging label p { line-height: 1.3 !important; }
  #cart-page form #packaging label:last-of-type img { margin-top: 20px !important; margin-bottom: 20px !important; }
  #cart-page form .checkout { font-size: 10px; flex: 0 1 90%; }
  #cart-page form .checkout .total { margin-bottom: 28px; }
  #cart-page form .checkout button { width: 220px; margin: 0px auto 7px auto; }
  #cart-page form .checkout .merchants { width: 220px; display: block; margin: 28px auto 0px auto; }
  #shipping-policy-popup #shipping-policy nav a, #shipping-policy-popup #shipping-policy nav p { width: -moz-calc(33% - 13px); width: -webkit-calc(33% - 13px); width: calc(33% - 13px); }
  #shipping-policy-popup #shipping-policy nav a:nth-of-type(4) { display: none; }
  #shipping-policy-popup #shipping-policy .content-container .scroll-container { display: none; }
  #shipping-policy-popup #shipping-policy .content-container .info { float: none; width: 100%; width: 100%; padding-right: 0px; }
  #shipping-policy-popup #shipping-policy .content-container .info:nth-of-type(3) { padding-right: 0px; padding-left: 0px; }
  #shipping-policy-popup #shipping-policy .content-container .info section div { display: none; }
  #shipping-policy-popup #shipping-policy .content-container .info section h3.initial:before { content: "+"; font-size: 22px; line-height: 25px; }
  #contact-page { width: 100%; display: block; }
  #contact-page .panel { width: 90%; margin: 0px auto; max-width: 600px; }
  #contact-page .line { font-size: 12px; }
  #stockists-page { width: 100%; margin: 0px auto; font-size: 10px; }
  #stockists-page .panel { float: none; width: 90%; margin: 0px auto; }
  #stockists-page .panel:first-of-type { padding-right: 0px; }
  #stockists-page .panel:nth-of-type(2) { padding-left: 0px; }
  #stockists-page .panel section li ul { font-size: 10px; }
  #film-page { width: 100%; max-width: 100%; margin: 42px 0px; padding: 0px 2%; }
  #film-page figure { margin: 0px; padding: 0px; width: 100%; padding-bottom: 56.3%; position: relative; }
  #film-page figure iframe { width: 100%; height: 100%; position: absolute; top: 0px; right: 0px; left: 0px; bottom: 0px; }
  #film-page .line { font-size: 11px; width: 100%; margin: 10px 0px 20px 0px; white-space: normal; }
  #film-page .line:before { display: none; }
  #film-page .line span { margin: 0px; }
  #store-location-popup .popup-content { padding: 42px 0 28px 0; width: 96%; max-width: 500px; box-sizing: border-box; }
  #store-location-popup .popup-content .section-container { display: flex; justify-content: space-around; }
  #store-location-popup .popup-content .section-container section { width: 150px; float: none; }
  #store-location-popup .popup-content .section-container section p { padding-left: 5px; }
  #store-location-popup .popup-content .section-container section:nth-of-type(2) { width: 30px; display: none; }
  #store-location-popup .popup-content .section-container section .or { display: none; }
  .account-page { padding-top: 0px !important; }
  .account-page nav { display: block; float: none; width: 80%; margin: 0px auto; border: solid 1px #cfcccc; position: relative; margin-bottom: 30px; }
  .account-page nav .mobile { display: block; }
  .account-page nav .selector { display: block; }
  .account-page nav .items { border: solid 1px #cfcccc; padding-top: 20px; position: absolute; z-index: 17; top: 50px; left: 0px; right: 0px; width: 100%; overflow: hidden; display: none; background-color: #fff; }
  .account-page nav .items a { text-decoration: none; }
  .account-page nav .items a h2 { text-align: center; text-decoration: none; margin-bottom: 20px; }
  .account-page nav .items a.selected { text-decoration: none; }
  .account-page .tab-content { float: none; width: 100%; }
  .account-page .tab-content .heading { width: auto; border-bottom: solid 1px #cfcccc; width: 100% !important; }
  .account-page .tab-content .heading h2 { width: 100%; }
  .account-page .tab-content .heading a { display: inline-block; }
  .account-page .tab-content section { float: none; width: 100%; margin-bottom: 50px; }
  .account-page .tab-content section .edit-form { width: 100%; padding-top: 30px; }
  .account-page table th { width: 25%; }
  .fs-mobile div.fs-entry-container, .fs-desktop div.fs-entry-container { width: calc(100% / 2.2) !important; padding-top: calc(100% / 2.2) !important; }
  .wishlist-page .container-fullwidth { padding: 0px 2% 0px 2% !important; }
  #stylecrush-page { font-size: 8px; max-width: 1024px; margin: 0 auto; padding: 0; }
  #stylecrush-page .show-mobile { display: block !important; }
  #stylecrush-page .hide-mobile { display: none !important; }
  #stylecrush-page .top { position: relative; }
  #stylecrush-page .top h1 { display: table; width: auto; margin: 0 auto; background-color: #fff; padding: 0 10px; }
  #stylecrush-page .top h1:before { content: " "; display: block; position: absolute; top: 16px; left: 0; width: 100%; z-index: -2; border-bottom: solid 1px #999; }
  #stylecrush-page .top i { font-size: 20px; }
  #stylecrush-page .top h4 { border: none; margin-top: 30px; font-size: 35px; font-family: "BulmerMTStd-Regular"; }
  #stylecrush-page section .panel { float: none; width: 100%; }
  #stylecrush-page section .panel:first-of-type i, #stylecrush-page section .panel:first-of-type p, #stylecrush-page section .panel:first-of-type h4, #stylecrush-page section .panel:first-of-type h6 { padding-left: 10%; padding-right: 10%; }
  #stylecrush-page section .panel:last-of-type i, #stylecrush-page section .panel:last-of-type p, #stylecrush-page section .panel:last-of-type h4, #stylecrush-page section .panel:last-of-type h6 { padding-left: 10%; padding-right: 10%; }
  #stylecrush-page section .panel img { display: block; width: 100%; margin-bottom: 10%; }
  #stylecrush-page section .panel .spotify { padding-left: 0; margin-top: 5em; margin-bottom: 4em; text-align: center; }
  #stylecrush-page section .panel .spotify img { width: 2rem; display: inline-block; margin: 0 1em 0 0; }
  #stylecrush-page section .panel .spotify a { display: inline; text-decoration: underline; vertical-align: top; }
  #stylecrush-page section .panel .spotify p { display: inline-block; width: auto; padding: 0; margin: 0; vertical-align: top; font-family: "BrandonGrotesqueWeb-Regular"; line-height: 3; font-size: 1.4em; }
  #stylecrush-page section:after { display: table; content: " "; width: 1px; height: 1px; clear: both; }
  #stylecrush-page section:first-of-type { font-size: 12px; padding-left: 5%; padding-right: 5%; margin-top: 0; }
  #stylecrush-page section:first-of-type h4 { font-family: "BulmerMTStd-Regular"; border: none; line-height: 1.3; margin-top: 5%; font-size: 5em; }
  #stylecrush-page section:first-of-type .bio { width: 100%; margin: 0; padding: 0 6%; text-align: center; }
  #stylecrush-page section:first-of-type .scroll-text { font-family: "BulmerMTStd-BoldItalic"; }
  #stylecrush-page section:first-of-type .interview-link { margin-top: 40px; margin-bottom: 40px; width: 100%; }
  #stylecrush-page section:first-of-type .interview-link h6 { font-size: 1em; }
  #stylecrush-page section:first-of-type .interview-link .icon-down { width: 100%; margin-top: 6%; text-align: center; }
  #stylecrush-page section:first-of-type .interview-link i { font-size: 1em; width: 100%; text-align: center; padding: 0; }
  #stylecrush-page section:last-of-type { width: 90%; margin: 0px auto 3% auto; border-bottom: solid 1px #cfcccc; }
  #stylecrush-page .end { margin: 0px auto; width: 7%; display: block; }
  #stylecrush-page .stylecrush-collection-row .product-item { flex: 0 0 44%; }
  #stylecrush-page #stylecrush-collection { padding-top: 100%; }
  #flowerchild-page { font-size: 1.5vw; width: 100vw; overflow-x: hidden; overflow-y: visible; }
  #flowerchild-page section:nth-of-type(1) { font-size: 1vw; }
  #flowerchild-page section:nth-of-type(1) img { margin-left: -35%; width: 134%; }
  #flowerchild-page section:nth-of-type(1) .animate-letters { font-size: 1.15vw; }
  #flowerchild-page section:nth-of-type(2) { margin-top: 10%; }
  #flowerchild-page section:nth-of-type(2) img:first-of-type { display: none; }
  #flowerchild-page section:nth-of-type(2) img:nth-of-type(2) { display: none; }
  #flowerchild-page section:nth-of-type(2) .hoverimage { width: 100%; }
  #flowerchild-page section:nth-of-type(2) .hoverimage img:first-of-type { display: block; width: 42%; margin-top: 4%; float: left; position: static; }
  #flowerchild-page section:nth-of-type(2) .hoverimage img:nth-of-type(2) { display: block; width: 58%; position: static; }
  #flowerchild-page section:nth-of-type(2) .hoverimage .hover { opacity: 1; transition: none; }
  #flowerchild-page section:nth-of-type(2) .hoverimage:hover .hover { opacity: 1; }
  #flowerchild-page section:nth-of-type(2) .hoverimage:after { clear: both; display: table; content: " "; }
  #flowerchild-page section:nth-of-type(2) p { left: 3%; top: 94%; width: 36%; }
  #flowerchild-page section:nth-of-type(2) p span { display: none; }
  #flowerchild-page section:nth-of-type(2) p a { margin-top: 0; background-color: #000; color: #fff; width: 100%; text-align: center; font-family: "gothic"; padding: 0.5em 0; }
  #flowerchild-page section:nth-of-type(2) .animate-letters { font-size: 1.3vw; top: 80%; right: auto; left: 3%; }
  #flowerchild-page section:nth-of-type(2) .animate-letters n { font-size: 7em; }
  #flowerchild-page section:nth-of-type(3) { margin-top: 20%; }
  #flowerchild-page section:nth-of-type(3) img { width: 100%; }
  #flowerchild-page section:nth-of-type(3) p { top: -7%; left: 0; right: 0; text-align: center; width: 100%; }
  #flowerchild-page section:nth-of-type(3) p span { font-size: 1.6em; }
  #flowerchild-page section:nth-of-type(3) p a { margin-top: 74%; background-color: #000; color: #fff; width: 30%; text-align: center; font-family: "gothic"; padding: 0.5em 0; }
  #flowerchild-page section:nth-of-type(4) { margin-top: 15%; }
  #flowerchild-page section:nth-of-type(4) img:nth-of-type(1) { width: 63%; }
  #flowerchild-page section:nth-of-type(4) img:nth-of-type(2) { display: none; }
  #flowerchild-page section:nth-of-type(4) img:nth-of-type(3) { display: none; }
  #flowerchild-page section:nth-of-type(4) .hoverimage { width: 37%; margin-top: 4%; }
  #flowerchild-page section:nth-of-type(4) .hoverimage img { width: 100%; }
  #flowerchild-page section:nth-of-type(4) .animate-letters { font-size: 1.3vw; left: 3%; top: 79%; }
  #flowerchild-page section:nth-of-type(4) .animate-letters n { font-size: 7em; }
  #flowerchild-page section:nth-of-type(4) p { width: 31%; top: 95%; left: 3%; }
  #flowerchild-page section:nth-of-type(4) p span { display: none; }
  #flowerchild-page section:nth-of-type(4) p a { margin-top: 0; background-color: #000; color: #fff; width: 100%; text-align: center; font-family: "gothic"; padding: 0.5em 0; } }
@media screen and (max-width: 768px) { main { margin-top: 0px; min-height: 0px; }
  #stock-notifiction-popup .popup-content .select, #stock-notifiction-popup .popup-content input { max-width: 100%; }
  #shipping-policy-popup #shipping-policy nav { height: 40px; }
  #shipping-policy-popup #shipping-policy nav a, #shipping-policy-popup #shipping-policy nav p { font-size: 14px; line-height: 40px; } }
@media screen and (max-width: 430px) { #stock-notifiction-popup h2 { margin-top: 30px; } }
@media screen and (max-width: 400px) { header#mobile-header .topbar .logo { width: 180px; }
  #product-page .right-panel #product_content section h3 { font-size: 8px; }
  #product-page .right-panel #product_content section h3:last-of-type { padding-left: 0px; } }
#swym-plugin { position: relative; }
#swym-plugin #swym-notepad #swym-notepad-header { padding: 30px 0; height: 91px; border-bottom: solid 1px #000; }
#swym-plugin #swym-notepad #swym-notepad-header.swym-background-color { background-color: #fff !important; }
#swym-plugin #swym-notepad #swym-notepad-header .swym-title { font-size: 17px; letter-spacing: 2px; text-align: center; text-transform: uppercase; font-family: "BrandonGrotesqueWeb-Bold"; letter-spacing: 3px; color: #444; }
#swym-plugin #swym-notepad #swym-notepad-header .swym-tag { font-size: 14px; font-family: "BulmerMTStd-Italic"; letter-spacing: 3px; text-align: center; width: 100%; display: block; color: #444; }
#swym-plugin #swym-notepad #swym-notepad-header .swym-close { width: 30px; height: 30px; margin: 0; position: absolute; top: 7px; right: 5px; }
#swym-plugin #swym-notepad #swym-notepad-header .swym-close i { display: none; }
#swym-plugin #swym-notepad #swym-notepad-header .swym-close:before { content: "\d7"; width: 15px; height: 15px; line-height: 21px; display: block; margin: auto; font-size: 25px; }
#swym-plugin #swym-notepad #swym-notepad-header .swym-close:hover { text-decoration: none; }
#swym-plugin .swym-item-grid .swym-item .swym-image { height: auto; border: none; }
#swym-plugin .swym-item-grid .swym-item .swym-outer { border: none; background: none; }
#swym-plugin .swym-item-grid .swym-item .swym-add-to-cart { background: none !important; }
#swym-plugin .swym-item-grid .swym-item .swym-add-to-cart a { background-color: #000; font-family: "gothic"; text-transform: uppercase; font-size: 11px; }
#swym-plugin .swym-item-grid .swym-item .swym-information { text-align: center; }
#swym-plugin .swym-item-grid .swym-item .swym-title { font-family: "BrandonGrotesqueWeb-Bold"; font-size: 10px; text-decoration: none; text-transform: uppercase; }
#swym-plugin .swym-item-grid .swym-item .swym-price { font-family: "BrandonGrotesqueWeb-Regular"; font-size: 11px; text-decoration: none; text-transform: uppercase; }
#swym-plugin .swym-item-grid .swym-item .swym-actions li.swym-wishlist.is-active { display: none; }
#swym-plugin .swym-tabs-content { background-color: #fff !important; }
#swym-plugin .swym-tabs-content #swym-items-container { background-color: #fff !important; }
#swym-plugin .swym-tabs-nav { position: absolute; top: 7px; right: 33px; width: 113px !important; height: 30px !important; border: none  !important; background-color: #fff !important; }
#swym-plugin .swym-tabs-nav li { border: none !important; width: 30px !important; }
#swym-plugin .swym-tabs-nav li a { width: 30px; height: 30px; line-height: 30px; padding: 0; display: block; margin: auto; }
#swym-plugin .swym-tabs-nav li a i { display: none; }
#swym-plugin .swym-tabs-nav li a span { display: none; }
#swym-plugin .swym-tabs-nav li:nth-of-type(1) a:before { font-family: "icons"; content: "¤"; margin: auto; width: 15px; height: 15px; font-size: 15px; color: #54504e; display: block; }
#swym-plugin .swym-tabs-nav li:nth-of-type(2) { display: none; }
#swym-plugin .swym-tabs-nav li:nth-of-type(3) a:before { content: url("wishlist-email.svg"); margin: auto; width: 20px; height: 20px; font-size: 20px; line-height: 20px; color: #54504e; display: block; margin-top: 4px; }
#swym-plugin .swym-tabs-nav li:nth-of-type(4) a:before { content: url("wishlist-settings.svg"); margin: auto; width: 18px; height: 18px; font-size: 18px; line-height: 18px; color: #54504e; display: block; margin-top: 5px; }
#swym-plugin .swym-settings-container #swym-devices-heading { font-family: "BrandonGrotesqueWeb-Bold"; margin-bottom: 2px; }
#swym-plugin .swym-settings-container #swym-user-information-description { font-family: "BulmerMTStd-Regular"; }
#swym-plugin .swym-settings-container #swym-auth-container { background-color: #fff !important; min-height: 125px !important; margin-top: 22px; }
#swym-plugin .swym-settings-container #swym-auth-container #swym-auth .swym-auth-description { font-family: "BulmerMTStd-Regular"; }
#swym-plugin .swym-settings-container #swym-auth-container #swym-auth button.swym-button { background-color: #000 !important; font-family: "gothic"; letter-spacing: 3px; line-height: 1; font-size: 12px; }
#swym-plugin .swym-settings-container .swym-separator { display: none !important; }
#swym-plugin .swym-settings-container .swym-settings-block p { font-family: "BulmerMTStd-Regular"; }
#swym-plugin .swym-settings-container .swym-settings-block button { background-color: #000 !important; font-family: "gothic"; letter-spacing: 3px; line-height: 1; font-size: 12px; }
#swym-plugin .swym-no-items p { font-family: "BulmerMTStd-Regular"; }
#swym-plugin .swym-no-items strong { font-family: "BrandonGrotesqueWeb-Bold"; text-transform: uppercase; font-size: 13px !important; letter-spacing: 2px; }
#swym-plugin #swym-notification #swym-notification-title a span { font-family: "BulmerMTStd-Regular"; }
#swym-plugin #swym-notification .swym-item .swym-title { margin-bottom: 4px; height: auto; }
#swym-plugin #swym-notification .swym-item .swym-title a { font-family: "BrandonGrotesqueWeb-Bold"; color: #000 !important; }
#swym-plugin #swym-notification .swym-item .swym-title a:hover { text-decoration: none; color: #000 !important; }
#swym-plugin #swym-notification .swym-item .swym-title .swym-variantinfo { font-family: "BrandonGrotesqueWeb-Bold"; display: inline; color: #000 !important; }
#swym-plugin #swym-notification .swym-item .swym-price { font-family: "BrandonGrotesqueWeb-Regular"; font-size: 11px; }
#swym-plugin #swym-notification a.swym-view-history { font-family: "BulmerMTStd-Regular"; text-decoration: underline; }

/*
#swym-plugin #swym-notepad #swym-notepad-header.swym-background-color { background-color: #fff !important; }

#swym-plugin .swym-item-grid .swym-item .swym-image { height: auto; border: none; }
#swym-plugin .swym-item-grid .swym-item .swym-outer { border: none; background: none; }
#swym-plugin .swym-item-grid .swym-item .swym-add-to-cart { background: none !important; }
#swym-plugin .swym-item-grid .swym-item .swym-add-to-cart a { background-color: #000; font-family: "gothic"; text-transform: uppercase; font-size: 11px; }
#swym-plugin .swym-item-grid .swym-item .swym-information { text-align: center; }
#swym-plugin .swym-item-grid .swym-item .swym-title { font-family: "BrandonGrotesqueWeb-Bold"; font-size: 10px; text-decoration: none; text-transform: uppercase; }
#swym-plugin .swym-item-grid .swym-item .swym-price { font-family: "BrandonGrotesqueWeb-Regular"; font-size: 11px; text-decoration: none; text-transform: uppercase; }
#swym-plugin .swym-item-grid .swym-item .swym-actions li.swym-wishlist.is-active { display: none; }

#swym-plugin #swym-notepad #swym-notepad-header {padding:30px 0; height:91px;  border-bottom:solid 1px #000;}
#swym-plugin #swym-notepad #swym-notepad-header .swym-title{font-size: 14px; letter-spacing: 2px; text-align:center; text-transform:uppercase; font-family: "BrandonGrotesqueWeb-Bold"; letter-spacing:3px; color:#444;}
#swym-plugin #swym-notepad #swym-notepad-header .swym-tag{font-family: "BulmerMTStd-Italic"; letter-spacing:3px; text-align:center; width:100%; display:block; color:#444;}

#swym-plugin #swym-notepad #swym-notepad-header .swym-close {width:30px;height:30px;border:solid 1px;margin:0;position:absolute;top:0;right:0;}
#swym-plugin #swym-notepad #swym-notepad-header .swym-close i{display:none;}
#swym-plugin #swym-notepad #swym-notepad-header .swym-close:before{content:"\d7"; width:15px; height:15px; line-height:21px; display:block; margin:auto; font-size:25px;}
#swym-plugin #swym-notepad #swym-notepad-header .swym-close:hover{text-decoration:none;}

#swym-plugin{position:relative;}
#swym-plugin .swym-tabs-content{background-color:#fff !important;}
#swym-plugin .swym-tabs-content #swym-items-container{background-color:#fff !important;}

#swym-plugin .swym-tabs-nav{position:absolute; top:0; right:36px; width:113px !important;  height:30px !important; border:none  !important; background-color:#fff !important;}
#swym-plugin .swym-tabs-nav li{border:none !important; width:30px !important;}
#swym-plugin .swym-tabs-nav li a{width:30px; height:30px; line-height:30px; padding:0; display:block; margin:auto; border:solid 1px;}
#swym-plugin .swym-tabs-nav li a i{display:none;}
#swym-plugin .swym-tabs-nav li a span{display:none;}

#swym-plugin .swym-tabs-nav li:nth-of-type(1) a:before{font-family:"icons"; content:"¤"; margin:auto; width:15px; height:15px;font-size:15px; color:#54504e; display:block;}
#swym-plugin .swym-tabs-nav li:nth-of-type(2){display:none;}
#swym-plugin .swym-tabs-nav li:nth-of-type(3){}
#swym-plugin .swym-tabs-nav li:nth-of-type(4) a{border:solid 1px !important;}
*/