html {
  height: 100%;
}

body {
  font-size: 12px;
  font-family: 'Segoe UI', Arial, Tahoma, sans-serif;
  text-align: left;
  color: #000;
  background: #fff;
  min-height: 100%;
  position: relative;
  font-weight: 500;
}

body.overflow {
  overflow: hidden;
}

a {
  color: #003864;
}

a:hover {
  text-decoration: none;
}

* {
  box-sizing: border-box;
}

.main_wrapper {
  position: relative;
  min-height: 100%;
  padding: 0 0 110px;
}

header#header {
  height: 111px;
}

header#header > div {
  max-width: 1200px;
  height: 111px;
  margin: 0 auto;
  padding: 0 15px;
  position: relative;
}

.left_b {
  position: absolute;
  left: 0;
}
.right_b {
  position: absolute;
  right: 0;
}
header#header > div .logo {
  position: absolute;
  top: 0;
  left: 50%;
  margin: 0 0 0 -183px;
}

header#header > div .logo a {
  display: block;
  width: 296px;
  height: 111px;
  /*background: url(../img/logo.png) no-repeat 0 0;*/
  background-size: 100%;
}

header#header > div .logo a img {
  height: 111px;
}

header#header > div .social_lang {
  float: left;
  padding: 35px 0 0 0px;
  position: relative;
}

.lang {
  height: 22px;
  padding: 0 0 0 17px;
}

.lang ul li {
  float: left;
  padding: 0 0px 0 0px;
}

.lang ul li a {
  display: block;
  width: 23px;
  text-align: center;
  color: #000;
  text-decoration: none;
}

.lang ul li span {
  display: block;
  width: 23px;
  text-align: center;
  color: #000;
  text-decoration: none;
}

.lang ul li a:hover {
  text-decoration: underline;
}

.social {
  height: 24px;
}

.social ul li {
  float: left;
  padding: 0 2px 0 0;
}

.social ul li a {
  display: block;
  width: 24px;
  height: 24px;
  background-image: url(../img/social.png);
  background-repeat: no-repeat;
}

.social ul li a.facebook {
  background-position: 0 0;
}

.social ul li a.facebook:hover {
  background-position: 0 100%;
}

.social ul li a.instagram {
  background-position: -24px 0;
}

.social ul li a.instagram:hover {
  background-position: -24px 100%;
}

.social ul li a.pinterest {
  background-position: -48px 0;
}

.social ul li a.pinterest:hover {
  background-position: -48px 100%;
}

.social ul li a.yputube {
  background-position: -72px 0;
}

.social ul li a.yputube:hover {
  background-position: -72px 100%;
}

.balance_check {
  float: right;
  padding: 32px 0 0;
}

.balance_check p {
  padding: 0 0 10px;
  font-weight: bold;
}

.balance_check div {
  display: block;
  height: 22px;
  position: relative;
}

.balance_check div input {
  display: block;
  width: 100%;
  height: 22px;
  border: none;
  padding: 0 5px;
  background: #e5e5e5;
  box-sizing: border-box;
}

.balance_check div button {
  display: block;
  width: 22px;
  height: 22px;
  border: none;
  background: url(../img/right_arrow.png) no-repeat 50%;
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
}

.balance_check div a {
  display: block;
  width: 22px;
  height: 22px;
  border: none;
  background: url(../img/right_arrow.png) no-repeat 50%;
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
}

nav.main_nav {
  width: 100%;
  height: 30px;
  background: #333;
  text-align: center;
  position: relative;
  z-index: 2;
}

nav.main_nav > ul {
  font-size: 0;
}

nav.main_nav > ul li {
  display: inline-block;
  position: relative;
}

nav.main_nav > ul li:hover > a {
  color: #000;
  background: #fff;
}

nav.main_nav > ul li:first-child::before {
  display: none;
}

nav.main_nav > ul li::before {
  content: "";
  display: block;
  width: 1px;
  height: 10px;
  background: #fff;
  position: absolute;
  top: 10px;
  left: 0;
}

nav.main_nav > ul li a {
  display: block;
  height: 30px;
  padding: 0 16px 0 16px;
  margin: 0 0 0 1px;
  line-height: 30px;
  color: #fff;
  text-decoration: none;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 12px;
}

nav.main_nav > ul li a.show_sub {
  position: relative;
}

nav.main_nav > ul li a.show_sub::before {
  content: "";
  display: none;
  width: 13px;
  height: 9px;
  background: url(../img/nav_pt.png) no-repeat 0 0;
  position: absolute;
  top: 30px;
  left: 50%;
  margin: 0 0 0 -6px;
  z-index: 3;
}

nav.main_nav > ul li a.active {
  color: #000;
  background: #fff;
}

nav.main_nav > ul li a.active::before {
  display: block;
}

.sub_brands {
  display: none;
  width: 700px;
  background: #fff;
  position: absolute;
  top: 30px;
  left: 50%;
  margin: 0 0 0 -350px;
  padding: 20px 0;
  -webkit-box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.1);
}

.sub_brands > div {
  width: 139px;
  float: left;
  border-right: 1px solid #d9d9d9;
}

.sub_brands > div:last-child {
  border: none;
}

.sub_brands > div > div {
  padding: 0 10px 10px;
  text-align: left;
}

.sub_brands > div > div h3 {
  padding: 0 0 2px;
  font-weight: bold;
}

.sub_brands > div > div ul li {
  text-transform: uppercase;
}

.sub_brands > div > div ul li a {
  color: #000;
  text-decoration: none;
  line-height: 14px;
}

.sub_brands > div > div ul li a:hover {
  text-decoration: underline;
}

nav.second_nav {
  width: 100%;
  height: 30px;
  background: #e5e5e5;
  text-align: center;
}

nav.second_nav::before {
  content: "";
  display: block;
  visibility: hidden;
  width: 100%;
  height: 75%;
  position: absolute;
  top: 171px;
  left: 0;
  background: #000;
  opacity: 0;
  z-index: 2;
  -webkit-animation-duration: 0.3s;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-animation-duration: 0.3s;
  -moz-transition: all 0.3s ease-in-out;
  animation-duration: 0.3s;
  transition: all 0.3s ease-in-out;
}

nav.second_nav.overlay::before {
  visibility: visible;
  opacity: 0.7;
}

nav.second_nav > ul > li {
  display: inline-block;
  height: 30px;
  position: relative;
}

nav.second_nav > ul > li::before {
  content: "";
  display: none;
  width: 13px;
  height: 9px;
  background: url(../img/nav_pt.png) no-repeat 0 0;
  position: absolute;
  top: 30px;
  left: 50%;
  margin: 0 0 0 -6px;
}

nav.second_nav > ul > li:hover > a {
  background: #fff;
}

nav.second_nav > ul > li.sub:hover::before {
  display: block;
  z-index: 3;
}

nav.second_nav > ul > li.sub:hover .submenu {
  display: block;
}

nav.second_nav > ul > li > a {
  display: block;
  height: 30px;
  padding: 0 35px;
  line-height: 30px;
  color: #000;
  text-decoration: none;
  text-transform: uppercase;
}

nav.second_nav > ul > li .submenu {
  display: none;
  width: 420px;
  position: absolute;
  top: 30px;
  left: 0;
  background: #fff;
  padding: 20px 0 10px;
  z-index: 2;
  -webkit-box-shadow: 1px 3px 3px 0px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 1px 3px 3px 0px rgba(0, 0, 0, 0.5);
  box-shadow: 1px 3px 3px 0px rgba(0, 0, 0, 0.5);
}

nav.second_nav > ul > li .submenu.long {
  width: 560px;
}

nav.second_nav > ul > li .submenu.long_6 {
  width: 840px;
}

nav.second_nav > ul > li .submenu.long_5 {
  width: 700px;
}



nav.second_nav > ul > li .submenu > div {
  box-sizing: border-box;
  width: 140px;
  float: left;
  padding: 0 10px 5px;
  text-align: left;
  border-left: 1px solid #d9d9d9;
}

nav.second_nav > ul > li .submenu > div.wide_2 {
  width: 280px;
}

nav.second_nav > ul > li .submenu > div.wide_2 ul {
  width: 50%;
  float: left;
  overflow: hidden;
}
nav.second_nav > ul > li .submenu > div.wide_2 ul li {
  
}


nav.second_nav > ul > li .submenu > div.wide_3 {
  width: 420px;
  overflow: hidden;
}

nav.second_nav > ul > li .submenu > div.wide_3 ul {
  overflow: hidden;
  width: 33.333%;
  float: left;
}
nav.second_nav > ul > li .submenu > div.wide_3 ul li {
  width: 100%;
}

nav.second_nav > ul > li .submenu > div:first-child {
  border: none;
}

nav.second_nav > ul > li .submenu > div h3 {
  padding: 0 0 6px;
  font-weight: bold;
  text-transform: uppercase;
}

nav.second_nav > ul > li .submenu > div h3 a {
  color: #000;
  text-decoration: none;
}

nav.second_nav > ul > li .submenu > div h3 a:hover {
  text-decoration: underline;
}

nav.second_nav > ul > li .submenu > div .image {
  padding: 0 0 5px;
}

nav.second_nav > ul > li .submenu > div ul li {
  padding: 0 0 5px;
}

nav.second_nav > ul > li .submenu > div ul li a {
  color: #0b0b0b;
  text-decoration: none;
  text-transform: capitalize;
}

nav.second_nav > ul > li .submenu > div ul li a:hover {
  text-decoration: underline;
}

footer#footer {
  width: 100%;
  height: 110px;
  background: #333;
  position: absolute;
  left: 0;
  bottom: 0;
  text-align: center;
}

footer#footer nav {
  padding: 24px 0 20px;
}

footer#footer nav ul li {
  display: inline-block;
}

footer#footer nav ul li a {
  display: block;
  padding: 0 15px;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  text-decoration: none;
  text-transform: uppercase;
}

footer#footer .copyright {
  font-size: 13px;
  color: #fff;
  text-transform: uppercase;
}

.content_block {
  margin: 0 auto;
  max-width: 1200px;
  padding: 20px 15px;
}

.content_block p {
  margin: 0 0 25px;
}

.content_block p strong {
  font-weight: bold;
}

.content_block .carousel:first-child + .carousel h2 {
  padding: 5px 0 10px 36px;
  background: url(../img/instagram_icon.svg) no-repeat 0 0;
  background-size: auto 90%;
}
.content_block .carousel:first-child + .carousel + .carousel h2 {
  padding: 5px 0 10px 36px;
  background: url(../img/youtube_icon.svg) no-repeat 0 0;
  background-size: auto 90%;
}
.first_index {
  overflow: hidden;
  padding: 0 0 20px;
}

.first_index .banner {
  float: left;
}

#index_slider {
  width: 596px;
  height: auto;
  float: right;
  position: relative;
  overflow: hidden;
}

#index_slider > img {
  display: block;
  width: 100%;
}

#index_slider .image > div {
  width: 100%;
  height: auto;
  position: absolute;
  top: 0;
  left: 0;
}

#index_slider .image > div img {
  display: block;
  width: 100%;
}

#index_slider .bullets {
  width: 100px;
  height: 9px;
  position: absolute;
  left: 50%;
  bottom: 12px;
  margin: 0 0 0 -50px;
  text-align: center;
}

#index_slider .bullets a {
  display: inline-block;
  width: 9px;
  height: 9px;
  background: #B3A16E;
  margin: 0 2px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  -khtml-border-radius: 50%;
  border-radius: 50%;
}

#index_slider .bullets a.active {
  background: #fff;
}

.carousel {
  padding: 0 0 20px;
}

.carousel h2 {
  padding: 0 0 10px;
  font-size: 16px;
  font-weight: bold;
  text-transform: uppercase;
}

.e_carousel {
  width: 100%;
  height: auto;
  position: relative;
}

.e_carousel.news .slides {
  height: 230px;
}

.e_carousel.news .slides > div {
  height: 230px;
}

.e_carousel.trands .slides {
  height: 190px;
}

.e_carousel.trands .slides > div {
  height: 190px;
}

.e_carousel.trands .arrows a {
  height: 190px;
}

.e_carousel.youtube .slides {
  height: 124px;
}

.e_carousel.youtube .slides > div {
  height: 124px;
}

.e_carousel.youtube .arrows a {
  height: 124px;
}

.e_carousel.simple .slides > div figure a:hover img {
  -webkit-transform: scale3d(1.1, 1.1, 1);
  transform: scale3d(1.1, 1.1, 1);
}

.e_carousel.simple .slides > div figure a img {
  -webkit-transition: -webkit-transform 0.35s;
  transition: transform 0.35s;
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-animation-duration: 0.45s;
  -webkit-transition: all 0.45s ease-in-out;
  -moz-animation-duration: 0.45s;
  -moz-transition: all 0.45s ease-in-out;
  animation-duration: 0.45s;
  transition: all 0.45s ease-in-out;
}

.e_carousel .slides {
  width: 100%;
  height: 200px;
  overflow: hidden;
  position: relative;
}

.e_carousel .slides > div {
  width: 100500px;
  height: 200px;
  position: absolute;
  top: 0;
  left: 0;
}

.e_carousel .slides > div figure {
  width: 200px;
  float: left;
  margin: 0 0 0;
}

.e_carousel.trands .slides > div figure a {
  height: 190px;
  background: #fff;
}
.e_carousel .slides > div figure a {
  display: block;
  margin: 0 5px;
  color: #000;
  text-decoration: none;
  position: relative;
  overflow: hidden;
}

.e_carousel .slides > div figure a:hover em {
  bottom: 0;
}

.e_carousel .slides > div figure a:hover > strong {
  background: url(../img/play_icon.png) no-repeat 0 100%;
}

.e_carousel .slides > div figure a:hover i {
  left: 0;
}

.e_carousel .slides > div figure a img {
  display: block;
  width: 100%;
}

.e_carousel .slides > div figure a span {
  font-size: 10px;
  line-height: 12px;
}

.e_carousel .slides > div figure a span strong {
  font-weight: bold;
}

.e_carousel .slides > div figure a em {
  display: block;
  box-sizing: border-box;
  width: 100%;
  padding: 6px 12px;
  font-size: 11px;
  text-transform: uppercase;
  line-height: 13px;
  font-weight: bold;
  background: url(../img/whiteness.png) repeat 0 0;
  position: absolute;
  left: 0;
  bottom: -19px;
  -webkit-animation-duration: 0.3s;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-animation-duration: 0.3s;
  -moz-transition: all 0.3s ease-in-out;
  animation-duration: 0.3s;
  transition: all 0.3s ease-in-out;
}

.e_carousel .slides > div figure a > strong {
  display: block;
  width: 23px;
  height: 23px;
  background: url(../img/play_icon.png) no-repeat 0 0;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -11px 0 0 -11px;
}

.e_carousel .slides > div figure a i {
  box-sizing: border-box;
  display: block;
  width: 100%;
  height: auto;
  padding: 5px 10px;
  font-size: 13px;
  font-style: normal;
  background: url(../img/darkness.png) repeat 0 0;
  position: absolute;
  left: -100%;
  bottom: 0;
  color: #fff;
  -webkit-animation-duration: 0.3s;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-animation-duration: 0.3s;
  -moz-transition: all 0.3s ease-in-out;
  animation-duration: 0.3s;
  transition: all 0.3s ease-in-out;
}

.e_carousel .arrows a {
  display: block;
  width: 20px;
  height: 190px;
  position: absolute;
  top: 0;
}

.e_carousel .arrows a.prev {
  left: 0;
  background: url(../img/arrows.png) no-repeat 0 50%;
}

.e_carousel .arrows a.next {
  right: 0;
  background: url(../img/arrows.png) no-repeat 100% 50%;
}

.gray_index {
  background: #f2f2f2;
}

.gray_index .content_block {
  padding: 0px 0 20px;
}

.subscribe_block {
  width: 420px;
  margin: 0 auto;
  padding: 45px 0 30px;
  background: url(../img/form_bg.png) no-repeat 0 -1px;
}

.subscribe_block header {
  padding: 0 0 8px;
  overflow: hidden;
}

.subscribe_block header p {
  float: left;
  margin: 0;
  font-size: 24px;
  text-transform: uppercase;
  font-weight: bold;
}

.subscribe_block header .checkboxes {
  float: right;
  padding: 5px 0 0 0px;
}

.subscribe_block header .checkboxes span {
  display: block;
  float: left;
  margin: 0 0 0 15px;
}

.subscribe_block header .checkboxes span:first-child {
  margin: 0;
}

.subscribe_block header .checkboxes span input {
  display: none;
}





.subscribe_block header .checkboxes span label {
  float: left;
  padding: 0 0 0 15px;
  line-height: 20px;
  font-size: 18px;
  text-transform: uppercase;
}

.subscribe_block header .checkboxes br {
  display: none;
}

.subscribe_block header .checkboxes span label em {
  display: block;
  width: 20px;
  height: 20px;
  float: left;
  margin: 0 8px 0 0;
  border: 1px solid #404040;
}

.subscribe_block header .checkboxes span input:checked + label em {
  background: url(../img/checked.png) no-repeat 0 50%;
}

.subscribe_block > div {
  display: block;
  height: 44px;
  position: relative;
}

.subscribe_block div input {
  display: block;
  box-sizing: border-box;
  width: 100%;
  height: 44px;
  background: #fff;
  border: 1px solid #ccc;
  padding: 0 5px;
  font-size: 16px;
  font-style: italic;
}

.subscribe_block div input:focus {
  border-color: #ceaa57;
}

.subscribe_block div input[type="submit"] {
  display: block;
  width: 60px;
  height: 44px;
  border: none;
  position: absolute;
  top: 0;
  right: 0;
  background: url(../img/submit_icon.png) no-repeat 50%;
  cursor: pointer;
}

.subscribe_block div input[type="submit"]:hover {
  background-color: #ccc;
}

.video_popup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff url(../img/preloader.gif) no-repeat 50% 50%;
  z-index: 3;
}

.video_popup iframe {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
}

.video_popup a.close {
  display: block;
  width: 24px;
  height: 24px;
  position: absolute;
  right: 125px;
  top: 13px;
  z-index: 20;
  background: url(../img/close_icon.png) no-repeat 0 0;
}

.toggler {
  display: none;
  width: 40px;
  height: 39px;
  background: #ccc;
  border-left: 5px solid #ccc;
  border-right: 5px solid #ccc;
  border-top: 10px solid #ccc;
  border-bottom: 10px solid #ccc;
  position: absolute;
  top: 33px;
  right: 20px;
  z-index: 9;
}

.toggler.active em {
  background: #333;
  width: 0;
}

.toggler.active em::after {
  background: #333;
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 9px;
}

.toggler.active em::before {
  background: #333;
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  bottom: 8px;
}

.toggler em {
  display: block;
  width: 100%;
  height: 0;
  background: #333;
  -webkit-animation-duration: 0.3s;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-animation-duration: 0.3s;
  -moz-transition: all 0.3s ease-in-out;
  animation-duration: 0.3s;
  transition: all 0.3s ease-in-out;
}

.toggler em::after {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  background: #333;
  position: absolute;
  top: 0px;
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-animation-duration: 0.3s;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-animation-duration: 0.3s;
  -moz-transition: all 0.3s ease-in-out;
  animation-duration: 0.3s;
  transition: all 0.3s ease-in-out;
}

.toggler em::before {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  background: #333;
  position: absolute;
  bottom: 0px;
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-animation-duration: 0.3s;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-animation-duration: 0.3s;
  -moz-transition: all 0.3s ease-in-out;
  animation-duration: 0.3s;
  transition: all 0.3s ease-in-out;
}

aside#aside_block {
  width: 100%;
  height: 0;
  padding: 0 0 0;
  position: absolute;
  overflow: hidden;
  top: 112px;
  left: 0;
  background: #f2f2f2;
  z-index: 3;
  -webkit-animation-duration: 0.6s;
  -webkit-transition: all 0.6s ease-in-out;
  -moz-animation-duration: 0.6s;
  -moz-transition: all 0.6s ease-in-out;
  animation-duration: 0.6s;
  transition: all 0.6s ease-in-out;
}

aside#aside_block.active {
  height: 100%;
}

aside#aside_block > div {
  overflow-y: scroll;
}

aside#aside_block > div .social_lang {
  float: left;
  padding: 15px;
}

aside#aside_block > div .balance_check {
  display: block;
  padding: 15px 15px 0 0;
}

aside#aside_block > div nav.first {
  background: #333;
}

aside#aside_block > div nav.first > ul > li {
  border-bottom: 1px solid #444;
}

aside#aside_block > div nav.first > ul > li.active > a::after {
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}

aside#aside_block > div nav.first > ul > li.super_active > a {
  padding: 10px 50px;
}

aside#aside_block > div nav.first > ul > li.super_active > a::after {
  left: 40px;
}

aside#aside_block > div nav.first > ul > li > a {
  display: block;
  padding: 10px 20px;
  color: #fff;
  font-size: 22px;
  line-height: 26px;
  position: relative;
  text-decoration: none;
  text-transform: uppercase;
  -webkit-animation-duration: 0.3s;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-animation-duration: 0.3s;
  -moz-transition: all 0.3s ease-in-out;
  animation-duration: 0.3s;
  transition: all 0.3s ease-in-out;
}

aside#aside_block > div nav.first > ul > li > a.sub::after {
  display: block;
}

aside#aside_block > div nav.first > ul > li > a::after {
  content: "";
  display: none;
  width: 11px;
  height: 20px;
  background: url(../img/nav_mobile_pt.png) no-repeat 0 0;
  position: absolute;
  top: 13px;
  left: 100%;
  margin: 0 0 0 -20px;
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-animation-duration: 0.6s;
  -webkit-transition: all 0.6s ease-in-out;
  -moz-animation-duration: 0.6s;
  -moz-transition: all 0.6s ease-in-out;
  animation-duration: 0.6s;
  transition: all 0.6s ease-in-out;
}

aside#aside_block > div nav.first > ul > li > a span {
  background: #2E3092;
  position: relative;
  z-index: 2;
}

aside#aside_block > div nav.first > ul > li > ul {
  height: 0;
  padding: 0;
  margin: 0 0;
  overflow: hidden;
  -webkit-animation-duration: 0.6s;
  -webkit-transition: all 0.6s ease-in-out;
  -moz-animation-duration: 0.6s;
  -moz-transition: all 0.6s ease-in-out;
  animation-duration: 0.6s;
  transition: all 0.6s ease-in-out;
}

aside#aside_block > div nav.first > ul > li > ul > li {
  border-bottom: 1px solid #444;
}

aside#aside_block > div nav.first > ul > li > ul > li.active h3 a::after {
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}

aside#aside_block > div nav.first > ul > li > ul > li.active ul {
  height: auto;
}

aside#aside_block > div nav.first > ul > li > ul > li:first-child {
  border-top: 1px solid #444;
}

aside#aside_block > div nav.first > ul > li > ul > li h3 a {
  display: block;
  padding: 7px 20px 8px;
  color: #fff;
  font-size: 16px;
  line-height: 19px;
  text-decoration: none;
  position: relative;
}

aside#aside_block > div nav.first > ul > li > ul > li h3 a::after {
  content: "";
  display: block;
  width: 8px;
  height: 12px;
  background: url(../img/small_nav_pt.png) no-repeat 0 0;
  position: absolute;
  top: 50%;
  right: 15px;
  margin: -6px 0 0;
}

aside#aside_block > div nav.first > ul > li > ul > li ul {
  height: 0;
  padding: 0;
  margin: 0 0;
  overflow: hidden;
  background: #222;
  -webkit-animation-duration: 0.6s;
  -webkit-transition: all 0.6s ease-in-out;
  -moz-animation-duration: 0.6s;
  -moz-transition: all 0.6s ease-in-out;
  animation-duration: 0.6s;
  transition: all 0.6s ease-in-out;
}

aside#aside_block > div nav.first > ul > li > ul > li ul li {
  border-bottom: 1px solid #444;
}

aside#aside_block > div nav.first > ul > li > ul > li ul li a {
  display: block;
  padding: 7px 20px 8px;
  color: #fff;
  font-size: 16px;
  line-height: 19px;
  text-decoration: none;
}

aside#aside_block > div nav.second {
  background: #ccc;
}

aside#aside_block > div nav.second > ul > li {
  border-bottom: 1px solid #fff;
}

aside#aside_block > div nav.second > ul > li.active > a::after {
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}

aside#aside_block > div nav.second > ul > li.super_active > a {
  padding: 10px 50px;
}

aside#aside_block > div nav.second > ul > li.super_active > a::after {
  left: 40px;
}

aside#aside_block > div nav.second > ul > li > a {
  display: block;
  padding: 10px 20px;
  color: #333;
  font-size: 22px;
  line-height: 26px;
  position: relative;
  text-decoration: none;
  text-transform: uppercase;
  -webkit-animation-duration: 0.3s;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-animation-duration: 0.3s;
  -moz-transition: all 0.3s ease-in-out;
  animation-duration: 0.3s;
  transition: all 0.3s ease-in-out;
}

aside#aside_block > div nav.second > ul > li > a.sub::after {
  display: block;
  opacity: 0;
}

aside#aside_block > div nav.second > ul > li > a::after {
  content: "";
  display: none;
  width: 11px;
  height: 20px;
  background: url(../img/nav_mobile_pt.png) no-repeat 0 0;
  position: absolute;
  top: 13px;
  left: 100%;
  margin: 0 0 0 -20px;
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-animation-duration: 0.6s;
  -webkit-transition: all 0.6s ease-in-out;
  -moz-animation-duration: 0.6s;
  -moz-transition: all 0.6s ease-in-out;
  animation-duration: 0.6s;
  transition: all 0.6s ease-in-out;
}

aside#aside_block > div nav.second > ul > li > a span {
  background: #2E3092;
  position: relative;
  z-index: 2;
}

aside#aside_block > div nav.second > ul > li > ul {
  height: 0;
  padding: 0;
  margin: 0 0;
  overflow: hidden;
  -webkit-animation-duration: 0.6s;
  -webkit-transition: all 0.6s ease-in-out;
  -moz-animation-duration: 0.6s;
  -moz-transition: all 0.6s ease-in-out;
  animation-duration: 0.6s;
  transition: all 0.6s ease-in-out;
}

aside#aside_block > div nav.second > ul > li > ul > li {
  border-bottom: 1px solid #fff;
}

aside#aside_block > div nav.second > ul > li > ul > li.active h3 a::after {
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}

aside#aside_block > div nav.second > ul > li > ul > li.active ul {
  height: auto;
}

aside#aside_block > div nav.second > ul > li > ul > li:first-child {
  border-top: 1px solid #fff;
}

aside#aside_block > div nav.second > ul > li > ul > li h3 a {
  display: block;
  padding: 7px 20px 8px;
  color: #333;
  font-size: 16px;
  line-height: 19px;
  text-decoration: none;
  position: relative;
}

aside#aside_block > div nav.second > ul > li > ul > li h3 a::after {
  content: "";
  display: block;
  width: 8px;
  height: 12px;
  background: url(../img/small_dark_pt.png) no-repeat 0 0;
  position: absolute;
  top: 50%;
  right: 15px;
  margin: -6px 0 0;
}

aside#aside_block > div nav.second > ul > li > ul > li ul {
  height: 0;
  padding: 0;
  margin: 0 0;
  overflow: hidden;
  background: #fff;
  -webkit-animation-duration: 0.6s;
  -webkit-transition: all 0.6s ease-in-out;
  -moz-animation-duration: 0.6s;
  -moz-transition: all 0.6s ease-in-out;
  animation-duration: 0.6s;
  transition: all 0.6s ease-in-out;
}

aside#aside_block > div nav.second > ul > li > ul > li ul li {
  border-bottom: 1px solid #ccc;
}

aside#aside_block > div nav.second > ul > li > ul > li ul li a {
  display: block;
  padding: 7px 20px 8px;
  color: #333;
  font-size: 16px;
  line-height: 19px;
  text-decoration: none;
}

.two_side {
  padding: 0 0 20px;
  overflow: hidden;
}

.two_side .banners {
  width: 192px;
  float: right;
}

.two_side .banners ul li {
  padding: 0 0 8px;
}

.two_side .banners ul li a {
  display: block;
}

.two_side .banners ul li a img {
  display: block;
}

.current_product {
  width: 960px;
  float: left;
  overflow: hidden;
}

.current_action {
  width: 840px;
  float: left;
}



.current_action.unactive .product_image img {
  -webkit-filter: grayscale(100%);
  /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);
}

.current_action.unactive .product_info {
  color: #555;
}

.current_action.unactive .product_info .text {
  color: #555;
}

.current_action .product_info {
  max-width: 960px;
  float: none;
  padding: 0;
}


.product_image {
  width: 395px;
  float: left;
  margin: 0 20px 20px 0;
}


.product_image img {
  display: block;
  width: 100%;
}

.product_gallery {
  width: 395px;
  float: left;
  position: relative;
}

.product_gallery .big_image {
  padding: 0 0 10px;
}

.product_gallery .big_image a {
  display: block;
  width: 395px;
  height: 395px;
  position: relative;
  overflow: hidden;
}

.product_gallery .big_image a:hover::after {
  background: #b3a16b url(../img/lupa.png) no-repeat 50%;
}

.product_gallery .big_image a img {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-animation-duration: 0.3s;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-animation-duration: 0.3s;
  -moz-transition: all 0.3s ease-in-out;
  animation-duration: 0.3s;
  transition: all 0.3s ease-in-out;
}

.product_gallery .big_image a::after {
  content: "";
  display: block;
  width: 30px;
  height: 30px;
  background: #e5e5e5 url(../img/lupa.png) no-repeat 50%;
  position: absolute;
  top: 0;
  right: 0;
}

.product_gallery .carousel {
  height: 95px;
  position: relative;
  overflow: hidden;
}

.product_gallery .carousel ul {
  width: 100500px;
  height: 95px;
  position: absolute;
  top: 0;
  left: 0;
}

.product_gallery .carousel ul.animatoin_go {
  -webkit-animation-duration: 0.3s;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-animation-duration: 0.3s;
  -moz-transition: all 0.3s ease-in-out;
  animation-duration: 0.3s;
  transition: all 0.3s ease-in-out;
}

.product_gallery .carousel ul li {
  width: 95px;
  height: 95px;
  float: left;
  margin: 0 5px 0 0;
}

.product_gallery .carousel ul li a {
  display: block;
  width: 95px;
  height: 95px;
  box-sizing: border-box;
  overflow: hidden;
}

.product_gallery .carousel ul li a.active {
  border: 1px solid #b3a16b;
}

.product_gallery .carousel ul li a.active img {
  margin: -1px 0 0 -1px;
}

.product_gallery .carousel ul li a img {
  display: block;
}

.product_gallery .carousel .arrows a {
  display: block;
  width: 10px;
  height: 95px;
  position: absolute;
  top: 0;
}

.product_gallery .carousel .arrows a.prev {
  left: 0;
  background: url(../img/arrows_small.png) no-repeat 0 50%;
}

.product_gallery .carousel .arrows a.next {
  right: 0;
  background: url(../img/arrows_small.png) no-repeat 100% 50%;
}

.subscribe_right {
  width: 300px;
  float: right;
  box-sizing: border-box;
  padding: 35px 0 30px;
  background: #f2f2f2 url(../img/form_bg_small.png) no-repeat 45px 0;
}

.subscribe_right header {
  padding: 0 20px 5px;
  overflow: hidden;
}

.subscribe_right header p {
  margin: 0 0 10px;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: bold;
}

.subscribe_right header .checkboxes {
  padding: 0 0 5px;
  overflow: hidden;
}

.subscribe_right header .checkboxes span {
  display: block;
  float: left;
  margin: 0 0 0 15px;
}

.subscribe_right header .checkboxes span:first-child {
  margin: 0;
}

.subscribe_right header .checkboxes span input {
  display: none;
}

.subscribe_right header .checkboxes span input:checked + label em {
  background: url(../img/checked_small.png) no-repeat 0 50%;
}



.subscribe_right header .checkboxes span label {
  float: left;
  padding: 0 15px 0 5px;
  line-height: 12px;
  font-size: 12px;
  text-transform: uppercase;
}

.subscribe_right header .checkboxes span label em {
  display: block;
  width: 12px;
  height: 12px;
  margin: 0 8px 0 0;
  float: left;
  border: 1px solid #404040;
}

.subscribe_right header .checkboxes br {
  display: none;
}

.subscribe_right div {
  display: block;
  height: auto;
  padding: 0 20px 20px;
  position: relative;
}

.subscribe_right div input {
  display: block;
  box-sizing: border-box;
  width: 100%;
  height: 30px;
  background: #fff;
  border: 1px solid #fff;
  padding: 0 5px;
  font-size: 16px;
  font-style: italic;
}

.subscribe_right div input:focus {
  border-color: #ccc;
}

.subscribe_right div input[type="submit"] {
  display: block;
  width: 30px;
  height: 30px;
  border: none;
  position: absolute;
  top: 0;
  right: 20px;
  background: url(../img/submit_icon_small.png) no-repeat 50%;
  cursor: pointer;
}

.subscribe_right div input[type="submit"] {
  background-color: #ccc;
}

.vote_block {
  padding: 20px 20px 0;
  border-top: 10px solid #fff;
}

.vote_block.voted .list ul li {
  padding: 0 0 24px;
}

.vote_block.voted .list ul li::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.vote_block.voted .list ul li label {
  padding: 0;
}

.vote_block.voted .list ul li label em:before {
  opacity: 0;
}

.vote_block h3 {
  padding: 0 0 12px;
  font-size: 14px;
  font-weight: bold;
}

.vote_block .list ul li {
  padding: 0 0 10px;
  position: relative;
  -webkit-animation-duration: 0.3s;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-animation-duration: 0.3s;
  -moz-transition: all 0.3s ease-in-out;
  animation-duration: 0.3s;
  transition: all 0.3s ease-in-out;
}

.vote_block .list ul li label {
  display: block;
  height: auto;
  padding: 0 0 0 20px;
  position: relative;
  font-size: 13px;
  line-height: 16px;
  -webkit-animation-duration: 0.3s;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-animation-duration: 0.3s;
  -moz-transition: all 0.3s ease-in-out;
  animation-duration: 0.3s;
  transition: all 0.3s ease-in-out;
}

.vote_block .list ul li label input {
  display: none;
}

.vote_block .list ul li label input:checked + em {
  color: #000;
  font-weight: bold;
}

.vote_block .list ul li label input:checked + em::before {
  border: 1px solid #ceaa57;
  background: #ceaa57;
}

.vote_block .list ul li label em {
  display: block;
  line-height: 14px;
  font-size: 12px;
  color: #4A4A4A;
  cursor: pointer;
}

.vote_block .list ul li label em::before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  border: 1px solid #999;
  background: #fff;
  position: absolute;
  top: 0;
  left: 0;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  -khtml-border-radius: 50%;
  border-radius: 50%;
  -webkit-animation-duration: 0.1s;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-animation-duration: 0.1s;
  -moz-transition: all 0.1s ease-in-out;
  animation-duration: 0.1s;
  transition: all 0.1s ease-in-out;
}

.vote_block .list ul li span {
  display: block;
  width: 0;
  height: 12px;
  background: #ceaa57;
  position: absolute;
  left: 0;
  bottom: 10px;
  -webkit-animation-duration: 0.9s;
  -webkit-transition: all 0.9s ease-in-out;
  -moz-animation-duration: 0.9s;
  -moz-transition: all 0.9s ease-in-out;
  animation-duration: 0.9s;
  transition: all 0.9s ease-in-out;
}

.vote_block .list ul li span i {
  display: block;
  width: 24px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  color: #fff;
  background: #ceaa57;
  position: absolute;
  top: -5px;
  left: 100%;
  margin: 0 0 0 -2px;
  font-size: 10px;
  font-style: normal;
  font-weight: bold;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  -khtml-border-radius: 50%;
  border-radius: 50%;
}

.product_info {
  max-width: 560px;
  float: left;
  padding: 0 0 0 25px;
}

.product_info header {
  padding: 0 0 25px;
}

.product_info header h1 {
  padding: 0 0 10px;
  font-size: 18px;
  text-transform: uppercase;
  font-weight: bold;
}

.product_info header time {
  display: block;
  font-size: 11px;
  color: #777;
}

.product_info .additional {
  display: inline-block;
  height: 24px;
  padding: 0 12px;
  line-height: 24px;
  color: #fff;
  font-size: 18px;
  text-transform: uppercase;
  background: #b3a16e;
  position: relative;
  top: -10px;
}

.product_info .additional.green {
  background: #9fbc6f;
}

.product_info .additional.green::after {
  background: url(../img/green_pl.png) no-repeat 0 0;
}

.product_info .additional.red {
  background: #bd1522;
}

.product_info .additional.red::after {
  background: url(../img/red_pl.png) no-repeat 0 0;
}


.product_info .additional::after {
  content: "";
  display: block;
  width: 13px;
  height: 24px;
  background: url(../img/brown_pl.png) no-repeat 0 0;
  position: absolute;
  top: 0;
  right: -13px;
}

.product_info .text {
  font-size: 13px;
  line-height: 17px;
  color: #222222;
}

.product_info .text h2 {

}

.current_action > .text {
  font-size: 13px;
  line-height: 17px;
  color: #222222;
}

.product_info .info dl {
  font-size: 13px;
  line-height: 16px;
  overflow: hidden;
}

.product_info .info dl dt {
  float: left;
  padding: 0 10px 8px 0;
  clear: left;
  color: #999;
}

.product_info .info dl dd {
  padding: 0 0 8px;
  clear: right;
  color: #000;
}

.price_block {
  padding: 0 0 15px;
}

.price_block::after {
  content: "";
  display: block;
  clear: both;
}

.price_block .price_old {
  float: left;
  font-size: 24px;
  line-height: 50px;
  color: #999;
  padding: 0 12px 0 18px;
  margin: 0 20px 0 0;
  position: relative;
}

.price_block .price_old::after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: #999;
  position: absolute;
  top: 50%;
  left: 0;
}

.price_block .price_old span {
  display: block;
  padding: 0 28px 0 0;
  background: url(../img/azn_small_gray.png) no-repeat 100% 50%;
}

.price_block .price_old sub {
  color: #f00;
  font-size: 13px;
  font-weight: bold;
  position: absolute;
  top: -15px;
  right: -5px;
}

.price_block .price {
  float: left;
  padding: 0 36px 0 0;
  font-size: 36px;
  line-height: 50px;
  font-weight: 600;
  background: url(../img/azn_medium_red.png) no-repeat 100% 30%;
  color: #C4161C;
  position: relative;
}

.price_block .price sub {
  display: inline-block;
  width: 48px;
  height: 20px;
  color: #fff;
  line-height: 20px;
  font-size: 13px;
  padding: 0 6px 0 6px;
  text-align: right;
  background: url(../img/percent_bg.png) no-repeat 0 0;
  position: absolute;
  top: -15px;
  right: -10px;
  -moz-transform: rotate(-30deg);
  -ms-transform: rotate(-30deg);
  -webkit-transform: rotate(-30deg);
  -o-transform: rotate(-30deg);
  transform: rotate(-30deg);
}

.price_block .gift {
  float: left;
  padding: 0 0 0 50px;
  position: relative;
}

.price_block .gift::before {
  content: "+";
  position: absolute;
  left: 30px;
  top: 10px;
  color: #c4161c;
  font-size: 24px;
}

.price_block .gift a {
  display: block;
  width: 50px;
  height: 50px;
  background: #c4161c url(../img/gift_icon.png) no-repeat 50% 50%;
  position: relative;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  -khtml-border-radius: 50%;
  border-radius: 50%;
  -webkit-animation-duration: 0s;
  -webkit-transition: all 0s ease-in-out;
  -moz-animation-duration: 0s;
  -moz-transition: all 0s ease-in-out;
  animation-duration: 0s;
  transition: all 0s ease-in-out;
}

.price_block .gift a:hover {
  background: #f00 url(../img/gift_icon.png) no-repeat 50% 50%;
}

.price_block .gift a.preload {
  background: #f00;
}

.price_block .gift a.preload::after {
  display: block;
}

.price_block .gift a::after {
  content: "";
  display: none;
  width: 32px;
  height: 32px;
  margin: 0 auto;
  border: 3px solid white;
  position: absolute;
  top: 6px;
  left: 6px;
  border-radius: 50%;
  border-left-color: transparent;
  border-right-color: transparent;
  animation: cssload-spin 575ms infinite linear;
  -o-animation: cssload-spin 575ms infinite linear;
  -ms-animation: cssload-spin 575ms infinite linear;
  -webkit-animation: cssload-spin 575ms infinite linear;
  -moz-animation: cssload-spin 575ms infinite linear;
}

.gift_info {
  position: absolute;
  width: 270px;
  height: auto;
  background: #c4161c;
  padding: 15px;
  color: #fff;
  overflow: hidden;
  opacity: 0;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  -khtml-border-radius: 20px;
  border-radius: 20px;
  -webkit-animation-duration: 0.3s;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-animation-duration: 0.3s;
  -moz-transition: all 0.3s ease-in-out;
  animation-duration: 0.3s;
  transition: all 0.3s ease-in-out;
}

.gift_info.before_show {
  width: 50px;
  height: 50px;
}

.gift_info.show_me {
  opacity: 1;
}

.gift_info.show_last > div {
  opacity: 1;
}

.gift_info > div {
  opacity: 0;
  -webkit-animation-duration: 0.3s;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-animation-duration: 0.3s;
  -moz-transition: all 0.3s ease-in-out;
  animation-duration: 0.3s;
  transition: all 0.3s ease-in-out;
}

.gift_info img {
  margin: 0 0 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -khtml-border-radius: 10px;
  border-radius: 10px;
}

.gift_info span {
  font-size: 13px;
  line-height: 17px;
}

.buy_block {
  padding: 0 0 15px;
  overflow: hidden;
}

.buy_block .in_stock {
  float: left;
}

.buy_block .in_stock p {
  margin: 0 0 8px;
  font-size: 15px;
  color: #999;
}

.buy_block .in_stock p span {
  font-weight: bold;
  color: #16c43b;
}

.buy_block .in_stock p em {
  font-weight: bold;
  color: #C4161C;
}

.product_size {
  padding: 0 0 25px;
}

.product_size p {
  margin: 0 0 6px;
  font-size: 15px;
  color: #999;
}

.product_size p span {
  color: #000;
}

.product_size ul {
  overflow: hidden;
}

.product_size ul li {
  float: left;
  padding: 0 2px 0 0;
}

.product_size ul li a {
  display: block;
  width: 48px;
  height: 48px;
  border: 2px solid #e6e6e6;
  color: #000;
  font-size: 15px;
  line-height: 44px;
  text-align: center;
  text-decoration: none;
  background: #e6e6e6;
}

.product_size ul li a:hover {
  border-color: #f0f0f0;
  background: #f0f0f0;
}

.product_size ul li a.active {
  border-color: #000;
  font-weight: bold;
  background: #f0f0f0;
}

.product_colors {
  padding: 0 0 25px;
}

.product_colors p {
  margin: 0 0 6px;
  font-size: 15px;
  color: #999;
}

.product_colors p span {
  color: #000;
}

.product_colors ul {
  overflow: hidden;
}

.product_colors ul li {
  float: left;
  padding: 2px 2px 2px 0;
}

.product_colors ul li a {
  display: block;
  width: 50px;
  height: 50px;
  position: relative;
  -webkit-animation-duration: 0.2s;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-animation-duration: 0.2s;
  -moz-transition: all 0.2s ease-in-out;
  animation-duration: 0.2s;
  transition: all 0.2s ease-in-out;
}

.product_colors ul li a.active::after {
  opacity: 1;
  visibility: visible;
}

.product_colors ul li a::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  border: 2px solid #000;
  position: absolute;
  top: 0;
  left: 0;
  box-sizing: border-box;
  opacity: 0;
  visibility: hidden;
  -webkit-animation-duration: 0.3s;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-animation-duration: 0.3s;
  -moz-transition: all 0.3s ease-in-out;
  animation-duration: 0.3s;
  transition: all 0.3s ease-in-out;
}

.product_colors ul li a:hover {
  -ms-transform: translate(0px, -2px);
  /* IE 9 */
  -webkit-transform: translate(0px, -2px);
  /* Safari */
  transform: translate(0px, -2px);
  /* Standard syntax */
}

.product_text {
  clear: both;
  padding: 30px 0 20px;
  font-size: 13px;
  line-height: 17px;
}
.product_text h2 {
  padding: 0 0 10px;
  font-size: 20px;
  font-weight: 600;
  color: #8b6d49;
}
.product_text h3 {
  padding: 0 0 10px;
  font-size: 18px;
  font-weight: 600;
  color: #8b6d49;
}
.product_text ul li {
  padding: 0 0 20px;
}

.product_text ul li.active h3 a {
  padding: 0 0 0 32px;
}

.product_text ul li.active h3 a::before {
  left: 10px;
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}

.product_text ul li.active > div > div:before {
  height: 100%;
}

.product_text ul li h3 {
  padding: 0 0 15px;
  font-size: 15px;
}

.product_text ul li h3 a {
  display: block;
  padding: 0 0 0 28px;
  color: #999;
  font-size: 20px;
  text-decoration: none;
  position: relative;
  -webkit-animation-duration: 0.2s;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-animation-duration: 0.2s;
  -moz-transition: all 0.2s ease-in-out;
  animation-duration: 0.2s;
  transition: all 0.2s ease-in-out;
}

.product_text ul li h3 a:hover {
  padding: 0 0 0 32px;
}

.product_text ul li h3 a:hover::before {
  left: 10px;
}

.product_text ul li h3 a::before {
  content: "";
  display: block;
  width: 12px;
  height: 19px;
  background: url(../img/accordion_pt.png) no-repeat 0 0;
  position: absolute;
  top: 1px;
  left: 0;
  -webkit-animation-duration: 0.2s;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-animation-duration: 0.2s;
  -moz-transition: all 0.2s ease-in-out;
  animation-duration: 0.2s;
  transition: all 0.2s ease-in-out;
}

.product_text ul li > div {
  overflow: hidden;
  height: 0px;
  padding: 0 0 0 14px;
  -webkit-animation-duration: 0.3s;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-animation-duration: 0.3s;
  -moz-transition: all 0.3s ease-in-out;
  animation-duration: 0.3s;
  transition: all 0.3s ease-in-out;
}

.product_text ul li > div > div {
  padding: 0 0 0 20px;
  position: relative;
}

.product_text ul li > div > div::before {
  content: "";
  width: 4px;
  height: 0px;
  background: #000;
  position: absolute;
  left: 0px;
  top: 0;
  -webkit-animation-duration: 0.9s;
  -webkit-transition: all 0.9s ease-in-out;
  -moz-animation-duration: 0.9s;
  -moz-transition: all 0.9s ease-in-out;
  animation-duration: 0.9s;
  transition: all 0.9s ease-in-out;
}

.product_text ul li > div > div p {
  margin: 0 0 10px;
  font-size: 15px;
  line-height: 19px;
}

/* Current Product end */
/* Product List begin */
.filter_by {
  width: 220px;
  float: left;
  overflow-y: auto;
  position: relative;
  z-index: 1;
  -webkit-animation-duration: 0.6s;
  -webkit-transition: all 0.6s ease-in-out;
  -moz-animation-duration: 0.6s;
  -moz-transition: all 0.6s ease-in-out;
  animation-duration: 0.6s;
  transition: all 0.6s ease-in-out;
}

.filter_by.show_me {
  left: 0px;
}

.filter_by.show_me + a.filtre_toggler {
  left: 258px;
}

.filter_by h2 {
  padding: 0 0 30px;
  font-size: 18px;
  line-height: 22px;
  color: #001018;
}

.filter_by section {
  padding: 0 10px 30px;
}

.filter_by section h3 {
  padding: 0 0 10px;
  font-size: 14px;
  font-weight: bold;
}

.filter_by section .checkboxes span {
  display: block;
  margin: 0 0 10px;
  cursor: pointer;
}

.filter_by section .checkboxes span:hover label {
  color: #000;
}

.filter_by section .checkboxes span input {
 display:none;
}

.filter_by section .checkboxes span input:checked + label::after {
  display: block;
}

.filter_by section .checkboxes span label {
  display: block;
  padding: 0 0 0 21px;
  font-size: 12px;
  line-height: 17px;
  color: #001018;
  -moz-user-select: none;
  -khtml-user-select: none;
  user-select: none;
  position: relative;
}

.filter_by section .checkboxes span label::before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  background: #fff;
  border: 1px solid #666;
  position: absolute;
  top: 1px;
  left: 0;
}

.filter_by section .checkboxes span label::after {
  content: "";
  display: none;
  width: 19px;
  height: 19px;
  background: url(../img/checked.png) no-repeat 0 0;
  position: absolute;
  top: -2px;
  left: -2px;
}

.filter_by .buttons {
  overflow: hidden;
}
 
.filter_by .buttons a {
  display: block;
  width: 48%;
  height: 32px;
  line-height: 32px;
  font-size: 13px;
  color: #fff;
  text-align: center;
  float: left;
  text-decoration: none;
  background: #ceaa57;
}
 
.filter_by .buttons a:hover {
  background: #cb9f3b;
}
 
.filter_by .buttons a + a {
  float: right;
  background: #666;
}
 
.filter_by .buttons a + a:hover {
  background: #555;
}

a.filtre_toggler {
  display: none;
  width: auto;
  height: 40px;
  padding: 0 10px 0 45px;
  border: 1px solid #DFDFDF;
  border-left-color: #fff;
  font-size: 13px;
  line-height: 40px;
  color: #000;
  text-decoration: none;
  background: #fff url(../img/filter_icon.png) no-repeat 7px 50%;
  position: fixed;
  top: 50%;
  left: 0;
  z-index: 2;
  -webkit-animation-duration: 0.6s;
  -webkit-transition: all 0.6s ease-in-out;
  -moz-animation-duration: 0.6s;
  -moz-transition: all 0.6s ease-in-out;
  animation-duration: 0.6s;
  transition: all 0.6s ease-in-out;
}

.product_side {
  width: 920px;
  float: right;
}

.product_side .products_header {
  height: 50px;
  padding: 0 0 35px;
}

.product_side .products_header p {
  float: left;
  font-size: 14px;
  line-height: 16px;
}

.product_side .products_header p + p {
  float: right;
}

.product_side .products_header p strong {
  font-weight: bold;
}

.sort_by {
  float: right;
  height: 20px;
  position: relative;
}

.sort_by:hover ul {
  display: block;
}

.sort_by > a {
  display: block;
  height: 15px;
  font-size: 13px;
  padding: 0 18px 0 0;
  color: #001018;
  text-decoration: none;
  background: url(../img/filtre_pt.png) no-repeat 100% 5px;
}

.sort_by ul {
  display: none;
  width: auto;
  padding: 0;
  font-size: 13px;
  background: #e5e5e5;
  text-align: right;
  position: absolute;
  top: 20px;
  right: 0;
  z-index: 2;
}

.sort_by ul li a {
  display: block;
  padding: 8px 25px 8px 15px;
  color: #001018;
  text-decoration: none;
  white-space: nowrap;
}

.sort_by ul li a:hover, .sort_by ul li a.active {
  color: #fff;
  background: #ceaa57;
}

.price_range {
  /*width: 200px;
  padding: 0 0;
  margin: 0 auto;*/
}

.price_range p {
  padding: 0 0 10px;
  margin: 0;
  font-weight: bold;
  font-size: 14px;
  line-height: 15px;
}

.price_range .prices {
  height: 28px;
  overflow: hidden;
}

.price_range .prices li {
  float: left;
  font-size: 12px;
  line-height: 12px;
  font-weight: 600;
}

.price_range .prices li span {
  font-weight: bold;
}

.price_range .prices li + li {
  float: right;
}

.product_grid {
  position: relative;
}

.product_grid.reload article {
  opacity: 0.3;
}

.product_grid.reload::after {
  display: block;
}

.product_grid.long article {
  width: 24%;
  margin: 0 0 2% 1.333%;
}

.product_grid.long article:nth-child(3n-2) {
  margin: 0 0 2% 1.333%;
}

.product_grid.long article:nth-child(4n-3) {
  margin: 0 0 2%;
}

.product_grid::after {
  content: "";
  display: none;
  width: 180px;
  height: 180px;
  position: absolute;
  top: 40px;
  left: 50%;
  margin: 0 0 0 -90px;
  background: url(../img/reload.svg);
}

.product_grid article {
  width: 293px;
  min-height: 380px;
  float: left;
  background: #f6f6f6;
  margin: 0 0 20px 20px;
  padding: 10px;
  position: relative;
  -webkit-box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.2);
}

.product_grid article:nth-child(3n-2) {
  margin: 0 0 10px;
}

.product_grid article .additional {
  height: 24px;
  padding: 0 12px;
  line-height: 24px;
  color: #fff;
  font-size: 18px;
  text-transform: uppercase;
  background: #b3a16e;
  position: absolute;
  right: 5px;
  top: 15px;
}

.product_grid article .additional.green {
  background: #9fbc6f;
}

.product_grid article .additional.green::after {
  background: url(../img/green_pl.png) no-repeat 0 0;
}

.product_grid article .additional.red {
  background: #bd1522;
}

.product_grid article .additional.red::after {
  background: url(../img/red_pl.png) no-repeat 0 0;
}

.product_grid article .additional::after {
  content: "";
  display: block;
  width: 13px;
  height: 24px;
  background: url(../img/brown_pl.png) no-repeat 0 0;
  position: absolute;
  top: 0;
  right: -13px;
}

.product_grid article .image {
  min-height: 210px;
  padding: 0 0 10px;
}

.product_grid article .image a {
  display: block;
  overflow: hidden;
}

.product_grid article .image a:hover img {
  -webkit-transform: scale3d(1.05, 1.05, 1);
  transform: scale3d(1.05, 1.05, 1);
}

.product_grid article .image a img {
  display: block;
  width: 100%;
  -webkit-animation-duration: 1.2s;
  -webkit-transition: all 1.2s ease-in-out;
  -moz-animation-duration: 1.2s;
  -moz-transition: all 1.2s ease-in-out;
  animation-duration: 1.2s;
  transition: all 1.2s ease-in-out;
}

.product_grid article .info {
  padding: 0 0 20px;
  border: none !important;
}

.product_grid article .info h3 {
  padding: 0 0 10px;
  font-size: 14px;
  font-weight: bold;
}

.product_grid article .info h3 a {
  color: #333;
  text-decoration: none;
}

.product_grid article .info h3 a:hover {
  text-decoration: underline;
}

.product_grid article .info p {
  margin: 0;
}

.product_grid article .price {
  width: 100%;
  padding: 0 10px 10px;
  position: absolute;
  left: 0;
  bottom: 0;
  line-height: 24px;
}

.product_grid article .price strong {
  font-weight: bold;
}

.product_grid article .price em {
  float: left;
  font-size: 14px;
  color: #333;
  text-decoration: line-through;
  position: relative;
}

.product_grid article .price em sub {
  color: #f00;
  font-size: 12px;
  line-height: 0;
  text-decoration: none;
  position: absolute;
  top: 2px;
  left: 100%;
}

.product_grid article .price span {
  float: right;
  font-size: 18px;
  font-weight: 600;
  position: relative;
}

.product_grid article .price span sub {
  display: inline-block;
  width: 48px;
  height: 20px;
  color: #fff;
  line-height: 19px;
  font-size: 12px;
  padding: 0 6px 0 6px;
  text-align: right;
  background: url(../img/percent_bg.png) no-repeat 0 0;
  position: absolute;
  top: -20px;
  right: -25px;
}

/* Product List end */
/* Cabonet begin */
.cabinet_page h2 {
  padding: 0 0 15px;
  font-size: 18px;
  font-weight: 600;
  color: #333;
}

.cabinet_page h2 strong {
  color: #000;
  font-weight: bold;
}

.cabinet_page .tabs {
  margin: 0 0 20px;
  border-bottom: 1px solid #e5e5e5;
}

.cabinet_page .tabs ul {
  overflow: hidden;
}

.cabinet_page .tabs ul li {
  float: left;
}

.cabinet_page .tabs ul li a {
  display: block;
  padding: 0 25px;
  line-height: 40px;
  text-decoration: none;
  font-size: 15px;
  color: #333;
}

.cabinet_page .tabs ul li a:hover {
  background: #e5e5e5;
}

.cabinet_page .tabs ul li a.active {
  color: #fff;
  background: #ceaa57;
}

.cabinet_page .inner > div {
  display: none;
}

.cabinet_page .inner > div.active {
  display: block;
}

.cabinet_page .inner > div dl {
  overflow: hidden;
  font-size: 15px;
  line-height: 21px;
}

.cabinet_page .inner > div dl dt {
  width: 160px;
  float: left;
  clear: left;
  padding: 0 0 15px;
  font-weight: 600;
}

.cabinet_page .inner > div dl dd {
  width: 300px;
  float: left;
  clear: right;
  padding: 0 0 15px;
}

.cabinet_page .inner > div table {
  width: 100%;
  margin: 0 0 30px;
  border-collapse: collapse;
}

.cabinet_page .inner > div table thead td {
  font-weight: 600;
}

.cabinet_page .inner > div table td {
  padding: 8px 10px 8px;
  border: 1px solid #e5e5e5;
  font-size: 16px;
  vertical-align: top;
}

.cabinet_page .inner > div table th {
  padding: 8px 10px 8px;
  border: 1px solid #e5e5e5;
  font-size: 16px;
  vertical-align: top;
}

.discountometer {
  width: 100%;
  height: 200px;
  margin: 120px 0 0;
  position: relative;
}

.discountometer .line {
  width: 100%;
  height: 2px;
  background: #000;
  position: relative;
}

.discountometer .line::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 0 5px 9px;
  border-color: transparent transparent transparent #000000;
  position: absolute;
  top: -4px;
  right: -1px;
}

.discountometer .line::before {
  content: "";
  display: block;
  width: 16px;
  height: 11px;
  background: url(../img/azn_black.png) no-repeat 0 0;
  position: absolute;
  right: 0;
  top: 10px;
}

.discountometer .line span {
  display: block;
  height: 30px;
  border-bottom: 2px solid #aeaeae;
  background: #f2f2f2;
  position: relative;
  top: -28px;
}

.discountometer .line span em {
  display: block;
  margin: 0 0 0 10px;
  padding: 0 0 2px;
  border-bottom: 2px solid #ededed;
  position: absolute;
  top: -40px;
  left: 100%;
  font-size: 24px;
  color: #ae8724;
}

.discountometer .line span strong {
  display: block;
  padding: 0 15px 0 0;
  margin: 0 0 0 10px;
  background: url(../img/azn_small_black.png) no-repeat 100% 20%;
  position: absolute;
  top: -10px;
  left: 100%;
  font-size: 16px;
  font-weight: bold;
  color: #000;
}

.discountometer .line span::before {
  content: "";
  display: block;
  width: 3px;
  height: 50px;
  background: #ad8520;
  position: absolute;
  right: -1px;
  bottom: 0;
}

.discountometer .line span::after {
  content: "";
  display: block;
  width: 13px;
  height: 13px;
  background: #ad8520;
  position: absolute;
  right: -6px;
  bottom: -8px;
  z-index: 2;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  -khtml-border-radius: 50%;
  border-radius: 50%;
}

.discountometer .point {
  height: 0;
  position: absolute;
  top: 0;
}

.discountometer .point.big::before {
  content: "";
  display: block;
  background: url(../img/flag_brown.png) no-repeat 0 0;
  position: absolute;
  z-index: 1;
}

.discountometer .point.big span {
  color: #ae8724;
}

.discountometer .point.big strong {
  color: #ae8724;
  background: url(../img/azn_brown.png) no-repeat 100% 4px;
}

.discountometer .point::before {
  content: "";
  display: block;
  width: 18px;
  height: 50px;
  background: url(../img/flag_gray.png) no-repeat 0 0;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1;
}

.discountometer .point span {
  color: #b3b3b3;
  font-size: 24px;
  font-weight: 500;
  position: absolute;
  top: 90px;
  left: 0px;
}

.discountometer .point span em {
  font-size: 18px;
  font-weight: 400;
}

.discountometer .point strong {
  padding: 0 18px 4px 0;
  border-bottom: 2px solid #ededed;
  font-size: 19px;
  color: #b3b3b3;
  position: absolute;
  left: 0;
  bottom: -85px;
  background: url(../img/azn_gray.png) no-repeat 100% 4px;
}

/* Cabonet end */
.unsubscription {
  max-width: 600px;
  margin: 0 auto;
  padding: 40px 0;
}

.unsubscription h2 {
  padding: 0 0 20px;
  font-size: 24px;
  font-weight: 600;
}

.unsubscription .text {
  padding: 0 20px 20px;
}

.unsubscription .text h3 {
  padding: 0 0 15px;
  font-size: 18px;
  font-weight: 600;
}

.unsubscription .text p {
  margin: 0 0 15px;
  font-size: 14px;
  line-height: 21px;
}

.unsubscription .form {
  padding: 0 40px;
}

.unsubscription .form .radiobuttons {
  padding: 0 0 10px;
}

.unsubscription .form .radiobuttons td {
  display: block;
  margin: 0 0 12px;
  position: relative;
  cursor: pointer;
  -webkit-user-select: none;
  -ms-touch-action: none;
  touch-action: none;
  -ms-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.unsubscription .form .radiobuttons td input {
  display: none;
}

.unsubscription .form .radiobuttons td input:checked + label em {
  border: 4px solid #333;
  background: #ceaa57;
}

.unsubscription .form .radiobuttons td label em {
  display: block;
  width: 16px;
  height: 16px;
  border: 1px solid #999;
  position: absolute;
  left: 0;
  top: 2px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  -khtml-border-radius: 50%;
  border-radius: 50%;
  -webkit-animation-duration: 0.2s;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-animation-duration: 0.2s;
  -moz-transition: all 0.2s ease-in-out;
  animation-duration: 0.2s;
  transition: all 0.2s ease-in-out;
}

.unsubscription .form .radiobuttons td label {
  padding: 0 0 0 28px;
  line-height: 20px;
  font-size: 16px;
}

.unsubscription .form .submit {
  padding: 0 0 30px;
}

.unsubscription .form .submit input[type='submit'] {
  display: block;
  height: 32px;
  padding: 0 20px;
  font-size: 14px;
  font-weight: 600px;
  border: none;
  color: #fff;
  background: #ceaa57;
  cursor: pointer;
  -webkit-animation-duration: 0.2s;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-animation-duration: 0.2s;
  -moz-transition: all 0.2s ease-in-out;
  animation-duration: 0.2s;
  transition: all 0.2s ease-in-out;
}

.unsubscription .form .submit input[type='submit']:hover {
  background: #dba11b;
}

.unsubscription .back {
  padding: 30px 0 0;
  border-top: 1px solid #e5e5e5;
}

.unsubscription .back a {
  display: inline-block;
  padding: 8px 10px 10px;
  text-decoration: none;
  color: #fff;
  font-size: 13px;
  background: #ceaa57;
}

.unsubscription .back a:hover {
  background: #dba11b;
}

.action_list {
  padding: 0 0 20px;
  overflow: hidden;
}

.action_list figure {
  width: 25%;
  float: left;
  margin: 0;
  padding: 5px;
  position: relative;
}

.action_list figure.unactive > a {
  border-color: #e5e5e5 !important;
}

.action_list figure.unactive > a img {
  -webkit-filter: grayscale(100%);
  /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);
  -webkit-transform: scale3d(1, 1, 1) !important;
  transform: scale3d(1, 1, 1) !important;
}

.action_list figure.unactive > a span::before {
  background: #777 !important;
  opacity: 1 !important;
}

.action_list figure > a {
  display: block;
  width: 100%;
  border: 1px solid #e5e5e5;
  position: relative;
  overflow: hidden;
  -webkit-animation-duration: 0.3s;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-animation-duration: 0.3s;
  -moz-transition: all 0.3s ease-in-out;
  animation-duration: 0.3s;
  transition: all 0.3s ease-in-out;
}

.action_list figure > a:hover {
  border-color: #ceaa57;
}

.action_list figure > a:hover span:before {
  opacity: 1;
  background: #111;
}

.action_list figure > a:hover img {
  -webkit-transform: scale3d(1.05, 1.05, 1);
  transform: scale3d(1.05, 1.05, 1);
}

.action_list figure > a img {
  display: block;
  width: 100%;
  -webkit-animation-duration: 0.3s;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-animation-duration: 0.3s;
  -moz-transition: all 0.3s ease-in-out;
  animation-duration: 0.3s;
  transition: all 0.3s ease-in-out;
}

.action_list figure > a span {
  display: block;
  width: 100%;
  height: auto;
  padding: 12px 16px;
  color: #fff;
  font-size: 13px;
  position: absolute;
  left: 0;
  bottom: 0;
  font-weight: bold;
}

.action_list figure > a span::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: #222;
  opacity: 0.9;
  -webkit-animation-duration: 0.2s;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-animation-duration: 0.2s;
  -moz-transition: all 0.2s ease-in-out;
  animation-duration: 0.2s;
  transition: all 0.2s ease-in-out;
}

.action_list figure > a span em {
  position: relative;
}

.event_list {
  position: relative;
}

.event_list h2 {
  padding: 0 0 35px;
  font-size: 18px;
  font-weight: bold;
  color: #333;
  text-align: center;
}

.event_list .list {
  position: relative;
}

.event_list .list::before {
  content: "";
  display: block;
  width: 1px;
  height: 100%;
  background: #999;
  position: absolute;
  top: 0;
  left: 50%;
}

.event_list .list > div {
  padding: 5px 10px 0;
  position: relative;
  overflow: hidden;
}

.event_list .list > div time {
  display: block;
  padding: 0 0 20px;
  clear: both;
  text-align: center;
  font-size: 12px;
  font-weight: bold;
  color: #777;
  position: relative;
}

.event_list .list > div time span {
  padding: 5px 10px 7px;
  background: #fff;
  position: relative;
}

.event_list .list > div time::before {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  border-top: 1px dotted #ccc;
  position: absolute;
  left: 0;
  top: 6px;
}

.event_list .list > div article {
  width: 50%;
  float: left;
  margin: 0 0 35px;
  padding: 0 20px 0 0;
  text-align: right;
  clear: both;
  -webkit-animation-duration: 0.3s;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-animation-duration: 0.3s;
  -moz-transition: all 0.3s ease-in-out;
  animation-duration: 0.3s;
  transition: all 0.3s ease-in-out;
}

.event_list .list > div article.odd {
  float: right;
  padding: 0 0 0 20px;
  text-align: left;
}

.event_list .list > div article.odd h3 a::before {
  left: -26px;
}

.event_list .list > div article.odd h3 a::after {
  left: -16px;
}

.event_list .list > div article.odd h3 a:hover {
  padding: 0 0 0 10px;
}

.event_list .list > div article.odd h3 a.active {
  padding: 2px 6px 4px 10px;
  margin-left: -8px;
}

.event_list .list > div article.odd h3 a.active::before {
  left: -18px;
}

.event_list .list > div article.odd h3 a.active::after {
  left: -8px;
}

.event_list .list > div article.active .text {
  padding: 15px 20px;
}

.event_list .list > div article h3 {
  padding: 0 0 15px;
  font-size: 16px;
  font-weight: 600;
}

.event_list .list > div article h3 a {
  display: inline-block;
  color: #111;
  text-decoration: none;
  position: relative;
  -webkit-animation-duration: 0.3s;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-animation-duration: 0.3s;
  -moz-transition: all 0.3s ease-in-out;
  animation-duration: 0.3s;
  transition: all 0.3s ease-in-out;
}

.event_list .list > div article h3 a:hover {
  color: #000;
  padding: 0 10px 0 0;
}

.event_list .list > div article h3 a:hover::before {
  background: #ceaa57;
  -webkit-transform: scale3d(1.3, 1.3, 1);
  transform: scale3d(1.3, 1.3, 1);
}

.event_list .list > div article h3 a:hover::after {
  background: #ceaa57;
}

.event_list .list > div article h3 a.active {
  color: #000;
  padding: 2px 8px 4px 6px;
  background: #ceaa57;
  margin-right: -9px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
}

.event_list .list > div article h3 a.active::before {
  background: #ceaa57;
  right: -18px;
  -webkit-transform: scale3d(1.3, 1.3, 1);
  transform: scale3d(1.3, 1.3, 1);
}

.event_list .list > div article h3 a.active::after {
  right: -6px;
  background: #ceaa57;
}

.event_list .list > div article h3 a::before {
  content: "";
  display: block;
  width: 13px;
  height: 13px;
  background: #333;
  position: absolute;
  top: 6px;
  right: -27px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  -khtml-border-radius: 50%;
  border-radius: 50%;
  -webkit-animation-duration: 0.3s;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-animation-duration: 0.3s;
  -moz-transition: all 0.3s ease-in-out;
  animation-duration: 0.3s;
  transition: all 0.3s ease-in-out;
}

.event_list .list > div article h3 a::after {
  content: "";
  display: block;
  width: 10px;
  height: 3px;
  background: #333;
  position: absolute;
  top: 11px;
  right: -17px;
  -moz-border-radius: 30%;
  -webkit-border-radius: 30%;
  -khtml-border-radius: 30%;
  border-radius: 30%;
  -webkit-animation-duration: 0.3s;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-animation-duration: 0.3s;
  -moz-transition: all 0.3s ease-in-out;
  animation-duration: 0.3s;
  transition: all 0.3s ease-in-out;
}

.event_list .list > div article .text {
  width: auto;
  height: 0;
  overflow: hidden;
  padding: 0 20px;
  text-align: left;
  font-size: 13px;
  line-height: 17px;
  position: absolute;
  left: 10px;
  clear: both;
  background: #f0f0f0;
  -webkit-box-shadow: inset 0 0 15px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset 0 0 15px 0px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 0 15px 0px rgba(0, 0, 0, 0.2);
  -webkit-animation-duration: 0.3s;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-animation-duration: 0.3s;
  -moz-transition: all 0.3s ease-in-out;
  animation-duration: 0.3s;
  transition: all 0.3s ease-in-out;
}

.event_list .list > div article .text img {
  max-width: 100%;
}

.event_list .list > div article .text p {
  margin: 0 0 15px;
}

.event_list .list > div article .text > div {
  overflow: hidden;
}

.event_list .list > div article .text .link {
  font-size: 13px;
  line-height: 16px;
  font-weight: 600;
  position: absolute;
  right: 0;
  bottom: 0;
}

.event_list .list > div article .text .link a {
  display: block;
  padding: 5px 12px;
  color: #fff;
  background: #666;
  text-decoration: none;
  -moz-border-radius: 5px 0 0 0;
  -webkit-border-radius: 5px 0 0 0;
  -khtml-border-radius: 5px 0 0 0;
  border-radius: 5px 0 0 0;
  -webkit-animation-duration: 0.3s;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-animation-duration: 0.3s;
  -moz-transition: all 0.3s ease-in-out;
  animation-duration: 0.3s;
  transition: all 0.3s ease-in-out;
}

.event_list .list > div article .text .link a:hover {
  background: #333;
}

.breadcrumbs {
  padding: 0 0 20px;
  overflow: hidden;
}

.breadcrumbs ul li {
  float: left;
  padding: 0 5px 0 0;
  font-size: 13px;
  font-weight: bold;
  text-transform: uppercase;
}

.breadcrumbs ul li a {
  padding: 0 5px 0 0;
  color: #666666;
  text-decoration: none;
}

.breadcrumbs ul li a:hover {
  text-decoration: underline;
}

.breadcrumbs ul li em {
  color: #333;
}

.news_list ul {
  overflow: hidden;
}

.news_list ul li {
  width: 48%;
  float: left;
  clear: left;
  padding: 0 0 20px;
  margin: 0 0 20px;
  border-bottom: 1px dotted #e5e5e5;
  overflow: hidden;
}

.news_list ul li:nth-child(2n) {
  float: right;
  clear: right;
}

.news_list ul li .image {
  float: left;
  padding: 0 15px 0 0;
}

.news_list ul li .image a {
  display: block;
}

.news_list ul li .image a:hover img {
  border-color: #ceaa57;
}

.news_list ul li .image a img {
  display: block;
  border: 1px solid #e5e5e5;
}

.news_list ul li h3 {
  padding: 0 0 10px;
  font-size: 15px;
  font-weight: bold;
}

.news_list ul li h3 a {
  color: #333;
  text-decoration: none;
}

.news_list ul li h3 a:hover {
  text-decoration: underline;
}

.news_list ul li p {
  font-size: 14px;
  line-height: 18px;
}

.news_list ul li time {
  font-size: 11px;
  color: #777;
}

/* Brands begin*/
.brands_list {
  overflow: hidden;
}

.brands_list figure {
  float: left;
  width: 20%;
  margin: 0 0 10px;
  text-align: center;
  position: relative;
}

.brands_list figure:hover img {
  -ms-transform: translate(0px, -10px);
  /* IE 9 */
  -webkit-transform: translate(0px, -10px);
  /* Safari */
  transform: translate(0px, -10px);
  /* Standard syntax */
}

.brands_list figure:hover figcaption span::after {
  width: 100%;
}

.brands_list figure img {
  display: inline-block;
  -webkit-animation-duration: 0.3s;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-animation-duration: 0.3s;
  -moz-transition: all 0.3s ease-in-out;
  animation-duration: 0.3s;
  transition: all 0.3s ease-in-out;
}

.brands_list figure figcaption {
  font-size: 15px;
}

.brands_list figure figcaption span {
  position: relative;
}

.brands_list figure figcaption span::after {
  content: "";
  display: block;
  width: 0px;
  height: 1px;
  background: #000;
  position: absolute;
  left: 0;
  bottom: 0;
  -webkit-animation-duration: 0.3s;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-animation-duration: 0.3s;
  -moz-transition: all 0.3s ease-in-out;
  animation-duration: 0.3s;
  transition: all 0.3s ease-in-out;
}

.brands_list figure a {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.current_brand {
  padding: 10px 0 0;
}

.current_brand .info {
  padding: 0 0 30px;
  margin: 0 0 30px;
  border-bottom: 1px solid #e5e5e5;
  overflow: hidden;
}

.current_brand .info .image {
  float: left;
  padding: 0 30px 0 0;
}

.current_brand .info dl {
  padding: 0 0 20px;
  font-size: 15px;
  line-height: 19px;
  overflow: hidden;
}

.current_brand .info dl dt {
  width: 140px;
  float: left;
  clear: left;
  padding: 0 0 8px;
  font-weight: 600;
}

.current_brand .info dl dd {
  float: left;
  clear: right;
  padding: 0 0 8px;
}

.current_brand .info .text {
  padding: 0 0 10px;
  font-size: 14px;
  line-height: 21px;
}

.current_brand .info .text p {
  margin: 0 0 10px;
}

.current_brand .info .more a {
  display: inline-block;
  padding: 8px 10px 10px;
  text-decoration: none;
  color: #fff;
  font-size: 13px;
  background: #ceaa57;
}

.current_brand .info .more a:hover {
  background: #dba11b;
}

.current_brand .lines > div {
  border-bottom: 1px dashed #e5e5e5;
  margin: 0 0 20px;
}

.current_brand .lines > div:last-child {
  border: none;
}

.current_brand .lines h3 {
  padding: 0 0 20px;
  font-size: 18px;
  font-weight: 600;
}

.current_brand .lines h3 a {
  color: #333;
  text-decoration: none;
}

.current_brand .lines h3 a:hover {
  text-decoration: underline;
}

.current_brand .product_grid.long article {
  min-height: 360px;
}

.current_brand .product_grid.long article .info {
  margin: 0;
  padding: 0;
}

.current_brand .product_grid.long article .info h3 {
  padding: 0;
}

/* Brands end*/
.pagination {
  height: 40px;
  margin: 0 0 10px;
  text-align: center;
}


.pagination span a {
 display:inline-block;
  height: 38px;
  width: 40px;
  line-height: 40px;
  color: #fff;
  background: #666;
  text-decoration: none;
  opacity: 0.8;
  -webkit-animation-duration: 0.3s;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-animation-duration: 0.3s;
  -moz-transition: all 0.3s ease-in-out;
  animation-duration: 0.3s;
  transition: all 0.3s ease-in-out;
}



.pagination span a.prev 
{
    margin: 0 0 -13px;
  background: url(../img/pagin_arrows.png) no-repeat 0 0;
  
}

.pagination span a.next 
{
     margin: 0 0 -13px;
  background: url(../img/pagin_arrows.png) no-repeat 100% 0;
   
}

.pagination span span.prev 
{
     margin: 0 0 -13px;
  background: url(../img/pagin_arrows.png) no-repeat 0 0;
   
}

.pagination span span.next : : 4or: #565656;
  height: 4
  background: url(../img/pagin_arrows.png) no-repeat 100% 0;
    
}


.pagination span a:hover {
  opacity: 1;
}

.pagination span span {
  color: #C10C16;
  font-size: 14px;
  font-weight: bold;
}


.current_article h2 {
  padding: 0 0 20px;
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
}

.current_article h3 {
  padding: 0 0 15px;
  font-size: 16px;
  font-weight: bold;
  color: #333;
}

.current_article p {
  margin: 0 0 20px;
  font-size: 14px;
  line-height: 18px;
}

.current_article img {
  max-width: 100%;
}

.tema_gallery {
  margin: 0 0 10px;
  position: relative;
  overflow: hidden;
}

.tema_gallery.animated img:first-child {
  position: absolute;
  top: 0;
  left: 0;
}

.tema_gallery.preload .cssload-container {
  opacity: 1;
  visibility: visible;
}

.tema_gallery > div {
  float: left;
  position: relative;
}

.tema_gallery img {
  display: block;
  max-width: 100%;
  cursor: pointer;
}

.tema_gallery img.hide_me {
  opacity: 0;
  -webkit-animation-duration: 0.6s;
  -webkit-transition: all 0.6s ease-in-out;
  -moz-animation-duration: 0.6s;
  -moz-transition: all 0.6s ease-in-out;
  animation-duration: 0.6s;
  transition: all 0.6s ease-in-out;
}

.tema_gallery .bull {
  width: 24px;
  height: 100px;
  position: absolute;
  top: 1px;
  right: 1px;
}

.tema_gallery .bull a {
  display: block;
  width: 24px;
  height: 24px;
  margin: 0 0 1px;
  border: 1px solid #ccc;
  background: #fff;
  opacity: 0.7;
  -webkit-animation-duration: 0.3s;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-animation-duration: 0.3s;
  -moz-transition: all 0.3s ease-in-out;
  animation-duration: 0.3s;
  transition: all 0.3s ease-in-out;
}

.tema_gallery .bull a.active, .tema_gallery .bull a:hover {
  opacity: 0.9;
}

.contacts {
  padding: 0 0 30px;
  overflow: hidden;
}

.contacts h2 {
  padding: 0 0 35px;
  font-size: 16px;
  font-weight: bold;
  color: #666;
}

.contacts .adress_list {
  width: 300px;
  float: left;
  padding: 75px 0 0;
}

.contacts .adress_list select {
  display: none;
  width: 100%;
  height: 50px;
  padding: 0 8px 0 10px;
  border: 1px solid #001018;
  font-size: 14px;
  color: #172430;
  color: #4A4A4A;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: #fff url(../img/filtre_pt.png) no-repeat 99% 50%;
  cursor: pointer;
  position: relative;
  z-index: 2;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  -khtml-border-radius: 0px;
  border-radius: 0px;
}

.contacts .adress_list ul {
  background: #f0f0f0;
}

.contacts .adress_list ul li {
  padding: 0 0 0 0;
  position: relative;
}

.contacts .adress_list ul li a {
  display: block;
  padding: 10px 6px 10px 36px;
  color: #333;
  text-decoration: none;
}

.contacts .adress_list ul li a:hover, .contacts .adress_list ul li a.active {
  color: #fff;
  background: #b3a26e;
}

.contacts .adress_list ul li a:hover::before, .contacts .adress_list ul li a.active::before {
  background: url(../img/point_small.png) no-repeat 0 100%;
}

.contacts .adress_list ul li a::before {
  content: "";
  display: block;
  width: 13px;
  height: 17px;
  background: url(../img/point_small.png) no-repeat 0 0;
  position: absolute;
  top: 7px;
  left: 8px;
}

.contacts .map_block {
  width: 840px;
  float: right;
}

.contacts .map_block .tabs {
  height: 75px;
  font-size: 0px;
  color: #4a4a4a;
}

.contacts .map_block .tabs ul {
  display: inline-block;
  border-bottom: 3px solid #e1e1e1;
}

.contacts .map_block .tabs ul li {
  display: inline-block;
  font-size: 36px;
  padding: 0 0 0 30px;
}

.contacts .map_block .tabs ul li:first-child {
  padding: 0;
}

.contacts .map_block .tabs ul li a {
  display: inline-block;
  color: #565656;
  height: 40px;
  text-decoration: none;
  padding: 0 10px;
  margin: 0 0 -3px;
  position: relative;
}

.contacts .map_block .tabs ul li a.active {
  border-bottom: 3px solid #a89459;
}

.contacts .map_block .tabs ul li a.active::before {
  display: block;
}

.contacts .map_block .tabs ul li a::before {
  content: "";
  display: none;
  width: 8px;
  height: 4px;
  background: url(../img/tab_pt.png) no-repeat 0 0;
  position: absolute;
  left: 50%;
  bottom: -7px;
}

#simple_map {
  height: 400px;
  min-height: 400px;
}

.cb {
  clear: both;
}

.photo_gallery {
  position: relative;
}

.photo_gallery figure {
  margin: 0;
  width: 20%;
}

.photo_gallery figure a {
  display: block;
  overflow: hidden;
  position: relative;
}

.photo_gallery figure a:hover::before {
  opacity: 0;
}

.photo_gallery figure a:hover::after {
  -webkit-box-shadow: inset 0 0 18px 0px rgba(0, 0, 0, 0.7);
  -moz-box-shadow: inset 0 0 18px 0px rgba(0, 0, 0, 0.7);
  box-shadow: inset 0 0 18px 0px rgba(0, 0, 0, 0.7);
}

.photo_gallery figure a:hover img {
  -webkit-transform: scale3d(1.1, 1.1, 0.2);
  transform: scale3d(1.1, 1.1, 0.2);
}

.photo_gallery figure a::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: #000;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0.3;
  -webkit-animation-duration: 0.3s;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-animation-duration: 0.3s;
  -moz-transition: all 0.3s ease-in-out;
  animation-duration: 0.3s;
  transition: all 0.3s ease-in-out;
}

.photo_gallery figure a::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-box-shadow: inset 0 0 0px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0 0 0px 0px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 0 0px 0px rgba(0, 0, 0, 0.1);
  -webkit-animation-duration: 0.6s;
  -webkit-transition: all 0.6s ease-in-out;
  -moz-animation-duration: 0.6s;
  -moz-transition: all 0.6s ease-in-out;
  animation-duration: 0.6s;
  transition: all 0.6s ease-in-out;
}

.photo_gallery figure a img {
  display: block;
  width: 100%;
  -webkit-animation-duration: 1.2s;
  -webkit-transition: all 1.2s ease-in-out;
  -moz-animation-duration: 1.2s;
  -moz-transition: all 1.2s ease-in-out;
  animation-duration: 1.2s;
  transition: all 1.2s ease-in-out;
}

#e_color {
  background: #fff url(../img/e_preloader.svg) no-repeat 50% 50%;
  width: 100px;
  height: 100px;
  position: fixed;
  top: 50%;
  left: 50%;
  margin: -50px 0 0 -50px;
  overflow: visible !important;
  z-index: 100;
}

#e_color img {
  width: 100%;
  height: 100%;
  position: absolute;
}

#e_color:hover a {
  display: block;
}

#e_color a {
  display: none;
  width: 40px;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
}

#e_color a:hover::before {
  opacity: 0.2;
}

#e_color a::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: #fff;
  opacity: 0;
}

#e_color a span {
  display: block;
  width: 40px;
  height: 40px;
  position: absolute;
  top: 50%;
  left: 0;
  margin: -20px 0 0;
  background-image: url(../img/v_arrows.png);
  background-repeat: no-repeat;
  background-position: 100% 50%;
}

#e_color a.prev {
  left: 0;
}

#e_color a.prev span {
  background-position: 0 50%;
}

#e_color .close {
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  top: -20px;
  right: -20px;
  background: url(../img/e_close.png) no-repeat 0 0;
  cursor: pointer;
}

#e_color .close:hover {
  background: url(../img/e_close.png) no-repeat 0 100%;
}

#e_color .counter {
  position: absolute;
  top: -15px;
  left: 0;
  font-weight: bold;
  color: #fff;
}

#e_color .description {
  position: absolute;
  width: 100%;
  height: auto;
  bottom: 0;
  left: 0;
  overflow: hidden;
}

#e_color .description p {
  width: 100%;
  padding: 15px 0;
  color: #fff;
  font-size: 14px;
  line-height: 18px;
  background: url(../img/e_blackness.png) repeat 0 0;
  position: relative;
  bottom: 0;
  left: 0;
}

#e_color .description p span {
  display: block;
  padding: 0 15px;
}

.darkness {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background: url(../img/darkness.png) repeat 0 0;
  z-index: 100;
}

.cssload-container {
  width: 49px;
  height: 49px;
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -25px 0 0 -25px;
  opacity: 0;
  visibility: hidden;
  -webkit-animation-duration: 0.2s;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-animation-duration: 0.2s;
  -moz-transition: all 0.2s ease-in-out;
  animation-duration: 0.2s;
  transition: all 0.2s ease-in-out;
}

.cssload-speeding-wheel {
  width: 49px;
  height: 49px;
  margin: 0 auto;
  border: 3px solid white;
  border-radius: 50%;
  border-left-color: transparent;
  border-right-color: transparent;
  animation: cssload-spin 575ms infinite linear;
  -o-animation: cssload-spin 575ms infinite linear;
  -ms-animation: cssload-spin 575ms infinite linear;
  -webkit-animation: cssload-spin 575ms infinite linear;
  -moz-animation: cssload-spin 575ms infinite linear;
}

@keyframes cssload-spin {
  100% {
    transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@-o-keyframes cssload-spin {
  100% {
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@-ms-keyframes cssload-spin {
  100% {
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@-webkit-keyframes cssload-spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@-moz-keyframes cssload-spin {
  100% {
    -moz-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

/*! nouislider - 9.1.0 - 2016-12-10 16:00:32 */
/* Functional styling;
 * These styles are required for noUiSlider to function.
 * You don't need to change these rules to apply your design.
 */
.noUi-target,
.noUi-target * {
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-user-select: none;
  -ms-touch-action: none;
  touch-action: none;
  -ms-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.noUi-target {
  position: relative;
  direction: ltr;
}

.noUi-base {
  width: 100%;
  height: 100%;
  background: #bfbfbf;
  position: relative;
  z-index: 1;
  /* Fix 401 */
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
}

.noUi-connect {
  position: absolute;
  right: 0;
  top: 0;
  left: 0;
  bottom: 0;
}

.noUi-origin {
  position: absolute;
  height: 0;
  width: 0;
}

.noUi-handle {
  position: relative;
  z-index: 1;
}

.noUi-state-tap .noUi-connect,
.noUi-state-tap .noUi-origin {
  -webkit-transition: top 0.3s, right 0.3s, bottom 0.3s, left 0.3s;
  transition: top 0.3s, right 0.3s, bottom 0.3s, left 0.3s;
}

.noUi-state-drag * {
  cursor: inherit !important;
}

/* Painting and performance;
 * Browsers can paint handles in their own layer.
 */
.noUi-base,
.noUi-handle {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

/* Slider size and handle placement;
 */
.noUi-horizontal {
  height: 9px;
}

.noUi-horizontal .noUi-handle {
  width: 16px;
  height: 16px;
  left: -8px;
  top: -4px;
  background: #333;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  -khtml-border-radius: 50%;
  border-radius: 50%;
}

.noUi-vertical {
  width: 18px;
}

.noUi-vertical .noUi-handle {
  width: 28px;
  height: 34px;
  left: -6px;
  top: -17px;
}

/* Styling;
 */
.noUi-target {
  background: #fff;
}

.noUi-connect {
  background: #ceaa57;
  -webkit-transition: background 450ms;
  transition: background 450ms;
}

/* Handles and cursors;
 */
.noUi-draggable {
  cursor: ew-resize;
}

.noUi-vertical .noUi-draggable {
  cursor: ns-resize;
}

.noUi-handle {
  background: #C7D0D5;
  cursor: default;
}

.noUi-active {
  /*box-shadow: inset 0 0 1px #FFF,
        inset 0 1px 7px #DDD,
        0 3px 6px -3px #BBB;*/
  background: #000 !important;
}

/* Handle stripes;
 */
.noUi-handle:before,
.noUi-handle:after {
  content: "";
  display: none;
  position: absolute;
  height: 14px;
  width: 1px;
  background: #E8E7E6;
  left: 14px;
  top: 6px;
}

.noUi-handle:after {
  left: 17px;
}

.noUi-vertical .noUi-handle:before,
.noUi-vertical .noUi-handle:after {
  width: 14px;
  height: 1px;
  left: 6px;
  top: 14px;
}

.noUi-vertical .noUi-handle:after {
  top: 17px;
}

/* Disabled state;
 */
[disabled] .noUi-connect {
  background: #B8B8B8;
}

[disabled].noUi-target,
[disabled].noUi-handle,
[disabled] .noUi-handle {
  cursor: not-allowed;
}

/* Base;
 *
 */
.noUi-pips,
.noUi-pips * {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.noUi-pips {
  position: absolute;
  color: #999;
}

/* Values;
 *
 */
.noUi-value {
  position: absolute;
  text-align: center;
}

.noUi-value-sub {
  color: #ccc;
  font-size: 10px;
}

/* Markings;
 *
 */
.noUi-marker {
  position: absolute;
  background: #CCC;
}

.noUi-marker-sub {
  background: #AAA;
}

.noUi-marker-large {
  background: #AAA;
}

/* Horizontal layout;
 *
 */
.noUi-pips-horizontal {
  padding: 10px 0;
  height: 80px;
  top: 100%;
  left: 0;
  width: 100%;
}

.noUi-value-horizontal {
  -webkit-transform: translate3d(-50%, 50%, 0);
  transform: translate3d(-50%, 50%, 0);
}

.noUi-marker-horizontal.noUi-marker {
  margin-left: -1px;
  width: 2px;
  height: 5px;
}

.noUi-marker-horizontal.noUi-marker-sub {
  height: 10px;
}

.noUi-marker-horizontal.noUi-marker-large {
  height: 15px;
}

/* Vertical layout;
 *
 */
.noUi-pips-vertical {
  padding: 0 10px;
  height: 100%;
  top: 0;
  left: 100%;
}

.noUi-value-vertical {
  -webkit-transform: translate3d(0, 50%, 0);
  transform: translate3d(0, 50%, 0);
  padding-left: 25px;
}

.noUi-marker-vertical.noUi-marker {
  width: 5px;
  height: 2px;
  margin-top: -1px;
}

.noUi-marker-vertical.noUi-marker-sub {
  width: 10px;
}

.noUi-marker-vertical.noUi-marker-large {
  width: 15px;
}

.noUi-tooltip {
  display: block;
  position: absolute;
  border: 1px solid #D9D9D9;
  border-radius: 3px;
  background: #fff;
  color: #000;
  padding: 5px;
  text-align: center;
}

.noUi-horizontal .noUi-tooltip {
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  left: 50%;
  bottom: 120%;
}

.noUi-vertical .noUi-tooltip {
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  top: 50%;
  right: 120%;
}

.cb {
  clear: both;
  height: 0px;
  font-size: 0;
}

.product_info .text h2 {
  padding: 0 0 10px;
  font-size: 20px;
  font-weight: 600;
  color: #8b6d49;
}

.product_info .text h3 {
  padding: 0 0 10px;
  font-size: 16px;
  font-weight: bold;
}

.product_info .text h4 {
  padding: 0 0 8px;
  font-size: 14px;
  font-weight: bold;
}

.current_article h4 {
  padding: 0 0 10px;
  font-size: 14px;
  font-weight: bold;
  color: #333;
}

.current_article h1 {
  padding: 0 0 20px;
  font-size: 24px;
  line-height: 32px;
  font-weight: 400;
}


.filter_by section .checkboxes {
	max-height: 190px;
	overflow-y: auto;
}

.balance_check form button {
  display: block;
  width: 22px;
  height: 22px;
  border: none;
  background: url(../img/right_arrow.png) no-repeat 50%;
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
}