/******************************************************************
Theme Name: Turbo 2.1.3
Theme URI: https://outofthesandbox.com/collections/turbo-theme
Author: Out of the Sandbox (https://outofthesandbox.com)
Description: Shopify Theme (https://www.shopify.com/?ref=out-of-the-sandbox)
******************************************************************/
/* Table of Contents
==================================================
  #Mixins
  #Functions
  #Reset
  #Basic Styles
  #Typography
  #Links
  #Lists
  #Menu
  #Images
  #Placeholders
  #Videos
  #Buttons
  #Tabs
  #Forms
  #Newsletter
  #Tables
  #Misc
  #Testimonials
  #Logo-list
  #Gallery Section
  #Recently Viewed
  #Search Section
  #Site Styles
  #Header
  #Swatch Styles
  #Flickity
  #Layout
  #Password Page
  #Account
  #Page Details
  #Product Details
  #Home page - general
  #Home page - slideshow
  #Home page - image with text
  #Home page - featured promotions
  #Home page - image with text overlay
  #Home page - video
  #Font-Face
  #Custom Styles */
/* #Mixins
================================================== */
/* #Functions
================================================== */
/* #Reset & Basics
================================================== */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary {
    display: block; }
  
  audio, canvas, video {
    display: inline-block; }
  
  audio:not([controls]) {
    display: none;
    height: 0; }
  
  [hidden] {
    display: none; }
  
  html {
    font-family: sans-serif;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%; }
  
  a:focus {
    outline: thin dotted; }
  
  a:active, a:hover {
    outline: 0; }
  
  h1 {
    font-size: 2em; }
  
  abbr[title] {
    border-bottom: 1px dotted; }
  
  b, strong {
    font-weight: 700; }
  
  dfn {
    font-style: italic; }
  
  mark {
    background: #ff0;
    color: #000; }
  
  code, kbd, pre, samp {
    font-family: monospace, serif;
    font-size: 1em; }
  
  pre {
    white-space: pre-wrap;
    word-wrap: break-word; }
  
  q {
    quotes: \201C \201D \2018 \2019; }
  
  small {
    font-size: 80%; }
  
  sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline; }
  
  sup {
    top: -.5em; }
  
  sub {
    bottom: -.25em; }
  
  img {
    border: 0; }
  
  svg:not(:root) {
    overflow: hidden; }
  
  fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em; }
  
  button, input, select, textarea {
    font-family: inherit;
    font-size: 100%;
    margin: 0; }
  
  button, input {
    line-height: normal; }
  
  button, html input[type=button],
  input[type=reset], input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer; }
  
  button[disabled], input[disabled] {
    cursor: default; }
  
  input[type=checkbox], input[type=radio] {
    box-sizing: border-box;
    padding: 0; }
  
  input[type=search] {
    -webkit-appearance: textfield;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box; }
  
  input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none; }
  
  textarea {
    overflow: auto;
    vertical-align: top; }
  
  table {
    border-collapse: collapse;
    border-spacing: 0; }
  
  body, figure {
    margin: 0; }
  
  legend, button::-moz-focus-inner, input::-moz-focus-inner {
    border: 0;
    padding: 0; }
  
  .clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0; }
  
  * {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
  
  /* #Basic Styles
  ================================================== */
  body {
    font-family: Roboto;
    font-weight: normal;
    font-size: 15px;
    text-transform: none;
    color: #333333;
    line-height: 1.6em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased;
    background-color: #ffffff; }
  
  ::-moz-selection {
    background-color: #000;
    color: #fff; }
  
  ::selection {
    background: #FFF7B6;
    color: black; }
  
  abbr {
    border-bottom: 1px dotted #cccccc; }
  
  /* Theme editor */
  .editor-visible--true {
    display: block !important; }
  
  /* Lazyloading styles */
  .blur-up {
    -webkit-filter: blur(5px);
    filter: blur(5px);
    transform: scale(1);
    transition: filter 200ms, -webkit-filter 200ms, box-shadow 200ms; }
    .blur-up.lazyloaded {
      -webkit-filter: blur(0);
      filter: blur(0); }
  
  img[data-sizes="auto"] {
    display: block;
    width: 100%;
    margin-left: auto;
    margin-right: auto; }
  
  .image__container {
    display: block;
    margin-left: auto;
    margin-right: auto; }
  
  /* #Typography
  ================================================== */
  .logo {
    font-family: Roboto;
    font-weight: normal;
    font-size: 20px;
    text-transform: uppercase; }
  
  /*  Headings  */
  h1 {
    font-family: Roboto;
    font-size: 30px;
    font-weight: normal;
    font-style: normal;
    text-transform: uppercase;
    line-height: 1.5;
    color: #333333;
    display: block;
    letter-spacing: 2px;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin: 0 auto 15px;
    clear: both;
    font-weight: normal;
    padding-top: 4px; }
    @media (max-width: 768px) {
      h1 {
        font-size: 24px; } }
    h1 a:link, h1 a:visited {
      font-weight: inherit;
      color: #333333; }
    h1 a:hover, h1 a:active {
      color: #03a196; }
    h1.collection_title_tags {
      padding-right: 25px;
      border-right: solid 1px #cccccc; }
  
  h2, .h2, h2.title {
    font-family: Roboto;
    font-size: 27px;
    font-weight: normal;
    font-style: normal;
    text-transform: uppercase;
    line-height: 1.5;
    color: #333333;
    display: block;
    letter-spacing: 2px;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-bottom: 0.75em; }
    @media (max-width: 768px) {
      h2, .h2, h2.title {
        font-size: 21px; } }
    h2 a, .h2 a, h2.title a {
      font-weight: inherit; }
    h2.collection_title, .h2.collection_title, h2.title.collection_title {
      margin-bottom: 0;
      display: inline; }
    h2.product_name a, .h2.product_name a, h2.title.product_name a {
      color: #333333; }
  
  .cart h2 {
    margin-top: 0; }
  
  h3, .h3 {
    font-family: Roboto;
    font-size: 24px;
    font-weight: normal;
    font-style: normal;
    text-transform: uppercase;
    line-height: 1.5;
    color: #333333;
    display: block;
    letter-spacing: 2px;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin: 0 auto 15px 0; }
    @media (max-width: 768px) {
      h3, .h3 {
        font-size: 19px; } }
    h3 a, h3 a:visited, .h3 a, .h3 a:visited {
      font-weight: inherit;
      color: #333333; }
    h3.title, .h3.title {
      line-height: 1.25;
      margin: 0 auto 15px;
      clear: both;
      padding-top: 4px; }
      h3.title a, h3.title a:visited, .h3.title a, .h3.title a:visited {
        color: #333333; }
    h3.sub_title, .h3.sub_title {
      padding: 5px 0;
      color: #333333; }
      h3.sub_title a, .h3.sub_title a {
        color: #333333; }
  
  h4, .h4 {
    font-family: Roboto;
    font-size: 21px;
    font-weight: normal;
    font-style: normal;
    text-transform: uppercase;
    line-height: 1.5;
    color: #333333;
    display: block;
    letter-spacing: 2px;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin: 0 0 0.5em 0;
    padding: 7px 0; }
    @media (max-width: 768px) {
      h4, .h4 {
        font-size: 16px; } }
    h4 a, .h4 a {
      font-weight: inherit; }
    h4.title a, .h4.title a {
      border: 0;
      padding: 0;
      margin: 0; }
  
  h5, .h5 {
    font-family: Roboto;
    font-size: 19px;
    font-weight: normal;
    font-style: normal;
    text-transform: uppercase;
    line-height: 1.5;
    color: #333333;
    display: block;
    letter-spacing: 2px;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin: 0 0 0.5em 0;
    padding: 7px 0; }
    @media (max-width: 768px) {
      h5, .h5 {
        font-size: 15px; } }
    h5 a, .h5 a {
      font-weight: inherit; }
    h5.sub_title, .h5.sub_title {
      padding: 5px 0;
      color: #333333; }
      h5.sub_title a, .h5.sub_title a {
        color: #333333; }
  
  h6, .h6 {
    font-family: Roboto;
    font-size: 18px;
    font-weight: normal;
    font-style: normal;
    text-transform: uppercase;
    line-height: 1.5;
    color: #333333;
    display: block;
    letter-spacing: 2px;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 1px;
    margin: 0 0 0.5em 0;
    padding: 7px 0; }
    @media (max-width: 768px) {
      h6, .h6 {
        font-size: 14px; } }
    h6 a, .h6 a {
      font-weight: inherit; }
    h6.title, .h6.title {
      line-height: 32px;
      margin: 0 0 0.5em 0;
      color: #333333; }
  
  .cart h6 {
    margin-top: 0; }
  
  .collection_title {
    font-family: Roboto;
    font-size: 30px;
    font-weight: normal;
    font-style: normal;
    text-transform: uppercase;
    line-height: 1.5;
    color: #333333;
    display: block;
    letter-spacing: 2px;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin: 0 auto 15px;
    clear: both;
    padding-top: 4px; }
    @media (max-width: 768px) {
      .collection_title {
        font-size: 24px; } }
    .collection_title a {
      font-weight: inherit;
      color: #333333; }
      .collection_title a:hover, .collection_title a:active {
        color: #03a196; }
  
  div.collection_title {
    margin-bottom: 0;
    line-height: 30px;
    display: inline; }
  div.collection_title_tags {
    padding-right: 25px;
    border-right: solid 1px #cccccc; }
  
  .headline, .empty_cart, .promo_banner, .title {
    font-family: Roboto;
    font-size: 30px;
    font-weight: normal;
    font-style: normal;
    text-transform: uppercase;
    line-height: 1.5;
    color: #333333;
    display: block;
    letter-spacing: 2px;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
    @media (max-width: 768px) {
      .headline, .empty_cart, .promo_banner, .title {
        font-size: 24px; } }
  
  @media (max-width: 768px) {
    .title.insta, .title.twitter {
      text-align: center; } }
  .title.insta a, .title.twitter a {
    color: #333333; }
  
  .title.center.blog a {
    color: #333333; }
  
  /*  Content  */
  p {
    margin: 0 0 15px;
    font-style: normal;
    line-height: 1.6em; }
    p img {
      margin: 0; }
  
  sub {
    font-size: 60%; }
  
  em, i {
    font-style: italic; }
  
  strong, b {
    font-weight: bold; }
  
  small {
    font-size: 90%; }
  
  .feature img {
    position: relative;
    top: 7px;
    margin-right: 5px;
    width: 25px;
    height: 25px; }
  
  .onboard-text {
    margin: 0; }
  
  .page-divider {
    opacity: 0;
    border-color: #aaaaaa; }
  
  .active-divider {
    opacity: 1; }
  
  .feature p {
    font-size: smaller; }
  
  #featured_links {
    padding: 20px 0; }
    #featured_links h2 {
      padding-top: 15px; }
  
  #featured_links .column, #featured_links .columns {
    opacity: 1; }
  
  .slider-gallery .shopify-product-reviews-badge {
    height: 30px;
    display: block; }
  
  .spr-badge + .feature_divider {
    margin-top: 15px; }
  
  .spr-badge {
    padding: 5px 0; }
  
  .product-details .spr-badge-caption {
    display: none; }
  
  div#shopry-review-photos a {
    display: block !important; }
  
  .feature_divider {
    width: 100%;
    margin-bottom: 20px;
    display: block;
    border: 0;
    background-color: #aaaaaa;
    height: 1px; }
    @media (max-width: 768px) {
      .feature_divider {
        margin-bottom: 10px; } }
  
  .page .feature_divider,
  h2.title + .feature_divider {
    margin-bottom: 15px; }
  
  /*  Blockquotes  */
  blockquote, blockquote p {
    font-size: 17px;
    line-height: 24px;
    font-style: italic; }
  
  blockquote {
    margin: 0 0 20px;
    padding: 9px 20px 0 19px;
    border-left: 1px solid #cccccc; }
    blockquote cite {
      display: block;
      font-size: 12px;
      color: #555; }
      blockquote cite a, blockquote cite a:visited {
        color: #555; }
      blockquote cite:before {
        content: "\2014 \0020"; }
  
  hr {
    border: solid #cccccc;
    border-width: 1px 0 0;
    clear: both;
    margin: 12px 0;
    height: 0; }
  
  .quote {
    font-size: 16px;
    line-height: 22px;
    text-align: center;
    margin: 0 0 20px 0;
    font-style: italic; }
  
  .page-quote {
    font-size: 18px;
    line-height: 18px;
    text-align: center;
    padding: 7px 0px !important;
    text-transform: uppercase;
    border-bottom: 1px solid #aaaaaa;
    border-top: 1px solid #aaaaaa; }
    .page-quote p {
      margin: 0; }
  
  div.section.collection_description {
    margin: 0 0 1.5em 0; }
  
  .template-page h1 {
    color: #282727;
    font-weight: 600;
    font-size: 2.33333em;
    text-transform: none;
    letter-spacing: 0; }
  
  /*============================================================================
    Animation Classes and Keyframes
  ==============================================================================*/
  .is-transitioning {
    display: block !important;
    visibility: visible !important; }
  
  /* #Links
  ================================================== */
  a, a:visited, a span {
    color: #03a196;
    text-decoration: none;
    position: relative;
    -webkit-transition: color .1s linear;
    -moz-transition: color .1s linear;
    -o-transition: color .1s linear;
    -ms-transition: color .1s linear;
    transition: color .1s linear; }
  
  a:hover, a:focus {
    color: #03857c; }
  
  a, button, input, select, textarea, label, summary {
    touch-action: manipulation; }
  
  /* #Lists
  ================================================== */
  ul, ol {
    margin-bottom: 20px; }
    ul ul, ul ol, ol ul, ol ol {
      margin: 4px 0 5px 30px; }
      ul ul li, ul ol li, ol ul li, ol ol li {
        margin-bottom: 6px; }
    ul li, ol li {
      margin-bottom: 12px; }
  
  ul {
    list-style: disc outside; }
    ul.square {
      list-style: square outside; }
    ul.circle {
      list-style: circle outside; }
    ul.disc {
      list-style: disc outside; }
    ul.large li {
      line-height: 21px; }
    ul.none {
      list-style: none outside;
      margin-left: 0; }
    ul.border {
      list-style: none outside;
      line-height: 26px; }
      ul.border li {
        border-bottom: 1px solid #cccccc;
        list-style: none outside none;
        padding: 12px 0;
        margin-bottom: 0; }
  
  ol {
    list-style: decimal; }
  
  /* #Menu
  ================================================== */
  .header {
    z-index: 1000;
    width: 100%;
    top: 0; }
    .header a, .header a:visited, .header a span, .header select.currencies {
      color: #8d8d8d;
      text-shadow: none; }
    .header div.container {
      padding-bottom: 5px;
      padding-top: 5px; }
  
  body.is-active {
    /*   overflow-y: hidden; */ }
    body.is-active #header {
      /*     bottom: 0;
          overflow-y: scroll;
          overflow-x: hidden; */ }
  
  #header.mobile_nav-fixed--true {
    position: fixed;
    z-index: 1001;
    width: 100%;
    left: 0; }
  
  #header {
    display: none; }
    #header .top_bar {
      text-align: center;
      height: 60px;
      padding: 0 15px;
      background: #e9e9e9; }
      #header .top_bar .icon-search {
        position: absolute;
        top: 18px;
        right: 110px;
        color: #3a3a3a; }
        #header .top_bar .icon-search:before {
          font-size: 18px; }
      #header .top_bar a.right {
        left: auto;
        right: 15px;
        font-size: 20px;
        padding-top: 8px;
        top: 4px;
        z-index: 1; }
      #header .top_bar a.mobile_nav {
        z-index: 1;
        top: 2px; }
      #header .top_bar > a, #header .top_bar > a:visited, #header .top_bar > a:active {
        display: block;
        font-size: 25px;
        outline: 0;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
      #header .top_bar a span {
        color: #f4f4f4;
        display: inline;
        padding-left: 4px;
        position: relative; }
    #header .cart_count {
      top: -2px; }
  
  #header .top_bar a.icon-bag:before,
  #header .top_bar a.icon-cart:before {
    font-size: 18px !important; }
  
  .mobile_topbar_wrapper {
    padding: 0 15px;
    background: #1e4b82; }
  
  .mobile_topbar_wrapper .mobile_topbar {
    display: flex;
    padding: 8px 0;
    flex-wrap: wrap;
    justify-content: center; }
    .mobile_topbar_wrapper .mobile_topbar .menu {
      font-size: 10px;
      text-align: center; }
    .mobile_topbar_wrapper .mobile_topbar .menu li {
      padding: 0; }
    .mobile_topbar_wrapper .mobile_topbar .menu a {
      font-size: 13px;
      padding: 0;
      color: #fff;
      letter-spacing: 0px; }
      @media only screen and (max-width: 480px) {
        .mobile_topbar_wrapper .mobile_topbar .menu a {
          font-size: 12px; } }
      @media only screen and (max-width: 375px) {
        .mobile_topbar_wrapper .mobile_topbar .menu a {
          font-size: 10px; } }
    .mobile_topbar_wrapper .mobile_topbar .div_divider {
      margin: 0 2px;
      padding: 0; }
    @media only screen and (max-width: 640px) {
      .mobile_topbar_wrapper .mobile_topbar .menu li:last-child .div_divider {
        display: none; } }
  
  .nav ul.mobile_menu li a {
    display: inline-block; }
  
  .menu.vertical-menu li {
    padding: 0 6px;
    position: relative; }
  .menu.vertical-menu .icon-down-arrow {
    margin-left: 8px; }
  
  .menu.vertical-menu li.active .vertical-menu_submenu {
    visibility: visible;
    opacity: 1;
    transition: opacity 0.3s ease-in;
    pointer-events: all;
    z-index: 2000; }
  
  .menu .vertical-menu_submenu li:hover .vertical-menu_sub-submenu {
    visibility: visible;
    opacity: 1;
    transition: opacity 0.3s ease-in;
    pointer-events: all;
    z-index: 2000; }
  
  .menu .vertical-menu_submenu {
    position: absolute;
    left: 0;
    top: 100%;
    padding-left: 0;
    margin: 0;
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.5s ease-in;
    pointer-events: none;
    text-align: left;
    background: #fff;
    border: 1px solid #ebebeb; }
    .menu .vertical-menu_submenu li {
      padding: 0 20px;
      display: block;
      white-space: nowrap; }
    .menu .vertical-menu_submenu a {
      display: block;
      white-space: nowrap; }
    .menu .vertical-menu_submenu span.icon-down-arrow {
      -webkit-transform: rotate(-90deg);
      -moz-transform: rotate(-90deg);
      transform: rotate(-90deg); }
  
  .menu .vertical-menu_sub-submenu {
    position: absolute;
    left: 100%;
    top: 0;
    padding-left: 0;
    margin: 0;
    visibility: hidden;
    opacity: 0;
    transition: opacity 5s ease-in;
    pointer-events: none;
    background: #e9e9e9;
    background: #e9e9e9; }
    .menu .vertical-menu_sub-submenu li {
      padding: 0 20px;
      display: block;
      white-space: nowrap; }
    .menu .vertical-menu_sub-submenu a {
      display: block;
      white-space: nowrap; }
  
  /*  Mobile nav  */
  .mobile_nav div {
    width: 20px;
    height: 60px;
    position: relative;
    float: right;
    margin: 0 0 0 8px;
    top: 18px !important;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .1s ease-in-out;
    -moz-transition: .1s ease-in-out;
    -o-transition: .1s ease-in-out;
    transition: .1s ease-in-out;
    cursor: pointer; }
  
  .mobile_nav div span {
    display: block !important;
    position: absolute !important;
    height: 2px !important;
    width: 100%;
    background: #3a3a3a;
    border-radius: 9px;
    opacity: 1;
    left: 0;
    padding: 0 !important;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .1s ease-in-out;
    -moz-transition: .1s ease-in-out;
    -o-transition: .1s ease-in-out;
    transition: .1s ease-in-out; }
  
  .mobile_nav div span:nth-child(1) {
    top: 3px; }
  
  .mobile_nav div span:nth-child(2), .mobile_nav div span:nth-child(3) {
    top: 9px; }
  
  .mobile_nav div span:nth-child(4) {
    top: 15px; }
  
  .mobile_nav div.open span:nth-child(1) {
    top: 9px;
    width: 0%;
    left: 50%; }
  
  .mobile_nav div.open span:nth-child(2) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg); }
  
  .mobile_nav div.open span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg); }
  
  .mobile_nav div.open span:nth-child(4) {
    top: 9px;
    width: 0%;
    left: 50%; }
  
  .btn--link {
    background-color: transparent;
    border: 0;
    margin: 0;
    color: #3a3a3a;
    text-align: left; }
  
  .btn--link:not([disabled]):hover, .btn--link:focus {
    color: #606060;
    background-color: transparent; }
  
  .btn--link .icon {
    vertical-align: middle; }
  
  #mobile_menu > li {
    padding: 15px 30px; }
  #mobile_menu li {
    display: block;
    border-bottom: 1px solid #ebebeb; }
    #mobile_menu li:last-child {
      /*       border: none;   */ }
    #mobile_menu li a {
      padding: 0; }
    #mobile_menu li a span.icon-right-arrow {
      padding: 0; }
  #mobile_menu .active + .mobile-nav__dropdown {
    display: block;
    opacity: 1; }
  #mobile_menu .sublink ul {
    position: absolute;
    background-color: #fff;
    z-index: 8;
    width: 100%;
    top: 0;
    right: -100%;
    padding: 0;
    margin: 0;
    display: none; }
  #mobile_menu .sublink ul.is-closing {
    transition: all 400ms cubic-bezier(0.29, 0.63, 0.44, 1);
    opacity: 0.99; }
  #mobile_menu .mobile-nav__sublist-link:not(.mobile-nav__sublist-header) {
    padding-left: 55px;
    padding-right: 20px; }
  #mobile_menu .mobile-nav__item {
    display: block;
    width: 100%; }
  #mobile_menu .mobile-nav__item .icon {
    position: absolute;
    top: 50%;
    left: 50%;
    height: 14px;
    width: 14px;
    margin: -6px 0 0 -7px; }
  #mobile_menu .mobile-nav__return {
    border-right: 1px solid #ebebeb; }
  #mobile_menu .mobile-nav__return-btn {
    position: relative;
    padding: 24px 0;
    width: 55px; }
  #mobile_menu .mobile-nav__icon {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    padding-left: 22px;
    padding-right: 22px;
    pointer-events: none;
    overflow: hidden; }
  #mobile_menu .mobile-nav__label {
    padding-right: 0;
    padding-left: 0; }
  #mobile_menu .mobile-nav__table {
    display: table;
    width: 100%; }
  #mobile_menu .mobile-nav__table-cell {
    display: table-cell;
    vertical-align: middle;
    width: 1%;
    text-align: left;
    white-space: normal; }
  #mobile_menu .mobile-nav__toggle-button {
    padding: 20px 15px; }
  #mobile_menu .mobile-nav__dropdown .mobile-nav__sublist-header {
    font-family: Helvetica,"Helvetica Neue",Arial,"Lucida Grande",sans-serif;
    font-style: normal;
    font-weight: 700;
    display: table-cell;
    vertical-align: middle;
    padding-left: 15px; }
  #mobile_menu .mobile-nav__dropdown .mobile-nav__sublist-header--main-nav-parent {
    color: #333232; }
  
  .feature_image.editor-hover--true .main_nav, .feature_image.editor-hover--true .dropdown {
    background: #e9e9e9;
    background: #e9e9e9;
    clear: both;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
    animation: fadeIn 0.3s linear none; }
  
  .top_bar {
    height: 43px;
    background-color: #1e4b82;
    padding: 2px 0 2px 55px; }
    .top_bar .social_icons {
      float: left;
      margin: 0;
      padding-left: 10px; }
      .top_bar .social_icons li {
        padding: 5px; }
  
  .main_nav, .dropdown {
    clear: both;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
    animation: fadeIn 0.3s linear none; }
  
  .main_nav {
    background: #e9e9e9;
    background: #e9e9e9; }
  
  .dropdown {
    background: #fff; }
  
  .sticky_nav {
    position: fixed;
    width: 100%;
    z-index: 30;
    top: 0;
    left: 0;
    padding: 0;
    /* Translate -100% to move off screen */
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
    /* Animations */
    -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out; }
  
  .is-active .sticky_nav {
    bottom: 0;
    overflow-y: scroll;
    overflow-x: hidden; }
  
  .sticky_nav--stick {
    -webkit-transform: translateY(0%);
    -ms-transform: translateY(0%);
    transform: translateY(0%); }
  
  .sticky_nav ul.menu, .sticky_nav .mini_cart {
    padding-bottom: 0 !important; }
  
  .menu.center,
  .menu.align_right,
  .menu.align_left {
    margin: 0 20px; }
  
  .menu {
    display: block;
    border: none;
    padding: 0;
    margin: 0; }
    .menu li {
      display: inline-block;
      margin: 0;
      border: 0; }
  
  .megamenuBody {
    display: flex;
    justify-content: center; }
  
  .mm-left, .mm-right {
    display: flex;
    justify-content: center; }
  
  .mm-left {
    width: 40%; }
  
  .mm-right {
    width: 65%; }
  
  .mm-right.full-1 {
    width: auto;
    flex: 1; }
  
  .mm-left.nomenu {
    width: 0; }
  
  .mm-right.full {
    width: 80%; }
  
  .mm-left.singlemenu {
    width: auto; }
  
  .mm-right .mm-ImageItem {
    width: 31.33%;
    margin-left: 5px;
    display: inline-block; }
  
  #customMegaMenu {
    padding: 24px 0; }
  
  #customMegaMenu li {
    display: block; }
  
  #customMegaMenu li a {
    padding: 3px 10px;
    color: #3a3a3a;
    font-weight: inherit;
    text-transform: initial;
    font-size: inherit; }
  
  .mobile_nav-fixed--true .menu {
    -ms-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    transition: all 400ms cubic-bezier(0.29, 0.63, 0.44, 1); }
  
  .sub-nav--is-open .menu {
    -ms-transform: translate3d(-100%, 0, 0);
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); }
  
  .nav ul li a.sub-menu {
    padding: 10px 4px 10px 4px;
    z-index: 1001; }
  
  .nav ul li:hover a.sub-menu {
    color: #8d8d8d; }
  
  .menu a, .menu a:visited, .menu a:active, #header span.menu_title, .menu a span, select.currencies, .mini_cart span {
    font-family: Roboto;
    font-weight: normal;
    font-size: 14px;
    text-transform: uppercase;
    color: #8d8d8d;
    padding-top: 15px;
    padding-bottom: 15px;
    position: relative;
    display: block;
    letter-spacing: 1px;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    outline: 0; }
  
  #header span.menu_title, .menu a span, select.currencies, .mini_cart span {
    padding-left: 5px;
    padding-right: 5px; }
  
  #header span.menu_title {
    top: 2px; }
  
  .menu li {
    vertical-align: top; }
  
  select.currencies {
    height: 40px;
    min-height: 40px;
    padding-top: 0;
    padding-bottom: 0;
    cursor: pointer;
    background-image: url(//cdn.shopify.com/s/files/1/0399/1086/7094/t/46/assets/select_light.png?v=15313613251379577686); }
    @media (max-width: 768px) {
      select.currencies {
        font-size: 16px; } }
  
  #mobile_menu select.currencies {
    padding-left: 0; }
  
  .feature_image .header .menu a, .feature_image .header .menu a:visited, .feature_image .header .menu a span {
    color: #d9d9d9; }
  
  .feature_image .header .menu a[href]:hover, .menu a.active, .menu a.active span, .feature_image .header .menu a.active, .header_bar a.active, .feature_image .header .menu a:focus {
    color: #ff9200; }
  
  .menu li a[href]:hover, .menu a[href]:hover span {
    color: #ff9200; }
  
  .menu a.top_link, .menu a.dropdown_link {
    border-bottom: solid 1px transparent; }
  
  .menu a.top_link:hover, .menu a.dropdown_link:hover, .menu a.active_link {
    border-bottom: solid 1px #8d8d8d; }
  
  .feature_image a.top_link:hover {
    border-bottom: solid 1px #d9d9d9; }
  
  .menu a span {
    display: inline;
    vertical-align: top; }
  
  .top_bar a, .top_bar a:visited, .top_bar a:active, .top_bar a span, .top_bar select.currencies, a.mini_cart, a.mini_cart span, .feature_image .header .top_bar .menu a, .feature_image .header .top_bar .menu a span, .cart_container .mini_cart:hover {
    color: #f4f4f4;
    font-size: 18px;
    letter-spacing: 0px; }
  
  .top_bar li a:hover, .top_bar li a[href]:hover, .top_bar li a[href]:hover span, .top_bar li a:active, .top_bar li a:hover span, .top_bar a:active span, .top_bar .currencies:hover, .feature_image .header .top_bar .menu a:hover, .feature_image .header .top_bar .menu a:hover span {
    color: #ff9000; }
  
  .top_bar li {
    padding-left: 0px;
    padding-right: 0px; }
  
  .top_bar .menu a, .top_bar .social_icons a {
    height: 43px;
    line-height: 43px;
    font-weight: 500;
    padding: 0; }
  
  /*  Mini cart  */
  .mini_cart,
  .nav a.mini_cart {
    float: right;
    text-align: center;
    cursor: pointer;
    background-color: #d54d4d;
    padding-left: 5px;
    padding-right: 5px;
    margin-left: 5px;
    height: 43px;
    z-index: 2001; }
    @media (min-width: 960px) {
      .mini_cart,
      .nav a.mini_cart {
        padding-left: 15px;
        padding-right: 15px; } }
    @media (max-width: 768px) {
      .mini_cart,
      .nav a.mini_cart {
        right: 0; } }
  
  .nav a.mini_cart {
    margin-left: 10px; }
  
  .top_bar a.mini_cart span {
    padding-top: 0;
    padding-bottom: 0;
    line-height: 40px; }
  
  a.tos_icon,
  .cart_content a.tos_icon {
    font-size: 13px;
    color: #03a196; }
    a.tos_icon:visited,
    .cart_content a.tos_icon:visited {
      color: #03a196; }
    a.tos_icon:hover,
    .cart_content a.tos_icon:hover {
      color: #03857c; }
  
  .cart_content__continue-shopping {
    display: none; }
  
  .no-touchevents a.cart_content__continue-shopping.secondary_button {
    display: none; }
  
  .touchevents a.cart_content__continue-shopping.secondary_button {
    display: none; }
    @media (max-width: 768px) {
      .touchevents a.cart_content__continue-shopping.secondary_button {
        display: block;
        border-top: 0;
        margin: 0 auto;
        padding-top: 0;
        padding-bottom: 10px;
        margin-bottom: 10px;
        position: static;
        font-size: inherit;
        letter-spacing: inherit; } }
  
  .mini_cart span {
    display: inline-block; }
  
  .cart_container {
    position: relative; }
  
  .cart_container .cart_content {
    display: none; }
  
  .cart_container.active_link .cart_content {
    display: block;
    overflow-y: auto;
    max-height: calc(100vh - 200px); }
  
  .cart_container.active_link .cart_content::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 7px; }
  
  .cart_container.active_link .cart_content::-webkit-scrollbar-thumb {
    border-radius: 0;
    background-color: rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.5); }
  
  .cart_content .product-quantity-box,
  #cart_form .product-quantity-box {
    margin: 10px 0;
    width: 130px; }
  
  .cart_content .product-quantity-box .quantity,
  #cart_form .product-quantity-box .quantity {
    padding: 0 5px;
    width: 30%;
    min-height: 30px;
    height: 30px; }
  
  .cart_content .product-quantity-box .product-plus,
  #cart_form .product-quantity-box .product-plus {
    font-size: 15px;
    line-height: 30px;
    height: 30px;
    padding-right: 2px; }
  
  .cart_content .product-quantity-box .product-minus,
  #cart_form .product-quantity-box .product-minus {
    font-size: 15px;
    line-height: 30px;
    height: 30px;
    padding-right: 2px; }
  
  #cart_form .product-quantity-box .product-minus,
  #cart_form .product-quantity-box .product-plus,
  .nav .product-quantity-box .product-minus,
  .nav .product-quantity-box .product-plus {
    padding-right: 0; }
  
  #cart_form .icon-minus,
  #cart_form .icon-plus {
    position: relative;
    left: 1px; }
  
  .cart_container.active_link .mini_cart,
  .cart_container.active_link .mini_cart span {
    background-color: #ffffff;
    color: #333333 !important; }
  
  .cart_content {
    top: 43px;
    right: 0;
    position: absolute;
    z-index: 2000;
    background-color: #ffffff;
    font-family: Roboto;
    font-weight: normal;
    font-size: smaller;
    text-transform: none;
    color: #333333;
    border: 1px solid #cccccc;
    border-top: 0;
    border-right: 0;
    width: 100%;
    max-width: 320px; }
    @media (min-width: 960px) {
      .cart_content {
        max-width: 420px; } }
  
  div.cart_content form {
    margin: 15px 0 0 0;
    padding: 0; }
  
  .cart .cart_subtotal {
    font-weight: bold;
    font-size: larger; }
  
  .cart_content .cart_subtotal {
    text-align: left;
    font-weight: bold; }
  
  .cart_content a, .cart_content a:visited, .cart_content a:hover, .cart_content a .price, .cart_content a .price span {
    color: #333333 !important; }
  
  .cart_content a .price span {
    padding-left: 5px; }
  
  .cart_content ul {
    list-style: none;
    margin: 0;
    padding: 15px 20px; }
  
  .cart_content ul li {
    list-style: none;
    clear: both; }
  
  .cart_content .action_button {
    width: 100%; }
  
  .top_bar [class^="icon-"]:before, .top_bar [class*=" icon-"]:before, .mini_cart {
    font-size: 21px;
    margin-right: 0; }
  
  input.guest_button, input[type="button"].guest_button {
    font-size: 16px;
    background-color: #666;
    padding: 8px 18px 8px 18px; }
  
  input[type="submit"].guest_button, input[type="button"].guest_button {
    color: #8d8d8d;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none; }
  
  .menu ul li .mini_cart span {
    padding-left: 5px;
    top: -1px; }
  
  input[type="submit"].guest_button, input[type="submit"].guest_button:hover {
    background-color: #666; }
  
  input[type="submit"].guest_button:hover {
    color: #03a196; }
  
  .sticky_nav div.logo img {
    /*   width: 60%; */ }
  
  .dropdown_container {
    clear: both;
    width: 100%;
    display: none; }
  
  .dropdown_container img {
    max-width: 100%; }
  
  .dropdown {
    position: absolute;
    width: 100%;
    z-index: 1000; }
  
  .dropdown_content {
    display: table;
    width: 100%;
    margin: 0 auto; }
  
  .mega-menu__richtext,
  .mega-menu__image-caption-link {
    padding: 0 5px; }
    .mega-menu__richtext img,
    .mega-menu__image-caption-link img {
      margin-bottom: 10px; }
  
  .mega-menu__richtext a {
    display: inline;
    text-transform: none; }
  
  .mega-menu__image-caption-link {
    text-align: center;
    margin-bottom: 10px; }
    .mega-menu__image-caption-link a {
      text-transform: none;
      display: block;
      padding: 0; }
  
  .mega-menu__image-caption-link.mega-menu__bottom-caption p {
    color: #03A196;
    font-weight: 500; }
  
  .dropdown_content a p,
  .mobile-mega-menu a p {
    padding: 0; }
  
  .dropdown_content p,
  .mobile-mega-menu p {
    font-family: Roboto;
    font-size: 14px;
    color: #8d8d8d;
    padding-top: 12px;
    padding-bottom: 12px;
    position: relative;
    display: block;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    outline: 0;
    margin-bottom: 0; }
  
  .dropdown_column__menu + .dropdown_column__menu {
    margin-top: 10px; }
  
  .dropdown_narrow {
    width: 60%; }
  
  .dropdown_column {
    display: table-cell;
    padding: 15px 20px 30px 20px;
    width: 16.666%;
    vertical-align: top; }
    .dropdown_column img {
      max-width: 100%; }
    .dropdown_column ul {
      margin: 0;
      padding: 0; }
    .dropdown_column ul.dropdown_title {
      border-bottom: solid 1px #8d8d8d;
      padding-bottom: 10px; }
    .dropdown_column ul.dropdown_item {
      text-align: center; }
  
  .dropdown_column li {
    display: block; }
  
  .dropdown_column li a, .dropdown_column li a:hover, .dropdown_column li a:active {
    padding-bottom: 0;
    text-transform: none; }
  
  .dropdown_row {
    display: table-row; }
  
  select.currencies {
    border: 0 !important;
    background-color: transparent;
    margin-bottom: 0 !important;
    min-width: 65px;
    outline: 0;
    background-position: 100% 50%;
    background-size: 18px 12px;
    text-shadow: none !important;
    box-shadow: none !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 0.01px;
    text-overflow: '';
    appearance: none; }
  
  select.currencies:active {
    border: 0;
    outline: 0;
    text-shadow: 0;
    box-shadow: 0; }
  
  select.currencies option {
    background: #e9e9e9;
    background: #e9e9e9;
    color: #8d8d8d; }
  
  .menu li.currencies {
    padding: 0; }
  
  .container div.collection_nav {
    margin-bottom: 1.5em; }
  
  .collection_menu, .collection_menu li {
    display: inline;
    list-style: none;
    border: none;
    position: relative;
    top: -3px;
    margin: 0; }
  
  .collection_menu li {
    padding-left: 25px; }
  
  .sidebar-wrap {
    border-right: 1px solid #cccccc;
    margin-right: 0px;
    padding-right: 20px; }
    @media (max-width: 768px) {
      .sidebar-wrap {
        border: none;
        margin: 0;
        padding-right: 0; } }
  
  .sidebar-wrap h4,
  .sidebar-wrap h4.toggle {
    margin: 0;
    padding: 0; }
  
  @media (max-width: 768px) {
    .sidebar-wrap h4.toggle {
      margin: 10px 0; } }
  
  .sidebar a, .sidebar a:visited {
    color: #363636; }
  
  .sidebar a:hover, .sidebar a:active {
    color: #03a196; }
  
  .sidebar .meta {
    margin-left: 2px; }
  
  .sidebar .spr-badge {
    color: #333333; }
  
  .toggle-all--true h4.toggle {
    cursor: pointer;
    pointer-events: all; }
  .toggle-all--true .toggle span {
    display: block; }
  .toggle-all--true .toggle_list {
    display: none; }
  
  .content_block.toggle_list a {
    display: inline;
    position: static;
    padding-left: 0;
    margin-left: 0;
    border-left: none;
    color: #03a196; }
    .content_block.toggle_list a:hover {
      border-left: none;
      color: #03857c; }
  
  .toggle_list {
    margin: 0;
    padding: 15px 0 20px 0; }
  
  .toggle_list a {
    display: block;
    position: relative;
    margin-left: 0;
    border-left: solid 2px transparent;
    -webkit-transition: border 200ms ease-out;
    -moz-transition: border 200ms ease-out;
    -o-transition: border 200ms ease-out; }
  
  .toggle_list a.active,
  .toggle_list li.active a,
  .toggle_list a.active--default {
    padding-left: 8px;
    border-left: solid 2px #B8C6C6; }
  
  .sidebar .toggle_list a.active {
    border-left: solid 9px #03a196; }
  
  .toggle_list li {
    list-style: none;
    line-height: 1.2em; }
  
  .toggle_list .meta span {
    line-height: 2.5; }
  
  .sidebar_text {
    margin-bottom: 12px;
    padding-top: 10px; }
  
  .sidebar_content {
    border-left: solid 1px #cccccc;
    padding-left: 20px; }
  
  .sidebar_content .toggle_list li {
    line-height: 1.2; }
  
  .sidebar .newsletter {
    margin-bottom: 20px; }
    .sidebar .newsletter form {
      width: 100%; }
  
  .sidebar li ul {
    margin: 10px 0 8px 14px;
    font-size: 14px; }
  
  .sidebar .toggle_list li ul {
    padding-left: 0; }
  
  .sidebar li ul li {
    margin-bottom: 12px; }
  
  .sidebar input.sign_up[type="submit"],
  .sidebar input.contact_email[type="email"] {
    width: 100% !important;
    margin-left: 0; }
  
  .blog_search {
    position: relative; }
  
  .sidebar-block {
    margin-bottom: 15px;
    border-bottom: 1px solid #cccccc; }
    .sidebar-block:last-child {
      border-bottom: none; }
    .sidebar-block:empty {
      border-bottom: none; }
    .sidebar-block:blank {
      border-bottom: none; }
    .sidebar-block:first-child h4.toggle {
      padding-top: 0; }
    .sidebar-block h4.toggle {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      margin-bottom: 0;
      padding: 15px 0;
      line-height: 1.5; }
  
  .sidebar .filter-active-tag {
    position: relative; }
  
  .color-filter--true label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
  
  .sidebar__collection-filter a, .sidebar__collection-filter label {
    cursor: pointer; }
  .sidebar__collection-filter label {
    text-transform: none;
    font-weight: normal;
    font-size: inherit; }
  .sidebar__collection-filter label:hover {
    color: #03857c; }
  .sidebar__collection-filter input[type="checkbox"] {
    display: none; }
  .sidebar__collection-filter input.styled-checkbox[type="checkbox"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    box-sizing: border-box;
    width: 20px;
    height: 20px;
    display: inline-block;
    cursor: pointer;
    position: relative;
    vertical-align: top;
    background-size: cover;
    margin-right: 15px; }
  .sidebar__collection-filter button.clear-active-filter, .sidebar__collection-filter button.clear-active-filter:active {
    color: #03a196;
    background-color: transparent;
    border: none;
    outline: 0;
    box-shadow: 0;
    font-family: inherit;
    letter-spacing: 0;
    text-transform: none;
    position: absolute;
    top: 0;
    right: 0;
    left: auto;
    padding: 2px 4px;
    line-height: 1.2;
    display: block;
    height: auto;
    min-height: auto; }
  .sidebar__collection-filter button.clear-active-filter:hover {
    color: #03857c; }
  .sidebar__collection-filter .x-icon {
    position: relative;
    display: inline-block;
    overflow: visible;
    width: 15px;
    height: 15px;
    margin: 0 2px 0 0;
    padding: 0;
    cursor: pointer;
    transition: color 0.2s;
    text-decoration: none;
    font-style: normal;
    color: #95979c;
    border: 0;
    outline: 0;
    background: transparent;
    vertical-align: middle;
    top: -1px; }
    .sidebar__collection-filter .x-icon:before {
      font-family: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif !important;
      font-size: 25px;
      line-height: 15px;
      position: absolute;
      top: 0;
      left: 0;
      display: block;
      width: 15px;
      content: "\00d7";
      text-align: center; }
  
  ::-webkit-input-placeholder {
    color: #888; }
  
  :-moz-placeholder {
    /* Firefox 18- */
    color: #888; }
  
  ::-moz-placeholder {
    /* Firefox 19+ */
    color: #888; }
  
  :-ms-input-placeholder {
    color: #888; }
  
  /* Sub Collections */
  .featured_collections.sub-collection {
    margin-bottom: 10px; }
    .featured_collections.sub-collection .thumbnail {
      margin-bottom: 10px; }
      @media (max-width: 768px) {
        .featured_collections.sub-collection .thumbnail {
          width: 100%; } }
  
  .sub-collection--2 .thumbnail {
    width: calc(50% - 20px); }
    .sub-collection--2 .thumbnail:nth-child(2n+1) {
      clear: both; }
  
  .sub-collection--3 .thumbnail {
    width: calc(33.33333% - 20px); }
    .sub-collection--3 .thumbnail:nth-child(3n+1) {
      clear: both; }
  
  .sub-collection--4 .thumbnail {
    width: calc(25% - 20px); }
    .sub-collection--4 .thumbnail:nth-child(4n+1) {
      clear: both; }
  
  .list-collection-wrapper img[src*='/no-image'] {
    opacity: 0; }
  .list-collection-wrapper img[src*='/no-image'] ~ .thumbnail-overlay {
    opacity: 1 !important; }
    .list-collection-wrapper img[src*='/no-image'] ~ .thumbnail-overlay .collection-details {
      opacity: 1;
      transform: none; }
  @media (max-width: 768px) {
    .list-collection-wrapper img[src*='/no-image'] ~ .collection-info__caption {
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0; } }
  .list-collection-wrapper .img {
    width: 100%; }
  .list-collection-wrapper .collection-info__caption {
    display: block;
    margin-top: 20px; }
    @media (max-width: 768px) {
      .list-collection-wrapper .collection-info__caption {
        display: block;
        position: static; } }
  
  .blog-header {
    margin-bottom: 5px; }
    .blog-header .blog-title.blog-tags--true {
      float: none; }
    .blog-header .blog-title {
      float: left; }
      @media (max-width: 768px) {
        .blog-header .blog-title {
          width: 100%;
          margin-bottom: 0; } }
    .blog-header .subtitle {
      clear: both; }
  
  .blog-header .feature_divider {
    clear: both;
    width: 100%; }
  
  /* Blog Article Styling */
  .article .icon-slash {
    padding-right: 5px; }
  
  /* Styles for blog, collections */
  .section_select {
    padding: 0;
    text-align: right;
    float: right; }
    @media (max-width: 768px) {
      .section_select {
        padding-top: 0;
        width: 100%;
        padding-right: 7px;
        box-sizing: border-box !important; } }
    .section_select .blog_filter, .section_select .tag_filter, .section_select .sort_by {
      color: #333333;
      display: inline-block;
      border: none;
      padding-right: 30px;
      background-position: 100% 50%;
      font-family: Roboto;
      font-weight: normal;
      font-size: 14px;
      text-transform: uppercase;
      width: auto;
      margin-bottom: 0;
      max-width: 80%; }
      @media (max-width: 768px) {
        .section_select .blog_filter, .section_select .tag_filter, .section_select .sort_by {
          float: none;
          width: 100%;
          max-width: 100%;
          font-size: 16px;
          padding-left: 0; } }
    @media (max-width: 768px) {
      .section_select .sort_by {
        width: 50%;
        float: right; } }
  
  div.breadcrumb-collection {
    margin-bottom: 20px; }
    div.breadcrumb-collection + div.section {
      margin-top: 0; }
    @media (max-width: 768px) {
      div.breadcrumb-collection {
        margin-top: 15px;
        text-align: center; } }
  
  .breadcrumb_text, .article-pagination {
    margin-top: 0px;
    text-transform: uppercase;
    font-size: 11px;
    margin-bottom: 0; }
    @media (max-width: 768px) {
      .breadcrumb_text, .article-pagination {
        margin-top: 0; } }
    .breadcrumb_text .breadcrumb-divider, .article-pagination .breadcrumb-divider {
      color: #03a196;
      margin: 0 5px; }
  
  .breadcrumb_link:hover span {
    color: #03857c; }
  
  .breadcrumb {
    font-size: 14px; }
    @media (max-width: 768px) {
      .breadcrumb {
        margin-bottom: 20px; } }
  
  /* #Images
  ================================================== */
  /*
    The purpose of the below declaration is to make sure images don't
    exceed the width of columns they are put into when resizing window.
    Unfortunately, this declaration breaks certain lightbox, slider or other plugins,
    so the best solution is to individually call these properties on images that
    are children of the grid that you want to resize with grid.
  */
  .product_row img,
  .product_image_col img,
  .article img,
  .section img,
  .thumbnail img,
  .page img,
  .sidebar img,
  .logo img,
  .cart_image img,
  .footer img,
  #target img {
    max-width: 100%;
    height: auto; }
  
  /* #Placeholders
  ================================================== */
  .featured-products-section .section {
    margin: 30px 0px; }
  
  .featured-content-section div.container {
    padding: 0; }
  
  .placeholder-svg {
    fill: rgba(51, 51, 51, 0.9);
    background-color: rgba(51, 51, 51, 0.5);
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
    display: block; }
  
  .placeholder-svg--banner,
  .placeholder-svg--slideshow,
  .placeholder-svg--video {
    max-height: 600px; }
  
  .placeholder-instagram .instas:nth-child(even) .placeholder-svg--instagram,
  .featured-promotions-section .feature-section:nth-child(even) .placeholder-svg--promotions {
    background-color: rgba(51, 51, 51, 0.6); }
  
  .image-with-text-section .featured-link--image:nth-child(odd) .placeholder-svg--promotions {
    background-color: rgba(51, 51, 51, 0.6);
    fill: rgba(51, 51, 51, 0.9); }
  
  .homepage-slideshow .flickity-slider .gallery-cell:nth-child(2n + 1) .placeholder-svg--slideshow {
    background-color: rgba(51, 51, 51, 0.6); }
  
  .homepage-slideshow .flickity-slider .gallery-cell:nth-child(2n) .placeholder-svg--slideshow {
    background-color: rgba(51, 51, 51, 0.8); }
  
  /* #Videos
  ================================================== */
  .product_gallery .video-container > div {
    position: relative; }
  .product_gallery .video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
  .product_gallery .vimeo {
    max-width: 830px;
    margin: 0 auto; }
  .product_gallery .vimeo > div {
    padding-top: 56.26506%; }
  .product_gallery .youtube {
    max-width: 853px;
    margin: 0 auto; }
  .product_gallery .youtube > div {
    padding-top: 56.271981%; }
  
  video {
    display: block;
    width: 100%;
    height: auto; }
  
  /* #Buttons
  ================================================== */
  a.button,
  .button,
  button,
  input[type="submit"],
  input[type="reset"],
  input[type="button"],
  .action_button,
  a.action_button,
  input.action_button[type="submit"],
  input.action_button[type="button"] {
    background: #03a196;
    color: #ffffff;
    border: 1px solid #03a196;
    padding: 0 20px;
    text-align: center;
    cursor: pointer;
    min-height: 42px;
    height: 40px;
    line-height: 1.2;
    vertical-align: top;
    font-family: Roboto;
    font-weight: normal;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 1px;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    transition: all 0.2s linear;
    -webkit-appearance: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased; }
  
  .ie a.button,
  .ie .button,
  .ie button,
  .ie input[type="submit"],
  .ie input[type="reset"],
  .ie input[type="button"],
  .ie .action_button,
  .ie a.action_button,
  .ie input.action_button[type="submit"],
  .ie input.action_button[type="button"] {
    line-height: 40px; }
  
  a.button:hover,
  button:hover,
  input[type="submit"]:hover,
  input[type="reset"]:hover,
  input[type="button"]:hover,
  .action_button:hover,
  input.action_button[type="submit"]:hover,
  input.action_button[type="button"]:hover {
    background: #04736b;
    border: 1px solid #04736b; }
  
  a.button:active,
  button:active,
  input[type="submit"]:active,
  input[type="reset"]:active,
  input[type="button"]:active,
  .action_button:active,
  input.action_button[type="submit"]:active,
  input.action_button[type="button"]:active {
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
    outline: 0; }
  
  .add_to_cart, form.product_form input.add_to_cart {
    width: 100%;
    margin-bottom: 0px; }
  
  input[type="submit"],
  input[type="reset"],
  input[type="button"],
  input.action_button[type="submit"],
  input.action_button[type="button"],
  button.action_button {
    display: inline-block; }
  
  /* Animation for checkmark on add to cart button */
  button.add_to_cart {
    position: relative; }
    button.add_to_cart .text {
      display: block;
      width: 100%;
      -webkit-animation-duration: 0.5s;
      animation-duration: 0.5s; }
    button.add_to_cart .fadeInDown.text {
      -webkit-animation-duration: 0.8s;
      animation-duration: 0.8s; }
  
  button
  .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto; }
    button
    .checkmark path {
      stroke-dasharray: 19.79 19.79;
      stroke-dashoffset: 19.79;
      opacity: 0; }
    button
    .checkmark.checkmark-active path {
      -webkit-animation: drawCheckmark 0.5s linear alternate forwards;
      animation: drawCheckmark 0.5s linear alternate forwards; }
  
  @keyframes drawCheckmark {
    from {
      stroke-dashoffset: 19.79;
      opacity: 1; }
  
    to {
      stroke-dashoffset: 0;
      opacity: 1; } }
  
  @-webkit-keyframes drawCheckmark {
    from {
      stroke-dashoffset: 19.79;
      opacity: 1; }
  
    to {
      stroke-dashoffset: 0;
      opacity: 1; } }
  
  .ie
  button
  .checkmark path {
    stroke-dashoffset: 0;
    opacity: 0; }
  .ie
  button
  .checkmark.checkmark-active path {
    -webkit-animation: fadeCheckmark 0.5s linear alternate forwards;
    animation: fadeCheckmark 0.5s linear alternate forwards; }
  
  @-webkit-keyframes fadeCheckmark {
    from {
      opacity: 0; }
  
    to {
      opacity: 1; } }
  
  @keyframes fadeCheckmark {
    from {
      opacity: 0; }
  
    to {
      opacity: 1; } }
  
  @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    button
    .checkmark path {
      stroke-dashoffset: 0;
      opacity: 0; }
    button
    .checkmark.checkmark-active path {
      animation: fadeCheckmark 0.5s linear alternate forwards; }
  
    @keyframes fadeCheckmark {
      from {
        opacity: 0; }
  
      to {
        opacity: 1; } } }
  label.tos_label {
    display: inline;
    font-weight: normal;
    text-transform: none;
    cursor: pointer;
    padding-left: 5px; }
  
  .tos {
    text-align: center;
    margin: 15px 20px 15px 0; }
  
  .cart_text {
    text-align: center; }
  
  .disabled {
    pointer-events: none; }
  
  .amazon-payments-pay-button {
    display: block !important;
    text-align: center; }
  
  /* #Tabs
  ================================================== */
  ul.tabs {
    display: block;
    margin: 25px 0;
    border-bottom: solid 1px #cccccc;
    border-top: 0;
    list-style: none outside;
    margin-left: 0;
    text-transform: uppercase;
    padding-left: 0; }
  
  ul.tabs li {
    display: block;
    width: auto;
    height: 30px;
    padding: 0;
    float: left;
    margin-bottom: 0;
    border: 0;
    list-style: none outside;
    margin-left: 0;
    cursor: pointer; }
  
  ul.tabs li a {
    display: block;
    text-decoration: none;
    width: auto;
    height: 29px;
    line-height: 30px;
    margin-right: 60px;
    font-size: 13px;
    outline: none; }
    @media (max-width: 960px) {
      ul.tabs li a {
        margin-right: 30px; } }
    @media (max-width: 768px) {
      ul.tabs li a {
        font-size: 12px; } }
    @media (max-width: 480px) {
      ul.tabs li a {
        margin-right: 20px; } }
  
  ul.tabs li a.active {
    border-bottom: solid 3px #cccccc;
    background-color: #ffffff;
    border-bottom: solid 3px #aaaaaa;
    height: 31px;
    position: relative;
    border-right-width: 1px;
    color: #333333; }
  
  ul.tabs li:last-child a {
    margin: 0; }
  
  ul.tabs-content {
    margin: 0;
    display: block;
    border: 0;
    padding-left: 0; }
  
  ul.tabs-content > li {
    display: none;
    border: 0; }
  
  ul.tabs-content > li.active {
    display: block;
    border: 0;
    padding-left: 0px; }
  
  ul.tabs-content ul {
    padding-left: 0; }
  
  .accordion-tabs > a {
    display: block;
    background-color: #D1D3D4;
    margin: 10px 0;
    padding: 10px;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #000000; }
    .accordion-tabs > a :hover {
      cursor: pointer; }
  .accordion-tabs > li[id*=tab] {
    display: none;
    list-style: none; }
  
  /* Clearfixing tabs for beautiful stacking */
  ul.tabs:before,
  ul.tabs:after {
    content: '\0020';
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0; }
  
  ul.tabs:after {
    clear: both; }
  
  ul.tabs {
    zoom: 1; }
  
  /* #Forms
  ================================================== */
  form {
    margin-bottom: 20px; }
  
  fieldset {
    margin-bottom: 20px; }
  
  input[type="text"], input[type="password"], input[type="email"], input[type="search"], input[type="url"], input[type="tel"], input[type="number"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="range"], input[type="color"], select, textarea {
    display: block;
    width: 100%;
    height: 42px;
    min-height: 42px;
    padding: 0 10px;
    margin: 0;
    line-height: 22px;
    border: 1px solid #cccccc;
    outline: none;
    background: #fff;
    color: #5f6a7d;
    font: 13px "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin-bottom: 15px;
    -webkit-appearance: none;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
    @media (max-width: 480px) {
      input[type="text"], input[type="password"], input[type="email"], input[type="search"], input[type="url"], input[type="tel"], input[type="number"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="range"], input[type="color"], select, textarea {
        font-size: 16px; } }
  
  input[type="text"]:active, input[type="text"]:focus, input[type="password"]:active, input[type="password"]:focus, input[type="email"]:active, input[type="email"]:focus, input[type="search"]:active, input[type="search"]:focus, input[type="url"]:active, input[type="url"]:focus, input[type="tel"]:active, input[type="tel"]:focus, input[type="number"]:active, input[type="number"]:focus, input[type="date"]:active, input[type="date"]:focus, input[type="month"]:active, input[type="month"]:focus, input[type="week"]:active, input[type="week"]:focus, input[type="time"]:active, input[type="time"]:focus, input[type="range"]:active, input[type="range"]:focus, input[type="color"]:active, input[type="color"]:focus, select:active, select:focus, textarea:active, textarea:focus {
    border: 1px solid #aaa;
    color: #444; }
  
  input[type=number]::-webkit-outer-spin-button,
  input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0; }
  
  input[type=text]::-ms-clear {
    display: none;
    width: 0;
    height: 0; }
  
  input[type=text]::-ms-reveal {
    display: none;
    width: 0;
    height: 0; }
  
  input[type="search"]::-webkit-search-decoration,
  input[type="search"]::-webkit-search-cancel-button,
  input[type="search"]::-webkit-search-results-button,
  input[type="search"]::-webkit-search-results-decoration {
    display: none; }
  
  input[type=number] {
    -moz-appearance: textfield; }
  
  select::-ms-expand {
    display: none; }
  
  select {
    background: url(//cdn.shopify.com/s/files/1/0399/1086/7094/t/46/assets/select.png?v=16344380165374518789) no-repeat 96% 50%;
    background-size: 18px 12px;
    padding: 8px 14px 8px;
    border-radius: 0;
    border: 1px solid #d9dbdc;
    -webkit-appearance: none;
    -ms-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none;
    -moz-appearance: none;
    text-indent: 0.01px;
    text-overflow: ''; }
  
  label,
  legend,
  .option_title {
    display: block;
    font-weight: bold;
    font-size: 13px;
    text-align: left;
    margin-bottom: 5px;
    text-transform: uppercase; }
  
  input[type="checkbox"] {
    display: inline; }
  
  label span,
  legend span {
    font-weight: bold;
    font-size: 13px;
    color: #444; }
  
  textarea {
    min-height: 80px;
    padding: 15px 9px; }
  
  input.sign_up[type="submit"] {
    margin-left: 5px;
    display: inline-block; }
  
  input.contact_email[type="email"] {
    width: 320px;
    display: inline-block; }
  
  .btn.action_button, input.btn.action_button[type="submit"], input.btn.action_button[type="button"] {
    width: inherit; }
  
  #target {
    padding: 20px;
    text-align: center; }
  
  .items_left {
    color: #8c8b8b; }
  
  .quantity_label {
    display: inline;
    font-size: smaller; }
  
  .remove_item a {
    font-size: smaller;
    color: #333333; }
  
  input.quantity {
    width: 48px;
    display: inline;
    margin-bottom: 0;
    padding: 8px 5px; }
  
  ul.cart_items {
    padding-bottom: 0; }
  
  .cart_content li.cart_item a, .cart_content li.cart_item a:active, .cart_content li.cart_item a:focus {
    font-size: small; }
  
  .cart_content li.cart_item {
    padding: 0 0 10px 0;
    margin-bottom: 10px;
    border-bottom: 1px solid #cccccc; }
  
  li.cart_item a, li.cart_item a:active,
  #header li.cart_item a, #header li.cart_item a:active {
    position: relative;
    font-size: inherit;
    text-align: left; }
  
  ul.cart_items li:last-child {
    border: 0;
    padding-bottom: 0;
    margin-bottom: 0; }
  
  .cart_image {
    padding-right: 20px;
    max-width: 100px;
    text-align: center;
    float: left; }
  
  a.continue {
    text-align: right;
    font-size: 32px;
    margin-right: 15px !important;
    padding: 10px 0 5px 0 !important;
    opacity: 0.8; }
  
  a.continue:hover {
    opacity: 1; }
  
  .empty_cart {
    text-align: center;
    font-size: 18px;
    padding: 40px 0 25px 0;
    color: inherit; }
  
  input[type="button"].get-rates.action_button {
    margin-top: 0; }
  
  #get-rates-submit {
    margin-top: -1px; }
  
  #customer_login {
    margin-bottom: 2px; }
  
  .multi_select {
    display: none; }
  
  /* Product Page Elements */
  .container .align_right--images > div.columns {
    float: right; }
  
  .vendor {
    margin-bottom: 6px; }
  
  .section.product_section {
    margin-top: 0; }
  
  .product_section .description {
    margin-bottom: 15px;
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-word;
    word-break: break-word; }
  
  .modal_price {
    padding-bottom: 8px;
    display: block; }
  
  .product_section .description.bottom {
    border-bottom: none;
    margin-top: 20px; }
  
  .sale_banner_product, .new_banner_product, .preorder_banner_product {
    font-family: Roboto;
    font-weight: normal;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 8px 20px;
    text-align: center;
    color: #fff;
    margin-bottom: 13px;
    display: inline-block;
    font-size: 15px;
    white-space: nowrap; }
  
  .sale_banner_product {
    background: #d54d4d; }
  
  .new_banner_product, .preorder_banner_product {
    background: #03a196; }
  
  .preorder_banner_product, .product-list .thumbnail .preorder_banner {
    font-size: 12px; }
    @media (max-width: 768px) {
      .preorder_banner_product, .product-list .thumbnail .preorder_banner {
        font-size: 8px; } }
  
  .product_links {
    margin-bottom: 8px;
    font-size: 0.9em;
    border-top: 1px solid #cccccc;
    padding: 10px 0 5px 0; }
    .product_links p {
      margin: 2px 0; }
  
  .social_buttons {
    border-top: 1px solid #cccccc;
    padding-top: 20px;
    font-size: 1em;
    margin-bottom: 25px; }
    @media (max-width: 768px) {
      .social_buttons {
        text-align: center; } }
  
  .share_article .social_buttons {
    border-top: none;
    padding-top: 15px; }
  
  .share-btn {
    display: inline-block;
    text-align: center;
    font-size: 1.2em;
    margin-right: 6px;
    margin-bottom: 10px; }
    .share-btn a {
      color: #fff;
      padding: 10px 10px 8px 10px;
      border: solid 1px #e2e2e2;
      display: inline-block;
      -webkit-transition: all 500ms ease 0s;
      -moz-transition: all 500ms ease 0s;
      -ms-transition: all 500ms ease 0s;
      -o-transition: all 500ms ease 0s;
      transition: all 500ms ease 0s; }
  
  .icon-twitter-share:before {
    color: #09AEEC; }
  
  .icon-twitter-share:hover {
    background-color: #09AEEC;
    border-color: #09AEEC;
    color: #fff; }
  
  .icon-twitter-share:hover:before {
    color: #fff; }
  
  .icon-facebook-share:before {
    color: #49659D; }
  
  .icon-facebook-share:hover {
    background-color: #49659D;
    border-color: #49659D;
    color: #fff; }
  
  .icon-facebook-share:hover:before {
    color: #fff; }
  
  .icon-gplus-share:before {
    color: #CC3A2B; }
  
  .icon-gplus-share:hover {
    background-color: #CC3A2B;
    border-color: #CC3A2B;
    color: #fff; }
  
  .icon-gplus-share:hover:before {
    color: #fff; }
  
  .icon-pinterest-share:before {
    color: #CB1F2A; }
  
  .icon-pinterest-share:hover {
    background-color: #CB1F2A;
    border-color: #CB1F2A;
    color: #fff; }
  
  .icon-pinterest-share:hover:before {
    color: #fff; }
  
  .icon-mail-share:before {
    color: #888; }
  
  .icon-mail-share:hover {
    background-color: #888;
    border-color: #888;
    color: #fff; }
  
  .icon-mail-share:hover:before {
    color: #fff; }
  
  /* Quantity Box for Product Page */
  .product-quantity-box .quantity, .product-quantity-box .quantity:focus, .product-quantity-box .product-plus, .product-quantity-box .product-minus {
    border: #e2e2e2 1px solid;
    color: #000; }
  
  .product-quantity-box label {
    margin-bottom: 0.5em; }
  
  .product-quantity-box {
    margin-right: 0;
    width: 45%;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
    .product-quantity-box label {
      text-align: left; }
    .product-quantity-box .quantity {
      text-align: center;
      padding: 6px 15px;
      width: 38%;
      height: 42px;
      border-radius: 0;
      -webkit-appearance: none;
      float: left; }
    .product-quantity-box .product-plus, .product-quantity-box .product-minus {
      background: #f2f2f2;
      font-weight: 300;
      position: relative;
      cursor: pointer;
      height: 42px;
      display: block;
      width: 25%;
      text-align: center;
      float: left; }
      .product-quantity-box .product-plus:hover, .product-quantity-box .product-minus:hover {
        background: #d9d9d9; }
      @media (max-width: 768px) {
        .product-quantity-box .product-plus, .product-quantity-box .product-minus {
          display: inline;
          display: initial;
          margin: 0; } }
    .product-quantity-box .product-plus {
      border-left: 0;
      font-size: 16px;
      line-height: 42px; }
    .product-quantity-box .product-minus {
      border-right: 0;
      line-height: 42px;
      font-size: 18px; }
  
  .product-quantity-box + .inline_purchase {
    margin-top: 30px;
    width: 55%;
    float: left; }
  
  .product_section .product_form,
  .product_section .contact-form {
    max-width: 400px; }
    @media (max-width: 768px) {
      .product_section .product_form,
      .product_section .contact-form {
        max-width: 100%; } }
  
  /* Full width product image template */
  .product-full_width_images .product_section .description img {
    display: none; }
  
  .full-width-product-images img {
    display: block;
    width: 100%; }
  @media (max-width: 480px) {
    .full-width-product-images .caption.align-center, .full-width-product-images .caption.align-right, .full-width-product-images .caption.align-left {
      text-align: center; } }
  
  .addon-popup.remodal {
    max-width: 600px;
    overflow: hidden;
    padding: 0; }
    @media (max-width: 768px) {
      .addon-popup.remodal {
        line-height: 0; } }
  
  .addon-popup.addon-image--true {
    max-width: 740px; }
  
  /* #Newsletter
  ================================================== */
  /*--- Newsletter popup ---*/
  .newsletter-popup.remodal {
    background-color: #ffffff;
    max-width: 740px;
    overflow: hidden;
    padding: 0; }
    @media (max-width: 768px) {
      .newsletter-popup.remodal {
        line-height: 0; } }
    .newsletter-popup.remodal .popup-signup-show--false {
      display: none; }
  
  .newsletter-image--true.align-right .remodal-close {
    left: 0; }
  
  .newsletter-both-names--false .newsletter input[type="text"] {
    width: 100%; }
  
  .newsletter-both-names--true .newsletter input[type="text"] {
    width: 49%;
    float: left; }
    @media (max-width: 480px) {
      .newsletter-both-names--true .newsletter input[type="text"] {
        width: 100%; } }
  .newsletter-both-names--true .firstName {
    margin-right: 2%; }
  
  .newsletter-img {
    width: 40%;
    display: inline-block;
    float: left; }
    @media (max-width: 768px) {
      .newsletter-img {
        width: 100%; } }
    .newsletter-img img {
      width: 100%;
      display: block; }
  
  .addon-img {
    width: 40%;
    display: inline-block; }
    @media (max-width: 768px) {
      .addon-img {
        width: 100%; } }
    .addon-img img {
      width: 100%;
      display: block; }
  
  .newsletter-info {
    text-align: center;
    color: #363636;
    overflow: hidden;
    background-color: #ffffff;
    height: auto;
    float: left; }
    @media (max-width: 768px) {
      .newsletter-info {
        padding: 20px;
        width: 100% !important;
        position: relative; } }
    .newsletter-info input.contact_email[type="email"] {
      width: 65%;
      float: left; }
      @media (max-width: 768px) {
        .newsletter-info input.contact_email[type="email"] {
          width: 100%; } }
    .newsletter-info #contact_form input.sign_up[type="submit"] {
      width: calc(35% - 8px);
      margin-left: 8px;
      float: left; }
      @media (max-width: 768px) {
        .newsletter-info #contact_form input.sign_up[type="submit"] {
          margin-left: 0;
          width: 100%; } }
  
  @media (max-width: 768px) {
    .addon-info {
      padding: 0 20px 20px;
      width: 100% !important;
      position: relative;
      margin-top: -40px; } }
  
  .newsletter-image--false .newsletter-info {
    width: 100%;
    position: relative;
    height: auto;
    float: none; }
  
  .addon-image--false .addon-info {
    width: 100%;
    position: relative;
    height: auto;
    float: none; }
  
  .align-left .newsletter-info,
  .align-left .addon-info {
    right: 0; }
  
  .newsletter-description h2 {
    color: #363636;
    margin-top: 0; }
  
  .newsletter-description {
    width: 60%;
    padding: 30px;
    margin: 0 auto; }
    @media (max-width: 768px) {
      .newsletter-description {
        font-size: inherit;
        width: auto; } }
    @media (min-width: 1400px) {
      .newsletter-description {
        font-size: inherit; } }
  
  .addon-description {
    width: 60%;
    padding: 30px;
    margin: 0 auto; }
    @media (max-width: 768px) {
      .addon-description {
        padding: 0;
        font-size: inherit;
        width: auto; } }
    @media (min-width: 1400px) {
      .addon-description {
        font-size: inherit; } }
  
  .newsletter-buttons .button {
    height: auto;
    background-color: transparent;
    color: #363636;
    border: 1px solid #363636;
    transition: background-color 0.2s cubic-bezier(0.55, 0.09, 0.68, 0.53), color 0.3s linear, border 0.2s cubic-bezier(0.55, 0.09, 0.68, 0.53);
    line-height: 1.5;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-top: 10px;
    margin-left: 8px;
    margin-right: 8px; }
    .newsletter-buttons .button:hover, .newsletter-buttons .button.highlight-true {
      background-color: #363636;
      color: #ffffff;
      border: 1px solid #363636; }
    @media (max-width: 480px) {
      .newsletter-buttons .button {
        margin-top: 5px; } }
  
  /*--- Newsletter section above footer ---*/
  .newsletter_section {
    -webkit-transform: translate3d(0, 0, 0);
    background-color: #cccccc;
    color: #000000; }
    .newsletter_section h2 {
      color: #000000;
      margin-top: 0; }
  
  .newsletter_section.newsletter-bgr-true {
    background-color: #cccccc;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover; }
    .newsletter_section.newsletter-bgr-true input.contact_email[type="email"] {
      border: 0; }
    @media (max-width: 480px) {
      .newsletter_section.newsletter-bgr-true {
        text-align: center !important; } }
  
  .section_form {
    padding: 10px 20px; }
    .section_form input[type="email"], .section_form input[type="text"] {
      border: 0; }
    @media (max-width: 480px) {
      .section_form {
        padding: 0; } }
    .section_form .newsletter-text + .newsletter, .section_form h5 + .newsletter {
      margin-top: 15px; }
  
  .newsletter_section h5 {
    color: #000000 !important;
    padding-top: 0px;
    margin: 0; }
  
  .newsletter_section .newsletter-text p {
    margin-bottom: 0; }
  
  .newsletter_section .newsletter,
  .password-page-row form {
    display: inline-block;
    padding-top: 0 !important;
    width: 450px; }
    @media only screen and (max-width: 768px) and (min-width: 480px) {
      .newsletter_section .newsletter,
      .password-page-row form {
        width: 100%; } }
    @media (max-width: 480px) {
      .newsletter_section .newsletter,
      .password-page-row form {
        width: 100%; } }
  
  .shopify-challenge__container {
    padding: 150px 0; }
  
  /* #Tables
  ================================================== */
  table {
    width: 100%; }
  
  table th {
    font-weight: 700;
    background: #f9f9f9;
    text-align: left; }
  
  table th, table td {
    padding: 4px; }
  
  table tr {
    border-bottom: 1px solid #DCDCDC; }
  
  table tr:first-child {
    border-top: 1px solid #DCDCDC; }
  
  table td, table th {
    border-right: 1px solid #DCDCDC; }
  
  table td:first-child, table th:first-child {
    border-left: 1px solid #DCDCDC; }
  
  table .em {
    font-weight: 700; }
  
  table tr.order_summary td.label {
    text-align: right; }
  
  table {
    margin-bottom: 20px; }
  
  /* #Misc
  ================================================== */
  .allow-clickthrough {
    pointer-events: none !important; }
  
  .hidden {
    display: none; }
  
  .remove {
    color: #333333; }
  
  .relative {
    position: relative; }
  
  .half-bottom {
    margin-bottom: 10px !important; }
  
  .add-bottom {
    margin-bottom: 20px !important; }
  
  .right {
    float: right;
    position: relative; }
  
  .left {
    float: left; }
  
  .inline {
    display: inline; }
  
  .center {
    text-align: center; }
  
  .relative {
    position: relative; }
  
  .align_right {
    text-align: right; }
  
  .align_left {
    text-align: left; }
  
  .text-align--center {
    text-align: center; }
  
  .text-align--left {
    text-align: left; }
  
  .text-align--right {
    text-align: right; }
  
  p.warning {
    text-align: center;
    font-weight: bold; }
  
  .warning--quantity {
    clear: both;
    display: inline-block; }
  
  .cart_item p.warning {
    margin-top: 5px; }
  
  .container div.mobile_only, span.mobile_only, .mobile_only {
    display: none; }
  
  .no_border {
    border: none !important; }
  
  .extra_padding {
    padding-top: 4px; }
  
  div.hidden {
    display: none; }
  
  div.is-absolute {
    position: absolute !important;
    top: 0;
    margin-top: 0; }
  
  #instantclick-bar {
    background: #03a196;
    z-index: 100000;
    height: 4px; }
  
  #grid .column,
  #grid .columns {
    background: #ddd;
    height: 25px;
    line-height: 25px;
    margin-bottom: 10px;
    text-align: center;
    text-transform: uppercase;
    color: #555;
    font-size: 12px;
    font-weight: bold;
    border-radius: 2px; }
  
  #grid .column:hover,
  #grid .columns:hover {
    background: #bbb;
    color: #333; }
  
  #grid .example-grid {
    overflow: hidden; }
  
  /* #Testimonials
  ================================================== */
  .testimonial-section {
    position: relative; }
    .testimonial-section .set-static {
      display: flex; }
      .testimonial-section .set-static .caption {
        position: static;
        transform: translateY(0);
        padding: 40px;
        margin: auto; }
    .testimonial-section .set-testimonial-height {
      height: 95%; }
    @media (min-width: 769px) {
      .testimonial-section .darken-bg {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        display: block;
        background: rgba(0, 0, 0, 0.6); } }
    @media (max-width: 480px) {
      .testimonial-section .testimonial-block .caption {
        margin: auto;
        padding: 5%; } }
    @media (max-width: 480px) {
      .testimonial-section .testimonial-block .caption.no-white-bg {
        background-color: white; } }
    .testimonial-section .feature_divider {
      margin: 25px auto;
      width: 10%;
      display: inline-block; }
      @media (max-width: 480px) {
        .testimonial-section .feature_divider {
          margin: 5px auto; } }
    .testimonial-section .testimonial-text {
      width: 80%; }
      .testimonial-section .testimonial-text .subtitle {
        text-transform: none; }
        @media (max-width: 480px) {
          .testimonial-section .testimonial-text .subtitle {
            font-weight: normal;
            font-size: 14px; } }
      .testimonial-section .testimonial-text h2, .testimonial-section .testimonial-text p {
        color: #ffffff; }
        @media (max-width: 480px) {
          .testimonial-section .testimonial-text h2, .testimonial-section .testimonial-text p {
            color: #333333;
            text-shadow: none; } }
    .testimonial-section .testimonial-block.gallery-cell.use-mobile-color {
      background-color: #666666; }
      .testimonial-section .testimonial-block.gallery-cell.use-mobile-color .caption .caption-content p {
        color: #ffffff; }
  
  .testimonial-slideshow, .testimonial-block.gallery-cell {
    background-color: transparent; }
  
  /* #Logo-list
  ================================================== */
  .logo-bar-section h2 {
    border-bottom: 1px solid #cccccc;
    padding-bottom: 20px; }
  
  .logo-bar {
    text-align: center;
    margin-bottom: 20px; }
    .logo-bar a {
      transition: ease all 0.6s; }
      .logo-bar a:hover {
        opacity: 0.6; }
  
  .logo-bar__item {
    display: inline-block;
    vertical-align: middle;
    max-width: 160px;
    width: 160px;
    margin-top: 20px; }
    @media (min-width: 769px) {
      .logo-bar__item {
        margin-left: 25px;
        margin-right: 25px; } }
  
  /* #Gallery Section
  ================================================== */
  div.container.gallery-content {
    margin-top: 0;
    padding-top: 0; }
  
  .gallery-section.container {
    padding-top: 0;
    margin-top: 0; }
  
  .gallery-section {
    text-align: center; }
    .gallery-section .gallery-break {
      width: 100%;
      clear: both; }
    .gallery-section .display-table {
      display: table;
      table-layout: fixed;
      width: 100%;
      height: 100%; }
    .gallery-section .display-table-cell {
      display: table-cell;
      vertical-align: middle;
      float: none; }
    .gallery-section .gallery-image-wrapper,
    .gallery-section .gallery-empty-wrapper {
      margin: 5px;
      position: relative; }
    .gallery-section .gallery-empty-wrapper {
      min-height: 150px; }
    .gallery-section .gallery-empty-wrapper:nth-child(even) .placeholder-svg {
      background-color: rgba(51, 51, 51, 0.3); }
    .gallery-section h2 {
      border-bottom: 1px solid #cccccc;
      padding-bottom: 20px; }
    .gallery-section a {
      display: block; }
    .gallery-section .gallery-image-wrapper .overlay {
      position: absolute;
      height: 100%;
      width: 100%;
      background-color: rgba(0, 0, 0, 0.6);
      opacity: 0;
      transition: opacity 0.3s ease-in; }
      .gallery-section .gallery-image-wrapper .overlay .icon-search {
        color: white;
        font-size: 1.5em;
        top: 50%; }
    .gallery-section .gallery-image-wrapper:hover .overlay {
      opacity: 1; }
  
  .gallery-section.gallery-horizontal {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    flex-wrap: wrap; }
    .gallery-section.gallery-horizontal i {
      display: block; }
    .gallery-section.gallery-horizontal img {
      position: absolute;
      top: 0;
      width: 100%;
      vertical-align: bottom;
      width: 100%;
      height: auto;
      display: block; }
    .gallery-section.gallery-horizontal .gallery-empty-wrapper {
      width: 190px; }
  
  .gallery-full {
    display: inline-block; }
    .gallery-full .gallery-image-wrapper, .gallery-full .gallery-empty-wrapper {
      margin: 0; }
    .gallery-full .gallery-empty-wrapper {
      width: 25%; }
  
  .ie9 .gallery-image-wrapper {
    width: 20%;
    float: left;
    display: inline-block; }
    .ie9 .gallery-image-wrapper img {
      position: relative;
      max-height: 200px; }
  
  .gallery-section.gallery-classic .gallery-image-wrapper, .gallery-section.gallery-classic .gallery-empty-wrapper {
    display: block;
    float: left;
    margin: 0; }
    .gallery-section.gallery-classic .gallery-image-wrapper img, .gallery-section.gallery-classic .gallery-image-wrapper svg, .gallery-section.gallery-classic .gallery-empty-wrapper img, .gallery-section.gallery-classic .gallery-empty-wrapper svg {
      width: 100%;
      display: block; }
  .gallery-section.gallery-classic .add-padding {
    padding: 5px; }
  .gallery-section.gallery-classic .two-per-row {
    width: 50%; }
    @media only screen and (max-width: 767px) {
      .gallery-section.gallery-classic .two-per-row {
        width: 100%; } }
  .gallery-section.gallery-classic .three-per-row {
    width: 33.333%; }
    @media only screen and (max-width: 767px) {
      .gallery-section.gallery-classic .three-per-row {
        width: 100%; } }
  .gallery-section.gallery-classic .four-per-row {
    width: 25%; }
    @media only screen and (max-width: 767px) {
      .gallery-section.gallery-classic .four-per-row {
        width: 100%; } }
  .gallery-section.gallery-classic .five-per-row {
    width: 20%; }
    @media only screen and (max-width: 767px) {
      .gallery-section.gallery-classic .five-per-row {
        width: 100%; } }
  
  .gallery-section.gallery-masonry .masonry {
    font-size: .85em;
    margin: 10px 0;
    column-gap: 10px;
    -moz-column-gap: 10px;
    -webkit-column-gap: 10px; }
  .gallery-section.gallery-masonry .adjust-columns {
    column-gap: 0px;
    -moz-column-gap: 0px;
    -webkit-column-gap: 0px; }
    .gallery-section.gallery-masonry .adjust-columns .gallery-image-wrapper, .gallery-section.gallery-masonry .adjust-columns .gallery-empty-wrapper {
      margin-bottom: -8px !important; }
  .gallery-section.gallery-masonry .gallery-image-wrapper, .gallery-section.gallery-masonry .gallery-empty-wrapper {
    display: inline-block;
    margin-bottom: 0px;
    width: 100%;
    margin: 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box; }
    .gallery-section.gallery-masonry .gallery-image-wrapper img, .gallery-section.gallery-masonry .gallery-image-wrapper svg, .gallery-section.gallery-masonry .gallery-empty-wrapper img, .gallery-section.gallery-masonry .gallery-empty-wrapper svg {
      width: 100%;
      display: block; }
  .gallery-section.gallery-masonry .two-per-row {
    -moz-column-count: 2;
    -webkit-column-count: 2;
    column-count: 2; }
    @media only screen and (max-width: 768px) {
      .gallery-section.gallery-masonry .two-per-row {
        -moz-column-count: 3;
        -webkit-column-count: 3;
        column-count: 3; } }
    @media only screen and (max-width: 400px) {
      .gallery-section.gallery-masonry .two-per-row {
        -moz-column-count: 1;
        -webkit-column-count: 1;
        column-count: 1; } }
  .gallery-section.gallery-masonry .three-per-row {
    -moz-column-count: 3;
    -webkit-column-count: 3;
    column-count: 3; }
    @media only screen and (max-width: 768px) {
      .gallery-section.gallery-masonry .three-per-row {
        -moz-column-count: 3;
        -webkit-column-count: 3;
        column-count: 3; } }
    @media only screen and (max-width: 400px) {
      .gallery-section.gallery-masonry .three-per-row {
        -moz-column-count: 1;
        -webkit-column-count: 1;
        column-count: 1; } }
  .gallery-section.gallery-masonry .four-per-row {
    -moz-column-count: 4;
    -webkit-column-count: 4;
    column-count: 4; }
    @media only screen and (max-width: 768px) {
      .gallery-section.gallery-masonry .four-per-row {
        -moz-column-count: 3;
        -webkit-column-count: 3;
        column-count: 3; } }
    @media only screen and (max-width: 400px) {
      .gallery-section.gallery-masonry .four-per-row {
        -moz-column-count: 1;
        -webkit-column-count: 1;
        column-count: 1; } }
  .gallery-section.gallery-masonry .five-per-row {
    -moz-column-count: 5;
    -webkit-column-count: 5;
    column-count: 5; }
    @media only screen and (max-width: 768px) {
      .gallery-section.gallery-masonry .five-per-row {
        -moz-column-count: 3;
        -webkit-column-count: 3;
        column-count: 3; } }
    @media only screen and (max-width: 400px) {
      .gallery-section.gallery-masonry .five-per-row {
        -moz-column-count: 1;
        -webkit-column-count: 1;
        column-count: 1; } }
  
  /* #Recently Viewed
  ================================================== */
  .rv-container {
    display: block; }
    .rv-container .thumbnail:empty {
      margin-bottom: 0; }
  
  .sidebar .collection_swatches .swatch {
    float: left; }
  .sidebar .toggle_list .rv-container a:hover {
    border-color: transparent; }
  .sidebar .toggle_list .rv-container a.product-info__caption.hidden {
    display: none; }
    @media (max-width: 768px) {
      .sidebar .toggle_list .rv-container a.product-info__caption.hidden {
        display: block; } }
  .sidebar .recently-viewed__title {
    display: none; }
  .sidebar .product-list .thumbnail.rv-element {
    margin-bottom: 0; }
    .sidebar .product-list .thumbnail.rv-element .banner_holder {
      right: 25%; }
    .sidebar .product-list .thumbnail.rv-element img:first-child {
      display: inline-block; }
    .sidebar .product-list .thumbnail.rv-element img, .sidebar .product-list .thumbnail.rv-element img.secondary, .sidebar .product-list .thumbnail.rv-element img.secondary.lazyloaded {
      max-width: 75%;
      margin: 0; }
  @media (max-width: 768px) {
    .sidebar .product-list .thumbnail .title, .sidebar .product-list .thumbnail .price, .sidebar .product-list .thumbnail .brand {
      text-align: left;
      display: block; } }
  .sidebar .product-list .thumbnail .thumbnail-overlay {
    position: relative;
    opacity: 1;
    background: transparent; }
    .sidebar .product-list .thumbnail .thumbnail-overlay .product-details {
      position: relative;
      transform: none;
      transition: none;
      opacity: 1;
      text-align: left; }
      .sidebar .product-list .thumbnail .thumbnail-overlay .product-details .title {
        color: #333333;
        padding: 0; }
      .sidebar .product-list .thumbnail .thumbnail-overlay .product-details .title, .sidebar .product-list .thumbnail .thumbnail-overlay .product-details .price {
        font-size: 0.9vw; }
    .sidebar .product-list .thumbnail .thumbnail-overlay .info {
      position: relative;
      font-size: 12px;
      opacity: 1;
      top: 0;
      transform: translateY(0);
      padding-bottom: 0; }
      .sidebar .product-list .thumbnail .thumbnail-overlay .info .quick_shop {
        display: none; }
  
  .product-description-bottom .js-recently-viewed.rv-main {
    clear: both; }
  
  .rv-box-element .js-recently-viewed-product:nth-child(2), .rv-sidebar-element .js-recently-viewed-product:nth-child(2) {
    display: none; }
  
  /* #Search Section
  ================================================== */
  .search-bgr-true {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover; }
  
  .search-section {
    background-color: #cccccc;
    width: 100%;
    display: inline-block; }
    .search-section h2, .search-section p {
      color: #333333; }
    .search-section input {
      font-size: 15px;
      display: inline-block;
      border: 0; }
    .search-section .section_form {
      padding-top: 10px 20px; }
    .search-section .search-container {
      position: relative;
      width: 100%; }
      .search-section .search-container .search-wrapper {
        display: inline-block;
        position: relative;
        max-width: 500px;
        width: 90%; }
        @media (max-width: 768px) {
          .search-section .search-container .search-wrapper {
            width: 100%; } }
      .search-section .search-container .search_button {
        position: absolute;
        top: 0;
        right: 0;
        padding-right: 10px;
        background-color: transparent;
        border-color: transparent;
        color: #03a196;
        font-size: 24px; }
        .search-section .search-container .search_button:hover {
          color: #04736b; }
  
  /* #Site Styles
  ================================================== */
  div.container {
    margin: 0 auto;
    padding: 20px 0; }
  
  .featured_text {
    font-size: 18px;
    line-height: 36px; }
  
  div.content {
    padding: 30px 0px 15px 0; }
  
  body.template-page .main.content {
    padding-top: 90px; }
  
  .section-header {
    margin-bottom: 35px; }
  
  @media only screen and (min-width: 750px) {
    .section-header {
      margin-bottom: 55px; } }
  /* #Header
  ================================================== */
  .main_nav div.logo a {
    padding-top: 15px;
    padding-bottom: 15px;
    display: block;
    color: #ffffff !important;
    outline: 0; }
  
  .menu-position--block div.logo {
    width: 100%; }
  .menu-position--block .sticky_nav div.logo {
    display: none; }
  
  div.logo {
    width: 20%;
    float: left; }
    div.logo img {
      width: 100%; }
    div.logo.text-align--center img {
      margin: 0 auto; }
    div.logo.text-align--left {
      padding-left: 55px; }
  
  .primary_logo {
    display: block; }
  
  .secondary_logo {
    display: none; }
  
  header.feature_image.secondary_logo--true img.primary_logo, header.feature_image.secondary_logo--true img.secondary_logo {
    display: none; }
  
  div.section {
    margin: 10px 0; }
  
  .featured_content,
  .featured_content h1,
  .featured_content h2,
  .featured_content h3,
  .featured_content h4,
  .featured_content h5,
  .featured_content h6 {
    color: #363636; }
  
  .featured_content {
    background-color: #f6f7f9; }
  
  .nav_arrows {
    float: right; }
  
  .sku {
    margin: 0; }
  
  #category {
    width: 100%; }
  
  /* Pagination & infinite scrolling */
  .paginate, .load-more {
    text-align: center; }
  
  .paginate .page a, .paginate .current, a.tag {
    border: solid 1px #cccccc;
    margin: 10px 5px;
    padding: 0.5rem 1rem;
    display: inline-block; }
    .paginate .page a:hover, .paginate .current:hover, a.tag:hover {
      color: #fff;
      background-color: #03857c;
      border: solid 1px #03857c; }
  
  .paginate .current {
    font-weight: bold;
    color: #fff;
    background-color: #03857c;
    border: solid 1px #03857c; }
  
  .paginate .next, .paginate .prev {
    display: inline-block;
    margin: 10px 0;
    padding: 0.5rem 1rem; }
  
  .load-more {
    display: none; }
  
  .collection-template-section .load-more {
    display: block;
    clear: both; }
  
  .load-more__icon {
    opacity: 0;
    height: 0;
    width: 0;
    transition: all 0.3s linear;
    background: url("//cdn.shopify.com/s/files/1/0399/1086/7094/t/46/assets/loader.gif") center center no-repeat;
    background-size: 32px 32px;
    margin: 0 auto; }
  
  .collection-matrix.loading-in-progress + .load-more__icon {
    width: 44px;
    height: 44px;
    opacity: 1; }
  
  a.tag {
    font-size: smaller;
    padding: 4px 6px;
    margin: 5px 2px 5px 0; }
  
  .paginate .deco {
    border: none; }
  
  /* Product list - collections */
  .product-list .thumbnail, .slider-gallery .thumbnail, .list-collections .thumbnail {
    position: relative;
    text-align: center;
    margin-bottom: 25px;
    display: block; }
    .product-list .thumbnail .thumbnail-overlay, .slider-gallery .thumbnail .thumbnail-overlay, .list-collections .thumbnail .thumbnail-overlay {
      background: black;
      background: rgba(0, 0, 0, 0.7);
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      opacity: 0;
      overflow: hidden;
      transition: opacity 0.3s ease-in; }
      .product-list .thumbnail .thumbnail-overlay > a, .slider-gallery .thumbnail .thumbnail-overlay > a, .list-collections .thumbnail .thumbnail-overlay > a {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0; }
      @media (max-width: 768px) {
        .product-list .thumbnail .thumbnail-overlay, .slider-gallery .thumbnail .thumbnail-overlay, .list-collections .thumbnail .thumbnail-overlay {
          display: none; } }
      @media (min-width: 1400px) {
        .product-list .thumbnail .thumbnail-overlay, .slider-gallery .thumbnail .thumbnail-overlay, .list-collections .thumbnail .thumbnail-overlay {
          line-height: 1.5; } }
    @media (min-width: 769px) {
      .product-list .thumbnail .image__container, .slider-gallery .thumbnail .image__container, .list-collections .thumbnail .image__container {
        height: 250px; } }
    .product-list .thumbnail img, .slider-gallery .thumbnail img, .list-collections .thumbnail img {
      vertical-align: bottom;
      transition: opacity .3s ease-in;
      width: 100%; }
    .product-list .thumbnail .product-info__caption, .slider-gallery .thumbnail .product-info__caption, .list-collections .thumbnail .product-info__caption {
      display: block;
      margin-top: 20px; }
      @media (max-width: 768px) {
        .product-list .thumbnail .product-info__caption, .slider-gallery .thumbnail .product-info__caption, .list-collections .thumbnail .product-info__caption {
          display: block; } }
  
  @media (max-width: 768px) {
    .touchevents .product-info__caption {
      display: block; }
    .touchevents .thumbnail-overlay {
      display: none; } }
  .hidden-product-link {
    line-height: 0;
    font-size: 0;
    color: transparent;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0; }
  
  .featured_collections .thumbnail {
    text-align: center; }
  
  /* Swap to second image on hover */
  /* Thumbnail overlay */
  .quick_shop,
  .view_all {
    font-family: Roboto;
    font-weight: normal;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 1px;
    cursor: pointer;
    position: relative;
    display: inline-block;
    border: 1px solid #ffffff;
    padding: 10px 20px;
    margin-top: 2rem;
    color: #ffffff;
    opacity: 0;
    pointer-events: all;
    -webkit-appearance: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased;
    -ms-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    transition: opacity 0.3s ease-out, transform 0.3s ease-out,color 0.3s linear, background-color 0.3s linear; }
    .quick_shop:hover,
    .view_all:hover {
      color: #000000;
      background-color: #ffffff; }
  
  /* Product banners */
  .new {
    position: relative;
    display: inline;
    padding: 5px;
    border-radius: 2px;
    font-size: 12px; }
  
  .thumbnail .sold_out, .sold_out {
    font-weight: bold;
    color: #333333; }
  
  .thumbnail-overlay .sold_out {
    font-weight: normal;
    color: #ffffff; }
  
  .thumbnail .sale, .sale {
    color: #d54d4d; }
  
  .banner_holder {
    position: absolute;
    top: 0;
    right: 0; }
  
  .sale_banner, .new_banner, .preorder_banner {
    background: #d54d4d;
    font-family: Roboto;
    font-weight: normal;
    font-size: 15px;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 8px 12px;
    text-align: center;
    color: #fff;
    -webkit-appearance: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased; }
    @media (max-width: 768px) {
      .sale_banner, .new_banner, .preorder_banner {
        padding: 4px 10px;
        font-size: smaller; } }
  
  @media only screen and (max-width: 768px) {
    .shopify-section--announcementbar {
      position: sticky;
      z-index: 1001;
      width: 100%;
      top: 0; } }
  .announcement-bar {
    position: relative;
    text-align: center;
    padding: 10px 0;
    background-position: center; }
  
  .announcement-slider__slide {
    display: none;
    position: relative;
    overflow: hidden;
    padding: 0 5px; }
    .announcement-slider__slide:first-child {
      display: block; }
  
  .announcement-link {
    display: block; }
  
  .announcement-text {
    font-weight: bold;
    display: block; }
  
  .announcement-link-text {
    display: block; }
    .announcement-link .announcement-link-text {
      /* text-decoration: underline; */ }
    .announcement-link-text a {
      color: inherit; }
  
  .new_banner, .preorder_banner {
    background: #03a196; }
  
  a.secondary_button, input.secondary_button {
    display: block;
    padding: 15px 0;
    text-align: center;
    border-top: solid 1px #cccccc;
    border-bottom: solid 1px #cccccc;
    margin: 20px 0;
    font-family: Roboto;
    font-weight: normal;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #03a196;
    -webkit-appearance: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased; }
    a.secondary_button:hover, a.secondary_button:active, a.secondary_button:visited, input.secondary_button:hover, input.secondary_button:active, input.secondary_button:visited {
      color: #03857c; }
  
  .thumbnail .price, .thumbnail .title {
    display: block;
    margin-bottom: 5px;
    font-size: inherit;
    line-height: 1.2; }
  
  .cart_price {
    float: right;
    text-align: right;
    padding-left: 20px;
    font-weight: bold;
    display: none; }
  
  #estimated-shipping, .excluding_tax {
    display: block; }
  
  .cart_page_image {
    text-align: center; }
    .cart_page_image img {
      margin-bottom: 1em;
      width: 100%; }
  
  .cart_content_info {
    padding: 0; }
    .cart_content_info h5 {
      padding: 0;
      margin-bottom: 10px;
      margin-top: 0; }
    .cart_content_info .price_total {
      padding: 0 0 10px;
      margin-bottom: 20px;
      font-size: 1.1em; }
  
  .subtotal {
    border-left: 1px solid #cccccc;
    padding-left: 40px; }
    @media (max-width: 768px) {
      .subtotal {
        border-left: none;
        border-top: 1px solid #cccccc;
        padding-left: 0;
        padding-top: 20px; } }
  
  .subtotal_amount {
    font-size: 1.4em;
    font-weight: bold; }
  
  button.update {
    width: 30%;
    float: right; }
  
  .size_chart {
    float: right;
    padding-top: 5px; }
  
  #size-chart {
    display: none; }
  
  #size-chart h5 {
    padding: 15px 0 0 0;
    text-align: center; }
  
  .price_total_text {
    font-weight: normal;
    display: none; }
  
  .was_price {
    text-decoration: line-through;
    color: #8c8b8b;
    text-shadow: none;
    font-weight: normal; }
  
  .cart_savings {
    text-align: left; }
  
  .savings {
    font-size: 15px;
    display: block; }
  
  .thumbnails a {
    display: block;
    margin-bottom: 1em; }
  
  /* #Instagram Feed
  ================================================== */
  #instafeed img, #instafeed svg, #instafeed video {
    margin-bottom: 1em;
    display: inline; }
  
  #instafeed video {
    object-fit: cover; }
  
  .social-feeds-wrap .sixteen .columns:nth-child(4n + 1) {
    margin-left: 0; }
  .social-feeds-wrap .sixteen .columns:nth-child(4n + 4) {
    margin-right: 0; }
  .social-feeds-wrap .eight .columns:nth-child(odd) {
    margin-left: 0; }
  .social-feeds-wrap .eight .columns:nth-child(even) {
    margin-right: 0; }
  
  .arrow {
    font-size: smaller;
    position: relative;
    top: -1px;
    left: 2px;
    opacity: 0.6; }
  
  .modal {
    margin: 10px 0;
    display: none;
    background-color: #ffffff; }
  
  .modal_product {
    width: auto;
    line-height: 0px;
    max-width: 940px; }
  
  .modal_product img {
    cursor: pointer; }
  
  .modal_image {
    text-align: center; }
  
  .modal a {
    padding-bottom: 0; }
  
  .modal p.modal_price, p.modal_price {
    font-size: 20px;
    margin-bottom: 10px; }
  
  .modal form {
    margin-bottom: 10px; }
  
  .notify_form #contact_form .action_button {
    width: 100%; }
  
  .product_image_col {
    margin-top: 15px;
    text-align: center; }
  
  .meta {
    font-size: 13px; }
  
  .meta p {
    font-size: 13px;
    margin-bottom: 0px; }
  
  p.meta {
    margin-bottom: 10px; }
  
  .comment-body p.meta {
    margin-bottom: 5px; }
  
  .comment-body h6 {
    padding: 0; }
  
  .sidebar_title {
    padding-bottom: 0px; }
  
  .blog h2 {
    margin-bottom: 0;
    line-height: 1.2; }
  
  .blog h2 a {
    color: #333333; }
  
  .blog_meta {
    margin-bottom: 0; }
  
  .blog_meta span {
    position: relative;
    display: inline-block;
    margin-right: 15px;
    font-size: smaller;
    color: #8c8b8b; }
  
  .blog_meta span:after {
    content: '';
    position: absolute;
    right: -16px;
    top: 50%;
    margin: -1px 5px 0;
    width: 4px;
    height: 4px;
    border-radius: 2px;
    background-color: #ced3d3; }
  
  .blog_meta span:last-child:after {
    background-color: transparent; }
  
  .tags span a {
    color: #03a196; }
  
  .article h3.sub_title {
    letter-spacing: 0;
    margin: 10px auto 0; }
  
  .article_content {
    margin-top: 20px; }
  
  .excerpt {
    line-height: 1.5;
    margin: 1em 0; }
  
  .article, .article_image {
    padding-bottom: 15px; }
  
  #comment_form .action_button, #contact_form .action_button {
    display: block;
    padding-left: 40px;
    padding-right: 40px; }
    @media (max-width: 768px) {
      #comment_form .action_button, #contact_form .action_button {
        width: 100%; } }
  
  #contact_form .action_button.sign_up {
    display: inline-block;
    width: 120px;
    padding-left: 0;
    padding-right: 0;
    float: none; }
  
  body.article {
    padding-bottom: 0; }
  
  .toggle span {
    color: #8c8b8b;
    font-weight: bold;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: smaller;
    float: right;
    display: none; }
  
  .sidebar .blog_search {
    margin-bottom: 15px; }
    .sidebar .blog_search input {
      width: 100%; }
  
  .meta .label, .label {
    color: #8c8b8b; }
  
  .blog_meta, .blog_meta a {
    color: #8c8b8b; }
  
  .blog_meta a:hover {
    color: #03857c; }
  
  .count {
    font-style: normal;
    font-size: 13px; }
  
  .checkout {
    display: block;
    float: right;
    margin-top: 0px; }
  
  .additional-checkout-buttons {
    text-align: center;
    margin-top: 10px; }
    .additional-checkout-buttons > *:not(script) {
      padding: 10px 0 0 10px;
      vertical-align: top;
      line-height: 1; }
      @media (max-width: 480px) {
        .additional-checkout-buttons > *:not(script) {
          padding: 10px 0 0 5px; } }
      .additional-checkout-buttons > *:not(script):first-child, .additional-checkout-buttons > *:not(script):empty {
        padding-left: 0px; }
  
  .or {
    font-size: smaller;
    font-style: italic;
    padding: 0 10px; }
  
  .comment {
    margin-bottom: 20px; }
  
  /*--Author Bio + Social Share Buttons--*/
  .author_share_wrap {
    width: 100%;
    border-top: 1px solid #cccccc;
    min-height: 40px;
    padding: 15px 0;
    margin-top: 15px;
    overflow: auto; }
  
  .blog_author {
    width: 60%;
    float: left; }
    @media (max-width: 768px) {
      .blog_author {
        width: 100%;
        border-bottom: 1px solid #cccccc;
        padding-bottom: 5px; } }
  
  .blog_author img {
    width: 80px;
    height: 80px;
    border: 1px solid #cccccc;
    float: left;
    margin-right: 15px; }
  
  .author_bio {
    text-align: left; }
  
  .author_bio h6 {
    padding-top: 0; }
  
  .author_bio p {
    font-size: 0.9em; }
  
  .blog_share {
    width: 38%;
    float: right;
    text-align: right; }
    @media (max-width: 768px) {
      .blog_share {
        width: 100%;
        float: left; } }
  
  .red {
    color: #C33; }
  
  .address p {
    margin-bottom: 5px; }
  
  div#disqus_thread ul, div#disqus_thread li {
    border: none; }
  
  .search_page {
    padding: 40px 0 60px 0; }
  
  /* #Swatch Styles
  ================================================== */
  /* SASS variables for swatch dimensions */
  .selector-wrapper label {
    margin-bottom: 0.5em; }
  
  .swatch_options {
    margin-bottom: 1em; }
  
  .swatch .option_title {
    margin: 0.5em 0; }
  
  /* Hide radio buttons.*/
  .swatch input {
    display: none; }
  
  .swatch label {
    float: left;
    min-width: 40px;
    height: 40px;
    margin: 0;
    font-size: 13px;
    text-align: center;
    line-height: 40px;
    white-space: nowrap;
    text-transform: uppercase;
    cursor: pointer;
    padding: 0 10px; }
  
  .swatch .color label {
    min-width: 34px;
    height: 34px !important;
    line-height: 34px;
    background-position: center;
    background-size: cover; }
  
  .swatch-element {
    border: #e2e2e2 1px solid;
    min-width: 40px;
    min-height: 40px; }
  
  .swatch-element.color {
    padding: 3px; }
  
  .swatch-element.color, .swatch-element.color label {
    border: #e2e2e2 1px solid;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box; }
  
  .swatch-element.color label {
    padding: 0;
    margin: 0;
    width: 34px;
    height: 34px; }
  
  .swatch_options input:checked + .swatch-element {
    border-color: black; }
  
  .swatch .swatch-element {
    float: left;
    -webkit-transform: translateZ(0);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin: 0px 8px 8px 0;
    position: relative; }
  
  .crossed-out {
    background-image: linear-gradient(to bottom left, transparent 50%, #999999 50%, #999999 calc(50% + 1px), transparent 50%), linear-gradient(to bottom right, transparent 50%, #999999 50%, #999999 calc(50% + 1px), transparent 50%);
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto; }
  
  .swatch .swatch-element .crossed-out {
    display: none; }
  
  .swatch .swatch-element.soldout .crossed-out {
    display: block;
    height: 100%;
    width: 100%;
    pointer-events: none; }
  
  .swatch .swatch-element.soldout label {
    filter: alpha(opacity=60);
    -khtml-opacity: 0.6;
    -moz-opacity: 0.6;
    opacity: 0.6; }
  
  /* Tooltips */
  .swatch .tooltip {
    text-align: center;
    background: #333;
    background: rgba(51, 51, 51, 0.9);
    color: #fff;
    bottom: 100%;
    padding: 5px 10px;
    display: block;
    position: absolute;
    width: 120px;
    font-size: 13px;
    left: -35px;
    margin-bottom: 15px;
    /* Make it invisible by default */
    filter: alpha(opacity=0);
    -khtml-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    visibility: hidden;
    /* Animations */
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    -ms-transform: translateY(10px);
    -o-transform: translateY(10px);
    transform: translateY(10px);
    -webkit-transition: all .25s ease-out;
    -moz-transition: all .25s ease-out;
    -ms-transition: all .25s ease-out;
    -o-transition: all .25s ease-out;
    transition: all .25s ease-out;
    -webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
    -moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
    -ms-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
    -o-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
    box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
    z-index: 10000; }
  
  .swatch .tooltip:before {
    bottom: -20px;
    content: " ";
    display: block;
    height: 20px;
    left: 0;
    position: absolute;
    width: 100%; }
  
  /* CSS triangle */
  .swatch .tooltip:after {
    border-left: solid transparent 10px;
    border-right: solid transparent 10px;
    border-top: solid rgba(51, 51, 51, 0.9) 10px;
    bottom: -10px;
    content: " ";
    height: 0;
    left: 50%;
    margin-left: -13px;
    position: absolute;
    width: 0; }
  
  .swatch .swatch-element:hover .tooltip {
    filter: alpha(opacity=100);
    -khtml-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px); }
  
  .stock_label {
    line-height: 40px;
    display: inline-block; }
  
  /* #Footer
  ================================================== */
  .footer {
    font-size: 15px;
    padding: 20px 0;
    border-top: solid 1px #d1dbe6;
    background-color: #ffffff;
    background-position: center center;
    color: #333232; }
  
  /* If no shop logo used, apply text styling as per theme settings */
  .footer .logo {
    color: #ffffff !important;
    font-size: 20px;
    margin-top: 0;
    margin-bottom: 20px;
    line-height: 1;
    width: 100%;
    word-wrap: break-word;
    float: none; }
    @media (max-width: 768px) {
      .footer .logo {
        text-align: center; } }
  
  img.footer-logo {
    width: 75%;
    max-width: 250px;
    margin-bottom: 10px;
    display: inline-block; }
    @media (max-width: 768px) {
      img.footer-logo {
        max-width: 50% !important;
        margin: 0 25% 25px; } }
  
  .footer .empty-column {
    width: 100%;
    height: 1px; }
  
  .footer .footer-menu-wrap h6 {
    margin: 0;
    padding: 0 0 5px 0;
    color: #000000;
    font-size: 17px;
    font-weight: 700;
    text-transform: inherit;
    letter-spacing: 0; }
    @media (max-width: 768px) {
      .footer .footer-menu-wrap h6 {
        border-top: 1px solid #d1dbe6;
        margin-bottom: 5px;
        padding: 10px 20px 5px; } }
  
  .footer .footer-menu-wrap h6 > span {
    display: none; }
    @media (max-width: 768px) {
      .footer .footer-menu-wrap h6 > span {
        display: inline-block;
        transition: transform 0.3s linear;
        perspective: 1000; } }
  
  @media (min-width: 769px) {
    .footer .toggle_content {
      display: block !important; } }
  
  .footer a,
  .footer a:visited {
    color: #ff9000;
    font-size: 15px; }
  
  .footer a:hover,
  .footer a:active {
    color: #5a5858; }
  
  .footer ul {
    list-style: none;
    margin: 0;
    padding: 15px 0 0 0; }
  
  .footer ul li {
    margin-bottom: 1em;
    line-height: 1.1; }
  
  .footer form {
    margin-bottom: 0; }
  
  .footer-menu-wrap {
    text-align: left; }
  
  .footer_content a {
    color: #333232;
    border-bottom: 1px solid #333232; }
  
  .page-contact .footer {
    margin-top: 0; }
  
  .page-contact .maps {
    position: relative;
    bottom: -6px; }
  
  .page-landing .maps {
    position: relative;
    bottom: -7px; }
  
  .maps iframe {
    pointer-events: none;
    display: block; }
  
  .newsletter form {
    margin-bottom: 0; }
  
  .footer_credits {
    border-top: 1px solid #d1dbe6;
    margin-top: 10px; }
  
  .payment_methods {
    margin: 10px 0 6px 0;
    padding-top: 10px; }
    @media (min-width: 960px) {
      .payment_methods {
        float: right;
        text-align: right; } }
  
  .payment_methods img {
    padding-right: 4px;
    width: 42px; }
  
  .credits {
    text-align: left;
    padding-top: 20px; }
    @media (min-width: 960px) {
      .credits {
        float: left; } }
  
  .footer-menu-wrap .active span, .footer-menu-wrap span.active, .sidebar .active span, .sidebar span.active, #mobile_menu .active span, #mobile_menu span.active {
    transform: rotateX(180deg); }
  
  /* Footer and mobile menu accordion (mobile only) */
  @media (max-width: 768px) {
    .footer-menu-wrap h6, .sidebar h6, #mobile_menu h6 {
      padding-top: 8px;
      cursor: pointer;
      border-top: 1px solid #000000;
      margin-top: 0; }
    .footer-menu-wrap h6 span, .footer-menu-wrap h4 span, .footer-menu-wrap .sublink span, .sidebar h6 span, .sidebar h4 span, .sidebar .sublink span, #mobile_menu h6 span, #mobile_menu h4 span, #mobile_menu .sublink span {
      display: inline-block;
      transition: transform 0.3s linear;
      perspective: 1000; }
    .footer-menu-wrap .columns > ul, .sidebar .columns > ul, #mobile_menu .columns > ul {
      display: none;
      padding-left: 20px; }
      .footer-menu-wrap .columns > ul li, .sidebar .columns > ul li, #mobile_menu .columns > ul li {
        line-height: 1.7; }
  
    .toggle_content {
      display: none;
      padding: 0 20px; } }
  @media (min-width: 769px) {
    h4.toggle {
      pointer-events: none; }
  
    .footer-menu-wrap h6 {
      pointer-events: none; }
    .footer-menu-wrap .columns > ul {
      display: block !important; } }
  /* Promo banner */
  .promo_banner {
    background-color: #f2f2f2;
    text-align: center;
    color: #333333;
    font-size: 12px;
    position: relative;
    width: 100%;
    height: 0;
    line-height: 0;
    z-index: 5000;
    top: 0;
    transition: all 0.3s linear;
    overflow: hidden; }
    .promo_banner p {
      margin-bottom: 0;
      display: inline; }
    .promo_banner .promo_banner-close {
      position: absolute;
      top: 0;
      right: 0;
      display: block;
      overflow: visible;
      width: 35px;
      height: 35px;
      margin: 0;
      padding: 0;
      cursor: pointer;
      text-decoration: none;
      color: #333333;
      border: 0;
      outline: 0;
      background: transparent;
      z-index: 1000; }
      .promo_banner .promo_banner-close:before {
        font-family: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif !important;
        font-size: 20px;
        line-height: 30px;
        position: absolute;
        top: 0;
        left: 0;
        display: block;
        width: 35px;
        content: "\00d7";
        text-align: center; }
  
  .promo_banner-show .promo_banner {
    transition: all 0s linear;
    height: 30px;
    line-height: 30px; }
  
  .top_bar {
    padding-top: 0;
    position: relative;
    transition: padding-top 0.3s linear; }
    @media (max-width: 480px) {
      .top_bar {
        padding-top: 0; } }
  
  @media (max-width: 768px) {
    .mobile_nav-fixed--true #pagecontent,
    .mobile_nav-fixed--false #pagecontent {
      display: block;
      padding-bottom: 124px; }
    .mobile_nav-fixed--true .page_banner,
    .mobile_nav-fixed--false .page_banner {
      margin-top: 124px; }
    .mobile_nav-fixed--true .page_banner + #pagecontent,
    .mobile_nav-fixed--false .page_banner + #pagecontent {
      padding-bottom: 0; }
  
    .index-sections .under-menu:nth-child(1) {
      margin-top: 0; }
  
    .page-details .under-menu:nth-child(1) {
      margin-top: 0; }
  
    .promo_banner-show.mobile_nav-fixed--true #pagecontent,
    .promo_banner-show.mobile_nav-fixed--false #pagecontent {
      padding-bottom: calc(124px + 30px); }
    .promo_banner-show.mobile_nav-fixed--true .page_banner,
    .promo_banner-show.mobile_nav-fixed--false .page_banner {
      margin-top: calc(124px + 30px); }
    .promo_banner-show.mobile_nav-fixed--true .page_banner + #pagecontent,
    .promo_banner-show.mobile_nav-fixed--false .page_banner + #pagecontent {
      padding-bottom: 0; }
    .promo_banner-show.mobile_nav-fixed--true .page_banner ~ .main.content,
    .promo_banner-show.mobile_nav-fixed--false .page_banner ~ .main.content {
      padding-top: 0; } }
  /*! Flickity v1.1.1
  http://flickity.metafizzy.co
  ---------------------------------------------- */
  .flickity-enabled {
    position: relative;
    overflow: hidden; }
  
  .flickity-enabled:focus {
    outline: none; }
  
  .flickity-viewport {
    overflow: hidden;
    position: relative;
    height: 100%; }
  
  .flickity-slider {
    position: absolute;
    width: 100%;
    height: 100%; }
  
  /* draggable */
  .flickity-enabled.is-draggable {
    -webkit-tap-highlight-color: transparent;
    tap-highlight-color: transparent;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  
  .flickity-enabled.is-draggable .flickity-viewport {
    cursor: move;
    cursor: -webkit-grab;
    cursor: grab; }
  
  .flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
    cursor: -webkit-grabbing;
    cursor: grabbing; }
  
  /* ---- previous/next buttons ---- */
  .flickity-prev-next-button {
    filter: alpha(opacity=50);
    opacity: 0.5;
    position: absolute;
    top: 0;
    bottom: 0;
    width: 11%;
    border: none;
    background: white;
    background: rgba(255, 255, 255, 0.75);
    cursor: pointer;
    border-radius: 0;
    height: auto;
    max-width: 100px; }
  
  .flickity-prev-next-button:hover {
    background: white;
    border: none; }
  
  .flickity-prev-next-button:focus {
    outline: none; }
  
  .flickity-prev-next-button:hover, .flickity-prev-next-button:active {
    filter: alpha(opacity=80);
    opacity: 0.8; }
  
  .flickity-prev-next-button.previous {
    left: -1px; }
  
  .flickity-prev-next-button.next {
    right: -1px; }
  
  /* right to left */
  .flickity-rtl .flickity-prev-next-button.previous {
    left: auto;
    right: -1px; }
  
  .flickity-rtl .flickity-prev-next-button.next {
    right: auto;
    left: -1px; }
  
  .flickity-prev-next-button:disabled {
    filter: alpha(opacity=10);
    /* IE8 */
    opacity: 0.1;
    cursor: auto; }
  
  .flickity-prev-next-button svg {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50.1%);
    -ms-transform: translateY(-50.1%);
    transform: translateY(-50.1%);
    padding: 10px 0;
    position: absolute;
    left: 20%;
    width: 60%;
    height: 60%; }
  
  .flickity-prev-next-button .arrow {
    fill: #333; }
  
  /* color & size if no SVG - IE8 and Android 2.3 */
  .flickity-prev-next-button.no-svg {
    color: #333;
    font-size: 26px; }
  
  /* ---- page dots ---- */
  .flickity-page-dots {
    position: absolute;
    width: 100%;
    bottom: -25px;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
    line-height: 1; }
  
  .flickity-rtl .flickity-page-dots {
    direction: rtl; }
  
  .flickity-page-dots .dot {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 8px;
    background: #333;
    border-radius: 50%;
    filter: alpha(opacity=25);
    /* IE8 */
    opacity: 0.25;
    cursor: pointer; }
  
  .flickity-page-dots .dot.is-selected {
    filter: alpha(opacity=100);
    /* IE8 */
    opacity: 1; }
  
  /* General Flickity styling */
  img[data-flickity-lazyload] {
    width: auto; }
  
  .flickity-slider > li {
    list-style-type: none;
    width: 100%;
    text-align: center; }
    .flickity-slider > li img {
      max-width: 100%; }
  
  .slideshow_animation--fade .flickity-slider {
    transform: none !important; }
  .slideshow_animation--fade .gallery-cell {
    left: 0 !important;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
    z-index: -1; }
  .slideshow_animation--fade .gallery-cell.is-selected {
    opacity: 1;
    z-index: 0; }
  
  /* Gallery page */
  .lightbox-gallery .gallery-cell {
    width: 100%;
    margin-right: 10px; }
    .lightbox-gallery .gallery-cell img {
      width: auto;
      max-height: 100vh; }
  .lightbox-gallery .lightbox-image {
    max-width: 100%; }
  
  /* Product lightbox */
  @media (max-width: 480px) {
    .remodal-is-locked .product {
      overflow: hidden; }
  
    .product .remodal-close:before {
      font-size: 50px;
      line-height: 55px;
      width: 50px;
      right: 0;
      left: auto; }
  
    .product .remodal.remodal-lightbox {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      padding: 0;
      padding-top: 55px;
      margin-bottom: 0; }
      .product .remodal.remodal-lightbox .flickity-viewport, .product .remodal.remodal-lightbox .flickity-viewport img {
        max-height: 70vh; } }
  /* Product gallery */
  .gallery-arrows--true .product_gallery .flickity-prev-next-button {
    opacity: 0;
    transition: opacity 0.3s linear;
    display: block; }
  
  .gallery-arrows--true .product_gallery:hover .flickity-prev-next-button {
    opacity: 0.5; }
  
  .product_gallery {
    margin-bottom: 2em;
    opacity: 0; }
    .product_gallery .gallery-cell {
      width: 100%;
      text-align: center;
      display: block;
      margin-right: 10px; }
      .product_gallery .gallery-cell span {
        width: 100%;
        display: block !important; }
    .product_gallery.flickity-enabled {
      opacity: 1; }
    .product_gallery.single-image .flickity-prev-next-button {
      display: none; }
    .product_gallery .flickity-prev-next-button {
      display: none; }
  
  .product_gallery_nav {
    text-align: center; }
    .product_gallery_nav .gallery-cell {
      width: 20%;
      margin: 0 10px 10px 0;
      opacity: 0.7;
      display: inline-block; }
      .product_gallery_nav .gallery-cell.is-nav-selected {
        opacity: 1; }
      .product_gallery_nav .gallery-cell img {
        cursor: pointer; }
  
  .gallery-wrap.right-thumbnails .multi-image {
    width: 83%;
    float: left; }
  .gallery-wrap.right-thumbnails .product_gallery_nav {
    width: 12%;
    float: left;
    margin-left: 4%; }
    .gallery-wrap.right-thumbnails .product_gallery_nav .gallery-cell {
      width: 100%;
      margin: 0 0 10px 0; }
  
  .gallery-wrap.left-thumbnails .multi-image {
    width: 83%;
    float: right; }
  .gallery-wrap.left-thumbnails .product_gallery_nav {
    width: 12%;
    float: right;
    margin-right: 5%; }
    .gallery-wrap.left-thumbnails .product_gallery_nav .gallery-cell {
      width: 100%;
      margin: 0 0 10px 0; }
  
  .gallery-wrap .flickity-viewport {
    margin-top: 0;
    transition: height 0.4s; }
  
  /* Quick Shop */
  .remodal.quick-shop {
    background-color: #ffffff;
    padding: 0 35px; }
  
  .quick-shop .container {
    max-width: 100%;
    text-align: left;
    margin-left: auto;
    margin-right: auto; }
    .quick-shop .container .gallery-wrap.eight.columns {
      width: calc(55% - 40px);
      margin: 0;
      margin-right: 40px;
      min-height: 1px;
      transition: opacity 1s 0.3s linear;
      -webkit-transition: opacity 1s 0.3s linear; }
      .quick-shop .container .gallery-wrap.eight.columns.hidden-element {
        opacity: 0; }
      .quick-shop .container .gallery-wrap.eight.columns.align-gallery-right {
        float: right;
        margin-right: 0;
        margin-left: 40px; }
    .quick-shop .container .text-modal-wrap.six.columns {
      width: 45%;
      margin: 0;
      min-height: 1px;
      transition: opacity 0.3s linear;
      -webkit-transition: opacity 0.3s linear; }
      .quick-shop .container .text-modal-wrap.six.columns.hidden-element {
        opacity: 0; }
    .quick-shop .container .new_banner_product:empty, .quick-shop .container .sale_banner_product:empty, .quick-shop .container .preorder_banner_product:empty {
      display: none; }
  .quick-shop img[alt*="[right]"], .quick-shop img[alt*="[left]"], .quick-shop img[alt*="[center]"] {
    display: none; }
  
  .remodal-is-opened .quick-shop .hidden-element {
    opacity: 1 !important; }
  
  /* Related Items Gallery */
  .related-products--grid {
    font-size: 0;
    text-align: center; }
    .related-products--grid.container {
      padding-top: 0; }
    .related-products--grid .product-list .thumbnail.column,
    .related-products--grid .product-list .thumbnail.columns {
      font-size: initial;
      display: inline-block;
      float: none;
      vertical-align: top; }
  
  .related-products__title {
    clear: both; }
  
  .title.slider-gallery {
    padding-top: 40px; }
    @media (max-width: 480px) {
      .title.slider-gallery {
        padding-top: 0;
        font-size: 1.5em; } }
  
  .slider-gallery {
    margin: 0 auto 40px; }
    .slider-gallery .gallery-cell {
      margin-right: 10px;
      text-align: center;
      padding: 0;
      margin-bottom: 0; }
      @media (max-width: 480px) {
        .slider-gallery .gallery-cell {
          padding: 0;
          margin-right: 5px; } }
      .slider-gallery .gallery-cell .product-details {
        line-height: 1.2;
        letter-spacing: 0; }
        @media (max-width: 768px) {
          .slider-gallery .gallery-cell .product-details {
            font-size: 3vw; } }
      .slider-gallery .gallery-cell img {
        display: block;
        max-width: 100%; }
    .slider-gallery .gallery-cell-heading {
      font-size: 0.8rem;
      line-height: 1.2;
      text-transform: none;
      margin-top: 10px; }
    .slider-gallery .flickity-prev-next-button {
      border-radius: 0;
      opacity: 0; }
  
  .slider-gallery:hover .flickity-prev-next-button {
    opacity: 0.5; }
  
  /*
   *  Remodal - v1.0.6
   *  Responsive, lightweight, fast, synchronized with CSS animations, fully customizable modal window plugin with declarative configuration and hash tracking.
   *  http://vodkabears.github.io/remodal/
   *
   *  Made by Ilya Makarov
   *  Under MIT License
   */
  /* ==========================================================================
     Remodal's necessary styles
     ========================================================================== */
  /* Hide scroll bar */
  html.remodal-is-locked {
    overflow: hidden;
    -ms-touch-action: none;
    touch-action: none; }
  
  /* Anti FOUC */
  .remodal,
  [data-remodal-id] {
    display: none; }
  
  /* Necessary styles of the overlay */
  .remodal-overlay {
    position: fixed;
    z-index: 9999;
    top: -5000px;
    right: -5000px;
    bottom: -5000px;
    left: -5000px;
    display: none; }
  
  /* Necessary styles of the wrapper */
  .remodal-wrapper {
    position: fixed;
    z-index: 10000;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: none;
    overflow: auto;
    text-align: center;
    -webkit-overflow-scrolling: touch; }
  
  .remodal-wrapper:after {
    display: inline-block;
    height: 100%;
    margin-left: -0.05em;
    content: ""; }
  
  /* Fix iPad, iPhone glitches */
  .remodal-overlay,
  .remodal-wrapper {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; }
  
  /* Necessary styles of the modal dialog */
  .remodal {
    position: relative;
    outline: none;
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    text-size-adjust: 100%; }
  
  .remodal-is-initialized {
    /* Disable Anti-FOUC */
    display: inline-block; }
  
  /* ==========================================================================
     Remodal's default mobile first theme
     ========================================================================== */
  /* Default theme styles for the background */
  .remodal-bg.remodal-is-opening,
  .remodal-bg.remodal-is-opened {
    filter: blur(3px); }
  
  /* Default theme styles of the overlay */
  .remodal-overlay {
    background: rgba(43, 46, 56, 0.9); }
  
  .remodal-overlay.remodal-is-opening,
  .remodal-overlay.remodal-is-closing {
    animation-duration: 0.3s;
    animation-fill-mode: forwards; }
  
  .remodal-overlay.remodal-is-opening {
    animation-name: remodal-overlay-opening-keyframes; }
  
  .remodal-overlay.remodal-is-closing {
    animation-name: remodal-overlay-closing-keyframes; }
  
  /* Default theme styles of the wrapper */
  .remodal-wrapper {
    padding: 10px 10px 0; }
  
  /* Default theme styles of the modal dialog */
  .remodal {
    width: 100%;
    margin-bottom: 10px;
    padding: 35px;
    -ms-transform: translateY(0, 0, 0);
    transform: translate3d(0, 0, 0);
    color: #2b2e38;
    background: #fff; }
  
  .remodal.remodal-is-opening,
  .remodal.remodal-is-closing {
    animation-duration: 0.3s;
    animation-fill-mode: forwards; }
  
  .remodal.remodal-is-opening {
    animation-name: remodal-opening-keyframes; }
  
  .remodal.remodal-is-closing {
    animation-name: remodal-closing-keyframes; }
  
  /* Vertical align of the modal dialog */
  .remodal,
  .remodal-wrapper:after {
    vertical-align: middle; }
  
  /* Close button */
  .remodal-close {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    overflow: visible;
    width: 35px;
    height: 35px;
    margin: 0;
    padding: 0;
    cursor: pointer;
    transition: color 0.2s;
    text-decoration: none;
    color: #95979c;
    border: 0;
    outline: 0;
    background: transparent;
    z-index: 1000; }
  
  .remodal-close:hover,
  .remodal-close:focus {
    color: #2b2e38; }
  
  .remodal-close:before {
    font-family: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif !important;
    font-size: 25px;
    line-height: 35px;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 35px;
    content: "\00d7";
    text-align: center; }
  
  /* Dialog buttons */
  .remodal-confirm,
  .remodal-cancel {
    font: inherit;
    display: inline-block;
    overflow: visible;
    min-width: 110px;
    margin: 0;
    padding: 12px 0;
    cursor: pointer;
    transition: background 0.2s;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    border: 0;
    outline: 0; }
  
  .remodal-confirm {
    color: #fff;
    background: #81c784; }
  
  .remodal-confirm:hover,
  .remodal-confirm:focus {
    background: #66bb6a; }
  
  .remodal-cancel {
    color: #fff;
    background: #e57373; }
  
  .remodal-cancel:hover,
  .remodal-cancel:focus {
    background: #ef5350; }
  
  /* Remove inner padding and border in Firefox 4+ for the button tag. */
  .remodal-confirm::-moz-focus-inner,
  .remodal-cancel::-moz-focus-inner,
  .remodal-close::-moz-focus-inner {
    padding: 0;
    border: 0; }
  
  /* Keyframes
     ========================================================================== */
  @keyframes remodal-opening-keyframes {
    from {
      transform: scale(1.05);
      opacity: 0; }
  
    to {
      transform: none;
      opacity: 1; } }
  
  @keyframes remodal-closing-keyframes {
    from {
      transform: scale(1);
      opacity: 1; }
  
    to {
      transform: scale(0.95);
      opacity: 0; } }
  
  @keyframes remodal-overlay-opening-keyframes {
    from {
      opacity: 0; }
  
    to {
      opacity: 1; } }
  
  @keyframes remodal-overlay-closing-keyframes {
    from {
      opacity: 1; }
  
    to {
      opacity: 0; } }
  
  /* Media queries
     ========================================================================== */
  @media only screen and (min-width: 641px) {
    .remodal {
      max-width: 900px; } }
  /* IE8
     ========================================================================== */
  .lt-ie9 .remodal-overlay {
    background: #2b2e38; }
  
  .lt-ie9 .remodal {
    width: 700px; }
  
  /*
  * Layout
  * Skeleton V1.2
  * Copyright 2011, Dave Gamache
  * www.getskeleton.com
  * Free to use under the MIT license.
  * http://www.opensource.org/licenses/mit-license.php
  * 6/20/2012
  */
  /* Table of Contents
  ==================================================
      #Base 960 Grid
      #Tablet (Portrait)
      #Mobile (Portrait)
      #Mobile (Landscape)
      #Clearing
      #Media Queries */
  /* #Base 1200 Grid
  ================================================== */
  .container {
    position: relative;
    width: 1200px;
    margin: 0 auto;
    padding: 0; }
  
  .column, .columns {
    float: left;
    display: inline;
    margin-left: 10px;
    margin-right: 10px;
    box-sizing: content-box; }
  
  .row {
    margin-bottom: 20px; }
  
  .container.full-width {
    width: 100%; }
  
  /* Nested Column Classes */
  .column.alpha, .columns.alpha {
    margin-left: 0; }
  
  .column.omega, .columns.omega {
    margin-right: 0; }
  
  /* Base Grid */
  .container .one.column {
    width: 55px; }
  
  .container .two.columns {
    width: 130px; }
  
  .container .three.columns {
    width: 205px; }
  
  .container .four.columns {
    width: 280px; }
  
  .container .five.columns {
    width: 355px; }
  
  .container .six.columns {
    width: 430px; }
  
  .container .seven.columns {
    width: 505px; }
  
  .container .eight.columns {
    width: 580px; }
  
  .container .nine.columns {
    width: 655px; }
  
  .container .ten.columns {
    width: 730px; }
  
  .container .eleven.columns {
    width: 805px; }
  
  .container .twelve.columns {
    width: 880px; }
  
  .container .thirteen.columns {
    width: 955px; }
  
  .container .fourteen.columns {
    width: 1030px; }
  
  .container .fifteen.columns {
    width: 1105px; }
  
  .container .sixteen.columns {
    width: 1180px; }
  
  .container .one-third.column {
    width: 380px; }
  
  .container .two-thirds.column {
    width: 780px; }
  
  .container .one-fifth.column {
    width: 220px; }
  
  .container .one-fifth-sidebar.column {
    width: 160px; }
  
  .container .one-sixth.column {
    width: 180px; }
  
  .container .one-seventh.column {
    width: 151px; }
  
  /* Offsets */
  .container .offset-by-one {
    padding-left: 75px; }
  
  .container .offset-by-two {
    padding-left: 150px; }
  
  .container .offset-by-three {
    padding-left: 225px; }
  
  .container .offset-by-four {
    padding-left: 300px; }
  
  .container .offset-by-five {
    padding-left: 375px; }
  
  .container .offset-by-six {
    padding-left: 450px; }
  
  .container .offset-by-seven {
    padding-left: 525px; }
  
  .container .offset-by-eight {
    padding-left: 600px; }
  
  .container .offset-by-nine {
    padding-left: 675px; }
  
  .container .offset-by-ten {
    padding-left: 750px; }
  
  .container .offset-by-eleven {
    padding-left: 825px; }
  
  .container .offset-by-twelve {
    padding-left: 900px; }
  
  .container .offset-by-thirteen {
    padding-left: 975px; }
  
  .container .offset-by-fourteen {
    padding-left: 1050px; }
  
  .container .offset-by-fifteen {
    padding-left: 1125px; }
  
  /* #Base 960 Grid
  ================================================== */
  @media only screen and (min-width: 960px) and (max-width: 1199px) {
    .container {
      position: relative;
      width: 960px;
      margin: 0 auto;
      padding: 0; }
  
    .container .column,
    .container .columns {
      float: left;
      display: inline;
      margin-left: 10px;
      margin-right: 10px; }
  
    .row {
      margin-bottom: 20px; }
  
    /* Nested Column Classes */
    .column.alpha, .columns.alpha {
      margin-left: 0; }
  
    .column.omega, .columns.omega {
      margin-right: 0; }
  
    /* Base Grid */
    .container .one.column,
    .container .one.columns {
      width: 40px; }
  
    .container .two.columns {
      width: 100px; }
  
    .container .three.columns {
      width: 160px; }
  
    .container .four.columns {
      width: 220px; }
  
    .container .five.columns {
      width: 280px; }
  
    .container .six.columns {
      width: 340px; }
  
    .container .seven.columns {
      width: 400px; }
  
    .container .eight.columns {
      width: 460px; }
  
    .container .nine.columns {
      width: 520px; }
  
    .container .ten.columns {
      width: 580px; }
  
    .container .eleven.columns {
      width: 640px; }
  
    .container .twelve.columns {
      width: 700px; }
  
    .container .thirteen.columns {
      width: 760px; }
  
    .container .fourteen.columns {
      width: 820px; }
  
    .container .fifteen.columns {
      width: 880px; }
  
    .container .sixteen.columns {
      width: 940px; }
  
    .container .one-third.column {
      width: 300px; }
  
    .container .two-thirds.column {
      width: 620px; }
  
    .container .one-fifth.column {
      width: 172px; }
  
    .container .one-fifth-sidebar.column {
      width: 124px; }
  
    .container .one-sixth.column {
      width: 140px; }
  
    .container .one-seventh.column {
      width: 117px; }
  
    /* Offsets */
    .container .offset-by-one {
      padding-left: 60px; }
  
    .container .offset-by-two {
      padding-left: 120px; }
  
    .container .offset-by-three {
      padding-left: 180px; }
  
    .container .offset-by-four {
      padding-left: 240px; }
  
    .container .offset-by-five {
      padding-left: 300px; }
  
    .container .offset-by-six {
      padding-left: 360px; }
  
    .container .offset-by-seven {
      padding-left: 420px; }
  
    .container .offset-by-eight {
      padding-left: 480px; }
  
    .container .offset-by-nine {
      padding-left: 540px; }
  
    .container .offset-by-ten {
      padding-left: 600px; }
  
    .container .offset-by-eleven {
      padding-left: 660px; }
  
    .container .offset-by-twelve {
      padding-left: 720px; }
  
    .container .offset-by-thirteen {
      padding-left: 780px; }
  
    .container .offset-by-fourteen {
      padding-left: 840px; }
  
    .container .offset-by-fifteen {
      padding-left: 900px; } }
  /* #Tablet (Portrait)
  ================================================== */
  /* Note: Design for a width of 768px */
  @media only screen and (min-width: 768px) and (max-width: 959px) {
    .container {
      width: 768px; }
  
    .container .column,
    .container .columns {
      margin-left: 10px;
      margin-right: 10px; }
  
    .column.alpha, .columns.alpha {
      margin-left: 0;
      margin-right: 10px; }
  
    .column.omega, .columns.omega {
      margin-right: 0;
      margin-left: 10px; }
  
    .alpha.omega {
      margin-left: 0;
      margin-right: 0; }
  
    .container .one.column,
    .container .one.columns {
      width: 28px; }
  
    .container .two.columns {
      width: 76px; }
  
    .container .three.columns {
      width: 124px; }
  
    .container .four.columns {
      width: 172px; }
  
    .container .five.columns {
      width: 220px; }
  
    .container .six.columns {
      width: 268px; }
  
    .container .seven.columns {
      width: 316px; }
  
    .container .eight.columns {
      width: 364px; }
  
    .container .nine.columns {
      width: 412px; }
  
    .container .ten.columns {
      width: 460px; }
  
    .container .eleven.columns {
      width: 508px; }
  
    .container .twelve.columns {
      width: 556px; }
  
    .container .thirteen.columns {
      width: 604px; }
  
    .container .fourteen.columns {
      width: 652px; }
  
    .container .fifteen.columns {
      width: 700px; }
  
    .container .sixteen.columns {
      width: 748px; }
  
    .container .one-third.column {
      width: 236px; }
  
    .container .two-thirds.column {
      width: 492px; }
  
    .container .one-fifth.column {
      width: 133px; }
  
    .container .one-fifth-sidebar.column {
      width: 95px; }
  
    .container .one-sixth.column {
      width: 108px; }
  
    .container .one-seventh.column {
      width: 89px; }
  
    /* Offsets */
    .container .offset-by-one {
      padding-left: 48px; }
  
    .container .offset-by-two {
      padding-left: 96px; }
  
    .container .offset-by-three {
      padding-left: 144px; }
  
    .container .offset-by-four {
      padding-left: 192px; }
  
    .container .offset-by-five {
      padding-left: 240px; }
  
    .container .offset-by-six {
      padding-left: 288px; }
  
    .container .offset-by-seven {
      padding-left: 336px; }
  
    .container .offset-by-eight {
      padding-left: 384px; }
  
    .container .offset-by-nine {
      padding-left: 432px; }
  
    .container .offset-by-ten {
      padding-left: 480px; }
  
    .container .offset-by-eleven {
      padding-left: 528px; }
  
    .container .offset-by-twelve {
      padding-left: 576px; }
  
    .container .offset-by-thirteen {
      padding-left: 624px; }
  
    .container .offset-by-fourteen {
      padding-left: 672px; }
  
    .container .offset-by-fifteen {
      padding-left: 720px; } }
  /*  #Mobile (Portrait)
  ================================================== */
  /* Note: Design for a width of 320px */
  @media only screen and (max-width: 768px) {
    .container {
      width: calc(100% - 40px); }
  
    .container .columns,
    .container .column {
      margin: 0; }
  
    .container .one.column,
    .container .one.columns,
    .container .two.columns,
    .container .three.columns,
    .container .four.columns,
    .container .five.columns,
    .container .six.columns,
    .container .seven.columns,
    .container .eight.columns,
    .container .nine.columns,
    .container .ten.columns,
    .container .eleven.columns,
    .container .twelve.columns,
    .container .thirteen.columns,
    .container .fourteen.columns,
    .container .fifteen.columns,
    .container .sixteen.columns,
    .container .one-third.column,
    .container .two-thirds.column,
    .container .one-fifth.column,
    .container .one-sixth.column,
    .container .one-seventh.column {
      width: 100%; }
  
    /* Offsets */
    .container .offset-by-one,
    .container .offset-by-two,
    .container .offset-by-three,
    .container .offset-by-four,
    .container .offset-by-five,
    .container .offset-by-six,
    .container .offset-by-seven,
    .container .offset-by-eight,
    .container .offset-by-nine,
    .container .offset-by-ten,
    .container .offset-by-eleven,
    .container .offset-by-twelve,
    .container .offset-by-thirteen,
    .container .offset-by-fourteen,
    .container .offset-by-fifteen {
      padding-left: 0; } }
  /* #Mobile (Landscape)
  ================================================== */
  /* Note: Design for a width of 480px */
  @media only screen and (min-width: 480px) and (max-width: 768px) {
    .container {
      width: 420px; }
  
    .container .columns,
    .container .column {
      margin: 0; }
  
    .container .one.column,
    .container .one.columns,
    .container .two.columns,
    .container .three.columns,
    .container .four.columns,
    .container .five.columns,
    .container .six.columns,
    .container .seven.columns,
    .container .eight.columns,
    .container .nine.columns,
    .container .ten.columns,
    .container .eleven.columns,
    .container .twelve.columns,
    .container .thirteen.columns,
    .container .fourteen.columns,
    .container .fifteen.columns,
    .container .sixteen.columns,
    .container .one-third.column,
    .container .two-thirds.column,
    .container .one-fifth.column,
    .container .one-sixth.column,
    .container .one-seventh.column {
      width: 420px; } }
  .text-right {
    text-align: right !important; }
  
  .text-center {
    text-align: center !important; }
  
  /* #Clearing
  ================================================== */
  /* Self Clearing Goodness */
  .container:after {
    content: "\0020";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden; }
  
  /* Use clearfix class on parent to clear nested columns,
  or wrap each row of columns in a <div class="row"> */
  .clearfix:before,
  .clearfix:after,
  .row:before,
  .row:after {
    content: '\0020';
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0; }
  
  .row:after,
  .clearfix:after {
    clear: both; }
  
  .row,
  .clearfix {
    zoom: 1; }
  
  /* You can also use a <br class="clear" /> to clear columns */
  .clear {
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0; }
  
  /* #Media Queries
  ================================================== */
  /* Smaller than standard 960 (devices and browsers) */
  @media only screen and (max-width: 959px) {
    #contact_form input.sign_up[type="submit"] {
      margin-left: 0;
      margin-bottom: 1.5em;
      width: 100%; }
  
    input.contact_email[type="email"] {
      width: 100%; }
  
    .collection_menu {
      display: none; }
  
    h1.collection_title_tags,
    div.collection_title_tags {
      border-right: 0;
      margin-right: 0;
      padding-right: 0; } }
  @media only screen and (min-width: 769px) {
    .desktop_hidden {
      display: none; } }
  /* Tablet Portrait size to standard 960 (devices and browsers) */
  @media only screen and (min-width: 768px) and (max-width: 959px) {
    .nav a, .nav a:visited, .nav a:active, .nav a:focus {
      font-size: 12px; }
  
    .menu a, .menu a:visited, .menu a:active, .menu a:focus {
      font-size: 12px; }
  
    .menu li, #header span.menu_title, .menu a span {
      padding-left: 2px;
      padding-right: 2px; }
  
    .nav .menu li.search_link {
      display: inline-block; }
  
    .menu li.search_container {
      display: none; } }
  /* All Mobile Sizes (devices and browser) */
  @media only screen and (max-width: 768px) {
    .article_image {
      padding-bottom: 0; }
  
    .sidebar_content {
      border: 0;
      padding: 0; }
  
    .nav_arrows {
      float: none;
      text-align: center; }
  
    .nav_arrows .prev {
      float: left; }
  
    .nav_arrows .next {
      float: right; }
  
    #header .top_bar a.mobile_logo {
      margin: auto;
      position: absolute;
      font-size: 18px;
      line-height: 34px;
      z-index: 0;
      width: 50%;
      height: auto; }
  
    #header .top_bar a.mobile_logo div {
      text-align: left;
      display: flex;
      vertical-align: middle;
      align-items: center;
      height: 60px; }
  
    #header a.mini_cart {
      height: 60px;
      line-height: 65px;
      background: transparent;
      color: #3a3a3a; }
  
    #header a.mini_cart .cart_count {
      color: #3a3a3a; }
  
    #header a.mobile_logo img {
      width: auto;
      max-width: 150px; }
  
    .payment_methods {
      text-align: center;
      float: none;
      display: block; }
  
    .credits {
      float: none;
      display: block;
      text-align: center; }
  
    .is-absolute {
      top: 0px !important; }
  
    .blog_filter {
      margin-top: 1em;
      width: 100% !important; }
  
    .section_select {
      text-align: center; }
  
    .flex-control-nav {
      bottom: 10px; }
  
    .featured_links a span {
      font-size: 12px; }
  
    .or {
      text-align: center;
      width: 100%;
      display: inline-block;
      padding-left: 0;
      padding-bottom: 5px; }
  
    .mobile_hidden {
      display: none !important; }
  
    table tr.order_summary td.label {
      text-align: left; }
  
    .featured_text {
      font-size: 15px;
      line-height: 1.7em; }
  
    #header {
      display: block; }
  
    .header {
      display: none; }
  
    h4.toggle {
      cursor: pointer; }
  
    .toggle span {
      display: block; }
  
    .toggle_list {
      display: none; }
  
    select {
      width: 100%;
      margin-left: 0; }
  
    input[type="submit"],
    input[type="reset"],
    input[type="button"],
    input.action_button[type="submit"],
    input.action_button[type="button"],
    .sign_up {
      margin-left: 0;
      width: 100%;
      outline: 0; }
  
    .credits_right {
      text-align: left; }
  
    .container .column.thumbnail, .container .columns.thumbnail {
      margin-top: 1em; }
  
    td {
      padding: 4px !important; }
  
    .title_column {
      float: left; }
  
    .container div.mobile_only, .mobile_only {
      display: block; }
  
    span.mobile_only {
      display: inline; }
  
    .price_total {
      text-align: right; }
  
    .price_total_text {
      display: block; }
  
    .update_subtotal, .price_total, .remove_column, .checkout_table_header {
      display: none; }
  
    .mobile_right {
      text-align: right; }
  
    .quick_shop {
      display: none !important; }
  
    .cart_price {
      display: block;
      margin-bottom: 0; }
  
    table tr th, table tr td {
      padding: 2px; }
  
    input.action_button {
      margin-bottom: 1em !important; }
  
    .multiple_product_images {
      display: none; }
  
    .headline {
      font-size: 1.3em;
      line-height: 1.2;
      position: relative; }
  
    p.subtitle {
      font-size: 1.1em;
      line-height: 1.2;
      position: relative; } }
  /* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
  @media only screen and (min-width: 480px) and (max-width: 768px) {
    .mobile_hidden {
      display: none !important; } }
  /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
  @media only screen and (max-width: 479px) {
    .mobile_hidden {
      display: none !important; }
  
    .cart_image {
      max-width: 60px;
      padding-right: 10px; }
  
    .action_button {
      font-size: 12px; }
  
    h1, h2, h3, h4, h5, h6, .collection_title, .empty_cart {
      font-size: 110%;
      line-height: 1.5em; }
  
    h1, h1.home, .title a, h2 {
      padding: 0; } }
  @media only screen and (min-device-width: 320px) and (max-device-width: 1024px) {
    html {
      -webkit-text-size-adjust: 100%; } }
  @font-face {
    font-family: 'turbo';
    src: url("//cdn.shopify.com/s/files/1/0399/1086/7094/t/46/assets/turbo.eot?v=2244629899368896328");
    src: url("//cdn.shopify.com/s/files/1/0399/1086/7094/t/46/assets/turbo.eot?v=2244629899368896328") format("embedded-opentype"), url("//cdn.shopify.com/s/files/1/0399/1086/7094/t/46/assets/turbo.woff?v=187629396740283540") format("woff"), url("//cdn.shopify.com/s/files/1/0399/1086/7094/t/46/assets/turbo.ttf?v=3522107514236064837") format("truetype"), url("//cdn.shopify.com/s/files/1/0399/1086/7094/t/46/assets/turbo.svg?v=3149037328364857519") format("svg");
    font-weight: normal;
    font-style: normal; }
  
  [class^="icon-"]:before, [class*=" icon-"]:before {
    font-family: "turbo";
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .15em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  
  .icon-pinterest:before {
    content: "\e906"; }
  
  .icon-bag:before {
    content: "\e900"; }
  
  .icon-cart:before {
    content: "\e901"; }
  
  .icon-check:before {
    content: "\e902"; }
  
  .icon-cross:before {
    content: "\e903"; }
  
  .icon-down-arrow:before {
    content: "\e904"; }
  
  .icon-mail:before {
    content: "\e905"; }
  
  .icon-left-arrow:before {
    content: "\e90a"; }
  
  .icon-menu:before {
    content: "\e90c"; }
  
  .icon-minus:before {
    content: "\e90d"; }
  
  .icon-phone:before {
    content: "\e90e"; }
  
  .icon-plus:before {
    content: "\e910"; }
  
  .icon-right-arrow:before {
    content: "\e911";
    margin-right: 0; }
  
  .icon-search:before {
    content: "\e913"; }
  
  .icon-up-arrow:before {
    content: "\e917"; }
  
  .icon-user:before {
    content: "\e918"; }
  
  .icon-youtube:before {
    content: "\e914"; }
  
  .icon-gplus:before {
    content: "\e907"; }
  
  .icon-vimeo:before {
    content: "\e912"; }
  
  .icon-rss:before {
    content: "\e908"; }
  
  .icon-houzz:before {
    content: "\e909"; }
  
  .icon-snapchat:before {
    content: "\e90b"; }
  
  .icon-instagram:before {
    content: "\e90f"; }
  
  .icon-facebook:before {
    content: "\ea90"; }
  
  .icon-twitter:before {
    content: "\ea96"; }
  
  .icon-tumblr:before {
    content: "\eab9"; }
  
  .icon-linkedin:before {
    content: "\eaca"; }
  
  .icon-twitter-share:before {
    content: "\ea96"; }
  
  .icon-facebook-share:before {
    content: "\ea90"; }
  
  .icon-gplus-share:before {
    content: "\e907"; }
  
  .icon-pinterest-share:before {
    content: "\e906"; }
  
  .icon-mail-share:before {
    content: "\e905"; }
  
  span.icon-down-arrow {
    padding: 0 !important;
    font-size: 12px !important; }
  
  @-moz-document url-prefix() {
    .menu span.icon-down-arrow {
      top: -2px; } }
  
  .menu li.search_link {
    display: none;
    padding-left: 10px;
    padding-right: 10px; }
  
  .sticky_nav .menu li.search_link {
    display: inline-block;
    float: right; }
  
  .sticky_nav .menu-position--block .logo {
    display: none; }
  
  .menu li.search_container {
    width: 30%;
    float: right;
    padding-top: 3px; }
    @media (min-width: 1400px) {
      .menu li.search_container {
        margin-left: 15px; } }
  
  .logo-align--left .menu li.search_container {
    width: 18%; }
  
  .menu-position--block .menu li.search_container {
    width: 18%;
    float: none; }
  
  form.search_form, .search_form input {
    padding-top: 0;
    margin-bottom: 0;
    position: relative;
    -webkit-appearance: none;
    border-radius: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased; }
  
  .search_form input, .search_form input:active, .search_form input:focus {
    font-family: Roboto;
    font-weight: normal;
    font-size: 12px;
    letter-spacing: 1px;
    color: #8d8d8d;
    background-color: transparent;
    padding-right: 35px;
    border-color: #8d8d8d; }
  
  .header_search_form {
    width: 60%;
    margin: 0 auto 30px auto;
    padding: 30px 0 0 0;
    position: relative;
    border-bottom: solid 1px #8d8d8d; }
    @media (max-width: 480px) {
      .header_search_form {
        width: 90%; } }
  
  .header_search_form input, .header_search_form input:focus, .header_search_form input:active {
    background-color: transparent;
    font-family: Roboto;
    font-weight: normal;
    color: #8d8d8d;
    font-weight: normal;
    letter-spacing: 1px;
    border: none;
    font-size: 36px;
    line-height: 36px; }
    @media (max-width: 480px) {
      .header_search_form input, .header_search_form input:focus, .header_search_form input:active {
        font-size: 22px;
        line-height: 22px;
        margin-bottom: 10px; } }
  
  .header_search_form .search-submit {
    top: 38px;
    font-size: 30px; }
    @media (max-width: 480px) {
      .header_search_form .search-submit {
        top: 42px;
        font-size: 20px; } }
  
  .feature_image .search_form input, .feature_image .search_form input:active, .feature_image .search_form input:focus {
    color: #d9d9d9;
    border: 1px solid #d9d9d9; }
  
  .feature_image .search_form input::-webkit-input-placeholder {
    color: #d9d9d9; }
  
  .feature_image .search_form input:-moz-placeholder {
    /* Firefox 18- */
    color: #d9d9d9; }
  
  .feature_image .search_form input::-moz-placeholder {
    /* Firefox 19+ */
    color: #d9d9d9; }
  
  .feature_image .search_form input:-ms-input-placeholder {
    color: #d9d9d9; }
  
  .search_form input::-webkit-input-placeholder {
    color: #8d8d8d; }
  
  .search_form input:-moz-placeholder {
    /* Firefox 18- */
    color: #8d8d8d; }
  
  .search_form input::-moz-placeholder {
    /* Firefox 19+ */
    color: #8d8d8d; }
  
  .search_form input:-ms-input-placeholder {
    color: #8d8d8d; }
  
  .search_form input:focus::-webkit-input-placeholder {
    color: #ff9200; }
  
  .search_form input:focus:-moz-placeholder {
    /* Firefox 18- */
    color: #ff9200; }
  
  .search_form input:focus::-moz-placeholder {
    /* Firefox 19+ */
    color: #ff9200; }
  
  .search_form input:focus:-ms-input-placeholder {
    color: #ff9200; }
  
  .feature_image .search_form input, .feature_image .search_form input:active, .feature_image .search_form input:focus {
    color: #d9d9d9;
    border: 1px solid #d9d9d9; }
  
  .feature_image .search_form input::-webkit-input-placeholder {
    color: #d9d9d9; }
  
  .feature_image .search_form input:-moz-placeholder {
    /* Firefox 18- */
    color: #d9d9d9; }
  
  .feature_image .search_form input::-moz-placeholder {
    /* Firefox 19+ */
    color: #d9d9d9; }
  
  .feature_image .search_form input:-ms-input-placeholder {
    color: #d9d9d9; }
  
  .search-submit {
    position: absolute;
    z-index: 1000;
    color: #8d8d8d;
    font-size: 20px;
    top: 9px;
    right: 7px;
    cursor: pointer; }
  
  .feature_image .search-submit {
    color: #d9d9d9; }
  
  .blog_search .search-submit {
    color: #333333;
    top: 10px;
    right: 8px;
    z-index: 1; }
  
  .social_icons {
    margin-left: 0;
    margin-top: 0; }
  
  .social_icons li {
    display: inline;
    padding-right: 2px; }
  
  @media (max-width: 768px) {
    footer .footer-social-icons {
      display: none; } }
  
  footer .footer-social-icons--mobile.columns {
    display: none;
    padding-left: 0; }
    @media (max-width: 768px) {
      footer .footer-social-icons--mobile.columns {
        display: block; }
        footer .footer-social-icons--mobile.columns > ul {
          display: block;
          padding-left: 0; } }
  
  footer .social_icons {
    display: block;
    margin-top: 15px;
    padding: 0; }
    @media (max-width: 768px) {
      footer .social_icons {
        padding-left: 0;
        text-align: center; } }
  
  footer .social_icons a, footer .social_icons a:visited {
    color: #333232;
    font-size: 15px;
    display: inline-block;
    margin-bottom: 1em; }
    @media (max-width: 480px) {
      footer .social_icons a, footer .social_icons a:visited {
        margin-bottom: 0; } }
  
  footer .social_icons a:active, footer .social_icons a:hover {
    color: #5a5858;
    font-size: 17px; }
  
  /* Animate.css - http://daneden.me/animate
  Licensed under the MIT license
  
  Copyright (c) 2013 Daniel Eden
  */
  .animated {
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both; }
  
  .animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite; }
  
  .animated.hinge {
    -webkit-animation-duration: 2s;
    animation-duration: 2s; }
  
  @-webkit-keyframes bounce {
    0%,100%,20%,50%,80% {
      -webkit-transform: translateY(0);
      transform: translateY(0); }
  
    40% {
      -webkit-transform: translateY(-30px);
      transform: translateY(-30px); }
  
    60% {
      -webkit-transform: translateY(-15px);
      transform: translateY(-15px); } }
  
  @keyframes bounce {
    0%,100%,20%,50%,80% {
      -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
      transform: translateY(0); }
  
    40% {
      -webkit-transform: translateY(-30px);
      -ms-transform: translateY(-30px);
      transform: translateY(-30px); }
  
    60% {
      -webkit-transform: translateY(-15px);
      -ms-transform: translateY(-15px);
      transform: translateY(-15px); } }
  
  .bounce {
    -webkit-animation-name: bounce;
    animation-name: bounce; }
  
  @-webkit-keyframes flash {
    0%,100%,50% {
      opacity: 1; }
  
    25%,75% {
      opacity: 0; } }
  
  @keyframes flash {
    0%,100%,50% {
      opacity: 1; }
  
    25%,75% {
      opacity: 0; } }
  
  .flash {
    -webkit-animation-name: flash;
    animation-name: flash; }
  
  @-webkit-keyframes pulse {
    0% {
      -webkit-transform: scale(1);
      transform: scale(1); }
  
    50% {
      -webkit-transform: scale(1.1);
      transform: scale(1.1); }
  
    100% {
      -webkit-transform: scale(1);
      transform: scale(1); } }
  
  @keyframes pulse {
    0% {
      -webkit-transform: scale(1);
      -ms-transform: scale(1);
      transform: scale(1); }
  
    50% {
      -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
      transform: scale(1.1); }
  
    100% {
      -webkit-transform: scale(1);
      -ms-transform: scale(1);
      transform: scale(1); } }
  
  .pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse; }
  
  @-webkit-keyframes rubberBand {
    0% {
      -webkit-transform: scale(1);
      transform: scale(1); }
  
    30% {
      -webkit-transform: scaleX(1.25) scaleY(0.75);
      transform: scaleX(1.25) scaleY(0.75); }
  
    40% {
      -webkit-transform: scaleX(0.75) scaleY(1.25);
      transform: scaleX(0.75) scaleY(1.25); }
  
    60% {
      -webkit-transform: scaleX(1.15) scaleY(0.85);
      transform: scaleX(1.15) scaleY(0.85); }
  
    100% {
      -webkit-transform: scale(1);
      transform: scale(1); } }
  
  @keyframes rubberBand {
    0% {
      -webkit-transform: scale(1);
      -ms-transform: scale(1);
      transform: scale(1); }
  
    30% {
      -webkit-transform: scaleX(1.25) scaleY(0.75);
      -ms-transform: scaleX(1.25) scaleY(0.75);
      transform: scaleX(1.25) scaleY(0.75); }
  
    40% {
      -webkit-transform: scaleX(0.75) scaleY(1.25);
      -ms-transform: scaleX(0.75) scaleY(1.25);
      transform: scaleX(0.75) scaleY(1.25); }
  
    60% {
      -webkit-transform: scaleX(1.15) scaleY(0.85);
      -ms-transform: scaleX(1.15) scaleY(0.85);
      transform: scaleX(1.15) scaleY(0.85); }
  
    100% {
      -webkit-transform: scale(1);
      -ms-transform: scale(1);
      transform: scale(1); } }
  
  .rubberBand {
    -webkit-animation-name: rubberBand;
    animation-name: rubberBand; }
  
  @-webkit-keyframes shake {
    0%,100% {
      -webkit-transform: translateX(0);
      transform: translateX(0); }
  
    10%,30%,50%,70%,90% {
      -webkit-transform: translateX(-10px);
      transform: translateX(-10px); }
  
    20%,40%,60%,80% {
      -webkit-transform: translateX(10px);
      transform: translateX(10px); } }
  
  @keyframes shake {
    0%,100% {
      -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
      transform: translateX(0); }
  
    10%,30%,50%,70%,90% {
      -webkit-transform: translateX(-10px);
      -ms-transform: translateX(-10px);
      transform: translateX(-10px); }
  
    20%,40%,60%,80% {
      -webkit-transform: translateX(10px);
      -ms-transform: translateX(10px);
      transform: translateX(10px); } }
  
  .shake {
    -webkit-animation-name: shake;
    animation-name: shake; }
  
  @-webkit-keyframes swing {
    20% {
      -webkit-transform: rotate(15deg);
      transform: rotate(15deg); }
  
    40% {
      -webkit-transform: rotate(-10deg);
      transform: rotate(-10deg); }
  
    60% {
      -webkit-transform: rotate(5deg);
      transform: rotate(5deg); }
  
    80% {
      -webkit-transform: rotate(-5deg);
      transform: rotate(-5deg); }
  
    100% {
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg); } }
  
  @keyframes swing {
    20% {
      -webkit-transform: rotate(15deg);
      -ms-transform: rotate(15deg);
      transform: rotate(15deg); }
  
    40% {
      -webkit-transform: rotate(-10deg);
      -ms-transform: rotate(-10deg);
      transform: rotate(-10deg); }
  
    60% {
      -webkit-transform: rotate(5deg);
      -ms-transform: rotate(5deg);
      transform: rotate(5deg); }
  
    80% {
      -webkit-transform: rotate(-5deg);
      -ms-transform: rotate(-5deg);
      transform: rotate(-5deg); }
  
    100% {
      -webkit-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
      transform: rotate(0deg); } }
  
  .swing {
    -webkit-transform-origin: top center;
    -ms-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation-name: swing;
    animation-name: swing; }
  
  @-webkit-keyframes tada {
    0% {
      -webkit-transform: scale(1);
      transform: scale(1); }
  
    10%,20% {
      -webkit-transform: scale(0.9) rotate(-3deg);
      transform: scale(0.9) rotate(-3deg); }
  
    30%,50%,70%,90% {
      -webkit-transform: scale(1.1) rotate(3deg);
      transform: scale(1.1) rotate(3deg); }
  
    40%,60%,80% {
      -webkit-transform: scale(1.1) rotate(-3deg);
      transform: scale(1.1) rotate(-3deg); }
  
    100% {
      -webkit-transform: scale(1) rotate(0);
      transform: scale(1) rotate(0); } }
  
  @keyframes tada {
    0% {
      -webkit-transform: scale(1);
      -ms-transform: scale(1);
      transform: scale(1); }
  
    10%,20% {
      -webkit-transform: scale(0.9) rotate(-3deg);
      -ms-transform: scale(0.9) rotate(-3deg);
      transform: scale(0.9) rotate(-3deg); }
  
    30%,50%,70%,90% {
      -webkit-transform: scale(1.1) rotate(3deg);
      -ms-transform: scale(1.1) rotate(3deg);
      transform: scale(1.1) rotate(3deg); }
  
    40%,60%,80% {
      -webkit-transform: scale(1.1) rotate(-3deg);
      -ms-transform: scale(1.1) rotate(-3deg);
      transform: scale(1.1) rotate(-3deg); }
  
    100% {
      -webkit-transform: scale(1) rotate(0);
      -ms-transform: scale(1) rotate(0);
      transform: scale(1) rotate(0); } }
  
  .tada {
    -webkit-animation-name: tada;
    animation-name: tada; }
  
  @-webkit-keyframes wobble {
    0% {
      -webkit-transform: translateX(0%);
      transform: translateX(0%); }
  
    15% {
      -webkit-transform: translateX(-25%) rotate(-5deg);
      transform: translateX(-25%) rotate(-5deg); }
  
    30% {
      -webkit-transform: translateX(20%) rotate(3deg);
      transform: translateX(20%) rotate(3deg); }
  
    45% {
      -webkit-transform: translateX(-15%) rotate(-3deg);
      transform: translateX(-15%) rotate(-3deg); }
  
    60% {
      -webkit-transform: translateX(10%) rotate(2deg);
      transform: translateX(10%) rotate(2deg); }
  
    75% {
      -webkit-transform: translateX(-5%) rotate(-1deg);
      transform: translateX(-5%) rotate(-1deg); }
  
    100% {
      -webkit-transform: translateX(0%);
      transform: translateX(0%); } }
  
  @keyframes wobble {
    0% {
      -webkit-transform: translateX(0%);
      -ms-transform: translateX(0%);
      transform: translateX(0%); }
  
    15% {
      -webkit-transform: translateX(-25%) rotate(-5deg);
      -ms-transform: translateX(-25%) rotate(-5deg);
      transform: translateX(-25%) rotate(-5deg); }
  
    30% {
      -webkit-transform: translateX(20%) rotate(3deg);
      -ms-transform: translateX(20%) rotate(3deg);
      transform: translateX(20%) rotate(3deg); }
  
    45% {
      -webkit-transform: translateX(-15%) rotate(-3deg);
      -ms-transform: translateX(-15%) rotate(-3deg);
      transform: translateX(-15%) rotate(-3deg); }
  
    60% {
      -webkit-transform: translateX(10%) rotate(2deg);
      -ms-transform: translateX(10%) rotate(2deg);
      transform: translateX(10%) rotate(2deg); }
  
    75% {
      -webkit-transform: translateX(-5%) rotate(-1deg);
      -ms-transform: translateX(-5%) rotate(-1deg);
      transform: translateX(-5%) rotate(-1deg); }
  
    100% {
      -webkit-transform: translateX(0%);
      -ms-transform: translateX(0%);
      transform: translateX(0%); } }
  
  .wobble {
    -webkit-animation-name: wobble;
    animation-name: wobble; }
  
  @-webkit-keyframes bounceIn {
    0% {
      opacity: 0;
      -webkit-transform: scale(0.3);
      transform: scale(0.3); }
  
    50% {
      opacity: 1;
      -webkit-transform: scale(1.05);
      transform: scale(1.05); }
  
    70% {
      -webkit-transform: scale(0.9);
      transform: scale(0.9); }
  
    100% {
      opacity: 1;
      -webkit-transform: scale(1);
      transform: scale(1); } }
  
  @keyframes bounceIn {
    0% {
      opacity: 0;
      -webkit-transform: scale(0.3);
      -ms-transform: scale(0.3);
      transform: scale(0.3); }
  
    50% {
      opacity: 1;
      -webkit-transform: scale(1.05);
      -ms-transform: scale(1.05);
      transform: scale(1.05); }
  
    70% {
      -webkit-transform: scale(0.9);
      -ms-transform: scale(0.9);
      transform: scale(0.9); }
  
    100% {
      opacity: 1;
      -webkit-transform: scale(1);
      -ms-transform: scale(1);
      transform: scale(1); } }
  
  .bounceIn {
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn; }
  
  @-webkit-keyframes bounceInDown {
    0% {
      opacity: 0;
      -webkit-transform: translateY(-2000px);
      transform: translateY(-2000px); }
  
    60% {
      opacity: 1;
      -webkit-transform: translateY(30px);
      transform: translateY(30px); }
  
    80% {
      -webkit-transform: translateY(-10px);
      transform: translateY(-10px); }
  
    100% {
      -webkit-transform: translateY(0);
      transform: translateY(0); } }
  
  @keyframes bounceInDown {
    0% {
      opacity: 0;
      -webkit-transform: translateY(-2000px);
      -ms-transform: translateY(-2000px);
      transform: translateY(-2000px); }
  
    60% {
      opacity: 1;
      -webkit-transform: translateY(30px);
      -ms-transform: translateY(30px);
      transform: translateY(30px); }
  
    80% {
      -webkit-transform: translateY(-10px);
      -ms-transform: translateY(-10px);
      transform: translateY(-10px); }
  
    100% {
      -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
      transform: translateY(0); } }
  
  .bounceInDown {
    -webkit-animation-name: bounceInDown;
    animation-name: bounceInDown; }
  
  @-webkit-keyframes bounceInLeft {
    0% {
      opacity: 0;
      -webkit-transform: translateX(-2000px);
      transform: translateX(-2000px); }
  
    60% {
      opacity: 1;
      -webkit-transform: translateX(30px);
      transform: translateX(30px); }
  
    80% {
      -webkit-transform: translateX(-10px);
      transform: translateX(-10px); }
  
    100% {
      -webkit-transform: translateX(0);
      transform: translateX(0); } }
  
  @keyframes bounceInLeft {
    0% {
      opacity: 0;
      -webkit-transform: translateX(-2000px);
      -ms-transform: translateX(-2000px);
      transform: translateX(-2000px); }
  
    60% {
      opacity: 1;
      -webkit-transform: translateX(30px);
      -ms-transform: translateX(30px);
      transform: translateX(30px); }
  
    80% {
      -webkit-transform: translateX(-10px);
      -ms-transform: translateX(-10px);
      transform: translateX(-10px); }
  
    100% {
      -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
      transform: translateX(0); } }
  
  .bounceInLeft {
    -webkit-animation-name: bounceInLeft;
    animation-name: bounceInLeft; }
  
  @-webkit-keyframes bounceInRight {
    0% {
      opacity: 0;
      -webkit-transform: translateX(2000px);
      transform: translateX(2000px); }
  
    60% {
      opacity: 1;
      -webkit-transform: translateX(-30px);
      transform: translateX(-30px); }
  
    80% {
      -webkit-transform: translateX(10px);
      transform: translateX(10px); }
  
    100% {
      -webkit-transform: translateX(0);
      transform: translateX(0); } }
  
  @keyframes bounceInRight {
    0% {
      opacity: 0;
      -webkit-transform: translateX(2000px);
      -ms-transform: translateX(2000px);
      transform: translateX(2000px); }
  
    60% {
      opacity: 1;
      -webkit-transform: translateX(-30px);
      -ms-transform: translateX(-30px);
      transform: translateX(-30px); }
  
    80% {
      -webkit-transform: translateX(10px);
      -ms-transform: translateX(10px);
      transform: translateX(10px); }
  
    100% {
      -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
      transform: translateX(0); } }
  
  .bounceInRight {
    -webkit-animation-name: bounceInRight;
    animation-name: bounceInRight; }
  
  @-webkit-keyframes bounceInUp {
    0% {
      opacity: 0;
      -webkit-transform: translateY(2000px);
      transform: translateY(2000px); }
  
    60% {
      opacity: 1;
      -webkit-transform: translateY(-30px);
      transform: translateY(-30px); }
  
    80% {
      -webkit-transform: translateY(10px);
      transform: translateY(10px); }
  
    100% {
      -webkit-transform: translateY(0);
      transform: translateY(0); } }
  
  @keyframes bounceInUp {
    0% {
      opacity: 0;
      -webkit-transform: translateY(2000px);
      -ms-transform: translateY(2000px);
      transform: translateY(2000px); }
  
    60% {
      opacity: 1;
      -webkit-transform: translateY(-30px);
      -ms-transform: translateY(-30px);
      transform: translateY(-30px); }
  
    80% {
      -webkit-transform: translateY(10px);
      -ms-transform: translateY(10px);
      transform: translateY(10px); }
  
    100% {
      -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
      transform: translateY(0); } }
  
  .bounceInUp {
    -webkit-animation-name: bounceInUp;
    animation-name: bounceInUp; }
  
  @-webkit-keyframes bounceOut {
    0% {
      -webkit-transform: scale(1);
      transform: scale(1); }
  
    25% {
      -webkit-transform: scale(0.95);
      transform: scale(0.95); }
  
    50% {
      opacity: 1;
      -webkit-transform: scale(1.1);
      transform: scale(1.1); }
  
    100% {
      opacity: 0;
      -webkit-transform: scale(0.3);
      transform: scale(0.3); } }
  
  @keyframes bounceOut {
    0% {
      -webkit-transform: scale(1);
      -ms-transform: scale(1);
      transform: scale(1); }
  
    25% {
      -webkit-transform: scale(0.95);
      -ms-transform: scale(0.95);
      transform: scale(0.95); }
  
    50% {
      opacity: 1;
      -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
      transform: scale(1.1); }
  
    100% {
      opacity: 0;
      -webkit-transform: scale(0.3);
      -ms-transform: scale(0.3);
      transform: scale(0.3); } }
  
  .bounceOut {
    -webkit-animation-name: bounceOut;
    animation-name: bounceOut; }
  
  @-webkit-keyframes bounceOutDown {
    0% {
      -webkit-transform: translateY(0);
      transform: translateY(0); }
  
    20% {
      opacity: 1;
      -webkit-transform: translateY(-20px);
      transform: translateY(-20px); }
  
    100% {
      opacity: 0;
      -webkit-transform: translateY(2000px);
      transform: translateY(2000px); } }
  
  @keyframes bounceOutDown {
    0% {
      -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
      transform: translateY(0); }
  
    20% {
      opacity: 1;
      -webkit-transform: translateY(-20px);
      -ms-transform: translateY(-20px);
      transform: translateY(-20px); }
  
    100% {
      opacity: 0;
      -webkit-transform: translateY(2000px);
      -ms-transform: translateY(2000px);
      transform: translateY(2000px); } }
  
  .bounceOutDown {
    -webkit-animation-name: bounceOutDown;
    animation-name: bounceOutDown; }
  
  @-webkit-keyframes bounceOutLeft {
    0% {
      -webkit-transform: translateX(0);
      transform: translateX(0); }
  
    20% {
      opacity: 1;
      -webkit-transform: translateX(20px);
      transform: translateX(20px); }
  
    100% {
      opacity: 0;
      -webkit-transform: translateX(-2000px);
      transform: translateX(-2000px); } }
  
  @keyframes bounceOutLeft {
    0% {
      -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
      transform: translateX(0); }
  
    20% {
      opacity: 1;
      -webkit-transform: translateX(20px);
      -ms-transform: translateX(20px);
      transform: translateX(20px); }
  
    100% {
      opacity: 0;
      -webkit-transform: translateX(-2000px);
      -ms-transform: translateX(-2000px);
      transform: translateX(-2000px); } }
  
  .bounceOutLeft {
    -webkit-animation-name: bounceOutLeft;
    animation-name: bounceOutLeft; }
  
  @-webkit-keyframes bounceOutRight {
    0% {
      -webkit-transform: translateX(0);
      transform: translateX(0); }
  
    20% {
      opacity: 1;
      -webkit-transform: translateX(-20px);
      transform: translateX(-20px); }
  
    100% {
      opacity: 0;
      -webkit-transform: translateX(2000px);
      transform: translateX(2000px); } }
  
  @keyframes bounceOutRight {
    0% {
      -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
      transform: translateX(0); }
  
    20% {
      opacity: 1;
      -webkit-transform: translateX(-20px);
      -ms-transform: translateX(-20px);
      transform: translateX(-20px); }
  
    100% {
      opacity: 0;
      -webkit-transform: translateX(2000px);
      -ms-transform: translateX(2000px);
      transform: translateX(2000px); } }
  
  .bounceOutRight {
    -webkit-animation-name: bounceOutRight;
    animation-name: bounceOutRight; }
  
  @-webkit-keyframes bounceOutUp {
    0% {
      -webkit-transform: translateY(0);
      transform: translateY(0); }
  
    20% {
      opacity: 1;
      -webkit-transform: translateY(20px);
      transform: translateY(20px); }
  
    100% {
      opacity: 0;
      -webkit-transform: translateY(-2000px);
      transform: translateY(-2000px); } }
  
  @keyframes bounceOutUp {
    0% {
      -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
      transform: translateY(0); }
  
    20% {
      opacity: 1;
      -webkit-transform: translateY(20px);
      -ms-transform: translateY(20px);
      transform: translateY(20px); }
  
    100% {
      opacity: 0;
      -webkit-transform: translateY(-2000px);
      -ms-transform: translateY(-2000px);
      transform: translateY(-2000px); } }
  
  .bounceOutUp {
    -webkit-animation-name: bounceOutUp;
    animation-name: bounceOutUp; }
  
  @-webkit-keyframes fadeIn {
    0% {
      opacity: 0; }
  
    100% {
      opacity: 1; } }
  
  @keyframes fadeIn {
    0% {
      opacity: 0; }
  
    100% {
      opacity: 1; } }
  
  .fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn; }
  
  @-webkit-keyframes fadeInDown {
    0% {
      opacity: 0;
      -webkit-transform: translateY(-20px);
      transform: translateY(-20px); }
  
    100% {
      opacity: 1;
      -webkit-transform: translateY(0);
      transform: translateY(0); } }
  
  @keyframes fadeInDown {
    0% {
      opacity: 0;
      -webkit-transform: translateY(-20px);
      -ms-transform: translateY(-20px);
      transform: translateY(-20px); }
  
    100% {
      opacity: 1;
      -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
      transform: translateY(0); } }
  
  .fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown; }
  
  @-webkit-keyframes fadeInDownBig {
    0% {
      opacity: 0;
      -webkit-transform: translateY(-2000px);
      transform: translateY(-2000px); }
  
    100% {
      opacity: 1;
      -webkit-transform: translateY(0);
      transform: translateY(0); } }
  
  @keyframes fadeInDownBig {
    0% {
      opacity: 0;
      -webkit-transform: translateY(-2000px);
      -ms-transform: translateY(-2000px);
      transform: translateY(-2000px); }
  
    100% {
      opacity: 1;
      -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
      transform: translateY(0); } }
  
  .fadeInDownBig {
    -webkit-animation-name: fadeInDownBig;
    animation-name: fadeInDownBig; }
  
  @-webkit-keyframes fadeInLeft {
    0% {
      opacity: 0;
      -webkit-transform: translateX(-20px);
      transform: translateX(-20px); }
  
    100% {
      opacity: 1;
      -webkit-transform: translateX(0);
      transform: translateX(0); } }
  
  @keyframes fadeInLeft {
    0% {
      opacity: 0;
      -webkit-transform: translateX(-20px);
      -ms-transform: translateX(-20px);
      transform: translateX(-20px); }
  
    100% {
      opacity: 1;
      -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
      transform: translateX(0); } }
  
  .fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft; }
  
  @-webkit-keyframes fadeInLeftBig {
    0% {
      opacity: 0;
      -webkit-transform: translateX(-2000px);
      transform: translateX(-2000px); }
  
    100% {
      opacity: 1;
      -webkit-transform: translateX(0);
      transform: translateX(0); } }
  
  @keyframes fadeInLeftBig {
    0% {
      opacity: 0;
      -webkit-transform: translateX(-2000px);
      -ms-transform: translateX(-2000px);
      transform: translateX(-2000px); }
  
    100% {
      opacity: 1;
      -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
      transform: translateX(0); } }
  
  .fadeInLeftBig {
    -webkit-animation-name: fadeInLeftBig;
    animation-name: fadeInLeftBig; }
  
  @-webkit-keyframes fadeInRight {
    0% {
      opacity: 0;
      -webkit-transform: translateX(20px);
      transform: translateX(20px); }
  
    100% {
      opacity: 1;
      -webkit-transform: translateX(0);
      transform: translateX(0); } }
  
  @keyframes fadeInRight {
    0% {
      opacity: 0;
      -webkit-transform: translateX(20px);
      -ms-transform: translateX(20px);
      transform: translateX(20px); }
  
    100% {
      opacity: 1;
      -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
      transform: translateX(0); } }
  
  .fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight; }
  
  @-webkit-keyframes fadeInRightBig {
    0% {
      opacity: 0;
      -webkit-transform: translateX(2000px);
      transform: translateX(2000px); }
  
    100% {
      opacity: 1;
      -webkit-transform: translateX(0);
      transform: translateX(0); } }
  
  @keyframes fadeInRightBig {
    0% {
      opacity: 0;
      -webkit-transform: translateX(2000px);
      -ms-transform: translateX(2000px);
      transform: translateX(2000px); }
  
    100% {
      opacity: 1;
      -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
      transform: translateX(0); } }
  
  .fadeInRightBig {
    -webkit-animation-name: fadeInRightBig;
    animation-name: fadeInRightBig; }
  
  @-webkit-keyframes fadeInUp {
    0% {
      opacity: 0;
      -webkit-transform: translateY(20px);
      transform: translateY(20px); }
  
    100% {
      opacity: 1;
      -webkit-transform: translateY(0);
      transform: translateY(0); } }
  
  @keyframes fadeInUp {
    0% {
      opacity: 0;
      -webkit-transform: translateY(20px);
      -ms-transform: translateY(20px);
      transform: translateY(20px); }
  
    100% {
      opacity: 1;
      -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
      transform: translateY(0); } }
  
  .fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp; }
  
  @-webkit-keyframes fadeInUpBig {
    0% {
      opacity: 0;
      -webkit-transform: translateY(2000px);
      transform: translateY(2000px); }
  
    100% {
      opacity: 1;
      -webkit-transform: translateY(0);
      transform: translateY(0); } }
  
  @keyframes fadeInUpBig {
    0% {
      opacity: 0;
      -webkit-transform: translateY(2000px);
      -ms-transform: translateY(2000px);
      transform: translateY(2000px); }
  
    100% {
      opacity: 1;
      -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
      transform: translateY(0); } }
  
  .fadeInUpBig {
    -webkit-animation-name: fadeInUpBig;
    animation-name: fadeInUpBig; }
  
  @-webkit-keyframes fadeOut {
    0% {
      opacity: 1; }
  
    100% {
      opacity: 0; } }
  
  @keyframes fadeOut {
    0% {
      opacity: 1; }
  
    100% {
      opacity: 0; } }
  
  .fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut; }
  
  @-webkit-keyframes fadeOutDown {
    0% {
      opacity: 1;
      -webkit-transform: translateY(0);
      transform: translateY(0); }
  
    100% {
      opacity: 0;
      -webkit-transform: translateY(20px);
      transform: translateY(20px); } }
  
  @keyframes fadeOutDown {
    0% {
      opacity: 1;
      -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
      transform: translateY(0); }
  
    100% {
      opacity: 0;
      -webkit-transform: translateY(20px);
      -ms-transform: translateY(20px);
      transform: translateY(20px); } }
  
  .fadeOutDown {
    -webkit-animation-name: fadeOutDown;
    animation-name: fadeOutDown; }
  
  @-webkit-keyframes fadeOutDownBig {
    0% {
      opacity: 1;
      -webkit-transform: translateY(0);
      transform: translateY(0); }
  
    100% {
      opacity: 0;
      -webkit-transform: translateY(2000px);
      transform: translateY(2000px); } }
  
  @keyframes fadeOutDownBig {
    0% {
      opacity: 1;
      -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
      transform: translateY(0); }
  
    100% {
      opacity: 0;
      -webkit-transform: translateY(2000px);
      -ms-transform: translateY(2000px);
      transform: translateY(2000px); } }
  
  .fadeOutDownBig {
    -webkit-animation-name: fadeOutDownBig;
    animation-name: fadeOutDownBig; }
  
  @-webkit-keyframes fadeOutLeft {
    0% {
      opacity: 1;
      -webkit-transform: translateX(0);
      transform: translateX(0); }
  
    100% {
      opacity: 0;
      -webkit-transform: translateX(-20px);
      transform: translateX(-20px); } }
  
  @keyframes fadeOutLeft {
    0% {
      opacity: 1;
      -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
      transform: translateX(0); }
  
    100% {
      opacity: 0;
      -webkit-transform: translateX(-20px);
      -ms-transform: translateX(-20px);
      transform: translateX(-20px); } }
  
  .fadeOutLeft {
    -webkit-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft; }
  
  @-webkit-keyframes fadeOutLeftBig {
    0% {
      opacity: 1;
      -webkit-transform: translateX(0);
      transform: translateX(0); }
  
    100% {
      opacity: 0;
      -webkit-transform: translateX(-2000px);
      transform: translateX(-2000px); } }
  
  @keyframes fadeOutLeftBig {
    0% {
      opacity: 1;
      -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
      transform: translateX(0); }
  
    100% {
      opacity: 0;
      -webkit-transform: translateX(-2000px);
      -ms-transform: translateX(-2000px);
      transform: translateX(-2000px); } }
  
  .fadeOutLeftBig {
    -webkit-animation-name: fadeOutLeftBig;
    animation-name: fadeOutLeftBig; }
  
  @-webkit-keyframes fadeOutRight {
    0% {
      opacity: 1;
      -webkit-transform: translateX(0);
      transform: translateX(0); }
  
    100% {
      opacity: 0;
      -webkit-transform: translateX(20px);
      transform: translateX(20px); } }
  
  @keyframes fadeOutRight {
    0% {
      opacity: 1;
      -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
      transform: translateX(0); }
  
    100% {
      opacity: 0;
      -webkit-transform: translateX(20px);
      -ms-transform: translateX(20px);
      transform: translateX(20px); } }
  
  .fadeOutRight {
    -webkit-animation-name: fadeOutRight;
    animation-name: fadeOutRight; }
  
  @-webkit-keyframes fadeOutRightBig {
    0% {
      opacity: 1;
      -webkit-transform: translateX(0);
      transform: translateX(0); }
  
    100% {
      opacity: 0;
      -webkit-transform: translateX(2000px);
      transform: translateX(2000px); } }
  
  @keyframes fadeOutRightBig {
    0% {
      opacity: 1;
      -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
      transform: translateX(0); }
  
    100% {
      opacity: 0;
      -webkit-transform: translateX(2000px);
      -ms-transform: translateX(2000px);
      transform: translateX(2000px); } }
  
  .fadeOutRightBig {
    -webkit-animation-name: fadeOutRightBig;
    animation-name: fadeOutRightBig; }
  
  @-webkit-keyframes fadeOutUp {
    0% {
      opacity: 1;
      -webkit-transform: translateY(0);
      transform: translateY(0); }
  
    100% {
      opacity: 0;
      -webkit-transform: translateY(-20px);
      transform: translateY(-20px); } }
  
  @keyframes fadeOutUp {
    0% {
      opacity: 1;
      -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
      transform: translateY(0); }
  
    100% {
      opacity: 0;
      -webkit-transform: translateY(-20px);
      -ms-transform: translateY(-20px);
      transform: translateY(-20px); } }
  
  .fadeOutUp {
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp; }
  
  @-webkit-keyframes fadeOutUpBig {
    0% {
      opacity: 1;
      -webkit-transform: translateY(0);
      transform: translateY(0); }
  
    100% {
      opacity: 0;
      -webkit-transform: translateY(-2000px);
      transform: translateY(-2000px); } }
  
  @keyframes fadeOutUpBig {
    0% {
      opacity: 1;
      -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
      transform: translateY(0); }
  
    100% {
      opacity: 0;
      -webkit-transform: translateY(-2000px);
      -ms-transform: translateY(-2000px);
      transform: translateY(-2000px); } }
  
  .fadeOutUpBig {
    -webkit-animation-name: fadeOutUpBig;
    animation-name: fadeOutUpBig; }
  
  @-webkit-keyframes flip {
    0% {
      -webkit-transform: perspective(400px) translateZ(0) rotateY(-360deg) scale(1);
      transform: perspective(400px) translateZ(0) rotateY(-360deg) scale(1);
      -webkit-animation-timing-function: ease-out;
      animation-timing-function: ease-out; }
  
    40% {
      -webkit-transform: perspective(400px) translateZ(150px) rotateY(-190deg) scale(1);
      transform: perspective(400px) translateZ(150px) rotateY(-190deg) scale(1);
      -webkit-animation-timing-function: ease-out;
      animation-timing-function: ease-out; }
  
    50% {
      -webkit-transform: perspective(400px) translateZ(150px) rotateY(-170deg) scale(1);
      transform: perspective(400px) translateZ(150px) rotateY(-170deg) scale(1);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in; }
  
    80% {
      -webkit-transform: perspective(400px) translateZ(0) rotateY(0deg) scale(0.95);
      transform: perspective(400px) translateZ(0) rotateY(0deg) scale(0.95);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in; }
  
    100% {
      -webkit-transform: perspective(400px) translateZ(0) rotateY(0deg) scale(1);
      transform: perspective(400px) translateZ(0) rotateY(0deg) scale(1);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in; } }
  
  @keyframes flip {
    0% {
      -webkit-transform: perspective(400px) translateZ(0) rotateY(-360deg) scale(1);
      -ms-transform: perspective(400px) translateZ(0) rotateY(-360deg) scale(1);
      transform: perspective(400px) translateZ(0) rotateY(-360deg) scale(1);
      -webkit-animation-timing-function: ease-out;
      animation-timing-function: ease-out; }
  
    40% {
      -webkit-transform: perspective(400px) translateZ(150px) rotateY(-190deg) scale(1);
      -ms-transform: perspective(400px) translateZ(150px) rotateY(-190deg) scale(1);
      transform: perspective(400px) translateZ(150px) rotateY(-190deg) scale(1);
      -webkit-animation-timing-function: ease-out;
      animation-timing-function: ease-out; }
  
    50% {
      -webkit-transform: perspective(400px) translateZ(150px) rotateY(-170deg) scale(1);
      -ms-transform: perspective(400px) translateZ(150px) rotateY(-170deg) scale(1);
      transform: perspective(400px) translateZ(150px) rotateY(-170deg) scale(1);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in; }
  
    80% {
      -webkit-transform: perspective(400px) translateZ(0) rotateY(0deg) scale(0.95);
      -ms-transform: perspective(400px) translateZ(0) rotateY(0deg) scale(0.95);
      transform: perspective(400px) translateZ(0) rotateY(0deg) scale(0.95);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in; }
  
    100% {
      -webkit-transform: perspective(400px) translateZ(0) rotateY(0deg) scale(1);
      -ms-transform: perspective(400px) translateZ(0) rotateY(0deg) scale(1);
      transform: perspective(400px) translateZ(0) rotateY(0deg) scale(1);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in; } }
  
  .animated.flip {
    -webkit-backface-visibility: visible;
    -ms-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-animation-name: flip;
    animation-name: flip; }
  
  @-webkit-keyframes flipInX {
    0% {
      -webkit-transform: perspective(400px) rotateX(90deg);
      transform: perspective(400px) rotateX(90deg);
      opacity: 0; }
  
    40% {
      -webkit-transform: perspective(400px) rotateX(-10deg);
      transform: perspective(400px) rotateX(-10deg); }
  
    70% {
      -webkit-transform: perspective(400px) rotateX(10deg);
      transform: perspective(400px) rotateX(10deg); }
  
    100% {
      -webkit-transform: perspective(400px) rotateX(0deg);
      transform: perspective(400px) rotateX(0deg);
      opacity: 1; } }
  
  @keyframes flipInX {
    0% {
      -webkit-transform: perspective(400px) rotateX(90deg);
      -ms-transform: perspective(400px) rotateX(90deg);
      transform: perspective(400px) rotateX(90deg);
      opacity: 0; }
  
    40% {
      -webkit-transform: perspective(400px) rotateX(-10deg);
      -ms-transform: perspective(400px) rotateX(-10deg);
      transform: perspective(400px) rotateX(-10deg); }
  
    70% {
      -webkit-transform: perspective(400px) rotateX(10deg);
      -ms-transform: perspective(400px) rotateX(10deg);
      transform: perspective(400px) rotateX(10deg); }
  
    100% {
      -webkit-transform: perspective(400px) rotateX(0deg);
      -ms-transform: perspective(400px) rotateX(0deg);
      transform: perspective(400px) rotateX(0deg);
      opacity: 1; } }
  
  .flipInX {
    -webkit-backface-visibility: visible !important;
    -ms-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInX;
    animation-name: flipInX; }
  
  @-webkit-keyframes flipInY {
    0% {
      -webkit-transform: perspective(400px) rotateY(90deg);
      transform: perspective(400px) rotateY(90deg);
      opacity: 0; }
  
    40% {
      -webkit-transform: perspective(400px) rotateY(-10deg);
      transform: perspective(400px) rotateY(-10deg); }
  
    70% {
      -webkit-transform: perspective(400px) rotateY(10deg);
      transform: perspective(400px) rotateY(10deg); }
  
    100% {
      -webkit-transform: perspective(400px) rotateY(0deg);
      transform: perspective(400px) rotateY(0deg);
      opacity: 1; } }
  
  @keyframes flipInY {
    0% {
      -webkit-transform: perspective(400px) rotateY(90deg);
      -ms-transform: perspective(400px) rotateY(90deg);
      transform: perspective(400px) rotateY(90deg);
      opacity: 0; }
  
    40% {
      -webkit-transform: perspective(400px) rotateY(-10deg);
      -ms-transform: perspective(400px) rotateY(-10deg);
      transform: perspective(400px) rotateY(-10deg); }
  
    70% {
      -webkit-transform: perspective(400px) rotateY(10deg);
      -ms-transform: perspective(400px) rotateY(10deg);
      transform: perspective(400px) rotateY(10deg); }
  
    100% {
      -webkit-transform: perspective(400px) rotateY(0deg);
      -ms-transform: perspective(400px) rotateY(0deg);
      transform: perspective(400px) rotateY(0deg);
      opacity: 1; } }
  
  .flipInY {
    -webkit-backface-visibility: visible !important;
    -ms-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInY;
    animation-name: flipInY; }
  
  @-webkit-keyframes flipOutX {
    0% {
      -webkit-transform: perspective(400px) rotateX(0deg);
      transform: perspective(400px) rotateX(0deg);
      opacity: 1; }
  
    100% {
      -webkit-transform: perspective(400px) rotateX(90deg);
      transform: perspective(400px) rotateX(90deg);
      opacity: 0; } }
  
  @keyframes flipOutX {
    0% {
      -webkit-transform: perspective(400px) rotateX(0deg);
      -ms-transform: perspective(400px) rotateX(0deg);
      transform: perspective(400px) rotateX(0deg);
      opacity: 1; }
  
    100% {
      -webkit-transform: perspective(400px) rotateX(90deg);
      -ms-transform: perspective(400px) rotateX(90deg);
      transform: perspective(400px) rotateX(90deg);
      opacity: 0; } }
  
  .flipOutX {
    -webkit-animation-name: flipOutX;
    animation-name: flipOutX;
    -webkit-backface-visibility: visible !important;
    -ms-backface-visibility: visible !important;
    backface-visibility: visible !important; }
  
  @-webkit-keyframes flipOutY {
    0% {
      -webkit-transform: perspective(400px) rotateY(0deg);
      transform: perspective(400px) rotateY(0deg);
      opacity: 1; }
  
    100% {
      -webkit-transform: perspective(400px) rotateY(90deg);
      transform: perspective(400px) rotateY(90deg);
      opacity: 0; } }
  
  @keyframes flipOutY {
    0% {
      -webkit-transform: perspective(400px) rotateY(0deg);
      -ms-transform: perspective(400px) rotateY(0deg);
      transform: perspective(400px) rotateY(0deg);
      opacity: 1; }
  
    100% {
      -webkit-transform: perspective(400px) rotateY(90deg);
      -ms-transform: perspective(400px) rotateY(90deg);
      transform: perspective(400px) rotateY(90deg);
      opacity: 0; } }
  
  .flipOutY {
    -webkit-backface-visibility: visible !important;
    -ms-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipOutY;
    animation-name: flipOutY; }
  
  @-webkit-keyframes lightSpeedIn {
    0% {
      -webkit-transform: translateX(100%) skewX(-30deg);
      transform: translateX(100%) skewX(-30deg);
      opacity: 0; }
  
    60% {
      -webkit-transform: translateX(-20%) skewX(30deg);
      transform: translateX(-20%) skewX(30deg);
      opacity: 1; }
  
    80% {
      -webkit-transform: translateX(0%) skewX(-15deg);
      transform: translateX(0%) skewX(-15deg);
      opacity: 1; }
  
    100% {
      -webkit-transform: translateX(0%) skewX(0deg);
      transform: translateX(0%) skewX(0deg);
      opacity: 1; } }
  
  @keyframes lightSpeedIn {
    0% {
      -webkit-transform: translateX(100%) skewX(-30deg);
      -ms-transform: translateX(100%) skewX(-30deg);
      transform: translateX(100%) skewX(-30deg);
      opacity: 0; }
  
    60% {
      -webkit-transform: translateX(-20%) skewX(30deg);
      -ms-transform: translateX(-20%) skewX(30deg);
      transform: translateX(-20%) skewX(30deg);
      opacity: 1; }
  
    80% {
      -webkit-transform: translateX(0%) skewX(-15deg);
      -ms-transform: translateX(0%) skewX(-15deg);
      transform: translateX(0%) skewX(-15deg);
      opacity: 1; }
  
    100% {
      -webkit-transform: translateX(0%) skewX(0deg);
      -ms-transform: translateX(0%) skewX(0deg);
      transform: translateX(0%) skewX(0deg);
      opacity: 1; } }
  
  .lightSpeedIn {
    -webkit-animation-name: lightSpeedIn;
    animation-name: lightSpeedIn;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  
  @-webkit-keyframes lightSpeedOut {
    0% {
      -webkit-transform: translateX(0%) skewX(0deg);
      transform: translateX(0%) skewX(0deg);
      opacity: 1; }
  
    100% {
      -webkit-transform: translateX(100%) skewX(-30deg);
      transform: translateX(100%) skewX(-30deg);
      opacity: 0; } }
  
  @keyframes lightSpeedOut {
    0% {
      -webkit-transform: translateX(0%) skewX(0deg);
      -ms-transform: translateX(0%) skewX(0deg);
      transform: translateX(0%) skewX(0deg);
      opacity: 1; }
  
    100% {
      -webkit-transform: translateX(100%) skewX(-30deg);
      -ms-transform: translateX(100%) skewX(-30deg);
      transform: translateX(100%) skewX(-30deg);
      opacity: 0; } }
  
  .lightSpeedOut {
    -webkit-animation-name: lightSpeedOut;
    animation-name: lightSpeedOut;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  
  @-webkit-keyframes rotateIn {
    0% {
      -webkit-transform-origin: center center;
      transform-origin: center center;
      -webkit-transform: rotate(-200deg);
      transform: rotate(-200deg);
      opacity: 0; }
  
    100% {
      -webkit-transform-origin: center center;
      transform-origin: center center;
      -webkit-transform: rotate(0);
      transform: rotate(0);
      opacity: 1; } }
  
  @keyframes rotateIn {
    0% {
      -webkit-transform-origin: center center;
      -ms-transform-origin: center center;
      transform-origin: center center;
      -webkit-transform: rotate(-200deg);
      -ms-transform: rotate(-200deg);
      transform: rotate(-200deg);
      opacity: 0; }
  
    100% {
      -webkit-transform-origin: center center;
      -ms-transform-origin: center center;
      transform-origin: center center;
      -webkit-transform: rotate(0);
      -ms-transform: rotate(0);
      transform: rotate(0);
      opacity: 1; } }
  
  .rotateIn {
    -webkit-animation-name: rotateIn;
    animation-name: rotateIn; }
  
  @-webkit-keyframes rotateInDownLeft {
    0% {
      -webkit-transform-origin: left bottom;
      transform-origin: left bottom;
      -webkit-transform: rotate(-90deg);
      transform: rotate(-90deg);
      opacity: 0; }
  
    100% {
      -webkit-transform-origin: left bottom;
      transform-origin: left bottom;
      -webkit-transform: rotate(0);
      transform: rotate(0);
      opacity: 1; } }
  
  @keyframes rotateInDownLeft {
    0% {
      -webkit-transform-origin: left bottom;
      -ms-transform-origin: left bottom;
      transform-origin: left bottom;
      -webkit-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
      transform: rotate(-90deg);
      opacity: 0; }
  
    100% {
      -webkit-transform-origin: left bottom;
      -ms-transform-origin: left bottom;
      transform-origin: left bottom;
      -webkit-transform: rotate(0);
      -ms-transform: rotate(0);
      transform: rotate(0);
      opacity: 1; } }
  
  .rotateInDownLeft {
    -webkit-animation-name: rotateInDownLeft;
    animation-name: rotateInDownLeft; }
  
  @-webkit-keyframes rotateInDownRight {
    0% {
      -webkit-transform-origin: right bottom;
      transform-origin: right bottom;
      -webkit-transform: rotate(90deg);
      transform: rotate(90deg);
      opacity: 0; }
  
    100% {
      -webkit-transform-origin: right bottom;
      transform-origin: right bottom;
      -webkit-transform: rotate(0);
      transform: rotate(0);
      opacity: 1; } }
  
  @keyframes rotateInDownRight {
    0% {
      -webkit-transform-origin: right bottom;
      -ms-transform-origin: right bottom;
      transform-origin: right bottom;
      -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
      transform: rotate(90deg);
      opacity: 0; }
  
    100% {
      -webkit-transform-origin: right bottom;
      -ms-transform-origin: right bottom;
      transform-origin: right bottom;
      -webkit-transform: rotate(0);
      -ms-transform: rotate(0);
      transform: rotate(0);
      opacity: 1; } }
  
  .rotateInDownRight {
    -webkit-animation-name: rotateInDownRight;
    animation-name: rotateInDownRight; }
  
  @-webkit-keyframes rotateInUpLeft {
    0% {
      -webkit-transform-origin: left bottom;
      transform-origin: left bottom;
      -webkit-transform: rotate(90deg);
      transform: rotate(90deg);
      opacity: 0; }
  
    100% {
      -webkit-transform-origin: left bottom;
      transform-origin: left bottom;
      -webkit-transform: rotate(0);
      transform: rotate(0);
      opacity: 1; } }
  
  @keyframes rotateInUpLeft {
    0% {
      -webkit-transform-origin: left bottom;
      -ms-transform-origin: left bottom;
      transform-origin: left bottom;
      -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
      transform: rotate(90deg);
      opacity: 0; }
  
    100% {
      -webkit-transform-origin: left bottom;
      -ms-transform-origin: left bottom;
      transform-origin: left bottom;
      -webkit-transform: rotate(0);
      -ms-transform: rotate(0);
      transform: rotate(0);
      opacity: 1; } }
  
  .rotateInUpLeft {
    -webkit-animation-name: rotateInUpLeft;
    animation-name: rotateInUpLeft; }
  
  @-webkit-keyframes rotateInUpRight {
    0% {
      -webkit-transform-origin: right bottom;
      transform-origin: right bottom;
      -webkit-transform: rotate(-90deg);
      transform: rotate(-90deg);
      opacity: 0; }
  
    100% {
      -webkit-transform-origin: right bottom;
      transform-origin: right bottom;
      -webkit-transform: rotate(0);
      transform: rotate(0);
      opacity: 1; } }
  
  @keyframes rotateInUpRight {
    0% {
      -webkit-transform-origin: right bottom;
      -ms-transform-origin: right bottom;
      transform-origin: right bottom;
      -webkit-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
      transform: rotate(-90deg);
      opacity: 0; }
  
    100% {
      -webkit-transform-origin: right bottom;
      -ms-transform-origin: right bottom;
      transform-origin: right bottom;
      -webkit-transform: rotate(0);
      -ms-transform: rotate(0);
      transform: rotate(0);
      opacity: 1; } }
  
  .rotateInUpRight {
    -webkit-animation-name: rotateInUpRight;
    animation-name: rotateInUpRight; }
  
  @-webkit-keyframes rotateOut {
    0% {
      -webkit-transform-origin: center center;
      transform-origin: center center;
      -webkit-transform: rotate(0);
      transform: rotate(0);
      opacity: 1; }
  
    100% {
      -webkit-transform-origin: center center;
      transform-origin: center center;
      -webkit-transform: rotate(200deg);
      transform: rotate(200deg);
      opacity: 0; } }
  
  @keyframes rotateOut {
    0% {
      -webkit-transform-origin: center center;
      -ms-transform-origin: center center;
      transform-origin: center center;
      -webkit-transform: rotate(0);
      -ms-transform: rotate(0);
      transform: rotate(0);
      opacity: 1; }
  
    100% {
      -webkit-transform-origin: center center;
      -ms-transform-origin: center center;
      transform-origin: center center;
      -webkit-transform: rotate(200deg);
      -ms-transform: rotate(200deg);
      transform: rotate(200deg);
      opacity: 0; } }
  
  .rotateOut {
    -webkit-animation-name: rotateOut;
    animation-name: rotateOut; }
  
  @-webkit-keyframes rotateOutDownLeft {
    0% {
      -webkit-transform-origin: left bottom;
      transform-origin: left bottom;
      -webkit-transform: rotate(0);
      transform: rotate(0);
      opacity: 1; }
  
    100% {
      -webkit-transform-origin: left bottom;
      transform-origin: left bottom;
      -webkit-transform: rotate(90deg);
      transform: rotate(90deg);
      opacity: 0; } }
  
  @keyframes rotateOutDownLeft {
    0% {
      -webkit-transform-origin: left bottom;
      -ms-transform-origin: left bottom;
      transform-origin: left bottom;
      -webkit-transform: rotate(0);
      -ms-transform: rotate(0);
      transform: rotate(0);
      opacity: 1; }
  
    100% {
      -webkit-transform-origin: left bottom;
      -ms-transform-origin: left bottom;
      transform-origin: left bottom;
      -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
      transform: rotate(90deg);
      opacity: 0; } }
  
  .rotateOutDownLeft {
    -webkit-animation-name: rotateOutDownLeft;
    animation-name: rotateOutDownLeft; }
  
  @-webkit-keyframes rotateOutDownRight {
    0% {
      -webkit-transform-origin: right bottom;
      transform-origin: right bottom;
      -webkit-transform: rotate(0);
      transform: rotate(0);
      opacity: 1; }
  
    100% {
      -webkit-transform-origin: right bottom;
      transform-origin: right bottom;
      -webkit-transform: rotate(-90deg);
      transform: rotate(-90deg);
      opacity: 0; } }
  
  @keyframes rotateOutDownRight {
    0% {
      -webkit-transform-origin: right bottom;
      -ms-transform-origin: right bottom;
      transform-origin: right bottom;
      -webkit-transform: rotate(0);
      -ms-transform: rotate(0);
      transform: rotate(0);
      opacity: 1; }
  
    100% {
      -webkit-transform-origin: right bottom;
      -ms-transform-origin: right bottom;
      transform-origin: right bottom;
      -webkit-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
      transform: rotate(-90deg);
      opacity: 0; } }
  
  .rotateOutDownRight {
    -webkit-animation-name: rotateOutDownRight;
    animation-name: rotateOutDownRight; }
  
  @-webkit-keyframes rotateOutUpLeft {
    0% {
      -webkit-transform-origin: left bottom;
      transform-origin: left bottom;
      -webkit-transform: rotate(0);
      transform: rotate(0);
      opacity: 1; }
  
    100% {
      -webkit-transform-origin: left bottom;
      transform-origin: left bottom;
      -webkit-transform: rotate(-90deg);
      transform: rotate(-90deg);
      opacity: 0; } }
  
  @keyframes rotateOutUpLeft {
    0% {
      -webkit-transform-origin: left bottom;
      -ms-transform-origin: left bottom;
      transform-origin: left bottom;
      -webkit-transform: rotate(0);
      -ms-transform: rotate(0);
      transform: rotate(0);
      opacity: 1; }
  
    100% {
      -webkit-transform-origin: left bottom;
      -ms-transform-origin: left bottom;
      transform-origin: left bottom;
      -webkit-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
      transform: rotate(-90deg);
      opacity: 0; } }
  
  .rotateOutUpLeft {
    -webkit-animation-name: rotateOutUpLeft;
    animation-name: rotateOutUpLeft; }
  
  @-webkit-keyframes rotateOutUpRight {
    0% {
      -webkit-transform-origin: right bottom;
      transform-origin: right bottom;
      -webkit-transform: rotate(0);
      transform: rotate(0);
      opacity: 1; }
  
    100% {
      -webkit-transform-origin: right bottom;
      transform-origin: right bottom;
      -webkit-transform: rotate(90deg);
      transform: rotate(90deg);
      opacity: 0; } }
  
  @keyframes rotateOutUpRight {
    0% {
      -webkit-transform-origin: right bottom;
      -ms-transform-origin: right bottom;
      transform-origin: right bottom;
      -webkit-transform: rotate(0);
      -ms-transform: rotate(0);
      transform: rotate(0);
      opacity: 1; }
  
    100% {
      -webkit-transform-origin: right bottom;
      -ms-transform-origin: right bottom;
      transform-origin: right bottom;
      -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
      transform: rotate(90deg);
      opacity: 0; } }
  
  .rotateOutUpRight {
    -webkit-animation-name: rotateOutUpRight;
    animation-name: rotateOutUpRight; }
  
  @-webkit-keyframes slideInDown {
    0% {
      opacity: 0;
      -webkit-transform: translateY(-2000px);
      transform: translateY(-2000px); }
  
    100% {
      -webkit-transform: translateY(0);
      transform: translateY(0); } }
  
  @keyframes slideInDown {
    0% {
      opacity: 0;
      -webkit-transform: translateY(-2000px);
      -ms-transform: translateY(-2000px);
      transform: translateY(-2000px); }
  
    100% {
      -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
      transform: translateY(0); } }
  
  .slideInDown {
    -webkit-animation-name: slideInDown;
    animation-name: slideInDown; }
  
  @-webkit-keyframes slideInLeft {
    0% {
      opacity: 0;
      -webkit-transform: translateX(-2000px);
      transform: translateX(-2000px); }
  
    100% {
      -webkit-transform: translateX(0);
      transform: translateX(0); } }
  
  @keyframes slideInLeft {
    0% {
      opacity: 0;
      -webkit-transform: translateX(-2000px);
      -ms-transform: translateX(-2000px);
      transform: translateX(-2000px); }
  
    100% {
      -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
      transform: translateX(0); } }
  
  .slideInLeft {
    -webkit-animation-name: slideInLeft;
    animation-name: slideInLeft; }
  
  @-webkit-keyframes slideInRight {
    0% {
      opacity: 0;
      -webkit-transform: translateX(2000px);
      transform: translateX(2000px); }
  
    100% {
      -webkit-transform: translateX(0);
      transform: translateX(0); } }
  
  @keyframes slideInRight {
    0% {
      opacity: 0;
      -webkit-transform: translateX(2000px);
      -ms-transform: translateX(2000px);
      transform: translateX(2000px); }
  
    100% {
      -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
      transform: translateX(0); } }
  
  .slideInRight {
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight; }
  
  @-webkit-keyframes slideOutLeft {
    0% {
      -webkit-transform: translateX(0);
      transform: translateX(0); }
  
    100% {
      opacity: 0;
      -webkit-transform: translateX(-2000px);
      transform: translateX(-2000px); } }
  
  @keyframes slideOutLeft {
    0% {
      -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
      transform: translateX(0); }
  
    100% {
      opacity: 0;
      -webkit-transform: translateX(-2000px);
      -ms-transform: translateX(-2000px);
      transform: translateX(-2000px); } }
  
  .slideOutLeft {
    -webkit-animation-name: slideOutLeft;
    animation-name: slideOutLeft; }
  
  @-webkit-keyframes slideOutRight {
    0% {
      -webkit-transform: translateX(0);
      transform: translateX(0); }
  
    100% {
      opacity: 0;
      -webkit-transform: translateX(2000px);
      transform: translateX(2000px); } }
  
  @keyframes slideOutRight {
    0% {
      -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
      transform: translateX(0); }
  
    100% {
      opacity: 0;
      -webkit-transform: translateX(2000px);
      -ms-transform: translateX(2000px);
      transform: translateX(2000px); } }
  
  .slideOutRight {
    -webkit-animation-name: slideOutRight;
    animation-name: slideOutRight; }
  
  @-webkit-keyframes slideOutUp {
    0% {
      -webkit-transform: translateY(0);
      transform: translateY(0); }
  
    100% {
      opacity: 0;
      -webkit-transform: translateY(-2000px);
      transform: translateY(-2000px); } }
  
  @keyframes slideOutUp {
    0% {
      -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
      transform: translateY(0); }
  
    100% {
      opacity: 0;
      -webkit-transform: translateY(-2000px);
      -ms-transform: translateY(-2000px);
      transform: translateY(-2000px); } }
  
  .slideOutUp {
    -webkit-animation-name: slideOutUp;
    animation-name: slideOutUp; }
  
  @-webkit-keyframes slideInUp {
    0% {
      opacity: 0;
      -webkit-transform: translateY(2000px);
      transform: translateY(2000px); }
  
    100% {
      opacity: 1;
      -webkit-transform: translateY(0);
      transform: translateY(0); } }
  
  @keyframes slideInUp {
    0% {
      opacity: 0;
      -webkit-transform: translateY(2000px);
      -ms-transform: translateY(2000px);
      transform: translateY(2000px); }
  
    100% {
      opacity: 1;
      -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
      transform: translateY(0); } }
  
  .slideInUp {
    -webkit-animation-name: slideInUp;
    animation-name: slideInUp; }
  
  @-webkit-keyframes slideOutDown {
    0% {
      -webkit-transform: translateY(0);
      transform: translateY(0); }
  
    100% {
      opacity: 0;
      -webkit-transform: translateY(2000px);
      transform: translateY(2000px); } }
  
  @keyframes slideOutDown {
    0% {
      -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
      transform: translateY(0); }
  
    100% {
      opacity: 0;
      -webkit-transform: translateY(2000px);
      -ms-transform: translateY(2000px);
      transform: translateY(2000px); } }
  
  .slideOutDown {
    -webkit-animation-name: slideOutDown;
    animation-name: slideOutDown; }
  
  @-webkit-keyframes hinge {
    0% {
      -webkit-transform: rotate(0);
      transform: rotate(0);
      -webkit-transform-origin: top left;
      transform-origin: top left;
      -webkit-animation-timing-function: ease-in-out;
      animation-timing-function: ease-in-out; }
  
    20%,60% {
      -webkit-transform: rotate(80deg);
      transform: rotate(80deg);
      -webkit-transform-origin: top left;
      transform-origin: top left;
      -webkit-animation-timing-function: ease-in-out;
      animation-timing-function: ease-in-out; }
  
    40% {
      -webkit-transform: rotate(60deg);
      transform: rotate(60deg);
      -webkit-transform-origin: top left;
      transform-origin: top left;
      -webkit-animation-timing-function: ease-in-out;
      animation-timing-function: ease-in-out; }
  
    80% {
      -webkit-transform: rotate(60deg) translateY(0);
      transform: rotate(60deg) translateY(0);
      -webkit-transform-origin: top left;
      transform-origin: top left;
      -webkit-animation-timing-function: ease-in-out;
      animation-timing-function: ease-in-out;
      opacity: 1; }
  
    100% {
      -webkit-transform: translateY(700px);
      transform: translateY(700px);
      opacity: 0; } }
  
  @keyframes hinge {
    0% {
      -webkit-transform: rotate(0);
      -ms-transform: rotate(0);
      transform: rotate(0);
      -webkit-transform-origin: top left;
      -ms-transform-origin: top left;
      transform-origin: top left;
      -webkit-animation-timing-function: ease-in-out;
      animation-timing-function: ease-in-out; }
  
    20%,60% {
      -webkit-transform: rotate(80deg);
      -ms-transform: rotate(80deg);
      transform: rotate(80deg);
      -webkit-transform-origin: top left;
      -ms-transform-origin: top left;
      transform-origin: top left;
      -webkit-animation-timing-function: ease-in-out;
      animation-timing-function: ease-in-out; }
  
    40% {
      -webkit-transform: rotate(60deg);
      -ms-transform: rotate(60deg);
      transform: rotate(60deg);
      -webkit-transform-origin: top left;
      -ms-transform-origin: top left;
      transform-origin: top left;
      -webkit-animation-timing-function: ease-in-out;
      animation-timing-function: ease-in-out; }
  
    80% {
      -webkit-transform: rotate(60deg) translateY(0);
      -ms-transform: rotate(60deg) translateY(0);
      transform: rotate(60deg) translateY(0);
      -webkit-transform-origin: top left;
      -ms-transform-origin: top left;
      transform-origin: top left;
      -webkit-animation-timing-function: ease-in-out;
      animation-timing-function: ease-in-out;
      opacity: 1; }
  
    100% {
      -webkit-transform: translateY(700px);
      -ms-transform: translateY(700px);
      transform: translateY(700px);
      opacity: 0; } }
  
  .hinge {
    -webkit-animation-name: hinge;
    animation-name: hinge; }
  
  @-webkit-keyframes rollIn {
    0% {
      opacity: 0;
      -webkit-transform: translateX(-100%) rotate(-120deg);
      transform: translateX(-100%) rotate(-120deg); }
  
    100% {
      opacity: 1;
      -webkit-transform: translateX(0px) rotate(0deg);
      transform: translateX(0px) rotate(0deg); } }
  
  @keyframes rollIn {
    0% {
      opacity: 0;
      -webkit-transform: translateX(-100%) rotate(-120deg);
      -ms-transform: translateX(-100%) rotate(-120deg);
      transform: translateX(-100%) rotate(-120deg); }
  
    100% {
      opacity: 1;
      -webkit-transform: translateX(0px) rotate(0deg);
      -ms-transform: translateX(0px) rotate(0deg);
      transform: translateX(0px) rotate(0deg); } }
  
  .rollIn {
    -webkit-animation-name: rollIn;
    animation-name: rollIn; }
  
  @-webkit-keyframes rollOut {
    0% {
      opacity: 1;
      -webkit-transform: translateX(0px) rotate(0deg);
      transform: translateX(0px) rotate(0deg); }
  
    100% {
      opacity: 0;
      -webkit-transform: translateX(100%) rotate(120deg);
      transform: translateX(100%) rotate(120deg); } }
  
  @keyframes rollOut {
    0% {
      opacity: 1;
      -webkit-transform: translateX(0px) rotate(0deg);
      -ms-transform: translateX(0px) rotate(0deg);
      transform: translateX(0px) rotate(0deg); }
  
    100% {
      opacity: 0;
      -webkit-transform: translateX(100%) rotate(120deg);
      -ms-transform: translateX(100%) rotate(120deg);
      transform: translateX(100%) rotate(120deg); } }
  
  .rollOut {
    -webkit-animation-name: rollOut;
    animation-name: rollOut; }
  
  @-webkit-keyframes zoomIn {
    0% {
      opacity: 0;
      -webkit-transform: scale(0.3);
      transform: scale(0.3); }
  
    50% {
      opacity: 1; } }
  
  @keyframes zoomIn {
    0% {
      opacity: 0;
      -webkit-transform: scale(0.3);
      -ms-transform: scale(0.3);
      transform: scale(0.3); }
  
    50% {
      opacity: 1; } }
  
  .zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn; }
  
  @-webkit-keyframes zoomInDown {
    0% {
      opacity: 0;
      -webkit-transform: scale(0.1) translateY(-2000px);
      transform: scale(0.1) translateY(-2000px);
      -webkit-animation-timing-function: ease-in-out;
      animation-timing-function: ease-in-out; }
  
    60% {
      opacity: 1;
      -webkit-transform: scale(0.475) translateY(60px);
      transform: scale(0.475) translateY(60px);
      -webkit-animation-timing-function: ease-out;
      animation-timing-function: ease-out; } }
  
  @keyframes zoomInDown {
    0% {
      opacity: 0;
      -webkit-transform: scale(0.1) translateY(-2000px);
      -ms-transform: scale(0.1) translateY(-2000px);
      transform: scale(0.1) translateY(-2000px);
      -webkit-animation-timing-function: ease-in-out;
      animation-timing-function: ease-in-out; }
  
    60% {
      opacity: 1;
      -webkit-transform: scale(0.475) translateY(60px);
      -ms-transform: scale(0.475) translateY(60px);
      transform: scale(0.475) translateY(60px);
      -webkit-animation-timing-function: ease-out;
      animation-timing-function: ease-out; } }
  
  .zoomInDown {
    -webkit-animation-name: zoomInDown;
    animation-name: zoomInDown; }
  
  @-webkit-keyframes zoomInLeft {
    0% {
      opacity: 0;
      -webkit-transform: scale(0.1) translateX(-2000px);
      transform: scale(0.1) translateX(-2000px);
      -webkit-animation-timing-function: ease-in-out;
      animation-timing-function: ease-in-out; }
  
    60% {
      opacity: 1;
      -webkit-transform: scale(0.475) translateX(48px);
      transform: scale(0.475) translateX(48px);
      -webkit-animation-timing-function: ease-out;
      animation-timing-function: ease-out; } }
  
  @keyframes zoomInLeft {
    0% {
      opacity: 0;
      -webkit-transform: scale(0.1) translateX(-2000px);
      -ms-transform: scale(0.1) translateX(-2000px);
      transform: scale(0.1) translateX(-2000px);
      -webkit-animation-timing-function: ease-in-out;
      animation-timing-function: ease-in-out; }
  
    60% {
      opacity: 1;
      -webkit-transform: scale(0.475) translateX(48px);
      -ms-transform: scale(0.475) translateX(48px);
      transform: scale(0.475) translateX(48px);
      -webkit-animation-timing-function: ease-out;
      animation-timing-function: ease-out; } }
  
  .zoomInLeft {
    -webkit-animation-name: zoomInLeft;
    animation-name: zoomInLeft; }
  
  @-webkit-keyframes zoomInRight {
    0% {
      opacity: 0;
      -webkit-transform: scale(0.1) translateX(2000px);
      transform: scale(0.1) translateX(2000px);
      -webkit-animation-timing-function: ease-in-out;
      animation-timing-function: ease-in-out; }
  
    60% {
      opacity: 1;
      -webkit-transform: scale(0.475) translateX(-48px);
      transform: scale(0.475) translateX(-48px);
      -webkit-animation-timing-function: ease-out;
      animation-timing-function: ease-out; } }
  
  @keyframes zoomInRight {
    0% {
      opacity: 0;
      -webkit-transform: scale(0.1) translateX(2000px);
      -ms-transform: scale(0.1) translateX(2000px);
      transform: scale(0.1) translateX(2000px);
      -webkit-animation-timing-function: ease-in-out;
      animation-timing-function: ease-in-out; }
  
    60% {
      opacity: 1;
      -webkit-transform: scale(0.475) translateX(-48px);
      -ms-transform: scale(0.475) translateX(-48px);
      transform: scale(0.475) translateX(-48px);
      -webkit-animation-timing-function: ease-out;
      animation-timing-function: ease-out; } }
  
  .zoomInRight {
    -webkit-animation-name: zoomInRight;
    animation-name: zoomInRight; }
  
  @-webkit-keyframes zoomInUp {
    0% {
      opacity: 0;
      -webkit-transform: scale(0.1) translateY(2000px);
      transform: scale(0.1) translateY(2000px);
      -webkit-animation-timing-function: ease-in-out;
      animation-timing-function: ease-in-out; }
  
    60% {
      opacity: 1;
      -webkit-transform: scale(0.475) translateY(-60px);
      transform: scale(0.475) translateY(-60px);
      -webkit-animation-timing-function: ease-out;
      animation-timing-function: ease-out; } }
  
  @keyframes zoomInUp {
    0% {
      opacity: 0;
      -webkit-transform: scale(0.1) translateY(2000px);
      -ms-transform: scale(0.1) translateY(2000px);
      transform: scale(0.1) translateY(2000px);
      -webkit-animation-timing-function: ease-in-out;
      animation-timing-function: ease-in-out; }
  
    60% {
      opacity: 1;
      -webkit-transform: scale(0.475) translateY(-60px);
      -ms-transform: scale(0.475) translateY(-60px);
      transform: scale(0.475) translateY(-60px);
      -webkit-animation-timing-function: ease-out;
      animation-timing-function: ease-out; } }
  
  .zoomInUp {
    -webkit-animation-name: zoomInUp;
    animation-name: zoomInUp; }
  
  @-webkit-keyframes zoomOut {
    0% {
      opacity: 1;
      -webkit-transform: scale(1);
      transform: scale(1); }
  
    50% {
      opacity: 0;
      -webkit-transform: scale(0.3);
      transform: scale(0.3); }
  
    100% {
      opacity: 0; } }
  
  @keyframes zoomOut {
    0% {
      opacity: 1;
      -webkit-transform: scale(1);
      -ms-transform: scale(1);
      transform: scale(1); }
  
    50% {
      opacity: 0;
      -webkit-transform: scale(0.3);
      -ms-transform: scale(0.3);
      transform: scale(0.3); }
  
    100% {
      opacity: 0; } }
  
  .zoomOut {
    -webkit-animation-name: zoomOut;
    animation-name: zoomOut; }
  
  @-webkit-keyframes zoomOutDown {
    40% {
      opacity: 1;
      -webkit-transform: scale(0.475) translateY(-60px);
      transform: scale(0.475) translateY(-60px);
      -webkit-animation-timing-function: linear;
      animation-timing-function: linear; }
  
    100% {
      opacity: 0;
      -webkit-transform: scale(0.1) translateY(2000px);
      transform: scale(0.1) translateY(2000px);
      -webkit-transform-origin: center bottom;
      transform-origin: center bottom; } }
  
  @keyframes zoomOutDown {
    40% {
      opacity: 1;
      -webkit-transform: scale(0.475) translateY(-60px);
      -ms-transform: scale(0.475) translateY(-60px);
      transform: scale(0.475) translateY(-60px);
      -webkit-animation-timing-function: linear;
      animation-timing-function: linear; }
  
    100% {
      opacity: 0;
      -webkit-transform: scale(0.1) translateY(2000px);
      -ms-transform: scale(0.1) translateY(2000px);
      transform: scale(0.1) translateY(2000px);
      -webkit-transform-origin: center bottom;
      -ms-transform-origin: center bottom;
      transform-origin: center bottom; } }
  
  .zoomOutDown {
    -webkit-animation-name: zoomOutDown;
    animation-name: zoomOutDown; }
  
  @-webkit-keyframes zoomOutLeft {
    40% {
      opacity: 1;
      -webkit-transform: scale(0.475) translateX(42px);
      transform: scale(0.475) translateX(42px);
      -webkit-animation-timing-function: linear;
      animation-timing-function: linear; }
  
    100% {
      opacity: 0;
      -webkit-transform: scale(0.1) translateX(-2000px);
      transform: scale(0.1) translateX(-2000px);
      -webkit-transform-origin: left center;
      transform-origin: left center; } }
  
  @keyframes zoomOutLeft {
    40% {
      opacity: 1;
      -webkit-transform: scale(0.475) translateX(42px);
      -ms-transform: scale(0.475) translateX(42px);
      transform: scale(0.475) translateX(42px);
      -webkit-animation-timing-function: linear;
      animation-timing-function: linear; }
  
    100% {
      opacity: 0;
      -webkit-transform: scale(0.1) translateX(-2000px);
      -ms-transform: scale(0.1) translateX(-2000px);
      transform: scale(0.1) translateX(-2000px);
      -webkit-transform-origin: left center;
      -ms-transform-origin: left center;
      transform-origin: left center; } }
  
  .zoomOutLeft {
    -webkit-animation-name: zoomOutLeft;
    animation-name: zoomOutLeft; }
  
  @-webkit-keyframes zoomOutRight {
    40% {
      opacity: 1;
      -webkit-transform: scale(0.475) translateX(-42px);
      transform: scale(0.475) translateX(-42px);
      -webkit-animation-timing-function: linear;
      animation-timing-function: linear; }
  
    100% {
      opacity: 0;
      -webkit-transform: scale(0.1) translateX(2000px);
      transform: scale(0.1) translateX(2000px);
      -webkit-transform-origin: right center;
      transform-origin: right center; } }
  
  @keyframes zoomOutRight {
    40% {
      opacity: 1;
      -webkit-transform: scale(0.475) translateX(-42px);
      -ms-transform: scale(0.475) translateX(-42px);
      transform: scale(0.475) translateX(-42px);
      -webkit-animation-timing-function: linear;
      animation-timing-function: linear; }
  
    100% {
      opacity: 0;
      -webkit-transform: scale(0.1) translateX(2000px);
      -ms-transform: scale(0.1) translateX(2000px);
      transform: scale(0.1) translateX(2000px);
      -webkit-transform-origin: right center;
      -ms-transform-origin: right center;
      transform-origin: right center; } }
  
  .zoomOutRight {
    -webkit-animation-name: zoomOutRight;
    animation-name: zoomOutRight; }
  
  @-webkit-keyframes zoomOutUp {
    40% {
      opacity: 1;
      -webkit-transform: scale(0.475) translateY(60px);
      transform: scale(0.475) translateY(60px);
      -webkit-animation-timing-function: linear;
      animation-timing-function: linear; }
  
    100% {
      opacity: 0;
      -webkit-transform: scale(0.1) translateY(-2000px);
      transform: scale(0.1) translateY(-2000px);
      -webkit-transform-origin: center top;
      transform-origin: center top; } }
  
  @keyframes zoomOutUp {
    40% {
      opacity: 1;
      -webkit-transform: scale(0.475) translateY(60px);
      -ms-transform: scale(0.475) translateY(60px);
      transform: scale(0.475) translateY(60px);
      -webkit-animation-timing-function: linear;
      animation-timing-function: linear; }
  
    100% {
      opacity: 0;
      -webkit-transform: scale(0.1) translateY(-2000px);
      -ms-transform: scale(0.1) translateY(-2000px);
      transform: scale(0.1) translateY(-2000px);
      -webkit-transform-origin: center top;
      -ms-transform-origin: center top;
      transform-origin: center top; } }
  
  .zoomOutUp {
    -webkit-animation-name: zoomOutUp;
    animation-name: zoomOutUp; }
  
  .delay-0s {
    -moz-animation-delay: 0;
    -webkit-animation-delay: 0;
    animation-delay: 0; }
  
  .delay-025s {
    -moz-animation-delay: .25s;
    -webkit-animation-delay: .25s;
    animation-delay: .25s;
    opacity: 0; }
  
  .delay-05s {
    -moz-animation-delay: .5s;
    -webkit-animation-delay: .5s;
    animation-delay: .5s;
    opacity: 0; }
  
  .delay-075s {
    -moz-animation-delay: .75s;
    -webkit-animation-delay: .75s;
    animation-delay: .75s;
    opacity: 0; }
  
  .delay-1s {
    -moz-animation-delay: 1s;
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
    opacity: 0; }
  
  .animate_right, .animate_left, .animate_up, .animate_down {
    opacity: 0; }
  
  .ie .animated, .ie .animate_right, .ie .animate_left, .ie .hsContent, .ie #slide-1 .animated {
    opacity: 1 !important; }
  
  .ie delay-025s, .ie .delay-0s, .ie .delay-025s, .ie .delay-05s, .ie .delay-075s, .ie .delay-1s {
    opacity: 1 !important; }
  
  .ie select {
    background-image: none !important; }
  
  @media only screen and (max-width: 768px) {
    .delay-0s, .delay-025s, .delay-05s, .delay-075s, .delay-1s,
    .animate_right, .animate_left, .animate_up, .animate_down {
      opacity: 1; } }
  /* #Password Page
  ================================================== */
  #password-page-bg {
    color: #ffffff;
    background: url(//cdn.shopify.com/s/files/1/0399/1086/7094/t/46/assets/password-page-background.jpg?v=13425730999433827050) center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover; }
  
  #password-container {
    margin: 75px auto 0;
    max-width: 100%;
    display: table;
    text-align: center;
    display: table; }
    @media (max-width: 768px) {
      #password-container {
        margin-top: 10px; } }
  
  #password-container h1 {
    color: #ffffff; }
  
  .password-page-row {
    display: table-row;
    width: 100%;
    height: 100%;
    margin: 0 auto; }
  
  .password-page-col {
    display: table-cell;
    vertical-align: middle;
    padding: 5px 30px;
    width: 100%; }
  
  .password-page-message {
    color: #ffffff;
    font-size: 3em;
    line-height: 1.2;
    margin: 10px auto;
    padding: 12px 0;
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff; }
  
  .password-page-follow {
    color: #ffffff; }
  
  .password-logo {
    max-width: 200px;
    /* Allows logo to be more prominent*/
    margin: 0px auto; }
  
  .password-message {
    max-width: 600px;
    font-size: 1.2em;
    color: #ff9000; }
  
  .hr-small {
    margin: 20px auto;
    width: 50px; }
  
  .password-social {
    margin-top: 10px;
    padding-top: 20px; }
  
  .password-social ul {
    margin-left: 0;
    padding-left: 0;
    margin-bottom: 10px; }
  
  .password-social .social_icons li {
    display: inline;
    margin-left: 0; }
  
  .password-social .social_icons a, .password-social .social_icons a:visited, .password-social .social_icons a:active {
    color: #ffffff;
    font-size: 25px; }
  
  .password-social .social_icons a:hover {
    color: #03857c; }
  
  .password-footer {
    margin-top: 15px;
    margin-bottom: 40px;
    font-size: 13px;
    color: #333232;
    text-align: center; }
  
  .powered {
    display: block;
    margin-top: 15px; }
  
  .shopify a {
    background-repeat: no-repeat;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAARCAYAAADUryzEAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA0JJREFUeNqMU81vG0UU/83sR73YG+M4xrHj4jj9UCFNSaGlQQUhhFBRpXIo6jEHQFXFAbhy4B/gioTgzgGV7ws5IAoqUgUSoWoIaZJGpGpMHDuptf5a7+fM8nZpJaRy4M0+jd7szO/93u/NsAsX5vFvi6IInHNUq5NnstnsqXp96xur3f392HNlrIcLePHkS8hlTchIJvtVSTOjIaSAwhkiGsXi+BudjjVp28Oj+XzhrPDZh5qqfoIQD5j6wrxHCAJ6UMXVr3pgnB0c9O2843jrE5XMtZER47GTp+bOqfn++d9+Ct5TuLrCGAcjpgnAWEVSdg8HSyWUzTl8v7D08szxSltPB6/OPDWeW/q1caI2O0zfbrThBM7pjdbiz9PG7LsK01epYKiCaMlIQadnHag9UZ2vbuqvl47tVMwcY3fdFjLFCIHksB0bQojCTmfzlWyHf53S0qsyigESMRS0uqtvNbs330nXNHhRAWl3ChnNhLG/jzBy4fg27pGG5TSqWsARV6EGwk+WScgymIQ5auLpyTdRHj2arC//9QXuDpfgeDYkQcgoZixq4DKuAGoo7wEwVg5DD3PVt1EafRzL21/C0HJo9f4gYUO4gZNkFMk5Nkli3wcI4vP7yIvxhsLIIXhBHzfqlzHwWihkDiNjPEwlDJNE/zDABGPQKfR5QAzI8wRU9IWNurWIlJbF+dmP8Ig5ja67Az8cwvWdmCVi4YSMSlTzODjAQxGAvCZkaIpI4MeN97Fc/xbpfXk8WXmNqPcw9C1idR8gKSNN06GYEScZYwZVJ+xj/8hpPJp9HmvNK/Bd6g0zEXfJ9rvEwE0A4qbFLOibimN15RcLR57JVFx7iLGHpvFs9RJ8QZvofmzsXoEXDqAqWiIiyUaAUSIkBTVVY1BuXuth6rhxcaxizDb619EcrGPg7+JG8zJWdj8HZwplk7hTHyDiKrU5BVWXyKT57ncfNz9TRBjxrRWn3/zT2+7seV7DWuabnR+MTrCm6ikNnLLEL3R720dmQkMqFz8dia3rdmvhg8an7MH3hZRhKuVsQTtcPmCcGK+lZvLl1JEdK9T7PW9t75a72L7tXh3sBbdEELXxP00h1//rx98CDACS7p3N/ZPUwQAAAABJRU5ErkJggg==);
    padding-left: 21px;
    color: #ff9000;
    text-decoration: none; }
  
  .password-footer a {
    color: #ff9000;
    text-decoration: none; }
  
  /* Password Page Modal CSS */
  .controls {
    display: block;
    margin: 1em;
    text-align: right;
    text-transform: uppercase;
    position: relative; }
  
  #open-me {
    text-align: center;
    margin-bottom: 35px; }
    #open-me a {
      color: #ffffff; }
      #open-me a:hover {
        color: #03857c; }
  
  .close-me {
    z-index: 8000; }
  
  .modalbox {
    position: absolute;
    height: 100%;
    top: -1em;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 0;
    z-index: 5000; }
  
  .overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    max-height: 100%;
    top: 0;
    left: 0;
    background: #fff;
    background: rgba(255, 255, 255, 0.95); }
  
  .overlay-close {
    width: 150px;
    height: 50px;
    position: absolute;
    right: 10px;
    top: 10px;
    border: 1px solid #000;
    font-size: 14px; }
  
  .overlay-data {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 0.5s;
    transition: opacity 0.5s;
    visibility: 0s 0.5s;
    transition: opacity 0.5s, visibility 0s 0.5s; }
  
  .overlay-open {
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity 0.5s;
    transition: opacity 0.5s; }
  
  .inputbox {
    margin: 0px auto;
    max-width: 80%;
    display: table;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    color: #000; }
  
  @media (max-width: 768px) {
    #password-page-bg .modalbox .inputbox {
      top: 50%; } }
  
  .storefront-password-form label {
    font-size: 0.9em;
    margin: 0 0 1em 0;
    text-align: center; }
  
  .storefront-password-form .actions {
    display: inline-block; }
  
  .storefront-password-form #password {
    width: 50%;
    display: inline-block; }
    @media (max-width: 480px) {
      .storefront-password-form #password {
        width: 100%; } }
  
  #owner {
    font-size: 0.9em;
    margin-top: -1em;
    opacity: 0.8; }
  
  .pass-close {
    color: #000 !important;
    padding: 0 !important;
    margin: 1em !important;
    position: inherit !important; }
  
  @media screen and (min-width: 320px) and (max-width: 440px) and (max-height: 667px) {
    .modalbox {
      display: block;
      width: 414px !important;
      max-width: 100%;
      text-align: center; }
  
    .pass-close {
      display: block;
      margin: 0.65em -0.15em 1em 0 !important; } }
  /* #Page Details
  ================================================== */
  .page-details-section .container {
    padding: 0; }
  .page-details-section .title {
    margin-top: 0; }
  .page-details-section .article {
    padding-bottom: 0; }
  .page-details-section div.container .featured_products {
    padding-top: 0; }
  @media (max-width: 480px) {
    .page-details-section .caption.position-center,
    .page-details-section .caption.position-left,
    .page-details-section .caption.position-right {
      margin: 5% 0 0 0; } }
  
  /* #Product Details
  ================================================== */
  div.product-details .action_button {
    width: auto; }
  div.product-details img {
    width: 100%; }
  div.product-details img.rich-image {
    max-width: auto;
    margin-bottom: 20px; }
  
  .detail_title {
    line-height: initial;
    font-size: 65px;
    margin-bottom: 0.3em;
    font-family: Roboto;
    font-weight: normal;
    text-transform: uppercase;
    color: #333333;
    display: block;
    letter-spacing: 2px;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
    @media (max-width: 768px) {
      .detail_title {
        font-size: 32px; } }
  
  /* Home page - general
  ================================================== */
  /* Full-width product slider */
  .homepage-product-slider {
    margin: 0 10px; }
    .homepage-product-slider object.placeholder-image {
      width: 100%;
      display: block;
      height: auto;
      position: relative;
      padding-top: 100%; }
    .homepage-product-slider .placeholder-svg--product {
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0; }
  
  .homepage-product-slider.even-num-slides {
    margin-left: 10px;
    width: calc(100% - 10px); }
    @media (max-width: 768px) {
      .homepage-product-slider.even-num-slides {
        margin-left: 0;
        width: 100%; } }
  
  .products-slider.slider-gallery.products-length-6 .gallery-cell {
    width: calc(16.6% - 10px); }
    @media (max-width: 768px) {
      .products-slider.slider-gallery.products-length-6 .gallery-cell {
        width: calc(40% - 10px); } }
  .products-slider.slider-gallery.products-length-5 .gallery-cell {
    width: calc(20% - 10px); }
    @media (max-width: 768px) {
      .products-slider.slider-gallery.products-length-5 .gallery-cell {
        width: calc(40% - 10px); } }
  .products-slider.slider-gallery.products-length-4 .gallery-cell {
    width: calc(25% - 10px); }
    @media (max-width: 768px) {
      .products-slider.slider-gallery.products-length-4 .gallery-cell {
        width: calc(40% - 10px); } }
  .products-slider.slider-gallery.products-length-3 .gallery-cell, .products-slider.slider-gallery.products-length-2 .gallery-cell, .products-slider.slider-gallery.products-length-1 .gallery-cell {
    width: calc(33.33% - 10px); }
  
  .products-slider.slider-gallery .gallery-cell.visible-2 {
    width: calc(50% - 10px); }
    @media (max-width: 768px) {
      .products-slider.slider-gallery .gallery-cell.visible-2 {
        width: calc(50% - 10px); } }
  .products-slider.slider-gallery .gallery-cell.visible-3 {
    width: calc(33.33% - 10px); }
    @media (max-width: 768px) {
      .products-slider.slider-gallery .gallery-cell.visible-3 {
        width: calc(40% - 10px); } }
  .products-slider.slider-gallery .gallery-cell.visible-4 {
    width: calc(25% - 10px); }
    @media (max-width: 768px) {
      .products-slider.slider-gallery .gallery-cell.visible-4 {
        width: calc(40% - 10px); } }
  .products-slider.slider-gallery .gallery-cell.visible-5 {
    width: calc(20% - 10px); }
    @media (max-width: 768px) {
      .products-slider.slider-gallery .gallery-cell.visible-5 {
        width: calc(40% - 10px); } }
  .products-slider.slider-gallery .gallery-cell.visible-6 {
    width: calc(16.666% - 10px); }
    @media (max-width: 768px) {
      .products-slider.slider-gallery .gallery-cell.visible-6 {
        width: calc(40% - 10px); } }
  .products-slider.slider-gallery .gallery-cell.visible-7 {
    width: calc(14.2% - 10px); }
    @media (max-width: 768px) {
      .products-slider.slider-gallery .gallery-cell.visible-7 {
        width: calc(40% - 10px); } }
    .products-slider.slider-gallery .gallery-cell.visible-7 .product-details {
      font-size: 0.7rem; }
  
  @media (max-width: 985px) {
    .products-length-7 .product-info__caption {
      display: block; }
    .products-length-7 .thumbnail-overlay {
      display: none; }
  
    .products-length-8 .product-info__caption {
      display: block; }
    .products-length-8 .thumbnail-overlay {
      display: none; }
  
    .products-length-9 .product-info__caption {
      display: block; }
    .products-length-9 .thumbnail-overlay {
      display: none; }
  
    .products-length-10 .product-info__caption {
      display: block; }
    .products-length-10 .thumbnail-overlay {
      display: none; }
  
    .products-length-11 .product-info__caption {
      display: block; }
    .products-length-11 .thumbnail-overlay {
      display: none; }
  
    .products-length-12 .product-info__caption {
      display: block; }
    .products-length-12 .thumbnail-overlay {
      display: none; }
  
    .products-length-13 .product-info__caption {
      display: block; }
    .products-length-13 .thumbnail-overlay {
      display: none; }
  
    .products-length-14 .product-info__caption {
      display: block; }
    .products-length-14 .thumbnail-overlay {
      display: none; }
  
    .products-length-15 .product-info__caption {
      display: block; }
    .products-length-15 .thumbnail-overlay {
      display: none; }
  
    .products-length-16 .product-info__caption {
      display: block; }
    .products-length-16 .thumbnail-overlay {
      display: none; } }
  .featured_products.product-slider {
    padding-bottom: 0; }
    .featured_products.product-slider .columns {
      padding-bottom: 0; }
  
  .banner-full-link {
    line-height: 0;
    font-size: 0;
    color: transparent;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute; }
  
  .banner-full-link + .caption {
    pointer-events: none;
    cursor: pointer; }
  
  .caption {
    width: 100%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%); }
    @media (min-width: 769px) {
      .caption {
        max-width: 960px;
        left: 0;
        right: 0;
        margin: 0 auto; } }
    @media (min-width: 1400px) {
      .caption {
        max-width: 1200px; } }
    @media (max-width: 768px) {
      .caption {
        width: 100%; } }
    @media (max-width: 480px) {
      .caption {
        margin: 5% 0;
        font-size: 3vw;
        position: static;
        transform: none;
        width: 100%; } }
    .caption a {
      pointer-events: all; }
    .caption.position-center {
      left: 0;
      right: 0;
      margin: 0 auto;
      text-align: center; }
      @media (max-width: 768px) {
        .caption.position-center {
          width: 85%; } }
      @media (max-width: 480px) {
        .caption.position-center {
          width: 100%;
          padding: 0 5%;
          margin: 5% 0; } }
    .caption.position-left {
      left: 0;
      text-align: left;
      padding: 0 2%; }
    .caption.position-right {
      right: 0;
      text-align: right;
      padding: 0 2%; }
    .caption .pretext {
      color: #ffffff;
      font-family: Roboto;
      font-weight: 500;
      text-transform: uppercase;
      font-style: normal;
      font-size: 28px;
      letter-spacing: 0px;
      background: #ee9645;
      margin: auto;
      margin-bottom: 10px;
      width: fit-content;
      padding: 12px 20px; }
      @media (max-width: 480px) {
        .caption .pretext {
          font-size: 1.4em;
          color: #333333;
          text-shadow: none; } }
      @media (max-width: 768px) {
        .caption .pretext {
          font-size: 17.333333333333332px; } }
      @media (min-width: 769px) {
        .caption .pretext {
          font-size: 21.666666666666668px; } }
      @media (min-width: 960px) {
        .caption .pretext {
          font-size: 26px; } }
      .caption .pretext p {
        line-height: 1.2;
        margin: 0; }
    .caption .headline {
      position: relative;
      color: #ffffff;
      font-weight: bold;
      font-size: 65px;
      line-height: 1.4em;
      margin-bottom: 15px; }
      @media (max-width: 480px) {
        .caption .headline {
          font-size: 2.6em;
          color: #333333;
          text-shadow: none; } }
      @media (max-width: 768px) {
        .caption .headline {
          font-size: 43.333333333333336px; } }
      @media (min-width: 769px) {
        .caption .headline {
          font-size: 54.166666666666664px; } }
      @media (min-width: 960px) {
        .caption .headline {
          font-size: 65px; } }
    .caption .headline:after {
      left: 50%;
      transform: translateX(-50%); }
    .caption .headline:after {
      content: '';
      background: #fff;
      width: 20%;
      height: 2px;
      position: absolute;
      bottom: -8px;
      /*left: calc(50% - 109px); */ }
    .caption .subtitle {
      color: #ffffff;
      font-family: Roboto;
      font-weight: bold;
      text-transform: none;
      font-style: normal;
      font-size: 26px;
      letter-spacing: 0px;
      position: relative; }
      @media (max-width: 480px) {
        .caption .subtitle {
          font-size: 1.4em;
          color: #333333;
          text-shadow: none; } }
      @media (max-width: 768px) {
        .caption .subtitle {
          font-size: 17.333333333333332px; } }
      @media (min-width: 769px) {
        .caption .subtitle {
          font-size: 21.666666666666668px; } }
      @media (min-width: 960px) {
        .caption .subtitle {
          font-size: 26px; } }
    .caption .pretext:empty,
    .caption .headline:empty,
    .caption .subtitle:empty {
      display: none; }
      .caption .pretext:empty:before,
      .caption .headline:empty:before,
      .caption .subtitle:empty:before {
        height: 0; }
  
  .subtitle p a {
    pointer-events: all; }
  
  .caption-content {
    display: inline-block;
    float: none;
    max-width: 80%;
    font-size: 0; }
    @media (max-width: 768px) {
      .caption-content {
        max-width: 80%; } }
    @media (max-width: 480px) {
      .caption-content {
        width: 100%;
        max-width: 100%; } }
    .caption-content .action_button {
      margin: 10px; }
      @media (max-width: 768px) {
        .caption-content .action_button {
          margin: 5px; } }
      @media (max-width: 480px) {
        .caption-content .action_button {
          font-size: 16px; } }
    .caption-content.align-center {
      text-align: center; }
      @media (max-width: 768px) {
        .caption-content.align-center {
          max-width: 80%; } }
      @media (max-width: 480px) {
        .caption-content.align-center {
          width: 100%;
          max-width: 100%; } }
    .caption-content.align-left {
      text-align: left; }
      .caption-content.align-left:first-child .action_button {
        margin-left: 0; }
      .caption-content.align-left .subtitle:before {
        margin-left: 0; }
    .caption-content.align-right {
      text-align: right; }
      .caption-content.align-right:last-child .action_button {
        margin-right: 0; }
      .caption-content.align-right .subtitle:before {
        margin-right: 0; }
    .caption-content.caption-background-true {
      padding: 30px; }
      @media (max-width: 480px) {
        .caption-content.caption-background-true {
          padding: 0; } }
  
  /* Transparency settings for each type of caption */
  .caption-background-true {
    background-color: #1e1e1e; }
  
  .homepage-video .caption-background-true {
    background-color: #1e1e1e; }
    @media (max-width: 480px) {
      .homepage-video .caption-background-true {
        background-color: transparent; } }
  
  .caption-background-true {
    background-color: #1e1e1e; }
    .caption-background-true.caption-transparency-true {
      background-color: rgba(30, 30, 30, 0.6); }
      @media (max-width: 480px) {
        .caption-background-true.caption-transparency-true {
          background-color: transparent; } }
    @media (max-width: 480px) {
      .caption-background-true {
        background-color: transparent; } }
  
  a.highlight-false, input[type="button"].highlight-false,
  a.highlight-true, input[type="button"].highlight-true,
  a.continue-button {
    background-color: rgba(255, 255, 255, 0);
    color: #ffffff;
    border: 1px solid #ffffff;
    transition: background-color 0.2s linear, color 0.2s linear;
    margin: 25px 0; }
    a.highlight-false:hover, input[type="button"].highlight-false:hover,
    a.highlight-true:hover, input[type="button"].highlight-true:hover,
    a.continue-button:hover {
      background-color: #ffffff;
      border-color: #ffffff;
      color: #333; }
    @media (max-width: 480px) {
      a.highlight-false, input[type="button"].highlight-false,
      a.highlight-true, input[type="button"].highlight-true,
      a.continue-button {
        color: #333333;
        border-color: #333333;
        background-color: transparent; }
        a.highlight-false:hover, input[type="button"].highlight-false:hover,
        a.highlight-true:hover, input[type="button"].highlight-true:hover,
        a.continue-button:hover {
          border-color: #333333;
          background-color: #333333;
          color: #fff; } }
  
  a.highlight-true, input[type="button"].highlight-true {
    background-color: #ffffff;
    border-color: #ffffff;
    color: #333; }
    @media (max-width: 480px) {
      a.highlight-true, input[type="button"].highlight-true {
        border-color: #333333;
        background-color: #333333;
        color: #fff; } }
  
  a.continue-button,
  a.highlight-false--dark,
  input[type="button"].highlight-false--dark {
    color: #333333;
    border-color: #333333;
    background-color: transparent; }
    a.continue-button:hover,
    a.highlight-false--dark:hover,
    input[type="button"].highlight-false--dark:hover {
      border-color: #333333;
      background-color: #333333;
      color: #fff; }
  
  .homepage-slideshow a.highlight-false:hover, .homepage-slideshow input[type="button"].highlight-false:hover,
  .homepage-slideshow a.highlight-true:hover, .homepage-slideshow input[type="button"].highlight-true:hover {
    color: #333; }
  @media (max-width: 480px) {
    .homepage-slideshow a.highlight-false, .homepage-slideshow input[type="button"].highlight-false,
    .homepage-slideshow a.highlight-true, .homepage-slideshow input[type="button"].highlight-true {
      color: #333333;
      border-color: #333333;
      background-color: transparent; }
      .homepage-slideshow a.highlight-false:hover, .homepage-slideshow input[type="button"].highlight-false:hover,
      .homepage-slideshow a.highlight-true:hover, .homepage-slideshow input[type="button"].highlight-true:hover {
        border-color: #333333;
        background-color: #333333;
        color: #fff; } }
  .homepage-slideshow a.highlight-true, .homepage-slideshow input[type="button"].highlight-true {
    background-color: #ffffff;
    border-color: #ffffff;
    color: #333; }
    @media (max-width: 480px) {
      .homepage-slideshow a.highlight-true, .homepage-slideshow input[type="button"].highlight-true {
        border-color: #333333;
        background-color: #333333;
        color: #fff; } }
  
  /* #Account
  ================================================== */
  .account-header-logout {
    text-align: right;
    text-transform: uppercase; }
  
  .account-sidebar {
    border-right: 1px solid #aaaaaa;
    box-sizing: border-box;
    padding-right: 10px; }
    @media (max-width: 768px) {
      .account-sidebar {
        border: 0;
        padding-right: 0; } }
  
  .customers-addresses .account-sidebar {
    border-right: 0;
    padding-right: 0; }
  .customers-addresses .account-main {
    box-sizing: border-box;
    border-left: 1px solid #aaaaaa;
    padding-left: 20px; }
    @media (max-width: 768px) {
      .customers-addresses .account-main {
        border: 0;
        padding-left: 0; } }
  
  .action_bottom .note {
    vertical-align: middle;
    line-height: 40px; }
  
  .address_title {
    margin-bottom: 0;
    padding-bottom: 0; }
  
  .action_edit {
    background-color: #03a196;
    border-color: #03a196; }
    .action_edit a {
      color: #ffffff; }
    .action_edit:hover {
      background-color: #03a196;
      border-color: #03a196; }
      .action_edit:hover a {
        color: #ffffff; }
  
  .action_delete {
    background-color: #ffffff;
    border-color: #03a196; }
    .action_delete a {
      color: #03a196; }
    .action_delete:hover {
      background-color: #03a196;
      border-color: #03a196; }
      .action_delete:hover a {
        color: #ffffff; }
  
  /* #Home page - collection in detail
  ================================================== */
  .collection-in-detail .section {
    margin: 0; }
  .collection-in-detail .half {
    width: 50%;
    float: left;
    position: relative; }
    @media (max-width: 768px) {
      .collection-in-detail .half {
        width: 100%; } }
  .collection-in-detail .product-details {
    padding: 40px 2rem; }
  .collection-in-detail .frontpage_product_stagger--true .section:nth-child(even) .half {
    float: right; }
  .collection-in-detail .product_gallery.multi-image {
    width: 100%;
    display: block;
    margin-bottom: 0; }
  
  /* #Home page - slideshow
  ================================================== */
  .homepage-slideshow:hover .flickity-prev-next-button, .testimonial-section:hover .flickity-prev-next-button {
    opacity: 0.5; }
  
  .text-animation--true .caption-content {
    opacity: 0; }
    @media (max-width: 480px) {
      .text-animation--true .caption-content {
        opacity: 1;
        animation-duration: 0s; } }
  
  .homepage-slideshow, .testimonial-section {
    position: relative;
    overflow: hidden; }
    .homepage-slideshow.single-image .flickity-prev-next-button, .testimonial-section.single-image .flickity-prev-next-button {
      display: none; }
    .homepage-slideshow.single-image .flickity-page-dots, .testimonial-section.single-image .flickity-page-dots {
      display: none; }
    .homepage-slideshow .gallery-cell, .testimonial-section .gallery-cell {
      width: 100%;
      background-color: #666; }
      @media (max-width: 480px) {
        .homepage-slideshow .gallery-cell, .testimonial-section .gallery-cell {
          background-color: transparent; } }
      .homepage-slideshow .gallery-cell img, .testimonial-section .gallery-cell img {
        width: 100%;
        display: block; }
    .homepage-slideshow .flickity-prev-next-button, .testimonial-section .flickity-prev-next-button {
      opacity: 0;
      width: 5%;
      height: 100%;
      border-radius: 0; }
    .homepage-slideshow .flickity-page-dots, .testimonial-section .flickity-page-dots {
      bottom: 2em; }
      .homepage-slideshow .flickity-page-dots .dot, .testimonial-section .flickity-page-dots .dot {
        height: 4px;
        width: 40px;
        margin: 0;
        border-radius: 0; }
      @media (max-width: 480px) {
        .homepage-slideshow .flickity-page-dots, .testimonial-section .flickity-page-dots {
          display: none; } }
  
  /* Home - product slider */
  .js-product-slider .product_clear {
    display: none; }
  .js-product-slider .column.alpha, .js-product-slider .columns.alpha {
    margin: 0 10px 0 20px; }
  .js-product-slider .flickity-prev-next-button {
    border-radius: 0; }
  
  /* #Home page - image with text
  ================================================== */
  .featured_collections .featured-link--half a[href] img {
    box-shadow: #000 0em 0em 0em;
    transition: opacity 0.2s linear; }
  
  .featured_collections .featured-link--half:hover a[href] img.lazyloaded {
    opacity: 0.8; }
  
  .featured-link--section {
    width: 100%;
    box-sizing: border-box;
    float: left;
    min-height: 100px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  
  .featured-link--half.featured-link__imageHalf {
    background-color: transparent;
    text-align: center; }
    .featured-link--half.featured-link__imageHalf a {
      width: 100%;
      display: block; }
      .featured-link--half.featured-link__imageHalf a img {
        width: 100%; }
  
  .featured-link--half {
    box-sizing: border-box;
    float: left;
    width: 50%;
    position: relative;
    text-align: center;
    display: table;
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    background-color: #ffffff; }
    @media (max-width: 480px) {
      .featured-link--half {
        width: 100%;
        -webkit-box-flex: 1;
        -webkit-flex: 1 0 100%;
        -ms-flex: 1 0 100%;
        flex: 1 0 100%; } }
    .featured-link--half .featured-link--wrap {
      width: 100%;
      -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
      flex: 0 0 auto; }
    .featured-link--half img {
      display: block;
      margin: 0 auto;
      width: 100%;
      max-width: 100%; }
      @media (max-width: 480px) {
        .featured-link--half img {
          width: 100%;
          max-width: auto; } }
    .featured-link--half .info {
      display: inline-block;
      width: 80%;
      margin: 0 auto;
      padding: 20px; }
      .featured-link--half .info.text-align--right {
        text-align: right; }
        .featured-link--half .info.text-align--right .description:before {
          margin-right: 0; }
      .featured-link--half .info.text-align--left {
        text-align: left; }
        .featured-link--half .info.text-align--left .description:before {
          margin-left: 0; }
      @media (max-width: 480px) {
        .featured-link--half .info {
          position: static;
          transform: translateY(0);
          -webkit-transform: translateY(0);
          -ms-transform: translateY(0);
          padding: 2em 0; } }
    .featured-link--half .collection_title {
      margin-bottom: 15px;
      display: block;
      color: #333333; }
    .featured-link--half .description {
      position: relative;
      font-size: 1.3vw;
      line-height: 1.5;
      margin-bottom: 20px;
      color: #333333; }
      @media (max-width: 768px) {
        .featured-link--half .description {
          font-size: 2vw; } }
      @media (max-width: 480px) {
        .featured-link--half .description {
          font-size: inherit; } }
      @media (min-width: 1400px) {
        .featured-link--half .description {
          font-size: inherit; } }
    .featured-link--half .button {
      height: auto;
      background-color: transparent;
      color: #333333;
      border: 1px solid #333333;
      transition: background-color 0.2s cubic-bezier(0.55, 0.09, 0.68, 0.53), color 0.3s linear, border 0.2s cubic-bezier(0.55, 0.09, 0.68, 0.53);
      line-height: 1.5;
      padding-top: 10px;
      padding-bottom: 10px; }
      .featured-link--half .button:hover {
        background-color: #333333;
        color: #ffffff;
        border: 1px solid #333333; }
  
  .image-align--right.featured_collections.across-1 .featured-link--section:nth-child(odd) {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse; }
    .image-align--right.featured_collections.across-1 .featured-link--section:nth-child(odd) .featured-link--half {
      float: right; }
  
  .image-align--left.featured_collections.across-1 .featured-link--section:nth-child(even) {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse; }
    .image-align--left.featured_collections.across-1 .featured-link--section:nth-child(even) .featured-link--half {
      float: right; }
  
  .featured_collections.across-2 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  
  .image-align--left.featured_collections.across-2 .featured-link--section {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row; }
    @media (max-width: 768px) {
      .image-align--left.featured_collections.across-2 .featured-link--section:nth-of-type(2n) {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse; } }
  .image-align--left.featured_collections.across-2 .featured-link--image:nth-of-type(4n+3) {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse; }
    @media (max-width: 768px) {
      .image-align--left.featured_collections.across-2 .featured-link--image:nth-of-type(4n+3) {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row; } }
  .image-align--left.featured_collections.across-2 .featured-link--image:nth-of-type(4n+4) {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse; }
  
  .image-align--right.featured_collections.across-2 .featured-link--section {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse; }
    @media (max-width: 768px) {
      .image-align--right.featured_collections.across-2 .featured-link--section:nth-of-type(2n) {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row; } }
  .image-align--right.featured_collections.across-2 .featured-link--image:nth-of-type(4n+3) {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row; }
    @media (max-width: 768px) {
      .image-align--right.featured_collections.across-2 .featured-link--image:nth-of-type(4n+3) {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse; } }
  .image-align--right.featured_collections.across-2 .featured-link--image:nth-of-type(4n+4) {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row; }
  
  .featured_collections.across-2 .featured-link--section {
    width: 50%; }
    @media (max-width: 768px) {
      .featured_collections.across-2 .featured-link--section {
        width: 100%; } }
  @media (max-width: 768px) {
    .featured_collections.across-2 .featured-link--half {
      width: 50%; } }
  @media (max-width: 480px) {
    .featured_collections.across-2 .featured-link--half {
      width: 100%; } }
  .featured_collections.across-2 .description {
    font-size: 1.2vw; }
    @media (max-width: 768px) {
      .featured_collections.across-2 .description {
        font-size: inherit; } }
  .featured_collections.across-2 .button {
    font-size: 1.2vw; }
    @media (max-width: 768px) {
      .featured_collections.across-2 .button {
        font-size: inherit; } }
  .featured_collections.across-2 .featured-link--image:nth-of-type(2n+1) {
    clear: both; }
  .featured_collections.across-2 .featured-link--image:nth-of-type(2n+2) .featured-link--half {
    float: left; }
    @media (max-width: 768px) {
      .featured_collections.across-2 .featured-link--image:nth-of-type(2n+2) .featured-link--half {
        float: right; } }
  .featured_collections.across-2 .featured-link--image:nth-of-type(3n+3) .featured-link--half {
    float: right; }
    @media (max-width: 768px) {
      .featured_collections.across-2 .featured-link--image:nth-of-type(3n+3) .featured-link--half {
        float: left; } }
  .featured_collections.across-2 .featured-link--image:nth-of-type(4n+4) .featured-link--half {
    float: right; }
  
  /* #Home page - featured promotions
  ================================================== */
  .featured-promotions .promo-animation--true {
    opacity: 0; }
  .featured-promotions .feature-section {
    text-align: center;
    float: left;
    margin: 0 10px 10px;
    position: relative; }
    @media (max-width: 768px) {
      .featured-promotions .feature-section {
        opacity: 1; } }
    .featured-promotions .feature-section .link-promo {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      display: block; }
    .featured-promotions .feature-section .feature-inner {
      display: block;
      position: relative;
      overflow: hidden; }
    .featured-promotions .feature-section .feature-style--circle {
      border-radius: 50%; }
      .featured-promotions .feature-section .feature-style--circle img {
        border-radius: 50%; }
    .featured-promotions .feature-section .feature-style--rounded {
      border-radius: 10px; }
      .featured-promotions .feature-section .feature-style--rounded img {
        border-radius: 10px; }
    .featured-promotions .feature-section .feature-overlay {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      transition: background-color 0.25s linear; }
      @media (max-width: 768px) {
        .featured-promotions .feature-section .feature-overlay {
          background: black;
          background: rgba(0, 0, 0, 0.5); } }
    .featured-promotions .feature-section .feature-wrap {
      position: relative;
      top: 50%;
      -webkit-transform: translateY(-50.1%);
      -ms-transform: translateY(-50.1%);
      transform: translateY(-50.1%);
      padding: 10px 0;
      position: absolute;
      width: 80%;
      margin: 0 auto;
      left: 0;
      right: 0;
      pointer-events: none; }
    .featured-promotions .feature-section .feature-details {
      display: none;
      opacity: 0;
      transition: opacity 0.3s linear; }
      @media (max-width: 768px) {
        .featured-promotions .feature-section .feature-details {
          opacity: 1;
          display: block !important; } }
      .featured-promotions .feature-section .feature-details.reveal-details {
        opacity: 1; }
      .featured-promotions .feature-section .feature-details .button {
        margin-top: 15px; }
    .featured-promotions .feature-section .description {
      color: #FFF;
      transition: all 0.3s linear;
      margin-bottom: 0; }
    .featured-promotions .feature-section .description a {
      pointer-events: auto; }
    .featured-promotions .feature-section.title-overlay-true .title {
      transition: all 0.3s linear;
      color: #FFF; }
      @media (max-width: 768px) {
        .featured-promotions .feature-section.title-overlay-true .title {
          margin-bottom: 10px; } }
      .featured-promotions .feature-section.title-overlay-true .title:after {
        content: '';
        display: block;
        height: 1px;
        width: 0;
        background: #FFF;
        transition: width .5s ease, background-color .5s ease;
        margin: 10px auto auto auto; }
        @media (max-width: 768px) {
          .featured-promotions .feature-section.title-overlay-true .title:after {
            display: none; } }
    .featured-promotions .feature-section.title-overlay-false .feature-wrap .title {
      display: none; }
    .featured-promotions .feature-section:hover .feature-overlay {
      background: black;
      background: rgba(0, 0, 0, 0.5); }
    .featured-promotions .feature-section.title-overlay-true:hover .title:after {
      width: 50%;
      background: #FFF; }
    .featured-promotions .feature-section.title-overlay-true:hover .title {
      color: #FFF; }
    .featured-promotions .feature-section.title-overlay-true:hover .description {
      color: #FFF; }
    .featured-promotions .feature-section.title-overlay-false:hover .description {
      color: #FFF; }
    .featured-promotions .feature-section img {
      width: 100%;
      display: block;
      box-shadow: 0 0 1px rgba(0, 0, 0, 0.05); }
  
  .promo-1 {
    -webkit-animation-delay: 0s;
    animation-delay: 0s; }
  
  .promo-2 {
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s; }
  
  .promo-3 {
    -webkit-animation-delay: 0.6s;
    animation-delay: 0.6s; }
  
  .promo-4 {
    -webkit-animation-delay: 0.9s;
    animation-delay: 0.9s; }
  
  .promo-5 {
    -webkit-animation-delay: 1.2s;
    animation-delay: 1.2s; }
  
  .promo-6 {
    -webkit-animation-delay: 1.5s;
    animation-delay: 1.5s; }
  
  .promo-7 {
    -webkit-animation-delay: 1.8s;
    animation-delay: 1.8s; }
  
  .promo-8 {
    -webkit-animation-delay: 2.1s;
    animation-delay: 2.1s; }
  
  .promo-9 {
    -webkit-animation-delay: 2.4s;
    animation-delay: 2.4s; }
  
  .promo-10 {
    -webkit-animation-delay: 2.7s;
    animation-delay: 2.7s; }
  
  .promo-11 {
    -webkit-animation-delay: 3.0s;
    animation-delay: 3.0s; }
  
  .promo-12 {
    -webkit-animation-delay: 3.3s;
    animation-delay: 3.3s; }
  
  .featured-promotions.promo-per-row-2 .feature-section {
    width: calc(50% - 20px); }
    @media (max-width: 768px) {
      .featured-promotions.promo-per-row-2 .feature-section {
        width: 100%;
        margin: 0 0 10px; } }
    .featured-promotions.promo-per-row-2 .feature-section:nth-child(2n+1) {
      clear: both; }
  
  .featured-promotions.promo-per-row-3 .feature-section {
    width: calc(33.3333% - 20px); }
    @media (max-width: 768px) {
      .featured-promotions.promo-per-row-3 .feature-section {
        width: 100%;
        margin: 0 0 10px; } }
    .featured-promotions.promo-per-row-3 .feature-section:nth-child(3n+1) {
      clear: both; }
  
  .featured-promotions.promo-per-row-4 .feature-section {
    width: calc(25% - 20px); }
    .featured-promotions.promo-per-row-4 .feature-section:nth-child(4n+1) {
      clear: both; }
    @media (max-width: 768px) {
      .featured-promotions.promo-per-row-4 .feature-section {
        width: calc(50% - 20px); }
        .featured-promotions.promo-per-row-4 .feature-section:nth-child(2n+1) {
          clear: both; } }
    @media (max-width: 480px) {
      .featured-promotions.promo-per-row-4 .feature-section {
        width: 100%;
        margin: 0 0 10px; } }
  
  .container.promotions-grid-full_width {
    width: 100%;
    padding-top: 0; }
    .container.promotions-grid-full_width .featured-promotions.promo-per-row-2 .feature-section {
      width: 50%;
      margin: 0; }
      @media (max-width: 480px) {
        .container.promotions-grid-full_width .featured-promotions.promo-per-row-2 .feature-section {
          width: 100%; } }
    .container.promotions-grid-full_width .featured-promotions.promo-per-row-3 .feature-section {
      width: 33.333333%;
      margin: 0; }
      @media (max-width: 768px) {
        .container.promotions-grid-full_width .featured-promotions.promo-per-row-3 .feature-section {
          width: 100%; } }
    .container.promotions-grid-full_width .featured-promotions.promo-per-row-4 .feature-section {
      width: 25%;
      margin: 0; }
      @media (max-width: 768px) {
        .container.promotions-grid-full_width .featured-promotions.promo-per-row-4 .feature-section {
          width: 50%; } }
      @media (max-width: 480px) {
        .container.promotions-grid-full_width .featured-promotions.promo-per-row-4 .feature-section {
          width: 100%; } }
  
  /* #Home page - image with text overlay
  ================================================== */
  .banner {
    width: 100%;
    position: relative;
    overflow: hidden;
    background-color: #666; }
    @media (max-width: 480px) {
      .banner {
        max-height: inherit;
        background-color: transparent; } }
    .banner img {
      width: 100%;
      display: block; }
  
  /* #Home page - video
  ================================================== */
  .homepage-video {
    position: relative;
    overflow: hidden;
    transition: height 0.3s ease-in-out; }
    @media (max-width: 480px) {
      .homepage-video {
        background-color: transparent; } }
    .homepage-video img {
      width: 100%;
      display: block; }
    .homepage-video iframe {
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      height: 100%;
      width: 100%; }
    .homepage-video .homepage-video--media {
      display: none;
      width: 100%;
      height: auto;
      padding-top: 0; }
    .homepage-video .caption.text-on-video {
      z-index: 3;
      pointer-events: none; }
      @media (max-width: 480px) {
        .homepage-video .caption.text-on-video {
          display: none; } }
    .homepage-video .mediaWrapper iframe {
      position: absolute !important;
      top: 0;
      left: 0;
      bottom: 0; }
  
  .mediaWrapper {
    position: relative;
    overflow: hidden;
    max-width: 100%;
    padding-bottom: 56.25%;
    height: auto; }
  
  .homepage-video__placeholder {
    position: relative; }
  
  .homepage-video.darken-video-true::after {
    content: '';
    display: block;
    background: rgba(0, 0, 0, 0.3);
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    pointer-events: none; }
  
  @media (max-width: 480px) {
    .action_button[data-play-video] {
      display: none; } }
  
  .caption.text-on-video.outside-homepage-video {
    display: none; }
    @media (max-width: 480px) {
      .caption.text-on-video.outside-homepage-video {
        display: block; } }
  
  /* #Page Banners
  ================================================== */
  .page_banner {
    background-color: #ffffff;
    overflow: hidden;
    max-height: 100vh; }
    .page_banner .caption {
      max-width: 960px;
      left: 0;
      right: 0;
      margin: 0 auto;
      position: absolute;
      top: 50%;
      -ms-transform: translate(0, -50%);
      transform: translate(0, -50%);
      z-index: 3; }
      .page_banner .caption .headline, .page_banner .caption .subtitle {
        color: #ffffff; }
      @media (max-width: 768px) {
        .page_banner .caption {
          top: 50%; } }
  
  .dark-overlay-true:after {
    content: '';
    position: absolute;
    z-index: 2;
    background: rgba(0, 0, 0, 0.5);
    top: 0;
    bottom: 0;
    left: 0;
    right: 0; }
  
  /* #Font-Face
  ================================================== */
  /*  This is the proper syntax for an @font-face file.
      Upload your font files to Assets and then
      copy your FontName into code below and remove
      comment brackets */
  /*  @font-face {
        font-family: 'FontName';
        src: url('FontName.eot');
        src: url('FontName.eot?iefix') format('eot'),
             url('FontName.woff') format('woff'),
             url('FontName.ttf') format('truetype'),
             url('FontName.svg#webfontZam02nTh') format('svg');
        font-weight: normal;
        font-style: normal; }
  */
  /* #Custom Styles
  ================================================== */
  /* MC 2021-02-12 Add 2 column responsive section*/
  .udd-2col-column {
    float: left;
    width: 50%;
    padding-top: 5px;
    box-sizing: border-box; }
  
  .udd-2col-row:after {
    content: "";
    display: table;
    clear: both; }
  
  @media screen and (max-width: 600px) {
    .udd-2col-column {
      width: 100%; } }
  /* MC 2021-03-05 Stop Blog Subtitle displaying */
  .blog-header .subtitle {
    display: none; }
  
  /* MC 2021-03-11 No boarder table */
  .udd-no-border-tables {
    border: none !important; }
  
  ul.tick_checkmark {
    list-style: none; }
  
  ul.tick_checkmark li::before {
    content: "\2713";
    color: green;
    font-weight: bold;
    display: inline-block;
    width: 1em;
    margin-left: -1em; }
  
  /* MC 2021-03-31 Specs table */
  table.udd-specs-table {
    max-width: 600px;
    border-collapse: collapse; }
  
  tr.udd-specs-tr {
    border: 1px solid black !important; }
  
  td.udd-specs-td {
    border: 1px solid black !important;
    padding: 3px !important; }
  
  td.udd-specs-td {
    background-color: lightgrey; }
  
  td.udd-specs-td + td {
    background-color: transparent; }
  
  .stock_label {
    color: green; }
  
  .product-mark-reviews {
    display: flex;
    max-width: 400px; }
  
  .product-mark {
    width: 50%; }
  
  .product-google-reviews {
    width: 50%; }
  
  .grecaptcha-badge {
    visibility: hidden; }
  
  .addtocartFloat {
    position: fixed;
    display: none;
    width: auto;
    background: #03A196;
    z-index: 999;
    text-align: left;
    color: white;
    padding: 4px 10px;
    border-radius: 2px;
    border: 1px solid #000;
    bottom: 50px;
    right: 15px;
    cursor: pointer; }