html {
  height:100%;
}

@font-face {
  font-family: 'nickname-regular';
  src: url('nickname-regular.woff2') format('woff2'),
    url('nickname-regular.woff') format('woff');
}

@font-face {
  font-family: 'nickname-striped';
  src: url('nickname-striped.woff2') format('woff2'),
    url('nickname-striped.woff') format('woff');
}

@font-face {
  font-family: 'nickname-dotted';
  src: url('nickname-dotted.woff2') format('woff2'),
    url('nickname-dotted.woff') format('woff');
}

@font-face {
  font-family: 'pinto';
  src: url('pinto.woff2') format('woff2'),
    url('pinto.woff') format('woff');
}

@font-face {
  font-family: 'vivabeautiful';
  src: url('vivabeautiful.woff2') format('woff2'),
    url('vivabeautiful.woff') format('woff');
}

@font-face {
  font-family: 'henley';
  src: url('henley-script.woff') format('woff');
}

@font-face {
  font-family: 'futarama-light';
  src: url('futarama-light.woff') format('woff');
}

@font-face {
  font-family: 'futarama-book';
  src: url('futarama-book.woff') format('woff');
}

@font-face {
  font-family: 'futarama-heavy';
  src: url('futarama-heavy2.woff') format('woff');
}

/*-------------------------------------------------------------------------------------------------*/
/*------------------------------------------- FONTS -----------------------------------------------*/
/*-------------------------------------------------------------------------------------------------*/

.nickname,
.box.cart .items .item .right .description.nickname,
.featured-products .featured-product a.info .container .left .table .cell .title,
.product .item>.right h1,
.header .main-nav ul li a,
.collection-products .collection-product>.inner .info .metas .title,
.cart .items .item .right a.name,
.cart .more h5,
.cart.negative .more h5,
.cart .items .item .right .quantity,
.our-story h2,
.p1:first-child:first-letter,
.search .search-header .search-bar-wrapper form input,
.qcon,
.feefowidget-product-stars__reviews-count,
.sweet-alert h2,
.boxes.int h2 {
  font-family: 'nickname-regular' !important;
}

.header .main-nav ul li a,
.header .bar .right a .circle,
.header .bar .left a span,
.search-overlay .search-bar-wrapper form input.text,
.side-nav ul li a,
.slideshow .slide .slideshow-image .table .cell h1,
.home .section h2,
.shape.shaped.circle span,
.boxes .box .left h2,
.boxes .box .right h2,
.boxes .box .bottom h2,
.cart .more h3,
.cart .items .item .right .quantity input,
.qty, .qtyplus, .qtyminus,
.cart.negative .items .item .right .quantity button,
.cart .items .item .right .quantity .qty-selector button,
.cart .items .item .right .description,
.cart.negative .items .item .right .description,
.flag h3,
.form-section h4,
.product .item > .right form .qty-basket > label,
.footer .top .col h3,
.pagination .page,
.insta-header h2,
.trade-reg #rte strong,
.categories span,
.subnav li,
.product-tags span,
.radio-wrapper label,
.fourofour h2,
.boxes .box.cart .right .more h3,
.box.cart .items .item .right .description,
.acc-label p,
.order .label,
.order .title,
.boxes .box.cart .right .half h3,
.addresses .boxed,
#rte h3,
#lashes.template-page .section h2,
.map>.info h1,
form h3,
.collection .drop-down select {
  /*font-family: 'pinto' !important;*/
  font-family: 'nickname-regular' !important;
}

#rte blockquote,
.newsletter #rte p,
.custom-content .custom__item-inner--text h1,
.related .section h2,
.tagline h4,
.fourofour h3 {
  font-family: 'vivabeautiful' !important;
  text-transform: none !important;
}

.g,
p strong,
.btn, button,
#account .btn.solid,
.boxes .box .right .back,
.custom-content .custom__item-inner--text p,
.btn.accent,
form .field-error,
.our-story-logos p,
.fourofour .boxes .box>.right h3,
.boxes.contact .box-right .left a,
.side-cart .side-cart-header h2,
.cart.negative .more h3,
.flag a,
.boxes .box.cart .right h3,
span.highlight,
.order,
.order .date,
.sweet-alert p,
.product #rte strong {
  font-family: 'futarama-book' !important;
  text-transform: uppercase !important;
  letter-spacing: -0.5px;
}

body,
.offers h3,
.footer .top .col li,
.footer .top .col #rte p,
.collection .collection-header ul.categories li a,
#rte p, #rte li, 
#rte td,
form input, form input.text, 
form textarea, 
.drop-down select, 
form label,
.boxes .box>.left>h3, 
.boxes .box>.right>h3, 
.boxes .box>.bottom>h3, 
.boxes .box>.right h3.accent,
.box.cart .right p,
.boxes.int h3 {
  font-family: 'futarama-light' !important;
  font-weight:400;
  letter-spacing: -0.5px;
}

.contact h2,
.trade-reg h2.title,
.account-info h2.title,
.cart .items .item .price,
.cart .items .item .right .description .money,
.cart .more h3 .value,
ul.mm-submenu .money,
.collection-products .collection-product>.inner .info .metas .price,
.product .item>.right .offers h2.price,
.section h2,
.collections-items a.collections-item.with-underline h4,
.collections-items a.collections-item h4 {
  font-family: 'futarama-heavy' !important;
  text-transform: uppercase !important;
  font-weight:400;
  letter-spacing: -0.5px;
}

/*-------------------------------------------------------------------------------------------------*/
/*------------------------------------------- ICONS -----------------------------------------------*/
/*-------------------------------------------------------------------------------------------------*/

@font-face {
  font-family: 'Flaticon';
  src: url('{{ 'Flaticon.eot' | asset_url }}');
  src: url('{{ 'Flaticon.eot?#iefix' | asset_url }}') format('embedded-opentype'),
    url('{{ 'Flaticon.woff' | asset_url }}') format('woff'),
    url('{{ 'Flaticon.ttf' | asset_url }}') format('truetype'),
    url('{{ 'Flaticon.svg' | asset_url }}') format('svg');
  font-weight: normal;
  font-style: normal;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: "Flaticon";
    src: url("./Flaticon.svg#Flaticon") format("svg");
  }
}

.fc {
  display: inline-block;
  font: normal normal normal 14px/1 Flaticon;
  font-size: inherit;
  text-rendering: auto;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  @include font-loading-transition();
}

.flaticon-arroba-hand-drawn-symbol:before { content: "\f114"; }
.flaticon-cancel-circular-button-with-a-cross-inside-hand-drawn-outlines:before { content: "\f13a"; }
.flaticon-chat-bubble-hand-drawn-outline:before { content: "\f13e"; }
.flaticon-chat-bubbles-couple-hand-drawn-outlines:before { content: "\f13f"; }
.flaticon-checkmark-hand-drawn-outline:before { content: "\f140"; }
.flaticon-compass-hand-drawn-circular-tool-outline:before { content: "\f14e"; }
.flaticon-delete-hand-drawn-cross-symbol-outline:before { content: "\f161"; }
.flaticon-down-arrow-hand-drawn-outline:before { content: "\f16d"; }
.flaticon-facebook-letter-logo-in-a-square-hand-drawn-outline:before { content: "\f182"; }
.flaticon-factory-hand-drawn-building-outline:before { content: "\f183"; }
.flaticon-hand-drawn-google-plus-logo:before { content: "\f198"; }
.flaticon-heart-hand-drawn-symbol-outline:before { content: "\f19b"; }
.flaticon-house-hand-drawn-outline:before { content: "\f19f"; }
.flaticon-instagram-hand-drawn-logo:before { content: "\f1ac"; }
.flaticon-left-arrow-hand-drawn-outline:before { content: "\f1b6"; }
.flaticon-location-pin-hand-drawn-sign:before { content: "\f1c5"; }
.flaticon-magnifying-glass-hand-drawn-tool:before { content: "\f1cc"; }
.flaticon-mail-envelope-back-hand-drawn-outline:before { content: "\f1cd"; }
.flaticon-menu-hand-drawn-lines-outlines:before { content: "\f1d3"; }
.flaticon-money-bag-hand-drawn-variant:before { content: "\f1d8"; }
.flaticon-money-paper-of-dollars-hand-drawn-symbol:before { content: "\f1d9"; }
.flaticon-money-stack-hand-drawn-outline:before { content: "\f1da"; }
.flaticon-money-symbol-hand-drawn-outline:before { content: "\f1db"; }
.flaticon-pencil-hand-drawn-tool-outline:before { content: "\f1fc"; }
.flaticon-pinterest-hand-drawn-logo:before { content: "\f205"; }
.flaticon-plus-hand-drawn-sign:before { content: "\f208"; }
.flaticon-rest-hand-drawn-minus-sign-outline:before { content: "\f21f"; }
.flaticon-right-arrow-hand-drawn-outline:before { content: "\f221"; }
.flaticon-rss-feed-hand-drawn-symbol:before { content: "\f225"; }
.flaticon-sale-tag-hand-drawn-commercial-element:before { content: "\f227"; }
.flaticon-sale-tag-hand-drawn-symbol:before { content: "\f228"; }
.flaticon-shopping-bag-hand-drawn-outline-variant:before { content: "\f231"; }
.flaticon-shopping-cart-hand-drawn-tool:before { content: "\f232"; }
.flaticon-telephone-auricular-hand-drawn-outline:before { content: "\f24e"; }
.flaticon-ticket-hand-drawn-outline:before { content: "\f256"; }
.flaticon-trash-can-hand-drawn-symbol:before { content: "\f259"; }
.flaticon-twitter-hand-drawn-logo:before { content: "\f261"; }
.flaticon-user-book-hand-drawn-symbol:before { content: "\f270"; }
.flaticon-user-hand-drawn-outline-in-a-rectangle:before { content: "\f271"; }
.flaticon-user-head-side-hand-drawn-outline:before { content: "\f272"; }
.flaticon-user-list-hand-drawn-interface-symbol-outline:before { content: "\f273"; }
.flaticon-users-couple-hand-drawn-outlines:before { content: "\f274"; }

.fc-hamburguer:before { content: "\f1d3"; }
.fc-cart:before { content: "\f231"; }
.fc-search:before { content: "\f1cc"; }
.fc-comment:before { content: "\f13e"; }
.fc-tag:before { content: "\f1d8"; }
.fc-pencil:before { content: "\f1fc"; }
.fc-trash:before { content: "\f259"; }
.fc-close:before { content: "\f161"; }
.fc-facebook:before { content: "\f182"; }
.fc-pinterest:before { content: "\f205"; }
.fc-google:before { content: "\f198"; }
.fc-linkedin:before { content: "l"; }
.fc-instagram:before { content: "\f1ac"; }
.fc-twitter:before { content: "\f261"; }
.fc-vimeo:before { content: "v"; }
.fc-tumblr:before { content: "t"; }
.fc-flickr:before { content: "k"; }
.fc-yelp:before { content: "o"; }
.fc-snapchat:before { content: "j"; }
.fc-youtube:before { content: "h"; }
.fc-rss:before { content: "\f225"; }
.fc-bullet:before { content: "A"; }
.fc-bullet-active:before { content: "B"; }
.fc-user:before { content: "\f271"; }
.fc-dropdown:before { content: "\f16d"; }

.product .close,
.cart .items .item .remove i.fc,
.cart.negative .items .item .remove i.fc,
.side-cart .close i.fc {
  color: #ffc439;
}

/*.template-index .header .bar .left a i,
.template-index .header .bar .right a i,
#lashes.template-page .header .bar .left a i,
#lashes.template-page .header .bar .right a i,
#a-love-story-with-a-furry-tail-ending.template-page .header .bar .left a i,
#a-love-story-with-a-furry-tail-ending.template-page .header .bar .right a i {
  color:#fff;
}*/

.address .options i.fc,
.template-index .header .bar.fixed .left a i,
.template-index .header .bar.fixed .right a i,
#lashes.template-page .header .bar.fixed .left a i,
#lashes.template-page .header .bar.fixed .right a i,
#a-love-story-with-a-furry-tail-ending.template-page .header .bar.fixed .left a i,
#a-love-story-with-a-furry-tail-ending.template-page .header .bar.fixed .right a i {
  color:#000;
}

.product .close i.fc {
  font-size: 25px;
  border: none;
}

.address .options i.fc,
.side-cart .close i.fc {
  font-size: 20px;
}

.cart .more h5 .icon,
.cart.negative .more h5 .icon {
  font-weight: 400;
}

/*-------------------------------------------------------------------------------------------------*/
/*------------------------------------------ BUTTONS ----------------------------------------------*/
/*-------------------------------------------------------------------------------------------------*/

.btn, button {
  letter-spacing: 1px !important;
  text-transform: uppercase !important;
  font-size: 14px !important;
}

.btn.solid {
  border-radius: 5px;
  box-shadow: inset 0 0 100px 100px rgba(0,0,0,0.05);
  background: #ffc439;
  border-color: #ffc439;
  color: #000;
  margin: 0 auto;
  padding: 20px;
  height: 54px;
  font-size: 14px !important;
}

.btn.solid.grey {
  background: #999;
  border-color: #999;
  color: #fff;
  font-size: 14px !important;
}

.btn.solid:hover,
.product .item>.right form .add-to-cart:hover,
.fourofour .shape.shaped.square.solid:hover {
  background: #f5b92c;
  border-color: #f5b92c;
  font-size: 14px !important;
}

.btn.solid.grey:hover {
  background: #8e8e8e;
  border-color: #8e8e8e;
  font-size: 14px !important;
}

.btn.accent.green {
  background: #5ac100;
  border-color: #5ac100;
  color: #fff;
  font-size: 14px !important;
}

.btn.accent.green:hover {
  background: #55b502;
  border-color: #55b502;
  color: #fff;
  font-size: 14px !important;
}

.btn.border.white {
  border-color: #fff;
  color: #fff;
  text-shadow: 0px 0px 40px rgba(0,0,0,0.1);
  box-shadow: 0px 0px 40px rgba(0,0,0,0.1);
  font-size: 14px !important;
}

.btn.border.black {
  border-color: #000;
  color: #000;
  text-shadow: 0px 0px 40px rgba(255,255,255,0.1);
  box-shadow: 0px 0px 40px rgba(255,255,255,0.1);
  font-size: 14px !important;
}

input.half,
.btn.half,
.half {
  width:calc(50% - 5px);
  float: left;
  font-size: 14px !important;
}

input.half:last-child,
.btn.half:last-child,
.boxes.contact .btn.solid.grey {
  margin-left: 10px;
  font-size: 14px !important;
}

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

#rte {
  background-color: #fff;
  padding:20px;
}


#rte,
#rte p{
  max-width: none;
}

#rte p{
  margin: 0 0 10px;
}

#rte p, #rte li, #rte td, p, li, td, .footer .top .col #rte p, .footer .top .col p, .footer .top .col li, .vertical-mega-menu li .toggle-menu-btn, li.buddha-menu-item a {
  font-size: 15px;
  line-height: 25px !important;
  letter-spacing: 0px;
}

.header .main-nav ul li {
  display: inline-block;
  float: left;
  margin: 0 20px 15px 0;
}

.our-story h2,
.section h2,
.contact h2,
.trade-reg h2.title,
.account-info h2.title {
  font-size: 60px;
  line-height: 70px;
  text-align: center;
  margin:30px 0;
  display: block;
  color:#000;
}

.section h2,
.cart .items .item .right a.name,
.collection-products.with-title-underline .collection-product .inner .info .metas .title {
  text-decoration: none;
}

.home .section h2,
#lashes.template-page .section h2 {
  font-size: 23px;
  line-height: 27px;
  display: inline;
  margin: 0 0 5px;
}

.section h2,
.trade-reg h2.title,
.account-info h2.title {
  text-transform: uppercase;
  background: #ffc439;
  margin:0 0 30px;
  padding:30px 0;
}

.footer .top .col h3 {
  text-transform: uppercase;
}

.collection .collection-header ul.categories li a,
.collection .collection-header ul.subnav li a {
  text-transform: lowercase;
} 

.search-overlay .search-bar-wrapper form input.text {
  font-weight: 400;
}

/*-------------------------------------------------------------------------------------------------*/
/*------------------------------------------- BOXES -----------------------------------------------*/
/*-------------------------------------------------------------------------------------------------*/

.header .main-nav,
.content,
.layout,
.boxes.account-info,
.boxes.contact,
.footer .top,
.template-index .layout .home>.sections {
  max-width:1200px;
  margin: 0 auto !important;
}

body {
  max-width: none;
}

.boxes {
  padding-top: 40px !important;
  margin: 0 0 30px;
  padding-bottom: 0;
}

.boxes .box .right,
.boxes .box .left,
.boxes .box .bottom,
.boxes.int {
  padding: 30px;
  margin: 0 auto;
  background: #ececec;
}

.boxes .box .right,
.boxes .box .left {
  margin-bottom: 30px;
}

.boxes.int {
  padding-top: 30px !important;
  display: inline-block;
  width:100%;
  margin-bottom: 60px !important;
}

.boxes.int .boxes {
  background: #ececec;
}

.boxes .box.third {
  width:calc(33% - 20px);
  float: left;
  padding-bottom: 0;
}

.boxes .box.third:first-child {
  margin-right:30px;
}

.boxes .box.third:last-child {
  margin-left:30px;
}

.more .row.right,
.boxes .box .right .more .right {
  padding: 0;
}

.boxes .box .right h2,
.boxes .box .left h2,
.boxes .box .bottom h2,
.boxes.contact #rte h3,
.boxes.int h2.title {
  padding-bottom: 10px;
  border-bottom: 1px solid #b3b3b3;
  font-size: 35px;
  margin-bottom:20px;
  line-height: 30px;
}

.boxes .box .bottom h3,
.boxes.int h3 {
  margin-bottom:20px;
}

.boxes .box>.left>h3, 
.boxes .box>.left h3.accent,
.boxes .box>.right>h3, 
.boxes .box>.right h3.accent,
.boxes .box>.bottom>h3, 
.boxes .box>.bottom h3.accent,
.boxes.int h3{
  color: #696969/*ffc439*/;
  font-style: normal;
}

.boxes .box .right .back {
  margin: 0;
}

.back {
  display: inline-block;
  width: 100%;
}

.row.expanded-top.back,
.back{
  margin-bottom: 0;
  margin-top: 0;
}

.template-page .custom-content .inner {
  max-width: none;
}

/*-------------------------------------------------------------------------------------------------*/
/*------------------------------------------- MENUS -----------------------------------------------*/
/*-------------------------------------------------------------------------------------------------*/

.side-nav .close {
  top: 30px;
}

.side-nav ul {
    margin: 60px 0 0;
}

.side-nav ul li {
  margin: 0 0 10px;
}

.side-nav .close i.fc,
.side-nav ul li a,
.header .bar .right a .circle,
.btn.accent {
  color: #000;
}

/*-------------------------------------------------------------------------------------------------*/
/*------------------------------------------- FORMS -----------------------------------------------*/
/*-------------------------------------------------------------------------------------------------*/

form input, 
form input.text, 
form textarea, 
.drop-down select, 
form label {
  color: #000;
  font-size: 16px;
  padding: 10px 10px 7px; 
  letter-spacing: 0.5px;
  max-width: 100%;
}

form .field-error {
  color: #d00000;
  text-transform: uppercase;
  display: inline-block;
  font-weight: 800;
  font-style: normal;
  margin: 15px 0 0px;
}

.form-left,
.form-right {
  float: left;
  width: 50%;
}

.form-left {
  padding-right: 30px;
}

.form-section label {
  padding:0;
}

.form-selection {
  margin:5px 0 20px;
}

.form-selection input {
  margin: 0 5px 10px;
}

.form-selection p {
  display:inline-block;
  margin: 0 10px 0 5px;
}

form input.long, 
form textarea.long, 
.drop-down select.long, 
form label.long {
  max-width:none;
}

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none;
  outline: 0;
  box-shadow: none;
  border: 0 !important;
  background-image: none;
}

select::-ms-expand {
  display: none;
}

.drop-down,
#address_country_3346484920433 {
  position: relative;
  background: #fff;
  border-radius: 3px;
}

select {
  flex: 1;
  padding: 0 .5em;
  color: #fff;
  cursor: pointer;
}

.drop-down::after,
#address_country_3346484920433::after {    
  font: normal normal normal 14px/1 Flaticon;
  font-size: inherit;
  text-rendering: auto;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  content: '\f16d';
  position: absolute;
  top: 0;
  right: 0;
  padding: 10px;
  color: #9e9e9e;
  cursor: pointer;
  pointer-events: none;
  -webkit-transition: .25s all ease;
  -o-transition: .25s all ease;
  transition: .25s all ease;
}

.drop-down:hover::after,
#address_country_3346484920433:hover::after {
  color: #f39c12;
}

.form-selection.drop-down {
  width:50%;
}

/*-------------------------------------------------------------------------------------------------*/
/*------------------------------------------- HEADER ----------------------------------------------*/
/*-------------------------------------------------------------------------------------------------*/

/*#lashes.template-page .header .relative,
#a-love-story-with-a-furry-tail-ending.template-page .header .relative {
  position: absolute;
  z-index: 3;
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.15) , rgba(0,0,0,0));
  color: #fff !important;
  width: 100%;
  height: 30vh;
}

.template-index .header .background,
#lashes.template-page .header .background,
#a-love-story-with-a-furry-tail-ending.template-page .header .background {
  background: none;
}

.template-index .header .main-nav ul li a,
#lashes.template-page .header .main-nav ul li a,
#a-love-story-with-a-furry-tail-ending.template-page .header .main-nav ul li a {
  color:#fff;
  text-shadow: 0px 0px 3px rgba(0,0,0,0.3);
}*/

.template-index .header .main-nav ul.mm-submenu li a,
#lashes.template-page .header .main-nav ul.mm-submenu li a,
#a-love-story-with-a-furry-tail-ending.template-page .header .main-nav ul.mm-submenu li a {
  text-shadow: none;
}

.horizontal-mega-menu ul.mm-submenu.simple > li .mm-list-name {
  display:none !important;
}

.header .bar .left a span {
  float: left;
  top: 40px;
  margin-left: 1px;
  font-size: 16px;
}

.header.solid .fixed a.logo h1 img {
  width: 80px !important;
}

.header .nav ul li a {
  font-size: 16px !important;
  line-height: 18px !important;
  letter-spacing: 0 !important;
  font-weight: 400 !important;
}

.header .fixed .left,
.header .fixed .right {
  top: 40px !important;
  left: clear;
  right: clear;
}

.header .left {
  top: 25px !important;
  left: 30px !important;
}

.header .right {
  top: 25px !important;
  right: 30px !important;
}

.flaticon-left-arrow-hand-drawn-outline:before {
  font-size: 25px;
  margin: 0px 5px 0 -4px;
}

.header .bar .right a .circle {
  width: 30px;
  height: 30px;
  line-height: 31px;
  font-size: 18px;
}

.header .main-nav {
  padding: 0 15px 15px 0;
}

.vertical-mega-menu li .toggle-menu-btn > i {
  font-size: 20px;
}

.side-nav ul li a {
    font-size: 25px;
}

.side-nav .vertical-mega-menu li .toggle-menu-btn {
  cursor: pointer;
  vertical-align: top !important;
  margin-top: 2px !important;
}

.mm-submenu li {
  font-size: 20px;
}  

.vertical-mega-menu > li ul.mm-submenu.simple > li {
    padding: 0 !important;
}

.vertical-mega-menu ul.mm-submenu.simple > li .mm-list-name {
    border-bottom: none !important;
}

.side-nav .vertical-mega-menu ul.mm-submenu li a:hover,
.side-nav .vertical-mega-menu ul.mm-submenu li:hover>a,
.side-nav .vertical-mega-menu ul.mm-submenu.tree li:hover>a,
.side-nav .vertical-mega-menu ul.mm-submenu>li:hover>a, 
.side-nav .vertical-mega-menu ul.mm-submenu.tree li:hover>a, 
.side-nav .vertical-mega-menu ul.mm-submenu.tree li.mega-hover>a, 
.side-nav .vertical-mega-menu ul.mm-submenu.tabbed>li.tab-opened>a, 
.side-nav .vertical-mega-menu ul.mm-submenu li a:hover, 
.side-nav .vertical-mega-menu ul.mm-submenu.tree li:hover>a>.toggle-menu-btn>.fa:before, 
.side-nav .vertical-mega-menu ul.mm-submenu.tree li.mm-hovering>a>.toggle-menu-btn>.fa:before, 
.side-nav .vertical-mega-menu ul.mm-submenu.tree li.mega-hover>a>.toggle-menu-btn>.fa:before, 
.side-nav .vertical-mega-menu ul.mm-submenu.tabbed>li.mm-hovering>a>.toggle-menu-btn>.fa:before, 
.side-nav .vertical-mega-menu ul.mm-submenu.tabbed>li:hover>a>.toggle-menu-btn>.fa:before{
  color: #000 !important;
}

.side-nav .vertical-mega-menu ul.mm-submenu li a:hover,
.side-nav .vertical-mega-menu ul.mm-submenu li:hover>a,
.side-nav .vertical-mega-menu ul.mm-submenu.tree li:hover>a {
  text-decoration: underline !important;
}

.side-nav ul.mm-submenu li .toggle-menu-btn {
  display: none !important;
}

ul.mm-submenu .money {
  color: #ffc439;
  font-size:20px !important;
  opacity: 1 !important;
}

.header .background {
   background: none !important;
}

/*-------------------------------------------------------------------------------------------------*/
/*------------------------------------------- INDEX -----------------------------------------------*/
/*-------------------------------------------------------------------------------------------------*/

#shopify-section-slideshow {
  position: relative;
}

a.scroll {
  position: absolute;
  bottom: 20px;
  left: 50%;
  z-index: 2;
  display: inline-block !important;
  -webkit-transform: translate(0, -50%) !important;
  transform: translate(0, -50%) !important;
  color: #fff;
  letter-spacing: .1em;
  text-decoration: none;
  transition: opacity .3s;
  padding-top: 60px;
}

a.scroll.demo a:hover {
  opacity: .5;
}

a.scroll span {
  position: absolute;
  top: 0;
  left: 50%;
  width: 30px;
  height: 50px;
  margin-left: -15px;
  border: 1px solid #fff;
  border-radius: 50px;
  box-sizing: border-box;
}

a.scroll span::before {
  position: absolute;
  top: 10px;
  left: 50%;
  content: '';
  width: 6px;
  height: 6px;
  margin-left: -3px;
  background-color: #fff;
  border-radius: 100%;
  -webkit-animation: sdb10 2s infinite;
  animation: sdb10 2s infinite;
  box-sizing: border-box;
}

@-webkit-keyframes sdb10 {
  0% {
    -webkit-transform: translate(0, 0);
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
  80% {
    -webkit-transform: translate(0, 20px);
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}

@keyframes sdb10 {
  0% {
    transform: translate(0, 0);
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
  80% {
    transform: translate(0, 20px);
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}

.slideshow {
  margin: 0;
}

.slideshow.medium {
  height: 720px;
}

.slideshow.large {
  height: 100vh;
}

.slideshow .slide .slideshow-image .table .cell .text-bg {
  padding: 30px;
  max-width: 500px;
}

.slideshow .slide .slideshow-image .table .cell .text-bg.light {
  background: rgba(255,255,255,0.8);
}

.slideshow .slide .slideshow-image .table .cell .text-bg.dark {
  background: rgba(000,000,000,0.8);
}

.slideshow .slide .slideshow-image .table .cell .text-bg.none {
  background: none;
}

.slideshow .slide.left .slideshow-image .table .cell .text-bg {
  float: left;
}

.slideshow .slide.right .slideshow-image .table .cell .text-bg {
  float: right;
}

.slideshow .slide.center .slideshow-image .table .cell .text-bg {
  margin: 0 auto;
}

.slideshow .slide.bottom .slideshow-image .table .cell {
  vertical-align: bottom;
}

.slideshow .slide.bottom .slideshow-image .table .cell .text-bg {
  margin: 0 auto;
  margin-bottom: 10px;
}

.slideshow .slide.bottom {
  text-align: center;
}

.text-bg.none {
  text-shadow: none;
}

.text-bg.light_shadow {
  text-shadow: 0px 0px 3px rgba(255,255,255,0.3);
}

.text-bg.dark_shadow {
  text-shadow: 0px 0px 3px rgba(0,0,0,0.3);
}

.slideshow .slick-dots {
  right: 30px;
  text-align: left;
  width: auto;
}

.slideshow .slick-dots li button {
  color: #fff;
}

.slideshow .slick-dots li button:before {
  font-size: 10px;
}

.image-with-text {
  height: 730px;
}

.image-with-text > .info {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(0%, -50%);
}

.image-with-text.no-bg > .info {
  background: rgba(255,255,255,0);
}

.image-with-text.position-right > .info {
  left: unset;
  right: 5%;
}

.image-with-text.position-left > .info {
  left: 5%;
  right: unset;
}

.image-with-text.position-center > .info {
  left: unset;
  right: unset;
  transform: translate(90%, -50%);
}
  
.image-with-text > .info h1 {
  line-height: 0px;
  margin: 30px 0 40px;
  font-weight: 400;
}

.custom-content {
  background: #000;
  padding: 70px 0 0 0;
}

.custom-content .custom__item-inner--text {
  text-align: left;
  max-width: 50%;
  margin: 0 auto;
}

.custom-content .custom__item,
.custom-content .custom__item .rte {
  margin:0;
}

.custom-content .custom__item .rte {
  width: 65%;
  margin: 20px auto;
}

.custom-content .custom__item-inner--text h1 {
  text-transform: none;
  color: #ffc439;
  font-size: 55px;
  font-weight: 400;
  line-height: 50px;
}

.custom-content .custom__item-inner--text p {
  color: #fff;
  font-size: 16px;
  line-height: 23px;
  text-transform: unset !important;
}

.owl-item,
.owl-item .item img {
  width: 120px;
}

.owl-carousel {
  padding-bottom: 40px;
  width: 40% !important;
  margin: 0 auto;
}

.owl-controls {
  display: none !important;
}

#main.is-widget.header {
  background-color: #1100dd !important;
}

.chatra--webkit button {
  background-color: #FF0099 !important;
}

.featured-collections {
  padding: 0;
  margin-bottom: 0;
}

#insta-feed {
  margin-top: 50px !important;
}

.insta-header i {
  float: left;
  margin: 2px 10px 5px 30px;  
  font-size: 25px !important;
}

.insta-header h2 {
  font-weight: 400;
  color: #000;
  text-align: left;
  margin: 0 0 5px 30px;  
  font-size: 25px !important;
}

#shopify-section-1584695493210 {
  margin-bottom: 0;
}

/*-------------------------------------------------------------------------------------------------*/
/*---------------------------------------- COLLECTIONS --------------------------------------------*/
/*-------------------------------------------------------------------------------------------------*/

.template-index .shopify-section {
    margin-bottom: 20px;
}

.home .collections-items a.collections-item,
#lashes .collections-items a.collections-item {
  padding-right:20px;
  padding-left: 0;
  margin-bottom: 0;
}

.home .collections-items a:last-child,
#lashes .collections-items a:last-child {
  padding-right:0px;
}


.collections-items a.collections-item h4,
.collections-items a.collections-item.center h4 {
    left: -10px;
    top: 80px;
  	font-size: 22px;
}

.collections-items a.collections-item:last-child h4,
.collections-items a.collections-item.center:last-child h4 {
    left: 0px;
}
  
.collections-items a.collections-item h4 .box,
.collections-items a.collections-item.center h4 .box {
    background: #000;
    display: initial;
    width: auto;
    padding: 15px 20px;
    max-height: 75px;
}

.home .collections-items a.collections-item.one-half,
.collections-items a.collections-item.one-half {
  width: calc(50%);
  height: 730px;
}

.home .collections-items a.collections-item.one-third,
.collections-items a.collections-item.one-third {
  width: calc(32%);
}

.collections-items a.collections-item.one-third.tall {
  height: 480px;
}

.collections-items a.collections-item.one-third.tall h4 {
  top: 55px;
}

.collections-items a.collections-item.one-third.tall:nth-child(2) h4 {
  top: auto;
  bottom: 55px;
}

.list-collections .collections-items a.collections-item.one-third.tall {
    height: 250px;
}

.content.list-collections .collections-items {
    padding:0;
  }
  
.list-collections .collections-items a.collections-item {
  padding-left: 0;
  margin-bottom: 20px;
}

.list-collections .collections-items a.collections-item:nth-child(2),
.list-collections .collections-items a.collections-item:nth-child(5),
.list-collections .collections-items a.collections-item:nth-child(8){
  margin-left: 2%;
  margin-right: 2%;
}

.col-banner {
	width: 100%;
    margin-bottom: 20px;
}

.collection,
.collection .collection-header,
.collection-products .collection-product,
.content.list-collections .collections-header,
.template-search .content .search-header,
.template-search .content {
  padding:0;
  margin:0;
}

.collection .collection-header ul.categories,
.collection .collection-header ul.subnav{
  padding-left: 12px;
  margin-bottom: 20px;
}

.categories span,
.subnav li {
  background: #e8e8e8;
  color:#000;
  border-radius: 0 5px 5px 0;
  display: inline-block;
  line-height: 30px;
  height: 28px;
  left: 0;
  padding: 0 10px;
  position: relative;
}

.subnav a {
  text-decoration: none;
  line-height: 29px !important;
}

.categories span:before,
.subnav a:before {
  border-bottom: 14px transparent solid;
  border-right: 12px #e8e8e8 solid;
  border-top: 14px transparent solid;
  content: '';
  height: 0;
  left: -12px;
  position: absolute;
}
.categories span:after,
.subnav a:after{
  background: white;
  border-radius: 50%;
  content: '';
  height: 5px;
  left: -5px;
  position: absolute;
  width: 5px;
  top: 12px;
}

.categories a.active span,
.subnav li.active,
.subnav li.active a {
  background: #ffc439;
}

.categories a.active span:before,
.subnav li.active a:before{
  border-right: 12px #ffc439 solid;
}

.collection .collection-header ul.categories li a {
  margin: 0 12px 10px 0;
  display: none;
}

.categories sup {
  display: none;	
}

.subnav li {
  list-style-type: none;
}

.collection .section {
    position: relative;
}

.collection .drop-down {
  max-width: 150px;
  float: left;
  margin-right: 10px;
}

.collection .drop-down select {
  width: 150px;
  border: 1px solid #ddd !important;
}

.collection-products .content {
  padding-top: 0 !important;
}

/*.collections-items a.collections-item.with-underline h4,
.collections-items a.collections-item h4 {
  text-shadow: 3px 3px #000;
  font-size: 40px;
  max-width: none;
}*/

.collection-product.five {
    width: 20%;
}

.collection-product.six {
    width: 16.666%;
}

.related .collection-products .collection-product.six {
    width: 25%;
}

.collection-products .collection-product.col-0, 
.collection-products .collection-product.col-6 {
    clear: left;
}
 
.collection-products .collection-product.col-4, 
.collection-products .collection-product.col-8 {
    clear: none;
}
  
.collection-products .content.product.preview .item>.right a.title {
    display: inline-block;
}

.collection-products .content.product.preview .item>.right .feefo-product-stars-widget {
    margin-right: 40px; 
}

.collection-products .collection-product>.inner .info .metas .price {
  font-weight: 400;
  font-size: 20px;
  margin:0;
  color: #000;
}

.collection-products .collection-product>.inner .tag .solid {
  padding-top: 3px;
  font-size: 15px;
  line-height: 13px;
}

.pagination .page {
  font-size: 32px;
}

/*-------------------------------------------------------------------------------------------------*/
/*------------------------------------------ PRODUCT ----------------------------------------------*/
/*-------------------------------------------------------------------------------------------------*/

.template-product .content.product {
  padding: 20px;
}

.template-index .collection-products .content.product.preview,
.lashes .collection-products .content.product.preview,
#shopify-section-product-template {
  padding-top: 50px !important;
}

.template-product .personalise-me {
  display:none;
}

.home .product .close {
  top: 80px;
}

.lashes .product .close {
  top: 80px;
  right: 50px;
}

.product .item>.right form {
  margin: 10px 0 0;
  width: 100%;
  display: inline-block;
  position: relative;
}

.product .item>.right h1 {
  line-height: 2rem;
}

.product .item .right .offers h3 {
  display: inline;
  float: right;
  margin-top: 10px;
  font-size: 20px;
  font-weight: 700;
  color: #8e8e8e;
}

.product .item>.right .offers h2.price.striped {
  color: #8e8e8e;
}
  
.product .item>.right form .selector-wrapper {
  display:none;
}

.btn.solid.personalise-me {
  width: 100%;
  margin-bottom: 15px;
  background: #4ab2ff;
}

.btn.solid.personalise-me:hover {
  background: #44a7f1;
}

.product-form {
  position: relative;
  margin: 0;
}

.addtocart-wrapper {
  max-height: 80px;
  position: relative;
}

.product .item > .right form .qty-basket > label {
  position: absolute;
  top: -30px;
}

.row.expanded.qty-basket {
  margin-bottom: 15px;
}

.qty-basket {
  position: relative;
  width: 120px;
  display: inline-block;
  float: left;
}

.qty-selector {
  position: relative;
  width: 100%;
  display: inline-block;
  float: left;
}

.quantity.qty-selector {
  display: block;
  position: absolute;
  height: 25px;
  bottom: 20px;
}

.cart.negative .more h3 {
    font-size: 18px;
}

.qty,
.cart .items .item .right .quantity input,
.cart.negative .items .item .right .quantity input {    
  max-width: 40px;
  text-align: center;
  border: 1px solid #353535;
  height: 50px;
  background-color: #000;
  font-weight: 800;
  color: #fff;
  font-size: 20px;
  padding: 10px 0;
  position: absolute;
  left: 33px;
  z-index: 2;
}

.cart .items .item .right .quantity input,
.cart.negative .items .item .right .quantity input {    
  max-width: 35px;
  width: 35px;
  height: 25px;
  border: 1px solid #353535;
}

.qtyplus, .qtyminus,
.cart .items .item .right .quantity button,
.cart.negative .items .item .right .quantity button {
  background-color: #ffc439;
  color: #000 !important;
  border: 0;
  border-radius: 3px;
  line-height: 10px;
  width: 35px;
  height: 50px;
  cursor: pointer;
  font-size: 35px;
  -webkit-appearance: none;
}

.qty {    
  border: 1px solid #353535;
  background-color: #fff;
  color: #000;
  z-index: 2;
}

.qtyplus, .qtyminus {
  background-color: #000;
  color: #fff !important;
  border: 1px solid #353535;
}

.cart .items .item .right .quantity button,
.cart.negative .items .item .right .quantity button {
  width: 25px;
  height: 25px;
  font-size: 30px !important;
}

.ajaxcart__qty--minus,
.js-qty__adjust--minus,
.qtyminus {
  z-index: 1;
  padding: 10px;
}

.ajaxcart__qty--plus,
.js-qty__adjust--plus,
.qtyplus {
  position: absolute;
  left: 71px;
  z-index: 1;
  padding: 10px;
}

.product .item>.right form .add-to-cart {
  width: auto;
  min-width: calc(100% - 120px);
  padding: 14px;
  background: #ffc439;
  color: #000;
  border-color: #ffc439;
  float: right;
  display: inline;
  padding: 18px 10px 16px;
  line-height: 16px;
  /*bottom: 0;
  position: absolute;*/
}

.product .description p span {
  color: #000 !important;
}

.product .item > .right form .qty-basket > label,
.product #rte strong,
.trade-reg #rte strong,
.product .item>.right form .radio-wrapper>label {
  font-size: 18px;
  font-weight: 400;
  letter-spacing: -0.5px;
  padding: 0;
}

.product .item .right .description {
  margin: 20px 0;
}

.product #rte ul {
  margin: 0 0 0 20px;
}

.product #rte ul li {
  margin: 0;
}

.share {
  margin: -5px 0 0;
}

.share a.icon.facebook {
  background-color: transparent !important;
  color: #3b5998;
}

.share a.icon.pinterest {
  background-color: transparent !important;
  color: #c92228 ;
}

.share a.icon.twitter {
  background-color: transparent !important;
  color: #4099ff !important;
}

.product-tags {
  padding-left: 12px;
  margin-bottom: 20px;
}

.product-tags li {
  list-style-type: none;
  display: inline-block;
}

.product-tags span {
  background: #e8e8e8;
  color:#000;
  border-radius: 0 5px 5px 0;
  display: inline-block;
  left: 0;
  position: relative;
  line-height: 26px;
  font-size: 13px;
  height: 24px;
  padding: 0 6px;
}

.product-tags span:before {
  border-bottom: 12px transparent solid;
  border-top: 12px transparent solid;
  border-right: 12px #e8e8e8 solid;
  content: '';
  height: 0;
  left: -12px;
  position: absolute;
}

.product-tags span:after {
  background: white;
  border-radius: 50%;
  content: '';
  height: 5px;
  left: -5px;
  position: absolute;
  width: 5px;
  top: 10px;
}

ul.product-tags li a:hover span,
ul.product-tags li a.active span {
  border-bottom-color: #ffc439;
}

.product-tags li a{
  margin: 0 11px 8px 0;
  display: block;
}

.related .section h2 {
  color: #000;
  font-size: 40px;
  line-height: 23px;
  display: inline;
  padding-bottom: 0;
  background: none;
}

/*-------------------------------------------------------------------------------------------------*/
/*------------------------------------ PRODUCT PERSONALISER ---------------------------------------*/
/*-------------------------------------------------------------------------------------------------*/

.pplr_tab_index,
.pplr-wrapper select { 
  color: #666 !important;
}

.pplr-wrapper {
  width: 100% !important;
}

.pplr-wrapper label,
.btn.pplr-btn,
.pplr_tab_wrapper span,
.pplr_cont:after,
.progress-title,
.pplr-wrapper select {
  font-family: 'pinto' !important;
}

.pplrabs {
  display: none;
}

.pplr-drop-item,
.btn.pplr_prev_mobile,
.pplr-item-added{
  font-family: 'futarama-book' !important;
}

.product-personalizer,
.pplr-btn {
  margin: 0 !important;
}

.product-personalizer,
.pplr_tab {
  max-height: none !important;
  overflow-y: initial !important;
  margin-bottom: 15px !important;
}

.cstmfy_personalize_text {
  border-top: 1px solid #ddd;
  padding: 10px 0 0 0;
}

.btn.pplr-btn {
  color: #ffc439;
  text-align: left;
  font-size: 25px;
  padding: 0;
  position: absolute;
  top: -30px;
}

.pplr-dropdown { 
  border-bottom: 1px solid #ddd;
  padding-bottom: 12px;
  margin-bottom: 10px !important;
}

.pplr-free-rainbow-card {
  border:none !important;
  margin:0 !important;
  padding:0 !important;
}

.pplr-recipient-name {
  padding-top: 10px !important;
  margin-top: 10px !important;
  border-top:1px solid #ddd; 
}

.pplr-wrapper label {
  width: 100% !important;
  font-size: 25px;
  font-weight: 400;
  letter-spacing: 0px;
  padding: 5px 0 0 !important;
}

.pplr-wrapper span {
  margin-bottom: 0 !important;
}

.pplr-wrapper.pplr-text label {
  margin:0;
  padding-bottom:0;
  padding-top:0!important;
}

.p_c_c .pplr-character-count {
  top: -5px !important;
}

.pplr-character-count span,
.qcon{
  float:none;
}

.qcon{
  left: 4px;
  position: absolute;
  top: 1px;
}

.pplr-drop-item,
.pplr_prev_mobile {
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 3px;
  color: #696969;
  padding: 5px 8px!important;
  text-transform: uppercase;
  font-size: 14px;
  line-height: 14px;
  margin:0 !important;
}

.pplr-drop-item._pplr_yes {
  position: absolute;
  right: 50px;
}

.pplr-drop-item._pplr_no {
  position: absolute;
  right: 0;
}

.pplr-drop-item._pplr_yes.active {
  background: #ffc439;
  border: 1px solid #ffc439;
  color: #000;
}

.pplr-drop-item._pplr_no.active{
  background: #bbb;
  border: 1px solid #bbb;
  color: #fff;
}

.pplr_prev_mobile {
  background: #4ab2ff;
  border: 1px solid #4ab2ff;
  color: #fff;
}

.ptooltip .ptooltiptext {
  min-height: 0 !important;
}

span.ptooltip {
  font-size: 14px;
  top:3px;
}

textarea.pplr_text {
  min-width: 100%;
}

.pplr-wrapper.pplr-font-select{
  margin-bottom:15px;
}

.pplr-wrapper select {
    border: 1px solid #ddd !important;
    border-radius: 3px !important;
}

.pplr-selecter-selected,
.pplr-selecter-options {
  padding: 7px !important;
  width: 100% !important;
}

.pplr-selecter-options {
  border: 1px solid #ddd !important;
  box-shadow: none!important;
  position: absolute;
  top: 100%;
}

.pplr-selecter-item {
  border-bottom: none !important;
}

.pplr-selecter-selected {
  padding: 7px 7px 0 7px!important;
  background: #fff !important;
  height: 40px;
}

.btn.pplr-btn.pplr_prev_mobile {
  margin: 0 auto !important;
  color: #fff !important;
  width: 100%;
  text-align: center !important;
  font-size: 18px;
  padding: 17px 10px 15px !important;
  line-height: 16px;
}

.btn.pplr-btn.pplr_prev_mobile:hover {
  box-shadow: inset 0 0 100px 100px rgba(0,0,0,0.05);
}

.pplr-selecter-selected::after {    
  font: normal normal normal 14px/1 Flaticon;
  font-size: inherit;
  text-rendering: auto;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  content: '\f16d';
  position: absolute;
  top: 0;
  right: 0;
  padding: 9px 10px;
  color: #9e9e9e;
  cursor: pointer;
  pointer-events: none;
  -webkit-transition: .25s all ease;
  -o-transition: .25s all ease;
  transition: .25s all ease;
}

.pplr-selecter-selected:hover::after {
  color: #f39c12;
}

.pplr-wrapper.pplr-text label {
  font-size: 16px;
  margin-bottom: 5px;
  color: #666;
  font-weight:300;
}

.poverlay-bg.addtocartbg {
  background-color: rgba(255, 255, 255, 0.8) !important;
}

.poverlay-bg.addtocartbg,
.pplr_cont:after,
.progress-title {
  color: #555 !important;
}

.pplr_cont:after {
  text-shadow: none !important;
}

.progress-title {
  margin-top: 20px !important;
}

.pplr-item-added {
  background-color: #ffc439 !important;
  color: #000 !important;
  padding: 13px !important;
}

@media (max-width: 768px) {

  .product-personalizer {
    float: left;
    width: 100% !important;
  }

  .btn.pplr-btn {
    position: relative;
    top:0;
  }

  .pplr-wrapper label, 
  .btn.pplr-btn {
    font-size: 20px;
  }

}

/*-------------------------------------------------------------------------------------------------*/
/*---------------------------------------- REGISTRATION -------------------------------------------*/
/*-------------------------------------------------------------------------------------------------*/

.trade-reg .box {
  max-width: 1260px;
  margin: 0 auto;
}

.trade-reg.boxes .box .left,
.trade-reg.boxes .box .right,
.trade-reg.boxes .box .bottom {
  display: inline-block;
  position: relative;
  text-align: left;
}

.trade-reg.boxes .box .left {
  width: calc(60% - 15px);
  float: left;
}

.trade-reg.boxes .box .right {
  width: calc(40% - 15px);
  float: right;
  margin-left:0;
}

.trade-reg.boxes .box .bottom {
  width: 100%;
  margin-left:0;
}

.trade-reg.boxes .box #rte h2 {
  width: 100%;
  text-align: left;
  margin: 0 0 20px 0;
  line-height: 45px;
}

.trade-reg #rte strong {
  width:100%;
  display:block;
}

.trade-reg .form-section {
  margin: 0 0 20px;
}

.trade-reg .checkbox {
  display: inline-block;
  position: relative;
  width: 35%;
  min-width: 139px;
  max-width: 150px;
  margin-bottom: 5px;
}

.trade-reg .checkbox p {
  position: absolute;
  top: 2px;
}

.trade-reg textarea {
  width: 100%;
  min-height: 107px;
}

.trade-reg.boxes .box .drop-down.half.right {
  padding:0;
  width: calc(50% - 5px);
  float: right;
  margin-left: 0;
}

#ContactFormAgent {
  width:100%
}

.trade-reg .back {
  height: 45px;
}

/*-------------------------------------------------------------------------------------------------*/
/*------------------------------------------ ACCOUNT ----------------------------------------------*/
/*-------------------------------------------------------------------------------------------------*/

#account .boxes .box>.left {
  display: none;
}

#login.box,
#activate.box,
#recover_password.box {
  max-width: 520px;
  margin: 0 auto;
}

#account .boxes .box .right a.text {
  color: #666;
  display: inline-block;    
  text-transform: uppercase;
  font-family: 'pinto';
  font-size: 16px;
}

#account .row {
  margin-bottom: 0;
}

#account .row .row {
  margin-bottom: 10px;
}

#activate .back,
#login .back,
#recover_password .back {
  margin: 0;
  margin-top: 20px;
}

#account .boxes .box .right h2,
.boxes.account-info .box .right h2,
#addresses .boxes .box .right h2 {
  color: #000 !important; 
}

#account .boxes.account-info .box>.left {
  display: inline-block;
  text-align: left;
  width: calc(50% - 15px);
  margin-right: 30px;
  background: #ececec;
  padding: 60px;
}

#account .boxes.account-info .box>.right {
  display: inline-block;
  width: calc(50% - 15px);
  margin: 0;
}

span.highlight {
  font-weight: 400;
  color: #000;
  text-transform: none;
  background: none;
  padding: 0;
  font-size: 16px;
}

.acc-label {
  display: relative;
  color: #000;
  text-transform: none;
  margin-bottom:20px;
  /*height: 195px;*/
}

.acc-label p {
  position: relative;
  line-height:22px;
  font-size: 17px;
}

.acc-label span.highlight {
  font-weight: 400;
  background: none;
  padding: 0;
  display: block;
  margin-bottom: 10px;
  text-transform: unset !important;
}

#account  .boxes.account-info .btn.solid {
  width: 100%;
}

.order {
  padding-bottom: 20px;
  border-bottom: 1px solid #999;
  margin-top: 20px;
  font-size:16px;
  text-align: left;
}

.order .title {
  font-size: 20px;
  margin-bottom: 10px;
}

.order .title .date {
  font-size: 16px;
  float:right;
  margin-top: 4px;
  font-weight: 400 !important;
}

.order .label,
.acc-label p,
.form-section h4,
.trade-reg #rte strong {
  font-size: 16px;
  margin-bottom: 5px;
  color: #666;
  font-weight:300;
}

.trade-reg #rte strong {
  margin-bottom: 0;
}

.order h4 {
  font-weight: 400 !important;
}

.order .title h4 { 
  font-weight: 800 !important;
}

.order .title a { 
  color: #ffc439;
  text-decoration: none;
}

.order .line-items { 
  position: relative;
}

.order .value { 
  width: 20%;
}

.order .paid { 
  width: 20%;
  text-transform: uppercase;
}

.order .delivered { 
  width: 25%;
  text-transform: uppercase;
}

.order .link { 
  width: 25%;
  position: absolute;
  right: 0;
  bottom: 0;
}

.order .link .btn { 
  height: 41px;
  display: block;
  padding: 13px;
  font-size: 14px;
}

.order .number,
.order .link,
.order .value,
.order .paid,
.order .delivered { 
  display: inline-block;
  margin:0;
}

#addresses .boxes {
  max-width: 620px;
  margin:0 auto;
}

.address.default {
  background: #999;
}

.address.default .big span.highlight,
.address.default .big,
.address.default .boxed,
.address.default .options i.fc {
  color: #fff !important;
}

.address.default .big {
  margin-top:10px;
}

.address {
  padding: 15px;
  position: relative;
  background: #dadada;
  margin: 0 0 20px;
}

.addresses .boxed {
  font-weight: 700;
  font-size: 20px;
  border: none;
  padding: 0;
}

.address .options {
  margin: 0;
  position: absolute;
  top: 10px;
  right: 10px;
}

p.big, p.expanded {
  font-size: 16px;
}

/*-------------------------------------------------------------------------------------------------*/
/*------------------------------------------- CARTS -----------------------------------------------*/
/*-------------------------------------------------------------------------------------------------*/

.cart .items .item .right .quantity button.ajaxcart__qty--minus,
.cart .items .item .right .quantity button.js-qty__adjust--minus {
  padding: 9px 10px 10px 7px;
}

.cart .items .item .right .quantity button.ajaxcart__qty--plus,
.cart .items .item .right .quantity button.js-qty__adjust--plus {
  padding: 6px 5px 5px 6px;
}


.cart .items .item .right .quantity input,
.cart.negative .items .item .right .quantity input {
  left: 22px;
}

.ajaxcart__qty--plus,
.js-qty__adjust--plus {
  left: 55px;
}

.cart .items .item .right .quantity {
  margin: 0;
}

.cart.negative .items .item .right {
  padding: 0 30px 35px 10px;
}

#your-shopping-cart .boxes .box .right,
.side-cart,
.cart.negative .more,
.boxes .box.cart .right {
  background: #000;
}

.side-cart {
  padding: 20px 30px 0 30px;
}

.side-cart .side-cart-header h2 {
  margin-bottom: 10px;
}

.side-cart .close i.fc {
  right: 0;
  top: 8px;
}

.side-cart .side-cart-container {
  top: 60px;
}

#your-shopping-cart .boxes .box>.left {
  display: none;
}

#your-shopping-cart .boxes .box>.right,
.box.cart .right  {
  max-width: 860px;
  position: relative;
}

.cart .items .item .right a.name {
  color: #f3f0ee;
  font-size: 20px;
  line-height: 0px;
}

.cart.negative .items .item .price {
  position: absolute;
  bottom: 15px;
}

.cart.negative .items .item .price .allocation {
    position: absolute;
    top: -50px;
	display:none;
}

.cart.negative .items .item .price .striped,
.cart.negative .items .item .price .discounted {
  display:inline-block;
}

.cart .more h4 {
  color: #ffc439;
  margin: 0 0 20px;
}

#your-shopping-cart .row.right {
  margin-bottom: 0;
}

#account .side-cart .row {
  margin-bottom: 20px;
}

.cart .btn.accent,
.cart .more button.update {
  border-radius: 5px;
  box-shadow: inset 0 0 100px 100px rgba(0,0,0,0.05);
  margin: 0 auto;
  padding: 16px;
  width: calc(50% - 5px);
}

.cart .items .item .remove {
  top: -2px;
}

.cart .items .item .right .quantity input {
  font-weight: 800;
  font-size: 20px;
}

.cart .more h3 .value {
  float: right;
  text-align: right;
  margin: -4px 0;
}

.cart .more h5,
.cart.negative .more h5 {
  font-size: 20px;
  color: #5ac100;
}

.side-cart .side-cart-header,
.cart .items .item {
  border-bottom: 1px solid #353535;
}

.box.cart .right .items .item {
  position: relative;
  margin-top: 30px;
  padding-bottom: 30px;
  border-bottom: 1px solid #353535;
}

.box.cart .right .items .item .left,
.cart .items .item .left {
  max-width: none;
  padding: 0;
}

.box.cart .right .items .item .right {
  max-width: none;
  min-width: none;
  width: 80%;
  float: left;
  padding: 0 30px 0 10px;
}

.right .items .item .right {
  margin-bottom: 0;
}

.box.cart .right h3 {
  position: absolute;
  top:70px;
  right:60px;
  color: #ffc439;
  font-style: normal;
}

.box.cart .right .more h3,
.box.cart .right .row h3{
  position: inherit;
}

.box.cart .right .more h3.with-line {
  margin-bottom: 8px;
  padding-bottom: 5px;
  border-bottom: dotted #696969;
}

.cart .more,
.cart.negative .more {
  border-top: 1px solid #353535;
  z-index:3;
}

.cart.negative .items .item {
  border-color:#353535;
  margin-top: 20px;
}

.row.half {
  width: 49%;
  display: inline-block;
  vertical-align: top;
  margin-bottom: 25px;
}

.boxes .box.cart .right .half h3 {
  font-style: normal;
}

.box.cart .btn.solid.grey {
  margin: 0;
}

.box.cart .right .more h3.discount,
.discount,
.cart .more h3.discount .value {
  color: #5ac100 !important;
}

.cart .items .item .right .quantity input,
.cart .items .item .right .description,
.cart .items .item .right a.name,
.cart .items .item .price,
.cart .more h3 .value,
.boxes .box>.right > form h3,
#your-shopping-cart .boxes .box .right h2,
.boxes .box.cart .right .items .item .right .description,
.boxes .box.cart .right h2,
.box.cart .right .more h3,
.box.cart .right .back a,
.box.cart .right p,
.box.cart .right p span.highlight {
  color: #fff !important; 
}

.flag {
  text-align: center;
  padding-bottom:10px;
  margin-bottom:10px;
  border-bottom: 1px solid #353535;
}

.flag h3 {
  color: #ffc439;
  font-size: 25px;
}

.flag p {
  color: #fff;
}

.flag a {
  color: #ffc439;
}

body.template-cart .cart .additional-checkout-buttons {
  margin: 0;
  width: calc(50% - 5px);
  margin-left: 10px;
  float: right;
}

.more .additional-checkout-buttons.additional-checkout-buttons--vertical .dynamic-checkout__content .shopify-cleanslate .iZJMuEDN4NxKS3mrxcBP9  {
  display: block !important;
}

.side-cart .more, .side-cart.negative .more {
  padding-bottom: 15px;
}

.shopify-cleanslate ._2PfRg7DFvcstLFRNRf5W1e {
  width: calc(50% - 5px);
  float:left;
  display: inline-block;
  margin-left: 10px;
}

.shopify-cleanslate ._2PfRg7DFvcstLFRNRf5W1e:first-child {
  margin-left: 0;
}

.cart .more .shopify-cleanslate ._3TUeZPsTWjDxakSmeDcA4D {
  flex-basis: unset !important;
  width: calc(50% - 5px);
  float: right;
  margin: 0 10px 0 0 !important;
}

.cart .more .shopify-cleanslate ._3TUeZPsTWjDxakSmeDcA4D:last-child {
  margin: 0 !important;
}

.cart .more .shopify-cleanslate ._3TUeZPsTWjDxakSmeDcA4D,
.cart .more .shopify-cleanslate ._2zarRkvJ2j83NID3Q3t0Ix,
.cart .more .shopify-cleanslate ._1n3zwJXRK30xbubjNiZsKV,
.cart .more .shopify-cleanslate ._1n3zwJXRK30xbubjNiZsKV div,
.cart .more .shopify-cleanslate .paypal-button:not(.paypal-button-card),
.cart .more .shopify-cleanslate .paypal-button.paypal-button-context-iframe.paypal-button-label-paypal.paypal-button-size-responsive.paypal-button-layout-horizontal {
  height: 54px !important;
  min-height: 54px !important;
  max-height: 54px !important;
}

.paypal-button:not(.paypal-button-card) {
  height: 54px;
  min-height: 54px;
}

/*-------------------------------------------------------------------------------------------------*/
/*------------------------------------------ LASHES -----------------------------------------------*/
/*-------------------------------------------------------------------------------------------------*/

@font-face {
  font-family: 'emily';
  src: url('emilyeavis.woff2') format('woff2'),
    url('emilyeavis.woff') format('woff');
}

@font-face {
  font-family: 'earnest';
  src: url('earnesteavis.woff2') format('woff2'),
    url('earnesteavis.woff') format('woff');
}

#lashes.template-page .shopify-section {
  margin-bottom:30px;
}

#lashes.template-page .inner {
  max-width: none;
}

#lashes.template-page #shopify-section-header {
  margin: 0;
}

/*-------------------------------------------------------------------------------------------------*/
/*----------------------------------------- OUR STORY ---------------------------------------------*/
/*-------------------------------------------------------------------------------------------------*/

#shopify-section-about-image {
  z-index: -1;
  position:relative
}/*
  position: absolute;
  top: 0;
  width: 100vw;
}*/
  

#a-love-story-with-a-furry-tail-ending .featured-image img {
  width: auto;
  min-width:100%;
  /*left: 0;
  height: 100vh;
  min-height:50vw;
  position: absolute;
  transform: translate(-25vh, 0);
}

#a-love-story-with-a-furry-tail-ending .featured-image {
  height: 100vh;
  width: 100%;
  position: relative;
  overflow:hidden;*/
}

#a-love-story-with-a-furry-tail-ending .content, .boxes {
    padding-top: 0 !important;
}

#a-love-story-with-a-furry-tail-ending .content {
    background: transparent;
}
  
#a-love-story-with-a-furry-tail-ending .inner.centered,
.our-story h2 {
  padding: 30px;
  background-color: none; 
}

.p1:first-child:first-letter { 
  float: left; 
  font-size: 175px;
  line-height: 130px;
  padding-top: 0px;
  padding-right: 8px;
  padding-left: 3px;
}

.about-intro {
  background-color: #ffc439; 
  padding: 25px;
  margin-bottom: 1em;
}

.our-story h2 {
  width: 60vw;
  margin: 0 auto;
  /*margin-top: 26vh;*/
  margin-bottom: 5vh;
  max-width: 860px;
  font-family: 'pinto' !important;
  color: #ffb300;
  font-size: 100px;
  line-height: 100px;
  text-shadow: 0px 0px 2px rgba(0,0,0,0.4);
}

.our-story-logos {
  display: inline-block;
  width: 100%;
  margin: 30px 0;
}

.our-story-logos p {
  text-transform: uppercase;
}

.our-story-logo {
  width:50%;
  float: left;
  text-align: center;
}

.our-story-logo img {
  height:100px; 
  display: block; 
  margin: 0 auto;
  margin-bottom: 20px;
}

/*-------------------------------------------------------------------------------------------------*/
/*------------------------------------------ CONTACT ----------------------------------------------*/
/*-------------------------------------------------------------------------------------------------*/

.boxes.contact {
  padding-top: 0 !important;
}

.boxes.contact .box-left {
  display: inline-block;
  width: calc(65% - 30px);
  margin-right: 30px;
}

.boxes.contact .box-right {
  width: 35%;
  float: right;
}

.boxes.contact .left,
.boxes.contact .right {
  width: 100%;
  text-align: left;
  background: #ececec;
  padding: 60px;
  margin-bottom: 30px;
}

.boxes.contact .box-right .left {
  background: #ffc439;
}

.boxes.contact .box-right .left #rte a {
  color: #000;
}

.boxes.contact .box-right .left #rte h3 {
  text-align: center;
  border: none;
  padding-bottom: 0 !important;
}

.boxes.contact #rte h3 {
  margin: 0 0 10px;
}

.boxes .box>.left h2 {
  text-decoration: none;
  top: auto;
  right: auto;
  left: auto;
  display: block;
}

.boxes.contact form textarea.long {
  max-width: 100%;
}

/*-------------------------------------------------------------------------------------------------*/
/*------------------------------------------ FOOTER -----------------------------------------------*/
/*-------------------------------------------------------------------------------------------------*/

.footer .top {
  background: #fff;
  padding: 30px 0;
}

.footer .top .col p.connect a:hover {
  color: #000;
}

.footer .top .col h3 {
  font-size: 25px;
  margin: 0 0 5px;
}

.footer .top .col ul {
  width: 100%;
  max-width: 100%;
}

.footer .top .col h3,
.footer .top .col #rte p a,
.footer .top .col p a,
.footer .top .col li a,
.footer .top .col #rte p,
.footer .top .col p,
.footer .top .col li,
.footer .top .col #rte p.connect a,
.footer .top .col p.connect a,
.footer .top .col li.connect a {
  color: #000;
}

.footer #rte {
  padding: 0px;
}

.footer ul a {
  letter-spacing: 0px;
}

.footer-logo {
  width: 120px;
  margin: auto;
  margin-top: 20px;
  margin-bottom: 10px;
}

.footer-logos {
  position: relative;
  bottom: 0;
  right: 0;
}

.footer .top .col.contact {
  text-align: right;
  padding-right: 0;
}

.footer-logos img {
  display: inline-block;
  max-width: 150px;
  margin: 30px 0px 0px 0px;
}

.tagline {
  font-size: 30px;
  text-transform: lowercase;
  text-align: center !important;
}

.copyright {
  font-size: 12px;
  text-transform: uppercase;
  text-align: center;
}

img.klarna {
  width: 75px;
  float: right;
  margin-top: -20px;
}

/*-------------------------------------------------------------------------------------------------*/
/*-------------------------------------------- 404 ------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------*/

.fourofour .shape.shaped.square.solid {
  background: #ffc439;
  border-color: #ffc439;
  color: #000;
  margin: 0 auto;
  padding: 16px;
  height: 47px;
  border-radius: 3px;
  max-width: 140px;
}

.fourofour {
  max-width: 390px;
  padding: 50px 10px;
  margin: 0 auto;
  text-align: center;
}

.fourofour img {
  width: 100%;
}

.fourofour h2 {
  color: #ffc439;
  font-size: 115px;
  line-height: 150px;
  max-width: 280px;
  font-weight: 400;
  margin: 0 auto;    
  margin-top: 20px;
}

.fourofour h3 {
  font-size: 33px;
  margin-left: -10px;
  line-height: 10px;
  font-weight: 400;
}

.fourofour .boxes .box>.left,
.fourofour .boxes .box>.right {
  width: 100%;
  margin: 0 auto;
  text-align: center;
  background: none;
  padding: 0;
}

.fourofour .boxes .box>.left {
  margin-top: 10px;
}

.fourofour .boxes .box>.left h2 {
  right:0;
  text-decoration: none;
  border-bottom: 1px solid #999;
}

.fourofour .boxes .box>.right h3 {
  line-height:24px;
  font-size: 17px;
  font-style: normal;
}

/*-------------------------------------------------------------------------------------------------*/
/*-------------------------------------- MAX WIDTH 1024 -------------------------------------------*/
/*-------------------------------------------------------------------------------------------------*/

@media (max-width: 1024px) {

  /*-------------------- ICONS ----------------------*/

  .item .fc-close {
    font-size:15px;
  }

  /*-------------------- BOXES ----------------------*/

  .content,
  .boxes,
  #shopify-section-product-template  {
    padding-top: 30px !important;
  }

  .boxes .box .left,
  .boxes .box .right,
  #account .boxes.account-info .box>.left{
    padding: 30px;
  }

  .boxes.contact {
    margin: 30px 30px 0;
  }

  /*----------------- PERSONALISER ------------------*/
  
  .pplr-wrapper label {
    margin-top: 2px !important;
  }

  .pplr-drop-item,
  .pplr_prev_mobile {
    margin:4px 7px 0 0 !important;
  }
  
  .pplr-drop-item._pplr_yes,
  .pplr-drop-item._pplr_no {
    position: inherit;
    float: left;
    right: auto;
  }

  /*----------------- REGISTRATION ------------------*/

  .trade-reg .box #rte.right,
  .trade-reg .box #rte.left,
  .trade-reg .box .bottom{
    min-width: 0px;
    padding: 30px;
  }

  .trade-reg .row.expanded-top {
    margin: 20px 0;
  }

  .trade-reg textarea {
    width: 100%;
    min-height: 160px;
  }
  
  .boxes .box.third {
    width:100%;
    margin-bottom: 30px;
  }

  .boxes .box.third:first-child {
    margin-right:0;
  }

  .boxes .box.third:last-child {
    margin-left:0;
    margin-bottom:0;
  }

  /*------------------- ACCOUNT ---------------------*/

  .boxes.account-info {
    max-width: 100%;
    margin: 0 30px;
  }

  span.highlight,
  .order {
    font-size: 14px;
  }	

  /*-------------------- CARTS ----------------------*/

  .box.cart .right h3 {
    top: 40px;
    right: 30px;
  }

  .cart .items .item .right .description {
    margin: 0;
  }

  body.template-customers-order .cart .items .item .price,
  .cart .items .item .price {
    position: absolute;
    bottom: 15px;
  }

  .cart .items .item .right .quantity {
    bottom:20px;
  }

  /*------------------- FOOTER ----------------------*/

  .footer-logos img {
    max-width: 9vw;
  }

}


/*-------------------------------------------------------------------------------------------------*/
/*--------------------------------------- MAX WIDTH 1200 ------------------------------------------*/
/*-------------------------------------------------------------------------------------------------*/

@media (max-width: 1200px) {
  
  .boxes.account-info {
    padding: 0 20px;
  }
  
  .slideshow.medium {
    height: 60vw;
  }
  
  .header .main-nav, .content,
  .template-index .layout .home>.sections {
    max-width: calc(100% - 40px);
  }
  
  .footer .top {
    padding: 20px;
  }
 
  .home .collections-items a.collections-item.one-half, 
  .collections-items a.collections-item.one-half,
  .image-with-text {
    height: 60vw;
  }
  
  .collections-items a.collections-item.one-third.tall,
  .template-index .collections-items a.collections-item:first-child.tall {
    height: 40vw;
  }
  
  .collections-items a.collections-item h4, 
  .collections-items a.collections-item.center h4 {
    top: 7vw;
    font-size: 18px;
  }
  
  .collections-items a.collections-item.one-third.tall h4 {
    top: 5vw;
  }
  
  .collections-items a.collections-item.one-third.tall:nth-child(2) h4 {
    bottom: 5vw;
  }
  
  .collections-items a.collections-item h4 .box, 
  .collections-items a.collections-item.center h4 .box {
    padding: 10px 15px;
  }
  
  .image-with-text.position-center > .info {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: auto !important;
  }
  
  .list-collections .collections-items a.collections-item.one-third.tall {
    height: 20vw;
  }

  /*-------------------- RETAIL ----------------------*/

  .custom-content .custom__item-inner--text h1 {
    margin: 0 auto;
    margin-bottom: 20px;
  }

  .custom-content .custom__item .rte {
    width: 100%;
  }

  .owl-carousel {
    width: 60% !important;
  }

  .owl-item, .owl-item .item img {
    width: 19vw !important;
  }

  .custom-content .custom__item-inner--text {
    max-width: 70%;
  }
  
  /*------------------- CONTACT US ---------------------*/

  #contact-us .layout {
    padding: 0 20px;
  }
  
}

/*-------------------------------------------------------------------------------------------------*/
/*-------------------------------------- MAX WIDTH 960 --------------------------------------------*/
/*-------------------------------------------------------------------------------------------------*/

@media (max-width: 960px) {

  /*-------------------- BOXES ----------------------*/

  .boxes .box>.right .actions {
    text-align: center;
  }

  /*-------------------- INDEX ----------------------*/

  .related .collection-products .collection-product.six {
    width: 33.33%;
  }

  .collection-products .collection-product.six.col-0, 
  .collection-products .collection-product.six.col-6 {
      clear: left;
  }

  .collection-products .collection-product.six.col-1,
  .collection-products .collection-product.six.col-2,
  .collection-products .collection-product.six.col-3,
  .collection-products .collection-product.six.col-4,
  .collection-products .collection-product.six.col-5,
  .collection-products .collection-product.six.col-7,
  .collection-products .collection-product.six.col-8,
  .collection-products .collection-product.six.col-9,
  .collection-products .collection-product.six.col-10,
  .collection-products .collection-product.six.col-11 {
      clear: none;
  }
 

  /*------------------- CONTACT ---------------------*/

  .boxes.contact .box-left,
  .boxes.contact .box-right {
    width: 100%;
    margin-right: 0;
    padding-bottom: 0;
  }

  .boxes.contact {
    padding: 0;
  }

  .boxes.contact h2 {
    margin: 30px 0;
  }

  /*--------------------- 404 -----------------------*/

  .fourofour .boxes .box>.right h3 {
    line-height: 18px;
    font-size: 15px;
  }

  .fourofour .boxes {
    margin: 20px 0 0;
  }

}

/*-------------------------------------------------------------------------------------------------*/
/*-------------------------------------- MAX WIDTH 768 --------------------------------------------*/
/*-------------------------------------------------------------------------------------------------*/

@media (max-width: 768px) {
  
  /*--------------- HEADINGS / TEXT -----------------*/

  .section h2,
  .trade-reg h2.title,
  .account-info h2.title,
  .contact h2 {
    font-size: 40px;
    line-height: 40px;
  }
  
  /*------------------ STORY -------------------*/
  
  .our-story h2 {
    font-size: 75px;
    line-height: 75px;
  }  
  
  #a-love-story-with-a-furry-tail-ending .inner.centered,
  .our-story h2,
  #rte,
  .content {
    padding: 0;
  }

  .product .item > .right form .qty-basket > label, 
  .product #rte strong, 
  .product .item>.right form .radio-wrapper>label {
    font-size: 20px;
  }

  /*.product .item>.right .offers h2.price {
    font-size: 31px;
    line-height: 31px;
  }
  
  .product .item .right .offers h3,
  .qty {
    font-size: 18px;
  }*/

  /*-------------------- INDEX ----------------------*/

  .slideshow .slide .slideshow-image .table .cell {
    display: none;
  }
  
  .slideshow.medium {
    height: 125vw;
  }

  /*------------------- PRODUCT ---------------------*/

  .product .item>.right .offers {
    margin:10px 0 0 0;
  }

  .product .item > .right form .qty-basket > label {
    top: -25px;
  }

  /*.product .item>.right form .add-to-cart {
    float: left;
    width: 100% !important;
  }
  
  .qty-basket {
    position: absolute;
    top: -68px;
    left: 0;
  }
  
  .product .item>.right .offers h2.price {
    width: 100%;
    margin-top: 5px;
  }

  .product .item>.right .offers h2.price span {    
    float: right;
  }

  .product .item .right .offers h3 {
    margin: 0px 0 10px 0;
  }

  .product .item>.right form {
    margin: 0;
  }

  .qty,
  .qtyplus, 
  .qtyminus {
    height: 30px;
    width: 30px;
  }

  .qty {
    left: 27px;
  }

  .qtyplus {
    padding: 8px 8px 8px 7px;
    left: 54px;
  }

  .qtyminus {
    padding: 11px 8px 10px 8px;
  }*/

  /*----------------- REGISTRATION ------------------*/

  .trade-reg.boxes .box .left,
  .trade-reg.boxes .box .right,
  .trade-reg.boxes .box .bottom {
    width: 100%;
    float: left;
    margin-left:0;
  }

  .boxes .box .left,
  .boxes .box .right,
  .boxes .box .bottom {
    margin-bottom:15px;
  }

  .form-left,
  .form-right {
    width: 100%;
    padding-right:0;
  }

  .form-right {
    margin-top: 25px;
  }

  .form-selection.checks {
    width: 50%;
  }

  /*------------------- OUR STORY --------------------*/
  
  .our-story h2 {
    width: 100%;
    margin-bottom: 5vh;
  }
  
  /*------------------- COLLECTION -------------------*/
  
  .collection .drop-down {
    top: 0;
  }
  
  .collection-product.six {
    width: 33.33%;
  }
  
  .collection-products .collection-product.col-0, 
  .collection-products .collection-product.col-3, 
  .collection-products .collection-product.col-6, 
  .collection-products .collection-product.col-9 {
    clear: left;
  }

  .collection-products .collection-product.col-4, 
  .collection-products .collection-product.col-5, 
  .collection-products .collection-product.col-8, 
  .collection-products .collection-product.col-10 {
    clear: none;
  }
 	

}


/*-------------------------------------------------------------------------------------------------*/
/*-------------------------------------- MAX WIDTH 620 --------------------------------------------*/
/*-------------------------------------------------------------------------------------------------*/

@media (max-width: 620px) {
  
  /*-------------------- ICONS ----------------------*/

  body.template-customers-login .header .bar .right a.icon-cart, 
  body.template-customers-login .header .bar .right a.icon-search, 
  body.template-customers-login .header .bar .right a.icon-user, 
  body.template-customers-account .header .bar .right a.icon-cart, 
  body.template-customers-account .header .bar .right a.icon-search, 
  body.template-customers-account .header .bar .right a.icon-user, 
  body.template-customers-addresses .header .bar .right a.icon-cart, 
  body.template-customers-addresses .header .bar .right a.icon-search, 
  body.template-customers-addresses .header .bar .right a.icon-user, 
  body.template-customers-register .header .bar .right a.icon-cart, 
  body.template-customers-register .header .bar .right a.icon-search, 
  body.template-customers-register .header .bar .right a.icon-user, 
  body.template-customers-order .header .bar .right a.icon-cart, 
  body.template-customers-order .header .bar .right a.icon-search, 
  body.template-customers-order .header .bar .right a.icon-user, 
  body.template-404 .header .bar .right a.icon-cart, 
  body.template-404 .header .bar .right a.icon-search, 
  body.template-404 .header .bar .right a.icon-user {
    padding-right: 0;
  }

  .header .bar .left a i,
  .header .bar .right a i,
  a i {
    font-size: 25px;
  }
  
  .side-nav .close i.fc {
    font-size: 20px;
  }

  .header .bar .right a .circle {
    width: 25px;
    height: 25px;
    line-height: 26px;
    font-size: 16px;
  }

  /*------------------- BUTTONS ---------------------*/

  .btn.solid.grey,
  .btn.solid, 
  .btn.half {
    width:100%;
  }

  input.half:last-child, 
  .btn.half:last-child,
  .boxes.contact .btn.solid.grey {
    margin-left: 0;
    margin-top: 10px;
  }

  /*-------------------- BOXES ----------------------*/

  .content,
  .boxes {
    padding-top: 20px !important;
  }

  .boxes .box {
    margin: 0;
  }

  .boxes .box .right .back {
    margin-bottom: 0;
  }

  .boxes,
  #addresses .boxes,
  .boxes.account-info {
    margin: 0 15px;
  }

  .boxes.contact {
    margin: 30px 15px 15px;
  }

  .boxes .box .left,
  .boxes .box .right,
  .boxes .box .bottom,  
  #account .boxes.account-info .box>.left{
    padding: 15px;
  }

  .boxes .box .right h2 {
    font-size: 30px;
  }

  .boxes .box .right h3 {
    font-size: 18px;
  }

  /*-------------------- MENUS ----------------------*/
  
  .side-nav .close {
    left: 15px;
    top: 15px;
  }

  /*-------------------- FORMS ----------------------*/

  .form-left,
  .form-right {
    width: 100%;
    padding-right:0;
  }

  .form-right {
    margin-top: 25px;
  }

  /*-------------------- HEADER ---------------------*/

  .header a.logo h1 img {
    width: 125px !important;
  }
  
  .header .bar {
    padding-bottom: 15px;
  }
  
  .header .bar.fixed {
    padding: 4px 30px;
  }

  .header.solid .fixed a.logo h1 img {
    width: 45px !important;
    margin: 0 auto;
  }

  .header .fixed .right {
    top: 14px !important;
    right: 15px !important;
  }

  .header .fixed .left {
    top: 14px !important;
    left: 15px !important;
  }

  .header .left {
    top: 16px !important;
    left: 15px !important;
  }

  .header .right {
    top: 16px !important;
    right: 15px !important;
  }

  .header .bar .right a.icon-cart i.fc-cart {
    display: inline-block;
  }
  
  .col-banner {
	width:100vw; 
  }
  
  .header .nav ul li a {
    font-size: 16px !important;
  }
  
  .header .main-nav ul li {
    margin: 5px 5px 0;
  }

  /*-------------------- INDEX ----------------------*/
  
  .slideshow .slick-dots {
    left: 15px;
  }
  
  .image-with-text>.background .image {
    height: 60vw;
    background-size: 140vw;
  }
  
  .image-with-text.position-right>.background .image {
    background-position-x: -40vw !important;
  }
  
  .image-with-text.position-left>.background .image {
    background-position-x: 0vw !important;
  }
  
  .image-with-text.position-center>.background .image {
    background-position-x: center !important;
  }
  
  .image-with-text .info {
    padding: 30px;
    background: #ffbe00;
  } 
  
  .image-with-text.align-right > .info {
    text-align: right;
  }
  
  .image-with-text.align-left > .info {
    text-align: left;
  }
  
  .image-with-text.position-right > .info,
  .image-with-text.position-right > .info p{
    right: 0;
    float: right;
  }
  
  .image-with-text.position-left > .info,
  .image-with-text.position-left > .info p{
    left: 0;
    float: left;
  }
  
  .image-with-text>.info p {
    max-width: 33vw;
    margin-top: 0 !important;
  }
  
  .image-with-text>.info p:nth-child(3) {
    padding: 0px 0px 20px 0px;
  }

  .collections-items a.collections-item.one-third.tall,
  .template-index .collections-items a.collections-item:first-child.tall,
  .template-index .collections-items a.collections-item,
  .template-index .collections-items a.collections-item:first-child {
    width: 100% !important;
    height: 110vw !important;
    margin: 0;
    margin-bottom: 20px;
  }
  
  .template-index .collections-items a.collections-item:last-child.tall,
  .template-index .collections-items a.collections-item:last-child {
    margin-bottom: 0;
  }
  
  .home .collections-items a.collections-item.one-third,
  .collections-items a.collections-item.one-third,
  #lashes .collections-items a.collections-item {
    width: 100%;
    padding-right:0;
  }
  
  .collections-items a.collections-item h4, 
  .collections-items a.collections-item.center h4 {
    left: 0;
    top: 12vw;
    font-size: 20px;
  }
  
  .collections-items a.collections-item h4 .box, 
  .collections-items a.collections-item.center h4 .box {
    padding: 15px 20px;
  }
  
  .collections-items a.collections-item.one-third.tall h4 {
    top: 12vw;
  }
  
  .collections-items a.collections-item.one-third.tall:nth-child(2) h4 {
    bottom: 12vw;
  }
  
  #lashes.template-page .shopify-section {
    margin-bottom: 15px;
  }
  
  .list-collections .collections-items a.collections-item.one-third.tall {
    height: 59vw !important;
  }

  .custom-content .custom__item-inner--text {
    max-width: 80vw;
  }

  .custom-content .custom__item-inner--text h1 {
    font-size: 45px;
    max-width: 90%;
    line-height: 40px;
  }

  .owl-item, .owl-item .item img {
    width: 40vw !important
  }

  .owl-carousel {
    width: 80vw !important;
  }

  /*----------------- COLLECTIONS -------------------*/

  .our-story h2, .section h2, .contact h2, .trade-reg h2.title, .account-info h2.title {
    margin: 15px 0;
  }
  
  .collection .drop-down {
    position: relative;
    margin: 0 auto;
  }
  
  .subnav li {
    height: 24px;
  }
  
  .categories span,
  .subnav a {
    line-height: 26px !important;
    font-size: 13px;
    height: 24px;
    margin: 0;
  }

  .categories span:before,
  .subnav a:before {
    border-bottom: 12px transparent solid;
    border-top: 12px transparent solid;
  }

  .categories span:after,
  .subnav a:after{
    top: 10px;
  }
  
  .collection-product.six,
  .related .collection-products .collection-product.six {
    width: 50%;
  }
  
  .collection-products .collection-product.col-0, 
  .collection-products .collection-product.col-2, 
  .collection-products .collection-product.col-4, 
  .collection-products .collection-product.col-6, 
  .collection-products .collection-product.col-8, 
  .collection-products .collection-product.col-10 {
    clear: left;
  }

  .collection-products .collection-product.col-1, 
  .collection-products .collection-product.col-3, 
  .collection-products .collection-product.col-5, 
  .collection-products .collection-product.col-7,
  .collection-products .collection-product.col-9, 
  .collection-products .collection-product.col-11 {
    clear: none;
  }
  
  .template-product .content.product,
  .product .item>.right {
    padding: 0;
  }

  /*----------------- PERSONALISER ------------------*/

  .pplr-wrapper label {
  	width: auto !important;
  }
  
  .pplr-drop-item._pplr_yes {
    position: absolute;
    right: 50px;
    margin:0 !important;
  }
  
  .pplr-drop-item._pplr_no {
    position: absolute;
    right: 0;
    margin:0 !important ;
  }

  /*----------------- REGISTRATION ------------------*/

  #ContactFormAgent {
    width: 100%;
  }

  .trade-reg .row.expanded-top {
    margin: 20px 0 0;
  }

  .form-selection .checkbox {
    min-width: 150px;
  }

  .trade-reg .back {
    display: inline;
  }

  .boxes.int {
    padding: 15px;
    margin:0 15px;
  }
  
  .boxes.int .boxes {
    margin:0;
  }
  
  .box.third h2 {
    background: #ececec;
  }

  /*------------------- ACCOUNT ---------------------*/

  #account .boxes.account-info .box>.left,
  #account .boxes.account-info .box>.right {
    width: 100%;
  }

  #account .boxes.account-info .box>.left {
    margin-right: 0;
  }

  #account .boxes.account-info .box>.right {
    margin: 15px 0;
  }

  .order .value,
  .order .paid,
  .order .delivered { 
    width: 30%;
  }

  .order .link { 
    width: 100%;
    position: relative;
    margin-top: 10px;
  }

  /*-------------------- CARTS ----------------------*/

  .side-nav,
  .side-cart{
    padding: 15px;
  }

  .cart .btn.accent,
  .cart .more button.update {
    max-width: 100%;
  }

  .box.cart .right h3 {
    top: 20px;
    right: 15px;
  }

  .box.cart .right .items .item,
  .cart .items .item,
  .cart.negative .items .item {
    margin-top: 15px;
    padding-bottom: 15px;
  }

  .cart .items .item .right a.name,
  .cart .items .item .price,
  body.template-customers-order .cart .items .item .price {
    font-size: 18px;
  }

  .cart .items .item .right .description {
    margin: 0;
  }

  body.template-customers-order .cart .items .item .price,
  .cart.negative .items .item .price,
  .cart .items .item .price {
    position: absolute;
    bottom: 10px;
  }
  
  .cart.negative .items .item .price .allocation {
    line-height: 16px;
    font-size: 14px;
    top: -42px;
  }

  .cart .items .item .right .quantity {
    height: 20px;
    bottom:20px;
  }

  .cart .items .item .right .quantity button.ajaxcart__qty--minus, 
  .cart .items .item .right .quantity button.js-qty__adjust--minus {
    padding: 7px 5px;
  }

  .cart .items .item .right .quantity button.ajaxcart__qty--plus, 
  .cart .items .item .right .quantity button.js-qty__adjust--plus {
    padding: 5px 4px;
  }

  .ajaxcart__qty--plus, .js-qty__adjust--plus {
    left: 40px;
  }

  .cart .items .item .right .quantity button, 
  .cart.negative .items .item .right .quantity button {
    width: 20px;
    height: 20px;
    line-height: 10px;
    font-size: 30px;
  }

  .cart .items .item .right .quantity input, 
  .cart.negative .items .item .right .quantity input {
    width: 25px;
    height: 20px;
    font-size: 13px;
    left: 17px;
    padding: 8px 0;
  }

  .cart .more h3,
  .cart.negative .more h3, 
  .cart .more h5,
  .cart.negative .more h5 {
    margin-bottom:5px;
  }

  .side-cart .close i.fc {
    top: 0;
  }

  .item .fc-close {
    font-size:15px;
  }
	
  /*------------------ OUR STORY --------------------*/
  
  .our-story h2 {
    margin-top: 320px !important;
  }
  
  #rte img { 
    width: 100%;
  }
  
  /*------------------- FOOTER ----------------------*/

  .footer .top {
    padding: 20px;
  }

  .footer .bottom {
    padding: 0 30px 15px;
  }

  .footer .menu {
    display: none;
  }     

  .footer .contact {
    text-align: left;
    float: left;
    display: none;
  }

  .footer .center {
    float: right;
  }

  .footer-logos img {
    display: inline-block;
    max-width: 150px;
    margin: 30px 0 -30px 0;
  }
   
  img.klarna {
    float: none;
    margin: 0 auto;
    margin-top: 20px;
  }

}

/*-------------------------------------------------------------------------------------------------*/
/*-------------------------------------- MAX WIDTH 320 --------------------------------------------*/
/*-------------------------------------------------------------------------------------------------*/

@media (max-width: 375px) {

  /*-------------------- HEADER ---------------------*/

  .header .main-nav {
      padding: 5px 10px 10px;
    }

  /*----------------- REGISTRATION ------------------*/

  .trade-reg .box #rte.right {
    padding: 20px;
  }

  /*------------------ COLLECTION -------------------*/
  
  .section h2, .trade-reg h2.title, .account-info h2.title, .contact h2 {
    font-size: 37px;
    line-height: 37px;
  }
  
  /*----------------- PERSONALISER ------------------*/

  .pplr-wrapper label {
  	width: 100% !important;
  }
  
  .pplr-drop-item._pplr_yes,
  .pplr-drop-item._pplr_no {
    position: inherit;
    float: left;
    right: auto;
    margin: 3px 7px 0 0 !important;
  }

  /*------------------ STORY -------------------*/
  
  .our-story h2 {
    font-size: 75px;
    line-height: 75px;
  }  
  
  
}


/*-------------------------------------------------------------------------------------------------*/
/*------------------------------------- MAX HEIGHT 1080 -------------------------------------------*/
/*-------------------------------------------------------------------------------------------------*

@media (max-height: 1080px) {
  
  /*------------------ OUR STORY -------------------*
  
  .our-story h2 {
    margin-top: 350px;
  }
  
}

/*-------------------------------------------------------------------------------------------------*/
/*-------------------------------------- MAX HEIGHT 812 -------------------------------------------*/
/*-------------------------------------------------------------------------------------------------*/

@media (max-height: 811px) {
  
  /*-------------------- HEADER ---------------------*/
  
  .header .bar .center a.logo {
    max-width: 40%;
  }

}

/*-------------------------------------------------------------------------------------------------*/
/*-------------------------------------- MAX HEIGHT 568 -------------------------------------------*/
/*-------------------------------------------------------------------------------------------------*/

@media (max-height: 500px) {
  
  /*-------------------- HEADER ---------------------*/
  
  .header a.logo h1 img,
  .header.solid .fixed a.logo h1 img {
    width: 48px !important;
  }
  
  .header .bar {
    padding: 7px 15px;
  }
  
  .header .fixed .left,
  .header .left,
  .header .fixed .right,
  .header .right {
    top: 16px !important;
  }
  
  .header .left,
  .header .fixed .left{
    left: 15px !important;
  }
  
  .header .right,
  .header .fixed .right {
    right: 15px !important;
  }

}


/*-------------------- COVID SECTION ---------------------*/

  .shopify-section-1588934198340 {
 	background-color: #ddd !important; 
}

#rte.center {
    text-align: center;
    margin: 0 auto;
  	background: #ffc439;
    padding: 30px;
}

#rte h1 {
    font-size: 18px;
    text-transform: none;
    margin: 0;
}


/*-------------------- FEEFO STARS ---------------------*/

.feefo-product-stars-widget {
  margin-bottom: 0;
  width: auto;
  float: right; 
}

.feefowidget-product-stars__reviews-count {
  color: #000 !important;
  font-size: 16px !important;
}

.feefowidget-carousel-container-snapshot {
  margin: 0 auto !important;
  max-width: 1016px !important;
  display: table !important;
}


/*-------------------- ORDERLOGIC POPUP ---------------------*/

.sweet-alert {
    padding: 30px !important;
}

.sweet-alert .sa-icon {
    margin: 0 auto !important;
}

.sweet-alert .sa-icon.sa-error {
  background-color: #ffc439 !important;
  border-color: #ffc439 !important;
}

.sweet-alert .sa-icon.sa-error .sa-line {
  background-color: #000 !important;
}

.sweet-alert h2 {
    margin: 15px 0 !important;
}

.sweet-alert button {
  border-radius: 5px !important;
  box-shadow: inset 0 0 100px 100px rgba(0,0,0,0.05) !important;
  background-color: #ffc439 !important;
  border-color: #ffc439 !important;
  color: #000 !important;
  padding: 15px !important;
  font-size: 14px !important;
  width: 150px;
  font-weight: 700 !important;
}

.sweet-alert button:hover {
  background: #f5b92c !important;
  border-color: #f5b92c !important;
  font-size: 14px !important;
}