/**
 *
 * APP SCSS
 *
 */
/*----------  HELPERS  ----------*/
/*===============================
=            Extends            =
===============================*/
/* line 10, app/assets/stylesheets/app.css */
.text-decoration-none, .dropdown-megamenu .dropdown-menu .nav-link-shortcut, .menu-list a, .sidebar a, .card a, #btnAddNewReview {
  text-decoration: none;
}

/* line 12, app/assets/stylesheets/app.css */
.text-decoration-none:hover, .dropdown-megamenu .dropdown-menu .nav-link-shortcut:hover, .menu-list a:hover, .sidebar a:hover, .card a:hover, #btnAddNewReview:hover, .text-decoration-none:focus, .dropdown-megamenu .dropdown-menu .nav-link-shortcut:focus, .menu-list a:focus, .sidebar a:focus, .card a:focus, #btnAddNewReview:focus, .text-decoration-none:active, .dropdown-megamenu .dropdown-menu .nav-link-shortcut:active, .menu-list a:active, .sidebar a:active, .card a:active, #btnAddNewReview:active {
  text-decoration: none;
}

/* line 15, app/assets/stylesheets/app.css */
.valign-center {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}

/* line 24, app/assets/stylesheets/app.css */
.underline-effect {
  position: relative;
  text-decoration: none;
  color: #3c136f;
  overflow: hidden;
}

/* line 29, app/assets/stylesheets/app.css */
.underline-effect:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  bottom: 10px;
  left: 0;
  background-color: #3c136f;
  visibility: hidden;
  -webkit-transform: scaleX(0);
  -moz-transform: scaleX(0);
  -ms-transform: scaleX(0);
  -o-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transition: all 0.1s ease-in-out 0s;
  -moz-transition: all 0.1s ease-in-out 0s;
  -ms-transition: all 0.1s ease-in-out 0s;
  -o-transition: all 0.1s ease-in-out 0s;
  transition: all 0.1s ease-in-out 0s;
}

/* line 48, app/assets/stylesheets/app.css */
.underline-effect:hover:before {
  visibility: visible;
  -webkit-transform: scaleX(1);
  -moz-transform: scaleX(1);
  -ms-transform: scaleX(1);
  -o-transform: scaleX(1);
  transform: scaleX(1);
}

/*===================================
=            Extra Class            =
===================================*/
/* line 59, app/assets/stylesheets/app.css */
.clearfix:before, .slider:before, .accordion:before, .generic-content:before, .color-pallete:before, .clearfix:after, .slider:after, .accordion:after, .generic-content:after, .color-pallete:after {
  content: " ";
  display: table;
}

/* line 63, app/assets/stylesheets/app.css */
.clearfix:after, .slider:after, .accordion:after, .generic-content:after, .color-pallete:after {
  clear: both;
}

/* line 66, app/assets/stylesheets/app.css */
.center, .card-product .card-image, .card-promo .card-image {
  text-align: center;
}

/* line 68, app/assets/stylesheets/app.css */
.center > img, .card-product .card-image > img, .card-promo .card-image > img {
  display: block;
  margin: auto;
}

/* line 72, app/assets/stylesheets/app.css */
.bold {
  font-weight: bold;
}

/* line 75, app/assets/stylesheets/app.css */
.italic {
  font-style: italic;
}

/* line 78, app/assets/stylesheets/app.css */
.clear {
  clear: both;
  display: block;
  font-size: 0px;
  height: 0px;
  line-height: 0;
  width: 100%;
  overflow: hidden;
}

/* line 87, app/assets/stylesheets/app.css */
.block {
  display: block;
}

/*----------  FROM CANVAS  ----------*/
/* line 91, app/assets/stylesheets/app.css */
.uppercase {
  text-transform: uppercase !important;
}

/* line 94, app/assets/stylesheets/app.css */
.lowercase {
  text-transform: lowercase !important;
}

/* line 97, app/assets/stylesheets/app.css */
.capitalize {
  text-transform: capitalize !important;
}

/* line 100, app/assets/stylesheets/app.css */
.nott {
  text-transform: none !important;
}

/* line 103, app/assets/stylesheets/app.css */
.tright {
  text-align: right !important;
}

/* line 106, app/assets/stylesheets/app.css */
.tleft {
  text-align: left !important;
}

/* line 109, app/assets/stylesheets/app.css */
.fright {
  float: right !important;
}

/* line 112, app/assets/stylesheets/app.css */
.fleft {
  float: left !important;
}

/* line 115, app/assets/stylesheets/app.css */
.fnone {
  float: none !important;
}

/* line 118, app/assets/stylesheets/app.css */
.ohidden {
  position: relative;
  overflow: hidden !important;
}

/* line 122, app/assets/stylesheets/app.css */
.line,
.double-line {
  clear: both;
  position: relative;
  width: 100%;
  margin: 12rem 0;
  border-top: 1px solid #EEE;
}

/* line 129, app/assets/stylesheets/app.css */
.line.line-sm,
.double-line.line-sm {
  margin: 1rem 0;
}

/* line 133, app/assets/stylesheets/app.css */
span.middot {
  display: inline-block;
  margin: 0 5px;
}

/* line 137, app/assets/stylesheets/app.css */
.double-line {
  border-top: 3px double #E5E5E5;
}

/* line 140, app/assets/stylesheets/app.css */
.emptydiv {
  display: block !important;
  position: relative !important;
}

/* line 144, app/assets/stylesheets/app.css */
.allmargin {
  margin: 2rem !important;
}

/* line 147, app/assets/stylesheets/app.css */
.leftmargin {
  margin-left: 2rem !important;
}

/* line 150, app/assets/stylesheets/app.css */
.rightmargin {
  margin-right: 2rem !important;
}

/* line 153, app/assets/stylesheets/app.css */
.topmargin {
  margin-top: 2rem !important;
}

/* line 156, app/assets/stylesheets/app.css */
.bottommargin {
  margin-bottom: 2rem !important;
}

/* line 159, app/assets/stylesheets/app.css */
.clear-bottommargin {
  margin-bottom: -2rem !important;
}

/* line 162, app/assets/stylesheets/app.css */
.allmargin-sm {
  margin: 1rem !important;
}

/* line 165, app/assets/stylesheets/app.css */
.leftmargin-sm {
  margin-left: 1rem !important;
}

/* line 168, app/assets/stylesheets/app.css */
.rightmargin-sm {
  margin-right: 1rem !important;
}

/* line 171, app/assets/stylesheets/app.css */
.topmargin-sm {
  margin-top: 1rem !important;
}

/* line 174, app/assets/stylesheets/app.css */
.bottommargin-sm {
  margin-bottom: 1rem !important;
}

/* line 177, app/assets/stylesheets/app.css */
.clear-bottommargin-sm {
  margin-bottom: -1rem !important;
}

/* line 180, app/assets/stylesheets/app.css */
.allmargin-lg {
  margin: 3rem !important;
}

/* line 183, app/assets/stylesheets/app.css */
.leftmargin-lg {
  margin-left: 3rem !important;
}

/* line 186, app/assets/stylesheets/app.css */
.rightmargin-lg {
  margin-right: 3rem !important;
}

/* line 189, app/assets/stylesheets/app.css */
.topmargin-lg {
  margin-top: 3rem !important;
}

/* line 192, app/assets/stylesheets/app.css */
.bottommargin-lg {
  margin-bottom: 3rem !important;
}

/* line 195, app/assets/stylesheets/app.css */
.clear-bottommargin-lg {
  margin-bottom: -3rem !important;
}

/* line 198, app/assets/stylesheets/app.css */
.nomargin {
  margin: 0 !important;
}

/* line 201, app/assets/stylesheets/app.css */
.noleftmargin {
  margin-left: 0 !important;
}

/* line 204, app/assets/stylesheets/app.css */
.norightmargin {
  margin-right: 0 !important;
}

/* line 207, app/assets/stylesheets/app.css */
.notopmargin {
  margin-top: 0 !important;
}

/* line 210, app/assets/stylesheets/app.css */
.nobottommargin {
  margin-bottom: 0 !important;
}

/* line 213, app/assets/stylesheets/app.css */
.noborder {
  border: none !important;
}

/* line 216, app/assets/stylesheets/app.css */
.noleftborder {
  border-left: none !important;
}

/* line 219, app/assets/stylesheets/app.css */
.norightborder {
  border-right: none !important;
}

/* line 222, app/assets/stylesheets/app.css */
.notopborder {
  border-top: none !important;
}

/* line 225, app/assets/stylesheets/app.css */
.nobottomborder {
  border-bottom: none !important;
}

/* line 228, app/assets/stylesheets/app.css */
.noradius {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
}

/* line 235, app/assets/stylesheets/app.css */
.nopadding {
  padding: 0 !important;
}

/* line 238, app/assets/stylesheets/app.css */
.noleftpadding {
  padding-left: 0 !important;
}

/* line 241, app/assets/stylesheets/app.css */
.norightpadding {
  padding-right: 0 !important;
}

/* line 244, app/assets/stylesheets/app.css */
.notoppadding {
  padding-top: 0 !important;
}

/* line 247, app/assets/stylesheets/app.css */
.nobottompadding {
  padding-bottom: 0 !important;
}

/* line 250, app/assets/stylesheets/app.css */
.noabsolute {
  position: relative !important;
}

/* line 253, app/assets/stylesheets/app.css */
.noshadow {
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  -ms-box-shadow: none !important;
  -o-box-shadow: none !important;
  box-shadow: none !important;
}

/* line 260, app/assets/stylesheets/app.css */
.hidden {
  display: none !important;
}

/* line 263, app/assets/stylesheets/app.css */
.nothidden {
  display: block !important;
}

/* line 266, app/assets/stylesheets/app.css */
.inline-block {
  float: none !important;
  display: inline-block !important;
}

/* line 270, app/assets/stylesheets/app.css */
.center, .card-product .card-image, .card-promo .card-image {
  text-align: center !important;
}

/* line 273, app/assets/stylesheets/app.css */
.divcenter {
  position: relative !important;
  float: none !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* line 279, app/assets/stylesheets/app.css */
.color {
  color: #3c136f !important;
}

/* line 282, app/assets/stylesheets/app.css */
.border-color {
  border-color: #3c136f !important;
}

/* line 285, app/assets/stylesheets/app.css */
.nobg {
  background: none !important;
}

/* line 288, app/assets/stylesheets/app.css */
.nobgcolor {
  background-color: transparent !important;
}

/* line 291, app/assets/stylesheets/app.css */
.bg-theme {
  background-color: #3c136f;
}

/* line 294, app/assets/stylesheets/app.css */
.bg-secondary {
  background-color: #de4277;
}

/* line 297, app/assets/stylesheets/app.css */
.text-theme {
  color: #3c136f !important;
}

/* line 300, app/assets/stylesheets/app.css */
.text-dark {
  color: #3e3e3e !important;
}

/* line 303, app/assets/stylesheets/app.css */
.text-light {
  color: #fff !important;
}

/* line 306, app/assets/stylesheets/app.css */
.img-responsive {
  max-width: 100%;
}

/* line 309, app/assets/stylesheets/app.css */
.img-full {
  width: 100%;
}

/* line 312, app/assets/stylesheets/app.css */
.img-circle {
  border-radius: 50%;
}

/* line 315, app/assets/stylesheets/app.css */
.bg-soft-pink {
  background-color: #fde3e8;
}

/* line 318, app/assets/stylesheets/app.css */
.bg-soft-blue {
  background-color: #e7f5ff;
}

/* line 321, app/assets/stylesheets/app.css */
.bg-soft-green {
  background-color: #bbefe5;
}

/* line 324, app/assets/stylesheets/app.css */
.bold {
  font-family: "Gotham-Bold", sans-serif;
}

/* line 327, app/assets/stylesheets/app.css */
.text-body {
  font-family: "Gotham-Book", sans-serif;
}

/* line 330, app/assets/stylesheets/app.css */
.text-bold {
  font-family: "Gotham-Bold", sans-serif;
}

/* line 333, app/assets/stylesheets/app.css */
.text-heading {
  font-family: "Gotham-Black", sans-serif;
}

/* line 336, app/assets/stylesheets/app.css */
.heading {
  font-family: "Gotham-Black", sans-serif;
}

@media (max-width: 767px) {
  /* line 340, app/assets/stylesheets/app.css */
  .br-lg {
    display: none;
  }
}

/*----------  BASE  ----------*/
/*==================================
=            Typography            =
==================================*/
@font-face {
  font-family: 'Gotham-Book';
  src: url("../fonts/Gotham-Book.eot?#iefix") format("embedded-opentype"), url("../fonts/Gotham-Book.otf") format("opentype"), url("../fonts/Gotham-Book.woff") format("woff"), url("../fonts/Gotham-Book.ttf") format("truetype"), url("../fonts/Gotham-Book.svg#Gotham-Book") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Gotham-Black';
  src: url("../fonts/Gotham-Black.eot?#iefix") format("embedded-opentype"), url("../fonts/Gotham-Black.otf") format("opentype"), url("../fonts/Gotham-Black.woff") format("woff"), url("../fonts/Gotham-Black.ttf") format("truetype"), url("../fonts/Gotham-Black.svg#Gotham-Black") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Gotham-Bold';
  src: url("../fonts/Gotham-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/Gotham-Bold.otf") format("opentype"), url("../fonts/Gotham-Bold.woff") format("woff"), url("../fonts/Gotham-Bold.ttf") format("truetype"), url("../fonts/Gotham-Bold.svg#Gotham-Bold") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Gotham-Medium';
  src: url("../fonts/Gotham-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/Gotham-Medium.otf") format("opentype"), url("../fonts/Gotham-Medium.woff") format("woff"), url("../fonts/Gotham-Medium.ttf") format("truetype"), url("../fonts/Gotham-Medium.svg#Gotham-Medium") format("svg");
  font-weight: normal;
  font-style: normal;
}

/* line 371, app/assets/stylesheets/app.css */
body {
  font-family: "Gotham-Book", sans-serif;
  line-height: 1.5;
  font-size: 1rem;
  color: #3e3e3e;
}

/*----------  Heading  ----------*/
/* line 378, app/assets/stylesheets/app.css */
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Gotham-Black", sans-serif;
}

/* line 386, app/assets/stylesheets/app.css */
dl,
dt,
dd,
ol,
ul,
li {
  padding: 0;
}

/* line 394, app/assets/stylesheets/app.css */
a {
  color: #ff8c01;
  -webkit-transition: all 0.25s;
  -moz-transition: all 0.25s;
  -ms-transition: all 0.25s;
  -o-transition: all 0.25s;
  transition: all 0.25s;
}

/* line 401, app/assets/stylesheets/app.css */
a:hover, a:focus {
  color: #de4277;
}

/* line 404, app/assets/stylesheets/app.css */
.section-title {
  color: #3c136f;
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
}

/* line 409, app/assets/stylesheets/app.css */
.text-line-side {
  overflow: hidden !important;
  text-align: center;
  position: relative;
}

/* line 413, app/assets/stylesheets/app.css */
.text-line-side:before, .text-line-side:after {
  content: "";
  position: absolute;
  height: 1px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 600px;
  background-color: #3e3e3e;
}

/* line 422, app/assets/stylesheets/app.css */
.text-line-side:before {
  right: 100%;
  margin-right: 15px;
}

/* line 425, app/assets/stylesheets/app.css */
.text-line-side:after {
  left: 100%;
  margin-left: 15px;
}

/*----------  LAYOUT  ----------*/
/*==============================
=            Layout            =
==============================*/
/*----------  CONTAINER  ----------*/
/* line 434, app/assets/stylesheets/app.css */
.container-full {
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  padding-right: 0;
}

/*----------  SECTION  ----------*/
/* line 441, app/assets/stylesheets/app.css */
.section-panel {
  padding-top: 2em;
  padding-bottom: 2em;
  position: relative;
}

/*----------  Display Table  ----------*/
/* line 447, app/assets/stylesheets/app.css */
.display-table {
  display: table;
  width: 100%;
}

/* line 450, app/assets/stylesheets/app.css */
.display-table .display-table-cell {
  display: table-cell;
  vertical-align: middle;
}

/* line 453, app/assets/stylesheets/app.css */
.display-table.valign-top .display-table-cell {
  vertical-align: top;
}

/* line 455, app/assets/stylesheets/app.css */
.display-table.valign-middle .display-table-cell {
  vertical-align: middle;
}

/* line 457, app/assets/stylesheets/app.css */
.display-table.valign-bottom .display-table-cell {
  vertical-align: bottom;
}

/*----------  GRID  ----------*/
/* line 461, app/assets/stylesheets/app.css */
.grid-nopadding div[class*="col-"] {
  padding: 0;
}

/* line 464, app/assets/stylesheets/app.css */
.main-wrapper {
  position: relative;
}

/* line 467, app/assets/stylesheets/app.css */
.section {
  padding-top: 3rem;
  padding-bottom: 3rem;
}

@media (max-width: 767px) {
  /* line 471, app/assets/stylesheets/app.css */
  .section {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }
}

/* line 475, app/assets/stylesheets/app.css */
.section-journal {
  margin-top: -8rem;
}

/* line 478, app/assets/stylesheets/app.css */
.section-product {
  padding-top: 8rem;
}

@media (min-width: 1024px) {
  /* line 481, app/assets/stylesheets/app.css */
  .section-product .card-image img {
    max-width: 450px;
  }
}

/* line 483, app/assets/stylesheets/app.css */
.section-product .card-image-props {
  position: absolute;
  top: 0;
  left: 0;
}

@media (max-width: 767px) {
  /* line 488, app/assets/stylesheets/app.css */
  .section-product .card-image-props {
    left: 1rem;
  }
  /* line 490, app/assets/stylesheets/app.css */
  .section-product .card-image-props img {
    width: 60px;
    height: 60px !important;
  }
}

/* line 494, app/assets/stylesheets/app.css */
.section-testimonial {
  padding-top: 8rem;
  margin-top: -8rem;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff1010+0,ff8f1a+100 */
  background: #fde3e8;
  /* Old browsers */
  background: -moz-linear-gradient(top, #fde3e8 0%, white 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #fde3e8 0%, white 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #fde3e8 0%, white 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  /* IE6-9 */
}

@media (max-width: 767px) {
  /* line 508, app/assets/stylesheets/app.css */
  .section-testimonial {
    padding-top: 4rem;
    margin-top: -4rem;
  }
}

/* line 511, app/assets/stylesheets/app.css */
.section-testimonial .text::before {
  content: '';
  display: inline-block;
  margin-right: .25rem;
  width: 30px;
  height: 30px;
  background-image: url("../images/icon/icon-testimoni-before.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  vertical-align: bottom;
}

/* line 522, app/assets/stylesheets/app.css */
.section-testimonial .text::after {
  content: '';
  display: inline-block;
  margin-left: .25rem;
  width: 30px;
  height: 30px;
  background-image: url("../images/icon/icon-testimoni-after.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  vertical-align: bottom;
}

/* line 534, app/assets/stylesheets/app.css */
.section-review-list .fa {
  color: #de4277;
}

/*==============================
=            Header            =
==============================*/
/* line 540, app/assets/stylesheets/app.css */
.navbar-brand-std {
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
  z-index: 20;
  position: fixed;
  top: 0;
  width: 100%;
  padding: 0.5rem 1rem;
}

/* line 551, app/assets/stylesheets/app.css */
.navbar-brand-std.navbar-animated {
  background-color: #fff;
  padding: .5rem 1rem;
}

/* line 554, app/assets/stylesheets/app.css */
.navbar-brand-std.navbar-animated .navbar-brand img {
  max-width: 120px;
}

/* line 556, app/assets/stylesheets/app.css */
.navbar-brand-std .navbar-menu-container {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}

/* line 562, app/assets/stylesheets/app.css */
.navbar-brand-std .navbar-nav {
  -ms-flex-align: flex-end;
  -webkit-align-items: flex-end;
  -webkit-box-align: flex-end;
  align-items: flex-end;
}

/* line 567, app/assets/stylesheets/app.css */
.navbar-brand-std .navbar-collapse {
  flex-grow: 0;
}

/* line 569, app/assets/stylesheets/app.css */
.navbar-brand-std .navbar-nocollapse .nav-item {
  padding: 0 .75rem;
}

/* line 571, app/assets/stylesheets/app.css */
.navbar-brand-std .navbar-nocollapse .navbar-nav {
  -ms-flex-align: flex-start;
  -webkit-align-items: flex-start;
  -webkit-box-align: flex-start;
  align-items: flex-start;
}

/* line 576, app/assets/stylesheets/app.css */
.navbar-brand-std .navbar-brand img {
  max-width: 180px;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}

/* line 583, app/assets/stylesheets/app.css */
.navbar-brand-std .nav-item.active {
  position: relative;
}

/* line 585, app/assets/stylesheets/app.css */
.navbar-brand-std .nav-item.active .nav-link:before {
  display: none;
}

/* line 587, app/assets/stylesheets/app.css */
.navbar-brand-std .nav-item.active .nav-link:after {
  content: '';
  width: calc(100% - 2rem);
  height: 2px;
  background-color: #3c136f;
  position: absolute;
  bottom: 1rem;
}

/* line 594, app/assets/stylesheets/app.css */
.navbar-brand-std .nav-link {
  text-transform: uppercase;
  font-size: 1rem;
  color: #3c136f;
  padding: 0 !important;
}

/* line 599, app/assets/stylesheets/app.css */
.navbar-brand-std .nav-link:hover {
  color: #ff8c01;
}

/* line 601, app/assets/stylesheets/app.css */
.navbar-brand-std .store-locator {
  border-right: 2px solid #3c136f;
  margin-left: 1.5rem;
}

/* line 604, app/assets/stylesheets/app.css */
.navbar-brand-std .store-locator span {
  font-size: 70%;
}

/* line 606, app/assets/stylesheets/app.css */
.navbar-brand-std .search {
  position: static;
}

/* line 608, app/assets/stylesheets/app.css */
.navbar-brand-std .search form {
  display: flex;
}

/* line 610, app/assets/stylesheets/app.css */
.navbar-brand-std .search .nav-link:before {
  display: none;
}

/* line 612, app/assets/stylesheets/app.css */
.navbar-brand-std .search .nav-link:after {
  display: none;
}

/* line 614, app/assets/stylesheets/app.css */
.navbar-brand-std .search .dropdown-menu {
  right: 0;
  left: auto;
  top: -3px;
  width: 100%;
  border-radius: 0;
  padding: 0;
  border-right: none;
}

/* line 622, app/assets/stylesheets/app.css */
.navbar-brand-std .search .form-control {
  border-color: transparent;
  border-radius: 0;
  box-shadow: none;
  height: 85px;
  font-size: 1.75rem;
  border-right: 1px solid #3e3e3e;
  padding-left: 2rem;
  padding-right: 2rem;
}

/* line 631, app/assets/stylesheets/app.css */
.navbar-brand-std .search .close {
  padding: 20px 30px;
}

/* line 633, app/assets/stylesheets/app.css */
.navbar-brand-std .search .icon {
  width: 20px;
  height: 30px;
}

/* line 636, app/assets/stylesheets/app.css */
.navbar-brand-std.shown.navbar-animated .mega-menu {
  top: 80px;
  opacity: 1;
}

@media (min-width: 1024px) {
  /* line 640, app/assets/stylesheets/app.css */
  .navbar-brand-std .nav-item {
    padding: 1.25rem 1rem;
  }
  /* line 642, app/assets/stylesheets/app.css */
  .navbar-brand-std .store-locator,
  .navbar-brand-std .search {
    margin: 1.25rem 0;
  }
}

@media (max-width: 800px) {
  /* line 646, app/assets/stylesheets/app.css */
  .navbar-brand-std {
    background-color: #fff;
  }
  /* line 648, app/assets/stylesheets/app.css */
  .navbar-brand-std .navbar-menu-container {
    display: block;
    width: 100%;
  }
  /* line 651, app/assets/stylesheets/app.css */
  .navbar-brand-std .nav-item {
    margin-top: .5rem;
    margin-bottom: .5rem;
    padding: 0 5px;
  }
  /* line 655, app/assets/stylesheets/app.css */
  .navbar-brand-std .navbar-nav {
    margin-top: 1rem;
  }
  /* line 657, app/assets/stylesheets/app.css */
  .navbar-brand-std .navbar-brand {
    padding: 0;
  }
  /* line 659, app/assets/stylesheets/app.css */
  .navbar-brand-std .navbar-brand img {
    max-width: 150px;
  }
  /* line 661, app/assets/stylesheets/app.css */
  .navbar-brand-std .hamburger {
    padding: .25rem;
  }
  /* line 663, app/assets/stylesheets/app.css */
  .navbar-brand-std .hamburger-box {
    width: 30px;
    height: 30px;
  }
  /* line 666, app/assets/stylesheets/app.css */
  .navbar-brand-std .hamburger-inner,
  .navbar-brand-std .hamburger-inner::before,
  .navbar-brand-std .hamburger-inner::after {
    width: 30px;
  }
}

/* line 671, app/assets/stylesheets/app.css */
.navbar-brand-std .dropdown-megamenu .dropdown-menu div[class*="col"] {
  margin-bottom: 1rem;
}

/* line 674, app/assets/stylesheets/app.css */
.navbar-brand-std .dropdown-megamenu .dropdown-menu {
  border: none;
  background-color: #fff !important;
}

/* line 678, app/assets/stylesheets/app.css */
.dropdown-megamenu .dropdown-menu {
  font-size: .85rem;
}

/* line 680, app/assets/stylesheets/app.css */
.dropdown-megamenu .dropdown-menu .nav-item {
  margin-top: .25rem;
  margin-bottom: .25rem;
}

/* line 683, app/assets/stylesheets/app.css */
.dropdown-megamenu .dropdown-menu .nav-link {
  font-size: .85rem;
}

/* line 685, app/assets/stylesheets/app.css */
.dropdown-megamenu .dropdown-menu .nav-link-shortcut {
  color: #3c136f;
  padding-bottom: .5rem;
  border-bottom: 2px solid #de4277;
}

@media (max-width: 800px) {
  /* line 691, app/assets/stylesheets/app.css */
  .dropdown-megamenu .dropdown-menu.show {
    height: 70vh;
    overflow-y: auto;
  }
  /* line 694, app/assets/stylesheets/app.css */
  .dropdown-megamenu .nav-link-shortcut {
    margin-bottom: 1rem !important;
  }
}

@media (min-width: 1024px) {
  /* line 698, app/assets/stylesheets/app.css */
  .navbar-brand-std .dropdown-megamenu {
    position: static;
  }
  /* line 700, app/assets/stylesheets/app.css */
  .navbar-brand-std .dropdown-menu {
    width: 100%;
    left: 0;
    right: 0;
    top: 90px;
  }
  /* line 705, app/assets/stylesheets/app.css */
  .navbar-brand-std .dropdown-menu::before {
    content: '';
    height: 30px;
    width: 100%;
    display: block;
    background-color: transparent;
    z-index: 9;
  }
  /* line 712, app/assets/stylesheets/app.css */
  .navbar-brand-std.navbar-animated .dropdown-menu {
    top: 60px;
  }
  /* line 714, app/assets/stylesheets/app.css */
  .navbar-brand-std .dropdown-megamenu:hover .dropdown-menu,
  .navbar-brand-std .dropdown-megamenu .dropdown-menu:hover {
    display: block !important;
  }
  /* line 717, app/assets/stylesheets/app.css */
  .navbar-brand-std .dropdown-menu {
    background-color: #fff;
  }
}

/*==============================
=            Footer            =
==============================*/
/* line 723, app/assets/stylesheets/app.css */
.footer {
  color: #3c136f;
  font-size: 90%;
}

/* line 726, app/assets/stylesheets/app.css */
.footer a {
  color: #3c136f;
}

/* line 728, app/assets/stylesheets/app.css */
.footer-sitemap {
  padding: 2.25rem 1rem 1rem;
  background-color: #f9dae4;
}

/* line 731, app/assets/stylesheets/app.css */
.footer-copyright {
  padding: 1rem;
  background-color: #f7cfdd;
}

/* line 734, app/assets/stylesheets/app.css */
.footer .column {
  float: left;
  margin-right: 2.5rem;
  margin-bottom: 1rem;
}

@media (max-width: 767px) {
  /* line 739, app/assets/stylesheets/app.css */
  .footer-sitemap {
    padding-left: 0;
    padding-right: 0;
  }
  /* line 742, app/assets/stylesheets/app.css */
  .footer .column {
    width: 100%;
    margin-right: 0;
    margin-bottom: 0;
  }
}

/* line 747, app/assets/stylesheets/app.css */
.menu-heading {
  font-size: 0.95rem;
  margin-bottom: 1rem;
}

@media (max-width: 767px) {
  /* line 751, app/assets/stylesheets/app.css */
  .menu-heading {
    margin-bottom: 1rem;
  }
}

/* line 754, app/assets/stylesheets/app.css */
.menu-list {
  font-size: 0.95rem;
}

/* line 756, app/assets/stylesheets/app.css */
.menu-list ul {
  list-style: none;
}

/* line 758, app/assets/stylesheets/app.css */
.menu-list ul li {
  margin-top: .35rem;
  margin-bottom: .35rem;
}

@media (max-width: 800px) {
  /* line 762, app/assets/stylesheets/app.css */
  .menu-list ul {
    display: none;
  }
}

/* line 765, app/assets/stylesheets/app.css */
.contact-us .text-phone {
  font-size: 1.75rem;
  margin: .25rem 0;
}

@media (max-width: 767px) {
  /* line 770, app/assets/stylesheets/app.css */
  .contact-us {
    margin-top: 1.75rem;
  }
  /* line 772, app/assets/stylesheets/app.css */
  .contact-us h5 {
    font-size: 1rem;
  }
}

/*===============================
=            Sidebar            =
===============================*/
/* line 778, app/assets/stylesheets/app.css */
.sidebar {
  background-color: #fff;
  padding: 5px 20px;
  position: relative;
  border: 1px solid #8b8b8b;
}

/* line 783, app/assets/stylesheets/app.css */
.sidebar .card-list {
  margin-left: -20px;
  margin-right: -20px;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 20px;
  padding-right: 20px;
  border-bottom: 1px solid #3e3e3e;
}

/* line 791, app/assets/stylesheets/app.css */
.sidebar .card-list:last-child {
  border: none;
}

/* line 793, app/assets/stylesheets/app.css */
.sidebar .label {
  font-size: .75rem;
}

/* line 795, app/assets/stylesheets/app.css */
.sidebar .card-panel-head {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

/* line 798, app/assets/stylesheets/app.css */
.sidebar .card-title {
  font-size: 0.85rem;
  font-family: "Gotham-Book", sans-serif;
}

/* line 801, app/assets/stylesheets/app.css */
.sidebar a {
  color: inherit;
}

/*==================================
=            Responsive            =
==================================*/
/*----------  COMPONENTS  ----------*/
/*===============================
=            Buttons            =
===============================*/
/* line 811, app/assets/stylesheets/app.css */
.btn {
  font-family: "Gotham-Bold", sans-serif;
  font-size: .75rem;
}

/* line 815, app/assets/stylesheets/app.css */
.btn-std {
  padding: 0.75rem 2rem;
  -webkit-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  -ms-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
  outline: 0;
  box-shadow: none !important;
}

@media (max-width: 767px) {
  /* line 825, app/assets/stylesheets/app.css */
  .btn-std {
    margin: .5rem;
  }
}

/* line 828, app/assets/stylesheets/app.css */
.btn-radius {
  border-radius: 2rem;
}

/* line 831, app/assets/stylesheets/app.css */
.btn-std-theme {
  background-color: #3c136f !important;
  border-color: #3c136f !important;
  color: #fff !important;
}

/* line 835, app/assets/stylesheets/app.css */
.btn-std-theme:hover, .btn-std-theme:focus {
  background-color: #de4277 !important;
  border-color: #de4277 !important;
  color: #fff !important;
}

/* line 839, app/assets/stylesheets/app.css */
.btn-std-theme.active {
  background-color: #ff8c01 !important;
  border-color: #ff8c01 !important;
  color: #fff !important;
}

/* line 843, app/assets/stylesheets/app.css */
.btn-std-theme.active:hover, .btn-std-theme.active:focus {
  background-color: #de4277 !important;
  border-color: #de4277 !important;
  color: #fff !important;
}

/* line 848, app/assets/stylesheets/app.css */
.btn-std-secondary {
  background-color: #de4277 !important;
  border-color: #de4277 !important;
  color: #fff !important;
}

/* line 852, app/assets/stylesheets/app.css */
.btn-std-secondary:hover, .btn-std-secondary:focus {
  background-color: #ff8c01 !important;
  border-color: #ff8c01 !important;
  color: #fff !important;
}

/* line 857, app/assets/stylesheets/app.css */
.btn-std-alternate {
  background-color: #ff8c01 !important;
  border-color: #ff8c01 !important;
  color: #fff !important;
}

/* line 861, app/assets/stylesheets/app.css */
.btn-std-alternate:hover, .btn-std-alternate:focus {
  background-color: #de4277 !important;
  border-color: #de4277 !important;
  color: #fff !important;
}

/* line 866, app/assets/stylesheets/app.css */
.btn-outline-theme {
  background-color: transparent !important;
  border-color: #3c136f !important;
  color: #3c136f !important;
}

/* line 870, app/assets/stylesheets/app.css */
.btn-outline-theme:hover, .btn-outline-theme:focus {
  background-color: #3c136f !important;
  border-color: #3c136f !important;
  color: #fff !important;
}

/* line 875, app/assets/stylesheets/app.css */
.btn-outline-secondary {
  background-color: transparent !important;
  border-color: #de4277 !important;
  color: #de4277 !important;
}

/* line 879, app/assets/stylesheets/app.css */
.btn-outline-secondary:hover, .btn-outline-secondary:focus {
  background-color: #de4277 !important;
  border-color: #de4277 !important;
  color: #fff !important;
}

/* line 884, app/assets/stylesheets/app.css */
.btn-outline-alternate {
  background-color: transparent !important;
  border-color: #ff8c01 !important;
  color: #ff8c01 !important;
}

/* line 888, app/assets/stylesheets/app.css */
.btn-outline-alternate:hover, .btn-outline-alternate:focus {
  background-color: #ff8c01 !important;
  border-color: #ff8c01 !important;
  color: #fff !important;
}

/* line 893, app/assets/stylesheets/app.css */
.btn-outline-light {
  background-color: transparent !important;
  border-color: #fff !important;
  color: #de4277 !important;
}

/* line 897, app/assets/stylesheets/app.css */
.btn-outline-light:hover, .btn-outline-light:focus {
  background-color: #de4277 !important;
  border-color: #de4277 !important;
  color: #fff !important;
}

@media (max-width: 767px) {
  /* line 903, app/assets/stylesheets/app.css */
  .btn-group-std {
    display: block;
  }
  /* line 905, app/assets/stylesheets/app.css */
  .btn-group-std .btn + .btn {
    margin-left: 0;
  }
}

/*================================
=            Dropdown            =
================================*/
/*============================
=            Form            =
============================*/
/* line 914, app/assets/stylesheets/app.css */
.form-control {
  font-family: "Gotham-Book", sans-serif;
}

/* line 917, app/assets/stylesheets/app.css */
.form-control-std {
  border-color: #3c136f;
  box-shadow: none !important;
  color: #3c136f;
}

/* line 922, app/assets/stylesheets/app.css */
.form-control-radius {
  border-radius: 2rem;
}

/*==============================
=            Banner            =
==============================*/
/* line 928, app/assets/stylesheets/app.css */
.section-banner {
  min-height: 325px;
  background-image: inherit;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  padding-top: 8rem;
  padding-bottom: 6rem;
  color: #3c136f;
}

@media (max-width: 767px) {
  /* line 938, app/assets/stylesheets/app.css */
  .section-banner {
    padding-top: 6rem;
  }
}

/*===============================
=            Sliders            =
===============================*/
/* line 944, app/assets/stylesheets/app.css */
.slider .slick-prev,
.slider .slick-next {
  width: 25px;
  height: 45px;
  z-index: 9;
}

/* line 949, app/assets/stylesheets/app.css */
.slider .slick-prev::before,
.slider .slick-next::before {
  content: '';
  width: 25px;
  height: 45px;
  opacity: 1;
  background-image: inherit;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  display: inline-block;
}

/* line 961, app/assets/stylesheets/app.css */
.slider .slick-prev {
  left: -25px;
}

/* line 963, app/assets/stylesheets/app.css */
.slider .slick-prev::before {
  background-image: url("../images/icon/arrow-left.png");
}

@media (max-width: 767px) {
  /* line 966, app/assets/stylesheets/app.css */
  .slider .slick-prev {
    left: .5rem;
  }
}

/* line 969, app/assets/stylesheets/app.css */
.slider .slick-next {
  right: -25px;
}

/* line 971, app/assets/stylesheets/app.css */
.slider .slick-next::before {
  background-image: url("../images/icon/arrow-right.png");
}

@media (max-width: 767px) {
  /* line 974, app/assets/stylesheets/app.css */
  .slider .slick-next {
    right: .5rem;
  }
}

/* line 977, app/assets/stylesheets/app.css */
.slider-banner {
  position: relative;
}

/* line 979, app/assets/stylesheets/app.css */
.slider-banner .container {
  position: absolute;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1;
}

/* line 986, app/assets/stylesheets/app.css */
.slider-banner .img {
  position: relative;
  height: 700px;
  width: 100%;
  background-image: inherit;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

@media (max-width: 767px) {
  /* line 995, app/assets/stylesheets/app.css */
  .slider-banner .img {
    height: 500px;
  }
}

/* line 997, app/assets/stylesheets/app.css */
.slider-banner .caption {
  position: absolute;
}

@media (max-width: 767px) {
  /* line 1000, app/assets/stylesheets/app.css */
  .slider-banner {
    padding-top: 90px;
  }
  /* line 1002, app/assets/stylesheets/app.css */
  .slider-banner .container {
    position: static;
    padding: 1rem;
    background-color: #EAD8E4;
  }
  /* line 1006, app/assets/stylesheets/app.css */
  .slider-banner .caption {
    position: static;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}

/* line 1014, app/assets/stylesheets/app.css */
.slider-testimoni {
  color: #3c136f;
  padding-left: 2rem;
  padding-right: 2rem;
}

/* line 1018, app/assets/stylesheets/app.css */
.slider-testimoni .fa {
  color: #de4277;
}

/* line 1020, app/assets/stylesheets/app.css */
.slider-testimoni .slick-prev {
  left: -2rem;
}

@media (max-width: 767px) {
  /* line 1023, app/assets/stylesheets/app.css */
  .slider-testimoni .slick-prev {
    left: -.5rem;
  }
}

/* line 1025, app/assets/stylesheets/app.css */
.slider-testimoni .slick-next {
  right: -2rem;
}

@media (max-width: 767px) {
  /* line 1028, app/assets/stylesheets/app.css */
  .slider-testimoni .slick-next {
    right: -.5rem;
  }
}

@media (max-width: 767px) {
  /* line 1031, app/assets/stylesheets/app.css */
  .slider-testimoni img {
    max-width: 75%;
    margin: auto;
  }
}

/* line 1035, app/assets/stylesheets/app.css */
.slider-journal .card-title {
  font-size: 1.5rem;
}

@media (max-width: 767px) {
  /* line 1039, app/assets/stylesheets/app.css */
  .slider-journal .slick-prev {
    left: -.5rem;
  }
}

@media (max-width: 767px) {
  /* line 1043, app/assets/stylesheets/app.css */
  .slider-journal .slick-next {
    right: -.5rem;
  }
}

@media (max-width: 767px) {
  /* line 1047, app/assets/stylesheets/app.css */
  .slider-journal .slick-prev {
    left: -.5rem;
  }
  /* line 1049, app/assets/stylesheets/app.css */
  .slider-journal .slick-next {
    right: -.5rem;
  }
}

/* line 1052, app/assets/stylesheets/app.css */
.slider-product-detail {
  padding: 3rem;
  padding-left: 0;
}

/* line 1056, app/assets/stylesheets/app.css */
.slider-media-gallery {
  margin: 2rem 1rem 1rem 1rem;
}

/* line 1058, app/assets/stylesheets/app.css */
.slider-media-gallery .items {
  margin: 0 .5rem;
}

/* line 1060, app/assets/stylesheets/app.css */
.slider-media-gallery .slick-track {
  margin-right: 0;
}

/*============================
=            LIst            =
============================*/
/* line 1066, app/assets/stylesheets/app.css */
.list-border {
  padding-bottom: 1rem;
  margin-bottom: 2rem;
  border-bottom: 5px dotted #3c136f;
}

/* line 1071, app/assets/stylesheets/app.css */
.list-border-soft {
  padding-bottom: 1rem;
  margin-bottom: 2rem;
  border-bottom: 1px solid #ccc;
}

/* line 1075, app/assets/stylesheets/app.css */
.list-border-soft:last-child {
  border: none;
}

/* line 1078, app/assets/stylesheets/app.css */
.list-inline-item {
  vertical-align: top;
}

@media (max-width: 767px) {
  /* line 1082, app/assets/stylesheets/app.css */
  .list-inline-std .list-inline-item:first-child {
    width: 100%;
    margin-bottom: .75rem;
  }
}

/* line 1086, app/assets/stylesheets/app.css */
.list-props .list-inline-item {
  text-align: center;
  font-size: 80%;
}

/* line 1089, app/assets/stylesheets/app.css */
.list-props .list-inline-item:first-child {
  font-size: 100%;
}

@media (max-width: 767px) {
  /* line 1092, app/assets/stylesheets/app.css */
  .list-props .list-inline-item:first-child {
    width: 100%;
    text-align: left;
    margin-bottom: .75rem;
  }
}

/* line 1097, app/assets/stylesheets/app.css */
.list-props img {
  max-width: 60px;
  margin-bottom: 1rem;
}

/* line 1101, app/assets/stylesheets/app.css */
.list-filter {
  padding-top: .5rem;
  padding-bottom: .5rem;
}

/* line 1104, app/assets/stylesheets/app.css */
.list-filter .list-inline-item {
  margin-right: 1rem;
}

/* line 1106, app/assets/stylesheets/app.css */
.list-filter .list-inline-item:last-child {
  margin-right: 0;
}

/* line 1108, app/assets/stylesheets/app.css */
.list-filter .label {
  font-family: "Gotham-Medium", sans-serif;
  font-size: .95rem;
}

@media (max-width: 767px) {
  /* line 1112, app/assets/stylesheets/app.css */
  .list-filter .list-inline-item:first-child {
    width: 100%;
    margin-bottom: .5rem;
  }
}

/* line 1116, app/assets/stylesheets/app.css */
.panel-listing {
  padding: 1rem;
}

/* line 1118, app/assets/stylesheets/app.css */
.panel-listing .row {
  padding: 1rem 0;
  border-bottom: 1px solid #3e3e3e;
}

/* line 1121, app/assets/stylesheets/app.css */
.panel-listing .row:last-child {
  border-bottom: none;
}

/*============================
=            Card            =
============================*/
/* line 1127, app/assets/stylesheets/app.css */
.card {
  margin-bottom: 1.75rem;
  background-color: transparent;
}

/* line 1130, app/assets/stylesheets/app.css */
.card a {
  color: inherit;
  position: relative;
  height: 100%;
}

/* line 1134, app/assets/stylesheets/app.css */
.card .label {
  font-family: "Gotham-Bold", sans-serif;
  display: inline-block;
  margin-bottom: .5rem;
}

/* line 1139, app/assets/stylesheets/app.css */
.card-noborder {
  border: none;
}

/* line 1142, app/assets/stylesheets/app.css */
.card-title {
  line-height: 1.25;
}

/* line 1145, app/assets/stylesheets/app.css */
.card-journal .card-image {
  max-height: 400px;
}

/* line 1147, app/assets/stylesheets/app.css */
.card-journal .card-image img {
  border: 2rem solid #fff;
  border-bottom: none;
  max-height: 400px;
}

/* line 1152, app/assets/stylesheets/app.css */
.card-journal .card-title {
  color: #3c136f;
}

/* line 1155, app/assets/stylesheets/app.css */
.card-article {
  border-radius: 0;
}

/* line 1157, app/assets/stylesheets/app.css */
.card-article .card-title {
  font-family: "Gotham-Book", sans-serif;
}

/* line 1159, app/assets/stylesheets/app.css */
.card-article .card-footer {
  background-color: transparent;
  border-top: none;
}

/* line 1162, app/assets/stylesheets/app.css */
.card-article .card-footer .fa {
  position: relative;
  bottom: .5rem;
  -webkit-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  -ms-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
}

/* line 1170, app/assets/stylesheets/app.css */
.card-article .card-tag {
  margin-top: 1rem;
  margin-bottom: 1rem;
  padding-left: 1rem;
}

/* line 1174, app/assets/stylesheets/app.css */
.card-article .label {
  position: relative;
}

/* line 1176, app/assets/stylesheets/app.css */
.card-article .label::before {
  content: '';
  width: 40px;
  height: 1px;
  display: inline-block;
  position: absolute;
  left: -1.25rem;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

/* line 1188, app/assets/stylesheets/app.css */
.card-article:hover .card-footer .fa {
  margin-right: -.25rem;
}

/* line 1190, app/assets/stylesheets/app.css */
.card-article-2 {
  height: 320px;
  color: #fff;
  background-image: url("../images/article/bg-type-2.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

/* line 1197, app/assets/stylesheets/app.css */
.card-article-2 .card-image,
.card-article-2 .card-footer {
  display: none;
}

/* line 1200, app/assets/stylesheets/app.css */
.card-article-2 .card-tag {
  text-align: center;
}

/* line 1202, app/assets/stylesheets/app.css */
.card-article-2 .card-tag .label {
  color: #fff;
}

/* line 1204, app/assets/stylesheets/app.css */
.card-article-2 .card-tag .label::before {
  background-color: #fff;
  bottom: -.5rem;
  left: auto;
  right: auto;
  height: 3px;
  width: 100%;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
}

/* line 1216, app/assets/stylesheets/app.css */
.card-article-2 .card-title {
  padding-top: 2rem;
}

/* line 1219, app/assets/stylesheets/app.css */
.card-beauty .label {
  color: #de4277;
}

/* line 1221, app/assets/stylesheets/app.css */
.card-beauty .label::before {
  background-color: #de4277;
}

/* line 1224, app/assets/stylesheets/app.css */
.card-beauty .fa {
  color: #de4277;
}

/* line 1227, app/assets/stylesheets/app.css */
.card-beauty .card-image {
  border-bottom: 2px solid #de4277;
}

/* line 1230, app/assets/stylesheets/app.css */
.card-fashion .label {
  color: #3c136f;
}

/* line 1232, app/assets/stylesheets/app.css */
.card-fashion .label::before {
  background-color: #3c136f;
}

/* line 1235, app/assets/stylesheets/app.css */
.card-fashion .fa {
  color: #3c136f;
}

/* line 1238, app/assets/stylesheets/app.css */
.card-fashion .card-image {
  border-bottom: 2px solid #3c136f;
}

/* line 1241, app/assets/stylesheets/app.css */
.card-lifestyle .label {
  color: #3bb3bb;
}

/* line 1243, app/assets/stylesheets/app.css */
.card-lifestyle .label::before {
  background-color: #3bb3bb;
}

/* line 1246, app/assets/stylesheets/app.css */
.card-lifestyle .fa {
  color: #3bb3bb;
}

/* line 1249, app/assets/stylesheets/app.css */
.card-lifestyle .card-image {
  border-bottom: 2px solid #3bb3bb;
}

/* line 1252, app/assets/stylesheets/app.css */
.card-trend .label,
.card-trends .label {
  color: #ff8c01;
}

/* line 1255, app/assets/stylesheets/app.css */
.card-trend .label::before,
.card-trends .label::before {
  background-color: #ff8c01;
}

/* line 1259, app/assets/stylesheets/app.css */
.card-trend .fa,
.card-trends .fa {
  color: #ff8c01;
}

/* line 1263, app/assets/stylesheets/app.css */
.card-trend .card-image,
.card-trends .card-image {
  border-bottom: 2px solid #ff8c01;
}

/* line 1267, app/assets/stylesheets/app.css */
.card-product {
  border: none;
}

/* line 1269, app/assets/stylesheets/app.css */
.card-product .card-image img {
  max-width: 75%;
  position: relative;
  top: 2rem;
}

/* line 1273, app/assets/stylesheets/app.css */
.card-product .card-title {
  font-size: 1rem;
  color: #3c136f;
}

/* line 1276, app/assets/stylesheets/app.css */
.card-product .card-body {
  padding-top: 4rem;
}

/* line 1279, app/assets/stylesheets/app.css */
.card-promo {
  border-radius: 0;
  border-color: #3c136f;
  border-width: 1px;
}

/* line 1283, app/assets/stylesheets/app.css */
.card-promo .card-title {
  margin-bottom: 2rem;
}

/* line 1285, app/assets/stylesheets/app.css */
.card-promo .list-border-soft {
  margin-bottom: 1rem;
}

/* line 1287, app/assets/stylesheets/app.css */
.card-promo .list-border-soft:last-child {
  padding-bottom: 0;
  margin-bottom: 0;
}

/* line 1290, app/assets/stylesheets/app.css */
.card-promo .btn {
  padding: .5rem 1rem;
}

/* line 1293, app/assets/stylesheets/app.css */
.card-pink .card-body {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff1010+0,ff8f1a+100 */
  background: #feeaee;
  /* Old browsers */
  background: -moz-linear-gradient(bottom, #feeaee 0%, white 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(bottom, #feeaee 0%, white 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to top, #feeaee 0%, white 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  /* IE6-9 */
}

/* line 1305, app/assets/stylesheets/app.css */
.card-blue .card-body {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff1010+0,ff8f1a+100 */
  background: #e0efff;
  /* Old browsers */
  background: -moz-linear-gradient(bottom, #e0efff 0%, white 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(bottom, #e0efff 0%, white 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to top, #e0efff 0%, white 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  /* IE6-9 */
}

/* line 1317, app/assets/stylesheets/app.css */
.card-purple .card-body {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff1010+0,ff8f1a+100 */
  background: #f6edff;
  /* Old browsers */
  background: -moz-linear-gradient(bottom, #f6edff 0%, white 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(bottom, #f6edff 0%, white 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to top, #f6edff 0%, white 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  /* IE6-9 */
}

/* line 1329, app/assets/stylesheets/app.css */
.card-orange .card-body {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff1010+0,ff8f1a+100 */
  background: #ffd6a9;
  /* Old browsers */
  background: -moz-linear-gradient(bottom, #ffd6a9 0%, white 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(bottom, #ffd6a9 0%, white 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to top, #ffd6a9 0%, white 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  /* IE6-9 */
}

/* line 1341, app/assets/stylesheets/app.css */
.card-yellow .card-body {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff1010+0,ff8f1a+100 */
  background: #fff7cf;
  /* Old browsers */
  background: -moz-linear-gradient(bottom, #fff7cf 0%, white 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(bottom, #fff7cf 0%, white 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to top, #fff7cf 0%, white 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  /* IE6-9 */
}

/* line 1353, app/assets/stylesheets/app.css */
.card-green .card-body {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff1010+0,ff8f1a+100 */
  background: #ddeab2;
  /* Old browsers */
  background: -moz-linear-gradient(bottom, #ddeab2 0%, white 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(bottom, #ddeab2 0%, white 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to top, #ddeab2 0%, white 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  /* IE6-9 */
}

/* line 1365, app/assets/stylesheets/app.css */
.card-tosca .card-body {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff1010+0,ff8f1a+100 */
  background: #c8f5f2;
  /* Old browsers */
  background: -moz-linear-gradient(bottom, #c8f5f2 0%, white 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(bottom, #c8f5f2 0%, white 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to top, #c8f5f2 0%, white 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  /* IE6-9 */
}

/* line 1377, app/assets/stylesheets/app.css */
.card-white .card-body {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff1010+0,ff8f1a+100 */
  background: #f4f4f4;
  /* Old browsers */
  background: -moz-linear-gradient(bottom, #f4f4f4 0%, white 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(bottom, #f4f4f4 0%, white 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to top, #f4f4f4 0%, white 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  /* IE6-9 */
}

/* line 1389, app/assets/stylesheets/app.css */
.card-panel-head {
  margin-bottom: 10px;
  border-bottom-width: 2px;
}

/* line 1392, app/assets/stylesheets/app.css */
.card-panel-head .label {
  font-family: "Gotham-Bold", sans-serif;
}

/* line 1394, app/assets/stylesheets/app.css */
.card-panel-head .ribbon {
  position: absolute;
  top: 0;
  right: 30px;
}

/*=================================
=            Thumbnail            =
=================================*/
/*===============================
=            Wysiwyg            =
===============================*/
/* line 1405, app/assets/stylesheets/app.css */
.wysiwyg-head {
  margin-bottom: 2rem;
}

/* line 1407, app/assets/stylesheets/app.css */
.wysiwyg-head h1 {
  font-size: 2rem;
  margin: 1.25rem 0;
}

/* line 1411, app/assets/stylesheets/app.css */
.wysiwyg-content {
  line-height: 1.5;
}

/* line 1413, app/assets/stylesheets/app.css */
.wysiwyg-content h1 {
  font-size: 2.5rem;
}

/* line 1415, app/assets/stylesheets/app.css */
.wysiwyg-content h2 {
  font-size: 2rem;
}

/* line 1417, app/assets/stylesheets/app.css */
.wysiwyg-content h3 {
  font-size: 1.75rem;
}

/* line 1419, app/assets/stylesheets/app.css */
.wysiwyg-content h4 {
  font-size: 1.5rem;
}

/* line 1421, app/assets/stylesheets/app.css */
.wysiwyg-content h5 {
  font-size: 1.25rem;
}

/* line 1423, app/assets/stylesheets/app.css */
.wysiwyg-content h6 {
  font-size: 1rem;
}

/* line 1425, app/assets/stylesheets/app.css */
.wysiwyg-content p {
  margin-bottom: 15px;
}

/* line 1427, app/assets/stylesheets/app.css */
.wysiwyg-content strong {
  font-weight: bold;
}

/* line 1429, app/assets/stylesheets/app.css */
.wysiwyg-content em {
  font-style: italic;
}

/* line 1431, app/assets/stylesheets/app.css */
.wysiwyg-content u {
  text-decoration: underline;
}

/* line 1433, app/assets/stylesheets/app.css */
.wysiwyg-content a {
  color: #3c136f;
}

/* line 1435, app/assets/stylesheets/app.css */
.wysiwyg-content img {
  margin-top: 10px;
  margin-bottom: 30px;
  width: 100%;
  height: auto;
}

/* line 1440, app/assets/stylesheets/app.css */
.wysiwyg-content ol,
.wysiwyg-content ul {
  margin-bottom: 20px;
  padding-left: 20px;
}

/* line 1444, app/assets/stylesheets/app.css */
.wysiwyg-content ol li,
.wysiwyg-content ul li {
  margin-bottom: 5px;
}

/* line 1447, app/assets/stylesheets/app.css */
.wysiwyg-content ol li h1,
.wysiwyg-content ol li h2,
.wysiwyg-content ol li h3,
.wysiwyg-content ol li h4,
.wysiwyg-content ol li h5,
.wysiwyg-content ol li h6,
.wysiwyg-content ol li p,
.wysiwyg-content ul li h1,
.wysiwyg-content ul li h2,
.wysiwyg-content ul li h3,
.wysiwyg-content ul li h4,
.wysiwyg-content ul li h5,
.wysiwyg-content ul li h6,
.wysiwyg-content ul li p {
  display: inline;
  margin: 0;
}

/* line 1463, app/assets/stylesheets/app.css */
.wysiwyg-content p {
  color: #3e3e3e;
}

/* line 1465, app/assets/stylesheets/app.css */
.wysiwyg-content table {
  width: 100% !important;
  max-width: 100%;
  line-height: 1.5;
}

/* line 1469, app/assets/stylesheets/app.css */
.wysiwyg-content table > thead > tr > th,
.wysiwyg-content table > tbody > tr > th,
.wysiwyg-content table > tfoot > tr > th,
.wysiwyg-content table > thead > tr > td,
.wysiwyg-content table > tbody > tr > td,
.wysiwyg-content table > tfoot > tr > td {
  border: 1px solid #ccc;
  padding: 15px 30px;
  vertical-align: top;
  border: 1px solid #c1c2c2;
}

/* line 1479, app/assets/stylesheets/app.css */
.wysiwyg-content table > thead > tr > th {
  font-weight: bold;
  background-color: #333;
  color: #fff;
}

/* line 1483, app/assets/stylesheets/app.css */
.wysiwyg-content q {
  padding: 10px 20px;
  margin: 0 0 20px;
  font-size: 17.5px;
  border-left: 5px solid #eee;
  font-style: italic;
}

@media (max-width: 767px) {
  /* line 1490, app/assets/stylesheets/app.css */
  .wysiwyg-content h1 {
    font-size: 30px;
  }
  /* line 1492, app/assets/stylesheets/app.css */
  .wysiwyg-content h2 {
    font-size: 24px;
  }
  /* line 1494, app/assets/stylesheets/app.css */
  .wysiwyg-content h3 {
    font-size: 18px;
  }
  /* line 1496, app/assets/stylesheets/app.css */
  .wysiwyg-content h4 {
    font-size: 14px;
  }
  /* line 1498, app/assets/stylesheets/app.css */
  .wysiwyg-content h5 {
    font-size: 10px;
  }
  /* line 1500, app/assets/stylesheets/app.css */
  .wysiwyg-content h6 {
    font-size: 8px;
  }
}

/* line 1503, app/assets/stylesheets/app.css */
.wysiwyg-content.paragraph-indent p {
  text-indent: 2em;
}

/*==================================
=            Popup SCSS            =
==================================*/
/*----------  MAGNIFIC POPUP  ----------*/
/* line 1510, app/assets/stylesheets/app.css */
.white-popup {
  position: relative;
  background-color: #fff;
  padding: 25px;
  width: auto;
  max-width: 600px;
  margin: 0 auto;
}

/* line 1517, app/assets/stylesheets/app.css */
.white-popup-full {
  max-width: 100%;
}

/* 
====== Zoom effect ======
*/
/* line 1523, app/assets/stylesheets/app.css */
.mfp-zoom-in {
  /* start state */
  /* animate in */
  /* animate out */
}

/* line 1527, app/assets/stylesheets/app.css */
.mfp-zoom-in .mfp-with-anim {
  opacity: 0;
  transition: all 0.2s ease-in-out;
  transform: scale(0.8);
}

/* line 1531, app/assets/stylesheets/app.css */
.mfp-zoom-in.mfp-bg {
  opacity: 0;
  transition: all 0.3s ease-out;
}

/* line 1534, app/assets/stylesheets/app.css */
.mfp-zoom-in.mfp-ready .mfp-with-anim {
  opacity: 1;
  transform: scale(1);
}

/* line 1537, app/assets/stylesheets/app.css */
.mfp-zoom-in.mfp-ready.mfp-bg {
  opacity: 0.8;
}

/* line 1539, app/assets/stylesheets/app.css */
.mfp-zoom-in.mfp-removing .mfp-with-anim {
  transform: scale(0.8);
  opacity: 0;
}

/* line 1542, app/assets/stylesheets/app.css */
.mfp-zoom-in.mfp-removing.mfp-bg {
  opacity: 0;
}

/* 
====== Newspaper effect ======
*/
/* line 1548, app/assets/stylesheets/app.css */
.mfp-newspaper {
  /* start state */
  /* animate in */
  /* animate out */
}

/* line 1552, app/assets/stylesheets/app.css */
.mfp-newspaper .mfp-with-anim {
  opacity: 0;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.5s;
  transform: scale(0) rotate(500deg);
}

/* line 1557, app/assets/stylesheets/app.css */
.mfp-newspaper.mfp-bg {
  opacity: 0;
  transition: all 0.5s;
}

/* line 1560, app/assets/stylesheets/app.css */
.mfp-newspaper.mfp-ready .mfp-with-anim {
  opacity: 1;
  transform: scale(1) rotate(0deg);
}

/* line 1563, app/assets/stylesheets/app.css */
.mfp-newspaper.mfp-ready.mfp-bg {
  opacity: 0.8;
}

/* line 1565, app/assets/stylesheets/app.css */
.mfp-newspaper.mfp-removing .mfp-with-anim {
  transform: scale(0) rotate(500deg);
  opacity: 0;
}

/* line 1568, app/assets/stylesheets/app.css */
.mfp-newspaper.mfp-removing.mfp-bg {
  opacity: 0;
}

/* 
====== Move-horizontal effect ======
*/
/* line 1574, app/assets/stylesheets/app.css */
.mfp-move-horizontal {
  /* start state */
  /* animate in */
  /* animate out */
}

/* line 1578, app/assets/stylesheets/app.css */
.mfp-move-horizontal .mfp-with-anim {
  opacity: 0;
  transition: all 0.3s;
  transform: translateX(-50px);
}

/* line 1582, app/assets/stylesheets/app.css */
.mfp-move-horizontal.mfp-bg {
  opacity: 0;
  transition: all 0.3s;
}

/* line 1585, app/assets/stylesheets/app.css */
.mfp-move-horizontal.mfp-ready .mfp-with-anim {
  opacity: 1;
  transform: translateX(0);
}

/* line 1588, app/assets/stylesheets/app.css */
.mfp-move-horizontal.mfp-ready.mfp-bg {
  opacity: 0.8;
}

/* line 1590, app/assets/stylesheets/app.css */
.mfp-move-horizontal.mfp-removing .mfp-with-anim {
  transform: translateX(50px);
  opacity: 0;
}

/* line 1593, app/assets/stylesheets/app.css */
.mfp-move-horizontal.mfp-removing.mfp-bg {
  opacity: 0;
}

/* 
====== Move-from-top effect ======
*/
/* line 1599, app/assets/stylesheets/app.css */
.mfp-move-from-top {
  /* start state */
  /* animate in */
  /* animate out */
}

/* line 1603, app/assets/stylesheets/app.css */
.mfp-move-from-top .mfp-content {
  vertical-align: top;
}

/* line 1605, app/assets/stylesheets/app.css */
.mfp-move-from-top .mfp-with-anim {
  opacity: 0;
  transition: all 0.2s;
  transform: translateY(-100px);
}

/* line 1609, app/assets/stylesheets/app.css */
.mfp-move-from-top.mfp-bg {
  opacity: 0;
  transition: all 0.2s;
}

/* line 1612, app/assets/stylesheets/app.css */
.mfp-move-from-top.mfp-ready .mfp-with-anim {
  opacity: 1;
  transform: translateY(0);
}

/* line 1615, app/assets/stylesheets/app.css */
.mfp-move-from-top.mfp-ready.mfp-bg {
  opacity: 0.8;
}

/* line 1617, app/assets/stylesheets/app.css */
.mfp-move-from-top.mfp-removing .mfp-with-anim {
  transform: translateY(-50px);
  opacity: 0;
}

/* line 1620, app/assets/stylesheets/app.css */
.mfp-move-from-top.mfp-removing.mfp-bg {
  opacity: 0;
}

/* 
====== 3d unfold ======
*/
/* line 1626, app/assets/stylesheets/app.css */
.mfp-3d-unfold {
  /* start state */
  /* animate in */
  /* animate out */
}

/* line 1630, app/assets/stylesheets/app.css */
.mfp-3d-unfold .mfp-content {
  perspective: 2000px;
}

/* line 1632, app/assets/stylesheets/app.css */
.mfp-3d-unfold .mfp-with-anim {
  opacity: 0;
  transition: all 0.3s ease-in-out;
  transform-style: preserve-3d;
  transform: rotateY(-60deg);
}

/* line 1637, app/assets/stylesheets/app.css */
.mfp-3d-unfold.mfp-bg {
  opacity: 0;
  transition: all 0.5s;
}

/* line 1640, app/assets/stylesheets/app.css */
.mfp-3d-unfold.mfp-ready .mfp-with-anim {
  opacity: 1;
  transform: rotateY(0deg);
}

/* line 1643, app/assets/stylesheets/app.css */
.mfp-3d-unfold.mfp-ready.mfp-bg {
  opacity: 0.8;
}

/* line 1645, app/assets/stylesheets/app.css */
.mfp-3d-unfold.mfp-removing .mfp-with-anim {
  transform: rotateY(60deg);
  opacity: 0;
}

/* line 1648, app/assets/stylesheets/app.css */
.mfp-3d-unfold.mfp-removing.mfp-bg {
  opacity: 0;
}

/* 
====== Zoom-out effect ======
*/
/* line 1654, app/assets/stylesheets/app.css */
.mfp-zoom-out {
  /* start state */
  /* animate in */
  /* animate out */
}

/* line 1658, app/assets/stylesheets/app.css */
.mfp-zoom-out .mfp-with-anim {
  opacity: 0;
  transition: all 0.3s ease-in-out;
  transform: scale(1.3);
}

/* line 1662, app/assets/stylesheets/app.css */
.mfp-zoom-out.mfp-bg {
  opacity: 0;
  transition: all 0.3s ease-out;
}

/* line 1665, app/assets/stylesheets/app.css */
.mfp-zoom-out.mfp-ready .mfp-with-anim {
  opacity: 1;
  transform: scale(1);
}

/* line 1668, app/assets/stylesheets/app.css */
.mfp-zoom-out.mfp-ready.mfp-bg {
  opacity: 0.8;
}

/* line 1670, app/assets/stylesheets/app.css */
.mfp-zoom-out.mfp-removing .mfp-with-anim {
  transform: scale(1.3);
  opacity: 0;
}

/* line 1673, app/assets/stylesheets/app.css */
.mfp-zoom-out.mfp-removing.mfp-bg {
  opacity: 0;
}

/* 
====== "Hinge" close effect ======
*/
@keyframes hinge {
  0% {
    transform: rotate(0);
    transform-origin: top left;
    animation-timing-function: ease-in-out;
  }
  20%,
  60% {
    transform: rotate(80deg);
    transform-origin: top left;
    animation-timing-function: ease-in-out;
  }
  40% {
    transform: rotate(60deg);
    transform-origin: top left;
    animation-timing-function: ease-in-out;
  }
  80% {
    transform: rotate(60deg) translateY(0);
    opacity: 1;
    transform-origin: top left;
    animation-timing-function: ease-in-out;
  }
  100% {
    transform: translateY(700px);
    opacity: 0;
  }
}

/* line 1702, app/assets/stylesheets/app.css */
.hinge {
  animation-duration: 1s;
  animation-name: hinge;
}

/* line 1706, app/assets/stylesheets/app.css */
.mfp-with-fade .mfp-content, .mfp-with-fade.mfp-bg {
  opacity: 0;
  transition: opacity .5s ease-out;
}

/* line 1710, app/assets/stylesheets/app.css */
.mfp-with-fade.mfp-ready .mfp-content {
  opacity: 1;
}

/* line 1713, app/assets/stylesheets/app.css */
.mfp-with-fade.mfp-ready.mfp-bg {
  opacity: 0.8;
}

/* line 1716, app/assets/stylesheets/app.css */
.mfp-with-fade.mfp-removing.mfp-bg {
  opacity: 0;
}

/**
 * Fade-move animation for second dialog
 */
/* at start */
/* line 1723, app/assets/stylesheets/app.css */
.my-mfp-slide-bottom .zoom-anim-dialog {
  opacity: 0;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  -webkit-transform: translateY(-20px) perspective(600px) rotateX(10deg);
  -moz-transform: translateY(-20px) perspective(600px) rotateX(10deg);
  -ms-transform: translateY(-20px) perspective(600px) rotateX(10deg);
  -o-transform: translateY(-20px) perspective(600px) rotateX(10deg);
  transform: translateY(-20px) perspective(600px) rotateX(10deg);
}

/* animate in */
/* line 1736, app/assets/stylesheets/app.css */
.my-mfp-slide-bottom.mfp-ready .zoom-anim-dialog {
  opacity: 1;
  -webkit-transform: translateY(0) perspective(600px) rotateX(0);
  -moz-transform: translateY(0) perspective(600px) rotateX(0);
  -ms-transform: translateY(0) perspective(600px) rotateX(0);
  -o-transform: translateY(0) perspective(600px) rotateX(0);
  transform: translateY(0) perspective(600px) rotateX(0);
}

/* animate out */
/* line 1745, app/assets/stylesheets/app.css */
.my-mfp-slide-bottom.mfp-removing .zoom-anim-dialog {
  opacity: 0;
  -webkit-transform: translateY(-10px) perspective(600px) rotateX(10deg);
  -moz-transform: translateY(-10px) perspective(600px) rotateX(10deg);
  -ms-transform: translateY(-10px) perspective(600px) rotateX(10deg);
  -o-transform: translateY(-10px) perspective(600px) rotateX(10deg);
  transform: translateY(-10px) perspective(600px) rotateX(10deg);
}

/* Dark overlay, start state */
/* line 1754, app/assets/stylesheets/app.css */
.my-mfp-slide-bottom.mfp-bg {
  opacity: 0;
  -webkit-transition: opacity 0.3s ease-out;
  -moz-transition: opacity 0.3s ease-out;
  -o-transition: opacity 0.3s ease-out;
  transition: opacity 0.3s ease-out;
}

/* animate in */
/* line 1762, app/assets/stylesheets/app.css */
.my-mfp-slide-bottom.mfp-ready.mfp-bg {
  opacity: 0.8;
}

/* animate out */
/* line 1766, app/assets/stylesheets/app.css */
.my-mfp-slide-bottom.mfp-removing.mfp-bg {
  opacity: 0;
}

/* line 1769, app/assets/stylesheets/app.css */
.modal-content {
  border-radius: 0;
}

/* line 1771, app/assets/stylesheets/app.css */
.modal-content .text-line-side:before {
  right: 50%;
  margin-right: 30px;
}

/* line 1774, app/assets/stylesheets/app.css */
.modal-content .text-line-side:after {
  left: 50%;
  margin-left: 30px;
}

/*==============================
=            Toggle            =
==============================*/
/* line 1781, app/assets/stylesheets/app.css */
.toggle {
  display: block;
  position: relative;
  margin: 0 0 20px 0;
}

/* line 1786, app/assets/stylesheets/app.css */
.toggle .togglet,
.toggle .toggleta {
  display: block;
  position: relative;
  line-height: 24px;
  padding: 0 0 0 24px;
  margin: 0;
  font-size: 16px;
  font-weight: 600;
  color: #444;
  cursor: pointer;
}

/* line 1798, app/assets/stylesheets/app.css */
.toggle .togglet i {
  position: absolute;
  top: 0;
  left: 0;
  width: 16px;
  text-align: center;
  font-size: 16px;
  line-height: 24px;
}

/* line 1807, app/assets/stylesheets/app.css */
.toggle .toggleta {
  font-weight: bold;
}

/* line 1810, app/assets/stylesheets/app.css */
.toggle .togglet i.toggle-open,
.toggle .toggleta i.toggle-closed {
  display: none;
}

/* line 1814, app/assets/stylesheets/app.css */
.toggle .toggleta i.toggle-open {
  display: block;
}

/* line 1817, app/assets/stylesheets/app.css */
.toggle .togglec {
  display: block;
  position: relative;
  padding: 10px 0 0 24px;
}

/* Toggle - with Title Background
-----------------------------------------------------------------*/
/* line 1824, app/assets/stylesheets/app.css */
.toggle.toggle-bg .togglet,
.toggle.toggle-bg .toggleta {
  background-color: #EEE;
  line-height: 44px;
  padding: 0 0 0 36px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
}

/* line 1835, app/assets/stylesheets/app.css */
.toggle.toggle-bg .togglet i {
  left: 14px;
  line-height: 44px;
}

/* line 1839, app/assets/stylesheets/app.css */
.toggle.toggle-bg .togglec {
  padding: 12px 0 0 36px;
}

/* Toggle - Bordered
-----------------------------------------------------------------*/
/* line 1844, app/assets/stylesheets/app.css */
.toggle.toggle-border {
  border: 1px solid #CCC;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}

/* line 1851, app/assets/stylesheets/app.css */
.toggle.toggle-border .togglet i {
  left: 14px;
  line-height: 44px;
}

/* line 1854, app/assets/stylesheets/app.css */
.toggle.toggle-border .togglec {
  padding: 0 15px 15px 36px;
}

/* line 1856, app/assets/stylesheets/app.css */
.toggle.toggle-border .togglet,
.toggle.toggle-border .toggleta {
  line-height: 44px;
  padding: 0 15px 0 36px;
}

/*=================================
=            Accordion            =
=================================*/
/* line 1864, app/assets/stylesheets/app.css */
.accordion {
  margin-bottom: 20px;
}

/* line 1867, app/assets/stylesheets/app.css */
.acctitle,
.acctitlec {
  display: block;
  position: relative;
  line-height: 24px;
  margin: 0;
  font-size: 14px;
  font-weight: bold;
  color: #444;
  cursor: pointer;
  border-top: 1px dotted #DDD;
  padding: 10px 0 10px 20px;
  height: 50px;
}

/* line 1881, app/assets/stylesheets/app.css */
.acctitlec {
  cursor: auto;
}

/* line 1884, app/assets/stylesheets/app.css */
.acctitle:first-child {
  border-top: none;
}

/* line 1887, app/assets/stylesheets/app.css */
.acctitle i {
  position: absolute;
  top: 0;
  left: 0;
  width: 14px;
  text-align: center;
  font-size: 14px;
  line-height: 44px;
}

/* line 1896, app/assets/stylesheets/app.css */
.acctitle .fa {
  float: right;
  color: #fff;
  font-size: 7rem;
  position: relative;
  top: 5px;
}

/* line 1903, app/assets/stylesheets/app.css */
.acctitle .fa-plus {
  display: inline-block;
}

/* line 1906, app/assets/stylesheets/app.css */
.acctitle .fa-minus {
  display: none;
}

/* line 1909, app/assets/stylesheets/app.css */
.acctitle.acctitlec .fa-plus {
  display: none;
}

/* line 1912, app/assets/stylesheets/app.css */
.acctitle.acctitlec .fa-minus {
  display: inline-block;
}

/* line 1915, app/assets/stylesheets/app.css */
.acctitle i.acc-open,
.acctitlec i.acc-closed {
  display: none;
}

/* line 1919, app/assets/stylesheets/app.css */
.acctitlec i.acc-open {
  display: block;
}

/* line 1922, app/assets/stylesheets/app.css */
.acc_content {
  position: relative;
  padding: 0 0 15px 20px;
}

/* Accordion - with Title Background
-----------------------------------------------------------------*/
/* line 1928, app/assets/stylesheets/app.css */
.accordion.accordion-bg .acctitle,
.accordion.accordion-bg .acctitlec {
  background-color: rgba(255, 255, 255, 0.3);
  line-height: 50px;
  padding: 10px 20px 10px 36px;
  margin-bottom: 5px;
  border-top: 0;
  border-radius: 15px;
}

/* line 1937, app/assets/stylesheets/app.css */
.accordion.accordion-bg .acctitle i {
  left: 14px;
  line-height: 50px;
}

/* line 1941, app/assets/stylesheets/app.css */
.accordion.accordion-bg .acc_content {
  padding: 10px 0 30px 36px;
  color: #fff;
}

/* Accordion - Bordered
-----------------------------------------------------------------*/
/* line 1947, app/assets/stylesheets/app.css */
.accordion.accordion-border {
  border: 1px solid #DDD;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}

/* line 1954, app/assets/stylesheets/app.css */
.accordion.accordion-border .acctitle,
.accordion.accordion-border .acctitlec {
  border-color: #CCC;
  line-height: 44px;
  padding: 0 15px 0 36px;
}

/* line 1959, app/assets/stylesheets/app.css */
.accordion.accordion-border .acctitle i {
  left: 14px;
  line-height: 44px;
}

/* line 1962, app/assets/stylesheets/app.css */
.accordion.accordion-border .acc_content {
  padding: 0 15px 15px 36px;
}

/* Accordion - Large
-----------------------------------------------------------------*/
/* line 1967, app/assets/stylesheets/app.css */
.accordion.accordion-lg .acctitle {
  font-size: 23px;
  line-height: 44px;
  padding-left: 30px;
  font-weight: 400;
}

/* line 1972, app/assets/stylesheets/app.css */
.accordion.accordion-lg .acctitle i {
  width: 20px;
  font-size: 20px;
  line-height: 64px;
}

/* line 1977, app/assets/stylesheets/app.css */
.accordion.accordion-lg .acc_content {
  padding: 10px 0 30px 30px;
}

/*======================================
=            Elements Mixed            =
======================================*/
/*----------  Block Section  ----------*/
/* line 1984, app/assets/stylesheets/app.css */
::selection {
  background: #3c136f;
  color: #FFF;
  text-shadow: none;
}

/* line 1989, app/assets/stylesheets/app.css */
::-moz-selection {
  background: #3c136f;
  /* Firefox */
  color: #FFF;
  text-shadow: none;
}

/* line 1995, app/assets/stylesheets/app.css */
::-webkit-selection {
  background: #3c136f;
  /* Safari */
  color: #FFF;
  text-shadow: none;
}

/* line 2001, app/assets/stylesheets/app.css */
:active,
:focus {
  outline: none !important;
}

/* line 2005, app/assets/stylesheets/app.css */
.caption {
  max-width: 325px;
  word-break: break-word;
}

/* line 2008, app/assets/stylesheets/app.css */
.caption-title {
  font-size: 2.375rem;
  font-weight: 700;
  line-height: 1.35;
  margin-top: 1rem;
  margin-bottom: 2rem;
  color: #3c136f;
}

/* line 2015, app/assets/stylesheets/app.css */
.caption-sub-title {
  font-size: 1.25rem;
  margin-bottom: 1rem;
  line-height: 1.15;
}

/* line 2019, app/assets/stylesheets/app.css */
.caption-pos-center {
  left: 0;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

/* line 2031, app/assets/stylesheets/app.css */
.caption-pos-center-left {
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 1.75rem;
}

/* line 2039, app/assets/stylesheets/app.css */
.caption-pos-center-right {
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 1.75rem;
}

/* line 2047, app/assets/stylesheets/app.css */
.caption-pos-top-center {
  top: 1rem;
  left: 0;
  right: 0;
  margin: auto;
}

/* line 2052, app/assets/stylesheets/app.css */
.caption-pos-top-left {
  top: 1rem;
  left: 1.75rem;
}

/* line 2055, app/assets/stylesheets/app.css */
.caption-pos-top-right {
  top: 1rem;
  right: 1.75rem;
}

/* line 2058, app/assets/stylesheets/app.css */
.caption-pos-bottom-center {
  bottom: 0;
  left: 0;
  right: 0;
}

/* line 2062, app/assets/stylesheets/app.css */
.caption-pos-bottom-left {
  bottom: 1rem;
  left: 1.75rem;
}

/* line 2065, app/assets/stylesheets/app.css */
.caption-pos-bottom-right {
  bottom: 1rem;
  right: 1.75rem;
}

@media (max-width: 800px) {
  /* line 2069, app/assets/stylesheets/app.css */
  .caption-title {
    font-size: 1.625rem;
    margin-bottom: 1rem;
  }
  /* line 2072, app/assets/stylesheets/app.css */
  .caption-sub-title {
    font-size: 1rem;
  }
}

/* line 2075, app/assets/stylesheets/app.css */
.generic-content .generic-image img {
  max-width: 85%;
  margin-left: 4rem;
  margin-right: auto;
}

@media (max-width: 767px) {
  /* line 2080, app/assets/stylesheets/app.css */
  .generic-content .generic-image img {
    margin-left: 0;
  }
}

/* line 2083, app/assets/stylesheets/app.css */
.generic-content .generic-text {
  padding-top: 2rem;
}

/* line 2086, app/assets/stylesheets/app.css */
.generic-content .box-text {
  position: absolute;
  bottom: 1rem;
  right: -8rem;
}

@media (max-width: 767px) {
  /* line 2091, app/assets/stylesheets/app.css */
  .generic-content .box-text {
    position: relative;
    right: 0;
    float: right;
    margin-top: -2rem;
  }
}

/* line 2097, app/assets/stylesheets/app.css */
.generic-content-inverse .generic-image img {
  margin-left: auto;
  margin-right: 4rem;
}

@media (max-width: 767px) {
  /* line 2101, app/assets/stylesheets/app.css */
  .generic-content-inverse .generic-image img {
    margin-right: 0;
  }
}

@media (min-width: 1024px) {
  /* line 2105, app/assets/stylesheets/app.css */
  .generic-content-inverse .generic-image {
    order: 9;
  }
}

/* line 2108, app/assets/stylesheets/app.css */
.generic-content-inverse .box-text {
  position: absolute;
  bottom: 1rem;
  left: -8rem;
}

@media (max-width: 767px) {
  /* line 2113, app/assets/stylesheets/app.css */
  .generic-content-inverse .box-text {
    position: relative;
    left: 0;
    float: left;
    margin-top: -2rem;
  }
}

/* line 2119, app/assets/stylesheets/app.css */
.box-text {
  color: #3c136f;
  width: 230px;
  border: 6px solid #3c136f;
  padding: 1.25rem;
}

@media (max-width: 767px) {
  /* line 2126, app/assets/stylesheets/app.css */
  .box-text {
    width: 200px;
  }
}

/* line 2130, app/assets/stylesheets/app.css */
.badge {
  font-family: "Gotham-Book", sans-serif;
  font-size: 100%;
  border-bottom: 1px solid #3c136f;
  border-radius: 0;
  padding-bottom: .5rem;
  display: inline-block;
  margin: 1rem 0;
}

/* line 2139, app/assets/stylesheets/app.css */
.badge-beauty {
  color: #de4277;
  border-bottom: 1px solid #de4277;
}

/* line 2143, app/assets/stylesheets/app.css */
.badge-fashion {
  color: #3c136f;
  border-bottom: 1px solid #3c136f;
}

/* line 2147, app/assets/stylesheets/app.css */
.badge-lifestyle {
  color: #3bb3bb;
  border-bottom: 1px solid #3bb3bb;
}

/* line 2151, app/assets/stylesheets/app.css */
.badge-trend,
.badge-trends {
  color: #ff8c01;
  border-bottom: 1px solid #ff8c01;
}

/* line 2156, app/assets/stylesheets/app.css */
.label-theme {
  color: #3c136f;
}

/* line 2159, app/assets/stylesheets/app.css */
.label-beauty {
  color: #de4277;
}

/* line 2162, app/assets/stylesheets/app.css */
.label-fashion {
  color: #3c136f;
}

/* line 2165, app/assets/stylesheets/app.css */
.label-lifestyle {
  color: #3bb3bb;
}

/* line 2168, app/assets/stylesheets/app.css */
.label-trend,
.label-trends {
  color: #ff8c01;
}

/* line 2172, app/assets/stylesheets/app.css */
.nav-pull {
  margin-bottom: -6.5em;
  position: relative;
}

@media (max-width: 767px) {
  /* line 2176, app/assets/stylesheets/app.css */
  .nav-pull {
    margin-bottom: 0;
  }
}

/* line 2179, app/assets/stylesheets/app.css */
.nav-logo {
  max-width: 950px;
  padding: 1rem 0;
  margin: 1rem auto;
  z-index: 9;
  position: relative;
  background-color: #fff;
  border: 1px solid #ccc;
}

/* line 2187, app/assets/stylesheets/app.css */
.nav-logo .nav-item .nav-link {
  border: 1px solid #ccc;
  border-top: none;
  border-bottom: none;
  border-left: none;
}

/* line 2192, app/assets/stylesheets/app.css */
.nav-logo .nav-item:last-child .nav-link {
  border-right: none;
}

/* line 2194, app/assets/stylesheets/app.css */
.nav-logo .nav-link {
  border-radius: 0;
}

/* line 2196, app/assets/stylesheets/app.css */
.nav-logo .nav-link img {
  max-height: 35px;
}

@media (max-width: 767px) {
  /* line 2199, app/assets/stylesheets/app.css */
  .nav-logo .nav-link img {
    max-height: 20px;
  }
}

/* line 2202, app/assets/stylesheets/app.css */
.gmaps {
  min-height: 70vh;
}

/* line 2204, app/assets/stylesheets/app.css */
.gmaps iframe {
  min-height: 70vh !important;
  width: 100% !important;
}

/* line 2208, app/assets/stylesheets/app.css */
.ribbon {
  position: relative;
  width: 20px;
  padding: 0 0;
  text-align: center;
  font-weight: 700;
  font-size: 18px;
  color: #fff;
}

/* line 2216, app/assets/stylesheets/app.css */
.ribbon:after {
  content: " ";
  left: 0;
  z-index: -1;
  border-style: solid;
  width: 0;
  height: 0;
  border-width: 5px 10px;
  border-color: #3c136f #3c136f transparent #3c136f;
}

@media (min-width: 567px) {
  /* line 2227, app/assets/stylesheets/app.css */
  .affix {
    position: fixed;
    top: 100px;
    margin-top: 10px;
  }
}

/* line 2232, app/assets/stylesheets/app.css */
.sidebar.affix {
  max-width: 255px;
}

/* line 2235, app/assets/stylesheets/app.css */
.affix-top {
  position: relative;
}

/* line 2238, app/assets/stylesheets/app.css */
.affix-bottom {
  position: relative;
}

/* line 2241, app/assets/stylesheets/app.css */
.panel-newsletter {
  background-color: #fcf0f4;
  padding: 1.75rem 1rem;
}

/* line 2244, app/assets/stylesheets/app.css */
.panel-newsletter .list-inline-item:not(:last-child) {
  margin-right: 1.5rem;
}

/* line 2246, app/assets/stylesheets/app.css */
.panel-newsletter .list-inline-item a,
.panel-newsletter .list-inline-item .fa {
  font-size: 2rem;
  color: #3c136f;
}

/* line 2251, app/assets/stylesheets/app.css */
.stars-stats .fa {
  font-size: 1.75rem;
  color: #3e3e3e;
}

/* line 2254, app/assets/stylesheets/app.css */
.stars-stats .fa.active {
  color: #de4277;
}

/* line 2257, app/assets/stylesheets/app.css */
.stars-stats .big {
  display: block;
  font-size: 4.5rem;
  line-height: 1;
}

/* line 2262, app/assets/stylesheets/app.css */
.pattern {
  background-image: inherit;
  background-repeat: no-repeat;
  background-position: right;
  background-size: contain;
}

/* line 2267, app/assets/stylesheets/app.css */
.pattern-snake {
  background-image: url("../images/product/pattern-snake.png");
}

/* line 2270, app/assets/stylesheets/app.css */
.rating-count-list {
  color: #de4277;
}

/* line 2272, app/assets/stylesheets/app.css */
.rating-count-list span {
  display: inline-block;
}

/* line 2275, app/assets/stylesheets/app.css */
.progress-rating {
  width: 185px;
  margin-left: .25rem;
  margin-right: .25rem;
}

/* line 2280, app/assets/stylesheets/app.css */
#btnAddNewReview {
  display: block;
  padding: 2.5rem 2rem;
  border: 2px dashed #3c136f;
  border-radius: 2.75rem;
  font-size: 1.25rem;
  color: #3c136f;
}

/* line 2288, app/assets/stylesheets/app.css */
.rating {
  display: inline-block;
  position: relative;
  height: 50px;
  line-height: 50px;
  font-size: 50px;
}

/* line 2294, app/assets/stylesheets/app.css */
.rating label {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  cursor: pointer;
}

/* line 2300, app/assets/stylesheets/app.css */
.rating label:last-child {
  position: static;
}

/* line 2303, app/assets/stylesheets/app.css */
.rating label:nth-child(1) {
  z-index: 5;
}

/* line 2306, app/assets/stylesheets/app.css */
.rating label:nth-child(2) {
  z-index: 4;
}

/* line 2309, app/assets/stylesheets/app.css */
.rating label:nth-child(3) {
  z-index: 3;
}

/* line 2312, app/assets/stylesheets/app.css */
.rating label:nth-child(4) {
  z-index: 2;
}

/* line 2315, app/assets/stylesheets/app.css */
.rating label:nth-child(5) {
  z-index: 1;
}

/* line 2318, app/assets/stylesheets/app.css */
.rating label input {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}

/* line 2324, app/assets/stylesheets/app.css */
.rating label .icon {
  float: left;
  color: transparent;
}

/* line 2328, app/assets/stylesheets/app.css */
.rating label:last-child .icon {
  color: #000;
}

/* line 2331, app/assets/stylesheets/app.css */
.rating:not(:hover) label input:checked ~ .icon,
.rating:hover label:hover input ~ .icon {
  color: #de4277;
}

/* line 2335, app/assets/stylesheets/app.css */
.rating label input:focus:not(:checked) ~ .icon:last-child {
  color: #000;
  text-shadow: 0 0 5px #de4277;
}

/* line 2339, app/assets/stylesheets/app.css */
.video-container video {
  width: 100% !important;
}

/* line 2342, app/assets/stylesheets/app.css */
.color-pallete {
  margin-bottom: 20px;
}

/* line 2344, app/assets/stylesheets/app.css */
.color-pallete input {
  display: none;
}

/* line 2346, app/assets/stylesheets/app.css */
.color-pallete > .color-pallete-list {
  float: left;
  position: relative;
  margin: 15px 20px 15px 0;
}

/* line 2350, app/assets/stylesheets/app.css */
.color-pallete > .color-pallete-list > span.bordered {
  border: 1px solid #3c136f;
}

/* line 2352, app/assets/stylesheets/app.css */
.color-pallete-circle .color-pallete-list {
  margin-right: 20px;
}

/* line 2354, app/assets/stylesheets/app.css */
.color-pallete-circle .color-pallete-list > span {
  width: 40px;
  height: 40px;
  margin-left: 2.5px;
  margin-right: 2.5px;
  border-radius: 50%;
}

/* line 2360, app/assets/stylesheets/app.css */
.color-pallete-circle .color-pallete-list > span:nth-child(2), .color-pallete-circle .color-pallete-list > span:nth-child(3), .color-pallete-circle .color-pallete-list > span:nth-child(4), .color-pallete-circle .color-pallete-list > span:nth-child(5) {
  display: none !important;
}

/* line 2362, app/assets/stylesheets/app.css */
.color-pallete-1 .color-pallete-list > span:nth-child(2), .color-pallete-1 .color-pallete-list > span:nth-child(3), .color-pallete-1 .color-pallete-list > span:nth-child(4), .color-pallete-1 .color-pallete-list > span:nth-child(5) {
  display: none;
}

/* line 2364, app/assets/stylesheets/app.css */
.color-pallete-2 .color-pallete-list > span:nth-child(3), .color-pallete-2 .color-pallete-list > span:nth-child(4), .color-pallete-2 .color-pallete-list > span:nth-child(5) {
  display: none;
}

/* line 2366, app/assets/stylesheets/app.css */
.color-pallete-3 .color-pallete-list > span:nth-child(4), .color-pallete-3 .color-pallete-list > span:nth-child(5) {
  display: none;
}

/* line 2368, app/assets/stylesheets/app.css */
.color-pallete-4 .color-pallete-list > span:nth-child(5) {
  display: none;
}

/* line 2371, app/assets/stylesheets/app.css */
.color-pallete-list {
  cursor: pointer;
  display: block;
  background-color: transparent;
  box-shadow: none;
  outline: 0 !important;
  padding: 0;
}

/* line 2378, app/assets/stylesheets/app.css */
.color-pallete-list.active {
  opacity: 1;
}

/* line 2380, app/assets/stylesheets/app.css */
.color-pallete-list.active, .color-pallete-list:focus, .color-pallete-list:active {
  box-shadow: none;
}

/* line 2382, app/assets/stylesheets/app.css */
.color-pallete-list > span {
  width: 40px;
  height: 40px;
  float: left;
  display: block;
  -webkit-transition: all 0.25s linear;
  -moz-transition: all 0.25s linear;
  -ms-transition: all 0.25s linear;
  -o-transition: all 0.25s linear;
  transition: all 0.25s linear;
}

/* line 2392, app/assets/stylesheets/app.css */
.color-pallete-list.active > span {
  border: 4px solid #fff;
  box-shadow: 0 0 7px -1px #000;
}

/*----------  PAGES  ----------*/
/*----------  THEMES  ----------*/

/*# sourceMappingURL=core.css.map */
