@charset "UTF-8";
@import "grid.css";
/* Fonts */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
  display: block;
}

audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}

audio:not([controls]) {
  display: none;
}

/* ----------------------------------------------------------------------------------------------------- */
.content-section {
  background: #fff;
  padding: 75px 0 70px;
}
.content-section ~ .content-section {
  padding-top: 0;
}
.content-section h1,
.content-section h2,
.content-section h3,
.content-section h4,
.content-section h5,
.content-section h6 {
  font-weight: 300;
}
.content-section h2,
.content-section h3 {
  margin: 0;
}
.content-section p,
.content-section ol,
.content-section ul {
  color: #585559;
  line-height: 1.5;
}

.border-left {
  border-left: 5px solid;
  padding-left: 37px;
}
.border-left p:last-child,
.border-left ol:last-child,
.border-left ul:last-child {
  margin-bottom: 0;
}

.border-gold {
  border-color: #d4c09b;
}

.border-gray {
  border-color: #606060;
}

.mt-5 {
  margin-top: 3rem;
}

.mt-auto {
  margin-top: auto;
}

.text-uppercase {
  text-transform: uppercase;
}

html,
body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  font-weight: 400;
  font-size: 16px;
  line-height: 180%;
  color: #000;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  font-weight: 400;
  background: #fff;
  margin: 0;
  padding: 0;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}
html p,
body p {
  text-align: justify;
}

.full {
  width: 100%;
  clear: both;
  height: auto;
}

h1 {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  font-weight: 300;
  font-size: 48px;
  line-height: 1em;
  color: #000;
}

h2 {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  font-weight: 400;
  font-size: 39px;
  line-height: 1em;
  color: #000;
}

h3 {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  font-weight: 400;
  font-size: 27px;
  line-height: 1.3em;
  color: #000;
}

.thin {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  font-weight: 300;
}

.bold {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  font-weight: 700;
}

.thick {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  font-weight: 900;
}

.gold {
  color: #d4c09b;
}

.white {
  color: #fff;
}

.left {
  text-align: left;
}

.right {
  text-align: right;
}

.center {
  text-align: center;
}

.gray {
  color: #606060;
}

.darkgray {
  color: #585559;
}

.lightgray {
  color: #c9c9c9;
}

.textgray {
  color: #9c9897;
}

.nomargin {
  margin: 0;
  line-height: 1.1em;
}

body {
  overflow-x: hidden;
}
body.order-page #cart .order {
  display: none !important;
}

.clr-both {
  clear: both;
}

hr.gold {
  background: #d4c09b !important;
}

hr.short {
  width: 75px;
  height: 2px;
  background: #eee;
  border: none;
}

@keyframes bulb {
  0% {
    width: 20px;
    height: 20px;
    top: 0;
    left: 0;
    opacity: 1;
  }
  100% {
    width: 30px;
    height: 30px;
    top: -5px;
    left: -5px;
    opacity: 0;
  }
}
@media (min-width: 740px) and (max-width: 979.98px) {
  .md-1-4 {
    width: 25% !important;
    position: relative;
  }
  .md-2-4 {
    width: 50% !important;
    position: relative;
  }
}
@media (max-width: 739.98px) {
  .sm-1-4 {
    width: 25% !important;
    position: relative;
  }
  .sm-2-4 {
    width: 50% !important;
    position: relative;
  }
  nav#nav .logo img {
    width: 160px !important;
    margin: 0 !important;
  }
  nav#nav .row.row.uk-flex.uk-flex-middle {
    padding: 3px 0 !important;
  }
  nav#nav div.mobilemenubuttonlink {
    top: calc(50% - 16px) !important;
  }
  nav#nav div.mobilemenubuttonlink a {
    font-size: 33px;
  }
}
@media (max-width: 979.98px) and (orientation: landscape) {
  nav#nav .logo img {
    width: 160px !important;
    margin: 0 !important;
  }
  nav#nav .row.row.uk-flex.uk-flex-middle {
    padding: 3px 0 !important;
  }
  nav#nav div.mobilemenubuttonlink {
    top: calc(50% - 16px) !important;
  }
  nav#nav div.mobilemenubuttonlink a {
    font-size: 33px;
  }
}
@media (max-width: 979.98px) {
  .logo {
    text-align: center;
  }
  .cart {
    left: 0;
    right: initial !important;
  }
  nav div.mobilemenubuttonlink {
    right: 0 !important;
    top: calc(50% - 20px) !important;
  }
  nav#nav .main-nav .cart .cart-details {
    position: fixed;
    left: 0px;
    right: initial;
    top: 0px;
    margin: 0px;
    /* bottom: 0px; */
    max-width: 100% !important;
    min-width: 0 !important;
    max-height: 100vh;
    height: auto;
    display: block !important;
    -webkit-transition: 300ms;
    -o-transition: 300ms;
    transition: 300ms;
    font-size: 12px;
    overflow-y: auto;
  }
  nav#nav .main-nav .cart .cart-details.hidden {
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  nav#nav .main-nav .cart .cart-details .cart-table .cart-item > span:first-child {
    white-space: normal;
  }
  nav#nav .main-nav .cart .cart-details .cart-table .cart-item.cart-header > span {
    padding: 50px 5px 5px !important;
  }
  nav#nav .main-nav .cart .cart-details .close-btn {
    display: block;
    top: 15px;
    right: 15px;
    width: 24px;
    height: 24px;
    text-align: center;
    cursor: pointer;
  }
  nav#nav .main-nav .cart .cart-details .close-btn::after {
    display: block;
    content: "\f060";
    font-family: FontAwesome;
    font-size: 26px;
    line-height: 24px;
    color: #707070;
  }
  nav#nav .main-nav .cart .cart-details .close-btn:hover::after {
    color: #999999;
  }
  nav#nav .main-nav .cart .cart-details .empty-cart-info * {
    display: block;
    text-align: center;
  }
  nav#nav .main-nav .cart .cart-details .cart-table .cart-item.item::after {
    width: calc(100% - 10px);
    left: 5px;
  }
  nav#nav .main-nav .cart .cart-details .cart-table .cart-item > span:first-child {
    padding-left: 5px;
  }
  nav#nav .main-nav .cart .cart-details .cart-table .cart-item > span {
    padding: 5px 0;
  }
  nav#nav .main-nav .cart .cart-details .cart-table .cart-item > span:last-child {
    padding-right: 5px;
  }
  nav#nav .main-nav .cart .cart-details .cart-table .cart-item .delete i {
    font-size: 14px;
    -webkit-transform: translateY(2px);
    -ms-transform: translateY(2px);
    transform: translateY(2px);
  }
}
@media (max-width: 499.98px) and (orientation: portrait) {
  nav#nav .main-nav .cart .cart-details {
    min-width: 100% !important;
    width: 100% !important;
    max-width: 100% !important;
  }
}
#products-menu {
  position: absolute;
  left: 0;
  right: 0;
  min-height: 60vh;
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 90%, rgba(0, 0, 0, 0) 100%);
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 90%, rgba(0, 0, 0, 0) 100%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 90%, rgba(0, 0, 0, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#66000000", endColorstr="#00000000", GradientType=0);
}
@media (max-width: 979.98px) {
  #products-menu {
    display: none !important;
  }
}
#products-menu .categories-container {
  position: relative;
  top: 1px;
}
#products-menu .categories-container .active-mark {
  display: block;
  width: 4px;
  height: 18px;
  position: absolute;
  top: 21px;
  left: 40px;
  background-color: #d4c09b;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}
#products-menu .categories-container .category {
  width: 320px;
  background: #575358;
  color: #fff;
  margin: 0;
  float: none !important;
}
#products-menu .categories-container .category:first-child a.category-link::before {
  display: none;
}
#products-menu .categories-container .category a.category-link {
  text-transform: uppercase;
  color: #fff;
  font-weight: 400;
  width: 100%;
  height: 60px;
  padding: 0 10px 0 64px;
  font-size: 16px;
  line-height: 18px;
  text-decoration: none;
  display: flex;
  align-items: center;
  position: relative;
  overflow: hidden;
}
#products-menu .categories-container .category a.category-link::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  height: 170px;
  bottom: 100%;
  -webkit-box-shadow: 0px 20px 90px -60px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 20px 90px -60px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 20px 90px -60px rgba(0, 0, 0, 0.5);
}
#products-menu .categories-container .category a.category-link span {
  position: relative;
  opacity: 0.5;
}
#products-menu .categories-container .category a.category-link span::before {
  content: "";
  display: block;
  width: 4px;
  position: absolute;
  left: -24px;
  top: 0;
  bottom: 0;
  background-color: #fff;
  opacity: 0.25;
}
#products-menu .categories-container .category .products-container {
  position: absolute;
  top: 0;
  left: 320px;
  right: 0;
  background: #fff;
  color: #000;
  display: none;
}
#products-menu .categories-container .category .products-container::after {
  content: "";
  display: block;
  clear: both;
}
#products-menu .categories-container .category.active a.category-link span {
  opacity: 1;
}
#products-menu .categories-container .category.active .products-container {
  display: block;
}
@media (max-width: 1219.98px) {
  #products-menu .categories-container .active-mark {
    left: 20px;
  }
  #products-menu .categories-container .category {
    width: 280px;
  }
  #products-menu .categories-container .category a.category-link {
    padding: 0 10px 0 44px;
  }
  #products-menu .categories-container .category .products-container {
    left: 280px;
  }
}
#products-menu .products-container .product a.more {
  color: #000;
  text-transform: uppercase;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  font-weight: 400;
  font-size: 16px;
  line-height: 1;
  border: 2px solid #d4c09b;
  padding: 8px 10px;
  text-decoration: none;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}
#products-menu .products-container .product a.more:hover {
  background: #d4c09b;
}
#products-menu .products-container .all-in-category {
  float: left;
  width: 100%;
  text-align: center;
  text-transform: uppercase;
}
#products-menu .products-container .all-in-category a {
  width: 100%;
  display: block;
  background: #d4c09b;
  color: #000;
  text-decoration: none;
  font-size: 16px;
  line-height: 60px;
}
#products-menu .products-container.small .product {
  width: 50%;
  height: 120px;
  border-bottom: 1px solid #e1e1e1;
  border-right: 1px solid #e1e1e1;
  float: left;
  position: relative;
  padding: 0 40px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
#products-menu .products-container.small .product:nth-child(2n+1) {
  border-right: 1px solid #e1e1e1;
}
#products-menu .products-container.small .product.no-border {
  border-bottom: none;
}
#products-menu .products-container.small .product:first-child, #products-menu .products-container.small .product:nth-last-child(2), #products-menu .products-container.small .product:nth-last-child(1) {
  border-right: none;
}
#products-menu .products-container.small .product:first-child::after, #products-menu .products-container.small .product:nth-last-child(2)::after, #products-menu .products-container.small .product:nth-last-child(1)::after {
  content: "";
  display: block;
  width: 1px;
  height: 100px;
  background-color: #e1e1e1;
  position: absolute;
  right: 0;
}
#products-menu .products-container.small .product:first-child::after {
  top: 20px;
}
#products-menu .products-container.small .product:nth-last-child(2)::after, #products-menu .products-container.small .product:nth-last-child(1)::after {
  bottom: 20px;
}
#products-menu .products-container.small .product:nth-child(2n)::after {
  display: none !important;
}
#products-menu .products-container.small .product img {
  width: 80px;
  margin-right: 10px;
}
#products-menu .products-container.small .product .product-title {
  flex: 1 10 100%;
  font-size: 16px;
  line-height: 18px;
  margin-right: 10px;
}
#products-menu .products-container.small .product .product-title a {
  color: #000;
  text-transform: uppercase;
  text-decoration: none;
}
#products-menu .products-container.small .product .product-title hr {
  background: #d4c09b;
  width: 35px;
  height: 4px;
  margin: 5px 0;
}
@media (max-width: 1219.98px) {
  #products-menu .products-container.small .product {
    padding: 0 20px;
  }
}
#products-menu .products-container.big .product {
  width: 33.33333%;
  float: left;
  min-height: 360px;
  padding: 35px 10px 0;
  position: relative;
  text-align: center;
}
#products-menu .products-container.big .product img {
  width: 150px;
  display: block;
  margin: 0 auto 30px;
}
#products-menu .products-container.big .product .product-title {
  margin-left: 55px;
  padding-left: 10px;
  border-left: 4px solid #d4c09b;
  font-size: 16px;
  line-height: 18px;
  margin-bottom: 10px;
  text-align: left;
}
#products-menu .products-container.big .product .product-title a {
  text-decoration: none;
  color: #000;
}
#products-menu .products-container.big .product:last-child::after {
  display: none;
}
#products-menu .products-container.big .product::after {
  content: "";
  display: block;
  width: 1px;
  background-color: #e1e1e1;
  position: absolute;
  right: 0;
  top: 20px;
  bottom: 20px;
}
#products-menu .products-container.big::after {
  content: "";
  display: block;
  clear: both;
}
@media (max-width: 1219.98px) {
  #products-menu .products-container.big .product .product-title {
    margin-left: 15px;
  }
}
#products-menu .submenu-container {
  position: relative;
  background: #fff;
  border-style: solid;
  border-width: 5px 1px;
  border-color: #d4c09b #d9d9d9;
  /*
  > div {
  	position: relative;
  	margin: 0;
  	width: 33.333333%;
  	padding: 15px;
  	display: flex;
  	flex-direction: row;
  	align-items: flex-start;

  	&::before,
  	&::after {
  		content: '';
  		display: block;
  		background: #e4e4e4;
  		position: absolute;
  		right: 0;
  		bottom: 0;
  	}
  	&::before { left: 0; height: 1px; }
  	&::after { top: 0; width: 1px; }
  	&:nth-child(3n)::after,
  	&:nth-last-child(-n+3)::before { display: none; }
  	&:nth-child(3n+1)::before {
  		background: -webkit-linear-gradient(left,      rgba(228,228,228,0) 0%, rgba(228,228,228,0) 5%, rgba(228,228,228,1) 20%, rgba(228,228,228,1) 100%);
  		background:    -moz-linear-gradient(left,      rgba(228,228,228,0) 0%, rgba(228,228,228,0) 5%, rgba(228,228,228,1) 20%, rgba(228,228,228,1) 100%);
  		background:         linear-gradient(to right,  rgba(228,228,228,0) 0%, rgba(228,228,228,0) 5%, rgba(228,228,228,1) 20%, rgba(228,228,228,1) 100%);
  		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00e4e4e4', endColorstr='#e4e4e4',GradientType=1 );
  	}
  	&:nth-child(3n)::before {
  		background: -webkit-linear-gradient(left,      rgba(228,228,228,1) 0%, rgba(228,228,228,1) 80%, rgba(228,228,228,0) 95%, rgba(228,228,228,0) 100%);
  		background:    -moz-linear-gradient(left,      rgba(228,228,228,1) 0%, rgba(228,228,228,1) 80%, rgba(228,228,228,0) 95%, rgba(228,228,228,0) 100%);
  		background:         linear-gradient(to right,  rgba(228,228,228,1) 0%, rgba(228,228,228,1) 80%, rgba(228,228,228,0) 95%, rgba(228,228,228,0) 100%);
  		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4e4e4', endColorstr='#00e4e4e4',GradientType=1 );
  	}
  	&:nth-child(-n+3)::after {
  		background: -webkit-linear-gradient(top,        rgba(228,228,228,0) 0%, rgba(228,228,228,0) 10%, rgba(228,228,228,1) 40%, rgba(228,228,228,1) 100%);
  		background:    -moz-linear-gradient(top,        rgba(228,228,228,0) 0%, rgba(228,228,228,0) 10%, rgba(228,228,228,1) 40%, rgba(228,228,228,1) 100%);
  		background:         linear-gradient(to bottom,  rgba(228,228,228,0) 0%, rgba(228,228,228,0) 10%, rgba(228,228,228,1) 40%, rgba(228,228,228,1) 100%);
  		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00e4e4e4', endColorstr='#e4e4e4',GradientType=0 );
  	}
  	&:nth-last-child(-n+3)::after {
  		background: -webkit-linear-gradient(top,        rgba(228,228,228,1) 0%, rgba(228,228,228,1) 60%, rgba(228,228,228,0) 90%, rgba(228,228,228,0) 100%);
  		background:    -moz-linear-gradient(top,        rgba(228,228,228,1) 0%, rgba(228,228,228,1) 60%, rgba(228,228,228,0) 90%, rgba(228,228,228,0) 100%);
  		background:         linear-gradient(to bottom,  rgba(228,228,228,1) 0%, rgba(228,228,228,1) 60%, rgba(228,228,228,0) 90%, rgba(228,228,228,0) 100%);
  		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4e4e4', endColorstr='#00e4e4e4',GradientType=0 );
  	}

  	img {
  		width: 80px;
  		min-width: 80px;
  	}
  	h1 {
  		font-size: 16px;
  		font-family: Lato;
  		font-weight: 300;
  		color: #000;
  		padding: 0 10px;
  		margin: 20px 0 0;

  		&.big span {
  			font-family: HF-400;
  			color: $gold;
  			text-transform: uppercase;
  		}
  		&.mini {
  			font-style: italic;

  			span {
  				text-transform: uppercase;
  				font-style: normal;
  			}
  		}
  	}
  	a:hover { text-decoration: none; }
  	a.more {
  		color: #000;
  		text-transform: uppercase;
  		font-family: Lato;
  		font-weight: 400;
  		font-size: 16px;
  		border: 2px solid $gold;
  		padding: 5px 10px;
  		margin: 20px 0 0 auto;

  		&:hover {
  			background: $gold;
  			text-decoration: none;
  		}
  	}
  	@media (max-width: 1219.98px) {
  		padding: 5px;

  		img {
  			width: 70px;
  			min-width: 70px;
  		}
  		h1 {
  			margin: 5px 0 0;
  			padding: 0 5px;
  		}
  		a.more { padding: 3px 6px; }
  	}
  }
  */
}

.navover {
  width: 100%;
  height: 5px;
  background: #585559;
}

nav {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 999;
  border-bottom: 1px solid #d4c09b;
  background: #585559;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
  clear: both;
}
nav .row.row.uk-flex.uk-flex-middle {
  padding: 10px 0 10px 0;
}
nav .logo img {
  width: 218px !important;
  max-width: 100% !important;
  margin: 10px 0;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}
nav.uk-active {
  position: fixed;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}
nav.uk-active .logo img {
  width: 80%;
  margin: 5px 0;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}
@media (min-width: 480px) and (max-width: 739.98px) {
  nav .logo img {
    max-width: 60%;
  }
}
@media (max-width: 739.98px) and (orientation: landscape) {
  nav .logo img {
    max-width: 40%;
  }
}
nav .main-nav {
  position: relative;
}
nav .main-nav .cart {
  position: absolute;
  right: -26px;
  top: calc(50% - 15px);
  cursor: pointer;
}
nav .main-nav .cart.not-empty .cart-items-count,
nav .main-nav .cart.not-empty #not-empty-cart {
  display: block;
}
nav .main-nav .cart.not-empty #empty-cart {
  display: none;
}
nav .main-nav .cart.empty .cart-items-count,
nav .main-nav .cart.empty #not-empty-cart {
  display: none;
}
nav .main-nav .cart.empty #empty-cart {
  display: block;
}
nav .main-nav .cart.empty .cart-details::before {
  border-bottom: 10px solid #e1e1e1;
}
nav .main-nav .cart .cart-items-count {
  display: none;
  position: absolute;
  top: -4px;
  right: -14px;
  color: #585559;
  background-color: #ffffff;
  font-size: 11px;
  line-height: 20px;
  width: 20px;
  height: 20px;
  text-align: center;
  border-radius: 50%;
}
nav .main-nav .cart .cart-items-count.animation::after {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 0;
  left: 0;
  border: 2px solid white;
  border-radius: 50%;
  opacity: 1;
  animation: bulb 300ms ease-out;
}
nav .main-nav .cart .cart-details {
  position: absolute;
  right: -78px;
  z-index: 9;
  margin-top: 10px;
  min-width: 650px;
  min-height: 100px;
  background-color: #ffffff;
  cursor: default;
  -webkit-box-shadow: 0px 10px 30px -10px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 10px 30px -10px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 10px 30px -10px rgba(0, 0, 0, 0.1);
}
nav .main-nav .cart .cart-details .count {
  min-width: 80px;
}
nav .main-nav .cart .cart-details .price {
  min-width: 160px;
}
nav .main-nav .cart .cart-details .name {
  padding-right: 4px !important;
  line-height: 1;
}
@media (max-width: 979.98px) {
  nav .main-nav .cart .cart-details {
    width: auto;
  }
  nav .main-nav .cart .cart-details .count {
    min-width: 50px;
  }
  nav .main-nav .cart .cart-details .price {
    min-width: 100px;
  }
}
nav .main-nav .cart .cart-details::before {
  content: "";
  display: block;
  position: absolute;
  top: -9px;
  right: 78px;
  width: 0;
  height: 0;
  border-bottom: 10px solid #d4c09b;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
}
nav .main-nav .cart .cart-details .close-btn {
  position: absolute;
}
nav .main-nav .cart .cart-details em {
  color: #000000;
}
nav .main-nav .cart .cart-details .cart-table {
  display: table;
  white-space: nowrap;
  width: 100%;
}
nav .main-nav .cart .cart-details .cart-table .cart-item {
  display: table-row;
}
nav .main-nav .cart .cart-details .cart-table .cart-item.cart-header {
  background-color: #d4c09b;
  color: #585559;
  text-transform: uppercase;
}
nav .main-nav .cart .cart-details .cart-table .cart-item.cart-header > span {
  padding: 10px;
}
nav .main-nav .cart .cart-details .cart-table .cart-item.item {
  position: relative;
}
nav .main-nav .cart .cart-details .cart-table .cart-item.item::after {
  content: "";
  display: block;
  width: calc(100% - 40px);
  height: 1px;
  background: #ececec;
  position: absolute;
  left: 20px;
  bottom: 0;
}
nav .main-nav .cart .cart-details .cart-table .cart-item.item i {
  cursor: pointer;
}
nav .main-nav .cart .cart-details .cart-table .cart-item.cart-summary .name {
  text-transform: uppercase;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  font-weight: 400;
}
nav .main-nav .cart .cart-details .cart-table .cart-item.cart-summary .count,
nav .main-nav .cart .cart-details .cart-table .cart-item.cart-summary .price {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  font-weight: 700;
}
nav .main-nav .cart .cart-details .cart-table .cart-item > span {
  display: table-cell;
  padding: 5px 10px;
  text-align: center;
  font-weight: 300;
}
nav .main-nav .cart .cart-details .cart-table .cart-item > span:first-child {
  text-align: left;
  padding-left: 20px;
}
nav .main-nav .cart .cart-details .cart-table .cart-item > span:last-child {
  padding-right: 20px;
}
nav .main-nav .cart .cart-details .cart-table .cart-item > span.price span:last-child {
  padding-left: 4px;
}
nav .main-nav .cart .cart-details .cart-table .cart-item > span.count {
  position: relative;
}
nav .main-nav .cart .cart-details .cart-table .cart-item > span.count .cart-popup-minus,
nav .main-nav .cart .cart-details .cart-table .cart-item > span.count .cart-popup-plus {
  width: 16px;
  height: 16px;
  background: #585559;
  line-height: 16px;
  position: absolute;
  top: 12px;
  cursor: pointer;
  text-align: center;
  color: #fff;
  font-size: 10px;
}
nav .main-nav .cart .cart-details .cart-table .cart-item > span.count .cart-popup-minus:hover,
nav .main-nav .cart .cart-details .cart-table .cart-item > span.count .cart-popup-plus:hover {
  background: #9c9897;
}
nav .main-nav .cart .cart-details .cart-table .cart-item > span.count .cart-popup-minus {
  left: 0;
}
nav .main-nav .cart .cart-details .cart-table .cart-item > span.count .cart-popup-minus.btn-disabled {
  background: #eee;
  cursor: default;
  color: #585559;
}
nav .main-nav .cart .cart-details .cart-table .cart-item > span.count .cart-popup-plus {
  right: 0;
}
nav .main-nav .cart .cart-details .cart-link {
  text-align: right;
  margin-top: 10px;
  background-color: #ebebeb;
}
nav .main-nav .cart .cart-details .cart-link a {
  color: #ffffff;
  background-color: #585559;
  padding: 5px 60px;
  display: inline-block;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
  white-space: nowrap;
  font-weight: 300;
}
nav .main-nav .cart .cart-details .cart-link a:hover {
  background-color: #9c9897;
  text-decoration: none;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}
nav .main-nav .cart .cart-details:after {
  content: "";
  display: block;
  clear: both;
}
nav .main-nav .cart .cart-details #empty-cart .cart-header {
  background-color: #e1e1e1;
}
nav .main-nav .cart .cart-details .empty-cart-info {
  white-space: nowrap;
  padding: 20px;
}
nav .main-nav .cart .cart-details .empty-cart-info a {
  color: #ffffff;
  background-color: #d4c09b;
  padding: 5px 20px;
  display: inline-block;
  -webkit-transition: 300ms;
  -o-transition: 300ms;
  transition: 300ms;
  white-space: nowrap;
  margin-left: 20px;
}
nav .main-nav .cart .cart-details .empty-cart-info a:hover {
  background-color: #585559;
  text-decoration: none;
  -webkit-transition: 300ms;
  -o-transition: 300ms;
  transition: 300ms;
}
nav .lg-1 ul.topmenu li {
  width: 32px;
  padding: 0;
  margin-left: auto;
  display: block;
}
nav ul.topmenu {
  margin: 0;
  padding: 0;
  display: block;
  text-align: center;
  list-style-type: none;
}
nav ul.topmenu li {
  display: inline-block;
  padding: 0 1.5em;
  margin: 0;
}
nav ul.topmenu li a,
nav ul.topmenu li a:link,
nav ul.topmenu li a:visited {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  font-weight: 300;
  font-size: 16px;
  line-height: 1.4em;
  color: #d4c09b;
  display: block;
  text-align: center;
  margin: 0 0 4px 0;
  text-decoration: none;
  text-transform: uppercase;
}
nav ul.topmenu li a::after,
nav ul.topmenu li a:link::after,
nav ul.topmenu li a:visited::after {
  content: "";
  width: 0%;
  display: block;
  height: 1px;
  background: #d4c09b;
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}
nav ul.topmenu li a:hover,
nav ul.topmenu li a:link:hover,
nav ul.topmenu li a:visited:hover {
  text-decoration: none;
}
nav ul.topmenu li a:hover:after,
nav ul.topmenu li a:link:hover:after,
nav ul.topmenu li a:visited:hover:after {
  content: "";
  width: 100%;
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}
@media (min-width: 740px) and (max-width: 1219.98px) {
  nav ul.topmenu li {
    padding: 0 10px;
  }
}
nav div.mobilemenubuttonlink {
  position: absolute;
  right: 10px;
  top: 15px;
}
nav div.mobilemenubuttonlink a {
  font-size: 40px;
  color: #d4c09b;
  text-decoration: none;
}
nav div.mobilemenubuttonlink a:hover {
  color: #fff;
}
nav.uk-active div.mobilemenubuttonlink {
  top: 5px;
}
nav .added-to-cart-info {
  background: #fff;
  border-left: 10px solid #d4c09b;
  font-size: 16px;
  line-height: 1;
  font-weight: 400;
  text-transform: uppercase;
  white-space: nowrap;
  padding: 10px 20px;
  position: absolute;
  top: calc(100% + 10px);
  right: -78px;
  cursor: default;
  -webkit-box-shadow: 0px 10px 30px -10px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 10px 30px -10px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 10px 30px -10px rgba(0, 0, 0, 0.1);
  opacity: 0;
}
nav .added-to-cart-info.animation {
  -webkit-animation-name: addedInfo;
  animation-name: addedInfo;
  -webkit-animation-duration: 4s;
  animation-duration: 4s;
}
@keyframes addedInfo {
  0% {
    opacity: 0;
  }
  8% {
    opacity: 1;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-moz-keyframes addedInfo {
  0% {
    opacity: 0;
  }
  8% {
    opacity: 1;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
nav .added-to-cart-info::before {
  content: "";
  width: 0;
  height: 0;
  display: block;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #fff;
  position: absolute;
  top: -9px;
  right: 78px;
}
@media (max-width: 979.98px) {
  nav .added-to-cart-info {
    right: auto;
    left: -6px;
  }
  nav .added-to-cart-info::before {
    right: auto;
    left: 0;
  }
}
@media (max-width: 739.98px) {
  nav .added-to-cart-info {
    max-width: calc(100vw - 38px);
    white-space: normal;
    position: fixed;
    left: 18px;
    top: 42px;
  }
}
@media (max-width: 339.98px) {
  nav .added-to-cart-info {
    max-width: 304px;
    left: calc(50vw - 152px);
  }
}
@media (max-width: 319.98px) {
  nav .added-to-cart-info {
    max-width: calc(100vw - 16px);
    left: 8px;
  }
}

nav div.podmenu {
  position: absolute !important;
  z-index: -5;
  top: 0;
  background: #585559;
  margin: -30px 0 0 0;
  border-bottom: 1px solid #d4c09b;
  clear: both;
}
nav div.podmenu ul {
  padding: 60px 0 40px 0;
}

#mobilepanel ul {
  padding: 0;
  list-style-type: none;
}
#mobilepanel ul li {
  padding: 0;
  display: block;
}
#mobilepanel ul li a {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  font-weight: 400;
  font-size: 13px;
  line-height: 1.4em;
  color: #d4c09b;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  display: block;
  text-align: left;
  margin: 0 0 4px 0;
  text-decoration: none;
}

/* ---------------------------------------------------------------------------------------------------------------------- header - banner */
header {
  position: relative;
  z-index: 5;
}
header h1 {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  color: #fff;
  margin: 30px 0 20px;
}
header ul {
  font-size: 18px;
  font-weight: 300;
  color: #fff;
  line-height: 1.2;
  list-style-type: square;
  padding: 5px 90px 5px 30px;
  background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.5) 20%, rgba(0, 0, 0, 0) 95%, rgba(0, 0, 0, 0) 100%);
  background: -moz-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.5) 20%, rgba(0, 0, 0, 0) 95%, rgba(0, 0, 0, 0) 100%);
  background: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.5) 20%, rgba(0, 0, 0, 0) 95%, rgba(0, 0, 0, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#80000000", endColorstr="#00000000", GradientType=1);
}
header ul li {
  padding: 5px 0;
}

section.header {
  background-color: #726d71;
  background-image: url(https://web.nanoil.store/assets/img/headerbg_xl.webp);
  background-repeat: no-repeat;
  background-size: auto 830px;
  background-position-x: calc(50% - 250px);
  background-position-y: bottom;
  padding-top: 75px;
  min-height: 600px;
  padding-bottom: 150px;
  box-sizing: content-box;
  position: relative;
  z-index: 5;
}
section.header::after {
  content: "";
  display: block;
  height: 300px;
  background: #fff;
  position: absolute;
  bottom: -200px;
  left: 0;
  right: 0;
  z-index: -1;
  border-top: 14px solid #d4c09b;
  -webkit-transform: skewY(2.5deg);
  -ms-transform: skewY(2.5deg);
  transform: skewY(2.5deg);
}
section.header .packshot {
  position: absolute;
  bottom: -45px;
  left: calc(50% + 280px);
}
section.header.np ul li:first-child, section.header.sp ul li:first-child, section.header.wp ul li:first-child {
  font-weight: 700;
  list-style-type: none;
}

@media (max-width: 1659.98px) {
  section.header {
    background-size: auto 660px;
    background-position-x: calc(50% - 140px);
    background-position-y: calc(100% - 60px);
    min-height: 510px;
    background-image: url(https://web.nanoil.store/assets/img/headerbg_lg.webp);
  }
  section.header ul {
    padding: 5px 110px 5px 30px;
  }
  section.header .col {
    width: 45% !important;
  }
  section.header .packshot {
    bottom: -10px;
    left: calc(50% + 150px);
    width: 330px;
  }
}
@media (max-width: 1219.98px) {
  section.header {
    min-height: 480px;
  }
  section.header h1 {
    font-size: 42px;
  }
  section.header .col {
    width: 50% !important;
  }
  section.header .packshot {
    bottom: 0;
    width: 310px;
  }
}
@media (max-width: 979.98px) {
  section.header {
    background-size: auto 580px;
    background-position-x: calc(50% - 50px);
    background-position-y: calc(100% - 20px);
    min-height: 440px;
    padding-bottom: 90px;
    background-image: url(https://web.nanoil.store/assets/img/headerbg_md.webp);
  }
  section.header h1 {
    font-size: 32px;
  }
  section.header ul {
    padding: 5px 70px 5px 30px;
  }
  section.header .col {
    width: 60% !important;
    margin-left: 25% !important;
  }
  section.header .packshot {
    bottom: -20px;
    width: 270px;
    left: calc(50% + 110px);
  }
  section.header::after {
    border-top: 10px solid #d4c09b;
    bottom: -240px;
  }
}
@media (max-width: 979.98px) and (orientation: landscape) {
  section.header {
    padding-top: 37px;
    min-height: 260px;
    background-size: auto 360px;
    background-position-x: calc(50% - 140px);
    background-image: url(https://web.nanoil.store/assets/img/headerbg_md_l.webp);
  }
  section.header h1 {
    margin: 15px 0;
  }
  section.header ul {
    padding: 0 20px 0 25px;
    font-size: 16px;
  }
  section.header ul li {
    padding: 2px 0;
  }
  section.header .packshot {
    width: 170px;
    bottom: -5px;
    left: calc(50% + 190px);
  }
}
@media (max-width: 739.98px) {
  section.header {
    padding-top: 37px;
    min-height: 70px;
    padding-bottom: 250px;
    background-size: auto 400px;
    background-position-y: calc(100% - 10px);
    background-image: url(https://web.nanoil.store/assets/img/headerbg_sm.webp);
  }
  section.header h1 {
    font-size: 22px;
    margin: 0;
    line-height: 1.2;
  }
  section.header .col {
    float: none !important;
    margin: 15px 0 0 auto !important;
  }
  section.header .packshot {
    left: calc(50% + 50px);
    width: 180px;
  }
  section.header::after {
    border-top: 7px solid #d4c09b;
    bottom: -260px;
  }
}
@media (max-width: 739.98px) and (orientation: landscape) {
  section.header {
    background-size: auto 270px;
    background-position-x: calc(50% - 90px) !important;
    padding-bottom: 170px !important;
    background-image: url(https://web.nanoil.store/assets/img/headerbg_sm_l.webp);
  }
  section.header .col {
    margin: 15px 80px 0 auto !important;
    width: 55% !important;
  }
  section.header .packshot {
    left: calc(100% - 130px);
    width: 120px;
  }
}
@media (max-width: 499.98px) {
  section.header {
    background-position-x: 50%;
    padding-bottom: 260px;
    background-position-y: calc(100% - 40px);
  }
  section.header h1 {
    font-size: 18px;
    margin: 0;
    text-align: right;
  }
  section.header .col {
    margin: 10px 0 0 auto !important;
    width: 85% !important;
  }
  section.header .packshot {
    bottom: -10px;
    left: calc(100% - 200px);
  }
  section.header::after {
    bottom: -250px;
  }
}
/* ---------------------------------------------------------------------------------------------------------------------- end header */
/* ---------------------------------------------------------------------------------------------------------------------- after header */
section.after-header {
  position: relative;
  z-index: 9;
  padding-bottom: 30px;
}
section.after-header::before {
  content: "";
  display: block;
  position: absolute;
  left: -20px;
  right: 47%;
  top: 0;
  bottom: 50px;
  z-index: -1;
  background: #eee;
  -webkit-transform: skewY(2.5deg);
  -ms-transform: skewY(2.5deg);
  transform: skewY(2.5deg);
}
section.after-header .row {
  padding: 80px 0 40px;
  position: relative;
}
section.after-header .row::before {
  content: "";
  display: block;
  height: 5px;
  background: #d4c09b;
  position: absolute;
  width: 60%;
  bottom: 57px;
  left: calc(1.04166667% + 20px);
}
section.after-header h4 {
  font-size: 28px;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  font-weight: 300;
  color: #000;
  text-transform: uppercase;
  line-height: 1.2;
  padding: 3px 20px;
  cursor: pointer;
}
section.after-header .right-side {
  text-align: right;
}
section.after-header .right-side h4 {
  background: #585559;
  color: #fff;
  text-align: center;
  position: relative;
  padding: 20px;
}
section.after-header .right-side h4::before {
  content: "";
  display: block;
  height: 5px;
  background: #d4c09b;
  position: absolute;
  width: 60%;
  top: -5px;
  right: 0;
}
section.after-header .right-side button {
  background: none;
  border: none;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  font-weight: 300;
  font-size: 28px;
  line-height: 40px;
  color: #000;
  padding-right: 25px;
  margin-right: 30px;
  position: relative;
  text-transform: uppercase;
  cursor: pointer;
}
section.after-header .right-side button::after {
  content: ">";
  position: absolute;
  right: 0;
  transform: scaleY(1.6);
}
@media (max-width: 979.98px) {
  section.after-header .row {
    padding: 50px 0 30px;
  }
  section.after-header .row::before {
    bottom: 46px;
  }
  section.after-header h4 {
    margin-bottom: 10px;
  }
}
@media (max-width: 739.98px) {
  section.after-header .row {
    padding: 40px 0 20px;
  }
  section.after-header .row::before {
    display: none;
  }
  section.after-header .row .left-side h4 {
    padding: 0;
  }
  section.after-header .row .right-side button {
    margin-right: 0;
  }
  section.after-header h4 {
    font-size: 24px;
  }
  section.after-header .right-side h4 {
    margin-bottom: 10px;
    padding: 10px;
  }
  section.after-header .right-side button {
    line-height: 1.2;
    font-size: 24px;
  }
}
@media (max-width: 499.98px) {
  section.after-header::before {
    right: 0;
  }
  section.after-header .row {
    padding: 20px 0;
  }
  section.after-header .row .left-side h4 {
    padding: 0;
  }
  section.after-header .row .right-side h4 {
    margin-bottom: 0;
  }
  section.after-header h4,
section.after-header .right-side button {
    font-size: 22px;
  }
}

/* ---------------------------------------------------------------------------------------------------------------------- end after header */
/* ---------------------------------------------------------------------------------------------------------------------- horizontal breaks */
section.breaks {
  background: #585559;
  background: -webkit-linear-gradient(left, #585559 50%, #f6f6f6 50%);
  background: -moz-linear-gradient(left, #585559 50%, #f6f6f6 50%);
  background: linear-gradient(to right, #585559 50%, #f6f6f6 50%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="$darkgray", endColorstr="#f6f6f6", GradientType=1);
  width: 100%;
  position: relative;
}
section.breaks::before {
  content: "";
  display: block;
  width: 40%;
  height: 5px;
  background: #d4c09b;
  position: absolute;
  right: 0;
  top: 10px;
}
section.breaks div.b-left {
  background: #585559;
  padding: 0 0 30px 0;
  position: relative;
}
section.breaks div.b-left::after {
  content: "";
  display: block;
  width: 125%;
  height: 5px;
  background: #d4c09b;
  position: absolute;
  left: 0;
  bottom: 10px;
}
section.breaks div.b-left h3 {
  text-transform: uppercase;
  color: #fff;
  margin: 60px 0 40px 0;
}
section.breaks div.b-left h3 .gold {
  color: #d4c09b;
}
@media (max-width: 739.98px) {
  section.breaks div.b-left hr.boldgold {
    display: none;
  }
  section.breaks div.b-left h3 {
    text-align: center;
    margin: 30px auto 0 auto;
    font-size: 23px;
  }
}
@media (width: 740px) {
  section.breaks div.b-left {
    display: flex;
    align-items: center;
  }
}
section.breaks div.b-right {
  text-align: center;
  background: #f6f6f6 top left no-repeat;
  background-size: cover;
}
section.breaks div.b-right.nobg {
  background-image: none;
}
@media (min-width: 980px) and (max-width: 1219.98px) {
  section.breaks div.b-right {
    width: 64.58333333% !important;
  }
}
section.breaks div.b-right h3 {
  margin-top: 2em;
}
@media (max-width: 1219.98px) {
  section.breaks div.b-right {
    background-image: none;
  }
}
@media (min-width: 740px) and (max-width: 979.98px) {
  section.breaks div.b-right h3 {
    margin-bottom: 0;
  }
}

@media (max-width: 739.98px) {
  section.breaks {
    background: #fff;
  }
  section.breaks > div.row {
    width: 100%;
  }
  section.breaks::before,
section.breaks div.b-left::after {
    display: none;
  }
}
section.breaks.main div.b-left h3 .gold {
  color: #d4c09b;
}
@media (max-width: 979.98px) and (min-width: 740px) {
  section.breaks.main div.b-left h3 {
    margin-top: 124px;
  }
}
@media (width: 740px) {
  section.breaks.main div.b-left h3 {
    margin-top: 0;
  }
}

/* ---------------------------------------------------------------------------------------------------------------------- end horizontal breaks */
/* ---------------------------------------------------------------------------------------------------------------------- fixed woman */
section.woman {
  width: 100%;
  padding: 30px 0;
  /* background: #fff no-repeat; */
  /* background-position-x: calc(50% + 400px); */
  /* background-position-y: 67%; */
  /* background-attachment: fixed; */
}
section.woman h2 {
  font-size: 44px;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  font-weight: 300;
  line-height: 1.1;
}
section.woman h5 {
  font-size: 28px;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  font-weight: 300;
  line-height: 1.2;
  color: #585559;
}
section.woman .love-section {
  margin-top: -25px;
  margin-bottom: 30px;
  padding-right: 10px;
}
section.woman .love-section .img-container {
  max-width: 465px;
  margin: 0 auto;
  -webkit-transform: skewY(2.5deg);
  -ms-transform: skewY(2.5deg);
  transform: skewY(2.5deg);
}
section.woman .love-section .img-container img {
  margin-top: 1.04166667%;
  margin-bottom: 1.04166667%;
}
section.woman .love-section .img-container::after {
  content: "";
  display: block;
  clear: both;
}
section.woman .love-section .hashtag {
  text-align: center;
  position: relative;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  font-size: 22px;
  text-transform: uppercase;
  padding: 30px 0 30px 20px;
  margin: 0 auto;
  max-width: 465px;
}
section.woman .love-section .hashtag span {
  color: #8f8f8f;
  font-size: 70px;
  line-height: 30px;
  position: relative;
  top: 20px;
  left: 5px;
}
section.woman .love-section .hashtag::before, section.woman .love-section .hashtag::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 20px;
}
section.woman .love-section .hashtag::before {
  width: 3px;
  top: -130px;
  background: -moz-linear-gradient(top, rgba(212, 192, 155, 0) 0%, rgb(212, 192, 155) 65%, rgb(212, 192, 155) 100%);
  background: -webkit-linear-gradient(top, rgba(212, 192, 155, 0) 0%, rgb(212, 192, 155) 65%, rgb(212, 192, 155) 100%);
  background: linear-gradient(to bottom, rgba(212, 192, 155, 0) 0%, rgb(212, 192, 155) 65%, rgb(212, 192, 155) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00d4c09b", endColorstr="#d4c09b", GradientType=0);
}
section.woman .love-section .hashtag::after {
  height: 3px;
  right: 0;
  background: -moz-linear-gradient(left, rgb(212, 192, 155) 0%, rgb(212, 192, 155) 35%, rgba(212, 192, 155, 0) 100%);
  background: -webkit-linear-gradient(left, rgb(212, 192, 155) 0%, rgb(212, 192, 155) 35%, rgba(212, 192, 155, 0) 100%);
  background: linear-gradient(to right, rgb(212, 192, 155) 0%, rgb(212, 192, 155) 35%, rgba(212, 192, 155, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#d4c09b", endColorstr="#00d4c09b", GradientType=1);
}
@media (min-width: 740px) and (max-width: 979.98px) {
  section.woman {
    background-position-x: calc(70% + 260px);
  }
}
@media (max-width: 739.98px) {
  section.woman {
    /* background: #fff; */
    /* background-image: none !important; */
  }
  section.woman h2 {
    font-size: 32px;
  }
  section.woman h5 {
    font-size: 24px;
  }
}
@media (max-width: 499.98px) {
  section.woman .love-section {
    margin-top: -60px;
  }
  section.woman .love-section .hashtag {
    font-size: 16px;
    padding: 30px 0;
  }
  section.woman .love-section .hashtag .heart {
    width: 20px;
    margin-top: -3px;
  }
  section.woman .love-section .hashtag span {
    font-size: 50px;
    line-height: 10px;
    top: 15px;
  }
  section.woman .love-section .hashtag .gradient-logo {
    width: 200px;
  }
  section.woman .love-section .hashtag::before {
    display: none;
  }
  section.woman .love-section .hashtag::after {
    left: 0;
    background: #d4c09b !important;
  }
}

/* ---------------------------------------------------------------------------------------------------------------------- end woman */
/* ---------------------------------------------------------------------------------------------------------------------- works */
section.works {
  width: 100%;
  padding: 30px 0 50px;
  background: #f6f5f3;
}
section.works img {
  margin-top: 20px;
}
section.works h2 {
  margin-top: 30px;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  font-weight: 300;
  font-size: 44px;
  line-height: 1.1;
}
section.works .row {
  position: relative;
}
section.works .row::before {
  content: "";
  display: block;
  width: 60%;
  height: 4px;
  background: #d4c09b;
  position: absolute;
  bottom: -50px;
  left: 12px;
}
@media (max-width: 979.98px) {
  section.works img {
    min-width: 250px;
    width: 50%;
    max-width: 400px;
    margin: auto;
    display: block;
  }
}
@media (max-width: 739.98px) {
  section.works h2 {
    font-size: 32px;
  }
}

/* ---------------------------------------------------------------------------------------------------------------------- end works */
/* ---------------------------------------------------------------------------------------------------------------------- products */
section.products {
  width: 100%;
  padding: 80px 0 100px;
  background: #fff;
}
section.products.category-products {
  padding: 140px 0 100px;
}
section.products h2 {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  font-weight: 300;
  font-size: 44px;
  line-height: 1.1;
  margin-bottom: 50px;
}
section.products h2 span {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  font-weight: 700;
  display: block;
}
section.products .add-to-cart-btn {
  float: none;
  position: relative;
  z-index: 99;
}
@media (max-width: 979.98px) {
  section.products h3 {
    font-size: 40px;
  }
  section.products h3 span.thin {
    font-size: 34px;
  }
}
@media (max-width: 739.98px) {
  section.products {
    padding: 50px 0 100px;
  }
  section.products.category-products {
    padding: 70px 0 100px;
  }
  section.products.category-products h2 {
    margin-bottom: 30px;
  }
  section.products h2 {
    font-size: 32px;
  }
  section.products h3 {
    font-size: 38px;
    line-height: 1;
  }
  section.products h3 span.thin {
    font-size: 30px;
  }
}
@media (max-width: 499.98px) {
  section.products h3 {
    font-size: 28px;
    line-height: 1;
  }
  section.products h3 span.thin {
    font-size: 20px;
  }
}
section.products .products-grid-container {
  position: relative;
  z-index: 9;
}
section.products .products-grid-container::before, section.products .products-grid-container::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 100px;
  bottom: 100px;
  z-index: -1;
  background-repeat: no-repeat;
  transform: skewY(3deg);
}
section.products .products-grid-container::before {
  background-color: #eee;
  background-position-x: calc(50% - 1150px);
  background-position-y: calc(50% - 50px);
}
section.products .products-grid-container::after {
  background-position-x: calc(50% + 1530px);
  background-position-y: calc(50% + 200px);
}
section.products .products-grid-container .products-grid {
  margin: 0 auto;
  width: 1145px;
  background: #fff;
  border-left: 5px solid #d4c09b;
  -webkit-box-shadow: 15px 15px 80px -20px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 15px 15px 80px -20px rgba(0, 0, 0, 0.2);
  box-shadow: 15px 15px 80px -20px rgba(0, 0, 0, 0.2);
}
section.products .products-grid-container .products-grid::after {
  content: "";
  display: block;
  clear: both;
}
section.products .products-grid-container .single-product {
  width: 380px;
  padding: 0;
  float: left;
  position: relative;
  text-align: center;
  -webkit-transition: box-shadow 300ms ease;
  -moz-transition: box-shadow 300ms ease;
  -ms-transition: box-shadow 300ms ease;
  -o-transition: box-shadow 300ms ease;
  transition: box-shadow 300ms ease;
}
section.products .products-grid-container .single-product:hover {
  -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);
}
section.products .products-grid-container .single-product img {
  display: block;
  margin: 30px auto 0;
}
section.products .products-grid-container .single-product h4 {
  font-size: 22px;
  color: #000;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  font-weight: 300;
  line-height: 1;
  text-transform: uppercase;
  position: relative;
  z-index: 99;
  margin: 10px 0;
  padding: 0 15px;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 81px;
}
section.products .products-grid-container .single-product .more {
  padding: 0 15px;
  text-align: center;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
}
section.products .products-grid-container .single-product .more a {
  font-size: 17px;
  line-height: 1;
  padding: 10px 20px;
  color: #000;
  border: 2px solid #d4c09b;
  display: inline-block;
  margin: 10px 0 30px;
  text-transform: uppercase;
  position: relative;
  z-index: 99;
  -webkit-transition: background 300ms ease;
  -moz-transition: background 300ms ease;
  -ms-transition: background 300ms ease;
  -o-transition: background 300ms ease;
  transition: background 300ms ease;
}
section.products .products-grid-container .single-product .more a:hover {
  text-decoration: none;
  background: #d4c09b;
}
section.products .products-grid-container .single-product .after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 9;
}
@media (min-width: 980px) and (max-width: 1219.98px) {
  section.products .products-grid-container .products-grid {
    width: 950px;
  }
  section.products .products-grid-container .single-product {
    width: 315px;
  }
  section.products .products-grid-container .single-product img {
    max-width: 200px;
  }
  section.products .products-grid-container .single-product h4 {
    margin-top: 0;
  }
}
@media (min-width: 740px), (max-width: 459.98px) {
  section.products .products-grid-container .single-product:nth-child(2n) .after {
    -webkit-box-shadow: inset 0px 0px 200px 0px rgba(70, 40, 0, 0.07);
    -moz-box-shadow: inset 0px 0px 200px 0px rgba(70, 40, 0, 0.07);
    box-shadow: inset 0px 0px 200px 0px rgba(70, 40, 0, 0.07);
  }
}
@media (min-width: 740px) and (max-width: 979.98px) {
  section.products .products-grid-container .products-grid {
    width: 710px;
  }
  section.products .products-grid-container .single-product {
    width: 235px;
  }
  section.products .products-grid-container .single-product img {
    max-width: 175px;
    max-height: 200px;
  }
  section.products .products-grid-container .single-product h4 {
    margin-top: 0;
    font-size: 18px;
  }
}
@media (min-width: 500px) and (max-width: 739.98px) {
  section.products .products-grid-container .products-grid {
    width: 471px;
  }
  section.products .products-grid-container .single-product {
    width: 233px;
  }
  section.products .products-grid-container .single-product img {
    max-width: 175px;
    max-height: 200px;
  }
  section.products .products-grid-container .single-product h4 {
    margin-top: 0;
    font-size: 18px;
  }
  section.products .products-grid-container .single-product:nth-child(4n) .after,
section.products .products-grid-container .single-product:nth-child(4n+1) .after {
    -webkit-box-shadow: inset 0px 0px 200px 0px rgba(70, 40, 0, 0.07);
    -moz-box-shadow: inset 0px 0px 200px 0px rgba(70, 40, 0, 0.07);
    box-shadow: inset 0px 0px 200px 0px rgba(70, 40, 0, 0.07);
  }
}
@media (max-width: 499.98px) {
  section.products .products-grid-container .products-grid {
    width: calc(100% - 20px);
    border: none;
  }
}
@media (min-width: 460px) and (max-width: 499.98px) {
  section.products .products-grid-container .single-product {
    width: 50%;
  }
  section.products .products-grid-container .single-product img {
    max-width: 175px;
    max-height: 200px;
    margin: 20px auto 10px;
  }
  section.products .products-grid-container .single-product h4 {
    margin-top: 0;
    font-size: 16px;
  }
  section.products .products-grid-container .single-product:nth-child(4n) .after,
section.products .products-grid-container .single-product:nth-child(4n+1) .after {
    -webkit-box-shadow: inset 0px 0px 200px 0px rgba(70, 40, 0, 0.07);
    -moz-box-shadow: inset 0px 0px 200px 0px rgba(70, 40, 0, 0.07);
    box-shadow: inset 0px 0px 200px 0px rgba(70, 40, 0, 0.07);
  }
}
@media (max-width: 459.98px) and (min-width: 360px) {
  section.products .products-grid-container img {
    max-width: 140px;
    max-height: 152px;
    margin: 10px auto 10px 0 !important;
  }
  section.products .products-grid-container h4 {
    bottom: 79px !important;
    left: 144px !important;
    text-align: left;
    padding: 0 15px 0 0 !important;
  }
  section.products .products-grid-container .more {
    padding: 0 !important;
    text-align: left !important;
    left: 144px !important;
    bottom: 30px !important;
  }
}
@media (max-width: 459.98px) {
  section.products .products-grid-container .products-grid {
    max-width: 360px;
  }
  section.products .products-grid-container .single-product {
    width: 100%;
  }
  section.products .products-grid-container .single-product h4 {
    font-size: 16px;
  }
  section.products .products-grid-container .single-product .more a {
    margin: 5px 0 10px;
    padding: 7px 15px;
    font-size: 16px;
  }
}
@media (max-width: 359.98px) {
  section.products .products-grid-container .single-product img {
    max-width: 150px;
    max-height: 162px;
    margin: 10px auto 0;
  }
  section.products .products-grid-container .single-product h4 {
    bottom: 49px;
  }
}

/* ---------------------------------------------------------------------------------------------------------------------- end products */
/* ---------------------------------------------------------------------------------------------------------------------- woman bottle */
section.woman-bottle {
  background: rgb(88, 85, 89);
  background: -webkit-linear-gradient(left, rgb(88, 85, 89) 0%, rgb(88, 85, 89) 50%, rgb(223, 223, 223) 50%, rgb(223, 223, 223) 100%);
  background: -moz-linear-gradient(left, rgb(88, 85, 89) 0%, rgb(88, 85, 89) 50%, rgb(223, 223, 223) 50%, rgb(223, 223, 223) 100%);
  background: linear-gradient(to right, rgb(88, 85, 89) 0%, rgb(88, 85, 89) 50%, rgb(223, 223, 223) 50%, rgb(223, 223, 223) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="$darkgray", endColorstr="#dfdfdf", GradientType=1);
  position: relative;
}
section.woman-bottle::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-image: url("https://web.nanoil.store/assets/img/woman-bottle-bg.webp");
  background-position: center center;
  background-repeat: no-repeat;
}
section.woman-bottle .gold-frame {
  border-style: solid;
  border-color: #d4c09b;
  border-width: 0 3px;
  display: table;
  margin: 125px 0;
  padding: 0 290px 0 80px;
  width: 950px !important;
  height: 300px;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  font-weight: 300;
  font-size: 32px;
  line-height: 1;
  text-transform: uppercase;
  position: relative;
}
section.woman-bottle .gold-frame::before, section.woman-bottle .gold-frame::after {
  content: "";
  display: block;
  height: 3px;
  position: absolute;
  left: 0;
  right: 0;
}
section.woman-bottle .gold-frame::before {
  top: 0;
  background: -moz-linear-gradient(left, rgb(212, 192, 155) 0%, rgb(212, 192, 155) 65%, rgba(212, 192, 155, 0.05) 75%, rgba(212, 192, 155, 0.05) 80%, rgb(212, 192, 155) 90%, rgb(212, 192, 155) 100%);
  background: -webkit-linear-gradient(left, rgb(212, 192, 155) 0%, rgb(212, 192, 155) 65%, rgba(212, 192, 155, 0.05) 75%, rgba(212, 192, 155, 0.05) 80%, rgb(212, 192, 155) 90%, rgb(212, 192, 155) 100%);
  background: linear-gradient(to right, rgb(212, 192, 155) 0%, rgb(212, 192, 155) 65%, rgba(212, 192, 155, 0.05) 75%, rgba(212, 192, 155, 0.05) 80%, rgb(212, 192, 155) 90%, rgb(212, 192, 155) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#d4c09b", 					endColorstr="#d4c09b", 					GradientType=1);
}
section.woman-bottle .gold-frame::after {
  bottom: 0;
  background: -moz-linear-gradient(left, rgb(212, 192, 155) 0%, rgb(212, 192, 155) 59%, rgba(212, 192, 155, 0.05) 69%, rgba(212, 192, 155, 0.05) 86%, rgb(212, 192, 155) 96%, rgb(212, 192, 155) 100%);
  background: -webkit-linear-gradient(left, rgb(212, 192, 155) 0%, rgb(212, 192, 155) 59%, rgba(212, 192, 155, 0.05) 69%, rgba(212, 192, 155, 0.05) 86%, rgb(212, 192, 155) 96%, rgb(212, 192, 155) 100%);
  background: linear-gradient(to right, rgb(212, 192, 155) 0%, rgb(212, 192, 155) 59%, rgba(212, 192, 155, 0.05) 69%, rgba(212, 192, 155, 0.05) 86%, rgb(212, 192, 155) 96%, rgb(212, 192, 155) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#d4c09b", 					endColorstr="#d4c09b", 					GradientType=1);
}
section.woman-bottle .gold-frame > span {
  display: table-cell;
  vertical-align: middle;
}
@media (min-width: 980px) and (max-width: 1219.98px) {
  section.woman-bottle::before {
    background-size: cover;
  }
  section.woman-bottle .gold-frame {
    margin: 130px 0 70px;
    padding: 0 210px 0 60px;
    width: 740px !important;
  }
  section.woman-bottle .gold-frame::before {
    background: -moz-linear-gradient(left, rgb(212, 192, 155) 0%, rgb(212, 192, 155) 67%, rgba(212, 192, 155, 0.05) 77%, rgba(212, 192, 155, 0.05) 83%, rgb(212, 192, 155) 93%, rgb(212, 192, 155) 100%);
    background: -webkit-linear-gradient(left, rgb(212, 192, 155) 0%, rgb(212, 192, 155) 67%, rgba(212, 192, 155, 0.05) 77%, rgba(212, 192, 155, 0.05) 83%, rgb(212, 192, 155) 93%, rgb(212, 192, 155) 100%);
    background: linear-gradient(to right, rgb(212, 192, 155) 0%, rgb(212, 192, 155) 67%, rgba(212, 192, 155, 0.05) 77%, rgba(212, 192, 155, 0.05) 83%, rgb(212, 192, 155) 93%, rgb(212, 192, 155) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#d4c09b", 						endColorstr="#d4c09b", 						GradientType=1);
  }
  section.woman-bottle .gold-frame::after {
    bottom: 0;
    background: -moz-linear-gradient(left, rgb(212, 192, 155) 0%, rgb(212, 192, 155) 54%, rgba(212, 192, 155, 0.05) 64%, rgba(212, 192, 155, 0.05) 88%, rgb(212, 192, 155) 98%, rgb(212, 192, 155) 100%);
    background: -webkit-linear-gradient(left, rgb(212, 192, 155) 0%, rgb(212, 192, 155) 54%, rgba(212, 192, 155, 0.05) 64%, rgba(212, 192, 155, 0.05) 88%, rgb(212, 192, 155) 98%, rgb(212, 192, 155) 100%);
    background: linear-gradient(to right, rgb(212, 192, 155) 0%, rgb(212, 192, 155) 54%, rgba(212, 192, 155, 0.05) 64%, rgba(212, 192, 155, 0.05) 88%, rgb(212, 192, 155) 98%, rgb(212, 192, 155) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#d4c09b", 						endColorstr="#d4c09b", 						GradientType=1);
  }
}
@media (min-width: 740px) and (max-width: 979.98px) {
  section.woman-bottle::before {
    background-position: center right 47%;
    background-size: cover;
  }
  section.woman-bottle .gold-frame {
    padding: 0 210px 0 20px;
    margin: 110px 0 60px;
    width: 590px !important;
    height: 250px;
  }
}
@media (max-width: 739.98px) {
  section.woman-bottle {
    background: #f6f5f3;
    min-height: 280px;
  }
  section.woman-bottle::before {
    background-image: url("https://web.nanoil.store/assets/img/woman-bottle-sm-bg.webp");
    background-position: bottom right;
  }
  section.woman-bottle .gold-frame {
    border-width: 0;
    margin: 50px -20px 70px !important;
    padding: 0 0 20px calc(1.04166667% + 20px);
    width: calc(100% - 230px) !important;
    height: auto;
  }
  section.woman-bottle .gold-frame::before {
    display: none;
  }
  section.woman-bottle .gold-frame::after {
    background: -webkit-linear-gradient(left, rgb(212, 192, 155) 0%, rgb(212, 192, 155) 50%, rgba(212, 192, 155, 0) 100%);
    background: -moz-linear-gradient(left, rgb(212, 192, 155) 0%, rgb(212, 192, 155) 50%, rgba(212, 192, 155, 0) 100%);
    background: linear-gradient(to right, rgb(212, 192, 155) 0%, rgb(212, 192, 155) 50%, rgba(212, 192, 155, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#d4c09b", endColorstr="#00d4c09b", GradientType=1);
  }
  section.woman-bottle .gold-frame span {
    font-size: 26px;
    line-height: 1.2;
  }
}
@media (max-width: 499.98px) {
  section.woman-bottle .gold-frame {
    margin: 20px -20px 150px !important;
  }
  section.woman-bottle .gold-frame span {
    font-size: 20px;
  }
}
@media (max-width: 399.98px) {
  section.woman-bottle .gold-frame {
    margin: 20px -20px 250px !important;
    padding: 0 calc(1.04166667% + 20px) 20px;
    width: calc(100% + 20px) !important;
  }
  section.woman-bottle .gold-frame::after {
    right: 150px;
  }
}

/* ---------------------------------------------------------------------------------------------------------------------- end woman bottle */
/* ---------------------------------------------------------------------------------------------------------------------- skutecznosc */
section.skutecznosc {
  width: 100%;
  padding: 30px 0 0 0;
  background: #e9e9e9 bottom 240px left no-repeat;
  background-size: 30%;
  background-position-x: 11vw;
}
@media (max-width: 979.98px) {
  section.skutecznosc {
    background-image: none !important;
  }
}
@media (min-width: 980px) and (max-width: 1049.98px) {
  section.skutecznosc {
    background-size: 65%;
    background-position-x: -12vw;
  }
}
@media (min-width: 1050px) and (max-width: 1219.98px) {
  section.skutecznosc {
    background-size: 61%;
    background-position-x: -10vw;
  }
}
@media (min-width: 1220px) and (max-width: 1439.98px) {
  section.skutecznosc {
    background-size: 48%;
    background-position-x: 0vw;
  }
}
@media (min-width: 1440px) and (max-width: 1659.98px) {
  section.skutecznosc {
    background-size: 40%;
    background-position-x: 5vw;
  }
}
@media (min-width: 1660px) and (max-width: 1879.98px) {
  section.skutecznosc {
    background-size: 34.5%;
    background-position-x: 8vw;
  }
}
@media (min-width: 1880px) and (max-width: 2259.98px) {
  section.skutecznosc {
    background-size: 30%;
    background-position-x: 11vw;
  }
}
@media (min-width: 2260px) and (max-width: 2559.98px) {
  section.skutecznosc {
    background-size: 570px;
    background-position-x: 13vw;
  }
}
@media (min-width: 2560px) {
  section.skutecznosc {
    background-size: 570px;
    background-position-x: 18vw;
  }
}
section.skutecznosc h2 {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  font-weight: 300;
  font-size: 44px;
  line-height: 1.2;
}
section.skutecznosc h3 {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  font-weight: 400;
}
section.skutecznosc h3.gold {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  font-weight: 400;
}
@media (max-width: 739.98px) {
  section.skutecznosc h2 {
    font-size: 32px;
  }
}
section.skutecznosc > div.bg-woman3 {
  padding: 30px 0 50px 0;
}
@media (max-width: 979.98px) {
  section.skutecznosc > div.bg-woman3 {
    background-image: none;
  }
}
section.skutecznosc .icons {
  margin-top: 15px;
}
section.skutecznosc .icons h4 {
  margin: 15px 0 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  font-weight: 300;
  font-size: 34px;
}
section.skutecznosc .icons p {
  margin: 0;
}
@media (max-width: 739.98px) {
  section.skutecznosc .icons h4 {
    font-size: 28px;
  }
  section.skutecznosc .icons * {
    text-align: center;
  }
}
section.skutecznosc .black {
  background: #000;
  padding: 40px 0;
}
@media (max-width: 739.98px) {
  section.skutecznosc .black h3 {
    text-align: center;
  }
}
section.skutecznosc .white {
  background: #fff;
  padding: 40px 0;
  color: #000;
}
section.skutecznosc .white .border {
  border: 2px solid #d4c09b;
  text-align: center;
  padding: 10px;
}
@media (max-width: 499.98px) {
  section.skutecznosc h2.gold {
    font-size: 26px;
  }
}

/* ---------------------------------------------------------------------------------------------------------------------- end skutecznosc */
/* ---------------------------------------------------------------------------------------------------------------------- instagram */
section.instagram {
  width: 100%;
  max-width: 1920px;
  margin: 0 auto;
  padding: 30px 0 0 0;
  background: #fff;
}
section.instagram div.instagram {
  width: 100%;
  padding: 0;
  background: #585559;
}
section.instagram div.instagram div.img {
  width: 10%;
  overflow: hidden;
  float: left;
}
section.instagram div.instagram div.img img {
  width: 100%;
  transition: all 0.6s;
  margin: 0px;
  transform: scale(1.02);
  cursor: pointer;
}
section.instagram div.instagram div.img img:hover {
  transform: rotate(2deg) scale(1.2);
}
@media (max-width: 979.98px) {
  section.instagram div.instagram div.img {
    width: 20%;
  }
}

/* ---------------------------------------------------------------------------------------------------------------------- end instagram */
/* ---------------------------------------------------------------------------------------------------------------------- owl */
section.owl {
  width: 100%;
  padding: 60px 0 20px 0;
  background: #fff;
}
section.owl div.opinia img {
  -webkit-border-radius: 50%;
  border-radius: 50%;
  border-size: 0;
  text-align: center;
}
section.owl div.opinia p {
  font-size: 20px;
  font-style: italic;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  font-weight: 300;
}
section.owl div.opinia p.author {
  font-style: normal;
  color: #d4c09b;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  font-weight: 700;
}
section.owl div.opinia p.author::before {
  content: "";
  background: #d4c09b;
  width: 50%;
  height: 3px;
  display: block;
}
@media (max-width: 0.98px) {
  section.owl div.opinia {
    padding: 0 10%;
  }
}

.owl-theme .owl-item {
  position: relative;
  padding-top: 20px;
}
.owl-theme .owl-item::before {
  content: "\f10e";
  font-family: fontAwesome;
  color: #f8f8f8;
  position: absolute;
  top: 25px;
  right: 60px;
  font-size: 90px;
  z-index: -1;
}

.owl-theme .owl-controls {
  margin-top: 10px;
  text-align: center;
  -webkit-tap-highlight-color: transparent;
  position: static;
}
.owl-theme .owl-controls .owl-nav {
  position: absolute;
  margin: 0;
  top: calc(50% - 34px);
  width: 100%;
  color: #d4c09b;
}
@media (max-width: 979.98px) {
  .owl-theme .owl-controls .owl-nav {
    top: calc(100% - 32px);
  }
}
.owl-theme .owl-controls .owl-nav .owl-prev {
  float: left;
  font-size: 26px;
}
.owl-theme .owl-controls .owl-nav .owl-prev:hover {
  font-size: 32px;
  -webkit-transition: all 100ms ease;
  -moz-transition: all 100ms ease;
  -ms-transition: all 100ms ease;
  -o-transition: all 100ms ease;
  transition: all 100ms ease;
  color: #606060;
}
.owl-theme .owl-controls .owl-nav .owl-next {
  float: right;
  font-size: 26px;
}
.owl-theme .owl-controls .owl-nav .owl-next:hover {
  font-size: 32px;
  -webkit-transition: all 100ms ease;
  -moz-transition: all 100ms ease;
  -ms-transition: all 100ms ease;
  -o-transition: all 100ms ease;
  transition: all 100ms ease;
  color: #606060;
}
@media (max-width: 499.98px) {
  .owl-theme .owl-controls .owl-nav {
    width: 100%;
    margin: 0;
  }
}
.owl-theme .owl-controls .owl-dots .owl-dot {
  display: inline-block;
  zoom: 1;
  *display: inline;
}
.owl-theme .owl-controls .owl-dots .owl-dot span {
  width: 10px;
  height: 10px;
  margin: 5px 7px;
  background: #d4c09b;
  display: block;
  -webkit-backface-visibility: visible;
  -webkit-transition: opacity 200ms ease;
  -moz-transition: opacity 200ms ease;
  -ms-transition: opacity 200ms ease;
  -o-transition: opacity 200ms ease;
  transition: opacity 200ms ease;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
}
.owl-theme .owl-controls .owl-dots .owl-dot.active span, .owl-theme .owl-controls .owl-dots .owl-dot:hover span {
  background: #606060;
}

/* ---------------------------------------------------------------------------------------------------------------------- end owl */
/* ---------------------------------------------------------------------------------------------------------------------- FAQ */
.faq-section {
  margin-top: 40px;
  margin-bottom: 40px;
}
.faq-section.content-section {
  padding-bottom: 0;
  padding-top: 0;
}
.faq-section h2 {
  font-weight: 700;
  margin-bottom: 0;
  line-height: 1.3em;
}
.faq-section em {
  color: inherit;
}

.faq-accordion {
  margin-top: 20px;
}
.faq-accordion .uk-accordion-title {
  position: relative;
  padding: 17px 73px 17px 63px;
  background: #d4c09b;
  font-size: 23px;
  text-transform: uppercase;
  line-height: 29px;
  cursor: pointer;
}
.faq-accordion .uk-accordion-title span {
  position: absolute;
  left: 0;
  top: 0;
  padding-top: 17px;
  width: 53px;
  height: 100%;
  font-weight: 700;
  text-align: right;
}
.faq-accordion .uk-accordion-title::before {
  content: "+";
  display: inline-block;
  position: absolute;
  top: 0;
  right: 0;
  background: #585559;
  width: 63px;
  height: 100%;
  color: #fff;
  font-size: 45px;
  font-weight: 300;
  text-align: center;
  line-height: 58px;
}
.faq-accordion .uk-accordion-title.uk-active::before {
  content: "–";
  line-height: 54px;
}
.faq-accordion .uk-accordion-content {
  position: relative;
  z-index: 1;
  padding: 30px 63px;
  background: #f8f8f8;
  border-top: 0;
}
.faq-accordion .uk-accordion-content p:last-child {
  margin-bottom: 0;
}
.faq-accordion .uk-accordion-title ~ .uk-accordion-title::after {
  content: "";
  position: absolute;
  top: -1px;
  left: 63px;
  right: 63px;
  height: 1px;
  background: #fff;
}
@media (max-width: 739.98px) {
  .faq-accordion .uk-accordion-title {
    font-size: 20px;
  }
  .faq-accordion .uk-accordion-title::before {
    width: 52px;
    background: transparent;
  }
  .faq-accordion .uk-accordion-title,
.faq-accordion .uk-accordion-content {
    padding-left: 52px;
    padding-right: 52px;
  }
  .faq-accordion .uk-accordion-title span {
    width: 43px;
  }
  .faq-accordion .uk-accordion-title ~ .uk-accordion-title::after {
    left: 52px;
    right: 52px;
  }
}
@media (max-width: 499.98px) {
  .faq-accordion .uk-accordion-title {
    font-size: 16px;
  }
  .faq-accordion .uk-accordion-title span {
    width: 33px;
  }
}

/* ---------------------------------------------------------------------------------------------------------------------- end FAQ */
/* ---------------------------------------------------------------------------------------------------------------------- Footer carousel */
.product-carousel {
  padding-bottom: 0;
  text-align: center;
}
.product-carousel .content-section {
  padding-top: 0;
}
.product-carousel h3 {
  text-align: left;
  color: #585559;
  font-size: 39px;
}
.product-carousel .owl-theme .owl-item::before {
  display: none;
}
.product-carousel .owl-item img {
  margin: auto;
  width: auto;
  max-width: 140px;
}
.product-carousel .owl-nav .owl-prev,
.product-carousel .owl-nav .owl-next {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 27px;
  height: 39px;
  text-indent: -99999px;
  background-size: 17px 29px !important;
}
.product-carousel .owl-nav .owl-prev {
  background: url("https://web.nanoil.store/assets/img/ico-prev.webp") no-repeat center;
  left: -5px;
}
.product-carousel .owl-nav .owl-next {
  background: url("https://web.nanoil.store/assets/img/ico-next.webp") no-repeat center;
  right: -5px;
}
.product-carousel .owl-carousel::before {
  content: "";
  position: absolute;
  top: 85px;
  right: 0;
  left: 0;
  height: 83px;
  border: 1px solid #d4c09b;
}
.product-carousel .owl-theme .owl-controls .owl-nav {
  top: 128px;
  right: auto;
  left: 10px;
  bottom: auto;
  margin: auto;
  width: calc(100% - 20px);
}
@media (max-width: 979.98px) {
  .product-carousel .owl-carousel::before {
    top: 80px;
    height: 120px;
  }
  .product-carousel .owl-theme .owl-controls .owl-nav {
    top: 140px;
  }
}

.product-carousel-title {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
}
.product-carousel-title span {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
}
.product-carousel-title a {
  color: #000;
}
.product-carousel-title a:hover {
  text-decoration: none;
}

/* ---------------------------------------------------------------------------------------------------------------------- end Footer carousel */
footer {
  background: #eee;
}
footer > .row::after {
  content: "" !important;
}
footer .gold ul.footmenu {
  margin: 0;
  padding: 30px 0 12px;
  display: block;
  text-align: center;
  list-style-type: none;
}
footer .gold ul.footmenu li {
  display: inline-block;
  margin: 0;
}
footer .gold ul.footmenu li a:link,
footer .gold ul.footmenu li a:visited {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  font-weight: 300;
  font-size: 16px;
  line-height: 1.4em;
  color: #000;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  font-weight: 400;
  display: block;
  text-align: center;
  margin: 5px 1em;
  text-decoration: none;
  text-transform: uppercase;
}
footer .gold ul.footmenu li a:link:hover,
footer .gold ul.footmenu li a:visited:hover {
  text-decoration: none;
}

ul.social {
  margin: 0;
  padding: 0 0 28px;
  display: block;
  text-align: center;
  list-style-type: none;
}
ul.social li {
  display: inline-block;
  margin: 0;
  padding: 0 15px;
}
ul.social li a:link,
ul.social li a:visited {
  font-size: 32px;
  color: #585559;
  text-align: center;
  margin: 0;
  text-decoration: none;
}
ul.social li a:link:hover,
ul.social li a:visited:hover {
  text-decoration: none;
  color: #222;
  margin: 0;
}

/* -------------------------------------------------------------------------------------------------------------------
--------------------------------------------------- PODSTRONY --------------------------------------------------------
--------------------------------------------------------------------------------------------------------------------*/
/* ---------------------------------------------------------------------------------------------------------------------- category nav */
.category-nav {
  position: relative;
  margin-bottom: 50px;
  text-align: center;
}
.category-nav::before {
  content: "";
  display: block;
  width: 100%;
  height: auto;
  border: 1px solid #f2efed;
  position: absolute;
  left: 0;
  top: 32px;
  bottom: 32px;
}
.category-nav > * {
  display: inline-block;
  position: relative;
  margin: 5px;
  padding: 15px 30px;
  line-height: 1;
  font-size: 26px;
  font-weight: 300;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}
.category-nav > a {
  color: #000;
  background: #dedede;
  text-decoration: none;
}
.category-nav > a:hover {
  background: #585559;
  color: #fff;
}
.category-nav > span {
  color: #fff;
  background: #585559;
  cursor: default;
}
@media (max-width: 739.98px) {
  .category-nav {
    margin-bottom: 30px;
  }
  .category-nav::before {
    top: 24px;
    bottom: 24px;
  }
  .category-nav > * {
    padding: 10px 20px;
    font-size: 20px;
  }
}
@media (max-width: 499.98px) {
  .category-nav::before {
    display: none;
  }
  .category-nav > * {
    display: block;
    margin: 1px 0 0;
  }
}

/* ---------------------------------------------------------------------------------------------------------------------- END category nav */
section.panel-1 {
  width: 100%;
  padding: 30px 0;
  position: relative;
  z-index: 6;
}
section.panel-1.no-padding-top {
  padding: 0 0 30px 0 !important;
}
section.panel-1 img {
  float: left;
  margin: 0 5px 10px 0;
}
section.panel-1 p {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  font-weight: 400;
  font-size: 13px;
  line-height: 1.3em;
  color: #000;
  text-align: left;
}
@media (max-width: 1219.98px) {
  section.panel-1 p {
    margin: 0;
  }
}
@media (max-width: 739.98px) {
  section.panel-1 p {
    margin: 1em 0 0 10px;
  }
  section.panel-1 img {
    max-width: 68px;
  }
}

section.panel-2 {
  width: 100%;
  padding: 30px 0;
  background: #fff;
}
section.panel-2 h3 {
  margin: 30px 0 20px 0;
}
section.panel-2 img.full {
  max-width: 340px;
}

section.panel-3 {
  width: 100%;
  padding: 60px 0;
  background: #7f7b7c top left no-repeat;
}
section.panel-3 h3 {
  margin: 30px 0 20px 0;
}
section.panel-3 img {
  max-width: 329px;
}
@media (min-width: 1920.02px) {
  section.panel-3 {
    background: #7f7b7c url("//web.nanoil.store/assets/img/panel-3-bg.webp") top left repeat-x !important;
    background-size: contain;
    position: relative;
  }
  section.panel-3 > .row {
    position: relative;
    z-index: 5;
  }
  section.panel-3:after {
    content: "";
    background: url("//web.nanoil.store/assets/img/panel-3.webp") top right no-repeat;
    background-size: contain;
    width: 100vw;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
  }
}

section.panel-4 {
  width: 100%;
  padding: 60px 0;
  background: #fff;
}
section.panel-4 .header {
  margin-bottom: 60px;
}
section.panel-4 .params {
  margin: 10px auto;
}
@media (max-width: 739.98px) {
  section.panel-4 .params {
    text-align: center;
  }
}

section.panel-5 {
  width: 100%;
  padding: 30px 0;
  background: #fff;
}
section.panel-5 img {
  float: left;
  margin: 0 5px 15px 0;
}
section.panel-5 .row {
  margin-top: 10px;
}
section.panel-5 p {
  text-align: left;
  margin: 0;
  line-height: 1.3em;
}
@media (max-width: 1219.98px) {
  section.panel-5 p {
    margin: 0;
  }
}
@media (max-width: 739.98px) {
  section.panel-5 p {
    margin: 0 0 0 10px;
  }
  section.panel-5 p.margin {
    margin: 0.8em 0 0 10px;
  }
}

section.panel-6 {
  width: 100%;
  padding: 0 0 -500px 0;
  background: #7a7478 center top repeat-x;
}
section.panel-6 .inside {
  background: transparent top right no-repeat;
}
section.panel-6 .inside > .row {
  padding: 90px 0;
}
@media (max-width: 1599.98px) {
  section.panel-6 .inside {
    background-position: 120% 0;
  }
}
@media (max-width: 1219.98px) {
  section.panel-6 .inside {
    background-position: 180% 0;
  }
}
@media (max-width: 979.98px) {
  section.panel-6 .inside {
    background-image: none;
  }
}

section.panel-7 {
  width: 100%;
  margin: 0 0 -40px 0;
  background: #fff;
}
section.panel-7 .upme {
  position: relative;
  top: -120px;
  height: 480px;
}
section.panel-7 .img-area {
  position: relative;
}
section.panel-7 .img-area .text {
  position: absolute;
  width: 30%;
  color: #d4c09b;
  font-size: 38px;
  line-height: 50px;
  text-transform: uppercase;
}
section.panel-7 .img-area .text strong {
  font-weight: 900;
}
section.panel-7 .img-area .text-1 {
  left: 6%;
  top: 20%;
  text-align: right;
}
section.panel-7 .img-area .text-2 {
  left: 62%;
  bottom: 15%;
  text-align: left;
}
@media (max-width: 1219.98px) {
  section.panel-7 .upme {
    height: 392px;
    top: -80px;
  }
}
@media (max-width: 979.98px) {
  section.panel-7 .upme {
    height: 305px;
    top: -60px;
  }
}
@media (max-width: 739.98px) {
  section.panel-7 .upme {
    position: static;
    top: 0px;
    height: auto;
    margin: 0 auto 0 auto;
    padding: 20px 0 0 0;
    background-image: none !important;
  }
}
@media (max-width: 739.98px) {
  section.panel-7 {
    margin: 0;
  }
}

/* -------------------------------------------------------------------------------------------------------------------
--------------------------------------------------- ORDER PAGE -------------------------------------------------------
--------------------------------------------------------------------------------------------------------------------*/
header section.orderheader h1 {
  border-bottom: 0;
  margin: 100px auto 100px;
  line-height: 1.2em;
  padding: 0 0 20px;
  font-size: 64px;
  color: #000;
  font-weight: 300;
  position: relative;
}
header section.orderheader h1::after {
  content: "";
  width: 150px;
  height: 3px;
  display: block;
  background: #d4c09b;
  position: absolute;
  left: 0;
  bottom: -20px;
}
header section.orderheader h3 {
  margin: 0;
  color: #000;
  line-height: 1em;
}
@media (max-width: 979.98px) {
  header section.orderheader h1 {
    margin-top: 80px;
  }
}
@media (max-width: 499.98px) {
  header section.orderheader h1 {
    margin-top: 40px;
    font-size: 48px;
    line-height: 1;
  }
}
@media (max-width: 739.98px) {
  header section.orderheader {
    padding-bottom: 100px;
  }
}

section.order-product {
  padding: 20px 0;
  background: #fff;
}
section.order-product div.prod-block span.pieces {
  display: inline-block;
  padding: 10px 10px;
  background: #d4c09b;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  font-weight: 700;
  font-size: 15px;
  line-height: 1.4em;
  color: #000;
  text-align: left;
  color: #000;
}
section.order-product div.prod-block div.uk-accordion-title {
  margin: 0 0 10px 0;
  padding: 0;
}
section.order-product div.prod-block div.uk-accordion-title:hover {
  cursor: pointer;
}
section.order-product div.prod-block div.uk-accordion-title h3.accordionheader {
  margin: 0;
  padding: 0;
  min-height: 50px;
  color: #d4c09b;
  font-size: 17px;
  font-weight: 600;
  line-height: 50px;
  background-color: #585559;
  background: #585559 url(https://web.nanoil.store/assets/img/acc-arrow.webp) top right no-repeat;
}
@media (max-width: 499.98px) {
  section.order-product div.prod-block div.uk-accordion-title h3.accordionheader {
    font-size: 15px;
  }
}
section.order-product div.prod-block div.uk-accordion-title h3.accordionheader > span.plus {
  display: block;
  width: 50px;
  height: 50px;
  float: left;
  margin: 0 10px 0 0;
  background: #d4c09b url(https://web.nanoil.store/assets/img/acc-plus.webp) center top no-repeat;
}
section.order-product div.prod-block div.uk-accordion-title div.slimborder {
  background: red;
  border: 1px solid #d0d0d0;
  margin: 0px;
  padding: 0px;
  background-color: #fff;
  height: auto;
  display: block;
  width: auto;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}
section.order-product div.prod-block div.uk-accordion-title div.slimborder p {
  margin: 10px 0;
}
@media (max-width: 739.98px) {
  section.order-product div.prod-block div.uk-accordion-title div.slimborder {
    display: none;
  }
}
section.order-product div.prod-block div.uk-accordion-title.uk-active h3.accordionheader {
  background: #585559 url(https://web.nanoil.store/assets/img/acc-arrow.webp) bottom right no-repeat;
}
section.order-product div.prod-block div.uk-accordion-title.uk-active h3.accordionheader > span.plus {
  background: #d4c09b url(https://web.nanoil.store/assets/img/acc-plus.webp) center bottom no-repeat;
}
section.order-product div.prod-block div.uk-accordion-title.uk-active div.slimborder {
  display: none;
  height: 0px;
  -webkit-transition: all 3000ms ease;
  -moz-transition: all 3000ms ease;
  -ms-transition: all 3000ms ease;
  -o-transition: all 3000ms ease;
  transition: all 3000ms ease;
}
section.order-product div.prod-block .uk-accordion-content {
  margin: 0 0 10px 0;
  padding: 0 0 10px 0;
  border: 2px solid #d4c09b;
}
section.order-product div.prod-block h4.title {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  color: #000;
  font-size: 16px;
  padding: 20px 10px;
  border-bottom: 3px solid #d4c09b;
}
section.order-product div.prod-block p {
  padding: 0 10px;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  font-weight: 400;
  font-size: 13px;
  line-height: 1.4em;
  color: #000;
  text-align: left;
}
section.order-product div.prod-block div.order-row {
  text-align: center;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  font-weight: 400;
  font-size: 17px;
  line-height: 1.4em;
  color: #000;
  padding: 8px;
}
section.order-product div.prod-block input.submit,
section.order-product div.prod-block a.submit {
  background: #d4c09b;
  border: 0;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  padding: 10px 20px;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  font-weight: 400;
  font-size: 15px;
  line-height: 1.4em;
  color: #000;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}
section.order-product div.prod-block input.submit:hover,
section.order-product div.prod-block a.submit:hover {
  color: #fff;
  background: #606060;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}
@media (max-width: 739.98px) {
  section.order-product div.prod-block input.submit,
section.order-product div.prod-block a.submit {
    padding: 10px 10px;
    font-size: 11px;
  }
}
section.order-product div.prod-block button.jeszcze {
  background: #d4c09b;
  border: 0;
  cursor: pointer;
  text-align: center;
  padding: 10px 20px;
  width: 100%;
  margin: 10px 0 0 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  font-weight: 400;
  font-size: 16px;
  line-height: 1.4em;
  color: #000;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}
section.order-product div.prod-block button.jeszcze:hover {
  color: #fff;
  background: #606060;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}
section.order-product div.prod-block input.qty {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  font-weight: 400;
  font-size: 16px;
  line-height: 1.4em;
  color: #000;
  height: 40px;
  width: 40%;
  border: 1px solid #d4c09b;
  margin: 2px;
  text-align: center;
}
section.order-product div.prod-block input.qtyminus,
section.order-product div.prod-block input.qtyplus {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  font-weight: 400;
  font-size: 16px;
  line-height: 1.4em;
  color: #000;
  height: 40px;
  width: 25%;
  text-align: center;
  border: 0px;
  background: #d4c09b;
  cursor: pointer;
}
@media (min-width: 740px) and (max-width: 1219.98px) {
  section.order-product div.prod-block input.qtyminus,
section.order-product div.prod-block input.qtyplus {
    width: 24%;
  }
}
section.order-product .hideme {
  display: none;
  -webkit-transition: all 300ms ease;
}
section.order-product .hideme * {
  display: none;
  width: 0;
  height: 0;
}
section.order-product div.rodzaj .border {
  border: 2px solid #d4c09b;
  margin-bottom: 4px;
}

.select-style {
  padding: 0;
  margin: 0;
  border: 1px solid #ccc;
  width: 100%;
  overflow: hidden;
  background-color: #fff;
  background: #fff url("https://web.nanoil.store/assets/img/arrowdown.webp") no-repeat 95% 50%;
}
.select-style select {
  padding: 8px 8px;
  width: 100%;
  border: 0px none;
  box-shadow: none;
  background-color: transparent;
  background-image: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  font-weight: 400;
  font-size: 16px;
  line-height: 1.9em;
  color: #606060;
}
.select-style select:focus {
  outline: none;
}
.select-style select option {
  padding: 10px 0;
  color: #000;
  text-align: center;
  cursor: pointer;
  outline: none;
}
.select-style select.gold {
  cursor: pointer;
  background: #d4c09b url("https://web.nanoil.store/assets/img/arrowdown.webp") no-repeat 95% 50%;
  text-align: center;
  -webkit-border-radius: 0 !important;
  border-radius: 0 !important;
}

section.zamowienie {
  background: #fff;
  padding-bottom: 50px;
}
section.zamowienie form .adres label {
  display: none;
}
section.zamowienie form label {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  font-weight: 300;
  font-size: 16px;
  line-height: 1.4em;
  color: #000;
}
section.zamowienie form input[type=text],
section.zamowienie form input[type=email],
section.zamowienie form input[type=tel] {
  margin: 5px 0 15px 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  font-weight: 400;
  font-size: 16px;
  line-height: 34px;
  color: #000;
  height: 34px;
  width: 100%;
  border: 1px solid #f0f0f0;
  background-color: #f0f0f0;
}
section.zamowienie form input[type=text]::placeholder,
section.zamowienie form input[type=email]::placeholder,
section.zamowienie form input[type=tel]::placeholder {
  color: #555;
}
section.zamowienie form select {
  margin: 5px 0 15px 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  font-weight: 400;
  font-size: 16px;
  line-height: 34px;
  color: #000;
  height: 34px;
  width: 100%;
  border: none;
  background-color: #f0f0f0;
}
@media (max-width: 979.98px) {
  section.zamowienie form input[type=text],
section.zamowienie form input[type=email],
section.zamowienie form input[type=tel] {
    font-size: 12px;
  }
}

/* dostawa */
section.zamowienie form select.ideal-issuer {
  margin-top: 10px;
  background: #fff;
  border: 1px solid #f4f4f4;
  font-size: 14px;
}

.shippers,
.payments {
  margin-top: 20px;
  margin-bottom: 50px;
}
.shippers__title,
.payments__title {
  position: relative;
  margin-bottom: 10px;
}
.shippers__title::before,
.payments__title::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  height: 1px;
  background-color: #222;
}
.shippers__title span,
.payments__title span {
  position: relative;
  padding: 7px 12px 5px 48px;
  border: 1px solid #222;
  background-color: #fff;
  font-size: 16px;
  line-height: 1;
  font-weight: 300;
  text-transform: uppercase;
}
.shippers__title span::before,
.payments__title span::before {
  content: "";
  display: block;
  position: absolute;
  left: 12px;
  top: -webkit-calc(50% - 6px);
  top: calc(50% - 6px);
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px 0 6px 11px;
  border-color: transparent #222;
}
.shippers__title span::after,
.payments__title span::after {
  content: "";
  display: block;
  position: absolute;
  top: 3px;
  bottom: 3px;
  left: 35px;
  width: 1px;
  height: auto;
  background-color: #222;
}
.shippers__row,
.payments__row {
  position: relative;
  width: 100%;
  display: block;
  padding: 20px 0;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}
.shippers__row:first-child::before,
.payments__row:first-child::before {
  content: "";
  display: block;
  width: 90%;
  height: 1px;
  background-color: #f4f4f4;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  margin: 0 auto;
}
.shippers__row::after,
.payments__row::after {
  content: "";
  display: block;
  width: 90%;
  height: 1px;
  background-color: #f4f4f4;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0 auto;
}
.shippers__row input[type=radio],
.shippers__row input[type=radio] ~ .radio,
.payments__row input[type=radio],
.payments__row input[type=radio] ~ .radio {
  position: absolute;
}
.shippers__row input[type=radio] ~ .radio,
.payments__row input[type=radio] ~ .radio {
  top: 0;
  bottom: 0;
  left: 14px;
  margin: auto;
}
.shippers__row__wrapper,
.payments__row__wrapper {
  padding-left: 50px;
  max-width: 100%;
  width: 100%;
}
.shippers__row__wrapper__image,
.payments__row__wrapper__image {
  display: inline-block;
  width: 90px;
  vertical-align: middle;
  margin: 0 35px;
}
.shippers__row__wrapper__image img,
.payments__row__wrapper__image img {
  display: block;
  max-width: 100%;
  max-height: 50px;
  width: auto;
  height: auto;
  margin: auto;
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  filter: grayscale(100%);
  -webkit-transition: -webkit-filter 300ms ease;
  -moz-transition: -moz-filter 300ms ease;
  -ms-transition: filter 300ms ease;
  -o-transition: filter 300ms ease;
  transition: filter 300ms ease;
  -webkit-backface-visibility: hidden;
}
.shippers__row__wrapper__content,
.payments__row__wrapper__content {
  display: inline-block;
  max-width: calc(100% - 165px);
  vertical-align: middle;
  padding-right: 15px;
}
.shippers__row__wrapper__content__title,
.payments__row__wrapper__content__title {
  display: inline-block;
  font-size: 17px;
  font-weight: 400;
  text-transform: uppercase;
  vertical-align: middle;
  color: #585559;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}
.shippers__row__wrapper__content__cost,
.payments__row__wrapper__content__cost {
  font-weight: 700;
}
.shippers__row__wrapper__content__cost, .shippers__row__wrapper__content__text,
.payments__row__wrapper__content__cost,
.payments__row__wrapper__content__text {
  margin-top: 3px;
  font-size: 14px;
  line-height: 1.3em;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.shippers .shippers__row:hover,
.shippers .shippers__row--selected,
.shippers .payments__row:not(.payments__row--disabled):hover,
.shippers .payments__row--selected,
.payments .shippers__row:hover,
.payments .shippers__row--selected,
.payments .payments__row:not(.payments__row--disabled):hover,
.payments .payments__row--selected {
  background-color: #fcfcfc;
}
.shippers .shippers__row:hover .shippers__row__wrapper__image img,
.shippers .shippers__row:hover .payments__row__wrapper__image img,
.shippers .shippers__row--selected .shippers__row__wrapper__image img,
.shippers .shippers__row--selected .payments__row__wrapper__image img,
.shippers .payments__row:not(.payments__row--disabled):hover .shippers__row__wrapper__image img,
.shippers .payments__row:not(.payments__row--disabled):hover .payments__row__wrapper__image img,
.shippers .payments__row--selected .shippers__row__wrapper__image img,
.shippers .payments__row--selected .payments__row__wrapper__image img,
.payments .shippers__row:hover .shippers__row__wrapper__image img,
.payments .shippers__row:hover .payments__row__wrapper__image img,
.payments .shippers__row--selected .shippers__row__wrapper__image img,
.payments .shippers__row--selected .payments__row__wrapper__image img,
.payments .payments__row:not(.payments__row--disabled):hover .shippers__row__wrapper__image img,
.payments .payments__row:not(.payments__row--disabled):hover .payments__row__wrapper__image img,
.payments .payments__row--selected .shippers__row__wrapper__image img,
.payments .payments__row--selected .payments__row__wrapper__image img {
  -webkit-filter: grayscale(0);
  -moz-filter: grayscale(0);
  filter: grayscale(0);
}
.shippers .shippers__row--selected .shippers__row__wrapper__content__title,
.shippers .shippers__row--selected .payments__row__wrapper__content__title,
.shippers .payments__row--selected .shippers__row__wrapper__content__title,
.shippers .payments__row--selected .payments__row__wrapper__content__title,
.payments .shippers__row--selected .shippers__row__wrapper__content__title,
.payments .shippers__row--selected .payments__row__wrapper__content__title,
.payments .payments__row--selected .shippers__row__wrapper__content__title,
.payments .payments__row--selected .payments__row__wrapper__content__title {
  color: #ff7e00;
}
.shippers .payments__row--disabled .payments__row__wrapper__content,
.payments .payments__row--disabled .payments__row__wrapper__content {
  color: #ddd;
}
.shippers .payments__row--disabled .payments__row__wrapper__content__title,
.payments .payments__row--disabled .payments__row__wrapper__content__title {
  color: #ccc;
}
.shippers .payments__row--disabled .payments__row__wrapper__content__text::after,
.payments .payments__row--disabled .payments__row__wrapper__content__text::after {
  content: attr(data-disabled);
  display: block;
  color: #ff3636;
  font-weight: 400;
  margin-top: 2px;
}

@media (max-width: 979.98px) {
  .shippers__row__wrapper,
.payments__row__wrapper {
    padding-left: 36px;
  }
  .shippers__row__wrapper__image,
.payments__row__wrapper__image {
    width: 80px;
    margin: 0 20px;
  }
  .shippers__row__wrapper__image img,
.payments__row__wrapper__image img {
    max-height: 45px;
  }
  .shippers__row__wrapper__content,
.payments__row__wrapper__content {
    max-width: calc(100% - 138px);
  }
  .shippers__row__wrapper__content__title,
.payments__row__wrapper__content__title {
    font-size: 14px;
    line-height: 1.3em;
  }
}
@media (max-width: 575.98px) {
  .shippers,
.payments {
    margin-bottom: 30px;
  }
  .shippers__row input[type=radio] ~ .radio,
.payments__row input[type=radio] ~ .radio {
    top: 71px;
    bottom: unset;
    left: 15px;
    margin: 0;
    width: 20px;
    height: 20px;
  }
  .shippers__row input[type=radio] ~ .radio::after,
.payments__row input[type=radio] ~ .radio::after {
    width: 12px;
    height: 7px;
  }
  .shippers__row__wrapper,
.payments__row__wrapper {
    padding-left: 0;
  }
  .shippers__row__wrapper__image,
.payments__row__wrapper__image {
    display: block;
    width: 90px;
    height: 35px;
    margin: 0 auto;
  }
  .shippers__row__wrapper__image img,
.payments__row__wrapper__image img {
    max-height: 35px;
  }
  .shippers__row__wrapper__content,
.payments__row__wrapper__content {
    display: block;
    max-width: 100%;
    margin-top: 15px;
    padding-left: 15px;
  }
  .shippers__row__wrapper__content__title,
.payments__row__wrapper__content__title {
    padding-left: 30px;
  }
  .shippers__row__wrapper__content__text,
.payments__row__wrapper__content__text {
    margin-top: 10px;
  }
}
#sposob-platnosci > div:nth-child(2n+1) {
  clear: both;
}

div.obox {
  margin: 20px 0 50px 0;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
  cursor: pointer;
}
div.obox .content .row {
  padding: 20px;
  border-style: solid;
  border-color: #f0f0f0;
  border-width: 1px;
  margin: 0;
  width: 100%;
  -webkit-transition: border-color 300ms ease;
  -moz-transition: border-color 300ms ease;
  -ms-transition: border-color 300ms ease;
  -o-transition: border-color 300ms ease;
  transition: border-color 300ms ease;
}
div.obox p {
  font-size: 16px;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  font-weight: 300;
  line-height: 1.2;
  color: #222;
  margin: 0;
}
div.obox .wybieram {
  background: #f0f0f0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  font-weight: 400;
  font-size: 16px;
  line-height: 40px;
  color: #585559;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
  text-align: center;
}
div.obox h4 {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
  color: #222222;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  font-weight: 300;
  text-transform: uppercase;
  text-align: left;
  padding: 10px 15px;
  position: relative;
  margin: 0 0 8px 0;
  border-left: 1px solid #f0f0f0;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}
div.obox h4::after {
  content: attr(data-shipment-price);
}
div.obox:hover h4 {
  border-left: 1px solid #a4a4a4;
}
div.obox:hover .content .row {
  border-color: #a4a4a4;
}
div.obox:hover .wybieram {
  background-color: #a4a4a4;
}
div.obox.selected h4 {
  border-left: 1px solid #ff7e00;
}
div.obox.selected .content .row {
  border-color: #ff7e00;
}
div.obox.selected .wybieram {
  background-color: #ff7e00;
  color: #fff;
}
@media (max-width: 979.98px) {
  div.obox {
    margin: 20px 0;
  }
  div.obox h4 {
    font-size: 15px;
    line-height: 18px;
    padding: 5px 10px;
  }
  div.obox .content .row {
    padding: 10px;
  }
  div.obox p {
    font-size: 14px;
    text-align: left;
    margin: 0;
  }
}

@media (max-width: 739.98px) and (orientation: landscape) {
  #sposob-platnosci > div {
    width: 47.91666667%;
    margin-left: 1.04166667%;
    margin-right: 1.04166667%;
  }
}
@media (max-width: 739.98px) and (min-width: 500px) {
  #sposob-platnosci > div {
    width: 47.91666667%;
    margin-left: 1.04166667%;
    margin-right: 1.04166667%;
  }
}
@media (max-width: 499.98px) {
  #sposob-platnosci > div {
    margin-top: 0 !important;
  }
  #sposob-platnosci > div p {
    margin-bottom: 0 !important;
  }
}
div.ordersummary {
  font-size: 19px;
}

@keyframes paymentLoader {
  0% {
    -webkit-transform: rotateZ(0);
    -ms-transform: rotateZ(0);
    transform: rotateZ(0);
  }
  100% {
    -webkit-transform: rotateZ(360deg);
    -ms-transform: rotateZ(360deg);
    transform: rotateZ(360deg);
  }
}
@-moz-keyframes paymentLoader {
  0% {
    -webkit-transform: rotateZ(0);
    -ms-transform: rotateZ(0);
    transform: rotateZ(0);
  }
  100% {
    -webkit-transform: rotateZ(360deg);
    -ms-transform: rotateZ(360deg);
    transform: rotateZ(360deg);
  }
}
div.finish {
  padding: 75px 0;
  position: relative;
  overflow: hidden;
}
div.finish input[type=submit] {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  font-weight: 300;
  font-size: 20px;
  line-height: 22px;
  color: #fff;
  background: #585559;
  text-align: center;
  border: 0;
  display: block;
  padding: 10px 20px;
  cursor: pointer;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
  min-width: 50%;
  margin: 0 auto;
  position: relative;
  z-index: 9;
}
div.finish input[type=submit]:hover {
  background: #a4a4a4;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}
div.finish .peayment-loader {
  display: none;
}
div.finish::before {
  content: "";
  display: block;
  position: absolute;
  width: 2000px;
  height: 1px;
  background-color: #585559;
  top: 50%;
  z-index: 0;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}
div.finish.active {
  height: 196px;
}
div.finish.active::before,
div.finish.active input {
  display: none;
}
div.finish.active .payment-loader {
  display: block;
  width: 30px;
  height: 30px;
  background: -moz-linear-gradient(left, rgba(102, 102, 102, 0.1) 0%, rgba(102, 102, 102, 0.1) 60%, rgb(102, 102, 102) 100%);
  background: -webkit-linear-gradient(left, rgba(102, 102, 102, 0.1) 0%, rgba(102, 102, 102, 0.1) 60%, rgb(102, 102, 102) 100%);
  background: linear-gradient(to right, rgba(102, 102, 102, 0.1) 0%, rgba(102, 102, 102, 0.1) 60%, rgb(102, 102, 102) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1a666666", 					endColorstr="#666666", 					GradientType=1);
  border-radius: 50%;
  position: absolute;
  left: calc(50% - 15px);
  top: calc(50% - 15px);
  z-index: 99;
  -webkit-animation: paymentLoader 0.5s linear;
  animation: paymentLoader 0.5s linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
div.finish.active .payment-loader::after {
  content: "";
  display: block;
  background: #fff;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 5px;
  left: 5px;
  border-radius: 50%;
}
div.finish.disabled {
  padding: 3px 0;
}
div.finish.disabled input {
  background-color: #dddddd;
  background-image: -webkit-repeating-linear-gradient(135deg, #dddddd, #dddddd 20px, #d8d8d8 20px, #d8d8d8 40px);
  background-image: -o-repeating-linear-gradient(135deg, #dddddd, #dddddd 20px, #d8d8d8 20px, #d8d8d8 40px);
  background-image: repeating-linear-gradient(-45deg, #dddddd, #dddddd 20px, #d8d8d8 20px, #d8d8d8 40px);
  cursor: default;
}
div.finish.disabled input:hover {
  background-color: #dddddd;
  background-image: -webkit-repeating-linear-gradient(135deg, #dddddd, #dddddd 20px, #d8d8d8 20px, #d8d8d8 40px);
  background-image: -o-repeating-linear-gradient(135deg, #dddddd, #dddddd 20px, #d8d8d8 20px, #d8d8d8 40px);
  background-image: repeating-linear-gradient(-45deg, #dddddd, #dddddd 20px, #d8d8d8 20px, #d8d8d8 40px);
}
div.finish.disabled::before {
  background-color: #dddddd;
}
div.finish.finish-bottom {
  margin-top: -10px;
  padding: 0;
}
div.finish.finish-bottom input[type=submit] {
  min-width: 290px;
  max-width: 90%;
  margin: 0 13% 0 auto;
}

@media (max-width: 979.98px) {
  div.finish.finish-bottom {
    margin-top: 30px;
    padding: 3px 0;
  }
  div.finish.finish-bottom input[type=submit] {
    min-width: 0;
    max-width: 100%;
    margin: 0 auto;
  }
}
@media (max-width: 739.98px) {
  div.finish {
    margin: 0;
    text-align: center;
  }
  div.finish.finish-bottom {
    margin-top: 20px;
  }
}
@media (max-width: 979.98px) {
  section.zamowienie h2,
section.order-product h2 {
    font-size: 24px;
  }
}
.summary-voucher.d-none {
  display: none;
}

.original-price {
  display: none;
  margin-right: 5px;
}

.voucher-wrap {
  max-width: 90%;
  width: 100%;
  margin: 9px 0 0 auto;
  padding-bottom: 16px;
}
.voucher-wrap .voucher-title {
  font-size: 15px;
  font-weight: 300;
  text-transform: uppercase;
  margin-bottom: 10px;
}
.voucher-wrap .voucher-error {
  display: none;
  font-size: 13px;
  line-height: normal;
  color: #ff3636;
  position: absolute;
  top: 100%;
  margin-top: 5px;
}

@media (max-width: 979.98px) {
  .voucher-wrap {
    max-width: 100%;
    width: 100%;
    margin: 0 auto 20px;
    border-bottom: 1px solid #f6f6f6;
    padding-bottom: 20px;
  }
  .voucher-wrap .voucher-title {
    font-size: 14px;
  }
  .voucher-wrap .voucher-error {
    font-size: 12px;
    margin-top: 2px;
  }
}
section.zamowienie form .voucher-group {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  width: 100%;
}
section.zamowienie form .voucher-group .voucher-append {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -1px;
}
section.zamowienie form .voucher-group .voucher-append .btn {
  position: relative;
  z-index: 2;
  background: #fff;
  border: 1px solid #f0f0f0;
  color: #ff7e00;
  padding: 3px 20px;
  font-size: 14px;
  cursor: pointer;
  height: 100%;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}
section.zamowienie form .voucher-group .voucher-append .btn.active {
  border-color: #ff7e00;
  color: #fff;
  background: #ff7e00;
}
section.zamowienie form .voucher-group input[type=text] {
  position: relative;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  width: 1%;
  margin: 0 15px 0 0;
  padding-left: 15px;
  background-color: #f6f6f6;
  text-transform: none !important;
}

.summary-container {
  margin-top: 40px;
}

@media (max-width: 979.98px) {
  .summary-container {
    margin-top: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .summary-container .order-1 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
  .summary-container .order-2 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
  .summary-container .order-3 {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
  }
  section.zamowienie form .voucher-group .voucher-append {
    min-width: 30%;
  }
  section.zamowienie form .voucher-group .voucher-append .btn {
    width: 100%;
  }
  section.zamowienie form .voucher-group input[type=text] {
    margin: 0 10px 0 0;
    width: 0;
  }
}
@media (min-width: 740px) and (max-width: 979.98px) {
  .voucher-wrap .voucher-title {
    max-width: calc(50% - 5px);
    display: inline-block;
    width: 100%;
    padding-right: 25px;
    text-align: right;
    margin-bottom: 0;
    vertical-align: middle;
  }
  section.zamowienie form .voucher-group {
    max-width: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: inline-flex;
    vertical-align: middle;
    padding-left: 0;
    width: 100%;
  }
  section.zamowienie form .voucher-group .voucher-append {
    min-width: 30%;
  }
  section.zamowienie form .voucher-group .voucher-append .btn {
    width: 100%;
    font-size: 13px;
  }
  section.zamowienie form .voucher-group input[type=text] {
    max-width: calc(70% - 10px);
  }
}
@media (max-width: 739.98px) {
  section.zamowienie form .voucher-group input[type=text] {
    max-width: calc(70% - 20px);
  }
}
/* -------------------------------------------------------------------------------------------------------------------
--------------------------------------------------- BLOG PAGE --------------------------------------------------------
--------------------------------------------------------------------------------------------------------------------*/
section.blog {
  margin-top: 75px;
  background: #fff;
}
section.blog h1 {
  margin: 50px 10px 15px 0;
  font-size: 48px;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  font-weight: 300;
  position: relative;
}
section.blog h1::after {
  content: "";
  display: block;
  width: 150px;
  height: 3px;
  background: #d4c09b;
  position: absolute;
  left: 0;
  bottom: -30px;
}
section.blog div.b-intro {
  margin: 50px 0 0px 0;
}
section.blog div.b-intro h3 {
  color: #585559;
  font-size: 28px;
  margin: 1em 0 0 0;
  font-weight: 700;
}
section.blog div.b-intro h3.articletitle {
  padding-bottom: 15px;
  margin-left: 1.04166667%;
  margin-right: 1.04166667%;
  font-weight: 300;
}
@media (max-width: 1219.98px) {
  section.blog div.b-intro h3 {
    margin: 0;
  }
}
@media (max-width: 739.98px) {
  section.blog div.b-intro h3 {
    margin: 0;
    text-align: center;
  }
}
section.blog div.b-intro p {
  font-size: 15px;
  color: #606060;
  line-height: 150%;
}
section.blog div.b-intro p.featured-paragraph {
  position: relative;
  min-height: 95px;
  padding: 20px 20px 20px 110px;
  text-transform: uppercase;
  text-align: left;
  font-weight: 300;
  background: #fafafa;
}
section.blog div.b-intro p.featured-paragraph::before {
  content: "";
  display: block;
  position: absolute;
  left: 30px;
  top: -webkit-calc(50% - 37px);
  top: calc(50% - 37px);
  width: 50px;
  height: 75px;
  background-image: url("../img/light-bulb.svg");
  background-size: cover;
}
section.blog div.b-intro p a {
  font-size: 1em !important;
}
@media (max-width: 499.98px) {
  section.blog div.b-intro p {
    font-size: 13px;
    text-align: left;
  }
  section.blog div.b-intro p.featured-paragraph {
    min-height: 0;
    padding: 10px;
    text-align: center;
  }
  section.blog div.b-intro p.featured-paragraph::before {
    position: static;
    width: 24px;
    height: 36px;
    margin: 0 auto 10px;
  }
}
section.blog div.b-intro li {
  font-size: 15px;
  color: #606060;
  line-height: 150%;
}
section.blog div.b-intro a.readmore {
  display: inline-block;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  font-weight: 400;
  font-size: 15px;
  line-height: 13px;
  color: #000;
  text-decoration: none;
  border: 2px solid #000;
  padding: 10px 15px 10px 15px;
  margin: 20px 0 0 0;
  background: #fff;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}
section.blog div.b-intro a.readmore:hover {
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
  background: #000;
  color: #fff;
}
@media (max-width: 739.98px) {
  section.blog div.b-intro a.readmore {
    display: block;
    text-align: center;
    margin: 10px auto;
    width: 80%;
  }
}
section.blog div.module {
  background: #fff;
  border: 2px solid #eee;
  margin: 50px 0 0 0;
  padding: 2em;
}
section.blog div.module h4 {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  font-weight: 400;
  font-size: 17px;
  line-height: 13px;
  color: #000;
}
section.blog div.module hr.gold {
  border: 0;
  height: 3px;
  background: #d4c09b;
  width: 50%;
}
@media (min-width: 740px) and (max-width: 979.98px) {
  section.blog div.module {
    padding: 1em;
  }
}
section.blog ul.categories {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
section.blog ul.categories li {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  font-weight: 400;
  font-size: 15px;
  line-height: 19px;
  color: #000;
  text-align: left;
  margin: 5px 0;
}
section.blog ul.categories li span {
  float: right;
}
section.blog ul.categories li a {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  font-weight: 400;
  font-size: 13px;
  line-height: 19px;
  color: #000;
  text-decoration: none;
  display: block;
  padding: 5px 0;
  text-transform: uppercase;
}
section.blog ul.categories li.active a {
  background: #fff;
}
section.blog div.posts {
  margin: 10px 0;
}
section.blog div.posts:hover {
  background: #fff;
}
section.blog p,
section.blog a {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  font-weight: 400;
  font-size: 15px;
  line-height: 19px;
  color: #ff7e00;
  text-decoration: none;
}
section.blog div.tags a.tag {
  display: inline-block;
  padding: 5px 6px;
  margin: 7px 5px 0 0;
  background: #585559;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  font-weight: 400;
  font-size: 13px;
  line-height: 19px;
  color: #fff;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}
section.blog div.tags a.tag:hover {
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
  background: #000;
  color: #fff;
}
section.blog ul.pagenav {
  list-style-type: none;
  margin: 20px 0;
  float: right;
}
section.blog ul.pagenav li {
  display: inline-block;
  margin: 0 5px;
  text-align: center;
}
section.blog ul.pagenav li a:link {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  font-weight: 400;
  font-size: 13px;
  line-height: 19px;
  color: #000;
  display: block;
  text-align: center;
  padding: 3px 8px;
}
section.blog ul.pagenav li.active a:link {
  background: #d4c09b;
  color: #fff;
}
section.blog div.icons {
  padding: 40px 0;
}
section.blog div.icons a {
  display: inline-block;
  margin: 5px 5px 0 0;
  color: #606060;
}
section.blog div.comments {
  margin: 10px 0;
}
section.blog div.comments a.reply {
  display: block;
  padding: 5px 0px;
  text-align: center;
  margin: 7px 0 0 0;
  background: #d4c09b;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  font-weight: 400;
  font-size: 13px;
  line-height: 19px;
  color: #fff;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}
section.blog div.comments a.reply:hover {
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
  background: #000;
  color: #fff;
}
section.blog div.comments p.author {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  font-weight: 700;
  font-size: 13px;
  line-height: 1em;
  color: #606060;
  margin: 0;
}
section.blog div.comments p.date {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  font-weight: 400;
  font-size: 11px;
  line-height: 1em;
  color: #606060;
  margin: 0.5em 0;
}
section.blog form label {
  display: block;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  font-weight: 400;
  font-size: 16px;
  line-height: 1.4em;
  color: #000;
}
section.blog form input[type=text],
section.blog form textarea {
  margin: 5px 0 15px 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  font-weight: 400;
  font-size: 16px;
  line-height: 50px;
  color: #000;
  height: 50px;
  width: 100%;
  border: 1px solid #585559;
  text-transform: none !important;
}
section.blog form input[type=submit] {
  margin: 5px 0 15px 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  font-weight: 400;
  font-size: 16px;
  line-height: 50px;
  color: #fff;
  height: 50px;
  width: 100%;
  background: #585559;
  border: 0;
  cursor: pointer;
}
section.blog form input[type=submit]:hover {
  background: #000;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}
section.blog form textarea {
  height: 150px;
  text-transform: none !important;
}
section.blog form select {
  margin: 5px 0 15px 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  font-weight: 400;
  font-size: 16px;
  line-height: 50px;
  color: #000;
  height: 50px;
  width: 100%;
  border: 1px solid #585559;
}

li.recent-post {
  list-style: none;
}
li.recent-post .sidebar-title {
  text-align: left !important;
}

ul.recent-posts-container p {
  text-align: left;
}

.posts-pagination {
  margin: 20px;
}
.posts-pagination a.page {
  padding: 7px;
}
.posts-pagination a.page.active {
  color: #fff;
  background: #585559;
}

input,
select {
  box-shadow: none !important;
}

.invalid:invalid {
  border: 1px solid rgba(220, 53, 69, 0.3) !important;
  color: #dc3545 !important;
  background: rgba(220, 53, 69, 0.03) !important;
}

/* -------------------------------------------------------------------------------------------------------------------
--------------------------------------------------- FLAGI --------------------------------------------------------
--------------------------------------------------------------------------------------------------------------------*/
#flagi {
  display: block;
  width: 100%;
  margin: auto;
  height: 2em;
}
#flagi a {
  margin: 5px;
  display: inline-block;
}

.flag {
  width: 32px;
  height: 32px;
  background: url(https://web.nanoil.store/assets/img/flags.webp) no-repeat;
  float: left;
}

a.flag.flag-current {
  margin: 0.5em 0 0 1em;
  outline: none;
  border: 0;
}

.flag.flag-ad {
  background-position: -32px 0;
}

.flag.flag-ae {
  background-position: -64px 0;
}

.flag.flag-af {
  background-position: -96px 0;
}

.flag.flag-ag {
  background-position: -128px 0;
}

.flag.flag-ai {
  background-position: -160px 0;
}

.flag.flag-al {
  background-position: -192px 0;
}

.flag.flag-am {
  background-position: -224px 0;
}

.flag.flag-an {
  background-position: -256px 0;
}

.flag.flag-ao {
  background-position: -288px 0;
}

.flag.flag-ar {
  background-position: -320px 0;
}

.flag.flag-as {
  background-position: -352px 0;
}

.flag.flag-at {
  background-position: -384px 0;
}

.flag.flag-au {
  background-position: -416px 0;
}

.flag.flag-aw {
  background-position: -448px 0;
}

.flag.flag-az {
  background-position: 0 -32px;
}

.flag.flag-ba {
  background-position: -32px -32px;
}

.flag.flag-bb {
  background-position: -64px -32px;
}

.flag.flag-bd {
  background-position: -96px -32px;
}

.flag.flag-be {
  background-position: -128px -32px;
}

.flag.flag-bf {
  background-position: -160px -32px;
}

.flag.flag-bg {
  background-position: -192px -32px;
}

.flag.flag-bh {
  background-position: -224px -32px;
}

.flag.flag-bi {
  background-position: -256px -32px;
}

.flag.flag-bj {
  background-position: -288px -32px;
}

.flag.flag-bm {
  background-position: -320px -32px;
}

.flag.flag-bn {
  background-position: -352px -32px;
}

.flag.flag-bo {
  background-position: -384px -32px;
}

.flag.flag-br {
  background-position: -416px -32px;
}

.flag.flag-bs {
  background-position: -448px -32px;
}

.flag.flag-bt {
  background-position: 0 -64px;
}

.flag.flag-bw {
  background-position: -32px -64px;
}

.flag.flag-by {
  background-position: -64px -64px;
}

.flag.flag-bz {
  background-position: -96px -64px;
}

.flag.flag-ca {
  background-position: -128px -64px;
}

.flag.flag-cd {
  background-position: -160px -64px;
}

.flag.flag-cf {
  background-position: -192px -64px;
}

.flag.flag-cg {
  background-position: -224px -64px;
}

.flag.flag-ch {
  background-position: -256px -64px;
}

.flag.flag-ci {
  background-position: -288px -64px;
}

.flag.flag-ck {
  background-position: -320px -64px;
}

.flag.flag-cl {
  background-position: -352px -64px;
}

.flag.flag-cm {
  background-position: -384px -64px;
}

.flag.flag-cn {
  background-position: -416px -64px;
}

.flag.flag-co {
  background-position: -448px -64px;
}

.flag.flag-cr {
  background-position: 0 -96px;
}

.flag.flag-cu {
  background-position: -32px -96px;
}

.flag.flag-cv {
  background-position: -64px -96px;
}

.flag.flag-cy {
  background-position: -96px -96px;
}

.flag.flag-cz {
  background-position: -128px -96px;
}

.flag.flag-de {
  background-position: -160px -96px;
}

.flag.flag-dj {
  background-position: -192px -96px;
}

.flag.flag-dk {
  background-position: -224px -96px;
}

.flag.flag-dm {
  background-position: -256px -96px;
}

.flag.flag-do {
  background-position: -288px -96px;
}

.flag.flag-dz {
  background-position: -320px -96px;
}

.flag.flag-ec {
  background-position: -352px -96px;
}

.flag.flag-ee {
  background-position: -384px -96px;
}

.flag.flag-eg {
  background-position: -416px -96px;
}

.flag.flag-eh {
  background-position: -448px -96px;
}

.flag.flag-er {
  background-position: 0 -128px;
}

.flag.flag-es {
  background-position: -32px -128px;
}

.flag.flag-et {
  background-position: -64px -128px;
}

.flag.flag-fi {
  background-position: -96px -128px;
}

.flag.flag-fj {
  background-position: -128px -128px;
}

.flag.flag-fm {
  background-position: -160px -128px;
}

.flag.flag-fo {
  background-position: -192px -128px;
}

.flag.flag-fr {
  background-position: -224px -128px;
}

.flag.flag-ga {
  background-position: -256px -128px;
}

.flag.flag-gb {
  background-position: -288px -128px;
}

.flag.flag-gd {
  background-position: -320px -128px;
}

.flag.flag-ge {
  background-position: -352px -128px;
}

.flag.flag-gg {
  background-position: -384px -128px;
}

.flag.flag-gh {
  background-position: -416px -128px;
}

.flag.flag-gi {
  background-position: -448px -128px;
}

.flag.flag-gl {
  background-position: 0 -160px;
}

.flag.flag-gm {
  background-position: -32px -160px;
}

.flag.flag-gn {
  background-position: -64px -160px;
}

.flag.flag-gp {
  background-position: -96px -160px;
}

.flag.flag-gq {
  background-position: -128px -160px;
}

.flag.flag-gr {
  background-position: -160px -160px;
}

.flag.flag-gt {
  background-position: -192px -160px;
}

.flag.flag-gu {
  background-position: -224px -160px;
}

.flag.flag-gw {
  background-position: -256px -160px;
}

.flag.flag-gy {
  background-position: -288px -160px;
}

.flag.flag-hk {
  background-position: -320px -160px;
}

.flag.flag-hn {
  background-position: -352px -160px;
}

.flag.flag-hr {
  background-position: -384px -160px;
}

.flag.flag-ht {
  background-position: -416px -160px;
}

.flag.flag-hu {
  background-position: -448px -160px;
}

.flag.flag-id {
  background-position: 0 -192px;
}

.flag.flag-ie {
  background-position: -32px -192px;
}

.flag.flag-il {
  background-position: -64px -192px;
}

.flag.flag-im {
  background-position: -96px -192px;
}

.flag.flag-in {
  background-position: -128px -192px;
}

.flag.flag-iq {
  background-position: -160px -192px;
}

.flag.flag-ir {
  background-position: -192px -192px;
}

.flag.flag-is {
  background-position: -224px -192px;
}

.flag.flag-it {
  background-position: -256px -192px;
}

.flag.flag-je {
  background-position: -288px -192px;
}

.flag.flag-jm {
  background-position: -320px -192px;
}

.flag.flag-jo {
  background-position: -352px -192px;
}

.flag.flag-jp {
  background-position: -384px -192px;
}

.flag.flag-ke {
  background-position: -416px -192px;
}

.flag.flag-kg {
  background-position: -448px -192px;
}

.flag.flag-kh {
  background-position: 0 -224px;
}

.flag.flag-ki {
  background-position: -32px -224px;
}

.flag.flag-km {
  background-position: -64px -224px;
}

.flag.flag-kn {
  background-position: -96px -224px;
}

.flag.flag-kp {
  background-position: -128px -224px;
}

.flag.flag-kr {
  background-position: -160px -224px;
}

.flag.flag-kw {
  background-position: -192px -224px;
}

.flag.flag-ky {
  background-position: -224px -224px;
}

.flag.flag-kz {
  background-position: -256px -224px;
}

.flag.flag-la {
  background-position: -288px -224px;
}

.flag.flag-lb {
  background-position: -320px -224px;
}

.flag.flag-lc {
  background-position: -352px -224px;
}

.flag.flag-li {
  background-position: -384px -224px;
}

.flag.flag-lk {
  background-position: -416px -224px;
}

.flag.flag-lr {
  background-position: -448px -224px;
}

.flag.flag-ls {
  background-position: 0 -256px;
}

.flag.flag-lt {
  background-position: -32px -256px;
}

.flag.flag-lu {
  background-position: -64px -256px;
}

.flag.flag-lv {
  background-position: -96px -256px;
}

.flag.flag-ly {
  background-position: -128px -256px;
}

.flag.flag-ma {
  background-position: -160px -256px;
}

.flag.flag-mc {
  background-position: -192px -256px;
}

.flag.flag-md {
  background-position: -224px -256px;
}

.flag.flag-me {
  background-position: -256px -256px;
}

.flag.flag-mg {
  background-position: -288px -256px;
}

.flag.flag-mh {
  background-position: -320px -256px;
}

.flag.flag-mk {
  background-position: -352px -256px;
}

.flag.flag-ml {
  background-position: -384px -256px;
}

.flag.flag-mm {
  background-position: -416px -256px;
}

.flag.flag-mn {
  background-position: -448px -256px;
}

.flag.flag-mo {
  background-position: 0 -288px;
}

.flag.flag-mq {
  background-position: -32px -288px;
}

.flag.flag-mr {
  background-position: -64px -288px;
}

.flag.flag-ms {
  background-position: -96px -288px;
}

.flag.flag-mt {
  background-position: -128px -288px;
}

.flag.flag-mu {
  background-position: -160px -288px;
}

.flag.flag-mv {
  background-position: -192px -288px;
}

.flag.flag-mw {
  background-position: -224px -288px;
}

.flag.flag-mx {
  background-position: -256px -288px;
}

.flag.flag-my {
  background-position: -288px -288px;
}

.flag.flag-mz {
  background-position: -320px -288px;
}

.flag.flag-na {
  background-position: -352px -288px;
}

.flag.flag-nc {
  background-position: -384px -288px;
}

.flag.flag-ne {
  background-position: -416px -288px;
}

.flag.flag-ng {
  background-position: -448px -288px;
}

.flag.flag-ni {
  background-position: 0 -320px;
}

.flag.flag-nl {
  background-position: -32px -320px;
}

.flag.flag-no {
  background-position: -64px -320px;
}

.flag.flag-np {
  background-position: -96px -320px;
}

.flag.flag-nr {
  background-position: -128px -320px;
}

.flag.flag-nz {
  background-position: -160px -320px;
}

.flag.flag-om {
  background-position: -192px -320px;
}

.flag.flag-pa {
  background-position: -224px -320px;
}

.flag.flag-pe {
  background-position: -256px -320px;
}

.flag.flag-pf {
  background-position: -288px -320px;
}

.flag.flag-pg {
  background-position: -320px -320px;
}

.flag.flag-ph {
  background-position: -352px -320px;
}

.flag.flag-pk {
  background-position: -384px -320px;
}

.flag.flag-pl {
  background-position: -416px -320px;
}

.flag.flag-pr {
  background-position: -448px -320px;
}

.flag.flag-ps {
  background-position: 0 -352px;
}

.flag.flag-pt {
  background-position: -32px -352px;
}

.flag.flag-pw {
  background-position: -64px -352px;
}

.flag.flag-py {
  background-position: -96px -352px;
}

.flag.flag-qa {
  background-position: -128px -352px;
}

.flag.flag-re {
  background-position: -160px -352px;
}

.flag.flag-ro {
  background-position: -192px -352px;
}

.flag.flag-rs {
  background-position: -224px -352px;
}

.flag.flag-ru {
  background-position: -256px -352px;
}

.flag.flag-rw {
  background-position: -288px -352px;
}

.flag.flag-sa {
  background-position: -320px -352px;
}

.flag.flag-sb {
  background-position: -352px -352px;
}

.flag.flag-sc {
  background-position: -384px -352px;
}

.flag.flag-sd {
  background-position: -416px -352px;
}

.flag.flag-se {
  background-position: -448px -352px;
}

.flag.flag-sg {
  background-position: 0 -384px;
}

.flag.flag-si {
  background-position: -32px -384px;
}

.flag.flag-sk {
  background-position: -64px -384px;
}

.flag.flag-sl {
  background-position: -96px -384px;
}

.flag.flag-sm {
  background-position: -128px -384px;
}

.flag.flag-sn {
  background-position: -160px -384px;
}

.flag.flag-so {
  background-position: -192px -384px;
}

.flag.flag-sr {
  background-position: -224px -384px;
}

.flag.flag-st {
  background-position: -256px -384px;
}

.flag.flag-sv {
  background-position: -288px -384px;
}

.flag.flag-sy {
  background-position: -320px -384px;
}

.flag.flag-sz {
  background-position: -352px -384px;
}

.flag.flag-tc {
  background-position: -384px -384px;
}

.flag.flag-td {
  background-position: -416px -384px;
}

.flag.flag-tg {
  background-position: -448px -384px;
}

.flag.flag-th {
  background-position: 0 -416px;
}

.flag.flag-tj {
  background-position: -32px -416px;
}

.flag.flag-tl {
  background-position: -64px -416px;
}

.flag.flag-tm {
  background-position: -96px -416px;
}

.flag.flag-tn {
  background-position: -128px -416px;
}

.flag.flag-to {
  background-position: -160px -416px;
}

.flag.flag-tr {
  background-position: -192px -416px;
}

.flag.flag-tt {
  background-position: -224px -416px;
}

.flag.flag-tv {
  background-position: -256px -416px;
}

.flag.flag-tw {
  background-position: -288px -416px;
}

.flag.flag-tz {
  background-position: -320px -416px;
}

.flag.flag-ua {
  background-position: -352px -416px;
}

.flag.flag-ug {
  background-position: -384px -416px;
}

.flag.flag-us {
  background-position: -416px -416px;
}

.flag.flag-uy {
  background-position: -448px -416px;
}

.flag.flag-uz {
  background-position: 0 -448px;
}

.flag.flag-va {
  background-position: -32px -448px;
}

.flag.flag-vc {
  background-position: -64px -448px;
}

.flag.flag-ve {
  background-position: -96px -448px;
}

.flag.flag-vg {
  background-position: -128px -448px;
}

.flag.flag-vi {
  background-position: -160px -448px;
}

.flag.flag-vn {
  background-position: -192px -448px;
}

.flag.flag-vu {
  background-position: -224px -448px;
}

.flag.flag-ws {
  background-position: -256px -448px;
}

.flag.flag-ye {
  background-position: -288px -448px;
}

.flag.flag-za {
  background-position: -320px -448px;
}

.flag.flag-zm {
  background-position: -352px -448px;
}

.flag.flag-zw {
  background-position: -384px -448px;
}

.alert-container-fixed {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 9999;
  background-color: rgba(0, 0, 0, 0.3);
}
.alert-container-fixed .alert-container {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  margin-top: 15%;
  background-color: #fafafa;
  border: 1px solid #d4c09b;
  width: 500px;
  max-width: 90%;
  padding: 50px 15px 30px 15px;
}
.alert-container-fixed .alert-container span {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer;
}
.alert-container-fixed .alert-container span::before, .alert-container-fixed .alert-container span::after {
  content: "";
  background-color: #dfd1b7;
  width: 40px;
  height: 4px;
  position: absolute;
  left: -5px;
  top: 13px;
}
.alert-container-fixed .alert-container span::before {
  transform: rotateZ(-45deg);
}
.alert-container-fixed .alert-container span::after {
  transform: rotateZ(45deg);
}
.alert-container-fixed .alert-container span:hover::before, .alert-container-fixed .alert-container span:hover::after {
  background-color: #d4c09b;
}
.alert-container-fixed .alert-container p {
  margin-bottom: 20px;
}

/**
 * Grid hidden
 **/
@media (min-width: 1220px) {
  .xl-hidden {
    display: none !important;
  }
}
@media (min-width: 980px) and (max-width: 1219.98px) {
  .lg-hidden {
    display: none !important;
  }
}
@media (min-width: 740px) and (max-width: 979.98px) {
  .md-hidden {
    display: none !important;
  }
}
@media (min-width: 500px) and (max-width: 739.98px) {
  .sm-hidden {
    display: none !important;
  }
}
@media (max-width: 499.98px) {
  .xs-hidden {
    display: none !important;
  }
}
/**
 * Natural oils products
 **/
.price-before {
  position: relative !important;
  padding: 5px 10px !important;
}
.price-before::before {
  content: attr(data-price-before);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  font-weight: 400;
  font-size: 14px;
  color: #555;
  line-height: 1;
  padding: 0 8px 0 0 !important;
  margin: 0 8px 0 0 !important;
  border-right: 1px solid #eaeaea;
}
@media (min-width: 740px) and (max-width: 979.98px) and (orientation: portrait) {
  .price-before::before {
    display: block !important;
    border: none !important;
    padding: 3px 8px !important;
  }
}

/**
 * New Order
 **/
section.create-pack {
  background-color: #ffffff;
  padding-top: 125px;
}
section.create-pack h1 {
  text-transform: uppercase;
  color: #c0c0c0;
  font-size: 32px;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
}
section.create-pack h1 strong {
  color: #585559;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
}
@media (max-width: 739.98px) {
  section.create-pack {
    padding-top: 70px;
  }
  section.create-pack h1 {
    font-size: 28px;
  }
}

section.desc-icons {
  background-color: #ffffff;
  padding: 0 0 10px 0;
}
section.desc-icons .row {
  position: relative;
  padding: 20px 0;
}
section.desc-icons .row::before, section.desc-icons .row::after {
  content: "";
  display: block;
  width: 90%;
  height: 1px;
  background-color: #f4f4f4;
  position: absolute;
  left: 5%;
}
section.desc-icons .row::before {
  top: 0;
}
section.desc-icons .row::after {
  bottom: 0;
  visibility: visible;
}
section.desc-icons .desc-block {
  width: 32%;
  float: left;
  margin-left: 2%;
}
section.desc-icons .desc-block:first-child {
  margin-left: 0;
}
section.desc-icons .desc-block.best-prices h2::before {
  background-image: url("https://web.nanoil.store/assets/img/best-prices.webp");
  background-image: -webkit-image-set(url("https://web.nanoil.store/assets/img/best-prices.webp") 1x, url("https://web.nanoil.store/assets/img/best-prices-x2.webp") 2x);
  background-image: image-set(url("https://web.nanoil.store/assets/img/best-prices.webp") 1x, url("https://web.nanoil.store/assets/img/best-prices-x2.webp") 2x);
  background-size: contain;
}
section.desc-icons .desc-block.easy-to-order h2::before {
  background-image: url("https://web.nanoil.store/assets/img/easy-to-order.webp");
  background-image: -webkit-image-set(url("https://web.nanoil.store/assets/img/easy-to-order.webp") 1x, url("https://web.nanoil.store/assets/img/easy-to-order-x2.webp") 2x);
  background-image: image-set(url("https://web.nanoil.store/assets/img/easy-to-order.webp") 1x, url("https://web.nanoil.store/assets/img/easy-to-order-x2.webp") 2x);
  background-size: contain;
}
section.desc-icons .desc-block.express-delivery h2::before {
  background-image: url("https://web.nanoil.store/assets/img/express-delivery.webp");
  background-image: -webkit-image-set(url("https://web.nanoil.store/assets/img/express-delivery.webp") 1x, url("https://web.nanoil.store/assets/img/express-delivery-x2.webp") 2x);
  background-image: image-set(url("https://web.nanoil.store/assets/img/express-delivery.webp") 1x, url("https://web.nanoil.store/assets/img/express-delivery-x2.webp") 2x);
  background-size: contain;
}
section.desc-icons .desc-block h2 {
  font-size: 17px;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  line-height: 1;
  position: relative;
  height: 50px;
  display: table-cell;
  vertical-align: middle;
  text-transform: uppercase;
  padding-left: 60px;
}
section.desc-icons .desc-block h2::before {
  content: "";
  width: 50px;
  height: 50px;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
section.desc-icons .desc-block p {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  font-weight: 300;
  font-size: 16px;
  line-height: 1.2em;
  color: #222;
  text-align: left;
}
@media (max-width: 979.98px) {
  section.desc-icons {
    display: none;
  }
}

h2.order-heading {
  padding: 20px 0;
  font-size: 20px !important;
  line-height: 20px;
  text-transform: uppercase;
  color: #222222;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  font-weight: 300;
  position: relative;
  z-index: 2;
}
h2.order-heading .number {
  display: block;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  font-weight: 400;
  font-size: 90px;
  line-height: 60px;
  color: #f5f0ea;
  position: absolute;
  left: -5px;
  top: 0;
  z-index: -1;
}
@media (max-width: 499.98px) {
  h2.order-heading {
    font-size: 18px;
    text-align: center;
  }
  h2.order-heading .number {
    left: 40%;
  }
}

#cart-summary {
  width: 100%;
  text-transform: uppercase;
}
#cart-summary > div {
  padding: 25px 10px 25px 0;
}
#cart-summary > div > span {
  text-align: center;
  display: block;
  float: left;
  font-size: 14px;
  line-height: 24px;
  font-weight: 300;
}
#cart-summary > div .no {
  width: 4%;
  color: #b8b8b8;
  min-height: 24px;
}
#cart-summary > div .product {
  text-align: left;
  width: 50%;
  padding: 0 0 0 10px;
  margin-bottom: -7px;
}
#cart-summary > div .quantity-and-price {
  width: 36%;
}
#cart-summary > div .quantity-and-price:after {
  content: "";
  display: block;
  clear: both;
}
#cart-summary > div .quantity {
  width: 50%;
  float: left;
  white-space: nowrap;
  padding: 0 10px;
}
#cart-summary > div .price {
  width: 50%;
  float: left;
  white-space: nowrap;
}
#cart-summary > div .delete {
  width: 10%;
}
#cart-summary > div::after {
  content: "";
  display: block;
  clear: both;
}
@media (max-width: 1219.98px) {
  #cart-summary > div span {
    font-size: 13px;
  }
  #cart-summary > div .no {
    width: 4%;
  }
  #cart-summary > div .product {
    width: 45%;
  }
  #cart-summary > div .quantity-and-price {
    width: 39%;
  }
  #cart-summary > div .quantity {
    width: 60%;
  }
  #cart-summary > div .price {
    width: 40%;
  }
  #cart-summary > div .delete {
    width: 12%;
  }
}
@media (max-width: 979.98px) {
  #cart-summary > div.table-row .quantity input {
    width: calc(80% - 58px);
  }
  #cart-summary > div.table-row .quantity .quantity-minus {
    margin-left: 10%;
  }
}
@media (max-width: 739.98px) {
  #cart-summary > div .quantity-and-price {
    width: 41%;
  }
  #cart-summary > div .delete {
    width: 10%;
  }
  #cart-summary > div.table-row .quantity input {
    width: calc(100% - 58px);
  }
  #cart-summary > div.table-row .quantity .quantity-minus {
    margin-left: 0;
  }
}
@media (max-width: 575.98px) {
  #cart-summary > div {
    padding: 15px 10px 15px 0;
  }
  #cart-summary > div > span {
    font-size: 11px;
  }
  #cart-summary > div .no {
    width: 3%;
  }
  #cart-summary > div .product {
    width: 50%;
    text-overflow: unset;
    overflow: visible;
  }
  #cart-summary > div .quantity-and-price {
    width: 35%;
  }
  #cart-summary > div .quantity {
    width: 50%;
    font-size: 11px;
  }
  #cart-summary > div .price {
    width: 50%;
    font-size: 11px;
  }
  #cart-summary > div .delete {
    width: 12%;
  }
  #cart-summary > div.table-header .quantity {
    width: 50%;
    text-align: right;
    padding-right: 4px;
  }
  #cart-summary > div.table-header .price {
    width: 50%;
    text-align: left;
  }
  #cart-summary > div.table-header .price::before {
    content: "/";
    margin-right: 4px;
  }
  #cart-summary > div.table-row .no {
    font-size: 14px;
    line-height: 24px;
  }
  #cart-summary > div.table-row .product {
    width: 50%;
    margin-bottom: 5px;
  }
  #cart-summary > div.table-row .quantity {
    width: 100%;
    padding-top: 2px;
  }
  #cart-summary > div.table-row .quantity input {
    margin: 0 2px;
    height: 18px;
    width: calc(80% - 40px);
  }
  #cart-summary > div.table-row .quantity .quantity-minus,
#cart-summary > div.table-row .quantity .quantity-plus {
    width: 18px;
    height: 18px;
    line-height: 14px;
  }
  #cart-summary > div.table-row .quantity .quantity-minus {
    margin-left: 10%;
  }
  #cart-summary > div.table-row .price {
    width: 100%;
    margin-top: 4px;
  }
  #cart-summary > div.table-summary .product {
    width: 35%;
  }
  #cart-summary > div.table-summary .quantity-and-price {
    width: 50%;
  }
  #cart-summary > div.table-summary .quantity {
    width: 30%;
    text-align: right;
  }
  #cart-summary > div.table-summary .price {
    width: 70%;
  }
}
#cart-summary .table-header {
  background-color: #585559;
  color: #ffffff;
  padding: 5px 10px 5px 0;
  color: #d4c09b;
}
#cart-summary .empty-cart {
  text-align: center;
  font-style: italic;
  color: #777777;
}
#cart-summary .table-row {
  border-bottom: 1px solid #ebebeb;
}
#cart-summary .table-row .no {
  font-size: 24px;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  font-weight: 300;
}
#cart-summary .table-row .quantity input {
  border: 1px solid #585559;
  text-align: center;
  height: 24px;
  margin: 0 5px;
  display: block;
  float: left;
  width: calc(60% - 58px);
}
#cart-summary .table-row .quantity .quantity-minus,
#cart-summary .table-row .quantity .quantity-plus {
  border-radius: 0;
  border: 1px solid #585559;
  background-color: #585559;
  width: 24px;
  height: 24px;
  font-size: 10px;
  line-height: 22px;
  text-align: center;
  color: #ffffff;
  cursor: pointer;
  margin: 0;
  display: block;
  float: left;
}
#cart-summary .table-row .quantity .quantity-minus {
  margin-left: 20%;
}
#cart-summary .table-row .quantity .quantity-minus.btn-disabled {
  background: #eee;
  cursor: default;
  border-color: #eee;
  color: #585559;
}
#cart-summary .table-row .quantity::after {
  content: "";
  display: block;
  clear: both;
}
#cart-summary .table-row .delete span {
  display: block;
  height: 20px;
  width: 20px;
  margin: 0 auto;
  color: #b8b8b8;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  font-weight: 300;
  text-transform: none;
  font-size: 20px;
  line-height: 16px;
  cursor: pointer;
}
#cart-summary .table-summary {
  height: 80px;
}
#cart-summary .table-summary .quantity,
#cart-summary .table-summary .price {
  font-weight: 700;
}
#cart-summary .table-summary .quantity > span {
  margin-left: 4px;
  font-weight: 300;
  text-transform: lowercase;
}
#cart-summary .table-summary .delete {
  font-size: 8px;
  line-height: 8px;
}
#cart-summary .table-summary .delete img {
  max-width: 75%;
  display: block;
  margin: 0 auto;
}

.products-list-container {
  margin-top: 50px;
  position: relative;
}
.products-list-container.closed #add-new-products-to-cart::after {
  content: "\f067";
}
.products-list-container.closed .products-list {
  overflow: hidden;
  height: 0;
  border: none;
  opacity: 0;
  z-index: -9999;
}
.products-list-container #add-new-products-to-cart {
  min-width: 50%;
  background-color: #ffffff;
  color: #222222;
  font-size: 15px;
  line-height: 16px;
  text-align: left;
  text-transform: uppercase;
  border: 1px solid #585559;
  margin: 0 auto 50px;
  cursor: pointer;
  padding: 10px 57px 10px 20px;
  display: block;
  position: relative;
  z-index: 5;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.products-list-container #add-new-products-to-cart::after {
  content: "\f068";
  display: block;
  width: 37px;
  height: 36px;
  background-color: #585559;
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
  color: #ffffff;
  text-align: center;
  line-height: 36px;
  font-size: 16px;
  font-family: fontAwesome;
}
.products-list-container .products-list {
  position: relative;
  z-index: 3;
  background-color: #ffffff;
  border: 1px solid #f4f4f4;
  width: 100% !important;
  height: auto;
  overflow: hidden;
  text-transform: uppercase;
  -webkit-box-shadow: 0px 0px 500px -130px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 0px 500px -130px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 0px 500px -130px rgba(0, 0, 0, 0.3);
}
.products-list-container .products-list .item {
  float: left;
  width: 25%;
  padding: 25px 0 50px 0;
  position: relative;
  background-color: #ffffff;
}
.products-list-container .products-list .item .shadow {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 6;
}
.products-list-container .products-list .item.out-of-stock h1 {
  color: #aaa;
  border-color: #aaa;
}
.products-list-container .products-list .item.out-of-stock h1::after {
  background: #aaa;
}
.products-list-container .products-list .item.out-of-stock button {
  border-color: #aeaeae;
  color: #aeaeae;
  background: #fff;
}
.products-list-container .products-list .item.out-of-stock button:hover {
  background: #fff;
  cursor: default;
}
.products-list-container .products-list .item.out-of-stock button:hover::before {
  border-color: #eaeaea;
}
.products-list-container .products-list .item.out-of-stock button::before {
  color: #aeaeae;
  border-color: #eaeaea;
}
.products-list-container .products-list h1 {
  font-size: 17px;
  text-transform: uppercase;
  color: #585559;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  font-weight: 400;
}
.products-list-container .products-list .item-big {
  height: 410px;
}
.products-list-container .products-list .item-big h1 {
  font-size: 18px;
  margin: 0 15px;
  text-align: center;
  position: relative;
  padding-bottom: 19px;
}
.products-list-container .products-list .item-big h1::after {
  content: "";
  width: 30%;
  height: 4px;
  background: #aaa;
  display: block;
  position: absolute;
  bottom: 0;
  left: 35%;
}
.products-list-container .products-list .item-big img {
  display: block;
  margin: 15px auto 0;
  max-width: 230px;
  max-height: 200px;
  padding-right: 15px;
}
.products-list-container .products-list .item-mini {
  padding: 15px 25px 50px 25px;
  height: 205px;
}
.products-list-container .products-list .item-mini .img-bg {
  background-size: contain;
  background-position: center right;
  background-repeat: no-repeat;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 5;
  opacity: 0.3;
}
.products-list-container .products-list .item-mini img {
  width: 30px;
  float: left;
  position: relative;
  z-index: 7;
}
.products-list-container .products-list .item-mini h1 {
  width: calc(100% - 45px);
  margin-left: 15px;
  float: left;
  position: relative;
  z-index: 7;
  margin-top: 40px;
  padding-left: 10px;
  border-left: 4px solid #aaa;
}
.products-list-container .products-list .item-mini_right {
  padding: 15px 25px 50px 25px;
  height: 205px;
}
.products-list-container .products-list .item-mini_right .img-bg {
  background-size: contain;
  background-position: center right;
  background-repeat: no-repeat;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 5;
  opacity: 0.3;
}
.products-list-container .products-list .item-mini_right img {
  width: 115px;
  height: 60px;
  position: relative;
  z-index: 7;
  margin: 0 auto 5px 0;
  display: block;
}
.products-list-container .products-list .item-mini_right h1 {
  width: 100%;
  margin: 0 0 15px;
  position: relative;
  z-index: 7;
  padding-right: 10px;
  border-right: 4px solid #aaa;
  text-align: right;
}
.products-list-container .products-list .item-empty {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  padding: 0;
  display: table;
  font-size: 45px;
  color: #f5f5f5;
}
.products-list-container .products-list .item-empty::after {
  content: "Nanoil";
  text-align: center;
  display: table-cell;
  vertical-align: middle;
}
.products-list-container .products-list .btn-container {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding-bottom: 15px;
  z-index: 7;
  text-align: center;
  color: #585559;
}
.products-list-container .products-list button {
  font-size: 14px;
  line-height: 1;
  padding: 5px 10px;
  color: #fff;
  border: 1px solid #ff7e00;
  background-color: #ff7e00;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  font-weight: 400;
  display: block;
  margin: 0 auto;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
  text-transform: uppercase;
}
.products-list-container .products-list button:hover {
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
  border: 1px solid #585559;
  background-color: #585559;
  cursor: pointer;
  color: #fff;
}
.products-list-container .products-list button:hover::before {
  color: #fff;
  border-color: rgba(255, 255, 255, 0.5);
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}
.products-list-container .products-list button::before {
  color: #fff;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
  padding: 0 8px 0 0;
  margin: 0 8px 0 0;
  border-color: rgba(255, 255, 255, 0.5);
}
.products-list-container .products-list .close-list {
  width: 100%;
  height: 20px;
  float: left;
  background-color: #585559;
  position: relative;
  cursor: pointer;
  color: #ffffff;
  font-size: 14px;
  line-height: 20px;
  text-transform: lowercase;
  text-align: center;
}
.products-list-container .products-list .close-list::after {
  display: block;
  width: 10px;
  height: 10px;
  position: absolute;
  top: 8px;
  left: calc(50% - 7px);
  border-style: solid;
  border-color: #ffffff;
  border-width: 1px 1px 0 0;
  -webkit-transform: rotateZ(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotateZ(-45deg);
}
.products-list-container .products-list::after {
  clear: both;
  display: block;
  content: "";
}
@media (min-width: 1220px) {
  .products-list-container .products-list .item .shadow {
    -webkit-box-shadow: inset 0px -300px 130px -98px rgba(0, 0, 0, 0.04);
    -moz-box-shadow: inset 0px -300px 130px -98px rgba(0, 0, 0, 0.04);
    box-shadow: inset 0px -300px 130px -98px rgba(0, 0, 0, 0.04);
  }
  .products-list-container .products-list .item:nth-child(2) .shadow, .products-list-container .products-list .item:nth-child(4) .shadow, .products-list-container .products-list .item:nth-child(5) .shadow, .products-list-container .products-list .item:nth-child(2n+7) .shadow {
    -webkit-box-shadow: inset 0px -130px 130px -98px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0px -130px 130px -98px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0px -130px 130px -98px rgba(0, 0, 0, 0.05);
  }
  .products-list-container .products-list .item-empty.size-lg-1 {
    width: 25%;
  }
  .products-list-container .products-list .item-empty.size-lg-2 {
    width: 50%;
  }
  .products-list-container .products-list .item-empty.size-lg-3 {
    width: 75%;
  }
  .products-list-container .products-list .item-empty.size-lg-4 {
    display: none;
  }
}
@media (min-width: 980px) and (max-width: 1219.98px) {
  .products-list-container .products-list {
    width: 100%;
  }
  .products-list-container .products-list .item {
    width: 33.33334%;
  }
  .products-list-container .products-list .item .shadow {
    -webkit-box-shadow: inset 0px -300px 130px -98px rgba(0, 0, 0, 0.04);
    -moz-box-shadow: inset 0px -300px 130px -98px rgba(0, 0, 0, 0.04);
    box-shadow: inset 0px -300px 130px -98px rgba(0, 0, 0, 0.04);
  }
  .products-list-container .products-list .item:nth-child(3n+2) .shadow {
    -webkit-box-shadow: inset 0px -130px 130px -98px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0px -130px 130px -98px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0px -130px 130px -98px rgba(0, 0, 0, 0.05);
  }
  .products-list-container .products-list .item-empty.size-md-1 {
    width: 33.33334%;
  }
  .products-list-container .products-list .item-empty.size-md-2 {
    width: 66.666666%;
  }
  .products-list-container .products-list .item-empty.size-md-3 {
    display: none;
  }
}
@media (min-width: 740px) and (max-width: 979.98px) {
  .products-list-container .products-list {
    width: 100%;
  }
  .products-list-container .products-list .item {
    width: 33.33334%;
    padding: 25px 0 61px 0;
  }
  .products-list-container .products-list .item .shadow {
    -webkit-box-shadow: inset 0px -300px 130px -98px rgba(0, 0, 0, 0.04);
    -moz-box-shadow: inset 0px -300px 130px -98px rgba(0, 0, 0, 0.04);
    box-shadow: inset 0px -300px 130px -98px rgba(0, 0, 0, 0.04);
  }
  .products-list-container .products-list .item:nth-child(3n+2) .shadow {
    -webkit-box-shadow: inset 0px -130px 130px -98px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0px -130px 130px -98px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0px -130px 130px -98px rgba(0, 0, 0, 0.05);
  }
  .products-list-container .products-list .item-big h1 {
    font-size: 15px;
    margin: 0 10px;
  }
  .products-list-container .products-list .item-mini {
    padding: 15px 15px 61px 15px;
  }
  .products-list-container .products-list .item-mini_right {
    padding: 15px 15px 61px 15px;
  }
  .products-list-container .products-list .item-empty.size-md-1 {
    width: 33.33334%;
  }
  .products-list-container .products-list .item-empty.size-md-2 {
    width: 66.666666%;
  }
  .products-list-container .products-list .item-empty.size-md-3 {
    display: none;
  }
  .products-list-container .products-list h1 {
    font-size: 15px;
  }
  .products-list-container .products-list button {
    font-size: 16px;
    line-height: 15px;
    padding: 5px 10px;
  }
}
@media (max-width: 979.98px) and (orientation: landscape) {
  .products-list-container {
    height: auto;
  }
  .products-list-container.closed .products-list {
    border: none;
  }
  .products-list-container #add-new-products-to-cart {
    width: 100%;
    margin: 0;
    padding: 10px 47px 10px 10px;
    font-size: 12px;
  }
  .products-list-container .products-list {
    overflow-y: auto;
    max-height: 70vh;
    margin-top: -1px;
    width: 100%;
    border: 1px solid #eeeeee;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  .products-list-container .products-list .item {
    width: 100%;
    height: auto !important;
    padding: 10px !important;
    border-top: 1px solid #eeeeee;
  }
  .products-list-container .products-list .item:nth-child(2n) {
    background-color: #fcfcfc;
  }
  .products-list-container .products-list .item:first-child {
    border-top: none;
  }
  .products-list-container .products-list .item .shadow,
.products-list-container .products-list .item .img-bg,
.products-list-container .products-list .item img {
    display: none !important;
  }
  .products-list-container .products-list .item h1 {
    color: #585559;
    border: none;
    padding: 5px 10px;
    margin: 0;
    float: left;
    width: auto;
    font-size: 14px;
    line-height: 1;
    text-align: left;
  }
  .products-list-container .products-list .item h1::after {
    display: none;
  }
  .products-list-container .products-list .item::after {
    content: "";
    display: block;
    clear: both;
  }
  .products-list-container .products-list .btn-container {
    position: relative;
    float: right;
    padding: 0 0 0 20px;
  }
  .products-list-container .products-list button {
    float: left;
    font-size: 14px;
    line-height: 1;
    padding: 5px 10px;
    margin-right: 10px;
  }
  .products-list-container .products-list .item-empty,
.products-list-container .products-list .close-list {
    display: none !important;
  }
}
@media (max-width: 739.98px) {
  .products-list-container {
    height: auto;
  }
  .products-list-container.closed .products-list {
    border: none;
  }
  .products-list-container #add-new-products-to-cart {
    width: 100%;
    margin: 0;
    padding: 10px 47px 10px 10px;
    font-size: 12px;
  }
  .products-list-container .products-list {
    overflow-y: auto;
    max-height: 70vh;
    margin-top: -1px;
    width: 100%;
    -webkit-box-shadow: none;
    border: 1px solid #eeeeee;
    box-shadow: none;
  }
  .products-list-container .products-list .item {
    width: 100%;
    height: auto !important;
    padding: 10px !important;
    border-top: 1px solid #eeeeee;
  }
  .products-list-container .products-list .item:nth-child(2n) {
    background-color: #fcfcfc;
  }
  .products-list-container .products-list .item:first-child {
    border-top: none;
  }
  .products-list-container .products-list .item .shadow,
.products-list-container .products-list .item .img-bg,
.products-list-container .products-list .item img {
    display: none !important;
  }
  .products-list-container .products-list .item h1 {
    color: #585559;
    border: none;
    padding: 5px 10px;
    margin: 0;
    float: left;
    width: auto;
    font-size: 14px;
    line-height: 1;
    text-align: left;
  }
  .products-list-container .products-list .item h1::after {
    display: none;
  }
  .products-list-container .products-list .item::after {
    content: "";
    display: block;
    clear: both;
  }
  .products-list-container .products-list .btn-container {
    position: relative;
    float: right;
    padding: 0 0 0 20px;
  }
  .products-list-container .products-list button {
    float: left;
    font-size: 14px;
    line-height: 1;
    padding: 5px 10px;
    margin-right: 10px;
  }
  .products-list-container .products-list .item-empty,
.products-list-container .products-list .close-list {
    display: none !important;
  }
}
@media (max-width: 499.98px) {
  .products-list-container .products-list .item h1 {
    margin-bottom: 5px;
  }
  .products-list-container .products-list .btn-container {
    width: 100%;
  }
  .products-list-container .products-list .btn-container span {
    border: none;
    color: #aaaaaa;
  }
  .products-list-container .products-list button {
    float: right;
  }
}

/* Order summary */
.summary-table {
  display: table;
  width: 100%;
}
.summary-table .d-none {
  display: none;
}

.summary-row {
  display: table-row;
}

.summary-cell {
  display: table-cell;
  vertical-align: middle;
  width: 50%;
  font-size: 14px;
  border-top: 1px solid #f6f6f6;
  font-weight: 300;
}
.summary-cell.shipment-price .missing-to-free-delivery {
  width: 100%;
  float: left;
  font-size: 0.85em;
  color: #444;
}
.summary-cell.shipment-price img {
  display: none;
  margin-top: -4px;
  margin-left: 10px;
  margin-right: 10px;
}
.summary-cell.shipment-price .text {
  display: none;
}
.summary-cell.shipment-price.free-shipping {
  padding-top: 1px;
}
.summary-cell.shipment-price.free-shipping .missing-to-free-delivery {
  display: none;
}
.summary-cell.shipment-price.free-shipping img {
  display: inline-block;
}
.summary-cell.shipment-price.free-shipping .text {
  display: inline-block;
}
.summary-cell .old-price {
  position: relative;
  font-size: 14px;
  color: #7b7b7b;
}
.summary-cell .old-price i {
  display: block;
  width: 100%;
  height: 1px;
  position: absolute;
  top: -webkit-calc(50% - 1px);
  top: calc(50% - 1px);
  left: 0;
  background: -webkit-linear-gradient(left, rgba(123, 123, 123, 0) 0%, #7b7b7b 10%, #7b7b7b 90%, rgba(123, 123, 123, 0) 100%);
  background: -moz-linear-gradient(left, rgba(123, 123, 123, 0) 0%, #7b7b7b 10%, #7b7b7b 90%, rgba(123, 123, 123, 0) 100%);
  background: linear-gradient(to right, rgba(123, 123, 123, 0) 0%, #7b7b7b 10%, #7b7b7b 90%, rgba(123, 123, 123, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#7b7b7b", endColorstr="#7b7b7b", GradientType=1);
}

.summary-cell:first-child {
  background: #f0f0f0;
  padding: 10px;
  text-align: right;
  border-right: 20px solid #fff;
  text-transform: uppercase;
  border-top: none;
}

.summary-row:first-child .summary-cell {
  border-top: none;
}

.summary-row.bold .summary-cell {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  font-weight: 700;
}

@media (max-width: 739.98px) and (min-width: 500px) {
  .summary-cell:first-child {
    width: 70%;
  }
}
@media (max-width: 499.98px) {
  .summary-row {
    display: block;
  }
  .summary-cell {
    display: block;
    width: 100%;
    padding: 0 10px;
  }
  .summary-cell:first-child {
    padding: 0 10px;
    text-align: left;
    border: none;
  }
  .summary-cell {
    text-align: right;
  }
  .summary-cell:last-child {
    padding-bottom: 5px;
    margin-bottom: 5px;
    border: none;
  }
}
/* Add to cart - section in blog */
.add-to-cart-section {
  border-color: #f4f0e4;
  border-style: solid;
  border-width: 1px 0;
  background-repeat: no-repeat;
  background-size: 130px;
  background-position: left 20px center;
  padding: 40px 0 40px 180px;
  margin: 40px 0;
}
.add-to-cart-section .title {
  float: left;
  border-left: 4px solid #d4c09b;
  padding-left: 12px;
  line-height: 1;
  width: 53%;
  position: relative;
  z-index: 9;
}
.add-to-cart-section .title::after {
  content: "";
  display: block;
  width: 100px;
  height: calc(100% + 60px);
  background: #ffffff;
  position: absolute;
  top: -30px;
  right: 0;
  z-index: -1;
}
.add-to-cart-section h3 {
  text-transform: uppercase;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  font-weight: 300;
  margin-top: 10px !important;
  font-size: 26px !important;
}
.add-to-cart-section .inci {
  font-size: 12px;
  font-style: italic;
  color: #777777;
}
.add-to-cart-section .button {
  float: left;
  width: 47%;
  padding-left: 50px;
  position: relative;
  padding-top: 22px;
}
.add-to-cart-section .button::before {
  content: "";
  display: block;
  width: 100px;
  height: 100px;
  position: absolute;
  left: -50px;
  top: 0;
  background: rgba(0, 0, 0, 0.03);
  background: -webkit-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0.03) 0%, rgba(0, 0, 0, 0) 70%, rgba(0, 0, 0, 0) 100%);
  background: -moz-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0.03) 0%, rgba(0, 0, 0, 0) 70%, rgba(0, 0, 0, 0) 100%);
  background: -ms-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0.03) 0%, rgba(0, 0, 0, 0) 70%, rgba(0, 0, 0, 0) 100%);
  background: -o-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0.03) 0%, rgba(0, 0, 0, 0) 70%, rgba(0, 0, 0, 0) 100%);
  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.03) 0%, rgba(0, 0, 0, 0) 70%, rgba(0, 0, 0, 0) 100%);
  background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(0, 0, 0, 0.03)), color-stop(70%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0)));
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000", endColorstr="#000000", GradientType=1);
}
.add-to-cart-section .price {
  display: block;
  color: #d4c09b;
  font-size: 18px;
}
.add-to-cart-section button {
  display: inline-block;
  border: none;
  background-color: #ff7e00;
  color: #ffffff;
  padding: 10px !important;
  font-size: 16px;
  text-transform: uppercase;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  font-weight: 400;
  position: relative;
}
.add-to-cart-section button:hover {
  background: #585559;
  cursor: pointer;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}
.add-to-cart-section button::after {
  content: "";
  display: none;
  height: 27px;
  width: 45px;
  background-image: url(/assets/img/cart-gray.webp);
  background-image: -webkit-image-set(url(/assets/img/cart-gray.webp) 1x, url(/assets/img/cart-gray-x2.webp) 2x);
  background-image: image-set(url(/assets/img/cart-gray.webp) 1x, url(/assets/img/cart-gray-x2.webp) 2x);
  position: absolute;
  top: calc(50% - 13px);
  right: -45px;
  background-repeat: no-repeat;
  background-position: center right;
  background-size: contain;
}
.add-to-cart-section button::before {
  display: block;
  color: #fff;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  font-weight: 700;
  padding: 0 0 2px 0 !important;
  margin: 0 !important;
  border: none;
}
.add-to-cart-section::after {
  content: "";
  display: block;
  clear: both;
}
.add-to-cart-section.out-of-stock h3 {
  color: #aeaeae !important;
}
.add-to-cart-section.out-of-stock button {
  background: #aeaeae;
}
.add-to-cart-section.out-of-stock button:hover {
  background: #aeaeae;
  cursor: default;
}

@media (max-width: 1219.98px) {
  .add-to-cart-section {
    background-position: left center;
    background-size: 200px;
    padding: 35px 10px;
    margin: 25px 0;
  }
  .add-to-cart-section .title {
    width: auto;
    float: none;
    margin-left: 230px;
  }
  .add-to-cart-section .title::after {
    width: 100%;
    height: 100%;
    top: 25px;
  }
  .add-to-cart-section h3 {
    text-align: left !important;
    font-size: 23px !important;
  }
  .add-to-cart-section .button {
    float: none;
    width: 100%;
    padding-left: 230px;
    margin-top: 50px;
    text-align: left;
  }
  .add-to-cart-section .button::before {
    width: 200px;
    height: 50px;
    left: 230px;
    top: -50px;
  }
  .add-to-cart-section button {
    padding: 10px 15px;
    font-size: 14px;
  }
}
@media (max-width: 979.98px) {
  .add-to-cart-section {
    background-size: 160px;
  }
  .title {
    margin-left: 170px;
  }
  .button {
    padding-left: 170px;
  }
  .button::before {
    left: 170px;
  }
}
@media (max-width: 499.98px), (max-width: 979.98px) and (min-width: 740px) {
  .add-to-cart-section {
    background-position: left 5px bottom 10px;
    background-size: 110px;
  }
  .add-to-cart-section .title {
    margin-left: 0;
  }
  .add-to-cart-section .button {
    padding-top: 30px;
    text-align: right;
    margin-bottom: 0;
    padding-right: calc(15% - 40px);
    padding-left: 0;
    margin-top: 45px;
  }
  .add-to-cart-section .button::before {
    left: auto;
    right: 0;
  }
  .add-to-cart-section button::after {
    display: none;
  }
}
/* Category banner */
.category-banner {
  display: block;
  position: relative;
  z-index: 1;
  margin: 15px 0;
  width: 100%;
  height: auto;
}

.category-banner--hair {
  padding: 26px 196px 26px 26px;
  background-color: #f9f9f9;
  background-image: url("https://web.nanoil.store/assets/img/category-banner-hair.webp");
  background-size: cover;
  background-position: right center;
  background-repeat: no-repeat;
}
.category-banner--hair .category-banner__border {
  position: absolute;
  top: 10px;
  right: 10px;
  bottom: 10px;
  left: 10px;
  z-index: -1;
  border-left: 1px solid #d3d3d3;
}
.category-banner--hair .category-banner__border::before, .category-banner--hair .category-banner__border::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  width: 100%;
  height: 1px;
  background: -moz-linear-gradient(left, rgb(211, 211, 211) 0%, rgb(211, 211, 211) 65%, rgba(211, 211, 211, 0) 85%, rgba(211, 211, 211, 0) 100%);
  background: -webkit-linear-gradient(left, rgb(211, 211, 211) 0%, rgb(211, 211, 211) 65%, rgba(211, 211, 211, 0) 85%, rgba(211, 211, 211, 0) 100%);
  background: linear-gradient(to right, rgb(211, 211, 211) 0%, rgb(211, 211, 211) 65%, rgba(211, 211, 211, 0) 85%, rgba(211, 211, 211, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#d3d3d3", endColorstr="#00d3d3d3", GradientType=1);
}
.category-banner--hair .category-banner__border::before {
  top: 0;
}
.category-banner--hair .category-banner__border::after {
  bottom: 0;
}
.category-banner--hair .category-banner__title {
  text-align: center;
  color: #ffa700;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  font-weight: 400;
  font-size: 14px;
  line-height: 1.2;
  text-transform: uppercase;
}
.category-banner--hair .category-banner__title strong {
  font-size: 20px;
  font-weight: 800;
}
.category-banner--hair .category-banner__arrow-down {
  margin: 10px auto 15px;
  width: 12px;
  height: 12px;
  border-style: solid;
  border-color: #d3d3d3;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotateZ(45deg);
  -moz-transform: rotateZ(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotateZ(45deg);
  transform: rotateZ(45deg);
}
.category-banner--hair .category-banner__button {
  display: block;
  margin: 0 auto;
  max-width: 100%;
  width: max-content;
  min-width: 350px;
  padding: 10px 20px;
  background-color: #f1f1f1;
  border: 2px solid #d3d3d3;
  -webkit-box-shadow: 10px 5px 15px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 10px 5px 15px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 10px 5px 15px 0px rgba(0, 0, 0, 0.1);
  text-align: center;
  color: #ffa700;
  font-size: 14px;
  line-height: 1;
  font-weight: 700;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}
.category-banner--hair .category-banner__button:hover {
  -webkit-box-shadow: 10px 5px 15px 0px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 10px 5px 15px 0px rgba(0, 0, 0, 0.25);
  box-shadow: 10px 5px 15px 0px rgba(0, 0, 0, 0.25);
}

.category-banner--face {
  padding: 40px 15px 0;
  background-image: url("https://web.nanoil.store/assets/img/category-banner-face.webp");
  background-size: auto;
  background-position: center top;
  background-repeat: no-repeat;
}
.category-banner--face .category-banner__border {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  z-index: -1;
  border-style: solid;
  border-width: 0 1px 1px 1px;
  border-color: #ffa700;
}
.category-banner--face .category-banner__border::before {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: #ffa700;
  background: -moz-linear-gradient(left, rgb(255, 167, 0) 0%, rgb(255, 167, 0) calc(35% + 75px), rgba(255, 167, 0, 0) calc(50% + 75px), rgba(255, 167, 0, 0) calc(50% + 80px), rgb(255, 167, 0) calc(75% + 80px), rgb(255, 167, 0) 100%);
  background: -webkit-linear-gradient(left, rgb(255, 167, 0) 0%, rgb(255, 167, 0) calc(35% + 75px), rgba(255, 167, 0, 0) calc(50% + 75px), rgba(255, 167, 0, 0) calc(50% + 80px), rgb(255, 167, 0) calc(75% + 80px), rgb(255, 167, 0) 100%);
  background: linear-gradient(to right, rgb(255, 167, 0) 0%, rgb(255, 167, 0) calc(35% + 75px), rgba(255, 167, 0, 0) calc(50% + 75px), rgba(255, 167, 0, 0) calc(50% + 80px), rgb(255, 167, 0) calc(75% + 80px), rgb(255, 167, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffa700", endColorstr="#ffa700", GradientType=1);
}
.category-banner--face .category-banner__title {
  width: -webkit-calc(50% - 130px);
  width: calc(50% - 130px);
  float: left;
  text-align: right;
  color: #444444;
  font-size: 12px;
  line-height: 1.5;
  letter-spacing: 1px;
  text-transform: uppercase;
}
.category-banner--face .category-banner__title strong {
  display: block;
  font-size: 22px;
  font-weight: 900;
}
.category-banner--face .category-banner__title img {
  display: block;
  width: auto;
  height: 22px;
  margin: 5px 0 5px auto;
}
.category-banner--face .category-banner__content {
  margin-top: 5px;
  width: -webkit-calc(50% - 130px);
  width: calc(50% - 130px);
  float: right;
  color: rgba(34, 34, 34, 0.1333333333);
  line-height: 1.5;
  font-weight: 400;
  text-transform: uppercase;
}
.category-banner--face .category-banner__content ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.category-banner--face .category-banner__content li {
  position: relative;
  padding-left: 10px;
  font-size: 14px !important;
}
.category-banner--face .category-banner__content li::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 8px;
  width: 4px;
  height: 4px;
  background-color: #ffa700;
  border-radius: 50%;
}
.category-banner--face .category-banner__button {
  position: relative;
  display: block;
  margin: 35px auto 0;
  max-width: 100%;
  width: max-content;
  min-width: 255px;
  height: auto;
  padding: 12px 20px;
  background-color: #ffa700;
  color: #fff;
  text-align: center;
  font-size: 14px;
  line-height: 1;
  text-transform: uppercase;
}
.category-banner--face .category-banner__button::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border: 1px solid #ffa700;
  opacity: 1;
}
.category-banner--face .category-banner__button:hover::after {
  top: -10px;
  right: -10px;
  bottom: -10px;
  left: -10px;
  opacity: 0;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}

@media (max-width: 1219.98px) {
  .category-banner--face {
    background-size: 170px;
  }
  .category-banner--face .category-banner__border::before {
    background: -moz-linear-gradient(left, rgb(255, 167, 0) 0%, rgb(255, 167, 0) calc(35% + 60px), rgba(255, 167, 0, 0) calc(50% + 60px), rgba(255, 167, 0, 0) calc(50% + 65px), rgb(255, 167, 0) calc(75% + 65px), rgb(255, 167, 0) 100%);
    background: -webkit-linear-gradient(left, rgb(255, 167, 0) 0%, rgb(255, 167, 0) calc(35% + 60px), rgba(255, 167, 0, 0) calc(50% + 60px), rgba(255, 167, 0, 0) calc(50% + 65px), rgb(255, 167, 0) calc(75% + 65px), rgb(255, 167, 0) 100%);
    background: linear-gradient(to right, rgb(255, 167, 0) 0%, rgb(255, 167, 0) calc(35% + 60px), rgba(255, 167, 0, 0) calc(50% + 60px), rgba(255, 167, 0, 0) calc(50% + 65px), rgb(255, 167, 0) calc(75% + 65px), rgb(255, 167, 0) 100%);
  }
  .category-banner--face .category-banner__title {
    width: -webkit-calc(50% - 85px);
    width: calc(50% - 85px);
    font-size: 12px;
  }
  .category-banner--face .category-banner__title strong {
    font-size: 20px;
  }
  .category-banner--face .category-banner__title img {
    height: 20px;
  }
  .category-banner--face .category-banner__content {
    width: -webkit-calc(50% - 85px);
    width: calc(50% - 85px);
  }
  .category-banner--face .category-banner__content li {
    font-size: 13px !important;
  }
  .category-banner--face .category-banner__button {
    margin: 20px auto 0;
    padding: 7px 14px;
    font-size: 12px;
  }
}
@media (max-width: 979.98px) {
  .category-banner--hair {
    padding: 26px 130px 26px 26px;
  }
  .category-banner--hair .category-banner__button {
    min-width: 0;
  }
  .category-banner--face {
    padding: 20px 10px 0;
    background-size: 140px;
  }
  .category-banner--face .category-banner__border::before {
    background: -moz-linear-gradient(left, rgb(255, 167, 0) 0%, rgb(255, 167, 0) calc(35% + 50px), rgba(255, 167, 0, 0) calc(50% + 50px), rgba(255, 167, 0, 0) calc(50% + 55px), rgb(255, 167, 0) calc(75% + 55px), rgb(255, 167, 0) 100%);
    background: -webkit-linear-gradient(left, rgb(255, 167, 0) 0%, rgb(255, 167, 0) calc(35% + 50px), rgba(255, 167, 0, 0) calc(50% + 50px), rgba(255, 167, 0, 0) calc(50% + 55px), rgb(255, 167, 0) calc(75% + 55px), rgb(255, 167, 0) 100%);
    background: linear-gradient(to right, rgb(255, 167, 0) 0%, rgb(255, 167, 0) calc(35% + 50px), rgba(255, 167, 0, 0) calc(50% + 50px), rgba(255, 167, 0, 0) calc(50% + 55px), rgb(255, 167, 0) calc(75% + 55px), rgb(255, 167, 0) 100%);
  }
  .category-banner--face .category-banner__title {
    width: -webkit-calc(50% - 70px);
    width: calc(50% - 70px);
    font-size: 11px;
  }
  .category-banner--face .category-banner__title strong {
    font-size: 18px;
  }
  .category-banner--face .category-banner__title img {
    height: 18px;
  }
  .category-banner--face .category-banner__content {
    width: -webkit-calc(50% - 70px);
    width: calc(50% - 70px);
  }
  .category-banner--face .category-banner__content li {
    font-size: 12px !important;
  }
  .category-banner--face .category-banner__button {
    margin: 15px auto 0;
    min-width: 200px;
    padding: 5px 10px;
    font-size: 12px;
  }
}
@media (max-width: 499.98px), (max-width: 979.98px) and (min-width: 740px) {
  .category-banner--hair {
    padding: 20px 40px 20px 20px;
    background-position: -webkit-calc(100% + 20px) center;
    background-position: calc(100% + 20px) center;
  }
  .category-banner--hair .category-banner__border {
    top: 5px;
    right: 5px;
    bottom: 5px;
    left: 5px;
  }
  .category-banner--hair .category-banner__title {
    font-size: 11px;
  }
  .category-banner--hair .category-banner__title strong {
    font-size: 16px;
  }
  .category-banner--hair .category-banner__arrow-down {
    margin: 2px auto 7px;
    width: 10px;
    height: 10px;
  }
  .category-banner--hair .category-banner__button {
    min-width: 0;
    padding: 7px 10px 5px;
    font-size: 13px;
  }
  .category-banner--face {
    background-size: 120px;
    background-position: calc(100% + 10px) bottom;
  }
  .category-banner--face .category-banner__border {
    border-width: 1px 0 1px 1px;
  }
  .category-banner--face .category-banner__border::before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 1px;
    height: 100%;
    background: -moz-linear-gradient(top, rgb(255, 167, 0) 0%, rgb(255, 167, 0) 10%, rgba(255, 167, 0, 0) 10%, rgba(255, 167, 0, 0) 10%, rgb(255, 167, 0) 10%, rgb(255, 167, 0) 100%);
    background: -webkit-linear-gradient(top, rgb(255, 167, 0) 0%, rgb(255, 167, 0) 10%, rgba(255, 167, 0, 0) 10%, rgba(255, 167, 0, 0) 10%, rgb(255, 167, 0) 10%, rgb(255, 167, 0) 100%);
    background: linear-gradient(to bottom, rgb(255, 167, 0) 0%, rgb(255, 167, 0) calc(85% - 100px), rgba(255, 167, 0, 0) calc(100% - 100px), rgba(255, 167, 0, 0) calc(100% - 90px), rgb(255, 167, 0) calc(115% - 90px), rgb(255, 167, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffa700", endColorstr="#ffa700", GradientType=0);
  }
  .category-banner--face .category-banner__title {
    width: 100%;
    text-align: center;
    font-size: 16px;
  }
  .category-banner--face .category-banner__title strong {
    display: inline;
    font-size: 16px;
  }
  .category-banner--face .category-banner__title img {
    margin: 3px auto 10px;
  }
  .category-banner--face .category-banner__content {
    width: -webkit-calc(100% - 120px);
    width: calc(100% - 120px);
    float: left;
  }
}
@media (max-width: 499.98px) {
  .category-banner--hair {
    padding: 10px 40px 10px 10px;
  }
  .category-banner--hair .category-banner__border {
    display: none;
  }
}
.products-module {
  padding: 1em !important;
}
.products-module .thumbnail {
  width: 80px;
  float: left;
}
.products-module .thumbnail img {
  max-width: 100%;
  max-height: 110px;
  display: block;
  margin: 0 auto;
}
.products-module .content {
  width: calc(100% - 80px);
  float: left;
}
.products-module .content h5 {
  padding: 3px 0 3px 16px;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  font-weight: 400;
  font-size: 16px;
  line-height: 1;
  text-transform: uppercase;
  border-left: 4px solid #585559;
  color: #585559;
  margin-bottom: 10px;
}
.products-module .content button {
  text-transform: uppercase;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  font-weight: 400;
  color: #585559;
  font-size: 14px;
  border: 1px solid #585559;
  background-color: transparent;
  margin: 0 0 20px 20px;
  display: block;
  padding: 5px 10px !important;
  cursor: pointer;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}
.products-module .content button::before {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  font-weight: 700;
  color: #707070;
  margin: 0 !important;
  padding: 0 0 2px 0 !important;
  display: block;
  border: none;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}
.products-module .content button:hover {
  background: #585559;
  color: #fff;
}
.products-module .content button:hover::before {
  color: #fff;
}
@media (min-width: 740px) and (max-width: 979.98px) {
  .products-module .content button {
    margin: 0 0 20px 0;
  }
}
.products-module .item {
  -webkit-box-shadow: 0px 20px 50px -55px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 20px 50px -55px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 20px 50px -55px rgba(0, 0, 0, 0.5);
  min-height: 125px;
  padding-top: 15px;
}
.products-module .item:last-child {
  -webkit-box-shadow: none;
  -mox-box-shadow: none;
  box-shadow: none;
}
.products-module .item::after {
  content: "";
  display: block;
  clear: both;
}
.products-module .out-of-stock h5,
.products-module .out-of-stock button {
  border-color: #aeaeae;
  color: #aeaeae;
}
.products-module .out-of-stock button:hover {
  background: none;
  color: #aeaeae;
  cursor: default;
}
.products-module .out-of-stock button:hover::before {
  color: #707070;
}

/**
 * Mobile menu
 */
#mobilepanel .uk-offcanvas-bar {
  background: #575358;
  width: 310px;
}
#mobilepanel .uk-offcanvas-bar .mobilepanel-header {
  padding: 0 10px 30px 10px;
  background-color: #5f5c5f;
}
#mobilepanel .uk-offcanvas-bar .mobilepanel-header .uk-close {
  cursor: pointer;
}
#mobilepanel .uk-offcanvas-bar .mobilepanel-header .logo {
  display: block;
}
#mobilepanel .uk-offcanvas-bar .mobile {
  position: relative;
}
#mobilepanel .uk-offcanvas-bar img.full {
  padding: 0 20px;
}
#mobilepanel .uk-offcanvas-bar ul.topmenu {
  margin: 0;
}
#mobilepanel .uk-offcanvas-bar ul.topmenu li {
  margin: 0;
  /*
  a {
  	position: relative;
  	font-size: 16px;
  	line-height: 1;
  	font-family: Lato;
  	font-weight: 300;
  	text-transform: uppercase;
  	margin: 0;
  	padding: 15px 10px 15px 40px;
  	color: #555;
  	background: #fff;
  	-webkit-box-shadow: 0px 0px 30px -20px rgba(0,0,0,0.75);
  		 -moz-box-shadow: 0px 0px 30px -20px rgba(0,0,0,0.75);
  					box-shadow: 0px 0px 30px -20px rgba(0,0,0,0.75);
  	&:hover { color: $gold !important; }
  	&:first-child {
  		font-family: Lato;
  		font-weight: 300;
  		padding: 0 10px 0 35px;
  		font-size: 18px;
  		color: #fff;
  		background: none;
  		margin-bottom: 30px;
  		-webkit-box-shadow: none;
  			 -moz-box-shadow: none;
  						box-shadow: none;

  		&::before {
  			content: '';
  			display: block;
  			width: 4px;
  			height: calc(100% + 10px);
  			background: $gold;
  			position: absolute;
  			left: 16px;
  			top: -6px;
  		}
  	}
  	}*/
}
#mobilepanel .uk-offcanvas-bar ul.topmenu li a {
  margin-bottom: 0 !important;
}
#mobilepanel .uk-offcanvas-bar ul.topmenu li hr {
  display: none;
}
#mobilepanel .uk-offcanvas-bar ul.topmenu li .topmenu-item,
#mobilepanel .uk-offcanvas-bar ul.topmenu li .secondmenu-item {
  color: #fff;
  padding: 20px 10px 18px 50px;
}
#mobilepanel .uk-offcanvas-bar ul.topmenu li .topmenu-item::before,
#mobilepanel .uk-offcanvas-bar ul.topmenu li .secondmenu-item::before {
  content: "";
  display: block;
  width: 4px;
  background: #d4c09b;
  position: absolute;
  left: 30px;
  top: 18px;
  bottom: 18px;
}
#mobilepanel .uk-offcanvas-bar ul.topmenu li ul.categories {
  background-color: #fff;
}
#mobilepanel .uk-offcanvas-bar ul.topmenu li ul.categories .secondmenu-item {
  color: #000;
  cursor: pointer;
}
#mobilepanel .uk-offcanvas-bar ul.topmenu li .thirdmenu.products {
  display: none;
}
#mobilepanel .uk-offcanvas-bar ul.topmenu li .thirdmenu.products .thirdmenu-item {
  padding: 20px 10px 18px 30px;
  color: #000;
}
#mobilepanel .uk-offcanvas-bar ul.topmenu li .thirdmenu.products .thirdmenu-item::after {
  -webkit-box-shadow: 0px -30px 80px -20px #000;
  -moz-box-shadow: 0px -30px 80px -20px #000;
  box-shadow: 0px -30px 80px -20px #000;
}
#mobilepanel .uk-offcanvas-bar ul.topmenu li .topmenu-item,
#mobilepanel .uk-offcanvas-bar ul.topmenu li .secondmenu-item,
#mobilepanel .uk-offcanvas-bar ul.topmenu li .thirdmenu-item {
  position: relative;
  display: block;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  font-weight: 400;
  font-size: 18px;
  line-height: 20px;
  background: none;
  width: 100%;
  overflow: hidden;
}
#mobilepanel .uk-offcanvas-bar ul.topmenu li .topmenu-item::after,
#mobilepanel .uk-offcanvas-bar ul.topmenu li .secondmenu-item::after,
#mobilepanel .uk-offcanvas-bar ul.topmenu li .thirdmenu-item::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: -100%;
  bottom: 100%;
  -webkit-box-shadow: 0px 0px 60px -20px #000;
  -moz-box-shadow: 0px 0px 60px -20px #000;
  box-shadow: 0px 0px 60px -20px #000;
}

/**
 * Blog- search form
 */
.search-row .col {
  float: right !important;
}
.search-row .col .form-container {
  position: relative;
  margin: 50px 0 15px 0;
}
.search-row .col .form-container input {
  width: 100%;
  padding: 1px 60px 1px 10px;
  margin: 0;
  background: #fff;
  border: 2px solid #eee;
}
.search-row .col .form-container button {
  font-family: FontAwesome;
  position: absolute;
  width: 50px;
  height: 50px;
  background: none;
  border: none;
  right: 0;
  top: 0;
  line-height: 50px;
  font-size: 28px;
  color: #828282;
}
.search-row .col .form-container button::before {
  content: "\f002";
}

section.blog ul.categories li {
  position: relative;
  margin: 0;
}
section.blog ul.categories li a {
  padding: 15px 52px 15px 0;
}
section.blog ul.categories li a span {
  float: none;
  width: 40px;
  height: 40px;
  background: #eaeaea;
  border-radius: 50%;
  position: absolute;
  right: 0;
  top: 4px;
  line-height: 40px;
  text-align: center;
  font-size: 14px;
}
section.blog ul.categories li::after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  position: absolute;
  bottom: 0;
  left: 0;
  background: -webkit-linear-gradient(left, rgb(234, 234, 234) 0%, rgb(234, 234, 234) 50%, rgba(234, 234, 234, 0) 90%, rgba(234, 234, 234, 0) 100%);
  background: -o-linear-gradient(left, rgb(234, 234, 234) 0%, rgb(234, 234, 234) 50%, rgba(234, 234, 234, 0) 90%, rgba(234, 234, 234, 0) 100%);
  background: linear-gradient(to right, rgb(234, 234, 234) 0%, rgb(234, 234, 234) 50%, rgba(234, 234, 234, 0) 90%, rgba(234, 234, 234, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#eaeaea", endColorstr="#00eaeaea", GradientType=1);
}
section.blog ul.categories li.active a {
  background: none;
  color: #ff7e00;
}
section.blog ul.categories li.active a span {
  background: #ff7e00;
  color: #fff;
}
section.blog ul.categories li:last-child::after {
  display: none;
}

.recent-posts-container {
  padding-left: 0;
}
.recent-posts-container li.recent-post:last-child .posts::before {
  display: none;
}
.recent-posts-container li.recent-post .posts {
  width: 100%;
  margin: 20px 0;
  position: relative;
}
.recent-posts-container li.recent-post .posts > div:first-child {
  margin: 0 6px 0 0;
  position: relative;
}
.recent-posts-container li.recent-post .posts p {
  margin: 0;
  padding-top: 5px;
}
.recent-posts-container li.recent-post .posts a {
  color: #000;
}
.recent-posts-container li.recent-post .posts::before {
  content: "";
  display: block;
  height: 1px;
  position: absolute;
  right: 0;
  bottom: -10px;
  background: -webkit-linear-gradient(left, rgb(234, 234, 234) 0%, rgb(234, 234, 234) 50%, rgba(234, 234, 234, 0) 90%, rgba(234, 234, 234, 0) 100%);
  background: -moz-linear-gradient(left, rgb(234, 234, 234) 0%, rgb(234, 234, 234) 50%, rgba(234, 234, 234, 0) 90%, rgba(234, 234, 234, 0) 100%);
  background: linear-gradient(to right, rgb(234, 234, 234) 0%, rgb(234, 234, 234) 50%, rgba(234, 234, 234, 0) 90%, rgba(234, 234, 234, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#eaeaea", endColorstr="#00eaeaea", GradientType=1);
  width: 72.91666667%;
}
.recent-posts-container li.recent-post .posts:hover {
  background: none;
}
.recent-posts-container li.recent-post .posts:hover > div:first-child::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  right: -6.4px;
  bottom: -1.7px;
  border-style: solid;
  border-width: 10px 10px 0;
  border-color: #7f7f7f transparent;
  transform: rotateZ(-45deg);
}
.recent-posts-container li.recent-post .posts:hover a {
  color: #ff7e00;
}
@media (min-width: 740px) and (max-width: 979.98px) {
  .recent-posts-container li.recent-post .posts > div:first-child {
    float: none;
    margin: 0 auto;
  }
  .recent-posts-container li.recent-post .posts > div:last-child {
    width: 100%;
  }
  .recent-posts-container li.recent-post .posts p {
    padding-top: 0;
  }
}
@media (max-width: 979.98px) {
  .recent-posts-container li.recent-post .posts::before {
    width: 100%;
  }
}

/* =Custom styles
----------------------------------------------- */
/* =Custom helpers
----------------------------------------------- */
.d-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.border-left {
  border-left: 5px solid;
  padding-left: 37px;
}
.border-left p:last-child,
.border-left ol:last-child,
.border-left ul:last-child {
  margin-bottom: 0;
}

.position-relative {
  position: relative;
}

.border-gold {
  border-color: #d4c09b;
}

.border-gray {
  border-color: #606060;
}

.mt-5 {
  margin-top: 3rem;
}

.mt-auto {
  margin-top: auto;
}

.float-left {
  float: left;
}

.text-green {
  color: #28a745;
  font-weight: 400;
}

.text-uppercase {
  text-transform: uppercase;
}

.text-center {
  text-align: center;
}

.bg-gray-light {
  background-color: #eee;
}

.share-area-outer > .row::after,
.grid footer .row:after {
  content: "" !important;
}

.uk-icon-close.delete-product {
  font-size: 16px;
  cursor: pointer;
}

/* =Custom UI
----------------------------------------------- */
.custom-accordion {
  border: 1px solid #606060;
}
.custom-accordion .uk-accordion-title {
  position: relative;
  margin: 0;
  padding: 27px 34px 27px 83px;
  text-transform: uppercase;
  background: #585559;
  color: #d4c09b;
  font-weight: 300;
  -webkit-transition: padding-bottom 0.3s ease;
  -moz-transition: padding-bottom 0.3s ease;
  -ms-transition: padding-bottom 0.3s ease;
  -o-transition: padding-bottom 0.3s ease;
  transition: padding-bottom 0.3s ease;
  cursor: pointer;
}
.custom-accordion .uk-accordion-title::before {
  content: "+";
  position: absolute;
  top: 23px;
  left: 34px;
  display: inline-block;
  width: 30px;
  color: #fff;
  font-size: 45px;
  font-weight: 300;
  text-align: center;
}
.custom-accordion .uk-accordion-title.uk-active {
  padding-bottom: 0;
  background: #fff;
  color: #585559;
}
.custom-accordion .uk-accordion-title.uk-active::before {
  content: "–";
  color: inherit;
}
.custom-accordion .uk-accordion-title:not(.uk-active)::before {
  top: 25px;
}
.custom-accordion .uk-accordion-title ~ .uk-accordion-title.uk-active {
  border-top: 1px solid #606060;
}
.custom-accordion .uk-accordion-content {
  padding: 0 83px 15px;
}
.custom-accordion .uk-accordion-content p:last-child,
.custom-accordion .uk-accordion-content ol:last-child,
.custom-accordion .uk-accordion-content ul:last-child {
  margin-bottom: 0;
}

.custom-accordion .uk-accordion-title ~ .uk-accordion-title::after {
  content: "";
  position: absolute;
  top: 0px;
  left: 80px;
  right: 80px;
  height: 1px;
  background: #9c9897;
}

.custom-accordion .uk-accordion-title.uk-active::after,
.custom-accordion .uk-accordion-title.uk-active + div + .uk-accordion-title::after {
  display: none;
}

.qty-amount {
  float: left;
  margin-right: 22px;
}
.qty-amount .qty-input {
  border: 1px solid #585559;
  text-align: center;
  height: 40px;
  margin: 0 5px;
  display: block;
  float: left;
  width: 55px;
  border-radius: 0 !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.qty-amount .qty-btn {
  border-radius: 0;
  border: 1px solid #585559;
  background-color: #585559;
  width: 40px;
  height: 40px;
  line-height: 38px;
  text-align: center;
  color: #ffffff;
  cursor: pointer;
  margin: 0;
  display: block;
  float: left;
}
.qty-amount .qty-btn.qty-disabled {
  background: #eee;
  color: #585559;
  border-color: #eee;
  cursor: default;
}

#cart-summary .table-row .quantity input {
  border-radius: 0 !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.add-to-cart-btn {
  float: left;
  top: 0;
  margin: 0;
  padding: 10px 15px !important;
  background: #ff7e00;
  color: #fff;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  font-weight: 400;
  font-size: 16px;
  line-height: 1;
  text-transform: uppercase;
  border: 2px solid #ff7e00;
  text-decoration: none;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
  cursor: pointer;
}
.add-to-cart-btn:hover {
  background: #585559;
  border-color: #585559;
}
.add-to-cart-btn::before {
  display: inline-block !important;
  padding: 0 8px 0 0 !important;
  color: #fff;
  border-right: 1px solid #fff !important;
}

.add-to-cart-btn-white,
.add-to-cart-btn-white::before {
  border-color: #fff;
  color: #fff;
}

.out-of-stock .add-to-cart-btn {
  border-color: #aeaeae;
  color: #aeaeae;
  background: #fff;
}
.out-of-stock .add-to-cart-btn:hover {
  background: #fff;
  border-color: #aeaeae;
  cursor: default;
}
.out-of-stock .add-to-cart-btn:hover::before {
  color: #aeaeae;
  border-color: #eaeaea !important;
}
.out-of-stock .add-to-cart-btn::before {
  color: #aeaeae;
  border-color: #eaeaea !important;
}
.out-of-stock .qty-amount .qty-btn {
  background: #eee;
  border-color: #eee;
  color: #585559;
  cursor: default;
}
.out-of-stock .qty-input {
  background: #eee;
  border-color: #eee;
}
.out-of-stock .ico-cart {
  opacity: 0.6;
}

.qty-input[disabled] {
  background: #eee !important;
  border-color: #eee !important;
}

.add-to-cart-btn[disabled] {
  border-color: #aeaeae;
  color: #aeaeae;
  background: #fff;
}
.add-to-cart-btn[disabled]:hover {
  background: #fff;
  border-color: #aeaeae;
  cursor: default;
}
.add-to-cart-btn[disabled]:hover::before {
  color: #aeaeae;
  border-color: #eaeaea !important;
}
.add-to-cart-btn[disabled]::before {
  color: #aeaeae;
  border-color: #eaeaea !important;
}

button.add-to-cart {
  background-image: none !important;
}

section.panel-7 .qty-amount-outer {
  margin: 320px 0 0 50px;
}

input[type=checkbox] {
  visibility: hidden;
}

input[type=checkbox] ~ .checkbox {
  background: #f0f0f0;
  width: 20px;
  height: 20px;
  display: inline-block;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
  position: relative;
  top: 4px;
  left: -6px;
}

input[type=checkbox]:checked ~ .checkbox {
  background: #ff7e00;
}

input[type=checkbox] ~ .checkbox::after {
  content: "";
  width: 14px;
  height: 8px;
  border: solid #fff;
  display: block;
  border-width: 0 0 2px 2px;
  opacity: 0;
  -ms-transform: rotate(-50deg) skewX(-10deg) translate(0px, 5px);
  -webkit-transform: rotate(-50deg) skewX(-10deg) translate(0px, 5px);
  transform: rotate(-50deg) skewX(-10deg) translate(0px, 5px);
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

input[type=checkbox]:checked ~ .checkbox::after {
  opacity: 1;
}

input[type=checkbox]:hover:not(:checked) ~ .checkbox {
  background: #a4a4a4;
}

input[type=radio] {
  visibility: hidden;
}

input[type=radio] ~ .radio {
  background: #fff;
  width: 22px;
  height: 22px;
  display: inline-block;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
  position: relative;
  top: 4px;
  left: -6px;
  border-radius: 50%;
  border: 1px solid #dddddd;
}

input[type=radio]:checked ~ .radio {
  background: #ff7e00;
  border-color: #ff7e00;
}

input[type=radio] ~ .radio::after {
  content: "";
  width: 14px;
  height: 8px;
  border: solid #fff;
  display: block;
  border-width: 0 0 2px 2px;
  opacity: 0;
  -ms-transform: rotate(-50deg) skewX(-10deg) translate(0px, 5px);
  -webkit-transform: rotate(-50deg) skewX(-10deg) translate(0px, 5px);
  transform: rotate(-50deg) skewX(-10deg) translate(0px, 5px);
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

input[type=radio]:checked ~ .radio::after {
  opacity: 1;
}

input[type=radio]:hover:not(:checked) ~ .radio {
  background: #f0f0f0;
}

.qty-amount-outer {
  display: table;
  margin: 20px auto 40px;
}

.qty-amount-outer .add-to-cart {
  margin: 0 !important;
}

.qty-amount .qty-input {
  background-color: transparent;
}

.breaks .qty-amount .qty-btn.qty-disabled {
  background: #ddd;
  border-color: #ddd;
}

#featured-section .qty-amount-outer {
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 0;
}
#featured-section .qty-amount .qty-input {
  background-color: #fff;
  border-color: #fff;
}

.ico-cart {
  float: left;
  margin-top: -3px;
  margin-left: 6px;
}

.share-area {
  overflow: hidden;
  padding-top: 40px;
}
.share-area .text {
  float: left;
  margin-right: 20px;
}

.share-buttons {
  list-style: none;
  margin: 0;
  padding-left: 0;
}
.share-buttons > li {
  float: left;
  margin-right: 20px;
  font-size: 20px;
}
.share-buttons > li a {
  color: #585559;
}
.share-buttons > li a:hover {
  color: #000;
}

/* =Custom styles
----------------------------------------------- */
html,
body {
  height: 100%;
}

body {
  display: table;
  table-layout: fixed;
  width: 100%;
}
body.lightbox-open {
  overflow: hidden;
}
body.lightbox-open::before {
  content: "";
  position: fixed;
  z-index: 25;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(255, 255, 255, 0.5);
}
body.lightbox-open .content-section .product-hero-col .product-hero-img,
body.lightbox-open .content-section .hero-gallery .product-gallery {
  opacity: 0;
}
body.lightbox-open .gradient-skew::before {
  z-index: 30;
  border-radius: 1px;
}
body::before {
  -webkit-transition: background 0.3s ease;
  -moz-transition: background 0.3s ease;
  -ms-transition: background 0.3s ease;
  -o-transition: background 0.3s ease;
  transition: background 0.3s ease;
}
body * {
  outline: none !important;
}

#main-wrap {
  display: table-row;
  height: 100%;
}

footer {
  display: table-row;
  height: 1px;
}

.testimonial .h-opinion {
  font-family: "Playfair Display", serif;
  font-size: 36px;
  line-height: 1.2;
}
.testimonial .h-opinion__content {
  margin-bottom: 10px;
}
.testimonial .h-opinion__author {
  font-size: 0.75em;
}
.testimonial .h-opinion__author::before {
  content: "–";
  display: inline;
  padding-right: 8px;
}
.testimonial.content-section .h-opinion {
  position: relative;
  z-index: 9;
  padding-top: 30px;
  color: #606060;
}
.testimonial.content-section .h-opinion__row {
  padding-left: 455px;
}
.testimonial .hero-container {
  padding-top: 0;
}
.testimonial .border-content {
  margin-top: 30px;
}
.testimonial.header .h-opinion {
  padding-top: 60px;
  padding-right: 80px;
  padding-bottom: 15px;
  color: #fff;
  font-size: 32px;
}

@media (max-width: 1659.98px) {
  .testimonial.header .h-opinion {
    padding-top: 10px;
    padding-right: 110px;
    font-size: 26px;
  }
}
@media (max-width: 1219.98px) {
  .testimonial .h-opinion {
    font-size: 32px;
  }
  .testimonial.content-section .h-opinion__row {
    padding-left: 430px;
  }
}
@media (max-width: 979.98px) {
  .testimonial .h-opinion {
    font-size: 28px;
  }
  .testimonial .h-opinion__content {
    margin-bottom: 5px;
  }
  .testimonial.content-section {
    padding-top: 35px;
  }
  .testimonial.content-section .h-opinion {
    padding: 5px 0 8px;
    background-color: white;
    border-bottom: 1px solid #606060;
  }
  .testimonial.content-section .h-opinion__row {
    padding-left: 0;
  }
  .testimonial.header .h-opinion {
    padding-top: 0;
    font-size: 22px;
    padding-right: 70px;
  }
}
@media (max-width: 979.98px) and (orientation: portrait) {
  .testimonial.content-section {
    padding-top: 76px;
  }
}
@media (max-width: 850.98px) {
  .testimonial.content-section {
    padding-top: 76px;
  }
  .testimonial.header .h-opinion {
    padding-top: 20px;
    padding-right: 65px;
  }
}
@media (max-width: 850.98px) and (orientation: landscape) {
  .testimonial.content-section {
    padding-top: 35px;
  }
}
@media (max-width: 739.98px) {
  .testimonial .h-opinion {
    font-size: 24px;
  }
  .testimonial.content-section {
    padding-top: 36px;
  }
  .testimonial.panel-1 .h-opinion {
    margin-bottom: 30px;
    color: #606060;
  }
  .testimonial.panel-1 .h-opinion::after {
    content: "";
    display: block;
    margin: 30px auto 0;
    width: 300px;
    max-width: 95%;
    height: 4px;
    background-color: #d4c09b;
  }
  .testimonial.panel-1 .h-opinion__row {
    margin: 0 auto;
    width: max-content;
    max-width: 100%;
  }
}
@media (max-width: 575.98px) {
  .testimonial .h-opinion {
    font-size: 20px;
  }
}
@media (max-width: 439.98px) {
  .testimonial .h-opinion {
    font-size: 18px;
  }
  .testimonial.panel-1 {
    padding-top: 0;
  }
  .testimonial.panel-1 .h-opinion {
    margin-left: 1.04166667%;
    margin-right: 1.04166667%;
  }
  .testimonial.panel-1 .h-opinion__row {
    margin: 0;
    width: auto;
  }
}
.border-content {
  position: relative;
  z-index: 20;
  margin-top: 50px;
  padding: 50px 40px;
  border-width: 0 1px 0 0;
  border-style: solid;
  border-color: #d4c09b;
}
.border-content::before, .border-content::after {
  content: "";
  position: absolute;
  z-index: 10;
  left: -200px;
  right: 0;
  height: 1px;
  background: rgba(212, 192, 155, 0);
  background: -webkit-gradient(left top, right top, color-stop(0%, rgba(212, 192, 155, 0)), color-stop(25%, rgb(212, 192, 155)), color-stop(100%, rgb(212, 192, 155)));
  background: -moz-linear-gradient(left, rgba(212, 192, 155, 0) 0%, rgb(212, 192, 155) 25%, rgb(212, 192, 155) 100%);
  background: -webkit-linear-gradient(left, rgba(212, 192, 155, 0) 0%, rgb(212, 192, 155) 25%, rgb(212, 192, 155) 100%);
  background: -o-linear-gradient(left, rgba(212, 192, 155, 0) 0%, rgb(212, 192, 155) 25%, rgb(212, 192, 155) 100%);
  background: -ms-linear-gradient(left, rgba(212, 192, 155, 0) 0%, rgb(212, 192, 155) 25%, rgb(212, 192, 155) 100%);
  background: linear-gradient(to right, rgba(212, 192, 155, 0) 0%, rgb(212, 192, 155) 25%, rgb(212, 192, 155) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#d4c09b", endColorstr="#d4c09b", GradientType=1);
}
.border-content::before {
  top: 0;
}
.border-content::after {
  bottom: 0;
}
.border-content h1 {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
}
.border-content h1 span {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  text-transform: uppercase;
}

.hero-container {
  padding-top: 90px;
}

.hero-container-lightbox {
  top: 90px;
  height: auto !important;
}

.hero-container-lightbox-inner {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -webkit-box-pack: center;
  justify-content: center;
  -ms-flex-pack: center;
}

.product-hero-col {
  position: relative;
}
.product-hero-col .product-hero-img {
  -webkit-transition: opacity 0.3s ease;
  -moz-transition: opacity 0.3s ease;
  -ms-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}

.product-hero-img {
  position: absolute;
  z-index: 1;
  top: -71px;
  right: -110px;
  margin: auto;
  max-width: none;
  height: calc(100% + 150px);
  max-height: 920px;
}

.product-gallery {
  overflow: hidden;
  position: relative;
  z-index: 20;
  margin-top: 49px;
  text-align: center;
}

.product-gallery-img {
  position: relative;
  display: inline-block;
  margin: 0 15px;
  width: 152px;
  height: 152px;
  background: rgb(255, 255, 255);
  background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgb(255, 255, 255)), color-stop(100%, rgb(238, 238, 238)));
  background: -moz-radial-gradient(center, ellipse cover, rgb(255, 255, 255) 0%, rgb(238, 238, 238) 100%);
  background: -webkit-radial-gradient(center, ellipse cover, rgb(255, 255, 255) 0%, rgb(238, 238, 238) 100%);
  background: -o-radial-gradient(center, ellipse cover, rgb(255, 255, 255) 0%, rgb(238, 238, 238) 100%);
  background: -ms-radial-gradient(center, ellipse cover, rgb(255, 255, 255) 0%, rgb(238, 238, 238) 100%);
  background: radial-gradient(ellipse at center, rgb(255, 255, 255) 0%, rgb(238, 238, 238) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#eeeeee", GradientType=1);
  cursor: pointer;
}
.product-gallery-img.video::before, .product-gallery-img.video::after {
  content: "";
  display: block;
  position: absolute;
}
.product-gallery-img.video::before {
  top: -webkit-calc(50% - 40px);
  top: calc(50% - 40px);
  left: -webkit-calc(50% - 40px);
  left: calc(50% - 40px);
  width: 80px;
  height: 80px;
  border: 10px solid rgba(255, 255, 255, 0.5);
  border-radius: 50%;
}
.product-gallery-img.video::after {
  top: -webkit-calc(50% - 20px);
  top: calc(50% - 20px);
  left: -webkit-calc(50% - 12px);
  left: calc(50% - 12px);
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 20px 0 20px 35px;
  border-color: transparent rgba(255, 255, 255, 0.5);
}
.product-gallery-img img {
  display: block;
  margin: auto;
  max-height: 100%;
}

.product-description {
  margin-top: 18px;
}
.product-description h3 {
  text-transform: uppercase;
  color: #585559;
}
.product-description p {
  text-align: left;
}
.product-description p,
.product-description ol,
.product-description ul {
  margin-top: 0;
  color: #585559;
}
.product-description ul {
  list-style-type: square;
  padding-left: 17px;
}
.product-description .content-max-width {
  float: right !important;
  max-width: 520px;
}

.product-certificate {
  overflow: hidden;
  margin-top: 30px;
}
.product-certificate img {
  float: left;
  margin-right: 30px;
}
.product-certificate p {
  padding-top: 6px;
}

#featured-section {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 50px 0;
  height: 436px;
  background: no-repeat center;
  background-size: cover;
  overflow: hidden;
}
#featured-section .featured-section-content {
  position: relative;
  z-index: 5;
}
#featured-section .featured-section-content::before {
  content: "";
  display: block;
  position: absolute;
  top: -20px;
  right: -700px;
  bottom: -20px;
  left: -200px;
  z-index: -1;
  background-color: rgba(0, 0, 0, 0.3);
}
#featured-section h2 {
  color: #fff;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
}
#featured-section h2 span {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  text-transform: uppercase;
}
#featured-section .add-to-cart-btn {
  top: 0;
  margin-top: 0;
  margin-left: 0;
}
#featured-section .ico-cart {
  margin-top: 6px;
}
#featured-section.white .featured-section-content::before {
  background-color: rgba(255, 255, 255, 0.3);
}
#featured-section.white h2 {
  color: #1f1f1f !important;
}
#featured-section.white h2 span {
  color: #585559 !important;
}

.featured-section-content {
  max-width: 520px;
}
.featured-section-content,
.featured-section-content .float-right {
  float: right !important;
}

.lightbox-carousel {
  overflow-y: auto;
  display: none;
  position: fixed;
  z-index: 99999;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding-top: 75px;
  background: rgba(255, 255, 255, 0.9);
}
.lightbox-carousel .owl-stage-outer {
  position: relative;
  z-index: 1;
}
.lightbox-carousel .owl-theme .owl-item {
  padding-top: 0;
}
.lightbox-carousel .owl-carousel .owl-item img,
.lightbox-carousel .owl-carousel .owl-item video {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 375px;
  width: auto;
  padding: 0 5px;
}
.lightbox-carousel .owl-theme .owl-item::before {
  display: none;
}
.lightbox-carousel .lightbox-carousel-close {
  position: absolute;
  z-index: 20;
  top: 94px;
  right: -87px;
  width: 37px;
  height: 37px;
  background: url("https://web.nanoil.store/assets/img/ico-close.webp") no-repeat center;
  background-size: contain;
  cursor: pointer;
}
.lightbox-carousel .row.d-flex {
  width: 1200px;
  margin-left: auto;
  margin-right: auto;
}
.lightbox-carousel .gradient-skew::before {
  right: -24px;
  opacity: 0.1;
}
.lightbox-carousel a:hover {
  text-decoration: none;
}
.lightbox-carousel .product-gallery {
  position: relative;
  left: -1px;
  margin-top: auto;
}
.lightbox-carousel .owl-stage {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.lightbox-carousel .owl-nav .owl-prev,
.lightbox-carousel .owl-nav .owl-next {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 40px;
  height: 69px;
  text-indent: -99999px;
  background-size: contain !important;
}

.lightbox-carousel .owl-nav .owl-prev {
  background: url("https://web.nanoil.store/assets/img/ico-prev.webp") no-repeat center;
  left: -90px;
}

.lightbox-carousel .owl-nav .owl-next {
  background: url("https://web.nanoil.store/assets/img/ico-next.webp") no-repeat center;
  right: -90px;
}

#carousel-custom-dots {
  margin-bottom: 0;
}

.porosity-area {
  position: relative;
}
.porosity-area .porosity-text {
  position: absolute;
  z-index: 1;
  top: 4px;
  right: 4px;
  padding: 0 0 5px 5px;
  color: #d4c09b;
  font-size: 18px;
  text-align: right;
  line-height: 1.15;
  text-transform: uppercase;
}

.cart-text {
  float: left;
  margin-top: 6px;
  margin-bottom: 4px;
  margin-left: 20px;
  margin-right: 10px;
  font-size: 14px;
}
.cart-text.text-green {
  color: #28a745;
  font-weight: 700;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}

nav .main-nav .cart .cart-details .cart-link {
  overflow: hidden;
}

nav .main-nav .cart .cart-details .cart-table .cart-item.item::after {
  visibility: hidden;
}

.cart-item:not(.cart-header):not(.cart-summary) > span {
  border-bottom: 1px solid #ececec;
}

section.panel-5 .col.sm-3.md-3.lg-6 {
  margin-bottom: 10px;
}
section.panel-5 .col.sm-3.md-3.lg-6 p {
  overflow: hidden;
}
section.panel-5 .col.sm-3.md-3.lg-6:nth-child(2n+1) {
  clear: both;
}

.content-section {
  overflow: hidden;
}

input,
select,
textarea {
  text-transform: uppercase !important;
}

/* =Animations
----------------------------------------------- */
.animated {
  -webkit-animation-duration: 0.5s !important;
  animation-duration: 0.5s !important;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

/* =Media queries
----------------------------------------------- */
@media (min-width: 740px) {
  .porosity-area {
    margin-top: 40px;
    margin-right: 10px;
  }
}
@media (min-width: 980px) {
  .d-md-flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .product-hero-col.gradient-skew::before {
    display: none;
  }
  body.lightbox-open,
body.lightbox-open .lightbox-carousel {
    padding-right: 17px;
  }
  .porosity-area {
    margin-right: 20px;
  }
  #featured-section {
    min-height: 40vh;
  }
  #featured-section .featured-section-content::before {
    left: -30px;
  }
}
@media (max-width: 1539.98px) {
  .product-hero-img {
    max-height: 740px;
  }
}
@media (max-width: 1219.98px) {
  .border-content {
    padding: 30px 20px;
  }
  .product-gallery {
    padding-left: 20px;
  }
  .lightbox-carousel {
    padding-top: 0;
  }
  .lightbox-carousel .owl-nav .owl-prev {
    left: -30px;
  }
  .lightbox-carousel .owl-nav .owl-next {
    right: -30px;
  }
  .lightbox-carousel .lightbox-carousel-close {
    right: -37px;
  }
  #featured-section {
    background-position: 54% 50%;
  }
  section.panel-7 .img-area .text {
    font-size: 28px;
    line-height: 40px;
  }
}
@media (max-width: 979.98px) {
  .content-section {
    padding-bottom: 30px;
  }
  .hero-container,
.hero-gallery {
    padding-top: 0;
    width: 100% !important;
  }
  .lightbox-carousel .owl-stage-outer {
    margin: 0 auto;
    max-width: -webkit-calc(100% - 80px);
    max-width: calc(100% - 80px);
  }
  .lightbox-carousel .owl-item .item {
    max-width: -webkit-calc(100% - 80px);
    max-width: calc(100% - 80px);
  }
  .product-gallery-img {
    width: 130px;
    height: 130px;
    margin: 0 5px;
  }
  .product-hero-col {
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100% !important;
  }
  .product-hero-col.gradient-skew::before {
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
  }
  .product-hero-col .product-hero-img {
    display: block;
    position: relative;
    top: 0;
    right: 0;
    bottom: auto;
    left: 0;
    max-width: 100%;
    height: auto;
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
  .gradient-skew:not(.product-hero-col)::before {
    display: none;
  }
  .hero-container-lightbox {
    height: auto !important;
  }
  .product-gallery {
    padding-left: 0;
    margin-left: auto;
    margin-right: auto;
    display: table;
  }
  .hero-container-lightbox {
    width: 100% !important;
  }
  .lightbox-carousel .owl-item .item img,
.lightbox-carousel .owl-item .item video {
    max-width: 100%;
    max-height: 70vh;
  }
  .lightbox-carousel .lightbox-carousel-close {
    position: fixed;
    top: 85px;
    right: 10px;
  }
  .lightbox-carousel .owl-theme .owl-controls .owl-nav {
    top: 0;
    bottom: 0;
  }
  .owl-theme .owl-controls .owl-nav .owl-prev {
    left: 0;
  }
  .owl-theme .owl-controls .owl-nav .owl-next {
    right: 0;
  }
  .product-description .mt-5 {
    margin-top: 1rem;
  }
  .product-description .content-max-width {
    margin: 30px auto 0;
    display: block;
    max-width: 100%;
  }
  #featured-section {
    background-position: 93% 50%;
    background-size: 2200px;
  }
  .featured-section-content {
    max-width: none;
    text-align: center;
  }
  .featured-section-content,
.featured-section-content .float-right {
    float: none !important;
  }
  .featured-section-content .mt-5 {
    display: table;
    margin-left: auto;
    margin-right: auto;
  }
  .border-content {
    margin-top: 0;
  }
  .product-gallery {
    margin-top: 20px;
  }
  .border-left {
    border: 0;
    padding-left: 0;
  }
  .border-left h3 {
    position: relative;
    font-size: 24px;
  }
  .border-left h3::before {
    content: "";
    display: block;
    position: absolute;
    top: 8px;
    left: -14px;
    width: 5px;
    height: 20px;
    background: #d4c09b;
  }
  .related-section > .row,
.related-section > .row > .col {
    margin-left: 0;
    margin-right: 0;
    width: 100%;
  }
  .related-section .border-left h3::before {
    display: none;
  }
  .related-section .border-left {
    margin-bottom: -60px;
    padding: 30px 15px;
    background: #d4c09b;
    text-align: center;
  }
  .border-content {
    border: 0;
  }
  .border-content::before,
.border-content::after {
    display: none;
  }
  body.lightbox-open::before {
    display: none;
  }
  #featured-section {
    min-height: 230px;
    height: auto;
  }
  nav .main-nav .cart .cart-items-count {
    top: 0;
  }
  .porosity-area .porosity-text {
    font-size: 16px;
  }
  .cart-text {
    margin-left: 5px;
    font-size: 12px;
  }
  section.panel-7 .qty-amount-outer,
#featured-section .qty-amount-outer {
    margin-left: auto;
    margin-right: auto;
  }
  section.zamowienie form select {
    font-size: 12px;
  }
  section.panel-7 .img-area .text {
    font-size: 20px;
    line-height: 26px;
  }
}
@media (max-width: 739.98px) {
  .mt-5 {
    margin-top: 2rem;
  }
  .content-section {
    padding-top: 34px;
  }
  .product-gallery-img {
    margin-right: 10px;
  }
  h1 {
    font-size: 26px;
  }
  h2 {
    font-size: 24px;
  }
  h3 {
    font-size: 20px;
  }
  .border-left h3::before {
    height: 12px;
  }
  .custom-accordion .uk-accordion-title {
    padding: 17px 14px 17px 53px;
  }
  .custom-accordion .uk-accordion-title::before {
    top: 14px;
    left: 15px;
    font-size: 20px;
  }
  .custom-accordion .uk-accordion-title:not(.uk-active)::before {
    top: 16px;
  }
  .custom-accordion .uk-accordion-title ~ .uk-accordion-title::after {
    left: 53px;
    right: 53px;
  }
  .custom-accordion .uk-accordion-content {
    padding-left: 53px;
    padding-right: 53px;
  }
  .lightbox-carousel {
    padding-top: 36px;
  }
  .lightbox-carousel .owl-item .item {
    overflow: visible;
  }
  .lightbox-carousel .lightbox-carousel-close {
    top: 45px;
  }
  #featured-section {
    background-position: 78% 50%;
  }
  .faq-accordion .uk-accordion-title {
    line-height: normal;
  }
  .faq-accordion .uk-accordion-title::before {
    font-size: 20px;
    background: #585559;
  }
  .faq-accordion .uk-accordion-title,
.faq-accordion .uk-accordion-content {
    padding-left: 52px;
    padding-right: 62px;
  }
  .share-area-mobile {
    padding-bottom: 40px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -webkit-box-pack: center;
    justify-content: center;
    -ms-flex-pack: center;
  }
  .porosity-area .porosity-text {
    left: 4px;
    right: auto;
    padding: 0 5px 5px 0;
  }
  section.blog {
    margin-top: 36px;
  }
  section.panel-7 .qty-amount-outer {
    margin: 20px auto 40px;
  }
  section.panel-7 .img-area .text {
    width: 40%;
    font-size: 3vw;
    line-height: 4vw;
  }
  section.panel-7 .img-area .text-1 {
    left: 0%;
  }
}
@media (max-width: 499.98px) {
  .float-left-sm {
    float: left;
  }
  .float-right-sm {
    float: right;
  }
  .free-shipping .float-left-sm {
    position: relative;
    top: 1px;
  }
  .free-shipping .float-left-sm img {
    margin-left: 0;
  }
  .summary-cell {
    margin-bottom: 0 !important;
    padding-top: 3px !important;
    padding-bottom: 3px !important;
  }
  .product-gallery-img {
    width: 80px;
    height: 80px;
    margin: 0 4px !important;
  }
  .product-gallery-img.video::before {
    top: -webkit-calc(50% - 25px);
    top: calc(50% - 25px);
    left: -webkit-calc(50% - 25px);
    left: calc(50% - 25px);
    width: 50px;
    height: 50px;
    border: 6px solid rgba(255, 255, 255, 0.5);
  }
  .product-gallery-img.video::after {
    top: -webkit-calc(50% - 12px);
    top: calc(50% - 12px);
    left: -webkit-calc(50% - 8px);
    left: calc(50% - 8px);
    border-width: 12px 0 12px 21px;
  }
  #featured-section {
    background-position: 67% 50%;
  }
  .custom-accordion .uk-accordion-title {
    padding-left: 40px;
    font-size: 14px;
  }
  .custom-accordion .uk-accordion-title::before {
    left: 5px;
  }
  .custom-accordion .uk-accordion-title ~ .uk-accordion-title::after {
    left: 40px;
    right: 40px;
  }
  .custom-accordion .uk-accordion-content {
    padding-left: 40px;
    padding-right: 40px;
    font-size: 14px;
  }
  .faq-accordion .uk-accordion-title {
    font-size: 14px;
  }
  .faq-accordion .uk-accordion-title::before {
    width: 40px;
    right: 0;
    line-height: 48px;
  }
  .faq-accordion .uk-accordion-title.uk-active::before {
    line-height: 44px;
  }
  .faq-accordion .uk-accordion-title span {
    width: 30px;
  }
  .faq-accordion .uk-accordion-title ~ .uk-accordion-title::after {
    left: 40px;
    right: 40px;
  }
  .faq-accordion .uk-accordion-title,
.faq-accordion .uk-accordion-content {
    padding-left: 40px;
    padding-right: 50px;
  }
  .faq-accordion .uk-accordion-content {
    font-size: 14px;
  }
  .product-certificate img {
    float: none;
    display: block;
    margin: 0 auto 10px;
  }
  section.panel-7 .qty-amount-outer .add-to-cart,
#featured-section .qty-amount-outer .add-to-cart {
    margin-top: 20px !important;
  }
  section.panel-7 .qty-amount,
#featured-section .qty-amount {
    float: none;
    display: table;
    margin: auto;
  }
}
@media (max-width: 439.98px) {
  .qty-amount {
    float: none;
    display: block;
    overflow: hidden;
  }
  .add-to-cart-btn {
    top: 0;
    margin-top: 20px;
  }
  .ico-cart {
    margin-top: 26px;
  }
}
@media (max-width: 979.98px) and (orientation: landscape) {
  section.blog {
    margin-top: 36px;
  }
  .lightbox-carousel {
    padding-top: 0;
  }
  .border-content {
    margin-top: 0;
    padding-top: 15px;
  }
  .lightbox-carousel .owl-item .item img {
    top: 0;
    max-height: 90vh;
  }
}
@media (min-width: 980px) and (max-height: 920px) {
  .hero-container-lightbox {
    min-height: 680px;
    max-height: 90vh;
  }
}
@media (min-width: 740px) and (max-width: 979.98px), (max-width: 499.98px) {
  .breaks .qty-amount {
    float: none;
    display: table;
    margin: auto;
  }
  .breaks .qty-amount-outer .add-to-cart {
    margin-top: 20px !important;
  }
}
/* cookies notice --------------------------------------------------------------------- */
.new-cookies-notice {
  position: fixed;
  box-sizing: border-box;
  z-index: 9999;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  padding: 10px;
  background: rgba(0, 0, 0, 0.5333333333);
  color: #000;
  display: grid;
  grid-template-columns: 100%;
  place-content: center;
  place-items: center;
  transition: opacity 0.3s ease;
  font-size: 0.7em;
}
.new-cookies-notice:not(.is-open) {
  top: auto;
  bottom: 0;
  height: unset;
  background: rgba(255, 255, 255, 0.96);
  border-top: 1px solid #ccc;
}
.new-cookies-notice:not(.is-open) .new-cookies-notice__container {
  width: 940px;
  position: static;
  background: transparent;
  padding: 0;
}
.new-cookies-notice:not(.is-open) .new-cookies-notice__form {
  display: none;
}
.new-cookies-notice.is-closed {
  opacity: 0;
  pointer-events: none;
}
.new-cookies-notice__container {
  width: 635px;
  max-width: 100%;
  padding: 10px 20px;
  position: relative;
  background-color: #fff;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
}
.new-cookies-notice__close {
  display: none;
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer;
  background: transparent;
  border: none;
  box-shadow: none;
}
.new-cookies-notice__close.show {
  display: block;
}
.new-cookies-notice__heading {
  font-weight: 700;
  font-size: 1.5em;
  line-height: 1.5em;
  text-align: left;
  margin: 0;
}
.new-cookies-notice__heading a {
  text-decoration: underline;
  color: inherit;
}
.new-cookies-notice__heading a:visited, .new-cookies-notice__heading a:active {
  color: inherit;
}
.new-cookies-notice__message {
  display: block;
  margin-bottom: 10px;
  line-height: 1.5em;
  font-size: max(9px, 1em);
}
.new-cookies-notice__form, .new-cookies-notice__options {
  display: grid;
  gap: 10px;
}
.new-cookies-notice__form .new-cookies-notice__button, .new-cookies-notice__options .new-cookies-notice__button {
  text-transform: uppercase;
}
.new-cookies-notice__form {
  grid-template-columns: 100%;
}
.new-cookies-notice__options {
  grid-template-columns: repeat(2, minmax(1px, 1fr));
  margin-top: 10px;
}
.new-cookies-notice__option {
  padding: 8px 10px;
  border: 1px solid #ebebeb;
  position: relative;
  cursor: pointer;
  user-select: none;
  top: unset;
  left: unset;
  font-size: inherit;
  line-height: inherit;
  color: inherit;
}
.new-cookies-notice__option input {
  z-index: 0;
  padding: 0;
  width: auto;
  margin: 0 5px 0 0;
  font-size: inherit;
  line-height: inherit;
  font-weight: inherit;
  vertical-align: middle;
  visibility: visible;
}
.new-cookies-notice__buttons {
  margin-top: 10px;
}
.new-cookies-notice__buttons.hidden {
  display: none;
}
.new-cookies-notice__button {
  display: block;
  max-width: 100%;
  width: 100%;
  padding: 7px 15px;
  border: 1px solid #ddd;
  border-radius: 0;
  cursor: pointer;
  text-decoration: none;
  background-color: #fff;
  color: #222;
  margin-bottom: 10px;
  font-size: 0.6rem;
  text-align: center;
  transition: all 0.15s ease-in;
  box-sizing: border-box;
  line-height: normal;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.new-cookies-notice__button__button:visited {
  color: #222;
}
.new-cookies-notice__button.btn-lg {
  padding: 10px 15px;
  margin: 0;
}
.new-cookies-notice__button:last-child {
  margin-bottom: 0;
}
.new-cookies-notice__button--accept-all {
  border-color: #222;
  background: #222;
  color: #fff;
}
.new-cookies-notice__button--accept-required {
  border-color: #ebebeb;
  color: #222;
}
.new-cookies-notice__button:hover, .new-cookies-notice__button:focus, .new-cookies-notice__button:active {
  color: #fff;
  background-color: #d4c09b;
  border-color: #d4c09b;
  text-decoration: none;
}

@media (min-width: 768px) {
  .new-cookies-notice__container {
    max-width: calc(100% - 40px);
  }
  .new-cookies-notice__form {
    grid-template-columns: repeat(3, minmax(1px, 1fr));
  }
  .new-cookies-notice__options {
    grid-template-columns: repeat(3, minmax(1px, 1fr));
    grid-column-end: span 3;
  }
}
@media (min-width: 460px) {
  .new-cookies-notice__buttons {
    text-align: center;
    margin: 10px 0 5px;
  }
  .new-cookies-notice__button {
    max-width: none;
    min-width: 130px;
    width: auto;
    display: inline-block;
    margin: 0 10px 0 0;
    padding: 4px 10px 5px;
  }
  .new-cookies-notice__button:last-child {
    margin-right: 0;
  }
}
@media (min-width: 960px) {
  .new-cookies-notice:not(.is-open) .new-cookies-notice__message {
    display: inline;
    vertical-align: middle;
  }
  .new-cookies-notice__buttons {
    display: inline;
    vertical-align: middle;
  }
  .new-cookies-notice__buttons {
    margin-left: 15px;
  }
}
@media (min-width: 1300px) {
  .new-cookies-notice:not(.is-open) .new-cookies-notice__container {
    width: 1175px;
  }
}
/* old cookies notice; delete this after changing all notices to the new format ------------------------------- */
.cookies-notice {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10000000000000;
  padding: 10px 0;
  background: rgba(255, 255, 255, 0.85);
  border-top: 1px solid #adadad;
}
.cookies-notice__text {
  margin: 0;
  padding-right: 15px;
  font-size: 0.75rem;
  line-height: 1;
}
.cookies-notice__text a {
  color: #0062bf;
}
.cookies-notice__text a:hover {
  color: rgb(0, 64, 164);
}
.cookies-notice__close {
  display: block;
  position: absolute;
  top: calc(50% - 10px);
  right: 5px;
  padding: 0;
  width: 20px;
  height: 20px;
  background: none;
  border: none;
  cursor: pointer;
}
.cookies-notice__close::before, .cookies-notice__close::after {
  content: "";
  display: block;
  position: absolute;
  top: 8px;
  left: -3px;
  width: 24px;
  height: 2px;
  background-color: #777;
}
.cookies-notice__close::before {
  -webkit-transform: rotateZ(45deg);
  -moz-transform: rotateZ(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotateZ(45deg);
  transform: rotateZ(45deg);
}
.cookies-notice__close::after {
  -webkit-transform: rotateZ(-45deg);
  -moz-transform: rotateZ(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotateZ(-45deg);
  transform: rotateZ(-45deg);
}
.cookies-notice__close:hover::before, .cookies-notice__close:hover::after {
  background-color: #0054a4;
}

/* NEWEST COOKIES NOTICE */
.cookies-notice {
  position: fixed;
  box-sizing: border-box;
  z-index: 9999;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  padding: 10px;
  background: rgba(0, 0, 0, 0.5333333333);
  color: #000;
  display: grid;
  grid-template-columns: 100%;
  place-content: center;
  place-items: center;
  transition: opacity 0.3s ease;
  font-size: 0.7em;
}
.cookies-notice:not(.is-open) {
  top: auto;
  bottom: 0;
  height: unset;
  background: rgba(255, 255, 255, 0.96);
  border-top: 1px solid #ccc;
}
.cookies-notice:not(.is-open) .cookies-notice__container {
  width: 940px;
  position: static;
  background: transparent;
  padding: 0;
}
.cookies-notice:not(.is-open) .cookies-notice__form {
  display: none;
}
.cookies-notice.is-closed {
  opacity: 0;
  pointer-events: none;
}
.cookies-notice__container {
  width: 635px;
  max-width: 100%;
  padding: 10px 20px;
  position: relative;
  background-color: #fff;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
}
.cookies-notice__close {
  display: none;
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer;
  background: transparent;
  border: none;
  box-shadow: none;
}
.cookies-notice__close:before, .cookies-notice__close:after {
  content: none;
}
.cookies-notice__close.show {
  display: block;
}
.cookies-notice__heading {
  font-weight: 700;
  font-size: 1.5em;
  line-height: 1.5em;
  text-align: left;
  margin: 0;
}
.cookies-notice__heading a {
  text-decoration: underline;
  color: inherit;
}
.cookies-notice__heading a:visited, .cookies-notice__heading a:active {
  color: inherit;
}
.cookies-notice__message {
  display: block;
  margin-bottom: 10px;
  line-height: 1.5em;
  font-size: max(9px, 1em);
}
.cookies-notice__form, .cookies-notice__options {
  display: grid;
  gap: 10px;
}
.cookies-notice__form .cookies-notice__button, .cookies-notice__options .cookies-notice__button {
  text-transform: uppercase;
}
.cookies-notice__form {
  grid-template-columns: 100%;
}
.cookies-notice__options {
  grid-template-columns: repeat(2, minmax(1px, 1fr));
  margin-top: 10px;
}
.cookies-notice__option {
  padding: 8px 10px;
  border: 1px solid #ebebeb;
  position: relative;
  cursor: pointer;
  user-select: none;
  top: unset;
  left: unset;
  font-size: inherit;
  line-height: inherit;
  color: inherit;
}
.cookies-notice__option input {
  z-index: 0;
  padding: 0;
  width: auto;
  margin: 0 5px 0 0;
  font-size: inherit;
  line-height: inherit;
  font-weight: inherit;
  vertical-align: middle;
  visibility: visible;
}
.cookies-notice__buttons {
  margin-top: 10px;
}
.cookies-notice__buttons.hidden {
  display: none;
}
.cookies-notice__button {
  display: block;
  max-width: 100%;
  width: 100%;
  padding: 7px 15px;
  border: 1px solid #ddd;
  border-radius: 0;
  cursor: pointer;
  text-decoration: none;
  background-color: #fff;
  color: #222;
  margin-bottom: 10px;
  font-size: 0.6rem;
  text-align: center;
  transition: all 0.15s ease-in;
  box-sizing: border-box;
  line-height: normal;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.cookies-notice__button__button:visited {
  color: #222;
}
.cookies-notice__button.btn-lg {
  padding: 10px 15px;
  margin: 0;
}
.cookies-notice__button:last-child {
  margin-bottom: 0;
}
.cookies-notice__button--accept-all {
  border-color: #222;
  background: #222;
  color: #fff;
}
.cookies-notice__button--accept-required {
  border-color: #ebebeb;
  color: #222;
}
.cookies-notice__button:hover, .cookies-notice__button:focus, .cookies-notice__button:active {
  color: #fff;
  background-color: #d4c09b;
  border-color: #d4c09b;
  text-decoration: none;
}

@media (min-width: 768px) {
  .cookies-notice__container {
    max-width: calc(100% - 40px);
  }
  .cookies-notice__form {
    grid-template-columns: repeat(3, minmax(1px, 1fr));
  }
  .cookies-notice__options {
    grid-template-columns: repeat(3, minmax(1px, 1fr));
    grid-column-end: span 3;
  }
}
@media (min-width: 460px) {
  .cookies-notice__buttons {
    text-align: center;
    margin: 10px 0 5px;
  }
  .cookies-notice__button {
    max-width: none;
    min-width: 130px;
    width: auto;
    display: inline-block;
    margin: 0 10px 0 0;
    padding: 4px 10px 5px;
  }
  .cookies-notice__button:last-child {
    margin-right: 0;
  }
}
@media (min-width: 960px) {
  .cookies-notice:not(.is-open) .cookies-notice__message {
    display: inline;
    vertical-align: middle;
  }
  .cookies-notice__buttons {
    display: inline;
    vertical-align: middle;
  }
  .cookies-notice__buttons {
    margin-left: 15px;
  }
}
@media (min-width: 1300px) {
  .cookies-notice:not(.is-open) .cookies-notice__container {
    width: 1175px;
  }
}
.product-info {
  list-style-type: none;
  padding: 0;
}
.product-info li {
  display: inline;
  padding-left: 5px;
}
.product-info li::before {
  content: "|";
  display: inline;
  padding-right: 5px;
}
.product-info li:first-child {
  padding-left: 0;
}
.product-info li:first-child::before {
  display: none;
}

.before-about-product {
  margin-bottom: 80px;
}
.before-about-product__header {
  margin-bottom: 20px;
  color: #d4c09b;
  font-size: 42px;
  line-height: 1.2;
  font-weight: 300;
  text-transform: uppercase;
}
.before-about-product__description {
  color: #585559;
  font-size: 24px;
  line-height: 1.2;
}

.about-product__title {
  display: flex;
  align-items: center;
  position: relative;
  min-height: 150px;
  margin-bottom: 20px;
  padding: 0 20px;
  color: #000;
  text-align: center;
  font-size: 24px;
  line-height: 1.2;
  font-weight: 300;
  text-transform: uppercase;
}
.about-product__title::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: -15px;
  width: 5px;
  background-color: #d4c09b;
}
.about-product__title--no-border::before {
  display: none;
}
.about-product__description {
  padding: 0 20px;
  color: #585559;
}
.about-product p {
  text-align: left;
}
.about-product ul {
  padding-left: 20px;
  list-style-type: none;
}
.about-product ul li {
  position: relative;
}
.about-product ul li::before {
  content: "";
  display: block;
  position: absolute;
  left: -20px;
  top: 8px;
  width: 8px;
  height: 8px;
  background-color: #d4c09b;
}

.share-your-story-section {
  padding-bottom: 0;
}
.share-your-story-section::after {
  content: "";
  display: block;
  clear: both;
}

.share-your-story {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}
.share-your-story__header {
  display: grid;
  align-items: center;
  min-height: 156px;
  padding: 15px;
  background-color: #d4c09b;
  text-align: center;
  font-size: 36px;
  line-height: 1;
}
.share-your-story__content {
  display: grid;
  align-content: center;
  min-height: 156px;
  padding: 15px;
  background-color: #585559;
  text-align: center;
}
.share-your-story__content--border-right {
  border-right: 4px solid #fff;
}
.share-your-story__content--border-left {
  border-left: 4px solid #fff;
}
.share-your-story__title {
  margin-bottom: 5px;
  color: #d4c09b;
  font-size: 28px;
  line-height: 1;
}
.share-your-story__title img {
  width: 40px;
}
.share-your-story__description {
  color: #fff;
  font-size: 22px;
  line-height: 1.2;
  font-weight: 300;
}

.opinions-section {
  background-color: #f3f3f3;
  padding: 0;
}

.opinions {
  padding: 40px 0;
}
.opinions.owl-theme .owl-item::before {
  display: none;
}
.opinions.owl-theme .owl-controls .owl-nav {
  color: #c9c9c9;
}
.opinions.owl-theme .owl-controls .owl-nav .owl-next:hover,
.opinions.owl-theme .owl-controls .owl-nav .owl-prev:hover {
  font-size: 26px;
  color: #585559;
}

.opinion {
  width: 100%;
  padding: 0 50px;
}
.opinion__content {
  margin-bottom: 15px;
  font-size: 20px;
  line-height: 1.2;
  font-weight: 300;
  font-style: italic;
}
.opinion__author {
  text-align: right;
  font-size: 16px;
  line-height: 1;
  font-weight: 300;
  font-style: italic;
}

.left-arrow,
.right-arrow {
  display: block;
  width: 20px;
  height: 40px;
  position: relative;
}
.left-arrow::before, .left-arrow::after,
.right-arrow::before,
.right-arrow::after {
  content: "";
  display: block;
  position: absolute;
  left: -2px;
  width: 25px;
  height: 2px;
  background: #c9c9c9;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}
.left-arrow:hover::before, .left-arrow:hover::after,
.right-arrow:hover::before,
.right-arrow:hover::after {
  background: #585559;
}

.left-arrow::before {
  top: 10px;
  transform: rotateZ(-47deg);
}
.left-arrow::after {
  bottom: 10px;
  transform: rotateZ(47deg);
}

.right-arrow::before {
  top: 10px;
  transform: rotateZ(47deg);
}
.right-arrow::after {
  bottom: 10px;
  transform: rotateZ(-47deg);
}

.content-section.product-girls-section {
  padding-top: 3px;
  background: none;
  text-align: center;
  font-size: 0;
}
.content-section.product-girls-section--oils {
  position: relative;
  padding: 125px 15px 70px;
}
.content-section.product-girls-section--oils::before, .content-section.product-girls-section--oils::after {
  display: block;
  position: absolute;
}
.content-section.product-girls-section--oils::before {
  content: "#nanoil";
  top: 78px;
  left: -webkit-calc(50% - 105px);
  left: calc(50% - 105px);
  z-index: 6;
  width: 210px;
  color: #d4c09b;
  background: #fff;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  font-size: 38px;
  line-height: 1;
}
.content-section.product-girls-section--oils::after {
  content: "";
  top: 100px;
  right: 40px;
  bottom: 90px;
  left: 40px;
  z-index: 5;
  border: 2px solid #d4c09b;
}
.content-section.product-girls-section img {
  box-sizing: content-box;
  display: inline-block;
  width: -webkit-calc((100% / 7) - (6 * 6px / 7));
  width: calc(14.2857142857% - 5.1428571429px);
  padding: 3px;
}
.content-section.product-girls-section img:nth-child(7n+1) {
  padding-left: 0;
}
.content-section.product-girls-section img:nth-child(7n), .content-section.product-girls-section img:last-child {
  padding-right: 0;
}

.wrote-about-us-section {
  text-align: center;
}
.wrote-about-us-section > .row {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  grid-gap: 10px;
}

.wrote-about-us {
  display: block;
  background: #f3f3f3;
}
.wrote-about-us__header {
  position: relative;
  padding: 10px 10px 20px;
  background: #585559;
  color: #f3f3f3;
  text-align: left;
  font-size: 26px;
  line-height: 1;
}
.wrote-about-us__header::before, .wrote-about-us__header::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  height: 10px;
  border-style: solid;
  border-color: transparent transparent #f3f3f3;
  background-color: transparent;
  box-sizing: content-box;
}
.wrote-about-us__header::before {
  left: 0;
  width: 20px;
  border-width: 0 10px 10px 0;
}
.wrote-about-us__header::after {
  right: 0;
  width: calc(100% - 40px);
  border-width: 0 0 10px 10px;
}
.wrote-about-us__header img {
  display: block;
  width: auto;
  max-height: 26px;
  height: 26px;
}
.wrote-about-us__content {
  padding: 5px 10px 10px;
  text-align: left;
}
.wrote-about-us__recension {
  margin-bottom: 10px;
  text-align: left;
  font-size: 12px;
  line-height: 1 !important;
  font-weight: 400;
}

@media (max-width: 1199.98px) {
  .share-your-story__description {
    font-size: 20px;
  }
}
@media (max-width: 979.98px) {
  .before-about-product {
    margin-bottom: 20px;
  }
  .about-product__title {
    min-height: auto;
    padding: 45px 0 0;
    text-align: left;
  }
  .about-product__title::before {
    top: 15px;
    bottom: auto;
    left: 0;
    width: 150px;
    height: 5px;
  }
  .about-product__title--no-border::before {
    display: block;
  }
  .about-product__description {
    padding: 0;
  }
  .share-your-story__description br {
    display: none;
  }
  .opinions {
    padding: 5px 0 55px;
  }
  .opinions.owl-theme .owl-controls .owl-nav {
    top: calc(100% - 50px);
  }
  .opinions.owl-theme .owl-controls .owl-nav .owl-prev,
.opinions.owl-theme .owl-controls .owl-nav .owl-next {
    float: none;
    display: inline-block;
  }
  .opinions.owl-theme .owl-controls .owl-nav .owl-prev {
    margin-right: 10px;
  }
  .opinions.owl-theme .owl-controls .owl-nav .owl-next {
    margin-left: 10px;
  }
  .opinion {
    padding: 0 5px;
  }
  .opinion__content {
    font-size: 20px;
  }
  .opinion__author {
    font-size: 16px;
  }
  .wrote-about-us-section > .row {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 739.98px) {
  .before-about-product__header {
    font-size: 28px;
    line-height: 1.2;
  }
  .before-about-product__description {
    font-size: 20px;
  }
  .share-your-story {
    grid-template-columns: repeat(2, 1fr);
  }
  .share-your-story__header {
    min-height: auto;
    padding: 30px 15px;
    grid-row: 1/2;
    grid-column: 1/3;
  }
  .opinions-section {
    padding-bottom: 15px;
  }
  .content-section.product-girls-section {
    margin-top: -15px;
    padding-top: 1px;
  }
  .content-section.product-girls-section--oils {
    padding: 85px 15px 70px;
  }
  .content-section.product-girls-section--oils::before {
    top: 48px;
    left: -webkit-calc(50% - 100px);
    left: calc(50% - 100px);
    width: 200px;
    font-size: 32px;
  }
  .content-section.product-girls-section--oils::after {
    top: 65px;
    right: 25px;
    bottom: 80px;
    left: 25px;
  }
  .content-section.product-girls-section img {
    width: -webkit-calc((100% / 5) - (4 * 2px / 5));
    width: calc(20% - 1.6px);
    padding: 1px;
    /*
    &:nth-child(5n+1) {
    	padding-left: 0;
    }
    &:nth-child(5n),
    &:last-child {
    	padding-right: 0;
    }
    */
  }
  .content-section.product-girls-section img:nth-child(7n+1) {
    padding-left: 1px;
  }
  .content-section.product-girls-section img:nth-child(7n) {
    padding-right: 1px;
  }
  .content-section.product-girls-section img:nth-child(9n+1) {
    padding-left: 5px;
  }
  .content-section.product-girls-section img:nth-child(9n+4) {
    padding-right: 5px;
  }
  .content-section.product-girls-section img:nth-child(9n+5) {
    padding-left: 0;
  }
  .content-section.product-girls-section img:nth-child(9n) {
    padding-right: 0;
  }
  .wrote-about-us-section > .row {
    max-width: 450px;
    grid-gap: 5px;
  }
  .wrote-about-us__header {
    padding: 10px 5px 17px;
    font-size: 20px;
  }
  .wrote-about-us__header::before {
    left: 0;
    width: 10px;
    border-width: 0 7px 7px 0;
  }
  .wrote-about-us__header::after {
    right: 0;
    width: calc(100% - 24px);
    border-width: 0 0 7px 7px;
  }
  .wrote-about-us__header img {
    max-height: 20px;
    height: 20px;
  }
  .wrote-about-us__content {
    padding: 2px 5px 5px;
  }
  .wrote-about-us__recension {
    font-size: 10px;
  }
}
@media (max-width: 449.98px) {
  .product-info li {
    display: block;
    padding-left: 0;
  }
  .product-info li::before {
    content: "–";
    display: inline;
    padding-right: 5px;
    font-weight: bold;
    color: #c9c9c9;
  }
  .product-info li:first-child::before {
    display: inline;
  }
  .share-your-story {
    grid-template-columns: repeat(1, 1fr);
  }
  .share-your-story__header {
    grid-row: 1/2;
    grid-column: 1/2;
    font-size: 28px;
  }
  .share-your-story__content--border-right {
    border-right: none;
    border-bottom: 2px solid #fff;
  }
  .share-your-story__content--border-left {
    border-left: none;
    border-top: 2px solid #fff;
  }
  .content-section.product-girls-section--oils {
    padding: 55px 0px 0px;
  }
  .content-section.product-girls-section--oils::before {
    top: 28px;
    left: -webkit-calc(50% - 70px);
    left: calc(50% - 70px);
    width: 140px;
    font-size: 24px;
  }
  .content-section.product-girls-section--oils::after {
    top: 43px;
    right: 5px;
    bottom: 5px;
    left: 5px;
    border: 1px solid #d4c09b;
  }
  .wrote-about-us-section > .row {
    grid-template-columns: repeat(2, 1fr);
  }
}
.cooperation-offer {
  margin: 80px 0 50px;
  padding: 50px 0;
  background: #e6e6e6;
  background: -moz-linear-gradient(70deg, #bbbbbb 0%, #e6e6e6 100%);
  background: -webkit-linear-gradient(70deg, #bbbbbb 0%, #e6e6e6 100%);
  background: linear-gradient(70deg, #bbbbbb 0%, #e6e6e6 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#bbbbbb", endColorstr="#e6e6e6", GradientType=1);
}
.cooperation-offer__container {
  position: relative;
}
.cooperation-offer__image {
  position: absolute;
  top: -112px;
  width: 42%;
}
.cooperation-offer__image::before {
  content: "";
  display: block;
  position: absolute;
  top: 30px;
  right: 100px;
  bottom: 30px;
  left: 28px;
  z-index: 0;
  border: 2px solid #d4c09b;
}
.cooperation-offer__image img {
  position: relative;
  display: block;
  margin: 0 auto;
  max-width: 100%;
  height: auto;
}
.cooperation-offer__image--natural-oil img, .cooperation-offer__image--face-serum img {
  width: 504px;
  height: 389px;
}
.cooperation-offer__image--hair-mask::before {
  right: 80px;
  left: 50px;
}
.cooperation-offer__image--hair-mask img {
  width: 504px;
  height: 384px;
  padding-top: 110px;
  padding-bottom: 60px;
}
.cooperation-offer__image--micellar-shampoo img, .cooperation-offer__image--hair-conditioner img {
  width: 303px;
  height: 390px;
  padding-right: 20px;
}
.cooperation-offer__image--hair-conditioner::before {
  top: 50px;
}
.cooperation-offer__title {
  width: 57%;
  margin-left: auto;
  padding: 0 30px;
  color: #585559;
  text-align: center;
  font-size: 28px;
  line-height: 1.3;
  text-transform: uppercase;
}
.cooperation-offer__form {
  width: 57%;
  margin-top: 20px;
  margin-left: auto;
}
.cooperation-offer__form::after {
  content: "";
  display: block;
  clear: both;
}
.cooperation-offer__email {
  display: block;
  float: left;
  margin-right: 10px;
  width: -webkit-calc(50% - 10px);
  width: calc(50% - 10px);
  padding: 7px 10px 5px;
  background: none;
  border: 2px solid #585559;
  border-radius: 0;
  color: #585559;
  text-align: center;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  font-size: 20px;
  line-height: 1;
  font-weight: 400;
  text-transform: none !important;
}
.cooperation-offer__email--invalid {
  border-color: rgba(220, 53, 69, 0.3);
  background: rgba(220, 53, 69, 0.03);
}
.cooperation-offer__button {
  display: block;
  float: left;
  width: -webkit-calc(50% - 10px);
  width: calc(50% - 10px);
  padding: 10px 10px;
  border: none;
  background-color: #ff7e00;
  color: #fff;
  text-align: center;
  font-size: 20px;
  line-height: 1;
  font-weight: 400;
  text-transform: none !important;
  cursor: pointer;
}
.cooperation-offer__button:hover {
  background-color: #585559;
}
.cooperation-offer__notification {
  display: none;
  width: 100%;
  margin-top: 10px;
  float: left;
  text-align: center;
  color: #585559;
  font-size: 14px;
  line-height: 1;
}

@media screen and (max-width: 1219.98px) {
  .cooperation-offer__image {
    width: 50%;
  }
  .cooperation-offer__image::before {
    right: 95px;
    bottom: 30px;
    left: 26px;
  }
  .cooperation-offer__image--hair-mask::before {
    right: 80px;
    left: 40px;
  }
  .cooperation-offer__image--hair-mask img {
    width: 480px;
    height: 314px;
    padding-top: 90px;
    padding-bottom: 20px;
  }
  .cooperation-offer__image--hair-mask + .cooperation-offer__title {
    min-height: 170px;
  }
  .cooperation-offer__image--micellar-shampoo + .cooperation-offer__title, .cooperation-offer__image--hair-conditioner + .cooperation-offer__title {
    min-height: 260px;
  }
  .cooperation-offer__title {
    width: 50%;
    min-height: 250px;
  }
  .cooperation-offer__form {
    width: 100%;
  }
}
@media screen and (max-width: 979.98px) {
  .cooperation-offer__image {
    top: -90px;
  }
  .cooperation-offer__image::before {
    right: 71px;
    bottom: 17px;
    left: 20px;
  }
  .cooperation-offer__image--natural-oil img, .cooperation-offer__image--face-serum img {
    width: 360px;
    height: 278px;
  }
  .cooperation-offer__image--hair-mask::before {
    right: 55px;
  }
  .cooperation-offer__image--hair-mask img {
    width: 360px;
    height: 263px;
  }
  .cooperation-offer__image--micellar-shampoo img, .cooperation-offer__image--hair-conditioner img {
    width: 296px;
    height: 330px;
    padding-right: 40px;
  }
  .cooperation-offer__image--micellar-shampoo + .cooperation-offer__title, .cooperation-offer__image--hair-conditioner + .cooperation-offer__title {
    min-height: 220px;
  }
  .cooperation-offer__title {
    min-height: 180px;
    padding: 0;
  }
}
@media screen and (max-width: 739.98px) {
  .cooperation-offer__image {
    position: relative;
    max-width: 100%;
    width: 400px;
    margin: 0 auto -80px;
  }
  .cooperation-offer__image::before {
    top: 30px;
    right: 50px;
    bottom: 20px;
    left: 50px;
  }
  .cooperation-offer__image img {
    position: relative;
    left: 27px;
  }
  .cooperation-offer__image--natural-oil img, .cooperation-offer__image--face-serum img {
    width: auto;
    height: auto;
  }
  .cooperation-offer__image--hair-mask img {
    left: 0;
    width: auto;
    height: auto;
  }
  .cooperation-offer__image--micellar-shampoo img, .cooperation-offer__image--hair-conditioner img {
    width: auto;
    height: auto;
    max-height: 300px;
    padding-right: 40px;
  }
  .cooperation-offer__title {
    width: 100%;
    min-height: auto !important;
  }
  .cooperation-offer__email {
    font-size: 16px;
  }
  .cooperation-offer__button {
    font-size: 16px;
  }
}
@media screen and (max-width: 599.98px) {
  .cooperation-offer {
    margin-bottom: 0;
    padding: 10px 0;
  }
  .cooperation-offer__image {
    top: -50px;
    margin: 0 auto -40px;
    max-width: 90%;
  }
  .cooperation-offer__image::before {
    top: 10%;
    right: 12.5%;
    bottom: 6.5%;
    left: 12.5%;
  }
  .cooperation-offer__image img {
    left: 7%;
  }
  .cooperation-offer__image--hair-mask img {
    left: 0;
    width: auto;
    height: auto;
  }
  .cooperation-offer__title {
    font-size: 22px;
  }
  .cooperation-offer__email {
    margin: 5px auto;
    max-width: 100%;
    width: 400px;
    padding: 9px 10px 7px;
    float: none;
  }
  .cooperation-offer__button {
    margin: 5px auto;
    max-width: 100%;
    width: 400px;
    padding: 12px 10px;
    float: none;
  }
  .cooperation-offer__notification {
    margin-top: 5px;
    float: none;
  }
}
@media screen and (max-width: 399.98px) {
  .cooperation-offer__title {
    font-size: 20px;
  }
}
.share-your-story__header a {
  color: #000;
}
.share-your-story__content a {
  color: #d4c09b;
}

.follow {
  text-align: center;
  color: #585559;
  font-weight: 900;
  font-size: 1.25rem;
}

@media (max-width: 739.98px) {
  .follow {
    padding-top: 28px;
  }
  header section.orderheader h1 {
    margin: 100px auto 50px;
  }
}

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