/**
 * @author      Dominik Douděra(doudera@grow-studio.eu)
 * @copyright   (C) 2016 Všechna práva vyhrazena.
 * @link        https://grow-studio.eu/
 * 
 */
/**
* @author      Dominik Douděra(doudera@grow-studio.eu)
* @copyright   (C) 2016 Všechna práva vyhrazena.
* @link        https://grow-studio.eu/
* 
*/
@font-face {
  font-family: 'Cinzel';
  src: url('font/Cinzel-VariableFont_wght.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@keyframes lds-dual-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
*:focus {
  outline: none !important;
}
#page,
button,
.callout h4 {
  font-family: 'Quicksand', sans-serif !important;
}
h1,
h2,
h3,
h4,
h5 {
  font-family: 'Cinzel', sans-serif !important;
}
/*#grow_strip{
    display: none;
}*/
body,
html {
  color: #000000;
  overflow-x: hidden;
}
a {
  color: inherit;
}
body.modal-open {
  overflow: visible;
}
body.modal-open,
.modal-open .navbar-fixed-top,
.modal-open .navbar-fixed-bottom {
  margin-right: 0;
}
.modal {
  overflow-y: auto;
}
a:hover,
a:focus {
  text-decoration: none;
  color: inherit;
}
.form-control::-ms-clear {
  display: none;
}
.form-control::-ms-expand {
  display: none;
}
select::-ms-expand {
  display: none;
}
.ndisplay {
  display: none;
}
@media (min-width: 990px) {
  .not_desktop {
    display: none!important;
  }
}
@media (max-width: 990px) {
  .not_desktop {
    display: block;
  }
}
@media (max-width: 990px) {
  .not_mobile {
    display: none;
  }
}
@media (max-width: 990px) {
  .hidden-mobile {
    display: none;
  }
}
.btn.btn-default {
  background: #501266;
  border-radius: 0;
  font-style: normal;
  font-weight: bold;
  font-size: 14px;
  line-height: 16px;
  text-align: center;
  color: #FFFFFF;
  padding: 12px 33px;
  border: none;
}
.btn.btn-default:hover {
  background: #282622;
  color: white;
}
.btn.btn-grey {
  background: #282622;
  border-radius: 5px;
  font-style: normal;
  font-weight: bold;
  font-size: 14px;
  line-height: 16px;
  text-align: center;
  color: #FFFFFF;
  padding: 12px 33px;
  border: none;
}
.btn.btn-grey:hover {
  background: #E1A840;
  color: white;
}
h2 {
  color: #181914;
  font-size: 32px;
  margin: 40px 0 30px;
  text-align: center;
}
a:hover {
  text-decoration: underline;
  color: #237b6d;
}
.opened-mobile-menu {
  overflow: hidden;
}
@media (max-width: 990px) {
  .opened-mobile-menu .menu-overlay {
    background: rgba(0, 0, 0, 0.5);
    width: 100%;
    height: 100vh;
    position: fixed;
    top: 0;
    z-index: 9;
  }
}
@media (max-width: 990px) {
  .header-space {
    height: 117px;
  }
}
@media (max-width: 990px) {
  .header {
    padding-bottom: 20px;
    position: absolute;
    width: 100%;
    background: white;
    z-index: 10;
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.3);
    top: 32px;
    padding-bottom: 14px;
    padding-top: 14px;
  }
  .header.scrolled {
    position: fixed;
    top: 0;
    z-index: 12;
  }
}
@media (max-width: 526px) {
  .header {
    top: 47px;
  }
}
.header .contact-strip {
  font-size: 16px;
  line-height: 19px;
  text-align: right;
  color: #000000;
  padding: 10px 0 0;
}
@media (max-width: 990px) {
  .header .contact-strip {
    display: none;
  }
}
.header .contact-strip a {
  color: #237b6d;
}
.header .contact-strip a:hover {
  color: #000000;
}
.header .contact-strip .separator {
  color: #e5e5e5;
  margin: 0 10px;
  display: inline-block;
}
.header .user-account {
  border-radius: 5px;
  padding: 4.5px 12px;
  color: #413F3B;
  background: #EFEFEF;
  position: relative;
  font-size: 12px;
  float: left;
  text-align: left;
  display: inline-block;
  vertical-align: top;
  top: 23px;
  left: -5px;
  z-index: 7;
}
@media (max-width: 1200px) {
  .header .user-account {
    left: 43px;
  }
}
@media (max-width: 991px) {
  .header .user-account {
    position: absolute;
    display: inline-block;
    width: 42px;
    right: 111px;
    left: initial;
    top: 0;
    height: 42px;
    text-align: center;
  }
}
.header .user-account .icon {
  position: relative;
  top: 2px;
}
@media (max-width: 991px) {
  .header .user-account .icon {
    top: 4px;
    left: -3px;
  }
}
.header .user-account .icon svg {
  fill: black;
  width: 31px;
  height: 31px;
}
@media (max-width: 991px) {
  .header .user-account .icon svg {
    width: 24px;
    height: 24px;
  }
}
.header .user-account .count {
  display: none;
}
.header .user-account.active {
  background: #000000;
}
.header .user-account.active .icon svg {
  fill: white;
}
.header .user-account.active .count {
  display: inline-block;
  vertical-align: top;
  position: absolute;
  right: -7px;
  top: -11px;
  padding: 0;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  line-height: 18px;
  font-size: 11px;
  text-align: center;
  background: #282622;
  color: white;
  border: none;
}
.header .user-account.active .count .fa {
  position: relative;
  top: 1px;
  font-weight: bold;
}
.header .no-left-padding {
  padding-left: 0;
}
.header .right-side {
  text-align: right;
}
@media (max-width: 991px) {
  .header .right-side {
    text-align: left;
    padding-left: 15px;
  }
}
@media (max-width: 990px) {
  .header .logo {
    text-align: center;
    padding-top: 15px;
  }
}
.header .logo img {
  position: relative;
  top: -10px;
  width: 150px;
  height: 86px;
}
@media (max-width: 990px) {
  .header .logo img {
    top: 0;
    max-height: 50px;
    margin-bottom: 20px;
  }
}
.header .mobile-logo {
  display: inline-block;
  vertical-align: middle;
  margin-right: 12px;
}
.header .mobile-logo img {
  width: 70px;
  height: auto;
}
@media (max-width: 420px) {
  .header .mobile-logo .medium {
    display: none;
  }
}
@media (min-width: 420px) {
  .header .mobile-logo .small {
    display: none;
  }
}
.header .mobile-logo .small img {
  width: auto;
  height: 42px;
}
.header .mobile-menu-opener {
  display: none;
  background-color: #efefef;
  border-radius: 4px;
  height: 42px;
  padding: 11px 10px;
  width: calc(100% - 97px);
}
@media (max-width: 990px) {
  .header .mobile-menu-opener {
    display: inline-block;
    vertical-align: top;
    width: calc(100% - 232px);
  }
}
@media (max-width: 420px) {
  .header .mobile-menu-opener {
    width: calc(100% - 204px);
  }
}
.header .mobile-menu-opener .burger,
.header .mobile-menu-opener .closing {
  display: inline-block;
  vertical-align: top;
  font-size: 22px;
  position: relative;
  top: -5px;
  color: #282622;
  width: 30px;
  text-align: center;
}
.header .mobile-menu-opener .closing {
  display: none;
}
.header .mobile-menu-opener .desc {
  display: inline-block;
  vertical-align: top;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 19px;
  text-align: center;
  color: #282622;
  text-transform: uppercase;
  margin-left: 0;
  position: relative;
  top: 1px;
}
@media (max-width: 340px) {
  .header .mobile-menu-opener .desc {
    font-size: 11px;
  }
}
.header .mobile-menu-opener.opened .closing {
  display: inline-block;
  vertical-align: top;
}
.header .mobile-menu-opener.opened .burger {
  display: none;
}
.header .mobile-search {
  display: none;
}
@media (max-width: 990px) {
  .header .mobile-search {
    display: inline-block;
    vertical-align: top;
    width: 42px;
    top: 0;
    right: 5px;
    position: relative;
    float: right;
    height: 42px;
  }
  .header .mobile-search .btn {
    padding: 10px 7px;
    height: 42px;
    font-size: 18px;
    background: #EFEFEF;
    line-height: 20px;
    width: 42px;
  }
  .header .mobile-search .btn svg {
    fill: black;
    position: relative;
    top: -2px;
    right: 0px;
  }
  .header .mobile-search .closing {
    display: none;
  }
  .header .mobile-search.opened .closing {
    display: inline-block;
    vertical-align: top;
    font-size: 25px;
  }
  .header .mobile-search.opened .btn .fa {
    position: relative;
    top: -3px;
  }
  .header .mobile-search.opened .open {
    display: none;
  }
}
.header .menu {
  background: #282622;
  margin-top: 10px;
  text-align: center;
}
@media (max-width: 990px) {
  .header .menu {
    border-top: 4px solid #282622;
    position: absolute;
    background: white;
    max-height: 70vh;
    overflow-x: scroll;
    width: 100%;
  }
}
.header .menu ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.header .menu ul li {
  display: inline-block;
  vertical-align: top;
  margin: 0 24px;
}
@media (max-width: 1200px) {
  .header .menu ul li {
    margin: 0 23px;
  }
}
@media (max-width: 990px) {
  .header .menu ul li {
    width: 100%;
    margin: 0;
  }
}
.header .menu ul li:first-of-type {
  margin-left: 0;
}
.header .menu ul li:last-of-type {
  margin-right: 0;
}
.header .menu ul li a {
  font-size: 16px;
  line-height: 19px;
  text-align: center;
  color: white;
  text-transform: uppercase;
  display: inline-block;
  padding: 16px 0 12px;
  border-bottom: 4px solid transparent;
}
.lang_PL .header .menu ul li a {
  font-size: 15px;
}
.lang_HU .header .menu ul li a {
  font-size: 15px;
}
@media (max-width: 1200px) {
  .header .menu ul li a {
    font-size: 13px;
  }
}
@media (max-width: 990px) {
  .header .menu ul li a {
    width: 100%;
    color: #282622;
  }
}
.header .menu ul li a:hover {
  border-bottom: 4px solid #237b6d;
  text-decoration: none;
}
@media (max-width: 990px) {
  .header .menu ul li a:hover {
    border-bottom: 4px solid transparent;
  }
}
.header .menu ul li.sale a {
  color: #237b6d;
}
@media (max-width: 990px) {
  .header .menu.hidden-mobile {
    display: none;
  }
}
.header .search {
  position: relative;
  top: 23px;
}
@media (max-width: 990px) {
  .header .search {
    position: absolute;
    z-index: 10;
    bottom: -36px;
    top: initial;
    width: 100%;
  }
}
@media (max-width: 990px) {
  .header .search.hidden-mobile {
    display: none;
  }
}
.header .search .wrap input {
  border-radius: 5px;
  width: 100%;
  border: none;
  background: #efefef;
  -webkit-box-shadow: none;
  box-shadow: none;
  height: 44.34px;
  padding: 11px 12px;
}
.header .search .wrap input::-webkit-input-placeholder {
  color: #000000;
}
.header .search .wrap input:-moz-placeholder {
  /* Firefox 18- */
  color: #000000;
}
.header .search .wrap input::-moz-placeholder {
  /* Firefox 19+ */
  color: #000000;
}
.header .search .wrap input:-ms-input-placeholder {
  color: #000000;
}
.header .search .wrap .btn {
  border: none;
  background: none;
  box-shadow: none;
  float: right;
  margin-top: -45px;
  font-size: 21px;
  color: #000000;
  padding: 10px 15px;
}
.header .search .wrap .btn:focus {
  border: none;
  outline: none;
}
.header .search .wrap .btn svg {
  fill: black;
}
.header .search .fast-results-fulltext {
  border-top: 2px solid #237b6d;
  width: 93%;
  margin-left: 1%;
  position: absolute;
  background: white;
  z-index: 11;
  -webkit-box-shadow: 0 3px 20px -1px rgba(0, 0, 0, 0.35);
  -moz-box-shadow: 0 3px 20px -1px rgba(0, 0, 0, 0.35);
  box-shadow: 0 3px 20px -1px rgba(0, 0, 0, 0.35);
}
@media (max-width: 990px) {
  .header .search .fast-results-fulltext {
    width: 96%;
    margin-left: 0;
    overflow-x: hidden;
    max-height: calc(100vh - 106px);
  }
}
@media (max-width: 767px) {
  .header .search .fast-results-fulltext {
    width: 100%;
    left: 0;
  }
}
.header .search .fast-results-fulltext h2 {
  background: #f1f1f1;
  color: #000000;
  font-size: 14px;
  font-weight: bold;
  padding: 10px;
  margin: 0;
  text-align: left;
}
.header .search .fast-results-fulltext .lds-dual-ring {
  display: block;
  width: 64px;
  height: 64px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 15px;
}
.header .search .fast-results-fulltext .lds-dual-ring:after {
  content: " ";
  display: block;
  width: 46px;
  height: 46px;
  margin: 1px;
  border-radius: 50%;
  border: 5px solid black;
  border-color: black transparent black transparent;
  animation: lds-dual-ring 1.2s linear infinite;
}
.header .search .fast-results-fulltext .empty {
  padding: 20px;
}
.header .search .fast-results-fulltext .box .items {
  padding: 10px 0 5px 0;
}
.header .search .fast-results-fulltext .box .items ul {
  list-style-type: none;
  padding-left: 15px;
}
.header .search .fast-results-fulltext .box .items ul li {
  font-size: 14px;
  margin-bottom: 5px;
}
.header .search .fast-results-fulltext .box .items ul li::before {
  content: "•";
  color: #000000;
  margin-right: 15px;
}
.header .search .fast-results-fulltext .box .items ul li a {
  display: inline-block;
  vertical-align: top;
  width: 90%;
}
.header .search .fast-results-fulltext .box .items ul li a:hover {
  color: #237b6d;
}
.header .search .fast-results-fulltext .box .items.products {
  background: white;
  padding: 0;
}
.header .search .fast-results-fulltext .box .items.products a {
  display: inline-block;
  vertical-align: top;
  width: 100%;
}
.header .search .fast-results-fulltext .box .items.products .product {
  border-bottom: 1px solid #efefef;
  padding: 10px;
  font-size: 14px;
}
.header .search .fast-results-fulltext .box .items.products .product .image-name .image {
  display: inline-block;
  vertical-align: top;
  margin-right: 15px;
  width: 60px;
  text-align: center;
  margin-bottom: 0;
  height: auto;
  line-height: initial;
}
.header .search .fast-results-fulltext .box .items.products .product .image-name .image img {
  height: auto;
  width: auto;
  max-width: 100%;
  max-height: 100%;
}
.header .search .fast-results-fulltext .box .items.products .product .image-name .name {
  display: inline-block;
  vertical-align: top;
  margin-top: 10px;
  height: auto;
  width: calc(100% - 79px);
  text-align: left;
}
.header .search .fast-results-fulltext .box .items.products .product .price {
  text-align: right;
  font-weight: bold;
  margin-top: 10px;
}
.header .search .fast-results-fulltext .showAll,
.header .search .fast-results-fulltext .hideFulltext {
  width: 100%;
  float: none;
  margin-top: 0;
  padding: 10px;
  line-height: initial;
  background: #282622;
  color: white;
  font-size: 14px;
  border-radius: 0;
}
@media (min-width: 990px) {
  .header .search .fast-results-fulltext .hideFulltext {
    display: none;
  }
}
.headline-line {
  display: block;
  width: 100%;
  height: 1px;
  background: #C4C4C4;
  position: relative;
  bottom: -60px;
}
@media (max-width: 990px) {
  .headline-line {
    display: none;
  }
}
.text-block {
  font-size: 14px;
  line-height: 21px;
  text-align: center;
  color: black;
  padding: 20px 0 40px;
}
.text-block h1 {
  font-size: 32px;
  color: #181914;
}
@media (max-width: 991px) {
  .text-block h1 {
    font-size: 24px;
  }
}
.text-block h1 img {
  width: 90px;
  position: relative;
  top: -6px;
}
.text-block a {
  color: #237b6d;
  text-decoration: underline;
}
.text-block a:hover {
  text-decoration: none;
}
.text-block .totalProducts {
  color: #000000;
  margin-top: 10px;
}
.text-block.homepage {
  background: #F6F4F6;
  margin-top: 40px;
}
.text-block.homepage .content {
  max-width: 740px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 991px) {
  .text-block.homepage-slider {
    padding: 20px 0 0;
  }
}
.text-block.homepage-slider .content {
  max-width: 740px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}
.text-block.homepage-slider .slider-wrap {
  margin-bottom: 30px;
}
.text-block.homepage-slider .slider-wrap .sliderArrow .fa {
  top: calc(50% - 20px);
}
.text-block.homepage-slider .slider-wrap .sliderArrow.left {
  left: 0;
  top: calc(50% - 30px);
}
.text-block.homepage-slider .slider-wrap .sliderArrow.left .fa {
  left: -2px;
}
.text-block.homepage-slider .slider-wrap .sliderArrow.right {
  right: 0;
}
.text-block.homepage-slider .slider-wrap .sliderArrow.right .fa {
  left: initial;
  right: -2px;
}
.text-block.homepage-slider .slider-wrap .carousel-indicators .active {
  background-color: #E1A840;
  border: 1px solid #E1A840;
}
.text-block.homepage-slider .slider-wrap .carousel-indicators li {
  background: white;
}
.text-block.homepage-slider .slider-wrap .carousel-inner .mobile {
  display: none;
}
@media (max-width: 765px) {
  .text-block.homepage-slider .slider-wrap .carousel-inner .mobile {
    display: block;
  }
  .text-block.homepage-slider .slider-wrap .carousel-inner .desktop {
    display: none;
  }
}
.text-block.subpages {
  background: #F6F4F6;
  padding: 5px 0 20px;
}
.text-block.subpages h1 {
  margin-top: 15px;
}
.text-block.subpages.bottom {
  background: none;
  text-align: left;
  padding: 40px 0;
}
.text-block .content.subpage {
  padding: 30px 0;
  line-height: 30px;
}
.text-block .content.subpage img {
  max-width: 100%;
}
.text-block .thank-you {
  font-size: 14px;
  color: black;
  margin-top: 20px;
}
.text-block .thank-you .second-row {
  color: grey;
  font-style: italic;
  margin-top: 5px;
}
.text-block.leaf-block .container {
  position: relative;
}
.text-block.leaf-block h2 {
  margin: 20px 0;
}
.text-block.leaf-block .left {
  background: url("../images/leaf.png") no-repeat;
  width: 202px;
  height: 240px;
  position: absolute;
  top: -30px;
}
@media (max-width: 990px) {
  .text-block.leaf-block .left {
    display: none;
  }
}
.text-block.leaf-block .right {
  background: url("../images/heart.png") no-repeat;
  background-size: 100% auto;
  width: 200px;
  height: 313px;
  position: absolute;
  right: 0;
  top: -30px;
}
@media (max-width: 990px) {
  .text-block.leaf-block .right {
    display: none;
  }
}
.products-block {
  padding: 40px 0 0;
}
@media (max-width: 990px) {
  .products-block {
    padding: 0 0 40px;
  }
}
.products-block h2 span {
  background: white;
  position: relative;
  padding: 0 40px;
}
@media (max-width: 990px) {
  .products-block h2 span {
    padding: 0;
  }
}
.products-block .button {
  text-align: center;
  padding: 40px 0 0;
}
.products-block .products .product {
  width: 100%;
}
.shipping-block {
  background: #F6F4F6;
  padding: 60px 0;
}
.shipping-block .separator .left {
  width: 40%;
  height: 1px;
  display: inline-block;
  vertical-align: top;
  background: #adadad;
}
@media (max-width: 450px) {
  .shipping-block .separator .left {
    width: 39%;
  }
}
.shipping-block .separator .right {
  width: 40%;
  height: 1px;
  display: inline-block;
  vertical-align: top;
  background: #adadad;
}
@media (max-width: 450px) {
  .shipping-block .separator .right {
    width: 39%;
  }
}
.shipping-block .separator .middle {
  display: inline-block;
  vertical-align: top;
  width: 19.1%;
  height: 54px;
  position: relative;
  top: -28px;
  background: url("/template/default/images/rafity-shipping.png") no-repeat;
  background-position: top center;
}
@media (max-width: 990px) {
  .shipping-block .separator .middle {
    width: 18.1%;
  }
}
@media (max-width: 450px) {
  .shipping-block .separator .middle {
    width: 19.1%;
  }
}
.shipping-block h2 {
  color: #828180;
  font-size: 32px;
  line-height: 37px;
  text-align: center;
  margin-top: 19px;
}
@media (max-width: 500px) {
  .shipping-block h2 {
    font-size: 22px;
    line-height: 21px;
  }
}
.shipping-block .small-separator {
  text-align: center;
}
.shipping-block .small-separator .line {
  width: 30%;
  display: inline-block;
  vertical-align: top;
  height: 1px;
  background: #adadad;
  margin-top: 19px;
}
@media (max-width: 990px) {
  .shipping-block .small-separator .line {
    width: 80%;
  }
}
.footer {
  text-align: center;
}
.footer h2 {
  font-size: 24px;
  color: #181914;
  font-weight: normal;
  margin-bottom: 20px;
}
.footer a {
  text-decoration: underline;
  color: #642D77;
  font-weight: bold;
}
.footer a:hover {
  text-decoration: none;
}
.footer ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
  line-height: 32px;
  font-size: 14px;
}
.footer .puncovniUrad {
  max-height: 120px;
}
.footer .copyright {
  background: #F6F4F6;
  padding: 20px 0;
  line-height: 32px;
  font-size: 12px;
  color: #181914;
  font-weight: bold;
  margin-top: 40px;
}
.footer .copyright .social {
  font-size: 24px;
  float: right;
}
@media (max-width: 990px) {
  .footer .copyright .social {
    float: none;
  }
}
.footer .copyright .social .fab {
  margin-left: 10px;
}
.footer .grow-strip {
  padding: 30px 0;
}
.footer .grow-strip .comgate-logo {
  margin-bottom: 20px;
}
.footer .grow-strip .comgate-logo img {
  max-height: 40px;
}
.breadcrumb {
  background: none;
  text-align: center;
  padding: 15px 0 11px;
  margin: 0;
}
.breadcrumb ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.breadcrumb ul li {
  display: inline-block;
  vertical-align: top;
  font-size: 14px;
  line-height: 16px;
  color: black;
}
.breadcrumb ul li .separator {
  margin: 0 10px;
}
.breadcrumb ul li img {
  height: 16px;
  position: relative;
  top: -1px;
}
.breadcrumb ul li span {
  font-weight: bold;
}
.breadcrumb ul li a span {
  font-weight: normal;
}
.category-cards h2 span {
  background: white;
  position: relative;
  padding: 0 40px;
}
@media (max-width: 990px) {
  .category-cards h2 span {
    padding: 0;
    background: inherit;
  }
}
.category-cards .category-card {
  width: 100%;
}
.category-cards .category-card .image {
  text-align: center;
  height: 178px;
  line-height: 178px;
  margin-bottom: 30px;
}
.category-cards .category-card .image img {
  max-width: 100%;
  max-height: 90%;
}
.category-cards .category-card .separator .left {
  width: 39%;
  height: 1px;
  display: inline-block;
  vertical-align: top;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ecc785+43,e1a841+100 */
  background: #ffffff;
  /* Old browsers */
  background: -moz-linear-gradient(left, #ffffff 0%, #ecc785 43%, #e1a841 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #ffffff 0%, #ecc785 43%, #e1a841 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #ffffff 0%, #ecc785 43%, #e1a841 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e1a841', GradientType=1);
  /* IE6-9 */
}
.category-cards .category-card .separator .right {
  width: 39%;
  height: 1px;
  display: inline-block;
  vertical-align: top;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#e1a841+0,ecc785+57,ffffff+100 */
  background: #e1a841;
  /* Old browsers */
  background: -moz-linear-gradient(left, #e1a841 0%, #ecc785 57%, #ffffff 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #e1a841 0%, #ecc785 57%, #ffffff 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #e1a841 0%, #ecc785 57%, #ffffff 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e1a841', endColorstr='#ffffff', GradientType=1);
  /* IE6-9 */
}
.category-cards .category-card .separator .middle {
  display: inline-block;
  vertical-align: top;
  width: 9.5%;
  margin: 0 3%;
  height: 25px;
  position: relative;
  top: -13px;
  background: url("/template/default/images/product-logo.png") no-repeat;
  background-position: top center;
  background-size: 24px 25px;
}
.category-cards .category-card h3 {
  font-size: 16px;
  font-weight: bold;
  color: #237b6d;
  margin-top: 10px;
}
.tags {
  position: absolute;
  left: 0;
  top: 12px;
  text-align: left;
  line-height: 18px;
  z-index: 4;
}
.tags .tag {
  padding: 4px 17px;
  color: white;
  font-size: 14px;
  margin-bottom: 6px;
  display: inline-block;
  vertical-align: top;
  position: relative;
  height: 26.4px;
  line-height: 18px;
  font-weight: 500;
}
.tags .tag.discount {
  background: black;
}
.tags .tag.discount::after {
  border-left: 10px solid black;
}
.tags .tag.bestseller {
  background: #528075;
}
.tags .tag.bestseller::after {
  border-left: 10px solid #528075;
}
.tags .tag.delivery {
  background: #507388;
}
.tags .tag.delivery::after {
  border-left: 10px solid #507388;
}
.tags .tag.new {
  background: #501266;
}
.tags .tag.new::after {
  border-left: 10px solid #501266;
}
.tags .tag.sale {
  background: #237B6D;
}
.tags .tag.sale::after {
  border-left: 10px solid #237B6D;
}
.tags .tag.movie {
  background: #501266;
}
.tags .tag.movie::after {
  border-left: 10px solid #501266;
}
.products .wrap {
  background: #f0f0f0;
}
.products .product .product-edit {
  position: absolute;
  right: 0;
  background: #237b6d;
  color: white;
  padding: 4px 9px;
  border-radius: 5px;
  display: none;
  z-index: 10;
}
.products .product:hover .product-edit {
  display: inline-block;
  vertical-align: top;
}
.products .product .separator .left {
  width: 39%;
  height: 1px;
  display: inline-block;
  vertical-align: top;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ecc785+43,e1a841+100 */
  background: #ffffff;
  /* Old browsers */
  background: -moz-linear-gradient(left, #ffffff 0%, #676767 43%, #000000 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #ffffff 0%, #676767 43%, #000000 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #ffffff 0%, #676767 43%, #000000 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e1a841', GradientType=1);
  /* IE6-9 */
}
.products .product .separator .right {
  width: 39%;
  height: 1px;
  display: inline-block;
  vertical-align: top;
  background: #000000;
  background: -moz-linear-gradient(left, #e1a841 0%, #ecc785 57%, #ffffff 100%);
  background: -webkit-linear-gradient(left, #000000 0%, #676767 57%, #ffffff 100%);
  background: linear-gradient(to right, #000000 0%, #676767 57%, #ffffff 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e1a841', endColorstr='#ffffff', GradientType=1);
}
.products .product .separator .middle {
  display: inline-block;
  vertical-align: top;
  width: 10.5%;
  margin: 0 3%;
  height: 25px;
  position: relative;
  top: -13px;
  background: url("/template/default/images/product-logo.svg") no-repeat;
  background-size: auto 100%;
  background-position: top center;
}
.products .product .image {
  text-align: center;
  height: 260px;
  line-height: 260px;
  margin-bottom: 30px;
  background: white;
}
.products .product .image img {
  max-width: 100%;
  max-height: 90%;
}
.products .product .image .gallery-progress {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 4px;
  background-color: #181914;
  width: 0%;
}
.products .product .image .gallery-dots {
  position: absolute;
  bottom: 10px;
  left: 0;
  line-height: initial;
  width: 100%;
}
.products .product .image .gallery-dots .dot {
  display: inline-block;
  border: 1px solid #b7b7b7;
  background: white;
  width: 10px;
  height: 10px;
  border-radius: 50%;
}
.products .product .image .gallery-dots .dot.active {
  background: #181914;
  border: 1px solid #181914;
}
.products .product .name {
  height: 50px;
  display: table;
  text-align: center;
  width: 100%;
}
@media (max-width: 600px) {
  .products .product .name {
    height: auto;
  }
}
.products .product .name h3,
.products .product .name h2 {
  color: #181914;
  font-size: 16px;
  font-weight: 300;
  display: table-cell;
  vertical-align: middle;
  margin: 0;
  line-height: 24px;
}
@media (max-width: 991px) {
  .products .product .name h3,
  .products .product .name h2 {
    display: inline-block;
  }
}
.products .product .image-filter {
  background: rgba(0, 0, 0, 0.02);
  width: 100%;
  height: 260px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}
.products .product .description {
  color: #000000;
  font-size: 14px;
  line-height: 19px;
  height: 60px;
  text-align: center;
  display: table;
  width: 100%;
}
.products .product .description p {
  margin-bottom: 5px;
  display: table-cell;
  vertical-align: middle;
}
.products .product .price {
  color: black;
  text-align: center;
  margin-bottom: 10px;
  margin-top: 10px;
}
.products .product .price div {
  display: inline-block;
  vertical-align: top;
}
.products .product .price .now {
  font-size: 16px;
  font-weight: 500;
}
.products .product .price .before {
  color: black;
  text-decoration: line-through;
  font-size: 14px;
  margin-top: 1.5px;
  margin-right: 5px;
}
.products .product.card .name {
  display: block;
  overflow: hidden;
}
.callout {
  font-size: 16px;
  color: black;
  padding: 20px;
}
.callout h4 {
  margin-top: 0;
  font-weight: 600;
  margin-bottom: 0;
}
.callout p:last-child {
  margin-bottom: 0;
}
.callout.callout-danger {
  border-bottom: 5px solid #f35e5e;
  background: #fde9e6;
}
.callout.callout-warning {
  border-bottom: 5px solid #f35e5e;
  background: #fde9e6;
}
.callout.callout-info {
  border-bottom: 5px solid #0097bc;
  background: #0097bc;
}
.callout.callout-success {
  border-bottom: 5px solid #00733e;
  background: #e5ece9;
}
.not-found-page {
  background: #F6F4F6;
  padding-bottom: 15px;
}
.not-found-page .content {
  text-align: center;
  color: black;
  background: white;
  padding: 30px 0;
}
.not-found-page .content a {
  color: #237b6d;
}
.not-found-page .content p {
  margin: 0;
}
.not-found-page .content .logo {
  background: url("/template/default/images/raf3.png") no-repeat;
  width: 54px;
  height: 54px;
  margin: 10px auto 30px;
}
.holyday-banner {
  background: #F6F4F6;
}
.holyday-banner .text {
  text-align: center;
  color: #237B6D;
  padding: 15px 0;
  font-weight: bold;
}
.holyday-banner .text a {
  text-decoration: underline;
}
.articles a {
  text-decoration: none;
  color: inherit;
}
.articles a:hover {
  text-decoration: none;
  color: inherit;
}
.articles .article {
  margin-bottom: 50px;
}
@media (max-width: 767px) {
  .articles .article {
    text-align: center;
  }
}
.articles .article .image {
  overflow: hidden;
  height: 240px;
}
@media (max-width: 1200px) {
  .articles .article .image {
    height: 200px;
  }
}
.articles .article .image img {
  max-width: 100%;
  border: 2px solid #eff0ef;
  border-radius: 3px;
}
.articles .article .headline {
  height: 54px;
  line-height: 54px;
  margin: 20px 15px;
}
@media (max-width: 1200px) {
  .articles .article .headline {
    height: 84px;
    line-height: 84px;
  }
}
.articles .article .headline h3 {
  color: #e1a840;
  text-align: center;
  font-size: 17px;
  line-height: 27px;
  font-weight: bold;
  margin: 0;
  padding: 0;
  display: inline-block;
  vertical-align: middle;
}
.articles .article .anotation {
  margin: 20px 15px;
  text-align: center;
  line-height: 25px;
}
.articles-block .button {
  text-align: center;
  margin: 40px 0;
}
.articles-block h2 {
  margin-bottom: 60px;
}
.articles-block h2 span {
  background: white;
  position: relative;
  padding: 0 40px;
}
.articleDetail {
  padding-bottom: 60px !important;
}
.articleDetail h1 {
  margin-top: 15px;
  line-height: 40px;
  font-size: 28px;
}
.articleDetail .date {
  padding: 20px 0;
  color: #aeaeae;
}
.articleDetail .content {
  max-width: 600px;
  margin: 0 auto;
}
.articleDetail .content .image {
  margin-bottom: 30px;
}
.articleDetail .content .image img {
  max-width: 100%;
}
.articleDetail .content .text {
  line-height: 27px;
}
@media (max-width: 991px) {
  .pagination {
    margin-top: 0;
  }
}
@media (max-width: 991px) {
  .pagination li {
    display: inline-block;
  }
}
.pagi-nav {
  text-align: center;
}
.pagi-nav .page-item.active .page-link {
  background-color: #237b6d;
  border-color: #237b6d;
}
.pagi-nav .page-item .page-link {
  margin-bottom: 5px;
  padding: 10px 16px;
  margin: 0 2px;
  background: #EFEFEF;
  border: none;
  border-radius: 5px;
  font-size: 16px;
}
.pagi-nav .page-item .page-link:hover,
.pagi-nav .page-item .page-link.nextPrev {
  background-color: #237b6d;
  color: white;
}
.pagi-nav .page-item .page-link.nextPrev {
  font-size: 14px;
  padding: 11px 16px;
}
@media (max-width: 990px) {
  .pagi-nav .page-item .page-link {
    padding: 10px 17.7px;
    margin: 2px;
  }
}
.pagi-nav .page-item:first-of-type > a {
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
}
.pagi-nav .page-item:last-of-type > a {
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
}
.pagi-nav .page-item .shorter {
  background: #ddd;
}
@media (max-width: 990px) {
  .pagi-nav .page-item .nextPrev {
    width: 100%;
    display: block;
    margin: 5px 0;
  }
}
.control {
  display: block;
  position: relative;
  padding-left: 29px;
  margin-bottom: 9px;
  padding-top: 2px;
  cursor: pointer;
}
.control input {
  position: absolute;
  z-index: -1;
  opacity: 0;
}
.control input:focus ~ .control_indicator {
  background: #e6e6e6;
}
.control input:checked ~ .control_indicator {
  background: #237b6d;
}
.control input:checked ~ .control_indicator:after {
  display: block;
}
.control input:checked:focus ~ .control_indicator {
  background: #237b6d;
}
.control input:disabled ~ .control_indicator {
  background: #e6e6e6;
  opacity: 0.6;
  pointer-events: none;
}
.control:hover input ~ .control_indicator {
  background: #e6e6e6;
}
.control:hover input:not([disabled]):checked ~ .control_indicator {
  background: #237b6d;
}
.control_indicator {
  position: absolute;
  top: 2px;
  left: 0;
  height: 20px;
  width: 20px;
  background: #e6e6e6;
  border: 0px solid #000000;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -khtml-border-radius: 5px;
}
.control_indicator:after {
  box-sizing: unset;
  content: '';
  position: absolute;
  display: none;
}
.control-radio .control_indicator {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -khtml-border-radius: 5px;
}
.control-checkbox .control_indicator:after {
  left: 6px;
  top: 2.8px;
  width: 2px;
  height: 7px;
  border-width: 0 2px 2px 0;
  transform: rotate(10deg);
  content: '✔';
  color: white;
  font-size: 11px;
}
.control-checkbox input:disabled ~ .control_indicator:after {
  border-color: #7b7b7b;
}
.info-strip {
  position: relative;
  top: 10px;
  margin-top: 10px;
}
@media (max-width: 991px) {
  .info-strip {
    position: absolute;
    top: 0;
    margin-top: 0;
    font-size: 12px;
    font-weight: 400;
    line-height: 15px;
    text-align: center;
    background: #F4F4F4;
    padding: 8px 0;
    width: 100%;
    z-index: 11;
  }
}
.carousel-indicators {
  z-index: 9;
}
.termsfeed-com---nb {
  box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.3);
}
@keyframes progressBarAnimation {
  0% {
    width: 0%;
  }
  100% {
    width: 100%;
  }
}