/* Start:/bitrix/templates/.default/css/normalize.css*/
/*! normalize.css v3.0.1 | MIT License | git.io/normalize */

/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

html {
  font-family: sans-serif; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/**
 * Remove default margin.
 */

body {
  margin: 0;
}

/* HTML5 display definitions
   ========================================================================== */

/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */

audio,
canvas,
progress,
video {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

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

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */

[hidden],
template {
  display: none;
}

/* Links
   ========================================================================== */

/**
 * Remove the gray background color from active links in IE 10.
 */

a {
  background: transparent;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */

a:active,
a:hover,
a:focus {
  outline: none;
}

/* Text-level semantics
   ========================================================================== */

/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */

abbr[title] {
  border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */

b,
strong {
  font-weight: bold;
}

/**
 * Address styling not present in Safari and Chrome.
 */

dfn {
  font-style: italic;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */

h1 {
  font-size: 1.5em;
  margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9.
 */

mark {
  background: #ff0;
  color: #000;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove border when inside `a` element in IE 8/9/10.
 */

img {
  border: 0;
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */

svg:not(:root) {
  overflow: hidden;
}

/* Grouping content
   ========================================================================== */

/**
 * Address margin not present in IE 8/9 and Safari.
 */

figure {
  margin: 1em 40px;
}

/**
 * Address differences between Firefox and other browsers.
 */

hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}

/**
 * Contain overflow in all browsers.
 */

pre {
  overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Forms
   ========================================================================== */

/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */

/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */

button,
input,
optgroup,
select,
textarea {
  color: inherit; /* 1 */
  font: inherit; /* 2 */
  margin: 0; /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */

button {
  overflow: visible;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */

button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button; /* 2 */
  cursor: pointer; /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */

button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

input {
  line-height: normal;
}

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 *    (include `-moz` to future-proof).
 */

input[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box; /* 2 */
  box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Define consistent border, margin, and padding.
 */

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */

legend {
  border: 0; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */

textarea {
  overflow: auto;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */

optgroup {
  font-weight: bold;
}

/* Tables
   ========================================================================== */

/**
 * Remove most spacing between table cells.
 */

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}
/* End */



/* Start:/bitrix/templates/.default/css/grid.css*/
/*====================================
	CSS Grid v.1
	-------------------
	Developed by Maiorov Maksim
	m.maiorov@gmail.com
	2014 | Kaliningrad, Russia

=====================================*/

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.clearFix::before,
.clearFix::after {
	content: '';
	display: block;
	height: 0;
	visibility: hidden;
	line-height: 0;
	clear: both;
}
.noselect {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
}

.container {
	position: relative;
	width: 100%
}
.line {
	margin: 0 auto;
}
.line::before,
.line::after {
	content: '';
	display: block;
	height: 0;
	visibility: hidden;
	line-height: 0;
	clear: both;
}
.substrateSmall {
	width: 100%;
	height: 20px;
}
.substrateMedium {
	width: 100%;
	height: 40px;
}
.substrateHuge {
	width: 100%;
	height: 60px;
}
.fullWidth {
	width: 100%;
	transition: height 0.3s linear,  width .3s linear;
}
.half {
	width: 50%;
}
.oneThird {
	width: 33.33%;
}
.twoThird {
	width: 66.66%;
}
.oneFourth {
	width: 25%;
}
.oneFifth {
	width: 20%;
}
.oneSixth {
	width: 16.66%;
}

.half,
.oneThird,
.twoThird,
.oneFourth,
.oneFifth,
.oneSixth {
	position: relative;
	float: left;
	transition: height 0.3s linear,  width .3s linear;
}
.half:last-child,
.oneThird:last-child,
.twoThird:last-child,
.oneFourth:last-child,
.oneFifth:last-child,
.oneSixth:last-child {
	margin-right: 0;
	float: right;
}


/*=====================
	RESPONSIVE GRID
======================*/

@media all and (min-width: 1451px) {
	.line {
		width: 1230px;
	}
} /*@media all and (min-width: 1451px)*/

@media all and (min-width: 1367px) and (max-width: 1450px) {

	.line {
		width: 1230px;
	}

} /*@media all and (min-width: 1366px)*/

@media all and (min-width:1200px) and (max-width: 1366px) {

	.line {
		width: 1170px;
	}

} /*@media all and (min-width:1200px) and (max-width:1365px)*/

@media all and (min-width:992px) and (max-width: 1199px) {

	.line {
		width: 970px;
	}
	.oneSixth {
		width: 33.3%;
	}

} /*@media all and (min-width:992px) and (max-width:1199px)*/

@media all and (min-width:768px) and (max-width: 991px) {

	.line {
		width: 750px;
	}
	.oneFifth,
	.oneSixth {
		width: 33.3%;
	}
	.oneFifth:nth-child(4),
	.oneFifth:nth-child(5) {
		width: 50%;
	}

} /*@media all and (min-width:768px) and (max-width:991px)*/

@media all and (min-width:601px) and (max-width:767px) {

	.line {
		width: 580px;
	}
	.half {
		width: 100%;
	}
	.oneFourth,
	.oneFifth,
	.oneSixth {
		width: 50%;
	}
	.oneFifth:nth-child(5) {
		width: 100%;
	}


	.half:last-child,
	.oneThird:last-child,
	.twoThird:last-child,
	.oneFourth:last-child,
	.oneFifth:last-child,
	.oneSixth:last-child {
		float: left;
	}

} /*@media all and (min-width:600px) and (max-width:767px)*/

@media all and (min-width:481px) and (max-width:600px) {

	.line {
		width: 100%;
		padding: 0 10px;
	}
	.half,
	.oneThird,
	.twoThird {
		width: 100%;
	}
	.oneFourth,
	.oneFifth,
	.oneSixth {
		width: 50%;
	}
	.oneFifth:nth-child(5) {
		width: 100%;
	}


	.half:last-child,
	.oneThird:last-child,
	.twoThird:last-child,
	.oneFourth:last-child,
	.oneFifth:last-child,
	.oneSixth:last-child {
		float: left;
	}

} /*@media all and (min-width:481px) and (max-width:599px)*/

@media all and (min-width:321px) and (max-width:480px) {

	.line {
		width: 100%;
		padding: 0 10px;
	}
	.half,
	.oneThird,
	.oneFourth,
	.twoThird,
	.oneFifth,
	.oneSixth {
		width: 100%;
	}

	.half:last-child,
	.oneThird:last-child,
	.twoThird:last-child,
	.oneFourth:last-child,
	.oneFifth:last-child,
	.oneSixth:last-child {
		float: left;
	}

} /*@media all and (min-width:321px) and (max-width:480px)*/

@media all and (max-width:320px) {

	.line {
		width: 100%;
		padding: 0 10px;
	}
	.half,
	.oneThird,
	.twoThird,
	.oneFourth,
	.oneFifth,
	.oneSixth {
		width: 100%;
	}


	.half:last-child,
	.oneThird:last-child,
	.twoThird:last-child,
	.oneFourth:last-child,
	.oneFifth:last-child,
	.oneSixth:last-child {
		float: left;
	}

} /*@media all and (max-width:320px)*/

/*====================================
	CSS Grid v.1
	-------------------
	Developed by Maiorov Maksim
	m.maiorov@gmail.com
	2014 | Kaliningrad, Russia

=====================================*/
/* End */



/* Start:/bitrix/templates/.default/css/slimmenu.css*/
.menu-collapser {
    position: relative;
    background:#000;
    color: #a6abaf;
    text-shadow: 0 1px 0 rgba(0,0,0,0.5);
    width: 100%;
    height: 100%;
    padding: 0;
}
.collapse-button {
    position: absolute;
    right: 5%;
    top: 50%;
    width: 50px;
    height: 32px;
    padding: 4px 15px;
    cursor: pointer;
    font-size: 14px;
    text-align: center;
    border: 1px solid #fff;
    border-radius: 4px;
    transform: translate(0, -50%);
    box-sizing: border-box;
}
.collapse-button:hover, .collapse-button:focus {
    color: #a6abaf;
}
.collapse-button .icon-bar {
    display: block;
    height: 2px;
    width: 100%;
    margin: 4px 0;
    background: #fff;
}

.navigation .nav li .sub-collapser {
    display: none;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    padding-right: 25px;
    text-align: right;
    z-index: 999;
    cursor: pointer;
}
.navigation .nav li .sub-collapser::before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}
.navigation .nav li .sub-collapser > i {
    width: 20px;
    height: 28px;
    display: inline-block;
    background: url('/bitrix/templates/.default/css/../images/etc/sprite.png') -70px -43px no-repeat;
    vertical-align: middle;
    transform: rotate(90deg);
    transition: all .4s ease-in-out;
}
.navigation .nav li .sub-collapser.expanded > i {
    transform: rotate(270deg);
    transition: all .4s ease-in-out;
}
.navigation .nav.collapsed {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    max-height: 300px;
    padding: 0;
    background: #fff;
    z-index: 9999;
    overflow: auto;
    border-bottom: 2px solid #000;
}

.navigation .nav.collapsed li {
    display: block;
    width: 100%;
    height: auto;
    color: #000;
    border-bottom: 1px solid #f5f5f5;
}
.navigation .nav.collapsed li .level_nd {
    border: 0;
}
.navigation .nav.collapsed li a {
    display: block;
    width: 100%;
    height: auto;
    padding: 7px 0 7px 20px;
    font-size: 1em;
    text-align: left;
    text-decoration: none;
    line-height: 26px;
    border-bottom: 0;
}
.navigation .nav.collapsed li a:hover {
    text-decoration: none;
}
.navigation .nav.collapsed > li .sub-collapser {
    height: 40px;
}
.navigation .nav.collapsed li ul.list li {
    margin: 0;
    border: 0;
}
.navigation .nav.collapsed li ul.list li a {
    padding: 5px 0 5px 45px;
}
/* End */



/* Start:/bitrix/templates/.default/css/animate.css*/
@charset "UTF-8";

/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license - http://opensource.org/licenses/MIT

Copyright (c) 2015 Daniel Eden
*/

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

.animated.bounceIn,
.animated.bounceOut {
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
}

.animated.flipOutX,
.animated.flipOutY {
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
}

@-webkit-keyframes bounce {
  0%, 20%, 53%, 80%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }

  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0,-4px,0);
    transform: translate3d(0,-4px,0);
  }
}

@keyframes bounce {
  0%, 20%, 53%, 80%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }

  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0,-4px,0);
    transform: translate3d(0,-4px,0);
  }
}

.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}

@-webkit-keyframes flash {
  0%, 50%, 100% {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

@keyframes flash {
  0%, 50%, 100% {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

.flash {
  -webkit-animation-name: flash;
  animation-name: flash;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes pulse {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}

@-webkit-keyframes rubberBand {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(.95, 1.05, 1);
    transform: scale3d(.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, .95, 1);
    transform: scale3d(1.05, .95, 1);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes rubberBand {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(.95, 1.05, 1);
    transform: scale3d(.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, .95, 1);
    transform: scale3d(1.05, .95, 1);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand;
}

@-webkit-keyframes shake {
  0%, 100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}

@keyframes shake {
  0%, 100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}

.shake {
  -webkit-animation-name: shake;
  animation-name: shake;
}

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  100% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  100% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

.swing {
  -webkit-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}

@-webkit-keyframes tada {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%, 20% {
    -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes tada {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%, 20% {
    -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes wobble {
  0% {
    -webkit-transform: none;
    transform: none;
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  100% {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes wobble {
  0% {
    -webkit-transform: none;
    transform: none;
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  100% {
    -webkit-transform: none;
    transform: none;
  }
}

.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble;
}

@-webkit-keyframes jello {
  11.1% {
    -webkit-transform: none;
            transform: none
  }

  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
            transform: skewX(-12.5deg) skewY(-12.5deg)
  }
  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
            transform: skewX(6.25deg) skewY(6.25deg)
  }
  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
            transform: skewX(-3.125deg) skewY(-3.125deg)
  }
  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
            transform: skewX(1.5625deg) skewY(1.5625deg)
  }
  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
            transform: skewX(-0.78125deg) skewY(-0.78125deg)
  }
  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
            transform: skewX(0.390625deg) skewY(0.390625deg)
  }
  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
            transform: skewX(-0.1953125deg) skewY(-0.1953125deg)
  }
  100% {
    -webkit-transform: none;
            transform: none
  }
}

@keyframes jello {
  11.1% {
    -webkit-transform: none;
            transform: none
  }

  22.2% {

    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
            transform: skewX(-12.5deg) skewY(-12.5deg)
  }
  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
            transform: skewX(6.25deg) skewY(6.25deg)
  }
  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
            transform: skewX(-3.125deg) skewY(-3.125deg)
  }
  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
            transform: skewX(1.5625deg) skewY(1.5625deg)
  }
  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
            transform: skewX(-0.78125deg) skewY(-0.78125deg)
  }
  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
            transform: skewX(0.390625deg) skewY(0.390625deg)
  }
  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
            transform: skewX(-0.1953125deg) skewY(-0.1953125deg)
  }
  100% {
    -webkit-transform: none;
            transform: none
  }
}



.jello{
    -webkit-animation-name:jello;
            animation-name:jello;
    -webkit-transform-origin: center;

            transform-origin: center
}

@-webkit-keyframes bounceIn {
  0%, 20%, 40%, 60%, 80%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(.97, .97, .97);
    transform: scale3d(.97, .97, .97);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes bounceIn {
  0%, 20%, 40%, 60%, 80%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(.97, .97, .97);
    transform: scale3d(.97, .97, .97);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.bounceIn {
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}

@-webkit-keyframes bounceInDown {
  0%, 60%, 75%, 90%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }

  100% {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes bounceInDown {
  0%, 60%, 75%, 90%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }

  100% {
    -webkit-transform: none;
    transform: none;
  }
}

.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
  0%, 60%, 75%, 90%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }

  100% {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes bounceInLeft {
  0%, 60%, 75%, 90%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }

  100% {
    -webkit-transform: none;
    transform: none;
  }
}

.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
  0%, 60%, 75%, 90%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }

  100% {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes bounceInRight {
  0%, 60%, 75%, 90%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }

  100% {
    -webkit-transform: none;
    transform: none;
  }
}

.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}

@-webkit-keyframes bounceInUp {
  0%, 60%, 75%, 90%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInUp {
  0%, 60%, 75%, 90%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}

@-webkit-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }
}

@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }
}

.bounceOut {
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
}

@-webkit-keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

@keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}

@-webkit-keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
}

@-webkit-keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

@keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight;
}

@-webkit-keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

@keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes fadeOutDown {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

@keyframes fadeOutDown {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutDownBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

@keyframes fadeOutDownBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
}

@-webkit-keyframes fadeOutLeft {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes fadeOutLeft {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

@keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig;
}

@-webkit-keyframes fadeOutRight {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

@keyframes fadeOutRight {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutRightBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

@keyframes fadeOutRightBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig;
}

@-webkit-keyframes fadeOutUp {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

@keyframes fadeOutUp {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOutUpBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

@keyframes fadeOutUpBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
}

@-webkit-keyframes flip {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
    transform: perspective(400px) scale3d(.95, .95, .95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

@keyframes flip {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
    transform: perspective(400px) scale3d(.95, .95, .95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

.animated.flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
}

@-webkit-keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

.flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}

@-webkit-keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

.flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}

@-webkit-keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

@keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

.flipOutX {
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

@keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

.flipOutY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
}

@-webkit-keyframes lightSpeedIn {
  0% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes lightSpeedIn {
  0% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedOut {
  0% {
    opacity: 1;
  }

  100% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}

@keyframes lightSpeedOut {
  0% {
    opacity: 1;
  }

  100% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}

.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}

@-webkit-keyframes rotateIn {
  0% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateIn {
  0% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
}

@-webkit-keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
}

@-webkit-keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
}

@-webkit-keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
}

@-webkit-keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
}

@-webkit-keyframes rotateOut {
  0% {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}

@keyframes rotateOut {
  0% {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}

.rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut;
}

@-webkit-keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}

.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
}

@-webkit-keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
}

@-webkit-keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
}

@-webkit-keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}

.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
}

@-webkit-keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%, 60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  100% {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}

@keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%, 60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  100% {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}

.hinge {
  -webkit-animation-name: hinge;
  animation-name: hinge;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}

@keyframes rollOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}

.rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut;
}

@-webkit-keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

@keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}

@-webkit-keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown;
}

@-webkit-keyframes zoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInLeft {
  -webkit-animation-name: zoomInLeft;
  animation-name: zoomInLeft;
}

@-webkit-keyframes zoomInRight {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInRight {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInRight {
  -webkit-animation-name: zoomInRight;
  animation-name: zoomInRight;
}

@-webkit-keyframes zoomInUp {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInUp {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp;
}

@-webkit-keyframes zoomOut {
  0% {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  100% {
    opacity: 0;
  }
}

@keyframes zoomOut {
  0% {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  100% {
    opacity: 0;
  }
}

.zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut;
}

@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomOutDown {
  -webkit-animation-name: zoomOutDown;
  animation-name: zoomOutDown;
}

@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
    transform: scale(.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}

@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
    transform: scale(.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}

.zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
  animation-name: zoomOutLeft;
}

@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
    transform: scale(.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}

@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
    transform: scale(.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}

.zoomOutRight {
  -webkit-animation-name: zoomOutRight;
  animation-name: zoomOutRight;
}

@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomOutUp {
  -webkit-animation-name: zoomOutUp;
  animation-name: zoomOutUp;
}

@-webkit-keyframes slideInDown {
  0% {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInDown {
  0% {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}

@-webkit-keyframes slideInLeft {
  0% {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInLeft {
  0% {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
  0% {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInRight {
  0% {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}

@-webkit-keyframes slideInUp {
  0% {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInUp {
  0% {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
}

@-webkit-keyframes slideOutDown {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

@keyframes slideOutDown {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

.slideOutDown {
  -webkit-animation-name: slideOutDown;
  animation-name: slideOutDown;
}

@-webkit-keyframes slideOutLeft {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes slideOutLeft {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft;
}

@-webkit-keyframes slideOutRight {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

@keyframes slideOutRight {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

.slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight;
}

@-webkit-keyframes slideOutUp {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

@keyframes slideOutUp {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

.slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp;
}

/* End */



/* Start:/bitrix/templates/.default/css/common_styles.css*/
/*====================================
	CSS
	-------------------
	Developed by Maiorov Maksim
	m.maiorov@gmail.com / mm@fdev.name
	2015 | Kaliningrad, Russia

=====================================*/

/************ FONTS ************/

/*@import url(https://fonts.googleapis.com/css?family=PT+Sans&subset=latin,cyrillic);*/
/*font-family: 'PT Sans', sans-serif;*/

/*@font-face {
    font-family: 'pt';
    src: url('/bitrix/templates/.default/css/../fonts/ptsans.ttf') format('truetype');
    font-weight: normal;
}*/
/*@font-face {
	font-family: 'bel';
	src: url('/bitrix/templates/.default/css/../fonts/bel.ttf') format('truetype');
	font-weight: normal;
}*/
/*@font-face {
	font-family: 'helvetica_l';
	font-style: normal;
	font-weight: normal;
	src: local('../fonts/helveticaneue/HelveticaNeueCyr-Light'), url('/bitrix/templates/.default/css/../fonts/helveticaneue/HelveticaNeueCyr-Light.woff') format('woff');
}
@font-face {
	font-family: 'helvetica_r';
	font-style: normal;
	font-weight: normal;
	src: local('../fonts/helveticaneue/HelveticaNeueCyr-Roman'), url('/bitrix/templates/.default/css/../fonts/helveticaneue/HelveticaNeueCyr-Roman.woff') format('woff');
}
@font-face {
	font-family: 'helvetica_ul';
	font-style: normal;
	font-weight: normal;
	src: local('../fonts/helveticaneue/HelveticaNeueCyr-UltraLight'), url('/bitrix/templates/.default/css/../fonts/helveticaneue/HelveticaNeueCyr-UltraLight.woff') format('woff');
}*/

/************ /FONTS ************/


/****************** COMMON STYLES ******************/

* {
	box-sizing: border-box;
	-webkit-font-smoothing: antialiased;
	outline: none;
}

a {
	color: #1a1a1a;
}

html,
body {
	width: 100%;
	height: 100%;
	min-width: 320px;
	margin: 0 auto;
}
body {
	font-size: 16px;
	font-family: 'Inter', 'helvetica_l', sans-serif;
	line-height: 1.4;
}
body.overflow {
	overflow: hidden;
}

.fix::before,
.fix::after {
	content: '';
	display: block;
	height: 0;
	visibility: hidden;
	line-height: 0;
	clear: both;
}
/*
	Set font selection according to the site theme
*/
*::selection {
	background: #000;
	color: #fff;
}
*::-moz-selection {
	background: #000;
	color: #fff;
}

/*
	Add h6 after section/article in order not to have any warnings while markup validation
*/
.hide,
h6.none {
	display: none!important;
}
.vis_hidden {
    visibility: hidden;
}

h1,
h2,
h3,
h4,
h5 {
	display: block;
	margin-top: 0;
	color: #000;
	font-weight: normal;
}
.align_l {
	text-align: left;
}
.align_c {
	text-align: center;
}
.align_r {
	text-align: right;
}

.bold {
	font-weight: bold;
}
.upp {
	text-transform: uppercase;
}
.block {
	display: block;
}
.iblock {
	display: inline-block;
}
.table {
	display: table;
}
.tr {
	display: table-row;
}
.td {
	display: table-cell;
}
.noselect {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
}
.float_r {
	float: right;
}
.float_f {
	float: left;
}
img {
	border: 0;
}
img.pic {
	display: block;
	max-width: 100%;
	height: auto;
}
.ico {
	display: inline-block;
	background: url('/bitrix/templates/.default/css/../images/etc/sprite.png') no-repeat;
}
.units_wrap,
.items_wrap {
	width: 100%;
}

section.full {
	width: 100%;
}

a.scrollTop {
	position: fixed;
	bottom: 30px;
	right: 30px;
	display: block;
	width: 52px;
	height: 50px;
	padding: 10px;
	background: #000;
	border-radius: 2px;
	opacity: 0;
	z-index: 1000;

	transform: scale(0);
	transition: all .3s ease-in-out;
}
a.scrollTop span.ico {
	width: 33px;
	height: 30px;
	vertical-align: middle;
}
a.scrollTop span.ico.top {
	background-position: -114px -72px;
}

a.scrollTop.visible {
	opacity: 1;
	transform: scale(1);
	transition: all .3s ease-in-out;
}


/*span.currency {
  	font-family: 'pt', sans-serif;
}

span.bel_rub {
	font-family: 'bel';
}*/

#added2cart {
	position: relative;
	/*top: 50%!important;*/
	left: 50%!important;
	display: none;
	width: 450px;
	padding: 20px;
	background: #fff;
	color: #000;
	font-size: 1em;
	text-align: center;
	transform: translateX(-50%);
}
#added2cart span.close,
.popup_default span.close {
	position: absolute;
	top: 10px;
	right: 10px;
	display: block;
	width: 26px;
	height: 26px;
	background: url('/bitrix/templates/.default/css/../images/etc/sprite.png') -103px -287px no-repeat;
	cursor: pointer;
}
#added2cart p.message {
	margin: 25px 0 35px;
}
#added2cart .ctrls,
.popup_default .ctrls {
	width: 100%;
	margin-top: 20px;
}
#added2cart .ctrls a,
.popup_default .ctrls a {
	display: inline-block;
	height: 30px;
	padding: 0 20px;
	color: #ccc;
	font-size: .85em;
	text-decoration: none;
	line-height: 32px;
	background: #000;
}
#added2cart .ctrls a:first-of-type,
.popup_default .ctrls a:first-of-type {
	float: left;
}
#added2cart .ctrls a:last-of-type,
.popup_default .ctrls a:last-of-type {
	float: right;
}

/*** labels on main page and recommended goods ***/

.goods article.item .icos,
.recommended article.item .icos {
    position: absolute;
    top: 50px;
    right: 0;
    width: 50px;
    z-index: 26;
}
.goods article.item .icos span.ico,
.recommended article.item .icos span.ico {
    width: 50px;
    height: 22px;
    margin-bottom: 2px;
}
.goods article.item .icos span.ico:last-child,
.recommended article.item .icos span.ico:last-child {
    margin-bottom: 0;
}
.goods article.item .icos span.ico.sale,
.recommended article.item .icos span.ico.sale {
    background-position: 0 -159px;
}
.goods article.item .icos span.ico.salered,
.recommended article.item .icos span.ico.salered {
    background-position: -97px -317px;
}
.goods article.item .icos span.ico.dscntred,
.recommended article.item .icos span.ico.dscntred {
    background-position: 0 -210px;
}
.goods article.item .icos span.ico.dscntblue,
.recommended article.item .icos span.ico.dscntblue {
    background-position: 0 -184px;
}
.goods article.item .icos span.ico.new,
.recommended article.item .icos span.ico.new {
    background-position: -42px -323px;
}

/*** /labels on main page and recommended goods ***/

/*** value for links ***/

.goods article.item .title a span.value,
article.catalog_unit .title a span.value,
.recommended article.item .title a span.value {
	display: inline-block;
    width: 100%;
    max-height: 50px;
    overflow: hidden;
}

/*** /value for links ***/

/****************** /COMMON STYLES ******************/



/************** HEADER STYLES **************/

header.header {
	top: 0;
	left: 0;
	width: 100%;
	height: 52px;
	background: #000;
	z-index: 990;
}
header.header .container,
header.header .container .line {
	height: 100%;
}
header.header .table,
header.header .tr,
header.header .td {
	vertical-align: middle;
}
header.header .table {
	height: 100%;
}
header.header .logotype {
	float: left;
	width: 150px;
	height: 100%;
}
.sticky-wrapper {
	height: 0!important;
}
.sticky-wrapper.is-sticky {
	height: 52px!important
}

.controls {
	float: right;
	width: 285px;
	height: 100%;
	overflow: hidden;
}
.controls .search {
	position: relative;
	float: left;
	width: 150px;
	height: 35px;
	transition: all .3s ease-in-out;
}
.controls .search.full {
	width: 285px;
	transition: all .3s ease-in-out .1s;
}
.controls .search input[type="text"] {
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	width: 100%;
	height: 100%;
	padding: 0 5px 0 40px;
	color: #fff;
	font-size: .9em;
	background: #000;
	border: 0;
	border-radius: 1px;
	z-index: 1;
	transition: all .3s ease-in-out;
}
.controls .search input[type="submit"],
.controls .search span.zoom {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 29px;
	height: 100%;
	background: transparent url('/bitrix/templates/.default/css/../images/etc/sprite.png') 3px -29px no-repeat;
	border: 0;
	z-index: 2;
}
.controls .search span.zoom {
	cursor: pointer;
	transition: background-color .3s ease-in-out;
}
.controls .search.full input[type="text"],
.controls .search input[type="text"]:focus {
	background: #fff;
	color: #000;
	transition: all .2s ease-in-out;
}
.controls .search input[type="text"]:focus,
.controls .search input[type="submit"]:focus {
	outline: 0;
}
.controls .search.full span.zoom {
	background-position: -67px -286px;
	transition: background-color .3s ease-in-out .1s;
}
.controls .item {
	position: relative;
	float: left;
	width: 40px;
	height: 35px;
	margin-right: 5px;
	overflow: hidden;
	transform: scale(1);
	transition: all .1s ease-in-out .3s;
}
.controls .item.none {
	height: 0;
	transform: scale(0);
	transition: all .1s ease-in-out;
}
.controls .item a {
	height: 100%;
	text-decoration: none;
}
.controls .item .ico {
	width: 100%;
	height: 100%;
	transition: opacity .2s ease-in-out;
}
.controls .item .ico.heart {
	background-position: -42px 2px;
}
.controls .item .ico.cog {
	background-position: -76px -1px;
}
.controls .item .ico.cart {
	background-position: -112px -1px;
}
.controls .item .ico:hover {
	opacity: .7;
	transition: opacity .2s ease-in-out;
}
.controls .item .total {
	position: absolute;
	bottom: 6px;
	right: 0;
	display: inline-block;
	width: auto;
	min-width: 15px;
	min-height: 15px;
	padding: 3px;
	background: #ff1d25;
	border-radius: 50%;
	text-align: center;
	z-index: 20;
}
.controls .item .total span.value {
	display: block;
	color: #fff;
	font-size: 10px;
	vertical-align: middle;
}
.controls .search a.search_but {
	display: none;
	text-decoration: none;
}
.controls .search a.search_but span.ico {
	width: 29px;
	height: 35px;
}
.controls .search a.search_but span.ico.zOoM {
	background-position: 3px -28px;
}

nav.navigation {
	float: left;
	width: calc(100% - 540px);
	height: 100%;
	margin: 0 0 0 80px;
}
nav.navigation .table {
	width: 100%;
}
.navigation .nav {
	width: 100%;
	margin: 0 auto;
	padding: 0;
	list-style: none;
	text-align: center;
	vertical-align: middle;
}
.navigation .nav li {
	display: inline-block;
	color: #fff;
	font-size: 1em;
}
.navigation .nav li:last-child {
	margin-right: 0
}
.navigation .nav li > a,
.navigation .nav li > .active_link {
	font-size: inherit;
	color: inherit;
	text-decoration: none;
	transition: opacity .2s ease-in-out;
}
.navigation .nav li > a.selected,
.navigation .nav li > a:hover {
	opacity: .7;
	transition: opacity .2s ease-in-out;
}
.navigation .nav.top .level_nd {
	top: auto;
	bottom: 52px;
}
.navigation .nav .level_nd {
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	max-height: 0;
	text-align: left;
	background: rgba(255,255,255,0.9);
	border-bottom: 1px solid #b3b3b3;
	opacity: 0;
	overflow: hidden;
	transition: all .4s ease-in-out;
}
.navigation .nav.top .level_nd.uncollapsed,
.navigation .nav .level_nd.uncollapsed {
	max-height: 500px;
	opacity: 1;
	transition: all .4s ease-in-out;
}
.level_nd .category {
	display: inline-block;
	width: 140px;
	margin-right: 2px;
	padding: 25px 0;
	vertical-align: top;
}
.level_nd .category:last-child {
	width: auto;
	margin-right: 0;
}
.level_nd .category .title {
	position: relative;
	width: 100%;
	margin-bottom: 15px;
	color: #000;
	font-size: 1em;
}
.level_nd .category .title a,
.level_nd .category .title .active_link {
	position: relative;
	color: inherit;
	font-size: inherit;
	text-decoration: none;
	font-size: small;
}
.level_nd .category .title a:hover span.value {
	text-decoration: underline;
}
.level_nd .category .title span.value {
	display: block;
	width: 100%;
	white-space: nowrap;
}
.level_nd .category .title .trigger {
	position: absolute;
	top: 0;
	left: 0;
	display: none;
	width: 100%;
	height: 30px;
	padding-right: 30px;
	padding-top: 5px;
	text-align: right;
	background: transparent;
	z-index: 10;
}
.level_nd .category .title .trigger span.ico {
	width: 10px;
	height: 20px;
}
.level_nd .category .title .trigger span.ico.arr {
	background-position: -76px -47px;
	transform: rotate(90deg);
	transition: transform .4s ease-in-out;
}
.level_nd .category .title.active .trigger span.ico.arr {
	transform: rotate(270deg);
	transition: transform .4s ease-in-out;
}
.level_nd .category ul.list {
	width: 100%;
	margin: 0;
	padding: 0;
	list-style: none;
}
.level_nd .category ul.list li {
	display: block;
	width: 100%;
	color: #000;
	margin-bottom: 10px;
	font-size: 13px;
	text-transform: none;
}
.level_nd .category ul.list li:last-child {
	margin: 0;
}
.level_nd .category ul.list li a,
.level_nd .category ul.list li .active_link {
	color: inherit;
	font-size: inherit;
	text-decoration: none;
}
.level_nd .category ul.list li a:hover {
	text-decoration: underline;
}


/************** /HEADER STYLES **************/

/************** WORKAREA STYLES **************/

section.workArea {
	width: 100%;
	height: 100%;
	position: relative;
}

section.workArea .alert {
	display: inline-block;
	width: auto;
	min-width: 360px;
	margin: 10px 0;
	padding: 15px;
	color: #000;
	font-size: 1em;
	text-align: left;
}
section.workArea .alert.success {
	background: #fffebb;
}
section.workArea .alert.fail {
	background: #ff4444;
}
section.workArea .alert span.value,
section.workArea .alert span.close {
	display: inline-block;
	vertical-align: middle;
}
section.workArea .alert span.value {
	width: calc(100% - 35px);
	padding-right: 10px;
	line-height: 18px;
}
section.workArea .alert span.value a {
	color: inherit;
	font-size: inherit;
	text-decoration: underline;
}
section.workArea .alert span.value a:hover {
	text-decoration: none;
}
section.workArea .alert span.close {
	width: 28px;
	height: 28px;
	border-radius: 50%;
	cursor: pointer;
	background: url('/bitrix/templates/.default/css/../images/etc/sprite.png') -31px -285px no-repeat;
}


/************** /WORKAREA STYLES **************/

/************** FOOTER STYLES **************/

/*** old footer styles ***/

footer.footer {
	height: 45px;
	background: #fff;
	border-top: 1px solid #b3b3b3;
}
footer.footer .container,
footer.footer .container .line {
	height: 100%;
}
footer.footer .table {
	width: 100%;
	height: 100%;
	vertical-align: middle;
}
footer.footer .table .td {
	width: 100%;
	vertical-align: middle;
}
footer.footer .copyright {
	float: left;
	display: inline-block;
	color: #4d4d4d;
	font-size: .9em;
}
footer.footer .copyright a {
	color: inherit;
	font-size: inherit;
	text-decoration: underline;
}
footer.footer .copyright a:hover {
	text-decoration: none;
}
footer.footer .addons {
	position: relative;
	float: right;
	display: inline-block;
	color: #4d4d4d;
	font-size: .9em;
	z-index: 500;
}
footer.footer .addons a {
	color: inherit;
	font-size: inherit;
	text-decoration: none;
}
footer.footer .addons span.ico {
	width: 22px;
	height: 20px;
	margin-right: 5px;
	vertical-align: middle;
}
footer.footer .addons span.ico.addon {
	background-position: -77px -76px;
}
footer.footer .addons span.value {
	vertical-align: middle;
}

footer.footer .addonsContainer {
	display: none;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 20px 0;
	background: #fff;
	border-top: 1px solid #b3b3b3;
	z-index: 11;

	transform: translateY(-46px);
}
footer.footer nav.footerNav,
footer.footer .subscription {
	display: inline-block;
	width: 400px;
	text-align: left;
	vertical-align: top;
}
footer.footer nav.footerNav {
	margin-right: 35px;
}
footer.footer .subscription {
	margin-left: 35px;
}
nav.footerNav ul.fooNav {
	width: 100%;
	margin: 0;
	padding: 0;
	list-style: none;
}
nav.footerNav ul.fooNav li {
	display: inline-block;
	width: calc(50% - 5px);
	margin-bottom: 10px;
	color: #000;
	font-size: .9em;
	vertical-align: top;
}
nav.footerNav ul.fooNav li:last-child,
nav.footerNav ul.fooNav li:nth-last-child(2) {
	margin-bottom: 0;
}
nav.footerNav ul.fooNav li a {
	color: inherit;
	font-size: inherit;
	text-decoration: none;
}
nav.footerNav ul.fooNav li a:hover {
	text-decoration: underline;
}

footer.footer .subscription h3 {
	margin-bottom: 10px;
	font-size: 1.3em;
}
footer.footer .subscription .unit {
	width: 100%;
}
footer.footer .subscription .unit span.label {
	height: 20px;
	font-size: .85em;
}
footer.footer .subscription input[type="text"],
footer.footer .subscription input[type="email"] {
	display: inline-block;
	width: calc(100% - 145px);
	height: 42px;
	padding: 0 10px 0 20px;
	font-size: 1em;
	color: #000;
	line-height: 42px;
	background: #fff;
	border: 1px solid #ccc;
	outline: 0;
	vertical-align: middle;
	border-radius: 0;
	transition: all .2s ease-in-out;
}
footer.footer .subscription input[type="text"]:focus,
footer.footer .subscription input[type="email"]:focus {
	border-color: #000;
	transition: all .2s ease-in-out;
}

footer.footer .subscription input[type="submit"] {
	display: inline-block;
	vertical-align: middle;
	width: 135px;
	height: 42px;
	margin-left: 5px;
	padding: 0 10px;
	color: #fff;
	font-size: 1em;
	text-align: center;
	background: #000;
	border: 0;
	outline: 0;
	line-height: 42px;
	border-radius: 0;
}

/*** new footer styles ***/

#footer {
	padding-top: 15px;
	color: #4d4d4d;
	background: #fff;
}
#footer .data_bar {
	color: inherit;
	font-size: .8rem;
}
#footer .data_bar .copyright,
#footer .data_bar .schedule,
#footer .data_bar .schedule .icon,
#footer .data_bar .schedule div.value {
	display: inline-block;
	vertical-align: middle;
}
#footer .data_bar .copyright {
	width: 585px;
	text-transform: uppercase;
}
#footer .data_bar .schedule {
	width: 640px;
}
#footer .data_bar a {
	color: inherit;
	font-size: inherit;
	text-decoration: none;
}
#footer .data_bar a:hover {
	text-decoration: underline;
}
#footer .details_bar {
	margin-top: 25px;
}
#footer .details_bar .details_wrp {
	float: left;
	width: 585px;
}
#footer .details_bar .subscription_wrp {
	float: right;
	width: 640px;
}
#footer .details_bar .payment_systems {
	margin-bottom: 20px;
}
#footer .details_bar .company_details {
	padding-right: 70px;
	font-size: .8rem
}
#footer .details_bar .company_details span.value {
	display: block;
}
#footer .details_bar .company_details a {
	color: inherit;
	font-size: inherit;
	text-decoration: none;
}
#footer .details_bar .company_details a:hover {
	text-decoration: underline;
}
#footer .details_bar .subscription_wrp .footer_navi,
#footer .details_bar .subscription_wrp .subscription {
	display: inline-block;
	vertical-align: top;
}
#footer .details_bar .subscription_wrp .footer_navi {
	width: calc(100% - 405px);
	font-size: .8rem;
}
#footer .details_bar .subscription_wrp .footer_navi .item {
	margin-bottom: 10px;
}
#footer .details_bar .subscription_wrp .footer_navi .item:last-of-type {
	margin-bottom: 0;
}
#footer .details_bar .subscription_wrp .footer_navi .item a {
	color: inherit;
	font-size: inherit;
	text-decoration: none;
}
#footer .details_bar .subscription_wrp .footer_navi .item a:hover {
	text-decoration: underline;
}
#footer .details_bar .subscription_wrp .subscription {
	width: 400px;
}
#footer .details_bar .subscription_wrp .subscription .title {
	margin-bottom: 10px;
	font-size: 1.3em;
}
#footer .details_bar .subscription_wrp .subscription .unit {
	width: 100%;
}
#footer .details_bar .subscription_wrp .subscription span.label {
	display: block;
	margin-bottom: 5px;
	font-size: .8rem;
}
#footer .details_bar .subscription_wrp .subscription input[type="email"],
#footer .details_bar .subscription_wrp .subscription input[type="text"] {
	display: inline-block;
	width: calc(100% - 145px);
	height: 42px;
	padding: 0 10px 0 20px;
	font-size: 1em;
	color: #000;
	line-height: 42px;
	background: #fff;
	border: 1px solid #ccc;
	outline: 0;
	vertical-align: middle;
	border-radius: 0;
	transition: all .2s ease-in-out;
}
#footer .details_bar .subscription_wrp .subscription input[type="email"]:focus,
#footer .details_bar .subscription_wrp .subscription input[type="text"]:focus {
	border-color: #000;
	transition: all .2s ease-in-out;
}
#footer .details_bar .subscription_wrp .subscription input[type="submit"] {
	display: inline-block;
	vertical-align: middle;
	width: 135px;
	height: 42px;
	margin-left: 5px;
	padding: 0 10px;
	color: #fff;
	font-size: 1em;
	text-align: center;
	background: #000;
	border: 0;
	outline: 0;
	line-height: 42px;
	border-radius: 0;
}

/************** /FOOTER STYLES **************/

/************** SOCIAL BUTTONS STYLES **************/

main.index .social {
	position: fixed;
	top: auto!important;
	bottom: 100px;
	left: 0;
	width: 37px;
	height: 0;
	z-index: 500;
}
main.index .social.is_stuck {
	height: 0;
}
main.index .social a {
	width: 35px;
	height: 31px;
	margin-bottom: 10px;
	text-decoration: none;
	background: #000;
	text-align: right;
	transform: translateX(-5px);
	transition: transform .2s ease-in-out;
}
main.index .social a:hover {
	transform: translateX(0);
	transition: transform .2s ease-in-out;
}
main.index .social a:last-child {
	margin-bottom: 0;
}
main.index .social a span.ico {
	width: 32px;
	height: 31px;
}
main.index .social a span.ico.fb {
	background-position: 0 -112px;
}
main.index .social a span.ico.vk {
	background-position: -33px -112px;
}
main.index .social a span.ico.tw {
	background-position: -66px -112px;
}
main.index .social a span.ico.utube {
	background-position: -99px -112px;
}
main.index .social a span.ico.inst {
	background-position: -132px -112px;
}
main.index .social a span.ico.tiktok {
	background-position: -163px -112px;
}


/************** /SOCIAL BUTTONS STYLES **************/

/************** LOCATION STYLES **************/

.b-modal {
    min-height: 100%;
}
#location {
	display: none;
	position: absolute;
	left: 0!important;
	top: 0;
	width: 100%;
	height: auto;
	padding: 90px 0;
	color: #fff;
	z-index: 5;
	background: #000000d6;
}

#location .closeWrap {
position: absolute;
right: 30px;
top: 30px;
width: 30px;
height: 30px;
}
#location .closeWrap  span.b-close {
display: block;
width: 100%;
height: 100%;
color: #222;
font-size: 1.4em;
text-align: center;
line-height: 26px;
background: url('/bitrix/templates/.default/css/../images/etc/sprite.png') -52px -192px no-repeat;
}
#location .closeWrap  span.b-close:hover {
cursor: pointer;
}
#location .table {
width: 100%;
height: 100%;
}
#location .table .td {
width: 80%;
vertical-align: middle;
	padding-left: 15px;
}
#location .wrapper {
margin: 0 auto;
width: 800px;
}
#location .wrapper h2 {
margin-bottom: 30px;
padding-bottom: 20px;
color: #fff;
font-size: 2em;
border-bottom: 1px solid #fff;
}
#location ul.locationsList {
width: 100%;
margin: 0;
padding: 0;
color: #fff;
list-style: none;
-webkit-column-count: 3;
-moz-column-count: 3;
column-count: 3;
}
#location ul.locationsList li {
width: 100%;
color: inherit;
font-size: 1.1em;
}
#location ul.locationsList li a {
display: inline-block;
margin-bottom: 30px;
color: rgba(255,255,255,0.7);
font-size: inherit;
text-decoration: none;
transition: all .2s ease-in-out;
}
#location ul.locationsList li a:hover {
color: rgba(255,255,255,1);
transition: all .2s ease-in-out;
}

/************** /LOCATION STYLES **************/

/* temp hide */
.share {
    display: none!important;
}

.orange {
	color: #f15a24;
}
/*** separator ***/
.content_divider {
	width: 100%;
	height: 1px;
	margin: 20px 0;
	background: #b3b3b3;
}
/*====================================
	CSS
	-------------------
	Developed by Maiorov Maksim
	m.maiorov@gmail.com / mm@fdev.name
	2015 | Kaliningrad, Russia

=====================================*/
/* End */



/* Start:/local/css/glyphicon.css*/

/*glyphicon
******************************/
.glyphicon-asterisk:before{content:"\2a";}
.glyphicon-plus:before{content:"\2b";}
.glyphicon-euro:before,
.glyphicon-ur:before{content:"\20ac";}
.glyphicon-minus:before{content:"\2212";}
.glyphicon-cloud:before{content:"\2601";}
.glyphicon-envelope:before{content:"\2709";}
.glyphicon-pencil:before{content:"\270f";}
.glyphicon-glass:before{content:"\e001";}
.glyphicon-music:before{content:"\e002";}
.glyphicon-search:before{content:"\e003";}
.glyphicon-heart:before{content:"\e005";}
.glyphicon-star:before{content:"\e006";}
.glyphicon-star-empty:before{content:"\e007";}
.glyphicon-user:before{content:"\e008";}
.glyphicon-film:before{content:"\e009";}
.glyphicon-th-large:before{content:"\e010";}
.glyphicon-th:before{content:"\e011";}
.glyphicon-th-list:before{content:"\e012";}
.glyphicon-ok:before{content:"\e013";}
.glyphicon-remove:before{content:"\e014";}
.glyphicon-zoom-in:before{content:"\e015";}
.glyphicon-zoom-out:before{content:"\e016";}
.glyphicon-off:before{content:"\e017";}
.glyphicon-signal:before{content:"\e018";}
.glyphicon-cog:before{content:"\e019";}
.glyphicon-trash:before{content:"\e020";}
.glyphicon-home:before{content:"\e021";}
.glyphicon-file:before{content:"\e022";}
.glyphicon-time:before{content:"\e023";}
.glyphicon-road:before{content:"\e024";}
.glyphicon-download-alt:before{content:"\e025";}
.glyphicon-download:before{content:"\e026";}
.glyphicon-upload:before{content:"\e027";}
.glyphicon-inbox:before{content:"\e028";}
.glyphicon-play-circle:before{content:"\e029";}
.glyphicon-repeat:before{content:"\e030";}
.glyphicon-refresh:before{content:"\e031";}
.glyphicon-list-alt:before{content:"\e032";}
.glyphicon-lock:before{content:"\e033";}
.glyphicon-flag:before{content:"\e034";}
.glyphicon-headphones:before{content:"\e035";}
.glyphicon-volume-off:before{content:"\e036";}
.glyphicon-volume-down:before{content:"\e037";}
.glyphicon-volume-up:before{content:"\e038";}
.glyphicon-qrcode:before{content:"\e039";}
.glyphicon-barcode:before{content:"\e040";}
.glyphicon-tag:before{content:"\e041";}
.glyphicon-tags:before{content:"\e042";}
.glyphicon-book:before{content:"\e043";}
.glyphicon-bookmark:before{content:"\e044";}
.glyphicon-print:before{content:"\e045";}
.glyphicon-camera:before{content:"\e046";}
.glyphicon-font:before{content:"\e047";}
.glyphicon-bold:before{content:"\e048";}
.glyphicon-italic:before{content:"\e049";}
.glyphicon-text-height:before{content:"\e050";}
.glyphicon-text-width:before{content:"\e051";}
.glyphicon-align-left:before{content:"\e052";}
.glyphicon-align-center:before{content:"\e053";}
.glyphicon-align-right:before{content:"\e054";}
.glyphicon-align-justify:before{content:"\e055";}
.glyphicon-list:before{content:"\e056";}
.glyphicon-indent-left:before{content:"\e057";}
.glyphicon-indent-right:before{content:"\e058";}
.glyphicon-facetime-video:before{content:"\e059";}
.glyphicon-picture:before{content:"\e060";}
.glyphicon-map-marker:before{content:"\e062";}
.glyphicon-adjust:before{content:"\e063";}
.glyphicon-tint:before{content:"\e064";}
.glyphicon-edit:before{content:"\e065";}
.glyphicon-share:before{content:"\e066";}
.glyphicon-check:before{content:"\e067";}
.glyphicon-move:before{content:"\e068";}
.glyphicon-step-backward:before{content:"\e069";}
.glyphicon-fast-backward:before{content:"\e070";}
.glyphicon-backward:before{content:"\e071";}
.glyphicon-play:before{content:"\e072";}
.glyphicon-pause:before{content:"\e073";}
.glyphicon-stop:before{content:"\e074";}
.glyphicon-forward:before{content:"\e075";}
.glyphicon-fast-forward:before{content:"\e076";}
.glyphicon-step-forward:before{content:"\e077";}
.glyphicon-eject:before{content:"\e078";}
.glyphicon-chevron-left:before{content:"\e079";}
.glyphicon-chevron-right:before{content:"\e080";}
.glyphicon-plus-sign:before{content:"\e081";}
.glyphicon-minus-sign:before{content:"\e082";}
.glyphicon-remove-sign:before{content:"\e083";}
.glyphicon-ok-sign:before{content:"\e084";}
.glyphicon-question-sign:before{content:"\e085";}
.glyphicon-info-sign:before{content:"\e086";}
.glyphicon-screenshot:before{content:"\e087";}
.glyphicon-remove-circle:before{content:"\e088";}
.glyphicon-ok-circle:before{content:"\e089";}
.glyphicon-ban-circle:before{content:"\e090";}
.glyphicon-arrow-left:before{content:"\e091";}
.glyphicon-arrow-right:before{content:"\e092";}
.glyphicon-arrow-up:before{content:"\e093";}
.glyphicon-arrow-down:before{content:"\e094";}
.glyphicon-share-alt:before{content:"\e095";}
.glyphicon-resize-full:before{content:"\e096";}
.glyphicon-resize-small:before{content:"\e097";}
.glyphicon-exclamation-sign:before{content:"\e101";}
.glyphicon-gift:before{content:"\e102";}
.glyphicon-leaf:before{content:"\e103";}
.glyphicon-fire:before{content:"\e104";}
.glyphicon-eye-open:before{content:"\e105";}
.glyphicon-eye-close:before{content:"\e106";}
.glyphicon-warning-sign:before{content:"\e107";}
.glyphicon-plane:before{content:"\e108";}
.glyphicon-calendar:before{content:"\e109";}
.glyphicon-random:before{content:"\e110";}
.glyphicon-comment:before{content:"\e111";}
.glyphicon-magnet:before{content:"\e112";}
.glyphicon-chevron-up:before{content:"\e113";}
.glyphicon-chevron-down:before{content:"\e114";}
.glyphicon-retweet:before{content:"\e115";}
.glyphicon-shopping-cart:before{content:"\e116";}
.glyphicon-folder-close:before{content:"\e117";}
.glyphicon-folder-open:before{content:"\e118";}
.glyphicon-resize-vertical:before{content:"\e119";}
.glyphicon-resize-horizontal:before{content:"\e120";}
.glyphicon-hdd:before{content:"\e121";}
.glyphicon-bullhorn:before{content:"\e122";}
.glyphicon-bell:before{content:"\e123";}
.glyphicon-certificate:before{content:"\e124";}
.glyphicon-thumbs-up:before{content:"\e125";}
.glyphicon-thumbs-down:before{content:"\e126";}
.glyphicon-hand-right:before{content:"\e127";}
.glyphicon-hand-left:before{content:"\e128";}
.glyphicon-hand-up:before{content:"\e129";}
.glyphicon-hand-down:before{content:"\e130";}
.glyphicon-circle-arrow-right:before{content:"\e131";}
.glyphicon-circle-arrow-left:before{content:"\e132";}
.glyphicon-circle-arrow-up:before{content:"\e133";}
.glyphicon-circle-arrow-down:before{content:"\e134";}
.glyphicon-globe:before{content:"\e135";}
.glyphicon-wrench:before{content:"\e136";}
.glyphicon-tasks:before{content:"\e137";}
.glyphicon-filter:before{content:"\e138";}
.glyphicon-briefcase:before{content:"\e139";}
.glyphicon-fullscreen:before{content:"\e140";}
.glyphicon-dashboard:before{content:"\e141";}
.glyphicon-paperclip:before{content:"\e142";}
.glyphicon-heart-empty:before{content:"\e143";}
.glyphicon-link:before{content:"\e144";}
.glyphicon-phone:before{content:"\e145";}
.glyphicon-pushpin:before{content:"\e146";}
.glyphicon-usd:before{content:"\e148";}
.glyphicon-gbp:before{content:"\e149";}
.glyphicon-sort:before{content:"\e150";}
.glyphicon-sort-by-alphabet:before{content:"\e151";}
.glyphicon-sort-by-alphabet-alt:before{content:"\e152";}
.glyphicon-sort-by-order:before{content:"\e153";}
.glyphicon-sort-by-order-alt:before{content:"\e154";}
.glyphicon-sort-by-attributes:before{content:"\e155";}
.glyphicon-sort-by-attributes-alt:before{content:"\e156";}
.glyphicon-unchecked:before{content:"\e157";}
.glyphicon-expand:before{content:"\e158";}
.glyphicon-collapse-down:before{content:"\e159";}
.glyphicon-collapse-up:before{content:"\e160";}
.glyphicon-log-in:before{content:"\e161";}
.glyphicon-flash:before{content:"\e162";}
.glyphicon-log-out:before{content:"\e163";}
.glyphicon-new-window:before{content:"\e164";}
.glyphicon-record:before{content:"\e165";}
.glyphicon-save:before{content:"\e166";}
.glyphicon-open:before{content:"\e167";}
.glyphicon-saved:before{content:"\e168";}
.glyphicon-import:before{content:"\e169";}
.glyphicon-export:before{content:"\e170";}
.glyphicon-send:before{content:"\e171";}
.glyphicon-floppy-disk:before{content:"\e172";}
.glyphicon-floppy-saved:before{content:"\e173";}
.glyphicon-floppy-remove:before{content:"\e174";}
.glyphicon-floppy-save:before{content:"\e175";}
.glyphicon-floppy-open:before{content:"\e176";}
.glyphicon-credit-card:before{content:"\e177";}
.glyphicon-transfer:before{content:"\e178";}
.glyphicon-cutlery:before{content:"\e179";}
.glyphicon-header:before{content:"\e180";}
.glyphicon-compressed:before{content:"\e181";}
.glyphicon-earphone:before{content:"\e182";}
.glyphicon-phone-alt:before{content:"\e183";}
.glyphicon-tower:before{content:"\e184";}
.glyphicon-stats:before{content:"\e185";}
.glyphicon-sd-video:before{content:"\e186";}
.glyphicon-hd-video:before{content:"\e187";}
.glyphicon-subtitles:before{content:"\e188";}
.glyphicon-sound-stereo:before{content:"\e189";}
.glyphicon-sound-dolby:before{content:"\e190";}
.glyphicon-sound-5-1:before{content:"\e191";}
.glyphicon-sound-6-1:before{content:"\e192";}
.glyphicon-sound-7-1:before{content:"\e193";}
.glyphicon-copyright-mark:before{content:"\e194";}
.glyphicon-registration-mark:before{content:"\e195";}
.glyphicon-cloud-download:before{content:"\e197";}
.glyphicon-cloud-upload:before{content:"\e198";}
.glyphicon-tree-conifer:before{content:"\e199";}
.glyphicon-tree-deciduous:before{content:"\e200";}
.glyphicon-cd:before{content:"\e201";}
.glyphicon-save-file:before{content:"\e202";}
.glyphicon-open-file:before{content:"\e203";}
.glyphicon-level-up:before{content:"\e204";}
.glyphicon-copy:before{content:"\e205";}
.glyphicon-paste:before{content:"\e206";}
.glyphicon-alert:before{content:"\e209";}
.glyphicon-equalizer:before{content:"\e210";}
.glyphicon-king:before{content:"\e211";}
.glyphicon-queen:before{content:"\e212";}
.glyphicon-pawn:before{content:"\e213";}
.glyphicon-bishop:before{content:"\e214";}
.glyphicon-knight:before{content:"\e215";}
.glyphicon-baby-formula:before{content:"\e216";}
.glyphicon-tent:before{content:"\26fa";}
.glyphicon-blackboard:before{content:"\e218";}
.glyphicon-bed:before{content:"\e219";}
.glyphicon-apple:before{content:"\f8ff";}
.glyphicon-erase:before{content:"\e221";}
.glyphicon-hourglass:before{content:"\231b";}
.glyphicon-lamp:before{content:"\e223";}
.glyphicon-duplicate:before{content:"\e224";}
.glyphicon-piggy-bank:before{content:"\e225";}
.glyphicon-scissors:before{content:"\e226";}
.glyphicon-bitcoin:before{content:"\e227";}
.glyphicon-yen:before{content:"\00a5";}
.glyphicon-ruble:before{content:"\20bd";}
.glyphicon-scale:before{content:"\e230";}
.glyphicon-ice-lolly:before{content:"\e231";}
.glyphicon-ice-lolly-tasted:before{content:"\e232";}
.glyphicon-education:before{content:"\e233";}
.glyphicon-option-horizontal:before{content:"\e234";}
.glyphicon-option-vertical:before{content:"\e235";}
.glyphicon-menu-hamburger:before{content:"\e236";}
.glyphicon-modal-window:before{content:"\e237";}
.glyphicon-oil:before{content:"\e238";}
.glyphicon-grain:before{content:"\e239";}
.glyphicon-sunglasses:before{content:"\e240";}
.glyphicon-text-size:before{content:"\e241";}
.glyphicon-text-color:before{content:"\e242";}
.glyphicon-text-background:before{content:"\e243";}
.glyphicon-object-align-top:before{content:"\e244";}
.glyphicon-object-align-bottom:before{content:"\e245";}
.glyphicon-object-align-horizontal:before{content:"\e246";}
.glyphicon-object-align-left:before{content:"\e247";}
.glyphicon-object-align-vertical:before{content:"\e248";}
.glyphicon-object-align-right:before{content:"\e249";}
.glyphicon-triangle-right:before{content:"\e250";}
.glyphicon-triangle-left:before{content:"\e251";}
.glyphicon-triangle-bottom:before{content:"\e252";}
.glyphicon-triangle-top:before{content:"\e253";}
.glyphicon-console:before{content:"\e254";}
.glyphicon-superscript:before{content:"\e255";}
.glyphicon-subscript:before{content:"\e256";}
.glyphicon-menu-left:before{content:"\e257";}
.glyphicon-menu-right:before{content:"\e258";}
.glyphicon-menu-down:before{content:"\e259";}
.glyphicon-menu-up:before{content:"\e260";}


/* End */



/* Start:/local/plugins/owl.carousel/assets/owl.carousel.css*/
/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
/*
 *  Owl Carousel - Core
 */
.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index: 1; }
  .owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    touch-action: manipulation;
    -moz-backface-visibility: hidden;
    /* fix firefox animation glitch */ }
  .owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0; }
  .owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    /* fix for flashing background */
    -webkit-transform: translate3d(0px, 0px, 0px); }
  .owl-carousel .owl-wrapper,
  .owl-carousel .owl-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0); }
  .owl-carousel .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none; }
  .owl-carousel .owl-item img {
    display: block;
    width: 100%; }
  .owl-carousel .owl-nav.disabled,
  .owl-carousel .owl-dots.disabled {
    display: none; }
  .owl-carousel .owl-nav .owl-prev,
  .owl-carousel .owl-nav .owl-next,
  .owl-carousel .owl-dot {
    cursor: pointer;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .owl-carousel .owl-nav button.owl-prev,
  .owl-carousel .owl-nav button.owl-next,
  .owl-carousel button.owl-dot {
    background: none;
    color: inherit;
    border: none;
    padding: 0 !important;
    font: inherit; }
  .owl-carousel.owl-loaded {
    display: block; }
  .owl-carousel.owl-loading {
    opacity: 0;
    display: block; }
  .owl-carousel.owl-hidden {
    opacity: 0; }
  .owl-carousel.owl-refresh .owl-item {
    visibility: hidden; }
  .owl-carousel.owl-drag .owl-item {
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .owl-carousel.owl-grab {
    cursor: move;
    cursor: grab; }
  .owl-carousel.owl-rtl {
    direction: rtl; }
  .owl-carousel.owl-rtl .owl-item {
    float: right; }

/* No Js */
.no-js .owl-carousel {
  display: block; }

/*
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated {
  animation-duration: 1000ms;
  animation-fill-mode: both; }

.owl-carousel .owl-animated-in {
  z-index: 0; }

.owl-carousel .owl-animated-out {
  z-index: 1; }

.owl-carousel .fadeOut {
  animation-name: fadeOut; }

@keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

/*
 * 	Owl Carousel - Auto Height Plugin
 */
.owl-height {
  transition: height 500ms ease-in-out; }

/*
 * 	Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item {
  /**
			This is introduced due to a bug in IE11 where lazy loading combined with autoheight plugin causes a wrong
			calculation of the height of the owl-item that breaks page layouts
		 */ }
  .owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    transition: opacity 400ms ease; }
  .owl-carousel .owl-item .owl-lazy[src^=""], .owl-carousel .owl-item .owl-lazy:not([src]) {
    max-height: 0; }
  .owl-carousel .owl-item img.owl-lazy {
    transform-style: preserve-3d; }

/*
 * 	Owl Carousel - Video Plugin
 */
.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000; }

.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url('/local/plugins/owl.carousel/assets/owl.video.play.png') no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  transition: transform 100ms ease; }

.owl-carousel .owl-video-play-icon:hover {
  -ms-transform: scale(1.3, 1.3);
      transform: scale(1.3, 1.3); }

.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
  display: none; }

.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: opacity 400ms ease; }

.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
  height: 100%;
  width: 100%; }

/* End */



/* Start:/bitrix/templates/.default/css/accordion.css*/
.smk_accordion {
    position: relative;
    margin: 0;
    padding: 0;
    list-style: none;
}
/*--------------------------------------------------------------
  Section
--------------------------------------------------------------*/
.smk_accordion .accordion_in {
    position: relative;
    margin-bottom: 10px;
    z-index: 10;
    overflow: hidden;
}
.smk_accordion .accordion_in:last-child {
    margin-bottom: 0;
}
/**
 * --------------------------------------------------------------
 * Head
 * --------------------------------------------------------------
 */
.smk_accordion .accordion_in .acc_head {
    position: relative;
    display: block;
    padding: 12px 40px 12px 45px;
    font-size: 1em;
    text-transform: uppercase;
    background: #fff;
    cursor: pointer;
    transition: background .1s ease-in-out;
}
.smk_accordion .accordion_in .acc_head a {
    color: inherit;
    text-decoration: none;
}
.smk_accordion .accordion_in .acc_head .acc_icon_expand {
    display: block;
    width: 16px;
    height: 9px;
    position: absolute;
    right: 25px;
    top: 50%;
    margin-top: -5px;
    background: url('/bitrix/templates/.default/css/../images/etc/sprite.png') -4px -148px no-repeat;
}
/**
 * --------------------------------------------------------------
 * Content
 * --------------------------------------------------------------
 */
.acc_content {
  color: #000;
  padding: 15px 10px 30px;
}
.acc_content ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.acc_content ul li {
    width: 100%;
    margin-bottom: 15px;
    font-size: 14px;
    color: inherit;
}
.acc_content ul li:last-child {
    margin-bottom: 0;
}
.acc_content ul li a {
    color: inherit;
    text-decoration: none;
}
.acc_content ul li a:hover {
    text-decoration: underline;
}

.acc_content ul li.acc_active {
    color: #B7B7B7;
}
.acc_content ul li.acc_active a {
    cursor: text;
}
.acc_content ul li.acc_active a:hover {
    text-decoration: none;
}

/**
 * --------------------------------------------------------------
 * General
 * --------------------------------------------------------------
 */
.smk_accordion .accordion_in.acc_active > .acc_content {
    display: block;
}
.smk_accordion .accordion_in:hover > .acc_head {
    background: #f2f2f2;
    transition: all .1s ease-in-out;
}
.smk_accordion .accordion_in.acc_active > .acc_head {
    color: #fff;
    background: #000;
    transition: all .1s ease-in-out;
}
.smk_accordion .accordion_in.acc_active > .acc_head .acc_icon_expand {
    background-position: -26px -148px;
}
.smk_accordion.acc_with_icon .accordion_in .acc_head,
.smk_accordion.acc_with_icon .accordion_in .acc_content {
    padding-left: 45px;
}

/* End */



/* Start:/bitrix/templates/.default/css/rjaccordion.css*/

/*----- rjAccordion -----*/



.freedom_nav,
.side_nav,
.freedom_nav *,
.side_nav *
 {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.freedom_nav,
.side_nav {
    overflow: hidden;
    background: #fff;
    color: #000;
    width: 100%;
}

.freedom_nav .link,
.side_nav .link {
    position: relative;
    width: 100%;
    margin-bottom: 15px;
    display: inline-block;
    background: #fff;
    transition: all linear 0.15s;
    font-size: 1em;
    color: #000;
    cursor: pointer;
    text-transform: uppercase;
}
.freedom_nav .link {
    padding: 15px;
}
.side_nav .link {
    padding: 12px 40px 12px 45px;
}
.freedom_nav .link:last-of-type,
.side_nav .link:last-of-type {
    margin-bottom: 0;
}
.freedom_nav .link span.arrow,
.side_nav .link span.arrow {
    position: absolute;
    top: 50%;
    right: 25px;
    display: inline-block;
    width: 16px;
    height: 9px;
    margin-top: -5px;
    vertical-align: middle;
}
.freedom_nav .link span.arrow span.ico,
.side_nav .link span.arrow span.ico {
    width: 100%;
    height: 100%;
}
.freedom_nav .link span.arrow span.ico.arr,
.side_nav .link span.arrow span.ico.arr {
    background-position:  -4px -148px;
    transform: rotate(0);
    transition: transform .2s ease-in-out;
}
.freedom_nav .link.active span.arrow span.ico.arr {
    transform: rotate(180deg);
    transition: transform .2s ease-in-out;
}
.side_nav .link.active span.arrow span.ico.arr {
    background-position: -26px -148px;
    transition: transform .2s ease-in-out;
}

.freedom_nav .link.active,
.freedom_nav .link:hover,
.side_nav .link:hover {
    background: #f2f2f2;
    color: #000;
    text-decoration: none;
}
.side_nav .link.active {
    background: #000;
    color: #fff;
    text-decoration: none;
}
.side_nav .section {
    margin-bottom: 10px;
}
.freedom_nav .section:last-child .link,
.side_nav .section:last-child .link {
    border-bottom: none;
    margin-bottom: 0;
}

.freedom_nav .body,
.side_nav .body {
    display: none;
    width: 100%;
    background: #fff;
}
.freedom_nav .body {
    padding: 10px 0 10px 10px;
}
.side_nav .body {
    padding: 0;
}

.side_nav ul {
    margin: 0;
    padding: 5px 0 20px;
    list-style: none;
}
.side_nav ul li {
    width: 100%;
    margin-bottom: 1px;
    font-size: 14px;
    color: inherit;
}
.side_nav ul li:last-child {
    margin-bottom: 0;
}
.side_nav ul li a {
    padding: 8px 10px 8px 45px;
    color: inherit;
    text-decoration: none;
    transition: all linear 0.15s;
}
.side_nav ul li a.selected,
.side_nav ul li a:hover {
    background: #f1f1f1;
    transition: all linear 0.15s;
}

/* End */



/* Start:/bitrix/templates/.default/css/select.styler.css*/
.borderRadius{-moz-border-radius:5px; border-radius:5px; }
.borderRadiusTp{-moz-border-radius:5px 5px 0 0; border-radius:5px 5px 0 0;}
.borderRadiusBtm{-moz-border-radius:0 0 5px 5px ; border-radius:0 0 5px 5px;}

.ddcommon {position:relative;display:-moz-inline-stack; zoom:1; display:inline-block; *display:inline; cursor:default;}
.ddcommon ul{padding:0;margin:0;}
.ddcommon ul li{list-style-type:none;}
.borderRadiusTp ul li:last-child{-moz-border-radius:0 0 5px 5px ; border-radius:0 0 5px 5px;border-bottom:0 none #c3c3c3; }
.borderRadiusBtm ul li:first-child{-moz-border-radius:5px 5px 0 0; border-radius:5px 5px 0 0 ;border-bottom:1 solid #c3c3c3; }

.ddcommon .disabled img, .ddcommon .disabled span, .ddcommon.disabledAll{
opacity: .5; /* standard: ff gt 1.5, opera, safari */
-ms-filter:"alpha(opacity=50)"; /* ie 8 */
filter:alpha(opacity=50); /* ie lt 7 */
-khtml-opacity:.5; /* safari 1.x */
-moz-opacity:.5; /* ff lt 1.5, netscape */
color:#999999;
}
.ddcommon .clear{clear:both}
.ddcommon .shadow{-moz-box-shadow:5px 5px 5px -5px #888888;-webkit-box-shadow:5px 5px 5px -5px #888888;box-shadow: 5px 5px 5px -5px #888888;}
.ddcommon input.text{color:#7e7e7e;padding:0 0 0 0; position:absolute; background:#fff; display:block; width:98%; height:98%; left:2px; top:0; border:none;}
.ddOutOfVision{position:relative; display:-moz-inline-stack; display:inline-block; zoom:1; *display:inline;}
.borderRadius .shadow{-moz-box-shadow:5px 5px 5px -5px #888888;-webkit-box-shadow:5px 5px 5px -5px #888888;box-shadow: 5px 5px 5px -5px #888888;}
.borderRadiusBtm .shadow{-moz-box-shadow:-5px -5px 5px -5px #888888;-webkit-box-shadow:-5px -5px 5px -5px #888888;box-shadow: -5px -5px 5px -5px #888888}
.borderRadiusTp .border, .borderRadius .border{-moz-border-radius:0 0 5px 5px ; border-radius:0 0 5px 5px;}
.borderRadiusBtm .border{-moz-border-radius:5px 5px 0 0; border-radius:5px 5px 0 0;}
img.fnone{float:none !important}
.ddcommon .divider{width:0; height:100%; position:absolute;}
.ddcommon .ddArrow{
	display:inline-block;
	position:absolute;
	top:50%;
	right:10px;
	margin-top: -3px;
}
.ddcommon .ddArrow:hover{background-position:0 100%;}
.ddcommon .ddTitle{padding:0; position:relative; display:inline-block; width:100%}
.ddcommon .ddTitle .ddTitleText{display:block;}
.ddcommon .ddTitle .ddTitleText .ddTitleText{padding:0;}
.ddcommon .ddTitle .description{display:block;}
.ddcommon .ddTitle .ddTitleText img{position:relative; vertical-align:middle; float:left}
.ddcommon .ddChild{position:absolute;display:none;width:100%;overflow-y:auto; overflow-x:hidden; zoom:1; z-index:9999}
.ddcommon .ddChild li{clear:both;}
.ddcommon .ddChild li .description{display:block;}
.ddcommon .ddChild li img{border:0 none; position:relative;vertical-align:middle;float:left;width:37px;height:31px}
.ddcommon .ddChild li.optgroup{padding:0;}
.ddcommon .ddChild li.optgroup .optgroupTitle{padding:0 5px; font-weight:bold; font-style:italic}
.ddcommon .ddChild li.optgroup ul li{padding:5px 5px 5px 15px}
.ddcommon .noBorderTop{border-top:none 0  !important; padding:0; margin:0;}

/*************** default theme **********************/
.dd{
	width: 100%!important;
	max-width: 100%!important;
	height: 42px;
	border:1px solid #ccc;
	outline: 0;
	cursor: pointer;
}
.dd .divider{display: none;}
.dd .ddArrow{
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 7px 6px 0 6px;
	border-color: #000000 transparent transparent transparent;
}
.dd .ddArrow:hover{background-position:0 100%;}
.dd .ddTitle{
	color:#000;
	background:#fff;
}
.dd .ddTitle .ddTitleText{
	height: 42px;
	padding:5px 30px 5px 5px;
	border-bottom: 1px solid #ccc;
}
.dd .ddTitle .ddTitleText .ddTitleText{padding:0;}
.dd .ddTitle .description {
	display: inline-block;
	width: 45px;
	margin-left: 20px;
	font-size: .9em;
	line-height: 32px;
	vertical-align: middle;
}
.dd .ddTitle .description span {
	display: inline-block;
	vertical-align: middle;
}
.dd .ddTitle .description span.new {
	color: #009345;
}
.dd .ddTitle .description span.sale {
	color: #E14141;
}
.dd .ddTitle .ddTitleText img {
	display: inline-block;
	max-width: 31px;
	max-height: 31px;
}
.dd .ddlabel {
	display: inline-block;
	height: 100%;
	vertical-align: middle;
	font-size: .9em;
	text-indent: 10px;
	line-height: 32px;
}
.dd .ddChild{
	height: 254px!important;
	border:1px solid #c3c3c3;
	background-color:#fff;
	left:-1px;
}
.dd .ddChild li{
	height: 42px;
	padding: 5px;
	background-color:#fff;
}
.dd .ddChild li .description {
	display: inline-block;
	width: 45px;
	margin-left: 20px;
	font-size: .9em;
	line-height: 32px;
	vertical-align: middle;
}
.dd .ddChild li .description span {
	display: inline-block;
	vertical-align: middle;
}
.dd .ddChild li .description span.new {
	color: #009345;
}
.dd .ddChild li .description span.sale {
	color: #E14141;
}
.dd .ddChild li .ddlabel{
	display: inline-block;
	max-width: calc(100% - 85px);
	color:#000;
	line-height: 32px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.dd .ddChild li.hover{background-color:#f2f2f2}
.dd .ddChild li img{padding:0 6px 0 0;}
.dd .ddChild li.optgroup{padding:0;}
.dd .ddChild li.optgroup .optgroupTitle{padding:0 5px; font-weight:bold; font-style:italic}
.dd .ddChild li.optgroup ul li{padding:5px 5px 5px 15px}
.dd .ddChild li.selected{
	background-color:#000;
	color:#fff!important;
}
.dd .ddChild li.selected .ddlabel {
	color: #fff;
}
/* End */



/* Start:/bitrix/templates/.default/css/tabby.css*/
.tabs {
    display: none;
    visibility: hidden;
}

/*  Display tab navigation if javascript enabled.
 *  This requires on the included js-accessibility.js script. */
.js .tabs {
    display: block;
    visibility: visible;
}

/*  Force browser to show a pointer on tab navigation. */
.tabs a, .tabs button {
    cursor: pointer;
}

.tabs-content {
    width: 100%;
    /*height: 400px;*/
    /*height: 435px;*/
    height: auto;
    position: relative;
    /*padding: 30px 0 20px;*/
}

/*  Hide tab content if javascript is enabled. */
.tabs-pane {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    opacity: 0;
    transform: scale(0);

    transition: all .4s ease-in-out;
}


/*  Show tab content when active class is added.
 *  This class is added via javascript. */
.tabs-pane.active {
    position: relative;
    /*height: 400px;*/
    height: auto;
    visibility: visible;
    opacity: 1;
    transform: scale(1);
    transition: all .4s ease-in-out;
}

/*  Fancy list styling for tab navigation.
 *  Adjust to fit your design. */
.triggers {
    list-style: none;
    margin: 0;
    padding: 0;
}

/*  Display tab navigation as inline list. */
.triggers > li {
    display: inline-block;
    float: none;
    height: 30px;
    padding: 0 10px;
}

/*  Set tab navigation link color.
 *  Adjust to fit your design. */
.triggers a {
    height: 100%;
    color: #000;
    font-family: 'helvetica_r';
    font-size: 1em;
    text-align: center;
    line-height: 34px;
    text-decoration: none;
    border-bottom: 0;
    transition: all .2s ease-in-out;
}

/*  On hover and when active, change tab navigation color */
.triggers > .active > a {
    font-weight: 600;
    border-bottom: 1px solid;
    transition: all .2s ease-in-out;
}

/* Clearfix */
.tabs::before, .tabs::after {
    display: table;
    content: "";
    zoom: 1;
}

.tabs::after {
    clear: both;
}

/* End */



/* Start:/bitrix/templates/.default/css/pickmeup.css*/
/**
 * @package		PickMeUp - jQuery datepicker plugin
 * @author		Nazar Mokrynskyi <nazar@mokrynskyi.com>
 * @author		Stefan Petre <www.eyecon.ro>
 * @copyright	Copyright (c) 2013-2015, Nazar Mokrynskyi
 * @copyright	Copyright (c) 2008-2009, Stefan Petre
 * @license		MIT License, see license.txt
 */
.pickmeup {
  margin-top: 2px;
  background: #fff;
  font-size: .9em;
  font-weight: 400;
  border: 1px solid #ccc;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  display: none;
  position: absolute; }
  .pickmeup * {
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
  .pickmeup .pmu-instance {
    display: inline-block;
    height: 13.8em;
    padding: .5em;
    text-align: center;
    width: 15em; }
    .pickmeup .pmu-instance .pmu-button {
      color: #111;
      cursor: pointer;
      outline: none;
      text-decoration: none;
      border:1px solid transparent; }
    .pickmeup .pmu-instance .pmu-today {
      background: transparent;
      color: #111;
      border-color: #ccc; }
    .pickmeup .pmu-instance .pmu-button:hover {
      background: "transparent";
      color: #29abe2; }
    .pickmeup .pmu-instance .pmu-not-in-month {
      color: #666; }
    .pickmeup .pmu-instance .pmu-disabled,
    .pickmeup .pmu-instance .pmu-disabled:hover {
      color: #333;
      cursor: default; }
    .pickmeup .pmu-instance .pmu-selected {
      background: transparent;
      color: #111;
       border-color: #111;  }
    .pickmeup .pmu-instance .pmu-not-in-month.pmu-selected {
      font-weight: 300;
      background: transparent; }
    .pickmeup .pmu-instance nav {
      color: #eee;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      line-height: 2em; }
      .pickmeup .pmu-instance nav *:first-child :hover {
        color: #88c5eb; }
      .pickmeup .pmu-instance nav .pmu-prev,
      .pickmeup .pmu-instance nav .pmu-next {
        display: none;
        height: 2em;
        width: 1em; }
      .pickmeup .pmu-instance nav .pmu-month {
        width: 14em; }
    .pickmeup .pmu-instance .pmu-years *,
    .pickmeup .pmu-instance .pmu-months * {
      display: inline-block;
      line-height: 3.6em;
      width: 3.5em; }
    .pickmeup .pmu-instance .pmu-day-of-week {
      color: #111;
      cursor: default;}
    .pickmeup .pmu-instance .pmu-day-of-week *,
    .pickmeup .pmu-instance .pmu-days * {
      display: inline-block;
      line-height: 1.5em;
      width: 2em; }
    .pickmeup .pmu-instance .pmu-day-of-week * {
      line-height: 1.8em; }
  .pickmeup .pmu-instance:first-child .pmu-prev,
  .pickmeup .pmu-instance:last-child .pmu-next {
    display: block; }
  .pickmeup .pmu-instance:first-child .pmu-month,
  .pickmeup .pmu-instance:last-child .pmu-month {
    width: 13em; }
  .pickmeup .pmu-instance:first-child:last-child .pmu-month {
    width: 12em; }
  .pickmeup:not(.pmu-view-days) .pmu-days, .pickmeup:not(.pmu-view-days) .pmu-day-of-week, .pickmeup:not(.pmu-view-months) .pmu-months, .pickmeup:not(.pmu-view-years) .pmu-years {
    display: none; }

/* End */



/* Start:/bitrix/templates/.default/css/formstyler.css*/
.jq-selectbox {
	width: 100%;
	max-width: 410px;
	vertical-align: middle;
	cursor: pointer;
}
.jq-selectbox__select {
	height: 42px;
	padding: 0 10px;
	border: 1px solid #ccc;
	color: #000;
}
.jq-selectbox__select-text {
	display: block;
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	line-height: 42px;
}
.jq-selectbox__trigger {
	position: absolute;
	top: 0;
	right: 0;
	width: 35px;
	height: 100%;
	background: transparent;
}
.jq-selectbox__trigger-arrow {
	position: absolute;
	top: 19px;
    right: 11px;
	width: 0;
	height: 0;
	overflow: hidden;
	border-top: 6px solid #000;
	border-right: 6px solid transparent;
	border-left: 6px solid transparent;
}
.jq-selectbox__dropdown {
	top: 43px;
	width: 100%;
	margin: 0;
	padding: 0;
	background: #FFF;
	font-weight: 100;
}
.jq-selectbox__dropdown ul {
	width: 100%;
	max-height: 230px;
	margin: 0;
	padding: 0;
	border: 1px solid #ccc;
}
.jq-selectbox__dropdown ul li {
	padding: 10px 15px;
	color: #000;
}
.jq-selectbox__dropdown ul li:hover {
	color: #fff;
	background: #000;
}
.jq-selectbox__search {
	display: none;
	width: 100%;
	margin: 2px 0;
}
.jq-selectbox__search input[type="text"],
.jq-selectbox__search input[type="search"] {
	display: block;
    width: 100%;
    height: 42px;
    padding: 0 10px 0 20px;
    font-size: 1em;
    color: #000;
    line-height: 42px;
    background: #fff;
    border: 1px solid #ccc;
    outline: 0;
    transition: all .2s ease-in-out;
}
.jq-selectbox__search input[type="text"]:focus,
.jq-selectbox__search input[type="search"]:focus{
	border-color: #000;
    transition: all .2s ease-in-out;
}
/* End */



/* Start:/bitrix/templates/.default/css/lightbox.css*/
/* Preload images */
body:after {
  content: url('/bitrix/templates/.default/css/../images/etc/lb/close.png') url('/bitrix/templates/.default/css/../images/etc/lb/loading.gif') url('/bitrix/templates/.default/css/../images/etc/lb/prev.png') url('/bitrix/templates/.default/css/../images/etc/lb/next.png');
  display: none;
}

.lightboxOverlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  background-color: black;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
  display: none;
}

.lightbox {
  position: absolute;
  left: 0;
  width: 100%;
  max-height: 800px;
  z-index: 10000;
  text-align: center;
  line-height: 0;
  font-weight: normal;
}

.lightbox .lb-image {
  display: block;
  height: auto!important;
  max-width: 100%!important;
}

.lightbox a img {
  border: none;
}

.lb-outerContainer {
  position: relative;
  *zoom: 1;
  max-width: 800px;
  max-height: 900px;
  margin: 0 auto;
}

.lb-outerContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-container {
  width: 100%;
  background: #fff;
}

.lb-loader {
  position: absolute;
  top: 43%;
  left: 0;
  height: 25%;
  width: 100%;
  text-align: center;
  line-height: 0;
}

.lb-cancel {
  display: block;
  width: 32px;
  height: 34px;
  margin: 0 auto;
  background: url('/bitrix/templates/.default/css/../images/etc/lb/loading.gif') no-repeat;
}

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

.lb-container > .nav {
  left: 0;
}

/*.lb-nav a {
  outline: none;
  background-image: url('data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==');
}*/

.lb-prev,
.lb-next {
  position: absolute;
  height: 100%;
  cursor: pointer;
  display: block;
  z-index: 5;
}

.lb-nav a.lb-prev {
  width: 32px;
  left: -32px;
  background: url('/bitrix/templates/.default/css/../images/etc/lb/prev.png') center no-repeat;
}

.lb-nav a.lb-next {
  width: 32px;
  right: -32px;
  background: url('/bitrix/templates/.default/css/../images/etc/lb/next.png') center no-repeat;
}
.lb-dataContainer {
  position: relative;
  margin: 0 auto;
  padding: 0 32px;
  *zoom: 1;
  width: 100%;
  font-family: 'helvetica_l';
  color: #000;
  font-size: .9em;
  text-align: center;
}

.lb-dataContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-data {
  padding:0;
}
.lb-data.dscrp {
  padding: 0 32px;
}
.lb-closeContainer {
  width: 100%;
}

.lb-data .lb-details {
  width: 100%;
  padding: 15px;
  background: #fff;
  color: #000;
  text-align: center;
}

.lb-data .lb-caption {
  line-height: 19px;
}
.lb-data .lb-caption a {
  display: block;
  margin: 10px 0;
  color: #7c7c7c;
  font-size: 1.1em;
  text-align: center;
  text-decoration: underline;
}
.lb-data .lb-caption a:hover {
  text-decoration: none;
}

.lb-data .lb-number {
  display: block;
  clear: left;
  padding-bottom: 1em;
  font-size: 12px;
  color: #999999;
}

.lb-data .lb-close {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 30px;
  height: 30px;
  background: url('/bitrix/templates/.default/css/../images/etc/lb/close.png') top right no-repeat;
  text-align: right;
  outline: none;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  transition: opacity 0.2s;
  z-index: 20;
}

.lb-data .lb-close:hover {
  cursor: pointer;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

/* End */



/* Start:/local/css/fix.css*/
@font-face {
    font-family: 'Glyphicons Halflings';
    src: url(/local/font/glyphicons-halflings-regular.eot);
    src: url(/local/font/glyphicons-halflings-regular.eot?#iefix) format('embedded-opentype'),
    url(/local/font/glyphicons-halflings-regular.woff2) format('woff2'),
    url(/local/font/glyphicons-halflings-regular.woff) format('woff'),
    url(/local/font/glyphicons-halflings-regular.ttf) format('truetype'),
    url(/local/font/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format('svg');
}

.underline-border {
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: inherit;
}

:root{
    --color-brdr: #e5e5e5;
}

img {
    object-fit: contain;
}
a, .a {
    outline: none;
    text-decoration: underline;
    cursor: pointer;
    -webkit-transition: color .15s;
    transition: color .15s;
}
.wrapper::after {
    content: '';
    display: block;
    height: 0;
    visibility: hidden;
    line-height: 0;
    clear: both;
}

.footer-container {
    border-top: 1px solid var(--color-brdr);
    padding: 30px 0 20px;
}

.pageTitle {
    margin: 15px 0;
}
.padding {
    padding-left: 15px;
    padding-right: 15px;
}
.glyphicon, .drop_list_val:after, .caret, .custom_checkbox label:before, .custom_radio label:before {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition: color .2s;
    transition: color .2s;
}
.drop_list.drop_list_right {
    right: 0;
}
.drop_list {
    display: none;
    position: absolute;
    top: 100%;
    cursor: default;
    z-index: 210;
}
.page_form_area {
    position: fixed;
    top: -100%;
    left: 0;
    width: 100%;
    min-width: 1000px;
    padding: 35px 0 40px;
    background-color: #fff;
    box-shadow: 0 5px 20px rgba(1,1,1,.2);
    z-index: 1040;
    -webkit-transition: top .3s;
    transition: top .3s;
}
.bx-transform .page_form_area {
    top: 0;
    -webkit-transform: translate(0, -110%);
    -ms-transform: translate(0, -110%);
    transform: translate(0, -110%);
    -webkit-transition: -webkit-transform .3s;
    transition: transform .3s;
}
.glyphicon-minus:before {
    content: "\2212";
}
.glyphicon-plus:before {
    content: "\2b";
}
.quick_bskt_combo_input .add_btn + .add_btn {
    float: right;
}
.quick_bskt_combo_input .add_btn {
    float: left;
    width: 30px;
    height: 30px;
    color: #fff;
    font-size: 14px;
    line-height: 28px;
    text-align: center;
    cursor: pointer;
}

.item_main_info .quick_bskt_combo_input {
    position: absolute;
    left: 0;
    margin: 0;
    opacity: 1;
}
.item_main_info .item_action .btn, .item_main_info .quick_bskt_combo_input {
    min-width: 250px;
}
.quick_bskt_combo_input .input {
    display: block;
    height: 30px;
    padding: 0 0px;
    background-color: #fff;
    border-radius: 0px;
    white-space: nowrap;
    text-align: left;
    width: 50px;
    margin: auto;
}
.item_main_info .quick_bskt_combo_input .input {
    width: 180px;
}
.catlg_list_item_actions .quick_bskt_combo_input .input {
    width: calc(100% - 60px);
}

.phone_link .glyphicon-earphone + .header-phone-text {
    margin-left: 0.5em;
}

/*page /catalog/ */
.site_map {
    padding: 30px 0;

    position: relative;
    z-index: 100;
    text-align: center;
    padding-bottom: 0;
}

.site_map > li > a {
    display: block;
    text-decoration: none;
    line-height: 36px;
    padding: 0 20px;
    background: #000;
    color: #fff;
    position: relative;
}
.adaptive-page .site_map li {
    margin: 0 10px 15px !important;
}
.site_map > li {
    display: inline-block;
    vertical-align: top;
    width: 275px;
    padding: 0 0 5px;
    margin: 0 20px 15px 0;
    font-size: 16px;
    position: relative;
}
.site_map > li.sub > a:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border: 4px solid transparent;
    border-top-color: #fff;
    position: absolute;
    top: 50%;
    right: 10px;
    margin: -2px 0 0;
}
.site_map > li > ul {
    position: absolute;
    top: 37px;
    left: 0;
    width: 100%;
    border: 1px solid #2a8b23;
    background: #fff;
    box-shadow: 2px 2px 5px rgba(0,0,0,.2);
    display: none!important;
    padding: 0px;
}
.site_map > li:hover, .site_map > li.opened {
    z-index: 110;
}
.site_map > li.opened > ul {
    display: block!important;
}
.site_map > li > ul li {
    position: relative;
}
.site_map > li > ul li > a {
    display: block;
    line-height: 1.2;
    text-decoration: none;
    padding: 5px 19px;
    color:#000;
}
/* order page */

.basket_area {
    position: relative;
    top: -1px;
    border-top: 1px solid #fff;
}
.basket_actions {
    float: right;
    width: 435px;
    margin: 0 20px;
    background-color: #dfd8d4;
    border: 1px solid #dfd8d4;
    border-radius: 20px;
    text-align: center;
}
.basket_actions_wrap .basket_actions {
    float: none;
    width: 100%;
    margin: 0;
}
.basket_promo_area {
    border-radius: 20px 20px 0 0;
    background-color: #f0f0f0;
    text-align: left;
}

.promo_card_ad {
    margin: 0 -19px;
    padding: 15px 19px;
    border-bottom: 1px solid #dfd8d4;
    font-size: 14px;
    line-height: 20px;
}
.basket_promo_card .img {
    float: left;
    margin-right: 20px;
    padding-top: 4px;
}
.basket_promo_card .descr {
    overflow: hidden;
    padding-bottom: 1px;
}
.form_box .action_link {
    font-size: 14px;
    letter-spacing: .12em;
    text-transform: uppercase;
    text-decoration: none !important;
}
.dotted, .spec_decor > .dotted {
    border-bottom: 1px dotted;
    text-decoration: none !important;
}
.basket_total {
    padding: 25px 30px;
}
.basket_total .title {
    margin-bottom: 5px;
    font-size: 16px;
    letter-spacing: .12em;
    text-transform: uppercase;
}
.total_price {
    margin-bottom: 7px;
    font-weight: 700;
    font-size: 26px;
    line-height: 1;
}
.price .digit {
    display: inline;
    font-size: .7777em;
}
.discount_info {
    margin-bottom: 15px;
    color: #d83360;
    font-style: italic;
    font-size: 14px;
}

.btn_def {
    background-color: #000;
    color: #fff;
}
.btn {
    position: relative;
    display: inline-block;
    vertical-align: top;
    overflow: hidden;
    border: 0;
    border-radius: 0;
    height: 40px;
    padding: 0 16px;
    font: 14px/40px 'Inter', system-ui, sans-serif;
    text-align: center;
    letter-spacing: .12em;
    text-decoration: none !important;
    cursor: pointer;
    -webkit-transition: background .2s ease-out, color .15s linear;
    transition: background .2s ease-out, color .15s linear;
    -webkit-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
}
.basket_item {
    overflow: hidden;
    padding-top: 18px;
    border-top: 1px solid #dfd8d4;
    position: relative;
}
.basket_actions + .basket_list, .basket_actions_wrap + .basket_list {
    margin-right: 475px;
}
.basket_item + .basket_item {
    margin-top: 20px;
}
.img_box {
    display: block;
    overflow: hidden;
    position: relative;
    font-size: 0;
}
.img_box img {
    display: block;
    max-width: 100%;
    max-height: 100%;
    margin: auto;
    font-size: 11px;
    color: #999;
}

@media only screen and (max-width: 1216px){
    .basket_item_cost {
        position: relative;
        width: 160px;
        /* height: 120px; */
        padding-bottom: 50px;
        padding-left: 20px;
    }
}

.basket_item_cost {
     float: right;
 }
.basket_item_descr {
    overflow: hidden;
    font-size: 14px;
}
.basket_item_descr .title {
    position: relative;
    display: block;
    margin-top: -3px;
    color: #1b1a19;
    font-weight: 700;
    text-decoration: none;
    text-transform: uppercase;
}
.basket_item_descr .text {
    color: #464340;
}

.clearfix:after {
    content: '';
    clear: both;
    display: block;
}
.content {
    padding-bottom: 40px;
}
.form_box_input {
    display: none;
    position: relative;
    z-index: 2;
}
.basket_promo_card .descr a, .basket_promo_card .descr .a {
    font-size: 14px;
    line-height: 20px;
    text-transform: none;
    letter-spacing: normal;
}
.gray {
    color: #827a70;
}
.basket_item_price .price {
    position: relative;
    display: block;
    padding-top: 7px;
    font-size: 18px;
}
.price .digit {
    display: inline;
    font-size: .7777em;
}

.nodecor, .spec_decor {
    text-decoration: none;
    border-bottom: none;
}
.basket_item_quantt {
    display: inline-block;
    vertical-align: top;
    width: 200px;
    padding-top: 2px;
    text-align: center;
}

.basket_item_cost .quick_bskt_combo_input {
    display: inline-block;
    position: relative;
    opacity: 1;
    left: auto;
    width: 120px;
    margin: 0;
}
.quick_bskt_combo_input .add_btn {
    float: left;
    width: 30px;
    height: 30px;
    color: #fff;
    font-size: 14px;
    line-height: 28px;
    text-align: center;
    cursor: pointer;
}
/* catalog section*/
.page_header {
    padding: 15px 0;
    border-bottom: 1px solid var(--color-brdr);
    text-align: center;
    margin: 0 ;
}
.page_sub_menu {
    margin-top: 10px;
    letter-spacing: 7px;
}
.catlg_filters {
    padding: 15px 0;
    font-size: 14px;
    border-bottom: 1px solid var(--color-brdr);
}
.catlg_filters .right_box {
    float: right;
}
.filter_row {
    line-height: 40px;
}

.section_title {
    padding: 15px 0;
    font-size: 16px;
    font-weight: 500;
    border-top: 1px solid var(--color-brdr);
    border-bottom: 1px solid var(--color-brdr);
}

/*Response
******************************/
@media only screen and (max-width:1216px){
    .main_link{width:0;}
    .top_phones_wrap{left:20px;}
    .logo_area{overflow:hidden;}
    .main_menu_link, .state_fixed .main_menu_link{padding-left:6px; padding-right:6px; letter-spacing:normal;}
    .current .main_menu_link::before{left:calc(10px); width:calc(100% - 20px);}
    .lock_screen .current .main_menu_link::before{left:0; width:100%;}

    /*.slider_nav{}*/
    .slider_nav.left{margin-right:-40px;}
    .slider_nav.right{margin-left:-40px;}

    .third_part{width:306px; width:calc((100% - 43px) / 3);}
    .third_part + .third_part{margin-left:21px;}
    .third_part .banner_content, .third_part .actions_text{padding-right:80px; padding-right:calc(100% - 226px);}

    .descr_box_details .third_part + .third_part{margin-left:30px;}
    .descr_box_details .third_part:nth-child(2n) + .third_part{margin-left:0;}

    .descr_box_details .third_part{width:339px; width:calc((100% - 30px) / 2); max-width:366px;}

    .half_part{width:470px; width:calc(50% - 10px);}
    .half_part + .half_part{margin-left:20px;}
    .half_part .banner_content, .half_part .actions_text{padding-right:115px; padding-right:calc(100% - 355px);}

    .basket_item_cost{position:relative; width:160px; /*height:120px;*/ padding-bottom: 50px; padding-left:20px;}
    .basket_item_price{width:100%; padding-right:10px;}
    .basket_item_price .discnt{max-height:40px; overflow:hidden;}

    .socials_link + .socials_link{margin-left:6px;}
    .copy, .dev{padding-top:0;}


}

@-webkit-keyframes ripple {
  20% {
    opacity:0;
    -webkit-transform:scale(2.5);
    transform:scale(2.5);
  }
  100% {
    opacity:0;
    -webkit-transform:scale(2.5);
    transform:scale(2.5);
  }
}
@keyframes ripple {
  20% {
    opacity:0;
    -webkit-transform:scale(2.5);
    transform:scale(2.5);
  }
  100% {
    opacity:0;
    -webkit-transform:scale(2.5);
    transform:scale(2.5);
  }
}
@media only screen and (min-width:1004px){/*hover*/
    a:hover, .a:hover{color:#000;}

    a:hover .dotted, .a:hover .dotted, .spec_decor:hover, .dotted:hover{text-decoration:none;}
    .btn_def:hover{background-color:#000; color:#fff;}
    .btn_alter:hover{box-shadow:inset 0 0 0 2px #000; color:#000;}
    .btn_alter_red:hover{background-color:#d83360; box-shadow:inset 0 0 0 2px #d83360; color:#fff;}

    .btn_big.btn_alter:hover{box-shadow:inset 0 0 0 3px #2a8b23;}
    .btn_big.btn_alter_red:hover{box-shadow:inset 0 0 0 3px #d83360;}

    .btn_def:hover::after {
        content: '';
        position: absolute;
        height: 250%;
        width: 200%;
        top: 0;
        left: -100%;
        background: rgba(255,255,255,0.8);
        border-radius: 100%;
        -webkit-transform: scale(0);
        -ms-transform: scale(0);
        transform: scale(0);
        z-index: 20;
        -webkit-animation-name: ripple;
        animation-name: ripple;
        -webkit-animation-duration: 3s;
        animation-duration: 3s;
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
        transition: all .2s ease;
    }

    .btn_def:active, .btn_def:active:hover{background-color:#000; color:#fff;}
    .btn_alter:active, .btn_alter:active:hover{color:#fff; background-color:#000;}

    a.main_link:hover{background-color:#14670f; color:#fff; text-decoration:none;}

    .help_link:hover{text-decoration:none;}

    .top_panel .drop_list_val:hover{background-color:#14670f;}

    .top_basket .drop_list_val:hover, .top_nav_item_link:hover{text-decoration:none;}
    .select_contact.active .drop_list_val:hover{color:#fff;}
    .filter_item .drop_list_val:hover .dotted {
        border-bottom-color: var(--color-brdr);
    }
    .basket_item_actions .rem_link:hover,
    .select_contact .drop_list_val:hover, .want_call_btn:hover{color:#2a8b23;}

    .top_nav_item:hover::before, .top_nav_item:hover + .top_nav_item::before{opacity:0;}

    .short_basket_remove:hover, .recent_view_remove:hover, .clear_basket_promo:hover{color:#d83360; text-decoration:none;}
    .short_basket_link:hover{color:#464340; text-decoration:none;}
    .short_basket_link:hover .image_area{opacity:.9;}
    .short_basket_link:hover .text, .sar_item:hover{color:#2a8b23; text-decoration:none;}

    .short_basket_all:hover, .sar_all_btn:hover{background-color:#14670f; color:#fff; text-decoration:none;}

    .search_form .focus .btn:hover{color:#14670f;}

    .main_menu_link:hover{color:#2a8b23; text-decoration:none; z-index:202;}

    .colored .main_menu_link:hover{color:#047677;}
    .single .main_menu_link:hover{color:#827a70;}

    .sub_menu a:hover{text-decoration:none;}
    .sub_menu_list a:hover{color:#2a8b23; text-decoration:underline;}
    .sub_menu .colored a:hover{color:#d83360;}
    .sub_menu .colored .menu_group_title:hover,
    .sub_menu a.spec_offer:hover, a.spec_offer:hover .glyphicon{color:#2a8b23;}

    a.spec_offer:hover .menu_group_image{opacity:.9;}
    a.spec_offer .menu_group_title{display: block;}

    .breadcrumbs a:hover{color:#464340;}

    .image_link:hover{opacity:.8;}

    .socials_link:hover{background-color:#2a8b23;}

    .phone_link:hover{color:#1b1a19; text-decoration:none;}

    .promo_link:hover .promo_link_icon::before{opacity:0;}
    .promo_link:hover .promo_link_icon::after{opacity:1;}

    .page_sub_menu_item:hover{background-color:#000; color:#fff; text-decoration:none;}
    .page_sub_menu_item.active:hover{background-color:#000; color:#fff;}

    .custom_checkbox label:hover, .custom_radio label:hover{color:#2a8b23;}
    .custom_checkbox label:hover::before, .custom_radio label:hover::before, .color_checkbox label:hover ~ .color{border-color:#827a70;}
    .filters_is_on_item:hover{border-color:#d83360; text-decoration:line-through;}

    .catlg_list_item:hover, .catlg_list_item.hover{z-index:200;}
    .catlg_list_item:hover .catlg_list_link, .catlg_list_item.hover .catlg_list_link{position:relative; z-index:2;}
    .catlg_list_item:hover .item_state, .catlg_list_item:hover .fav_btn,
    .catlg_list_item.hover .item_state, .catlg_list_item.hover .fav_btn{z-index:3;}
    .catlg_list_link:hover{color:inherit; text-decoration:none;}
    .catlg_list_item:hover::before, .catlg_list_item.hover::before,
    .catlg_list_item:hover .store-product-inf, .catlg_list_item.hover .btn,


    .rating_area .a.label:hover{color:#464340;}

    .fav_btn:hover{border-width:2px; line-height:38px; text-decoration: none;}
    .fav_btn:hover::before{color:#f17d9c;}

    .fav_btn.active:hover, .fav_btn.active:hover::before{color:#d83360;}

    .more_images a:hover{border-color:#827a70;}
    .more_images .current a:hover{border-color:#2a8b23;}

    .slider_nav.left:hover .icon, .slider_arrow.left:hover{background-position:-20px -70px;}
    .slider_nav.right:hover .icon, .slider_arrow.right:hover{background-position:-95px -70px;}

    .tab_btn:hover{color:#d83360;}
    .current .tab_btn:hover{color:#1b1a19;}
    .tab_btn:hover::before{opacity:1;
        -webkit-transform:scale(1);
        -ms-transform:scale(1);
        -o-transform:scale(1);
        transform:scale(1);
    }

    .color:hover{border-color:#827a70;}
    .color.current:hover{border-color:#2a8b23;}

    a.main_banner:hover{color:#1b1a19; text-decoration:none;}
    a.main_banner:hover .title{color:#000;}

    .main_banner:hover .banner_image{opacity:.9;}

    a.bannder_dark:hover, a.bannder_dark:hover .title{color:#fff;}
    .bannder_dark a:hover, .bannder_dark .a:hover, .bannder_dark a:hover .glyphicon, .bannder_dark .a:hover .glyphicon{color:#2a8b23;}

    .news_short_image:hover + .news_short_content .title{color:#d83360;}
    .news_short_content .info a:hover{color:#464340;}

    .main_banner.unused:hover::before{opacity:.25;}

    .recent_view_item:hover .recent_view_remove{opacity:1;}

    .copy a:hover,
    .dev a:hover{color:#464340; text-decoration:none;}
    .dev a:hover u{color:#464340;}

    .paging_intem:hover{border-color:#2a8b23;}

    .out_link_sert_1:hover{background-position:0 -38px;}
    .out_link_sert_2:hover{background-position:-48px -38px;}
    .out_link_sert_3:hover{background-position:-146px -38px;}
    .out_link_sert_4:hover{background-position:-202px -38px;}
    .out_link_sert_5:hover{background-position:-257px -38px;}
    .out_link_sert_6:hover{background-position:-310px -38px;}
    .out_link_sert_7:hover{background-position:-363px -38px;}

    .close_form_btn:hover, .forgot_pass_link:hover{color:#000;}

    .tooltip_custom_close:hover{color:#d83360;}

    .acpmpl_box li:hover, .acpmpl_box a:hover{color:#d83360;}

    /*content*/
    .state_fixed.main_menu_area{position:fixed; z-index:209;}
    .state_fixed .main_menu_item{padding-top:0;}
    .state_fixed .main_menu_link{padding:14px 10px 13px;}
    .state_fixed .main_menu_item + .main_menu_item::before{top:23px;}
    .state_fixed .hover .main_menu_link{padding-bottom:14px;}

    .fdbcks_item_plus, .fdbcks_item_minus{transition: all .25s;}
    .fdbcks_item_plus:hover, .fdbcks_item_minus:hover{opacity: .7;}
}

.filter_label {
    display: inline-block;
    vertical-align: top;
    margin-right: 10px;
    text-transform: uppercase;
    letter-spacing: 0.12em;
}
.desktop-hide {
    display: none;
}
.filter_rez_qntt {
    padding-right: 10px;
    color: #827a70;
    line-height: 30px;
    text-align: right;
}
.filter_item {
    position: relative;
    display: inline-block;
    vertical-align: top;
}
.filter_item .drop_list_val {
    padding: 0 10px;
    font-weight: 700;
}
.drop_list_val, .js_drop_on {
    position: relative;
    cursor: pointer;
}

.drop_list.drop_list_right {
    right: 0;
}
.drop_list {
    display: none;
    position: absolute;
    top: 100%;
    cursor: default;
    z-index: 210;
}
.filter_item .drop_list {
    z-index: 190;
}
.drop_list_val:after, .caret:after {
    /*content: '\e114';
    display: inline-block;
    vertical-align: middle;
    position: relative;
    top: 0;
    margin-left: 5px;
    font-size: 8px;
    -webkit-transition: all .2s;
    transition: all .2s;*/
}

.wrapper {
    position: relative;
    width: auto;
    min-width: 320px;
    /*max-width: 1200px;*/
    margin: 0 auto;
    padding: 0 20px;
}

.catlg_list {
    margin: 0;
    padding: 0;
}

.catlg_list.col-count {
    border-left: 1px solid var(--color-brdr);
    margin: 0;
    padding: 0;
    display: flex;
    align-items: stretch;
    flex-direction: row;
    flex-wrap: wrap;
    --col-count: 4;
    margin: 0 !important;
}

@media(max-width: 768px){
    .catlg_list.col-count {
        --col-count: 2;
    }
}

@media(max-width: 480px){
    .catlg_list.col-count:not(.slick-slider) {
        --col-count: 1;
    }
    .catlg_list.col-count.slick-slider {
        --col-count: 1;
    }
}

.catlg_list_item {
    display: block;
    position: relative;
    vertical-align: top;
    width: auto;
    max-width: 100%;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 14px;
    line-height: 20px;
    text-align: left;
    white-space: normal;
    border: 1px solid var(--color-brdr);
    border-width: 0 1px 1px 0;
}

@media(max-width: 480px){
    .catlg_list_item {
        border-width: 0 1px 1px 1px;
    }
}

/*.catlg_list_item::before {
    content: '';
    position: absolute;
    left: 5px;
    top: 5px;
    width: calc(100% - 10px);
    height: calc(100% - 10px);
    padding: 0;
    border: 1px solid #dfd8d4;
    opacity: 0;
    z-index: -1;
    -webkit-transition: opacity .25s;
    transition: opacity .25s;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: border-box;
}
*/
.catlg_list_item .fav_btn {
    top: 15px;
    right: 15px;
}
.fav_btn {
    position: absolute;
    width: 40px;
    height: 40px;
    border: 1px solid;
    border-radius: 0px;
    background-color: #fff;
    color: #000;
    font-size: 20px;
    line-height: 40px;
    text-align: center;
    z-index: 2;
    cursor: pointer;
    text-decoration: none;
}
.fav_btn::before {
    top: auto;
    -webkit-transition: color .2s;
    transition: color .2s;
}
.fav_btn.glyphicon-heart:before {
    content: "\e143";
}

.fav_btn.active.glyphicon-heart:before {
    content: "\e005";
}


.item_state{
    position: relative;
    height: 20px;
    padding: 0 10px;
    border: 1px solid #000;
    background-color: rgba(255, 255, 255, .64);
    color: #000;
    font-size: 10px;
    line-height: 20px;
    text-transform: uppercase;
    margin-bottom: 10px;
}
/*.item_state::before{content:''; position:absolute; left:0; top:100%; border-right:5px solid; border-bottom:5px solid transparent; z-index:1;}
.item_state::after{content:''; position:absolute; top:0; left:100%; border-left:8px solid; border-top:10px solid transparent; border-bottom:10px solid transparent;}*/

/*.item_state.state_hit{background-color:#f88600;}
.item_state.state_hit::before{border-right-color:#ffb864;}
.item_state.state_hit::after{border-left-color:#f88600;}
.item_state.state_new{background-color:#d83360; font-size: 12px; font-weight: 600; line-height: 19px;}
.item_state.state_new::before{border-right-color:#f17d9c;}
.item_state.state_new::after{border-left-color:#d83360;}*/

.item_state_box{
    top: 20px;
    left: 10px;
    z-index: 7;
    position: absolute;
    display: flex;
    flex-direction: column;
    align-items: start;
}

.catlg_list_link {
    color: #000;
    text-decoration: none;
    padding: 0;
    position: relative;
    display: block;
}

.catlg_list_item .store-product-inf {
    opacity: 0;
    text-transform: initial;
    text-decoration: none;
    font-weight: normal;
    font-size: 10px;
}

.catlg_list_item .store-product-inf .page_fotm_link {
    padding: 0;
}

.catlg_list_item_actions {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    aspect-ratio:500/625;
    z-index: 3;
    box-sizing: content-box;
    pointer-events: none;
}
.catlg_list_item_actions:before {
    content: '';
    display: block;
    padding-bottom: 100%;
    position: relative;
}
.catlg_list_item_actions * {
    pointer-events: auto;
}

.quick_bskt_combo_input {
    height: 40px;
    padding: 5px;
    border-radius: 0px;
    background-color: #000;
    -webkit-transition: background .2s;
    transition: background .2s;

    opacity: 1;
    position: absolute;
    margin: 0 auto;
    left: 50%;
    /*transform: translateX(-50%);*/
}
.hide, .tooltip_text {
    display: none !important;
}
.page_title {
    position: relative;
    min-height: 1px;
    margin: 30px 0;
    padding: 0 25%;
    text-align: center;
}
.page_title:before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    margin-top: 2px;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #e5e5e5;
}
.page_title > span {
    display: inline-block;
    position: relative;
    padding: 0 30px;
    background-color: #fff;
    color: #827a70;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: .12em;
    text-align: center;
    z-index: 1;
}
.recent_view_area {
    overflow: hidden;
}
.recent_view_list {
    display: flex;
    align-items: stretch;
    gap: 15px;
    flex-wrap: wrap;
    margin: 0 auto;
    padding: 10px 0 0;
    font-size: 0;
    width: 100%;
}
.recent_view_item {
    position: relative;
    display: inline-block;
    vertical-align: top;
    background-color: #f0f0f0;
}
.recent_view_remove {
    position: absolute;
    top: 0;
    right: 0;
    color: #827a70;
    font-size: 14px;
    cursor: pointer;
    z-index: 1;
    opacity: 0;
    text-decoration: none !important;
    -webkit-transition: opacity .2s;
    transition: opacity .2s;
}
.recent_view_link {
    display: block;
}
.image_link {
    opacity: 1;
    -webkit-transition: opacity .15s;
    transition: opacity .15s;
}
.drop_list_ul {
    padding: 7px 20px 7px 0;
    font-size: 14px;
    line-height: 20px;
}
.drop_list_wrap {
    position: relative;
    margin: 0;
    padding: 0 20px;
    border-top: 5px solid #000;
    background-color: #fff;
    box-shadow: 0 5px 20px rgba(1,1,1,.2);
}
.drop_list_ul li {
    padding: 5px 0;
    white-space: nowrap;
}
.drop_list_ul li a {
    color: #000;
    outline: none;
    text-decoration: underline;
    cursor: pointer;
    -webkit-transition: color .15s;
    transition: color .15s;
}
@media only screen and (min-width: 1004px){
    .catlg_list_item:hover::before, .catlg_list_item.hover::before, .catlg_list_item:hover .store-product-inf, .catlg_list_item:hover .btn, .catlg_list_item.hover .btn {
        opacity: 1;
    }
}
.catlg_filters .filter_label .icon-hamburger {
    display: none;
}

/* detail cart page */
.item_main_info {
    display: flex;
    align-items: stretch;
    margin-bottom: 20px;
    border-bottom: 1px solid var(--color-brdr);
}
.item_main_info .image_box {
    position: relative;
    width: 50%;
    min-width: 50%;
    max-width: 50%;
    border-right: 1px solid var(--color-brdr);
    background-color: #f0f0f0;
}
.item_main_info .image_box img {
    padding: 0;
}

.item_main_info .image_box #zoom_wrap {
    aspect-ratio: 100 / 119;
}

.item_main_info .image_box #zoom_wrap .mousetrap {
    left: 50% !important;
    transform: translateX(-50%);
    aspect-ratio: 100 / 119;
    max-width: 100%;
    height: auto !important;
}

.cloud-zoom-big {
    background-repeat: no-repeat;
    background-color: #f0f0f0;
    z-index: 1008;
}

.cloud-zoom-lens {
    background-color: #f0f0f0;
}
.item_main_info .cart__status_list {
    left: 10px;
    top: 10px;
    z-index: 10;
}

.item_main_info .fav_btn {
    right: 10px;
    top: 10px;
    z-index: 10;
}
.cart__status_list {
    position: absolute;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    z-index: 7;
}

ul.catlg_list_crsl_wr {
    padding: 0;
}
.item_info {}

.item_info_area {}

.item_info_area .descr_box {
    padding: 30px 0;
    font-size: 12px;
}

.item_info_area .descr_box > * {
    padding-left: 30px;
    padding-right: 30px;
}
.item_main_info .mnfctrr_info {
    font-size: 12px;
    margin-bottom: 15px;
}

.item_info__name {
    display: flex;
    flex-wrap: nowrap;
    align-items: flex-start;
    justify-content: space-between;
    gap: 15px;
    margin-bottom: 15px;
}

.item_main_info h1 {
    margin-bottom: 0;
    padding: 0;
    color: #000;
    font-size: 14px;
    font-weight: 500;
    text-wrap: balance;
}

.item_main_info .colors_area {
    margin-bottom: 15px;
}

.color_name {
    margin-bottom: 5px;
}

.colors_choose {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.colors_choose .color {
    display: block;
    text-decoration: none !important;
}

.color img {
    display: block;
}

.item_main_info .rating_area {
    margin-bottom: 15px;
    white-space: normal;
}
.rating_area {
    line-height: 20px;
    white-space: nowrap;
}
.rating_area .rating {
    display: inline-block;
    vertical-align: top;
    filter: grayscale(1);
}

.item_main_info .rating_area .label {
    margin-right: 17px;
}
.rating_xl .rating + .label, .rating_xl .label + .label, .rating_xl .rating + .rating_val {
    margin-left: 17px;
}
.rating_area .rating + .label, .rating_area .label + .label, .rating_area .rating + .rating_val {
    margin-left: 7px;
}

.rating_area .label {
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
    color: #827a70;
    text-decoration: none;
}
.rating_xl .label {
    font-size: 12px;
}

.rating_xl .icon_star {
    top: 0;
}
.rating .icon_star {
    display: inline-block;
    vertical-align: top;
    top: 3px;
    filter: grayscale(1);
}
.rating_xl .icon_star {
    width: 21px;
    height: 20px;
    background-position: -350px -75px;
}
.rating_xl .icon_star.star_full {
    background-position: -350px -50px;
}
.icon_star.star_full {
    background-position: -350px 0;
}
.icon_star {
    width: 15px;
    height: 14px;
    background-position: -350px -25px;
}
.icon {
    display: inline-block;
    position: relative;
    vertical-align: baseline;
}
.sprite, .icon, .iconbefore::before, .iconafter::after, .promo_link_icon::before, .promo_link_icon::after {
    background: url(/local/images/sprite.png) 0 0 no-repeat;
    overflow: hidden;
    display: block;
    border: 0 none;
}

/*detail page price*/
.item_main_info .price_row {
    color: #000;
    margin-bottom: 0;
    font-size: 16px;
    font-weight: 500;
}

.price {
    white-space: nowrap;
}

.price .digit {
    display: inline;
    font-size: .7777em;
}

.price[data-curr]::after {
    content: ' 'attr(data-curr);
    font-size: .7777em;
}

.item_main_info .price_row .price_old {
    font-size: 14px;
    margin-bottom: 3px;
}
.item_main_info .price_row .price_economy{font-size: 16px; font-style: italic; white-space: nowrap;}
.item_main_info .price_row .price_economy .glyphicon{margin-right: 4px;}


.item_action_info {
    display: flex;
    flex-flow: column;
    gap: 15px;
    font-size: 12px;
}
.card_to_basket_link {
    display: block;
}

.stock_info {
    display: block;
}
.stock_info.in_stock {
    color: #000;
}
.item_action_info .stock_info {
    font-weight: 500;
}
.item_action_info i {
    margin-right: 7px;
}
.glyphicon-ok:before {
    content: "\e013";
}

.store-product-inf {
    cursor: pointer;
    text-decoration: underline;
    display: inline-block;
}
.delivery {
    color: #000;
}
.descr_box_details {
    font-size: 12px;
}

@media (max-width: 768px){
    .item_main_info {
        display: block;
        margin: 0 -15px;
    }

    .item_main_info .image_box {
        max-width: unset;
        min-width: unset;
        width: 100%;
        padding-bottom: 5px;
        border-right: 0 none;
    }

    .item_info_area .descr_box {
        padding-bottom: 15px;
    }

    .item_info_area .descr_box > * {
        padding-left: 16px;
        padding-right: 16px;
    }

    .item_main_info .image_box .mousetrap {
        display: none !important;
    }
}

@media (max-width: 640px) {
    .wrapper .descr_box_details,
    .wrapper .more_info,
    .wrapper .fdbcks,
    .wrapper .recent_view {
        margin-left: -16px;
        margin-right: -16px;
    }

    .wrapper .descr_box_details .tab_btns,
    .wrapper .descr_box_details .tabs_content_area,
    .wrapper .section_title,
    .wrapper .fdbcks_area,
    .wrapper .recent_view_list {
        padding-left: 16px;
        padding-right: 16px;
    }
}

.tab_btns {
    position: relative;
    margin-bottom: 22px;
}
.tab_lnk_item {
    position: relative;
    display: inline-block;
    vertical-align: top;
    padding-top: 10px;
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
}
.current .tab_btn {
    color: #1b1a19;
    cursor: default;
}

.tab_btn {
    position: relative;
    display: block;
    padding: 8px 0 16px;
    color: #000;
    text-decoration: none;
    letter-spacing: .12em;
    text-transform: uppercase;
    cursor: pointer;
}
.current .tab_btn::before {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
.tab_btn::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 3px;
    background-color: #000;
    opacity: 0;
    -webkit-transition: all .2s;
    transition: all .2s;
    -webkit-transform: scale(.1);
    -ms-transform: scale(.1);
    -o-transform: scale(.1);
    transform: scale(.1);
}
.tab_btns::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #e5e5e5;
    z-index: -1;
}
.tabs_content_area {
    position: relative;
}
.tabs_content.current {
    display: block;
}

.page_info_text {
    font-size: 14px;
}

.formated_txt {
    text-align: justify;
}
.formated_txt img:first-child{
    clear: left;
    float: left;
    margin: 0 30px 20px 0;
}
.formated_txt ul {
    padding: 0;
    margin-left: 0;
}
.formated_txt li {
    list-style: none;
}
.formated_txt > li,
.formated_txt ul li {
    position: relative;
    padding-left: 20px;
}
.formated_txt > li::before,
.formated_txt ul li::before {
    content: '';
    position: absolute;
    left: 5px;
    top: .5em;
    display: inline-block;
    vertical-align: top;
    width: 5px;
    height: 5px;
    background: #000;
    margin-right: 8px;
}
.formated_txt p a {
    text-decoration: underline;
}
.text_params {
    margin-top: 15px;
}
.note {
    color: #827a70;
    font-size: 12px;
}
.tabs_content {
    display: none;
}

.more_info {
    position: relative;
}

.item_info_area + .more_info {
    margin-top: 30px;
}

header, section, footer, aside, nav, article, figure {
    display: block;
}
.roundet_box {
    position: relative;
    border: 1px solid var(--color-brdr);
    border-radius: 0;
}
.roundet_box_title {
    position: relative;
    top: -14px;
    height: 0;
    text-align: center;
}
.roundet_box_title > span {
    display: inline-block;
    position: relative;
    top: -5px;
    padding: 0 10px;
    background-color: #fff;
    color: #000;
    font-size: 14px;
    text-transform: uppercase;
    text-align: center;
    font-weight: 500;
}

.roundet_box_title_sml {
    position: absolute;
    top: -10px;
    width: 100%;
    z-index: 1;
}
.catlg_by_with__list {
    display: grid;
    align-items: stretch;
    grid-template-columns: repeat(4, 1fr);
}

@media only screen and (max-width: 991px){
    .catlg_by_with__list {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media only screen and (max-width: 767px){
    .catlg_by_with__list {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media only screen and (max-width: 480px){
    .catlg_by_with__list {
        grid-template-columns: repeat(1, 1fr);
    }
}

.comment_box {
    padding: 0 10px 10px 10px;
    margin-top: 30px;
}

.params_title {
    margin-bottom: 5px;
    font-weight: 700;
    font-size: 16px;
}

.fdbcks {
    position: relative;
    margin-top: -1px;
}

.fdbcks_area {
    padding: 30px 0;
}
.fdbcks_total {
    float: right;
    width: 210px;
    margin-left: 30px;
}
.fdbcks_total .rating_title {
    margin-bottom: 12px;
    font-size: 14px;
    text-align: center;
}
.fdbcks_total .rating_area {
    margin-bottom: 20px;
    text-align: center;
}
.rating_area {
    white-space: nowrap;
    line-height: 20px;
}
.rating_area .rating {
    display: inline-block;
    vertical-align: top;
}

.owl-item > .catlg_list_item {
    float: none;
    margin-left: auto;
    margin-right: auto;
}
.fdbcks_item {
    font-size: 12px;
    line-height: 22px;
}
.fdbcks_item + .fdbcks_item {
    margin-top: 15px;
    padding-top: 15px;
    border-top: 1px solid var(--color-brdr);
}
.fdbcks_item_data {
    float: left;
    width: 160px;
    margin-right: 30px;
    padding-top: 6px;
    text-align: center;
}
.fdbcks_item_foto {
    width: 100px;
    height: 100px;
    margin: 0 auto 12px;
    border-radius: 50%;
    overflow: hidden;
}
.fdbcks_item_author {
    color: #000;
    font-weight: 500;
}
.fdbcks_item_time {
    color: #000;
    font-weight: 300;
}
.fdbcks_item_title {
    margin-bottom: 7px;
    font-weight: 500;
    font-size: 12px;
}
.fdbcks_item_title .rating {
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin-left: 10px;
}
.fdbcks_item_text {
    padding-bottom: 10px;
}
.fdbcks_actions {
    padding: 30px;
    border-top: 1px solid var(--color-brdr);
    text-align: center;
}
.fdbcks_item_content {
    overflow: hidden;
}
.fdbcks_list {
    overflow: hidden;
}

@media (max-width: 640px){
    .fdbcks_total {
        float: none;
        width: 100%;
        margin-left: 0;
        margin-bottom: 20px;
    }
}

/* check_out */
.check_out {
    position: relative;
    top: -1px;
    padding-top: 20px;
    border-top: 1px solid #fff;
}
.check_out > .roundet_box {
    width: 826px;
    margin: 0 auto;
}

.check_out_box {
    padding: 30px 100px;
}

.page_form {
    width: 586px;
    margin: 0 auto;
}
.check_out .page_form {
    width: 100%;
}
.page_form .form_row {
    line-height: 20px;
}

.page_form .label {
    float: left;
    width: 182px;
    font-size: 16px;
    padding: 10px 20px 0 0;
}

.page_form .rating_area {
    padding-top: 6px;
}

.check_out .page_form .label {
    width: 235px;
}

.page_form .input_area {
    margin-left: 182px;
}
.check_out .page_form .label + .input_area {
    margin-left: 235px;
}

.page_form .input {
    display: inline-block;
    vertical-align: top;
    width: 280px;
}

.check_out .page_form .input {
    width: 100%;
}

.input .text_input, .input textarea, .input select, .input .select, .input .textarea, .input .bootstrap-select {
    width: 100%;
}
.text_input {
    padding: 0 18px;
    height: 40px;
}
.text_input, textarea, select, .select {
    position: relative;
    background-color: #fff;
    border: 1px solid #dfd8d4;
    border-radius: 20px;
    box-shadow: none;
    vertical-align: top;
    color: #1b1a19;
    font: 16px 'Inter', system-ui, sans-serif;
    -webkit-transition: border-color .15s, background-color .15s;
    transition: border-color .15s, background-color .15s;
}
.page_form .form_row + .form_row {
    margin-top: 20px;
}
.page_form .form_row {
    line-height: 20px;
}
.page_form .form_actions_row {
    margin-top: 20px;
}

@media only screen and (min-width: 1004px){
    .text_input:hover, textarea:hover, select:hover, .select:hover, .combo_input:hover {
        border-color: #827a70;
    }
}
textarea, textarea.text_input {
    padding: 5px 18px;
    resize: vertical;
}
.text_input, textarea, select, .select {
    position: relative;
    background-color: #fff;
    border: 1px solid #dfd8d4;
    border-radius: 20px;
    box-shadow: none;
    vertical-align: top;
    color: #1b1a19;
    font: 16px 'Inter', system-ui, sans-serif;
    -webkit-transition: border-color .15s, background-color .15s;
    transition: border-color .15s, background-color .15s;
}
.check_out .page_form textarea {
    resize: none;
    height: 65px;
}
.check_out_box {
    padding: 30px 100px;
}
.check_row {
    cursor: pointer;
}
.check_row .custom_radio {
    font-size: 16px;
}
.custom_checkbox input, .custom_radio input {
    display: none;
}
.check_row .custom_radio input:checked + label {
    font-weight: 700;
}
.check_row .custom_radio label {
    padding-left: 30px;
    font-size: 16px;
}
.custom_checkbox label, .custom_radio label {
    position: relative;
    padding-left: 26px;
    font-size: 14px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
    -webkit-transition: color .2s;
    transition: color .2s;
}
.check_row .custom_radio .val {
    margin-left: 20px;
    color: #d83360;
    font-weight: 700;
}
.custom_radio input:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
.check_row .custom_radio label::after {
    top: 7px;
}
.custom_radio label:after {
    content: '';
    position: absolute;
    top: 4px;
    left: 4px;
    display: block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #000;
    opacity: 0;
    -webkit-transform: scale(.1);
    -ms-transform: scale(.1);
    -o-transform: scale(.1);
    transform: scale(.1);
    -webkit-transition: all .15s;
    transition: all .15s;
}
.check_row .custom_radio label::before {
    top: 4px;
}
.custom_radio label:before {
    border-radius: 50%;
}
.custom_checkbox label:before, .custom_radio label:before {
    content: '';
    display: block;
    position: absolute;
    top: 1px;
    left: 1px;
    width: 16px;
    height: 16px;
    border: 1px solid #dfd8d4;
    background-color: #fff;
    box-shadow: inset 0 2px 3px rgba(1,1,1,.1);
    color: #14670f;
    font-size: 12px;
    line-height: 14px;
    text-align: center;
    -webkit-transition: border-color .2s;
    transition: border-color .2s;
}

.check_row_text {
    padding: 5px 0 0 30px;
    color: #827a70;
    font-style: italic;
    font-size: 14px;
}
.check_out .basket_total {
    padding: 30px;
    background-color: #dfd8d4;
    border-radius: 0 0 20px 20px;
    text-align: center;
}
.basket_total {
    padding: 25px 30px;
}
.basket_total .title {
    margin-bottom: 5px;
    font-size: 16px;
    letter-spacing: .12em;
    text-transform: uppercase;
}
.total_price {
    margin-bottom: 7px;
    font-weight: 700;
    font-size: 26px;
    line-height: 1;
}
.price .digit {
    display: inline;
    font-size: .7777em;
}
.discount_info {
    margin-bottom: 15px;
    color: #d83360;
    font-style: italic;
    font-size: 14px;
}

.catlg_list_item:hover::before, .catlg_list_item.hover::before, .catlg_list_item:hover .store-product-inf, .catlg_list_item:hover .btn, .catlg_list_item.hover .btn {
    opacity: 1;
}

/* index slider products*/
.catlg_list_item .name {
    display: none;
    color: #000;
    font-weight: 700;
    text-transform: uppercase;
}

.catlg_list_item .text {
    font-size: 12px;
    text-align: left;
    text-wrap: balance;
}

.catlg_list_item .rating_area {
    padding-top: 3px;
}

.catlg_list_item .descr_area {
    padding: 18px 26px 0 26px;
}

.catlg_list_item .rating_area,
.catlg_list_item .price_row,
.catlg_list_item .store-product-inf {
    padding-left: 26px;
    padding-right: 26px;
}

.catlg_list_item .catlg_list_link{
    display: block;
}

.catlg_list_item >.store-product-inf {
    padding-bottom: 15px;
}

.product_list_index .product-container:hover .catlg_list_item_actions .btn{
    opacity: 1;
}
.product_list_index .product-container .text_input {
    float: left;
    display: inline-block;
    vertical-align: top;
    height: 30px;
    width: 26px;
    padding: 0 0 2px;
    border: none !important;
    text-align: center;
    -webkit-transition: width .2s;
    transition: width .2s;
}
.product_list_index .fav_btn {
    top: 15px;
    right: 15px;
}

.catlg_short_item .descr_area {
    display: flex;
    padding-bottom: 15px;
    flex-flow: column;
    gap: 10px;
    font-size: 12px;
    line-height: 1.4;
}

.catlg_short_item .descr_area .name {
    display: none;
}

.catlg_short_item .descr_area .price_row {
    padding-left: 0;
    padding-right: 0;
    font-size: 14px;
    font-weight: 500;
}

.top_basket .drop_list{
    display: none;
}
.favorite-block a {
    display: block;
    cursor: pointer;
    padding: 0 15px;
    color: #000;
    font-weight: 500;
    font-size: 14px;
    letter-spacing: 1.5px;
    text-transform: uppercase;
}

/*filter catalog*/
.filter_item_range .label, .filter_item_range .input {
    display: inline-block;
    vertical-align: top;
    line-height: 30px;
}
.filter_item_range .text_input {
    height: 30px;
    width: 100px;
    margin: 0 10px;
    padding: 0 10px;
}
.filters_is_on_item {
    position: relative;
    display: inline-block;
    top: 1px;
    height: 30px;
    margin: 0 0 10px;
    padding: 0 14px;
    vertical-align: top;
    border: 1px solid #dfd8d4;
    border-radius: 15px;
    color: #827a70;
    line-height: 28px;
    white-space: nowrap;
    text-decoration: none;
    -webkit-transition: all .2s;
    transition: all .2s;
}
.filters_is_on_item .glyphicon {
    margin-left: 5px;
    font-size: 10px;
}
.glyphicon-remove:before {
    content: "\e014";
}
.filter_item .custom_checkbox {
    line-height: 40px;
}
.custom_checkbox {
    position: relative;
    display: inline-block;
    vertical-align: top;
    line-height: 20px;
}
.custom_checkbox input:checked + label:before {
    content: '\e013';
}
.custom_checkbox label:before, .custom_radio label:before {
    content: '';
    display: block;
    position: absolute;
    top: 1px;
    left: 1px;
    width: 14px;
    height: 14px;
    border: 1px solid #dfd8d4;
    background-color: #fff;
    box-shadow: inset 0 2px 3px rgba(1,1,1,.1);
    color: #14670f;
    font-size: 12px;
    line-height: 14px;
    text-align: center;
    -webkit-transition: border-color .2s;
    transition: border-color .2s;
}
.drop_list_ul{
    margin-top: 0px;
}

/*catalog lazzu load*/
@media only screen and (max-width: 1004px){
    .btn_alter {
        box-shadow: none;
        border: 1px solid #2A8B23;
    }
}
.btn_alter {
    box-shadow: inset 0 0 0 1px #000;
    color: #000;
    border:0px;
    background: transparent;
}
.catlg_list_actions {
    margin-bottom: 4px;
    text-align: center;
    clear: both;
}
@media only screen and (max-width: 1004px) {
    .catlg_list_actions::before {
        content: '';
        display: table;
        clear: both;
    }
}
.glyphicon-chevron-down:before {
    content: "\e114";
}
.glyphicon-remove-sign:before {
    content: "\e083";
}


.recent_view_remove {
    position: absolute;
    top: 0;
    right: 0;
    color: #827a70;
    font-size: 14px;
    cursor: pointer;
    z-index: 1;
    opacity: 0;
    text-decoration: none !important;
    -webkit-transition: opacity .2s;
    transition: opacity .2s;
}
@media only screen and (max-width: 1004px){
    .recent_view_remove, .catlg_list_item_actions .btn {
        opacity: 1;
    }
}
/* modall form */
/*********************************FANCYBOX*************************************/
#fancybox-overlay{position:fixed; top:0; left:0; width:100%; display:none; z-index:1100;}

/*#fancybox-close, .fancy-ico{background-image:url(/images/fancybox.png);}*/


#fancybox-loading{position:fixed; top:50%; left:50%; width:40px; height:40px; margin-top:-20px; margin-left:-20px; cursor:pointer; overflow:hidden; display:none; z-index:1104;}
#fancybox-loading div{position:absolute; top:0; left:0; width:40px; height:480px; /*background-image:url(/images/fancybox.png);*/}
#fancybox-tmp{padding:0; margin:0; border:0; overflow:auto; display:none;}
#fancybox-wrap{position:absolute; top:0; left:0; padding:0; outline:none; display:none; z-index:1101;}
#fancybox-outer{position:relative; width:100%; height:100%;}
#fancybox-content{width:0; height:0; padding:0; outline:none; position:relative; border:0 solid transparent; z-index:1102;}
#fancybox-content > div{overflow:visible !important;}
#fancybox-hide-sel-frame{position:absolute; top:0; left:0; width:100%; height:100%; background:transparent; z-index:1101;}
#fancybox-close{position:absolute; top:0; right:0; display:none; border:0; z-index:1104;}
/*#fancybox-error{color:#444; font:normal 12px/20px Arial; padding:14px; margin:0;}*/
#fancybox-img{width:100%; height:100%; padding:0; margin:0; border:none; outline:none; line-height:0; vertical-align:top;}
#fancybox-frame{width:100%; height:100%; border:none; display:block;}
.store-product-block {
    background: white;
    width: 100%;
    padding: 20px;
    /* border-radius: 10px; */
}
.store-product-block .name {
    font-size: 23px;
    color: #000;
    padding: 25px 35px;
    box-sizing: border-box;
    width: 100%;
    border-bottom: 1px solid var(--color-brdr);
}
.store-product-block .table_list-header {
    background-color: #F8F8F8;
    display: flex;
    color: #282828;
}
.store-product-block .table_list .table_list_cell {
    padding: 13px 0 13px 35px;
    color: #282828;
    font-size: 14px;
    line-height: 1.5;
}
.table_list_cell.cell-1 {width: 25%;}
.table_list_cell.cell-2 {width: 50%;}
.table_list_cell.cell-3 {width: 25%;}

.store-product-block .table_list .block {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    display: flex;
    margin: 0;
}
.store-product-block .table_list .block .table_list_cell {
    opacity: 0.6;
}

.store-product-block .mfp-close {
    font: initial;
    color: black;
    font-size: 60px;
    opacity: 0.8;
    width: 60px;
    height: 60px;
    right: 15px;
    top: 20px;
    position: absolute;
}
button.mfp-close {
    overflow: visible;
    cursor: pointer;
    background: 0 0;
    border: 0;
    -webkit-appearance: none;
    display: block;
    outline: 0;
    padding: 0;
    z-index: 1046;
    -webkit-box-shadow: none;
    box-shadow: none;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
}
.store-product-block .text {
    padding: 20px 35px;
}
.page_form.wide_size .input_textarea textarea {
    height: 100px;
    width: 100%;
}
.page_form.wide_size .input_textarea {
    display: block;
    width: auto;
}
.page_fotm_link, .page_fotm_spacer {
    display: block;
    vertical-align: top;
    padding: 10px 10px 0;
    font-size: 12px;
}
.incorrect .error_msg {
    position: absolute;
    bottom: 100%;
    max-width: 300px;
    margin-bottom: 10px;
    padding: 15px 19px;
    background-color: #d83360;
    color: #fff;
    font-size: 14px;
    z-index: 10;
}
.error .error_msg, .incorrect .error_msg {
    display: block;
}
.input.correct, .input.incorrect {
    position: relative;
}
.incorrect .error_msg::before {
    content: '';
    position: absolute;
    left: 20px;
    top: 100%;
    border-top: 6px solid #d83360;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
}
/* review in detail page*/
.rating {
    font-size: 0;
}

.icon {
    display: inline-block;
    position: relative;
    vertical-align: baseline;
}
.sprite, .icon, .iconbefore::before, .iconafter::after, .promo_link_icon::before, .promo_link_icon::after {
    background: url(/local/images/sprite.png) 0 0 no-repeat;
    overflow: hidden;
    display: block;
    border: 0 none;
}

.icon_star {
    width: 15px;
    height: 14px;
    background-position: -350px -25px;
}
.icon_star.star_full {
    background-position: -350px 0;
}

.form_box.active .action_link {
    display: none;
}
.form_box .action_link {
    font-size: 14px;
    letter-spacing: .12em;
    text-transform: uppercase;
    text-decoration: none !important;
}
.form_box.active .form_box_input {
    display: block;
}
.form_box_input input {
    width: 100%;
    padding: 0;
    /* background-color: #f0f0f0; */
    border: none;
    border-radius: 5px;
    color: #1b1a19;
    font: 14px 'Inter', system-ui, sans-serif;
}
.form_box_input .btn {
    float: right;
    margin-left: 20px;
}
.btn_sml {
    height: 30px;
    border-radius: 0;
    font-size: 12px;
    line-height: 30px;
}
.form_box_input .label {
    float: left;
    margin-right: 20px;
    padding: 5px 0;
    color: #827a70;
    font-size: 14px;
    letter-spacing: .12em;
    text-transform: uppercase;
}
.form_box_input .input {
    display: block;
    overflow: hidden;
    padding: 5px 0;
    font-size: 14px;
    line-height: 20px;
}
.form_box_input .error_msg {
    position: absolute;
    top: -20px;
    left: 50%;
    transform: translate(-50%, -100%);
    width: 100%;
    max-width: 300px;
    margin-right: 40px;
    padding: 15px 19px;
    background-color: #d83360;
    color: #fff;
    z-index: 300;
}
.error .error_msg, .incorrect .error_msg {
    display: block;
}
.error_msg {
    display: none;
}
.form_box_input .error_msg::before {
    content: '';
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translate(-50%, 0px);
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-top: 6px solid #d83360;
}
.form_box.error::before {
    border-color: #d83360;
}
/*------ personal page- -----*/
.client_card_info {
    padding: 40px 100px;
}
.client_card {
    position: relative;
    float: left;
    width: 366px;
    height: 275px;
    margin-right: 30px;
}
.client_card .img_box {
    position: relative;
    width: 366px;
    overflow: visible;
}
.client_card .img {
    width: 100%;
}
.client_card .img_box::after {
    content: '';
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 29px;
    /*background: url('/local/css/../img/dnk_card_shdw.png') 50% 0 no-repeat;*/
}
.client_card_num {
    position: absolute;
    top: 20px;
    left: 20px;
    height: 40px;
    padding: 0 20px;
    background-color: #fff;
    border-radius: 20px;
    color: #000;
    font-size: 18px;
    font-weight: 700;
    line-height: 38px;
}
.client_card_stat {
    overflow: hidden;
}
.client_card_stat .h2 {
    margin: 5px 0 15px;
}
#dnk_card_num_pref {
    position: relative;
}
#dnk_card_num_pref::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 40px;
    padding: 0 0 0 19px;
    font: 16px/40px "PT Serif","Times New Roman",Georgia,Times,serif;
}
/*test*/
/*#dnk_card2_num_pref::before {
    content: '9-';
    position: absolute;
    top: 0;
    left: 0;
    height: 40px;
    padding: 0 0 0 19px;
    font: 16px/40px "PT Serif","Times New Roman",Georgia,Times,serif;
}*/
/*test*/
#dnk_card_num {
    padding-left: 33px;
    background-color: transparent;
}
.client_card_actions {
    margin-top: 30px;
}
.glyphicon-chevron-right:before {
    content: "\e080";
}
.roundet_box + .roundet_box, .content_box + .roundet_box {
    margin-top: 40px;
}
.roundet_box_wrnng {
    padding: 30px 100px 20px;
    border-bottom: 1px solid #dfd8d4;
}
.icon_discnt {
    position: relative;
    float: left;
    width: 42px;
    height: 50px;
    margin-right: 30px;
   /* background: url('/local/css/../img/icon_discnt.png') 0 0 no-repeat;*/
    -webkit-background-size: 100%;
    background-size: 100%;
}
.icon_discnt + .text {
    overflow: hidden;
}
.red, .binding {
    color: #d83360 !important;
}
.roundet_box_wrnng +.personal_info {
    padding-top: 20px;
}
.personal_info {
    padding: 40px 100px;
}
.personal_info_tbl {
    width: 100%;
}

.personal_info_tbl .label {
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    text-align: right;
}
.personal_info_tbl .cell {
    float: left;
    width: 50%;
    padding: 10px 30px;
}
.personal_info_tbl .value {
    font-size: 16px;
}
.personal_info_tbl .cell {
    float: left;
    width: 50%;
    padding: 10px 30px;
}
.personal_info .actions {
    margin-top: 20px;
    text-align: center;
}
.personal_info .actions .btn + .btn {
    margin-left: 17px;
}
.content_box + .content_box, .roundet_box + .content_box {
    margin-top: 27px;
}
.page_title {
    position: relative;
    min-height: 1px;
    margin: 30px 0;
    padding: 0 25%;
    text-align: center;
}
.page_title:before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    margin-top: 2px;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #e5e5e5;
}
.page_title > span {
    display: inline-block;
    position: relative;
    padding: 0 30px;
    background-color: #fff;
    color: #827a70;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: .12em;
    text-align: center;
    z-index: 1;
}
.orders_tbl {
    width: 100%;
    table-layout: fixed;
}
.orders_tbl th {
    padding: 8px 20px;
    background-color: #dfd8d4;
    color: #827a70;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}
.orders_tbl td {
    padding: 23px 20px 25px;
    border-bottom: 1px solid #dfd8d4;
    font-size: 16px;
}
.gray {
    color: #827a70;
}
/* personal page modal form*/
.page-overlay.active {
    display: block;
}
.page-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(255,255,255,.5);
    z-index: 1000;
}
.page_form_area {
    position: fixed;
    top: -100%;
    left: 0;
    width: 100%;
    min-width: 1000px;
    padding: 35px 0 40px;
    background-color: #fff;
    box-shadow: 0 5px 20px rgba(1,1,1,.2);
    z-index: 1040;
    -webkit-transition: top .3s;
    transition: top .3s;
}
@media not all, (-webkit-transform-3d){
    .page_form_area {
        top: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        -ms-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        -webkit-transition: -webkit-transform .3s;
        transition: transform .3s;
    }
}
@media only screen and (max-width: 1004px){
    .page_form_area {
        position: absolute;
    }
}
.page_form_area.active {
    top: 0;
    -webkit-transition: top .4s ease-out;
    transition: top .4s ease-out;
}
@media not all, (-webkit-transform-3d){
    .page_form_area.active {
        top: 0;
        -webkit-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        -webkit-transition: -webkit-transform .4s ease-out;
        transition: transform .4s ease-out;
    }
}
.bx-transform .page_form_area {
    top: 0;
    -webkit-transform: translate(0, -110%);
    -ms-transform: translate(0, -110%);
    transform: translate(0, -110%);
    -webkit-transition: -webkit-transform .3s;
    transition: transform .3s;
}
.bx-transform .page_form_area.active {
    top: 0;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-transition: -webkit-transform .4s ease-out;
    transition: transform .4s ease-out;
}
.close_form_btn {
    position: absolute;
    top: 0;
    right: 20px;
    color: #00000085;
    font-size: 24px;
    cursor: pointer;
}
.glyphicon-remove-sign:before {
    content: "\e083";
}
.personal_office{
    margin-top:20px;
    padding-bottom: 20px;
}
.personal_office .btn_alter{
    background:#000;
    color:#fff;
}
.page_form_title {
    margin-bottom: 30px;
    padding: 0 40px;
    color: #000;
    font-size: 24px;
    line-height: 1;
    text-align: center;
}
.input .text_input, .input textarea, .input select, .input .select, .input .textarea, .input .bootstrap-select {
    width: 100%;
}
.select {
    display: inline-block;
    padding: 0 25px 0 18px;
}
select, .select {
    height: 40px;
    vertical-align: baseline;
    text-align: left;
    cursor: pointer;
}
.text_input, textarea, select, .select {
    position: relative;
    background-color: #fff;
    border: 1px solid #dfd8d4;
    border-radius: 0;
    box-shadow: none;
    vertical-align: top;
    color: #1b1a19;
    font: 16px 'Inter', system-ui, sans-serif;
    -webkit-transition: border-color .15s, background-color .15s;
    transition: border-color .15s, background-color .15s;
}
.select .caret::after {
    font-size: 10px;
}
.caret::after {
    margin: 0;
    vertical-align: top;
}

.js_selectpicker{
    padding: 0 25px 0 18px;
}
/* detail page basket button */
.item_main_info .item_action {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
    gap: 15px;
    margin-top: 20px;
    margin-bottom: 20px;
    height: auto;
}
.item_main_info .item_action .btn,
.item_main_info .quick_bskt_combo_input {
    min-width: 250px;
}
.item_main_info .quick_bskt_combo_input {
    position: relative;
    left: auto;
    top: auto;
    margin: 0;
    opacity: 1;
}
.item_main_info .item_action .btn, .item_main_info .quick_bskt_combo_input {
    min-width: 250px;
}

.catlg_list_item_actions .btn, .catlg_list_item_actions .quick_bskt_combo_input {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 0);
    width: 190px;
    max-width: calc(100% - 30px);
    opacity: 0;
    -webkit-transition: opacity .2s;
    transition: opacity .2s;
}
.catlg_list_item_actions .quick_bskt_combo_input {
    opacity: 1;
}
.quick_bskt_combo_input .label {
    display: block;
    overflow: hidden;
    position: relative;
    padding: 0 5px;
    color: #827a70;
    font-style: italic;
    font-size: 14px;
    line-height: 30px;
    text-align: center;
    transition: .2s;
}
.quick_bskt_combo_input .text_input {
    float: left;
    display: inline-block;
    vertical-align: top;
    height: 30px;
    width: 26px;
    padding: 0;
    border: none !important;
    text-align: center;
    -webkit-transition: width .2s;
    transition: width .2s;
    border-radius: 0;
}
.glyphicon-shopping-cart:before {
    content: "\e116";
}
.card_to_basket_link .glyphicon {
    margin-right: 3px;
}
.item_main_info .showInOrder{
    color:#000;
    font-weight: 500;
    white-space: nowrap;
}
/* sucsess order page*/
.check_out .red_description {
    width: 65%;
    text-align: center;
    margin: 0 auto;
    color: #ca0000;
}
.check_out_summ {
    width: 100%;
    table-layout: fixed;
    margin-bottom: 20px;
}
.check_out_summ .label {
    padding-right: 30px;
    text-transform: uppercase;
    letter-spacing: .12em;
    text-align: right;
}
.check_out_summ td {
    padding: 10px 0;
    vertical-align: top;
}
.check_out_summ .val {
    padding-left: 30px;
}
.roundet_box .orders_tbl a {
    color:#000;
}
/*small basket*/

/*
detail page
*/
.delivery .icon_delivery {
    top: 3px;
}

.item_action_info i {
    margin-right: 7px;
}
.icon_delivery {
    width: 21px;
    height: 16px;
    background-position: -350px -100px;
}
.item_action_info .delivery_list {
    padding:0;
    line-height: 1.8;
}
.delivery_list li + li {
    margin-top: 10px;
}
.item_action_info .delivery .icon {
    display: inline-block;
    position: relative;
    vertical-align: baseline;
    filter: grayscale(1);
}
.roundet_box.clearfix{
    margin-top:20px;
}
.params_item + .params_item {
    margin-top: 5px;
}

@media (max-width: 768px) {
    .item_main_info .item_action {
        position: fixed;
        bottom: 0;
        margin: 0;
        padding: 0 15px;
        width: 100%;
        left: 0;
        justify-content: center;
        z-index: 1000;
        background: white;
    }

    .item_main_info .item_action .btn,
    .item_main_info .quick_bskt_combo_input {
        width: 100%;
    }

    .item_main_info .quick_bskt_combo_input .input{
        width: calc(100% - 70px);
    }

    .item_main_info .item_action .card_to_basket_link {
        display: none;
    }

}
@media (max-width: 767px) {
    .footer-container .wrapper {
        position: static;
    }
}

/*adaptive detail page*/

.adaptive-page .tabs_content_area .tabs_content {
    display: block !important;
    position: absolute;
    width: 100vw;
    max-width: 100%;
    opacity: 0;
    z-index: -1;
}
.adaptive-page .tabs_content_area .tabs_content.current {
    position: static;
    opacity: 1;
}

.adaptive-page .fdbcks_area_empty .btn {
    margin-top: 0;
}
.adaptive-page .fdbcks_area .btn {
    margin-top: 10px;
}
.adaptive-page #item_descr{
    width:100%;
}
@media (max-width: 390px){
    .adaptive-page .page_form_area.active {
        padding: 25px 0 30px;
    }
}

@media (max-width: 550px){
    .adaptive-page .close_form_btn {
        top: -15px;
        right: 15px;
    }
}
@media (max-width: 480px){
    .adaptive-page .page_form_title {
        margin-bottom: 20px;
        font-size: 16px;
    }
}
.adaptive-page .page_form.wide_size {
    width: auto;
}

@media (max-width: 599px){
    .adaptive-page .popupContentPad .page_form {
        width: auto;
    }
}
.adaptive-page .popupContentPad .form_row {
    display: flex;
    justify-content: flex-start;
}
.adaptive-page .page_form.wide_size .form_row {
    flex-direction: column;
}
@media (max-width: 480px){
    .adaptive-page .page_form .form_row {
        margin-top: 10px !important;
    }
}

.adaptive-page .popupContentPad .label {
    width: 150px;
    text-align: right;
}

.adaptive-page .page_form.wide_size .label {
    text-align: left;
    width: 100%;
    float: none;
    padding-left: 17px;
    margin-bottom: 8px;
}
@media (max-width: 599px){
    .adaptive-page .popupContentPad .label {
        padding-top: 0;
        width: 250px;
        margin-bottom: 8px;
        text-align: left;
    }
}
@media (max-width: 480px){
    .adaptive-page .page_form .label {
        font-size: 13px;
        margin-bottom: 4px;
    }
}

.adaptive-page .page_form.wide_size .input, .adaptive-page .page_form.wide_size .input_area {
    width: 100%;
}

.adaptive-page .popupContentPad .input_area {
    margin-left: 0;
}
.adaptive-page .popupContentPad .input_area input {
    padding-right: 20px;
}
.adaptive-page .page_form .input_area{
    margin-left:0px;
}
/*adaptive order page*/

.adaptive-page .basket_area {
    display: flex;
    flex-direction: column;
    top: -19px;
    border-top-width: 5px;
}

.basket_actions_wrap .basket_actions {
    float: none;
    width: 100%;
    margin: 0;
}



@media (max-width: 599px){
    .adaptive-page .basket_promo_area .promo_card_ad {
        padding: 10px;
        margin: 0 -10px;
    }
}
.adaptive-page img {
    max-width: 100%;
}
@media (max-width: 599px){
    .adaptive-page .basket_promo_area .basket_promo .action_link {
        font-size: 13px;
    }
}



.adaptive-page .basket_area {
    display: flex;
    flex-direction: column;
    top: -19px;
    border-top-width: 5px;
}

.adaptive-page .basket_area .basket_list {
    order: -1;
    width: auto;
    margin: 0 0 30px;
}
.adaptive-page .wrapper {
    width: auto;
    min-width: 320px;
}
.check_out > .roundet_box {
    width: 826px;
    margin: 0 auto;
}
.adaptive-page .check_out .roundet_box {
    width: auto;
}
@media (max-width: 550px){
    .adaptive-page .check_out .roundet_box {
        border-radius: 10px;
    }
}
.adaptive-page .check_out .check_out_box {
    padding: 20px;
}
.adaptive-page .check_out .label {
    font-size: 14px;
}
.adaptive-page .check_out .check_out_box {
    padding: 20px;
}
@media (max-width: 599px){
    .adaptive-page .page_title {
        padding: 0 10%;
        margin: 20px 0;
    }
}

@media (max-width: 550px){
    .adaptive-page .check_out .check_out_box {
        padding: 20px 10px;
    }
    .adaptive-page .check_out .label {
        display: block;
        width: auto;
        padding: 5px 16px;
        float: none;
        margin-bottom: 0 !important;
        font-size: 13px;
    }
    .adaptive-page .check_out .input_area {
        margin-left: 0 !important;
    }
    .adaptive-page .check_out .check_out_box+.roundet_box_title {
        margin-top: 15px;
        margin-bottom: 5px;
    }
    .adaptive-page .check_out .check_out_box {
        padding: 20px 10px;
    }
    .adaptive-page .check_out .page_title {
        margin: 0;
    }
    .adaptive-page .check_out .custom_radio label {
        font-size: 14px;
        width: 100%;
        box-sizing: border-box;
        display: block;
        line-height: 1.4;
    }
    .adaptive-page .check_out .custom_radio label .val {
        display: block;
        margin-left: 0;
    }
    .adaptive-page .check_out .check_out_box+.roundet_box_title {
        margin-top: 15px;
        margin-bottom: 5px;
    }
}


@media (max-width: 480px){
    .adaptive-page .page_form .form_row {
        margin-top: 10px !important;
    }
    .adaptive-page .page_form .label {
        font-size: 13px;
        margin-bottom: 4px;
    }
    .adaptive-page .page_form .text_input {
        font-size: 14px;
        height: 35px;
        padding: 0 15px;
    }
}

/*pay link*/
.pay_link {
    position: relative;
    display: inline-block;
    height: 23px;
    margin-bottom: 5px;
    vertical-align: top;
    background: url(/local/images/pay_types_x2.png) 0 0 no-repeat;
    -webkit-background-size: 640px 23px;
    background-size: 640px 23px;
}
.check_out .pay_link {
    margin: 5px 10px 0 0;
}
.pay_link_full{width:640px; background-position:0 0;}
.pay_link_vs{width:34px; background-position:0 0;}
.pay_link_mc{width:32px; background-position:-47px 0;}
.pay_link_vvs{width:45px; background-position:-91px 0;}
.pay_link_mcs{width:54px; background-position:-147px 0;}
.pay_link_wp{width:73px; background-position:-214px 0;}
.pay_link_bc{width:19px; background-position:-296px 0;}
.pay_link_halva{width:68px; background-position:-320px 0;}
.pay_link_halvaplus{width:88px; background-position:-396px 0;}
.pay_link_erip{width:35px; background-position:-492px 0;}

.copyright_block,
.pay_link_block,
.company_details_block {
    margin: 0;
    padding: 20px 15px 0;
    text-align: left;
    font-size: 12px;
}

.company_details_block {
    border-top: 1px solid var(--color-brdr);
}

.pay_link_block {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}
.pay_link_block > .pay_link {
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    opacity: 0.6;
}

.pay_link_block > .pay_link:hover {
    filter: grayscale(0);
    -webkit-filter: grayscale(0);
    opacity: 1;
}
/*adaptiv order page*/
.adaptive-page .check_out .label {
    font-size: 14px;
}
    a[href^='tel:'] {
        white-space: nowrap;
    }
@media (max-width: 599px){
    .adaptive-page .page_title {
        padding: 0 10%;
        margin: 20px 0;
    }
}
@media (max-width: 550px){
    .adaptive-page .check_out .page_title {
        margin: 0;
    }
    .adaptive-page .check_out .orders_tbl th, .adaptive-page .check_out .orders_tbl td {
        padding: 5px;
        font-size: 13px;
        text-transform: none;
    }
    .adaptive-page .check_out .label {
        display: block;
        width: auto;
        padding: 5px 16px;
        float: none;
        margin-bottom: 0 !important;
        font-size: 13px;
    }
    .adaptive-page .check_out_summ .label {
        text-align: left;
        padding-left: 0;
        padding-bottom: 0;
    }
    .adaptive-page .check_out_summ .val {
        padding: 0 0 10px;
    }
    .adaptive-page .check_out_summ tr {
        display: block;
        padding-left: 10px;
    }

}
.adaptive-page .adaptive-hide {
    display: none;
}
.adaptive-page .desktop-hide {
    display: block;
}
.adaptive-page .page_form_area.active{
    width: 100%;
    min-width: 100%;
}
/*adaptive store product form*/
@media screen and (max-width: 600px){
    #fancybox-content {
        padding: 10px;
    }
    #fancybox-wrap {
        padding-left: 20px;
    }

    .store-product-block .mfp-close {
        font-size: 40px;
        right: 0px;
        top: 0px;
    }
    .store-product-block .table_list .block {
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-align-content: stretch;
        -ms-flex-line-pack: stretch;
        align-content: stretch;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        padding: 3px 0;
    }
    .store-product-block .table_list .table_list_cell {
        padding: 2px 0 2px 20px;
    }
    .table_list-header {
        display: none !important;
    }
    .table_list_cell.cell-1 {width: 50%;-webkit-order: 1;-ms-flex-order: 1;order: 1;}
    .table_list_cell.cell-2 {width: 100%;-webkit-order: 3;-ms-flex-order: 3;order: 3;}
    .table_list_cell.cell-3 {width: 50%;-webkit-order: 2;-ms-flex-order: 2;order: 2;font-size: 12px !important;}

    .store-product-block .name {
        padding: 20px;
    }
}

.adaptive-page .site_map li ul ul {
    display: none !important;
}
@media (max-width: 599px){
    .adaptive-page .catlg_filters .right_box .icon-sort {
        display: inline-block;
        width: 14px;
        vertical-align: top;
        position: relative;
        top: 2px;
        height: 14px;
    }
}

.adaptive-page .catlg_filters .right_box .icon-sort {
    display: none;
}
.adaptive-page .desktop-hide {
    display: block;
}
.adaptive-page .adaptive-close {
    position: relative;
    width: 20px;
    height: 20px;
    font-size: 0;
}
.catlg_filters .adaptive-close {
    display: none;
}
@media (max-width: 599px){
    .adaptive-page .catlg_filters .filter_content .adaptive-close {
        position: absolute;
        top: 10px;
        right: 15px;
        z-index: 2;
        display: block;
    }
}
.adaptive-page .catlg_filters .right_box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-left: auto;
}


.adaptive-page .catlg_filters .filter_row {
    line-height: 30px;
}
.adaptive-page .catlg_filters .right_box .filter_label {
    width: 100%;
    margin-right: 0;
    text-align: right;
    padding-right: 20px;
}
.adaptive-page .desktop-hide {
    display: block;
}
.adaptive-page .catlg_filters .right_box .icon-sort {
    display: none;
}
.adaptive-page .catlg_filters .filter_sorting {
    display: flex;
    margin-top: -4px;
}
.adaptive-page .desktop-hide {
    display: block;
}
.adaptive-page .catlg_filters .right_box .drop_list_val {
    position: relative;
    min-width: 150px;
    line-height: 1.5;
    margin-top: 3px;
}
.adaptive-page .catlg_filters .drop_list {
    min-width: 100%;
}
.adaptive-page .catlg_filters .drop_list_wrap {
    padding: 0 15px;
}
.adaptive-page .catlg_filters .drop_list_ul {
    padding: 6px 0;
}
.adaptive-page .catlg_filters .drop_list_ul li {
    padding: 3px 0;
}
.adaptive-page .catlg_filters .filter_content {
    margin-left: -10px;
    margin-top: -5px;
}
.adaptive-page .adaptive-close {
    position: relative;
    width: 20px;
    height: 20px;
    font-size: 0;
}
.catlg_filters .adaptive-close {
    display: none;
}
.adaptive-page .adaptive-close::before, .adaptive-page .adaptive-close::after {
    content: '';
    display: block;
    width: 22px;
    height: 2px;
    background-color: #000000;
    opacity: 0.5;
    position: absolute;
    transform: rotate(45deg);
    top: 50%;
    left: 0;
}
.adaptive-page .adaptive-close::after {
    transform: rotate(-45deg);
}
.adaptive-page .adaptive-close::before, .adaptive-page .adaptive-close::after {
    content: '';
    display: block;
    width: 22px;
    height: 2px;
    background-color: #000000;
    opacity: 0.5;
    position: absolute;
    transform: rotate(45deg);
    top: 50%;
    left: 0;
}
.adaptive-page .catlg_filters .drop_list {
    min-width: 100%;
}
.adaptive-page .catlg_filters .drop_list_wrap {
    padding: 0 15px;
}
.adaptive-page .catlg_filters .drop_list_ul {
    padding: 6px 0;
}
.adaptive-page .catlg_filters .drop_list_ul li {
    padding: 3px 0;
}
.adaptive-page .catlg_filters .filter_content {
    margin-left: -10px;
    margin-top: -5px;
}
.adaptive-page .catlg_filters {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    padding-bottom: 17px;
}
@media (max-width: 599px){
    .adaptive-page .catlg_filters .drop_list_val::after {
        display: none;
    }
    .adaptive-page .catlg_filters .filter_content .drop_list_val, .adaptive-page .catlg_filters .filter_content .drop_list_wrap {
        padding: 0;
    }
    .adaptive-page .catlg_filters {
        position: relative;
        border-bottom: none;
    }
    .adaptive-page .catlg_filters .drop_list_val {
        background: none;
        color: #000000 !important;
    }
    .adaptive-page .catlg_filters .filter_content .filter_item_range {
        margin-bottom: 4px;
    }
    .adaptive-page .catlg_filters .filter_item_range .text_input {
        margin: 0 5px;
    }
    .adaptive-page .catlg_filters .filter_content .drop_list {
        display: block !important;
        height: auto !important;
    }
    .adaptive-page .catlg_filters .filter_content .drop_list_val, .adaptive-page .catlg_filters .filter_content .drop_list_wrap {
        padding: 0;
    }
    .adaptive-page .catlg_filters .drop_list_wrap {
        border: none;
        box-shadow: none;
    }
    .adaptive-page .catlg_filters .drop_list {
        position: static;
    }
    .adaptive-page .catlg_filters .filter_content .filter_item {
        display: block;
        margin-bottom: 5px;
        padding-bottom: 5px;
        border-bottom: 1px solid rgba(0,0,0,0.1);
    }
    .adaptive-page .catlg_filters .filter_content .adaptive-close {
        position: absolute;
        top: 10px;
        right: 15px;
        z-index: 2;
        display: block;
    }
    .adaptive-page .catlg_filters .right_box {
        margin-top: -30px;
        position: relative;
        width: 100%;
        z-index: 2;
    }
    .adaptive-page .catlg_filters .right_box .filter_row {
        background: none;
        width: 100%;
    }
    .adaptive-page .catlg_filters .filter_label {
        padding: 0 10px;
        border-right: 1px solid rgba(0,0,0,0.2);
    }
    .adaptive-page .catlg_filters .right_box .filter_label {
        border: none;
        margin-left: 50%;
        text-align: left;
    }
    .adaptive-page .catlg_filters .right_box .icon-sort {
        display: inline-block;
        width: 14px;
        vertical-align: top;
        position: relative;
        top: 2px;
        height: 14px;
    }
    .adaptive-page .catlg_filters .right_box .filter_sorting {
        display: flex;
        border-bottom: 1px solid #dfd8d4;
        padding-bottom: 5px;
        margin-top: 0;
    }
    .adaptive-page .catlg_filters .right_box .filter_rez_qntt {
        width: 50%;
        text-align: left;
    }
    .adaptive-page .catlg_filters .drop_list_val {
        background: none;
        color: #000000 !important;
    }
    .adaptive-page .catlg_filters .drop_list {
        position: static;
    }
    .adaptive-page .catlg_filters .drop_list_wrap {
        border: none;
        box-shadow: none;
    }
    .adaptive-page .catlg_filters .right_box .filter_rez_qntt {
        width: 50%;
        text-align: left;
    }
    .adaptive-page .catlg_filters .left_box {
        width: 100%;
    }
    .adaptive-page .catlg_filters .left_box .filter_row {
        left: -10px;
        width: calc(100% + 20px);
        position: relative;
        background-color: rgba(0,0,0,0.08);
    }
    .adaptive-page .catlg_filters .left_box .filter_label {
        width: 50%;
        position: relative;
        z-index: 3;
    }
    .adaptive-page .catlg_filters .filter_label {
        padding: 0 10px;
        border-right: 1px solid rgba(0,0,0,0.2);
    }
    .adaptive-page .catlg_filters .filter_content {
        position: fixed;
        top: 0;
        left: 0;
        bottom: 0;
        transform: translateX(-100%);
        transition-duration: 300ms;
        opacity: 0;
        background-color: #ffffff;
        width: 300px;
        z-index: 700;
        padding: 20px;
        overflow-y: auto;
        margin-top: 0;
    }
    .adaptive-page .catlg_filters .filter_row.active-class .filter_content {
        transform: translateX(0);
        opacity: 1;
    }
    .adaptive-page .catlg_filters .filter_content {
        position: fixed;
        top: 0;
        left: 0;
        bottom: 0;
        transform: translateX(-100%);
        transition-duration: 300ms;
        opacity: 0;
        background-color: #ffffff;
        width: 300px;
        z-index: 700;
        padding: 20px;
        overflow-y: auto;
        margin-top: 0;
    }
}
.js_drop_on .drop_list_val:after {
    -webkit-transform: scale(1, -1);
    -ms-transform: scale(1, -1);
    -o-transform: scale(1, -1);
    transform: scale(1, -1);
}

@media (max-width: 390px){
    .adaptive-page .catlg_filters .filter_rez_qntt {
        white-space: nowrap;
        align-self: flex-end;
        margin-bottom: -2px;
    }
    .adaptive-page .catlg_filters .filter_rez_qntt {
        white-space: nowrap;
        align-self: flex-end;
        margin-bottom: -2px;
    }

}
.adaptive-page .adaptive-hide {
    display: none;
}
.adaptive-page .catlg_filters .left_box {
    order: -1;
    display: flex;
    flex-direction: column;
}
.adaptive-page .catlg_filters .filter_row {
    line-height: 30px;
}
.adaptive-page .adaptive-overlay {
    z-index: 599;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.7);
    transform: translate(-100%);
}
.adaptive-page .catlg_filters .right_box .drop_list_val::after {
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: '\e114';
    vertical-align: middle;
    margin-left: 10px;
    font-size: 10px;
    transition: all .2s;
    color: rgba(0,0,0,0.55);
}
.filter_item_range .text_input {
    height: 30px;
    width: 100px;
    margin: 0 10px;
    padding: 0 10px;
}
.adaptive-page .adaptive-overlay.active-class {
    transform: none;
}
.adaptive-page .adaptive-overlay {
    z-index: 599;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.7);
    transform: translate(-100%);
}
.adaptive-page .adaptive-close::after {
    transform: rotate(-45deg);
}
.form_box .active_info{display:none; font-size:14px; letter-spacing:.12em; text-transform:uppercase;}
.active_info .clear_basket_promo{float:right; top:1px; font-size:18px; color:#827a70; text-decoration:none;}
.active_info .val{font-weight:bold;}
.form_box.is_full .active_info{display:block;}
.catlg_list_item .price {
    display: inline-block;
    margin-top: 3px;
    font-size: 18px;
    font-weight: 400;
    color: #616161;
}
.catlg_list_item .price_new, .catlg_list_item .price_economy {
    color: #d83360;
}

.price_old {
    color: #827a70;
    text-decoration: line-through;
}

.catlg_list_item .price_old {
    font-size: 14px;
    margin-top: 2px;
    margin-right: 5px;
}


/* section list view*/
.page_sub_menu_item {
    display: inline-block;
    vertical-align: top;
    height: 30px;
    padding: 0 15px;
    margin-top: 10px;
    border: 1px solid #000;
    border-radius: 0;
    background-color: transparent;
    color: #1b1a19;
    font-size: 14px;
    line-height: 28px;
    text-decoration: none;
    letter-spacing: normal;
    -webkit-transition: all .2s;
    transition: all .2s;
}
.page_sub_menu {
    margin-top: 10px;
    letter-spacing: 7px;
}
.page_sub_menu_item.active {
    background-color: #000;
    color: #fff;
    cursor: default;
}
/*.page_sub_menu_item {
    display: inline-block;
    vertical-align: top;
    height: 30px;
    padding: 0 15px;
    margin-top: 10px;
    border-radius: 15px;
    background-color: #dfd8d4;
    color: #1b1a19;
    font-size: 14px;
    line-height: 28px;
    text-decoration: none;
    letter-spacing: normal;
    -webkit-transition: all .2s;
    transition: all .2s;
}*/


/*basket item*/

.fav_link .in_favor, .fav_link.active .not_favor {
    display: none;
}
.fav_link.active .in_favor {
    display: inline;
}
.js_favorite_elem{
    cursor: pointer;
}
.form_box_input input:focus {
    outline: none;
}
.promo_card_ad a{
color:black;
}
.js_form-basket-order{
    margin-top:20px;
}
@media only screen and (max-width: 1460px) and (min-width: 992px){
    .catlg_list_item:nth-child(4n+1) {
        clear: both;
    }
}
.waitwindowlocalshadow {
    position: absolute;
    z-index: 11112;
    background-image: url(/local/images/shadow.png);
    display: none;
}

.descr_area .grouped_info{
    border: 1px solid black;
    margin: 0 20px;
    border-radius: 20px;
}
@media (max-width: 550px){
    .catlg_list_crsl_wr{
            padding-left: 0px;
    }
    .adaptive-page .catlg_filters .right_box .filter_label{
            width: 55%;
    }
    .basket_item_descr .title{
        margin-top:3px;
    }
}

.search-form input[type=submit]{
    width:30px;
    opacity: 0;
}
@media (max-width: 767px){
    .index.slide .tabs-content ,.index.slide .tabs-pane.active{
        height: 400px;
    }
    .index.slide .tabs-pane.active{
     height: 390px;
 }
    section.ads {
        padding-top: 20px;
    }
    .index.slide .goods{
        height: 390px;
    }
}

/* попап с грузовиком */


.popup_small_basket__content img {
    max-width: 100%;
    height: auto;
}
.popup_small_basket__content {
    position: relative;
    vertical-align: middle;
    background-color: #fff;
    border-radius: 2px;
    text-align: left;
    width: 560px;
    padding: 20px 30px;
}
.modal__title {
    color: #444;
    text-shadow: none;
    text-align: left;
    box-sizing: inherit;
    font-size: 1.5em;
    margin: 0 0 1em 0;
    line-height: 1.1;
    text-transform: uppercase;
    margin-bottom: .63636em;
}

.product-added {
    font-size: .8125em;
    line-height: 1.5;
    color: #444;
    text-shadow: none;
    text-align: left;
    box-sizing: inherit;
    border-bottom: 1px solid #eeeeee;
    padding-bottom: 15px;
    margin-bottom: 20px;
}

.product-added__img-box {
    font-size: .8125em;
    line-height: 1.5;
    text-shadow: none;
    box-sizing: inherit;
    background-color: transparent;
    text-decoration: none;
    cursor: pointer;
    color: #333;
    transition: color 0.2s ease;
    display: inline-block;
    width: 90px;
    padding-right: 7px;
    text-align: center;
    border-bottom: none;
}
.product-added__img-box img {
    font-size: .8125em;
    line-height: 1.5;
    text-shadow: none;
    cursor: pointer;
    color: #333;
    text-align: center;
    box-sizing: inherit;
    border: 0;
    vertical-align: middle;
    max-width: 100%;
    height: auto;
    max-height: 80px;
}
.product-added__title {
    color: #444;
    text-shadow: none;
    text-align: left;
    box-sizing: inherit;
    display: inline-block;
    width: 330px;
    padding-right: 10px;
    font-size: 12px;
    line-height: 20px;
    vertical-align: middle;
}
.product-added__price {
    font-size: .8125em;
    line-height: 1.5;
    color: #444;
    text-shadow: none;
    box-sizing: inherit;
    display: inline-block;
    width: 80px;
    padding: 0;
    text-align: right;
    vertical-align: middle;
}

.product-added__price .pink {
    color: #d829ad;
    font-size: 12px;
    padding-right: 6px;
}
.product-added__price s {
    font-size: 12px;
    color: grey;
    white-space: nowrap;
}
.product-added__price div {
    line-height: 1.3;
}
.product-added__price b {
    font-size: 18px;
    line-height: 1;
}
.modal__subtitle {
    line-height: 1.5;
    color: #444;
    text-shadow: none;
    box-sizing: inherit;
    text-align: center;
    font-size: 15px;
}
.modal__subtitle b {
    font-size: 18px;
}
.modal__free-delivery {
    font-size: .8125em;
    line-height: 1.5;
    text-shadow: none;
    text-align: left;
    box-sizing: inherit;
    position: absolute;
    display: block;
    width: 524px;
    color: white;
    margin-top: 115px;
    right: -310px;
}
.modal__free-delivery__car {
    float: left;
    margin-right: 10px;
    width: 65px;
}
.modal__free-delivery__text {
    float: left;
}
.modal__text-box p {
    margin-bottom: .64286em;
    line-height: 1.6;
    font-size: 1.07692em;
}
.modal__free-delivery__arrow {
    width: 30px;
    display: inline-block;
    position: absolute;
    top: -65px;
    margin-left: 5px;
}
.push-half--top {
    margin-top: 10px !important;
}

.popup_small_basket__btn_left {
    position: relative;
    display: inline-block;
    cursor: pointer;
    width: 49%;
    margin-right: 2%;
    font-size: 13px;
}
.popup_small_basket__btn_left:hover {

}
.popup_small_basket__btn_left:active {

}

.popup_small_basket__btn_right {
    display: inline-block;
    cursor: pointer;
    width: 49%;
    font-size: 13px;
}

.modal__close-btn{
    box-sizing: inherit;
    font: inherit;
    margin: 0;
    overflow: visible;
    text-transform: none;
    -webkit-appearance: button;
    cursor: pointer;
    outline: none;
    padding: 0;
    border: none;
    color: #32292f;
    background-image: url(/local/images/basketSmall/close.png);
    background-position: 0  0;
    width: 16px;
    height: 16px;
    position: absolute;
    top: 1.5em;
    right: 2em;
    z-index: 12000;
    background-color: transparent;
}

@media (max-width: 550px) {
    .basket_item__fix_mod .basket_item_cost {
        position: static;
    }
    .basket_item__fix_mod .basket_item_remove_btn i {
        font-size: 20px;
    }
    .basket_item__fix_mod .basket_item_actions {
        opacity: 1;
        width: 100%;
    }
}

.more_images ul {
    max-width: 100%;
    width: 100%;
    padding: 0 16px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: stretch;
    gap: 10px;
}

.more_images li {
    display: inline-block;
    vertical-align: top;
}
.more_images .current a {
    border-color: #000;
    cursor: default;
}
.more_images a {
    display: block;
    width: 68px;
    height: 80px;
    padding: 10px;
    border: 1px solid #dfd8d4;
    overflow: hidden;
    -webkit-transition: all .2s;
    transition: all .2s;
}

.catlg_list_link .image_area {
    display: block;
    border-bottom: 1px solid var(--color-brdr);
}

.catlg_list_link .image_area,
.catlg_list_link .image_area img {
    padding: 0;
    background: #f0f0f0;
    aspect-ratio: 500/625;
}
.catlg_list_link .image_area img {
    object-fit: cover;
    object-position: center;
}
.get-discount{
    width: 90%;
    background-color: #000000;
    border-radius: 0px;
    padding: 15px 18px;
    display: flex;
    align-items: center;
    margin: 15px 0;
}
.get-discount__img{
    width: 30px;
}

.get-discount__img img{
    width: 30px;
    height: auto;
}
.get-discount__text{
    width: calc(100% - 30px);
    padding-left: 10px;
    font-size: 14px;
    color: #fff;
    line-height: 140%;
}
.get-discount__text a{
    font-weight: 500;
    font-size: 14px;
    color: #fff;
    line-height: 140%;
    transition: .3s;
}
.get-discount__text a:hover{
    border-color: transparent;
}

.get-discount__popup .mfp-close {
    font: initial;
    color: #fff;
    font-size: 60px;
    opacity: 0.8;
    width: 60px;
    height: 60px;
    right: 10px;
    top: 0px;
    position: absolute;
}

.get-discount__popup{
    padding: 45px 45px 55px;
    display: flex;
    align-items: center;
    background-color: #282828;
}
.get-discount__popup-img{
    width: 105px;
}
.get-discount__popup-img img{
    width: 105px;
}
.get-discount__popup-text{
    width: calc(100% - 105px);
    padding-left: 24px;
    font-size: 15px;
    color: #fff;
}
.get-discount__popup .zag{
    font-size: 24px;
    line-height: 130%;
    color: #fff;
    margin-bottom: 10px;
}
.get-discount__popup a{
    font-weight: 500;
    font-size: 15px;
    color: #fff;
    line-height: 140%;
    transition: .3s;
}
.get-discount__popup a:hover{
    border-color: transparent;
}

@media screen and (max-width: 600px){
    .get-discount__popup{
        padding: 15px;
        flex-wrap: wrap;
    }
    .get-discount__popup-img{
        width: 100%;
        text-align: center;
        margin-bottom: 15px;
    }
    .get-discount__popup-text{
        width: 100%;
        padding-left: 0;
    }
}

@media (max-width: 620px) {
    .get-discount{
        width: 100%;
        word-wrap: break-word;
    }
}
/* End */



/* Start:/local/templates.kit/inglot/templates/.plugins/fields/css/theme.css*/
:root {

    --default-color: #2a8b23;

    --kit-color-content-s2: #54b34b;
    --kit-color-content-s: #45ab3a;
    --kit-color-content: #32ab27;
    --kit-color-content-l: #2a8b23;


    --kit-color-primary-s2: #262626;
    --kit-color-primary-s: #1a1a1a;
    --kit-color-primary: #0d0d0d;
    --kit-color-primary-l: #000000;

    --kit-color-primary-text: #FFFFFF;
    --kit-color-secondary: #f5f5f5;
    --kit-color-secondary-text: #1a1a1a;
    --kit-color: #1a1a1a;
    --kit-bg-color: #FFFFFF;

    --kit-font-family: 'Times New Roman', Georgia, Times, serif;

}



.kit-field textarea:not(:placeholder-shown),
.kit-field input[type='password']:not(:placeholder-shown),
.kit-field input[type='email']:not(:placeholder-shown),
.kit-field input[type='text']:not(:placeholder-shown),
.kit-field input[type='tel']:not(:placeholder-shown),
.kit-field .kit-field__display:not(:placeholder-shown) {
    color: #404040;
}
.kit-field textarea:not(:placeholder-shown) ~.kit-field__label,
.kit-field input[type='password']:not(:placeholder-shown) ~.kit-field__label,
.kit-field input[type='email']:not(:placeholder-shown) ~.kit-field__label,
.kit-field input[type='text']:not(:placeholder-shown) ~.kit-field__label,
.kit-field input[type='tel']:not(:placeholder-shown) ~.kit-field__label,
.kit-field .kit-field__display:not(:placeholder-shown) ~.kit-field__label {
    top: 0;
    font-size: 12px;
}


.kit-field input::-moz-placeholder {color: var(--kit-color-placeholder) !important;opacity: 0;}
.kit-field input::-webkit-input-placeholder{color: var(--kit-color-placeholder) !important;opacity: 0;}
.kit-field input:-ms-input-placeholder{color: var(--kit-color-placeholder) !important;opacity: 0;}
.kit-field input::-ms-input-placeholder{color: var(--kit-color-placeholder) !important;opacity: 0;}
.kit-field input::placeholder{color: var(--kit-color-placeholder) !important;opacity: 0;}


.kit-field input:focus::-moz-placeholder {opacity: 1;}
.kit-field input:focus::-webkit-input-placeholder{opacity: 1;}
.kit-field input:focus:-ms-input-placeholder{opacity: 1;}
.kit-field input:focus::-ms-input-placeholder{opacity: 1;}
.kit-field input:focus::placeholder{opacity: 1;}


.kit-field textarea:focus ~.kit-field__label, .kit-field input[type='password']:focus ~.kit-field__label, .kit-field input[type='email']:focus ~.kit-field__label, .kit-field input[type='text']:focus ~.kit-field__label, .kit-field input[type='tel']:focus ~.kit-field__label, .kit-field .kit-field__display:focus ~.kit-field__label {
    top: 0px;
    font-size: 12px;
}

.kit-field__icon {
    top: 0.1em;
}

.kit-field input[type='checkbox'] ~ .kit-field__hr {
    /*display: none;*/
}

.kit-field--radio-bg .kit-field__label {
    display: none !important;
}
.kit-field--radio-bg {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    pointer-events: auto !important;
}
.kit-field--radio-bg.kit-field .kit-field__hr {
    display: none;
}
.kit-field--radio-bg input[type="radio"] {
    display: none;
}

.kit-field .kit-field__hr {

}
.kit-field__icon {
    top: calc(5px + 0.1em);
    width: 17px;
    height: 17px;
}
/* End */



/* Start:/local/components/lisenkov/switchlocation/templates/.default/style.css*/
#switch-location-button{
    cursor: pointer;
    padding-left: 10px;
    padding-right: 10px;
}

.menu-popup-item-text{
    margin: 10px;
    font-size: inherit;
}

.menu-popup-item-accept2 .menu-popup-item-icon{
    background: transparent url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='16'%3E%3Cpath fill='%23525C69' fill-rule='evenodd' d='M7.477 14.702L2 9.39l2.267-2.209 3.21 3.102L16.002 2l2.267 2.209z'/%3E%3C/svg%3E") no-repeat;
}

/* End */



/* Start:/local/templates/inglot/styles.css*/
/*============================
	CSS for visual editor
	---------------------
============================*/

.catlg_list.js_catalog_product {
    width: 100%;
}

/* End */



/* Start:/local/templates/inglot/template_styles.css*/
/************** HEADER STYLES **************/

header.header {
    position: fixed;
}

/************** /HEADER STYLES **************/
/*main.index {
    height: 100%;
    padding-top: 52px;
    background: #fff;
}*/
.container {
    z-index: 0;
}
.kit-window {
    min-height: 100%;
}

/************** MAIN PAGE **************/

section.ads {
    width: 100%;
    padding: 50px 0 0;
}
section.ads .item {
    width: 393px;
    background: transparent;
}
section.ads .item.ver {
    float: left;
    height: 685px;
    margin-right: 25px;
}
section.ads .item.ver_small {
    float: left;
    height: 480px;
    margin-right: 25px;
    margin-bottom: 25px;
}
section.ads .item.rect {
    float: left;
    height: 180px;
    margin-right: 25px;
    background: #f79fab;
}
section.ads .item.sq {
    float: right;
    height: 330px;
}
section.ads .item.sq.mb {
    margin-bottom: 25px;
}
section.ads .item > a {
    height: 100%;
    text-decoration: none;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
section.ads .item.ver a {
    height: calc(100% - 190px);
}
section.ads .item.ver .subtitle {
    height: 190px;
    margin-top: -30px;
    text-align: center;
    color: #ae6175;
    font-size: 2em;
}
section.ads .item.ver .subtitle .table {
    width: 100%;
    height: 100%;
    vertical-align: middle;
}
section.ads .item.ver .subtitle .table .td {
    vertical-align: middle;
    padding: 15px 10px;
}
section.ads .item.ver .subtitle a {
    height: auto;
    color: inherit;
    font-size: inherit;
    text-decoration: none;
}

.text_on_main {
    margin-top: 40px;
    margin-bottom: 40px;
}





/************** CATALOG PAGE **************/

.breadcrumbs {
    width: 100%;
    height: 45px;
    text-align: center;
    color: #000;
    font-size: 1.1em;
}
.breadcrumbs ul.bc {
    display: inline-block;
    width: auto;
    height: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
}
.breadcrumbs ul.bc li {
    position: relative;
    display: inline-block;
    width: auto;
    margin-right: 35px;
    line-height: 45px;
}
.breadcrumbs ul.bc li:last-child {
    margin-right: 0;
}
.breadcrumbs ul.bc li:after {
    content: '\2192';
    position: absolute;
    top: 20px;
    right: -28px;
    display: block;
    width: 17px;
    height: 3px;
    line-height: 0;
}
.breadcrumbs ul.bc li:last-child:after {
    display: none;
}
.breadcrumbs ul.bc li a,
.breadcrumbs ul.bc li div {
    display: block;
    height: 100%;
    color: inherit;
    text-decoration: none;
}
.breadcrumbs ul.bc li a:hover {
    text-decoration: underline;
}
section.workArea {
    padding: 0 0 30px;
}
section.workArea .line {
    height: 100%;
}
aside.sidebar,
aside.sidenav {
    float: left;
    background: #fff;
}
aside.sidebar {
    width: 225px;
}
.nav_trigger {
    display: none;
    width: 120px;
    margin: 10px auto;
    color: #4d4d4d;
    font-size: .9em;
    z-index: 500;
}
.nav_trigger a {
    color: inherit;
    font-size: inherit;
    text-decoration: none;
}
.nav_trigger span.ico {
    width: 22px;
    height: 20px;
    margin-right: 5px;
    vertical-align: middle;
}
.nav_trigger span.ico.nav {
    background-position: -77px -76px;
}
.nav_trigger span.value {
    vertical-align: middle;
}
nav.sidenavigation {
    width: 100%;
    padding: 20px 0 0;
}
aside.sidebar .salesOut {
    width: 100%;
    height: 42px;
    margin-top: 10px;
    padding: 12px 15px 12px 45px;
    font-size: 1em;
    color: #fff;
    background: #e04141;
}
aside.sidebar .newsness {
    width: 100%;
    height: 42px;
    margin-top: 10px;
    padding: 12px 15px 12px 45px;
    font-size: 1em;
    color: #fff;
    background: #009245;
}
aside.sidebar .salesOut a,
aside.sidebar .newsness a {
    color: inherit;
    text-decoration: none;
}
aside.sidebar .salesOut span.value,
aside.sidebar .newsness span.value {
    display: inline-block;
    width: calc(100% - 45px);
    vertical-align: middle;
}
aside.sidebar .salesOut span.ico,
aside.sidebar .newsness span.ico{
    width: 38px;
    height: 17px;
    vertical-align: middle;
}
aside.sidebar .salesOut span.ico.saleout {
    background-position: -52px -146px;
}
aside.sidebar .newsness span.ico.new {
    background-position: 0 -317px;
}

section.content,
section.page {
    float: right;
    height: 100%;
    border-left: 1px dashed #b3b3b3;
}
section.content {
    width: calc(100% - 225px);
}

.searchBar,
.searchRequest {
	width: 100%;
	padding: 10px 40px;
}
.searchRequest {
	margin-bottom: 20px;
}
.searchBar input[type="text"] {
	display: inline-block;
	width: 100%;
    max-width: calc(100% - 105px);
    height: 42px;
    padding: 0 10px 0 20px;
    font-size: 1em;
    color: #000;
    line-height: 42px;
    background: #fff;
    border: 1px solid #ccc;
    outline: 0;
    border-radius: 0;
    transition: border-color .2s ease-in-out;
}
.searchBar input[type="text"]:focus {
	border-color: #000;
    transition: border-color .2s ease-in-out;
}
.searchBar input[type="submit"] {
    display: inline-block;
    width: 100px;
    height: 42px;
    padding: 0 20px;
    color: #fff;
    font-size: 1em;
    text-align: center;
    background: #000;
    border: 0;
    outline: 0;
    border-radius: 0;
}
.searchRequest span.value {
	display: block;
	padding-bottom: 10px;
	color: #000;
	font-family: 'helvetica_l';
	font-size: 1.3em;
	border-bottom: 1px solid #ccc;
}

article.catalog_unit {
    position: relative;
    float: left;
    width: 290px;
    height: 335px;
    margin: 10px 22px 20px;
    padding: 20px;
    border: 1px solid transparent;
    overflow: hidden;
    transition: all .2s ease-in-out;
}
article.catalog_unit:hover {
    border-color: #e6e6e6;
    transition: all .2s ease-in-out;
}
article.catalog_unit .icos {
    position: absolute;
    top: 30px;
    right: 10px;
    width: 50px;
    z-index: 26;
}
article.catalog_unit .icos span.ico {
    width: 50px;
    height: 22px;
    margin-bottom: 2px;
}
article.catalog_unit .icos span.ico:last-child {
    margin-bottom: 0;
}
article.catalog_unit .icos span.ico.sale {
    background-position: 0 -159px;
}
article.catalog_unit .icos span.ico.salered {
    background-position: -97px -317px;
}
article.catalog_unit .icos span.ico.dscntred {
    background-position: 0 -210px;
}
article.catalog_unit .icos span.ico.dscntblue {
    background-position: 0 -184px;
}
article.catalog_unit .icos span.ico.new {
    background-position: -42px -323px;
}

article.catalog_unit figure.image {
    position: relative;
    width: 100%;
    height: 190px;
    margin: 0;
    overflow: hidden;
}
article.catalog_unit figure.image a {
    height: 100%;
    text-decoration: none;
}
article.catalog_unit figure.image img {
    max-height: 100%;
    margin: 0 auto;
}
article.catalog_unit figure.image .more {
    display: none!important;
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 28px;
    margin-top: -14px;
    line-height: 29px;
    opacity: 0;
    z-index: 25;

    transform: scale(0);
    transition: all .2s ease-in-out
}
article.catalog_unit figure.image .more a {
    display: inline-block;
    height: 100%;
    padding: 0 15px;
    color: #fff;
    font-size: .8em;
    text-decoration: none;
    background: rgba(0,0,0,0.6);
}
article.catalog_unit figure.image .more a:hover {
    text-decoration: underline;
}
article.catalog_unit:hover figure.image .more {
    display: block;
    opacity: 1;

    transform: scale(1);
    transition: all .2s ease-in-out
}
article.catalog_unit .title {
    display: table;
    width: 100%;
    height: 45px;
    font-size: .9em;
    color: #000;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
}
article.catalog_unit .title a {
    display: table-cell;
    color: inherit;
    text-decoration: none;
    vertical-align: middle;
}
article.catalog_unit .title a:hover {
    text-decoration: underline;
}
article.catalog_unit .ctrls {
    width: 100%;
    height: 45px;
    margin-top: 10px;
    overflow: hidden;
}
article.catalog_unit .ctrls .price {
    position: relative;
    display: inline-block;
    width: calc(100% - 135px);
    height: 100%;
    font-size: 1.3em;
    font-weight: 600;
    line-height: 30px;
    vertical-align: middle;
}
article.catalog_unit .ctrls .price span.currency {
	padding-left: 5px;
}
article.catalog_unit .ctrls .price span.oldprice {
    position: absolute;
    top: 27px;
    left: 5px;
    display: inline-block;
    height: 15px;
    color: #f15a24;
    font-size: 14px;
    line-height: 16px;
}
article.catalog_unit .ctrls .price span.oldprice:before {
    content: '';
    position: absolute;
    top: 8px;
    left: -3px;
    display: block;
    width: 115%;
    height: 1px;
    background: #f15a24;
}
article.catalog_unit .ctrls .options {
    float: right;
    width: 135px;
    height: 30px;
}
article.catalog_unit .ctrls .options span.fav {
    display: inline-block;
    width: 25px;
    height: 24px;
    margin-right: 5px;
    vertical-align: middle;
}
article.catalog_unit .ctrls .options span.fav span.ico {
    width: 100%;
    height: 100%;
}
article.catalog_unit .ctrls .options span.fav span.ico.favourite {
    background-position: -93px -145px;
}
article.catalog_unit .ctrls .options span.fav a.selected span.ico.favourite,
article.catalog_unit .ctrls .options span.fav a:hover span.ico.favourite {
    background-position: -119px -145px;
}
article.catalog_unit .ctrls .options span.add2cart {
    display: inline-block;
    width: 30px;
    height: 27px;
    vertical-align: middle;
}
article.catalog_unit .ctrls .options span.add2cart span.ico {
    width: 100%;
    height: 100%;
}
article.catalog_unit .ctrls .options span.add2cart span.ico.cart {
    background-position: -52px -165px;
}
article.catalog_unit .ctrls .options span.vars {
    display: inline-block;
    width: 97px;
    height: 28px;
    color: #000;
    font-size: .7em;
    text-align: center;
    font-weight: 600;
    background: #fff;
    border: 1px solid #000;
    line-height: 27px;
    vertical-align: middle;
    transition: all .1s ease-in-out;
}
article.catalog_unit .ctrls .options span.vars:hover {
    color: #fff;
    background: #000;
    transition: all .1s ease-in-out;
}
article.catalog_unit .ctrls .options span.outOfStock {
	display: inline-block;
    width: 97px;
    font-size: .7em;
    text-align: center;
    text-transform: uppercase;
    font-weight: 600;
}
article.catalog_unit .ctrls .options span.fav a,
article.catalog_unit .ctrls .options span.add2cart a,
article.catalog_unit .ctrls .options span.vars a {
    height: 100%;
    color: inherit;
    text-decoration: none;
}

/** temporary **/

article.catalog_unit .prices_wrp {
    height: 20px;
    margin-top: 5px;
    font-size: .8rem;
    text-align: left;
}
article.catalog_unit .prices_wrp .lbl,
article.catalog_unit .prices_wrp .values,
article.catalog_unit .prices_wrp .values span.value {
    display: inline-block;
    vertical-align: baseline;
}
article.catalog_unit .prices_wrp .values span.value {
    margin-right: 5px;
}
article.catalog_unit .prices_wrp .values span.value:last-of-type {
    margin-right: 0
}
article.catalog_unit .prices_wrp .values span.value.old {
    color: #f15a24;
    text-decoration: line-through;
}

section.quickView {
    position: relative;
    display: none;
    width: 945px;
    padding: 20px;
    background: #fff;
    border: 1px solid #ccc;
    clear: both;
}
section.quickView span.close {
    position: absolute;
    top: 10px;
    right: 10px;
    display: block;
    width: 26px;
    height: 26px;
    background: url('/local/templates/inglot/../.default/images/etc/sprite.png') -103px -287px no-repeat;
    cursor: pointer;
}
section.quickView h2 {
    float: right;
    width: calc(100% - 400px);
    margin: 0 0 5px;
    font-family: 'helvetica_l';
    font-size: 2.2em;
}
figure.quick {
    float: left;
    width: 350px;
    margin: 0;
    background: #fff;
}
figure.quick .owl-stage-outer {
    border: 1px solid #ccc;
    transition: all .2s ease-in-out;
}
figure.quick .owl-stage-outer:hover {
    border-color: #000;
    transition: all .2s ease-in-out;
}
figure.quick img.pic {
    max-height: 355px;
}
figure.quick .thumbs {
    width: 350px;
    height: 110px;
    margin: 20px 0 0;
}
figure.quick .thumbs {
    width: 350px;
    height: 110px;
    margin: 20px 0 0;
}
figure.quick .thumbs button.item {
    position: relative;
    width: 107px;
    height: 100%;
    margin-left: 14px;
    padding: 0;
    background: #fff;
    border: 1px solid #ccc;
    outline: 0;
    transition: all .2s ease-in-out;
}
figure.quick .thumbs button.item:first-child {
    margin: 0;
}
figure.quick .thumbs button.item.active {
    border-color: #000;
    transition: all .2s ease-in-out;
}
figure.quick .thumbs button.item.active::before {
    content: '';
    position: absolute;
    top: -6px;
    left: 50%;
    width: 0;
    height: 0;
    margin-left: -6px;
    border-style: solid;
    border-width: 0 6px 6px 6px;
    border-color: transparent transparent #000 transparent;
}
figure.quick .thumbs button.item img {
    max-width: 100%;
}
section.quickView .features {
    float: right;
    width: calc(100% - 400px);
    font-family: 'helvetica_l';
    color: #000;
}
section.quickView .features ul.options {
    width: 100%;
    margin: 0 0 25px;
    padding: 0;
    list-style: none;
    font-size: .9em;
}
section.quickView .features p {
    margin: 0 0 20px;
    font-size: .9em;
    line-height: 19px;
}
section.quickView .features .goodsOptions {
    width: 210px;
    margin: 20px 0;
}
section.quickView .features .goodsOptions span.title {
    margin-bottom: 15px;
    font-size: 1.5em;
}
section.quickView .features .add2cart {
    height: 100%;
    padding-top: 30px;
    text-align: left;
}
section.quickView .features .price,
section.quickView .features .quantity,
section.quickView .features .control {
    display: inline-block;
    height: 42px;
    vertical-align: bottom;
}
section.quickView .features .price {
    font-size: 2em;
    font-family: 'helvetica_l';
}
section.quickView .features .price span.oldPrice,
section.quickView .features .price span.value,
section.quickView .features .price span.oldPrice span.val,
section.quickView .features .price span.oldPrice span.currency {
    display: inline-block;
    vertical-align: middle;
}
section.quickView .features .price span.oldPrice {
    position: relative;
    height: 25px;
    margin-right: 15px;
    line-height: 25px;
}
section.quickView .features .price span.oldPrice::after {
    content: '';
    position: absolute;
    top: 50%;
    left: -10%;
    display: block;
    width: 120%;
    height: 1px;
    margin-top: -1px;
    background: #df4140;
}
section.quickView .features .price span.oldPrice span.val,
section.quickView .features .price span.oldPrice span.currency {
    color: #df4140;
    font-size: 18px;
    vertical-align: top;
}
section.quickView .features .price span.currency {
    vertical-align: middle;
}
section.quickView .features .quantity {
    width: 100px;
    margin: 0 30px;
    padding-top: 5px;
    text-align: center;
}
section.quickView .features .quantity a {
    display: inline-block;
    width: 17px;
    height: 32px;
    color: #000;
    font-size: 1.5em;
    text-decoration: none;
    line-height: 30px;
    vertical-align: middle;
}
section.quickView .features .quantity a#remove,
section.quickView .features .quantity a.remove {
    text-align: right;
}
section.quickView .features .quantity a#add,
section.quickView .features .quantity a.add {
    text-align: left;
}
section.quickView .features .quantity input[type="text"] {
    display: inline-block;
    width: 40px;
    height: 32px;
    padding: 0 5px;
    background: #fff;
    font-family: 'helvetica_l';
    color: #000;
    font-size: 1.5em;
    text-align: center;
    line-height: 32px;
    vertical-align: middle;
    border: 0;
    outline: 0;
}
section.quickView .features .control {
    width: 130px;
}
section.quickView .features .control input[type="submit"],
section.quickView .features .control button {
    display: block;
    width: 100%;
    height: 100%;
    color: #fff;
    font-size: 1.1em;
    text-align: center;
    text-transform: uppercase;
    line-height: 42px;
    background: rgba(0,0,0,1);
    border: 0;
    outline: 0;
}

/************** /CATALOG PAGE **************/


/************** DETAIL PAGE **************/

section.detail {
    width: 100%;
    padding: 25px 0 55px;
}
section.detail h2 {
    float: right;
    width: calc(100% - 390px);
    margin-bottom: 20px;
    font-size: 2.2em;
}
figure.detailPic {
    float: left;
    width: 350px;
    height: auto;
    margin: 0;
}
figure.detailPic .owl-stage-outer {
    border: 1px solid #ccc;
    transition: all .2s ease-in-out;
}
figure.detailPic .owl-stage-outer:hover {
    border-color: #000;
    transition: all .2s ease-in-out;
}
figure.detailPic img.pic {
    max-height: 355px;
}
figure.detailPic .thumbs {
    width: 350px;
    height: 110px;
    margin: 20px 0 0;
}
figure.detailPic .thumbs button.item {
    position: relative;
    width: 107px;
    height: 100%;
    margin-left: 14px;
    padding: 0;
    background: #fff;
    border: 1px solid #ccc;
    outline: 0;
    vertical-align: top;
    transition: all .2s ease-in-out;
}
figure.detailPic .thumbs button.item:first-child {
    margin: 0;
}
figure.detailPic .thumbs button.item.active {
    border-color: #000;
    transition: all .2s ease-in-out;
}
figure.detailPic .thumbs button.item.active::before {
    content: '';
    position: absolute;
    top: -6px;
    left: 50%;
    width: 0;
    height: 0;
    margin-left: -6px;
    border-style: solid;
    border-width: 0 6px 6px 6px;
    border-color: transparent transparent #000 transparent;
}
figure.detailPic .thumbs button.item img {
    max-width: 100%;
    max-height: 108px;
}

section.detail .freedom,
section.detail .delivery {
    float: left;
    width: 350px;
    margin-top: 15px;
    padding: 10px;
    background: #fff;
    color: #000;
    border: 1px solid #ccc;
}
section.detail .freedom {
    font-size: 14px;
}
section.detail .delivery {
    font-size: 17px;
}
section.detail .freedom a,
section.detail .delivery a {
    display: block;
    width: 100%;
    height: 100%;
    color: inherit;
    text-decoration: none;
}
section.detail .freedom a:hover span.label,
section.detail .delivery a:hover span.label {
    text-decoration: underline;
}
section.detail .freedom figure.image {
    display: inline-block;
    width: calc(50% - 4px);
    margin: 0;
    vertical-align: middle;
}
section.detail .freedom span.label {
    display: inline-block;
    width: calc(50% - 4px);
    padding: 0 0 0 10px;
    line-height: 21px;
    vertical-align: top;
}

section.detail .delivery span.ico {
    width: 57px;
    height: 49px;
    margin-right: 10px;
    vertical-align: middle;
}
section.detail .delivery span.ico.del {
    background-position: 0 -351px;
}
section.detail .delivery span.label {
    display: inline-block;
    width: calc(100% - 75px);
    line-height: 21px;
    vertical-align: middle;
}

section.detailDscrp {
    float: right;
    width: calc(100% - 390px);
    min-height: 550px;
    font-family: 'helvetica_l';
    color: #000;
}
section.detailDscrp ul.options {
    width: 100%;
    margin: 0 0 25px;
    padding: 0;
    list-style: none;
    font-size: .9em;
}
section.detailDscrp ul.options li {
    width: 100%;
    margin-bottom: 3px;
}
section.detailDscrp ul.options li:last-child {
    margin-bottom: 0;
}
section.detailDscrp p {
    margin: 0 0 20px;
    font-size: 1em;
    line-height: 21px;
}
section.detailDscrp p:last-child {
    margin-bottom: 0;
}
section.detailDscrp .ctrls {
    width: 100%;
    /*height: 90px;*/
    height: 115px;
    margin-top: 20px;
}
section.detailDscrp .ctrls .goodsOptions,
section.detailDscrp .bottomCtrls .goodsOptions {
    float: left;
    width: 210px;
}
section.detailDscrp .ctrls .goodsOptions span.title {
    margin-bottom: 20px;
    font-size: 1.5em;
}
section.detailDscrp .ctrls .goodsOptions select {
    width: 100%;
    font-family: 'helvetica_l';
    border: 1px solid #ccc;
    line-height: 42px;
    outline: 0;
}
section.detailDscrp .ctrls .add2cart,
section.detailDscrp .bottomCtrls .add2cart {
    float: right;
    width: calc(100% - 210px);
    height: 100%;
    text-align: right;
}
section.detailDscrp .ctrls .add2cart {
	padding-top: 47px;
}
section.detailDscrp .price,
section.detailDscrp .quantity,
section.detailDscrp .control {
    display: inline-block;
    height: 42px;
    vertical-align: bottom;
}
section.detailDscrp .price {
    font-size: 2em;
    font-family: 'helvetica_l';
}
section.detailDscrp .price span.oldPrice {
    position: relative;
    display: inline-block;
    height: 25px;
    margin-right: 15px;
    line-height: 25px;
    vertical-align: middle;
}
section.detailDscrp .price span.oldPrice::after {
    content: '';
    position: absolute;
    top: 50%;
    left: -10%;
    display: block;
    width: 120%;
    height: 1px;
    margin-top: -1px;
    background: #df4140;
}
section.detailDscrp .price span.oldPrice span.val,
section.detailDscrp .price span.oldPrice span.currency,
section.detailDscrp .price span.oldPrice span.bel_rub {
    color: #df4140;
    font-size: 18px;
    vertical-align: top;
}
section.detailDscrp .price span.currency {
    vertical-align: middle;
}
section.detailDscrp .price span.value {
    display: inline-block;
    vertical-align: middle;
}
section.detailDscrp .price span.currency {
    vertical-align: middle;
}
section.detailDscrp .quantity {
    width: 100px;
    margin: 0 30px;
    padding-top: 5px;
    text-align: center;
}
section.detailDscrp .quantity a {
    display: inline-block;
    width: 17px;
    height: 32px;
    color: #000;
    font-size: 1.5em;
    text-decoration: none;
    line-height: 30px;
    vertical-align: middle;
}
section.detailDscrp .quantity a#remove,
section.detailDscrp .quantity a.remove {
    text-align: right;
}
section.detailDscrp .quantity a#add,
section.detailDscrp .quantity a.add {
    text-align: left;
}
section.detailDscrp .quantity input[type="text"] {
    display: inline-block;
    width: 40px;
    height: 32px;
    padding: 0 5px;
    background: #fff;
    font-family: 'helvetica_l';
    color: #000;
    font-size: 1.5em;
    text-align: center;
    line-height: 32px;
    vertical-align: middle;
    border: 0;
    outline: 0;
}
section.detailDscrp .control {
    width: 130px;
}
section.detailDscrp .control input[type="submit"],
section.detailDscrp .control button {
    display: block;
    width: 100%;
    height: 100%;
    color: #fff;
    font-size: 1.1em;
    text-align: center;
    text-transform: uppercase;
    line-height: 42px;
    background: rgba(0,0,0,1);
    border: 0;
    outline: 0;
    border-radius: 0;
}
section.detailDscrp .outOfStock {
	display: inline-block;
	width: 130px;
	height: 42px;
	margin-left: 30px;
	color: #000;
	font-family: 'helvetica_l';
	font-size: 1em;
	text-align: center;
	text-transform: uppercase;
	line-height: 42px;
	vertical-align: middle;
}
section.detailDscrp .outOfStock span.value {
	display: block;
}

/** temporary **/

section.detailDscrp .prices_wrp {
    height: 20px;
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    max-width: 445px;
    margin-top: 10px;
    font-size: .8rem;
    text-align: right;
    clear: both;
}
section.detailDscrp .prices_wrp .lbl,
section.detailDscrp .prices_wrp .values,
section.detailDscrp .prices_wrp .values span.value {
    display: inline-block;
    vertical-align: baseline;
}
section.detailDscrp .prices_wrp .values span.value {
    margin-right: 5px;
}
section.detailDscrp .prices_wrp .values span.value:last-of-type {
    margin-right: 0
}
section.detailDscrp .prices_wrp .values span.value.old {
    color: #f15a24;
    text-decoration: line-through;
}

/** /temporary **/


section.detailDscrp .patterns {
    width: 100%;
    margin-top: 30px;
    padding-bottom: 20px;
}
section.detailDscrp .patterns .item {
    position: relative;
    float: left;
    width: 60px;
    height: 75px;
    margin-right: 18px;
    padding: 5px;
    font-family: 'helvetica_l';
    background: #fff;
    border: 1px solid transparent;
    cursor: pointer;
    transition: all .2s ease-in-out;
}
section.detailDscrp .patterns .item:nth-child(11n),
section.detailDscrp .patterns .item:last-child{
    margin-right: 0;
}
section.detailDscrp .patterns .item.selected {
    border-color: #000;
    transition: all .2s ease-in-out;
}
section.detailDscrp .patterns .item:hover {
    border-color: #ccc;
    transition: all .2s ease-in-out;
}
section.detailDscrp .patterns .item::after {
    content: '';
    position: absolute;
    bottom: -6px;
    left: 50%;
    width: 0;
    height: 0;
    margin-left: -5px;
    border-style: solid;
    border-width: 5px 5px 0 5px;
    border-color: #ccc transparent transparent transparent;
    z-index: 15;
    opacity: 0;
    transition: all .2s ease-in-out;
}
section.detailDscrp .patterns .item:hover::after {
    opacity: 1;
    transition: all .2s ease-in-out;
}
section.detailDscrp .patterns .item figure.pic {
    width: 48px;
    height: 48px;
    margin: 0;
    overflow: hidden;
    cursor: pointer;
}
section.detailDscrp .patterns .item figure.pic a {
    height: 100%;
    text-decoration: none;
}
section.detailDscrp .patterns .item figure.pic img {
    max-width: 48px;
    max-height: 48px;
}
section.detailDscrp .patterns .item .title {
    margin-top: 2px;
    font-size: .8em;
    text-align: center;
    opacity: 0;
    transition: all .2s ease-in-out;
}
section.detailDscrp .patterns .item:hover .title {
    opacity: 1;
    transition: all .2s ease-in-out;
}
section.detailDscrp .patterns .item.selected .title {
    opacity: 1;
}
section.detailDscrp .patterns .item .preview {
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -85px;
    width: 170px;
    height: 192px;
    padding: 5px;
    background: #fff;
    border: 1px solid #ccc;
    opacity: 0;
    z-index: -1;
    transform: translateY(104%);
    transition: all .2s ease-in-out;
}
section.detailDscrp .patterns .item:hover .preview {
    opacity: 1;
    z-index: 15;
    transition: all .2s ease-in-out .1s;
}
section.detailDscrp .patterns .item:first-child .preview,
section.detailDscrp .patterns .item.first .preview {
    transform: translate(55px, 104%);
}
section.detailDscrp .patterns .item:last-child .preview,
section.detailDscrp .patterns .item.last .preview {
    left: 0px;
    margin-left: 0px;
    transform: translate(-112px, 104%);
}
section.detailDscrp .patterns .item .preview a {
    height: 100%;
    text-decoration: none;
}
section.detailDscrp .patterns .item .preview figure.image {
    width: 160px;
    height: 160px;
    margin: 0;
    overflow: hidden;
}
section.detailDscrp .patterns .item .preview figure.image img {
    max-width: 160px;
    width: 160px;
    max-height: 160px;
    height: 160px;
}
section.detailDscrp .patterns .item .preview .title {
    width: 100%;
    margin-top: 2px;
    font-size: .9em;
    text-align: center;
    opacity: 1;
}
section.detailDscrp .patterns .item span.ico {
    position: absolute;
    left: 1px;
    top: 29px;
    width: 50px;
    height: 22px;
}
section.detailDscrp .patterns .item span.ico.saleout {
    background-position: -97px -317px;
}
section.detailDscrp .patterns .item span.ico.new {
    background-position: -42px -323px;
}

section.detailDscrp .bottomCtrls {
    width: 100%;
    padding-top: 20px;
    border-top: 1px dashed #ccc;
}

/** temporary **/

section.detailDscrp .bottomCtrls .prices_wrp {
    display: block;
    width: auto;
    max-width: none;
    text-align: left;
}

/************** /DETAIL PAGE **************/

/************** SECTION INCLUDE **************/

section.include {
    width: 100%;
    height: auto;
    padding-bottom: 50px;
}
section.include .h4 {
    padding: 10px 0;
    font-size: 1.2em;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}
section.include .line {
    position: relative;
}

.recommended {
    position: relative;
    width: 100%;
    /*height: 400px;*/
    height: 435px;
}
.recommended .owl-stage-outer,
.recommended .owl-stage,
.recommended .owl-item {
    position: relative;
    height: 100%;
    z-index: 10;
}
.recommended .owl-item {
    padding: 0 30px;
    border: 1px solid transparent;
}
.recommended .owl-item:hover {
    border-color: #ccc;
}
.recommended article.item {
    position: relative;
    width: 100%;
    height: 100%;
}
.recommended article.item figure.preview {
    display: table;
    width: 100%;
    height: 300px;
    margin: 0;
}
.recommended article.item figure.preview a {
    display: table-cell;
    vertical-align: bottom;
}
.recommended article.item figure.preview img {
    display: inline-block;
    width: auto;
    max-width: 235px;
    max-height: 300px;
}
.recommended article.item .title {
    display: table;
    width: 100%;
    height: 45px;
    font-size: .9em;
    color: #000;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
}
.recommended article.item .title a {
    display: table-cell;
    color: inherit;
    text-decoration: none;
    vertical-align: middle;
}
.recommended article.item .title a:hover {
    text-decoration: underline;
}
.recommended article.item .ctrls {
    width: 100%;
    height: 45px;
    margin-top: 10px;
    overflow: hidden;
}
.recommended article.item .ctrls .price {
    position: relative;
    display: inline-block;
    width: calc(100% - 135px);
    height: 100%;
    font-size: 1.4em;
    font-weight: 600;
    line-height: 30px;
    text-align: left;
    vertical-align: middle;
}
.recommended article.item .ctrls .price span.oldprice {
    position: absolute;
    top: 27px;
    left: 5px;
    display: inline-block;
    height: 15px;
    color: #f15a24;
    font-size: 14px;
    line-height: 16px;
}
.recommended article.item .ctrls .price span.oldprice:before {
    content: '';
    position: absolute;
    top: 8px;
    left: -3px;
    display: block;
    width: 115%;
    height: 1px;
    background: #f15a24;
}
.recommended article.item .ctrls .options {
    float: right;
    width: 135px;
    height: 30px;
}
.recommended article.item .ctrls .options span.fav {
    display: none;
    /*display: inline-block;*/
    width: 25px;
    height: 24px;
    margin-right: 5px;
    vertical-align: middle;
}
.recommended article.item .ctrls .options span.fav span.ico {
    width: 100%;
    height: 100%;
}
.recommended article.item .ctrls .options span.fav span.ico.favourite {
    background-position: -93px -145px;
}
.recommended article.item .ctrls .options span.fav a.selected span.ico.favourite,
.recommended article.item .ctrls .options span.fav a:hover span.ico.favourite {
    background-position: -119px -145px;
}
.recommended article.item .ctrls .options span.add2cart {
    display: inline-block;
    width: 30px;
    height: 27px;
    vertical-align: middle;
}
.recommended article.item .ctrls .options span.add2cart span.ico {
    width: 100%;
    height: 100%;
}
.recommended article.item .ctrls .options span.add2cart span.ico.cart {
    background-position: -52px -165px;
}
.recommended article.item .ctrls .options span.vars {
    display: inline-block;
    width: 97px;
    height: 28px;
    color: #000;
    font-size: .75em;
    text-align: center;
    font-weight: 600;
    background: #fff;
    border: 1px solid #000;
    line-height: 27px;
    vertical-align: middle;
    transition: all .1s ease-in-out;
}
.recommended article.item .ctrls .options span.vars:hover {
    color: #fff;
    background: #000;
    transition: all .1s ease-in-out;
}
.recommended article.item .ctrls .options span.fav a,
.recommended article.item .ctrls .options span.add2cart a,
.recommended article.item .ctrls .options span.vars a {
    height: 100%;
    color: inherit;
    text-decoration: none;
}

/** temporary **/

.recommended article.item .prices_wrp {
    height: 20px;
    margin-top: 5px;
    font-size: .8rem;
    text-align: left;
}
.recommended article.item .prices_wrp .lbl,
.recommended article.item .prices_wrp .values,
.recommended article.item .prices_wrp .values span.value {
    display: inline-block;
    vertical-align: baseline;
}
.recommended article.item .prices_wrp .values span.value {
    margin-right: 5px;
}
.recommended article.item .prices_wrp .values span.value:last-of-type {
    margin-right: 0
}
.recommended article.item .prices_wrp .values span.value.old {
    color: #f15a24;
}

/** temporary **/


.recommended .owl-controls {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.recommended .owl-controls .owl-prev,
.recommended .owl-controls .owl-next {
    position: absolute;
    top: 50%;
    width: 24px;
    height: 30px;
    margin-top: -15px;
    background: url('/local/templates/inglot/../.default/images/etc/sprite.png') no-repeat;
    cursor: pointer;
    z-index: 15;
}
.recommended .owl-controls .owl-prev {
    left: -20px;
    background-position: -33px -42px;
}
.recommended .owl-controls .owl-next {
    right: -20px;
    background-position: -68px -42px;
}
.recommended article.item a.eye {
    display: none!important;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 120px;
    height: 30px;
    margin: -21px 0 0 -60px;
    color: #fff;
    font-size: .8em;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    line-height: 30px;
    background: rgba(0,0,0,0.5);
    opacity: 0;
    z-index: -1;
    transition: all .2s ease-in-out;
}
.recommended article.item a.eye:hover {
    text-decoration: underline;
}
.recommended article.item:hover a.eye {
    opacity: 1;
    z-index: 20;
    transition: all .2s ease-in-out;
}

/************** /SECTION INCLUDE **************/



/************** AUTH PAGE **************/

section.auth {
    width: 100%;
    max-width: 800px;
    margin: 0 auto;
    padding: 40px 0;
    font-family: 'helvetica_l';
}
section.auth h3 {
    margin-bottom: 25px;
    font-family: 'helvetica_l';
    font-size: 1.3em;
}

section.action {
    float: left;
    padding-top: 15px;
    padding-bottom: 100px;
}
section.action.logIn {
    width: 370px;
    padding-right: 70px;
}
section.action.reg {
    width: 425px;
    padding-left: 70px;
    border-left: 1px solid #b3b3b3;
}
section.action.restore {
	width: 100%;
	max-width: 500px;
}
section.action .unit {
    width: 100%;
    margin-bottom: 20px;
}
section.action .unit:last-of-type {
    margin-top: 30px;
    margin-bottom: 0;
}
section.action .agreement {
    width: 100%;
    margin: 35px 0;
}
section.action .unit span.label {
    height: 20px;
    font-size: .85em;
    margin-bottom: 3px;
}
section.action .unit .input {
    width: 100%;
    height: 42px;
}
section.action .unit .calendar,
section.action .unit .gender {
    display: inline-block;
    height: 100%;
    vertical-align: top;
}
section.action .unit .calendar {
    width: 165px;
    margin-right: 34px;
}
section.action .unit .gender {
    width: 150px;
}

section.action .unit label {
    float: left;
    display: block;
    width: 50%;
    height: 100%;
}
section.action .unit label input[type="radio"] {
    display: none;
}
section.action .unit label span.value {
    display: block;
    width: 100%;
    height: 100%;
    color: #000;
    font-size: .85em;
    text-align: center;
    line-height: 42px;
    cursor: pointer;
    background: #fff;
    border: 1px solid #ccc;
    transition: all .2s ease-in-out;
}
section.action .unit label span.value:hover {
    color: #fff;
    background: #000;
    border-color: transparent;
    transition: all .2s ease-in-out;
}
section.action .unit label:first-of-type span.value {
    border-right: 0;
}
section.action .unit label input[type="radio"]:checked + span.value {
    color: #fff;
    background: #000;
    box-shadow: none;
    border-color: transparent;
    transition: all .2s ease-in-out;
}
section.action .unit input[type="text"],
section.action .unit input[type="email"],
section.action .unit input[type="password"] {
    display: block;
    width: 100%;
    height: 100%;
    padding: 0 10px 0 20px;
    font-size: 1em;
    color: #000;
    line-height: 42px;
    background: #fff;
    border: 1px solid #ccc;
    outline: 0;
    border-radius: 0;
    transition: all .2s ease-in-out;
}
section.action .unit .calendar input[type="text"] {
    background: #fff url('/local/templates/inglot/../.default/images/etc/calendar.jpg') right 8px center no-repeat
}
section.action .unit input[type="submit"] {
    display: inline-block;
    max-width: 300px;
    height: 100%;
    padding: 0 20px;
    color: #fff;
    font-size: 1em;
    text-align: left;
    background: #000;
    border: 0;
    outline: 0;
    border-radius: 0;
}
section.action.restore .unit input[type="submit"] {
	display: inline-block;
	width: auto;
	padding: 0 20px;
}
section.action .unit input[type="text"]:focus,
section.action .unit input[type="email"]:focus,
section.action .unit input[type="password"]:focus {
    border-color: #000;
    transition: all .2s ease-in-out;
}
section.action .unit a {
    display: inline-block;
    margin: 10px 0;
    color: #43aaf9;
    font-size: 1em;
    text-decoration: underline;
}
section.action .unit a:hover {
    text-decoration: none;
}

section.action .agreement label {
    display: block;
    width: 100%;
}
section.action .agreement label input[type="checkbox"] {
    display: inline-block;
    width: 13px;
    height: 13px;
    margin: 2px 5px 0 0;
    cursor: pointer;
    vertical-align: top;
}
section.action .agreement label span.value {
    display: inline-block;
    width: calc(100% - 25px);
    font-size: .9em;
    cursor: pointer;
    line-height: 19px;
    vertical-align: top;
}
section.action .agreement label span.value a {
    color: #43aaf9;
    text-decoration: underline;
}
section.action .agreement label span.value a:hover {
    text-decoration: none;
}

section.action .viaSocial {
    width: 100%;
    margin-top: 50px;
}
ul.loginViaSocial {
    width: 100%;
    height: 48px;
    margin: 0;
    padding: 0;
    list-style: none;
}
ul.loginViaSocial li {
    display: inline-block;
    width: 48px;
    height: 48px;
    margin-right: 17px;
    vertical-align: top;
}
ul.loginViaSocial li:last-of-type {
    margin-right: 0;
}
ul.loginViaSocial li a {
    height: 100%;
    text-decoration: none;
    background: url('/local/templates/inglot/../.default/images/etc/sprite.png') no-repeat;
    opacity: .8;
    transition: opacity .2s ease-in-out;
}
ul.loginViaSocial li a:hover {
    opacity: 1;
    transition: opacity .2s ease-in-out;
}
ul.loginViaSocial li a.fb {
    background-position: 0 -236px;
}
ul.loginViaSocial li a.gplus {
    background-position: -49px -236px;
}
ul.loginViaSocial li a.vk {
    width: 49px;
    background-position: -98px -236px;
}
ul.loginViaSocial li a.ok {
    background-position: -98px -186px;
}
#uLogin1 {
    width: 100%!important;
    height: 48px!important;
    margin: 0!important;
    padding: 0!important;
}
#uLogin1 > div {
    width: 100%!important;
}
#uLogin1 > img {
    display: none!important;
}
#uLogin1 div.facebook,
#uLogin1 div.googleplus,
#uLogin1 div.vkontakte,
#uLogin1 div.odnoklassniki {
    display: inline-block!important;
    width: 48px!important;
    height: 48px!important;
    margin-right: 17px!important;
    vertical-align: top!important;
    background: url('/local/templates/inglot/../.default/images/etc/sprite.png') no-repeat!important;
    opacity: .8!important;
    transition: opacity .2s ease-in-out!important;
}
#uLogin1 div.facebook {
    background-position: 0 -236px!important;
}
#uLogin1 div.googleplus {
    background-position: -49px -236px!important;
}
#uLogin1 div.vkontakte {
    width: 49px!important;
    background-position: -98px -236px!important;
}
#uLogin1 div.odnoklassniki {
    background-position: -98px -186px!important;
}
#uLogin1 div.facebook:hover,
#uLogin1 div.googleplus:hover,
#uLogin1 div.vkontakte:hover,
#uLogin1 div.odnoklassniki:hover {
    opacity: 1!important;
    transition: opacity .2s ease-in-out!important;
}


/************** /AUTH PAGE **************/


/************** FRANCHISING / CONTENT PAGE **************/

section.franchising,
section.common {
    width: 100%;
    max-width: 1060px;
    margin: 0 auto;
    padding: 40px 0 80px;
    font-family: 'helvetica_l';
}
section.franchising h2,
section.franchising h3,
section.franchising h4,
section.franchising h5,
section.common h2,
section.common h3,
section.common h4,
section.common h5 {
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
    font-family: 'helvetica_l';
}
section.franchising h2,
section.common h2 {
    font-size: 2.1em;
    margin-bottom: 25px;
}
section.common h2.huge {
    font-size: 4em;
    margin-bottom: 35px;
}
section.franchising h3,
section.common h3 {
    font-size: 1.8em;
    margin-bottom: 20px;
}
section.franchising h4,
section.common h4 {
    font-size: 1.5em;
    margin-bottom: 15px;
}
section.franchising h5,
section.common h5 {
    font-size: 1.2em;
    margin-bottom: 15px;
}
section.franchising p,
section.common p {
    max-width: 800px;
    margin: 0 auto 10px;
    font-family: 'helvetica_l';
    color: #000;
    font-size: .9em;
    line-height: 22px;
}
section.franchising a,
section.common a {
    font-size: inherit;
    color: #6fc0f8;
    text-decoration: underline;
}
section.franchising a:hover,
section.common a:hover {
    text-decoration: none;
}
img.onehalf {
    display: inline-block;
    width: calc(50% - 4px);
    height: auto;
    margin: 15px 0;
    vertical-align: top;
}
img.full {
    display: inline-block;
    width: 100%;
    height: auto;
    margin: 15px auto;
}
section.franchising iframe,
section.common iframe {
    width: 100%;
    height: 595px;
    border: 0;
}
section.franchising ul,
section.franchising ol,
section.common ul,
section.common ol {
    display: block;
    max-width: 800px;
    margin: 15px auto;
    padding: 0;
    list-style: none;
    font-size: .9em;
}
section.franchising ul li,
section.franchising ol li,
section.common ul li,
section.common ol li {
    position: relative;
    margin: 0 0 10px;
    padding: 0 0 0 20px;
}
section.franchising ul li:last-child,
section.franchising ol li:last-child,
section.common ul li:last-child,
section.common ol li:last-child {
    margin: 0;
}
section.franchising ul li::before,
section.common ul li::before {
    content: '';
    position: absolute;
    top: 8px;
    left: 0;
    display: block;
    width: 15px;
    height: 1px;
    background: #000;
}
section.franchising ol li::before,
section.common ol li::before {
    content: '';
    position: absolute;
    top: 6px;
    left: 0;
    display: block;
    width: 4px;
    height: 4px;
    background: #000;
    border-radius: 50%;
}
section.franchising .file,
section.common .file {
    max-width: 800px;
    margin: 50px auto;
}
section.franchising .file span.ico,
section.common .file span.ico {
    width: 24px;
    height: 32px;
    margin-right: 5px;
}
section.franchising .file span.ico.doc,
section.common .file span.ico.doc {
    background-position: -140px -39px;
}
section.franchising .file span.value,
section.common .file span.value {
    display: inline-block;
    max-width: calc(100% - 30px);
    font-size: 1em;
    vertical-align: bottom;
}

section.franchising .agency {
    max-width: 800px;
    margin: 40px auto;
}
section.franchising .agency .unit {
    width: 100%;
    margin-bottom: 15px;
    color: #000;
    font-size: .9em;
}
section.franchising .agency .unit:last-of-type {
    margin-bottom: 0;
}
section.franchising .agency .unit span {
    margin-bottom: 3px;
}
section.franchising .agency .unit a {
    color: inherit;
    text-decoration: none;
}
section.franchising .agency .unit a:hover {
    text-decoration: underline;
}
.feedback {
    max-width: 800px;
    margin: 60px auto 0;
}
.feedback .unit {
    width: 350px;
    margin-bottom: 15px;
}
.feedback .unit:last-of-type {
    margin-top: 30px;
    margin-bottom: 0;
}
.feedback .unit span.label {
    height: 20px;
    font-size: .85em;
    margin-bottom: 3px;
}
.feedback .unit .input {
    width: 100%;
    height: 42px;
}
.feedback .unit input[type="text"],
.feedback .unit input[type="tel"],
.feedback .unit input[type="email"],
.feedback .unit input[type="password"] {
    display: block;
    width: 100%;
    height: 100%;
    padding: 0 10px 0 20px;
    font-size: 1em;
    color: #000;
    line-height: 42px;
    background: #fff;
    border: 1px solid #ccc;
    outline: 0;
    border-radius: 0;
    transition: all .2s ease-in-out;
}
.feedback .unit input[type="submit"] {
    display: inline-block;
    height: 100%;
    padding: 0 25px;
    color: #fff;
    font-size: 1em;
    text-align: center;
    background: #000;
    border: 0;
    outline: 0;
    border-radius: 0;
}
.feedback .unit input[type="text"]:focus,
.feedback .unit input[type="tel"]:focus,
.feedback .unit input[type="email"]:focus,
.feedback .unit input[type="password"]:focus {
    border-color: #b3b3b3;
    transition: all .2s ease-in-out;
}


/************** /FRANCHISING / CONTENT PAGE **************/


/************** STYLE PAGE **************/

section.style,
section.makeup {
    max-width: 1190px;
    margin: 0 auto;
    padding: 40px 0;
}
section.style h2,
section.style h3,
section.style h4,
section.style h5,
section.makeup h2,
section.makeup h3,
section.makeup h4,
section.makeup h5 {
    font-family: 'helvetica_l';
}
section.style h2,
section.makeup h2 {
    font-size: 2.1em;
    margin-bottom: 25px;
}
section.style h3,
section.makeup h3 {
    font-size: 1.7em;
    margin-bottom: 20px;
}
section.style h4,
section.makeup h4 {
    font-size: 1.5em;
    margin-bottom: 15px;
}
section.style h5,
section.makeup h5 {
    font-size: 1.2em;
    margin-bottom: 15px;
}
section.style .items_wrap,
section.makeup .items_wrap {
    position: relative;
}
article.styleItem {
    display: inline-block;
    width: 285px;
    max-height: 350px;
    margin: 20px 10px 0 0;
    padding: 10px;
    border: 1px solid transparent;
    vertical-align: top;
    transition: border-color .2s ease-in-out;
}
article.styleItem:hover {
    border-color: #ccc;
    transition: border-color .2s ease-in-out;
}
article.styleItem:nth-child(4n) {
    margin-right: 0;
}
article.styleItem figure.pic {
    width: 100%;
    max-height: 265px;
    margin: 0 0 10px;
    overflow: hidden;
}
article.styleItem figure.pic img {
    max-height: 265px;
    margin: 0 auto;
}
article.styleItem .title {
    width: 100%;
    max-height: 55px;
    font-family: 'helvetica_l';
    font-size: 1em;
    color: #000;
    overflow: hidden;
}
article.styleItem .title a {
    font-size: inherit;
    color: inherit;
    text-decoration: none;
    line-height: 18px;
}
article.styleItem .title a:hover {
    text-decoration: underline;
}
section.style a.more {
    display: inline-block;
    height: 42px;
    margin-top: 35px;
    padding: 0 25px;
    color: #ddd;
    font-family: 'helvetica_l';
    font-size: 1em;
    text-align: center;
    text-decoration: none;
    line-height: 42px;
    background: #000;
    border-radius: 0;
}

article.makeupItem {
    position: relative;
    display: inline-block;
    width: 170px;
    height: 170px;
    margin: 35px 26px 15px 0;
    vertical-align: top;
    overflow: hidden;
}
article.makeupItem:nth-child(6n) {
    margin-right: 0;
}
article.makeupItem figure.pic {
    width: 100%;
    height: 100%;
    max-height: 170px;
    margin: 0;
    overflow: hidden;
}
article.makeupItem .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    font-family: 'helvetica_l';
    background: rgba(0,0,0,0.7);
    z-index: 5;

    transform: translateY(-100%);
    transition: all .2s ease-in-out .3s;
}
article.makeupItem .overlay span.value {
    width: 100%;
    height: 100%;
    padding: 10px;
    color: #ddd;
    font-size: .9em;
    line-height: 18px;
}
article.makeupItem a.quickview {
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 42px;
    height: 42px;
    margin-left: -21px;
    background: rgba(255,255,255,0.6) url('/local/templates/inglot/../.default/images/etc/sprite.png') -96px -35px no-repeat;
    z-index: 6;

    transform: translateY(100%);
    transition: all .2s ease-in-out;
}
article.makeupItem:hover .overlay {
    transform: translateY(0);
    transition: all .2s ease-in-out;
}
article.makeupItem:hover a.quickview {
    bottom: 15px;

    transform: translateY(0);
    transition: all .5s ease-in-out .2s;
}

#lightbox .share {
    position: absolute;
    top: 0;
    left: -32px;
    width: 32px;
    z-index: 20;
}
#lightbox .share a {
    width: 32px;
    height: 32px;
    margin-bottom: 5px;
    text-decoration: none;
    background: transparent url('/local/templates/inglot/../.default/images/etc/sprite.png') no-repeat;
}
#lightbox .share a:last-of-type {
    margin-bottom: 0;
}
#lightbox .share a.fb {
    background-position: 0 -112px;
}
#lightbox .share a.vk {
    background-position: -33px -112px;
}
#lightbox .share a.tw {
    background-position: -66px -112px;
}
#lightbox .share a.inst {
    background-position: -132px -112px;
}


/************** /STYLE PAGE **************/

/************** MASTER CLASS PAGE **************/

section.common span.photoSubText {
    max-width: 650px;
    margin: 20px auto;
    color: #000;
    font-family: 'helvetica_l';
    font-size: 1.2em;
    text-align: center;
    line-height: 23px;
}

.stepWrapper {
    max-width: 960px;
    margin: 40px auto 0;
}
.stepWrapper .step {
    width: 100%;
    padding: 40px 0;
    border-top: 1px solid #b3b3b3;
}
.stepWrapper .step h3 {
    float: right;
    width: calc(100% - 350px);
}
.stepWrapper .step figure.pic {
    float: left;
    width: 315px;
    height: 315px;
    margin: 0;
    overflow: hidden;
}
.stepWrapper .step .dscrp {
    float: right;
    width: calc(100% - 350px);
}
.stepWrapper .step .dscrp p {
    max-width: 100%;
    margin-bottom: 5px;
}
.stepWrapper .products {
    float: right;
    width: calc(100% - 350px);
}
.stepWrapper .products .item {
    position: relative;
    display: inline-block;
    width: 125px;
    margin: 20px 30px 0 0;
    vertical-align: top;
}
.stepWrapper .products .item:nth-child(4n) {
    margin-right: 0;
}
.stepWrapper .products .item figure.preview {
    position: relative;
    width: 100%;
    height: 155px;
    margin: 0;
}
.stepWrapper .products .item figure.preview > a {
    display: block;
    height: 100%;
    text-decoration: none;
}
.stepWrapper .products .item figure.preview img.pic {
    margin: 0 auto;
}
.stepWrapper .products .item .title {
    width: 100%;
    margin-top: 5px;
    color: #000;
    font-size: .9em;
}
.stepWrapper .products .item .title a {
    color: inherit;
    text-decoration: none;
}
.stepWrapper .products .item .title a:hover {
    text-decoration: underline;
}
.stepWrapper .products .item a.more {
    position: absolute;
    top: 50%;
    left: 0;
    display: block;
    width: 100%;
    height: auto!important;
    padding: 5px 0;
    text-align: center;
    color: #fff;
    text-decoration: none;
    font-size: .85em;
    background: rgba(0,0,0,0.7);

    transform: scale(0);
    transition: all .2s ease-in-out;
}
.stepWrapper .products .item:hover a.more {
    transform: scale(1);
    transition: all .2s ease-in-out;
}


/************** /MASTER CLASS PAGE **************/

/************** PERSONAL PAGE **************/

section.page {
    width: calc(100% - 295px);
    padding-bottom: 50px;
}
aside.sidenav {
    width: 295px;
}
.logOut {
    width: 100%;
    font-family: 'helvetica_l';
}
.logOut a {
    display: block;
    padding: 12px 40px 12px 45px;
    color: #6fc0f8;
    font-size: 1em;
    text-decoration:underline;
}
.logOut a:hover {
    text-decoration: none;
}

section.personal,
.orders {
    padding: 45px 0 0 65px;
    font-family: 'helvetica_l';
}
section.personal h3 {
    margin-bottom: 25px;
    font-family: 'helvetica_l';
    font-size: 1.3em;
}
section.personal .unit {
    width: 100%;
    max-width: 355px;
    margin-bottom: 20px;
}
section.personal .unit:last-of-type {
    margin-top: 30px;
    margin-bottom: 0;
}
section.personal .unit span.label {
    height: 20px;
    font-size: .85em;
    margin-bottom: 3px;
}
section.personal .unit .input {
    width: 100%;
    height: 42px;
}
section.personal .unit .calendar,
section.personal .unit .gender {
    display: inline-block;
    height: 100%;
    vertical-align: top;
}
section.personal .unit .calendar {
    width: 165px;
    margin-right: 34px;
}
section.personal .unit .gender {
    width: 150px;
}

section.personal .unit label {
    float: left;
    display: block;
    width: 50%;
    height: 100%;
}
section.personal .unit label input[type="radio"] {
    display: none;
}
section.personal .unit label span.value {
    display: block;
    width: 100%;
    height: 100%;
    color: #000;
    font-size: .85em;
    text-align: center;
    line-height: 42px;
    cursor: pointer;
    background: #fff;
    border: 1px solid #ccc;
    transition: all .2s ease-in-out;
}
section.personal .unit label span.value:hover {
    color: #fff;
    background: #000;
    border-color: transparent;
    transition: all .2s ease-in-out;
}
section.personal .unit label input[type="radio"]:checked + span.value {
    color: #fff;
    background: #000;
    box-shadow: none;
    border-color: transparent;
    transition: all .2s ease-in-out;
}
section.personal .unit input[type="text"],
section.personal .unit input[type="email"],
section.personal .unit input[type="password"] {
    display: block;
    width: 100%;
    height: 100%;
    padding: 0 10px 0 20px;
    font-size: 1em;
    color: #000;
    line-height: 42px;
    background: #fff;
    border: 1px solid #ccc;
    outline: 0;
    border-radius: 0;
    transition: all .2s ease-in-out;
}
section.personal .unit .calendar input[type="text"] {
    background: #fff url('/local/templates/inglot/../.default/images/etc/calendar.jpg') right 8px center no-repeat
}
section.personal .unit input[type="submit"] {
    display: inline-block;
    height: 100%;
    padding: 0 20px;
    color: #fff;
    font-size: 1em;
    text-align: left;
    background: #000;
    border: 0;
    outline: 0;
    border-radius: 0;
}
section.personal .unit input[type="text"]:focus,
section.personal .unit input[type="email"]:focus,
section.personal .unit input[type="password"]:focus {
    border-color: #000;
    transition: all .2s ease-in-out;
}
section.personal .unit a {
    display: inline-block;
    margin: 10px 0;
    color: #43aaf9;
    font-size: 1em;
    text-decoration: underline;
}
section.personal .unit a:hover {
    text-decoration: none;
}

.recieved,
.pending {
    width: 100%;
    font-family: 'helvetica_l';
}
.pending {
    display: none;
}
.recieved .header {
    width: 100%;
    height: 30px;
    cursor: default;
}
.recieved .row {
    width: 100%;
    background: #fff;
    border-top: 1px solid #b3b3b3;
    transition: background .2s ease-in-out;
}
.recieved .row.active,
.recieved .row:hover {
    background: #f2f2f2;
    cursor: pointer;
    transition: background .2s ease-in-out;
}
.recieved .row:last-of-type {
    border-bottom: 1px solid #b3b3b3;
}
.recieved .row .st_lvl {
    width: 100%;
}
.recieved .header .item,
.recieved .row .item {
    display: inline-block;
    color: #000;
    vertical-align: middle;
}
.recieved .header .item span.value,
.recieved .row .item span.value,
.recieved .row .item span.payment {
    display: inline-block;
}
.recieved .row .item span.payment {
    margin-left: 10px;
    font-size: 1em;
    color: #6fc0f8;
}
.recieved .row .item span.payment a {
    color: inherit;
    text-decoration: underline;
}
.recieved .row .item span.payment a:hover {
    text-decoration: none;
}
.recieved .row .item span.head {
    display: none;
    margin-bottom: 3px;
    font-size: .85em;
    font-family: 'helvetica_l';
    line-height: 20px
}
.recieved .header .item {
    height: 30px;
    font-size: .85em;
    line-height: 30px;
}
.recieved .row .item {
    height: 75px;
    font-size: 1em;
    line-height: 75px;
}
.recieved .header .item.number,
.recieved .row .item.number {
    width: 235px;
    padding-left: 20px;
}
.recieved .header .item.date,
.recieved .row .item.date {
    width: 220px;
    text-align: center;
}
.recieved .header .item.summ,
.recieved .row .item.summ {
    width: 205px;
    text-align: center;
}
/*.recieved .row .item.summ {*/
    /*padding-top: 23px;*/
    /*line-height: 1;*/
/*}*/
.recieved .header .item.status,
.recieved .row .item.status {
    width: 175px;
    text-align: right;
}
.recieved .header .item.status {
    padding-right: 40px;
}
.recieved .row .item.summ .old_price {
    display: none!important;
    margin-top: 2px;
    font-size: .8rem;
}


.pending .row {
    width: 100%;
    padding: 20px;
    background: #fff;
    border-top: 0;
    border-bottom: 1px solid #b3b3b3;
}
.pending .row:hover {
    background: #fff;
    cursor: default;
}
.pending .row:last-of-type {
    border-bottom: 0;
}
.pending .row .item {
    display: inline-block;
    height: auto;
    color: #000;
    line-height: normal;
    vertical-align: middle;
}
.pending .row .item.image {
    width: 140px;
}
.pending .row .item.image a {
    height: 100%;
    text-decoration: none;
}
.pending .row .item.image img {
    width: auto;
    max-width: 140px;
    max-height: 100px;
}
.pending .row .item.features {
    width: 380px;
    padding: 0 10px 0 20px;
    font-family: 'helvetica_l';
}
.pending .row .item.features a.title {
    display: inline-block;
    font-size: .9em;
    color: inherit;
    text-decoration: none;
    line-height: 19px;
}
.pending .row .item.features a.title:hover {
    text-decoration: underline;
}
.pending .row .item.features ul.feat {
    width: 100%;
    margin: 10px 0 0;
    padding: 0;
    list-style: none;
    font-size: .85em;
}
.pending .row .item.features ul.feat li {
    width: 100%;
    margin-bottom: 3px;
}
.pending .row .item.features ul.feat li:last-of-type {
    margin-bottom: 0;
}
.pending .row .options {
    display: inline-block;
    width: calc(100% - 530px);
    vertical-align: top;
}
.pending .row .item.qnt {
    width: 60px;
    margin-right: 25px;
    text-align: center;
}
.pending .row .item.price {
    width: 115px;
    margin-right: 20px;
    text-align: center;
}
.pending .row .item.add2cart {
    width: 70px;
    text-align: right;
}
.pending .row .item.add2cart a {
    display: inline-block;
    width: 30px;
    height: 27px;
    text-decoration: none;
    opacity: .8;
    transition: all .2s ease-in-out;
}
.pending .row .item.add2cart a:hover {
    opacity: 1;
    transition: all .2s ease-in-out;
}
.pending .row .item.add2cart span.ico {
    width: 100%;
    height: 100%;
}
.pending .row .item.add2cart span.ico.cart {
    background-position: -52px -165px;
}

.pending .row .item.qnt span.head,
.pending .row .item.price span.head {
    display: block;
    margin-bottom: 5px;
    font-family: 'helvetica_l';
    font-size: .8em;
    line-height: normal;
}
.pending .row .item.qnt span.value,
.pending .row .item.price span.value {
    display: inline-block;
    font-family: 'helvetica_l';
    font-size: .9em;
    line-height: normal;
}

.goodsList {
    width: 100%;
    margin-top: 30px;
}
.goodsList .elm {
    width: 100%;
    padding: 15px 0;
}
.goodsList .unit {
    display: inline-block;
    vertical-align: middle;
}
.goodsList .unit.pic {
    width: 140px;
    text-align: center;
}
.goodsList .unit.pic a {
    width: 100%;
    height: 100%;
    text-decoration: none;
}
.goodsList .unit.pic img.pic {
    display: inline-block;
    width: auto;
    max-width: 140px;
    max-height: 100px;
}
.goodsList .unit.title {
    width: 380px;
    padding: 0 10px 0 20px;
    font-family: 'helvetica_l';
}
.goodsList .unit.title a {
    display: inline-block;
    font-size: .9em;
    color: inherit;
    text-decoration: none;
    line-height: 19px;
}
.goodsList .unit.title a:hover {
    text-decoration: underline;
}
.goodsList .elm .opts {
    display: inline-block;
    width: calc(100% - 530px);
    vertical-align: middle;
}
.goodsList .unit.qnt {
    width: 60px;
    margin-right: 25px;
    text-align: center;
}
.goodsList .unit.price {
    width: 115px;
    text-align: center;
}
.goodsList .unit.qnt span.head,
.goodsList .unit.price span.head {
    display: block;
    margin-bottom: 5px;
    font-family: 'helvetica_l';
    font-size: .8em;
    line-height: normal;
}
.goodsList .unit.qnt span.value,
.goodsList .unit.price span.value {
    display: inline-block;
    font-family: 'helvetica_l';
    font-size: .9em;
    line-height: normal;
}


/************** /PERSONAL PAGE **************/


/************** CART PAGE **************/

.cart {
    width: 900px;
    margin: 0 auto;
    font-family: 'helvetica_l';
}
.cartHeader {
    width: 100%;
    height: 35px;
    border-bottom: 1px solid #d9d9d9;
}
.cartHeader .head {
    width: 900px;
    margin: 0 auto;
}
.cartHeader .item {
    display: inline-block;
    height: 100%;
    font-size: .85em;
    text-align: center;
    line-height: 35px;
}
.cartHeader .item.title {
    width: 430px;
}
.cartHeader .item.qnt {
    width: 145px;
}
.cartHeader .item.price {
    width: 115px;
}
.cartHeader .item.total {
    width: 140px;
}

.cart .row {
    width: 100%;
    padding: 20px 0;
    border-bottom: 1px solid #d9d9d9;
}
.cart .row:last-of-type {
    border-bottom: 0;
}
.cart .lvl_one,
.cart .lvl_two {
    width: 100%;
}
.cart .row .image_section,
.cart .row .options_section {
    display: inline-block;
    vertical-align: middle;
}
.cart .row .image_section {
    width: 430px;
}
.cart .row .options_section {
    width: 465px;
}
.cart .row .item {
    display: inline-block;
    vertical-align: middle;
}
.cart .row .image_section .item.image {
    width: 140px;
    max-height: 100px;
    color: #000;
    text-align: center;
}
.cart .row .image_section .item.image a {
    height: 100%;
    text-decoration: none;
}
.cart .row .image_section .item.image img.pic {
    display: inline-block;
    width: auto;
    max-width: 140px;
    max-height: 100px;
}
.cart .row .image_section .item.dscrp {
    width: calc(100% - 145px);
    padding-left: 15px;
}
.cart .row .image_section .item.dscrp a.title {
    display: inline-block;
    font-size: .85em;
    color: inherit;
    text-decoration: none;
    line-height: 19px;
}
.cart .row .image_section .item.dscrp a.title:hover {
    text-decoration: underline;
}
.cart .row .image_section .item.dscrp ul.feat {
    width: 100%;
    margin: 2px 0 0;
    padding: 0;
    list-style: none;
    font-size: .8em;
}
.cart .row .image_section .item.dscrp ul.feat li {
    width: 100%;
    margin-bottom: 4px;
}
.cart .row .image_section .item.dscrp ul.feat li:last-of-type {
    margin-bottom: 0;
}
.cart .row .image_section .item.dscrp ul.feat li a {
    color: inherit;
    font-size: inherit;
    text-decoration: none;
}
.cart .row .image_section .item.dscrp ul.feat li a:hover {
    text-decoration: underline;
}
.cart .row .options_section .item.qnt {
    width: 145px;
    text-align: center;
}
.cart .row .options_section .item.price {
    width: 115px;
    text-align: center;
}
.cart .row .options_section .item.total {
    width: 140px;
    text-align: center;
}
.cart .row .options_section .item.remove {
    width: 50px;
    text-align: center;
}
.cart .row .options_section .item.qnt a {
    display: inline-block;
    width: 20px;
    height: 32px;
    color: #000;
    font-size: 1.5em;
    text-decoration: none;
    line-height: 30px;
    vertical-align: middle;
}
.cart .row .options_section .item.qnt a.add {
    text-align: left;
}
.cart .row .options_section .item.qnt a.remove {
    text-align: right;
}
.cart .row .options_section .item.qnt input[type="text"] {
    display: inline-block;
    width: 37px;
    height: 32px;
    padding: 0 5px;
    background: transparent;
    font-family: 'helvetica_l';
    color: #000;
    font-size: 1.4em;
    text-align: center;
    line-height: 32px;
    vertical-align: middle;
    border: 0;
    outline: 0;
}
.cart .row .options_section .item.price span.value,
.cart .row .options_section .item.total span.value {
    display: inline-block;
    font-family: 'helvetica_l';
    color: #000;
    font-size: 1.2em;
    font-weight: 300;
}
.cart .row .options_section .item.price span.value span,
.cart .row .options_section .item.total span.value span {
    display: inline-block;
}

.cart .row .options_section .item.price span.value span.oldPrice {
    position: relative;
    display: block;
    height: 25px;
    line-height: 25px;
    vertical-align: middle;
}
.cart .row .options_section .item.price span.value span.oldPrice::after {
    content: '';
    position: absolute;
    top: 50%;
    left: -10%;
    display: block;
    width: 120%;
    height: 1px;
    margin-top: -1px;
    background: #df4140;
}
.cart .row .options_section .item.price span.value span.oldPrice span.val,
.cart .row .options_section .item.price span.value span.oldPrice span.currency,
.cart .row .options_section .item.price span.value span.oldPrice span.bel_rub {
    color: #df4140;
    font-size: 18px;
    vertical-align: top;
}

.cart .row .options_section .item .old_price {
    display: none!important;
    font-size: .8rem;
    color: #000;
}

.cart .row .options_section .item.remove a {
    width: 24px;
    height: 24px;
    text-decoration: none;
}
.cart .row .options_section .item.remove span.ico {
    width: 100%;
    height: 100%;

    transform: rotate(0);
    transition: transform .3s ease-in-out;
}
.cart .row .options_section .item.remove span.ico.remove {
    background-position: 0px -287px;
}
.cart .row .options_section .item.remove a:hover span.ico {
    transform: rotate(360deg);
    transition: transform .3s ease-in-out;
}
.cart .row .item span.head {
    display: none;
    margin-bottom: 5px;
    color: #000;
    font-family: 'helvetica_l';
    font-size: .85em;
}

.cart .lvl_two {
    margin-top: 10px;
}
.cart .lvl_two .elm {
    width: 100%;
    padding: 15px 0;
}
.cart .lvl_two .elm .unit {
    display: inline-block;
    vertical-align: middle;
}
.cart .lvl_two .elm .unit.pic {
    width: 140px;
    text-align: center;
}
.cart .lvl_two .elm .unit.pic a {
    width: 100%;
    height: 100%;
    text-decoration: none;
}
.cart .lvl_two .elm .unit.pic img.pic {
    display: inline-block;
    width: auto;
    max-width: 140px;
    max-height: 100px;
}
.cart .lvl_two .elm .unit.title {
    width: 460px;
    padding: 0 10px 0 20px;
    font-family: 'helvetica_l';
}
.cart .lvl_two .elm .unit.title a {
    display: inline-block;
    font-size: .9em;
    color: inherit;
    text-decoration: none;
    line-height: 19px;
}
.cart .lvl_two .elm .unit.title a:hover {
    text-decoration: underline;
}
.cart .lvl_two .elm .opts {
    display: inline-block;
    width: 230px;
    vertical-align: middle;
    outline: 1px;
}
.cart .lvl_two .elm .unit.qnt {
    width: 60px;
    margin-right: 45px;
    text-align: center;
}
.cart .lvl_two .elm .unit.price {
    width: 115px;
    text-align: center;
}
.cart .lvl_two .elm .unit.qnt span.head,
.cart .lvl_two .elm .unit.price span.head {
    display: block;
    margin-bottom: 5px;
    font-family: 'helvetica_l';
    font-size: .8em;
    line-height: normal;
}
.cart .lvl_two .elm .unit.qnt span.value,
.cart .lvl_two .elm .unit.price span.value {
    display: inline-block;
    font-family: 'helvetica_l';
    font-size: .9em;
    line-height: normal;
}


.emptyCart {
    width: 100%;
    padding: 50px 0;
}
.emptyCart .message,
.emptyCart .startAgain {
    display: inline-block;
    font-family: 'helvetica_l';
    color: #000;
    font-size: 1.2em;
    vertical-align: middle;
}
.emptyCart .message {
    margin-right: 10px;
}
.emptyCart .message p {
    margin: 0;
    color: inherit;
    font-size: inherit;
}
.emptyCart .startAgain {
    margin-left: 10px;
}
.emptyCart .startAgain a {
    color: #3fa9f5;
    font-size: inherit;
    text-decoration: underline;
}
.emptyCart .startAgain a:hover {
    text-decoration: none;
}

.orderData {
    width: 100%;
    padding: 35px 0;
    font-family: 'helvetica_l';
    color: #000;
    font-size: 1.2em;
    border-bottom: 1px solid #d9d9d9;
}
.orderData p {
    margin: 0;
    font-size: inherit;
    color: inherit;
}
.orderData .prompt {
    margin-top: 15px;
}
.orderData span.value {
    margin-bottom: 5px;
    font-size: 14px;
}
.orderData span.value:last-of-type {
    margin: 0;
}
.orderData span.value a {
    color: inherit;
    font-size: inherit;
    text-decoration: none;
}
.orderData span.value a:hover {
    text-decoration: underline;
}
.orderData img.pic {
    display: inline-block;
    margin: 5px 0;
}
.orderDate {
    width: 100%;
    margin: 20px 0 0;
}
.orderDate span.val {
    display: inline-block;
    font-size: 1em;
}
.orderDate .summ {
    width: 100%;
    margin-top: 10px;
    font-size: 1.6em;
}
.orderDate .summ span.label,
.orderDate .summ span.val {
    display: inline-block;
    font-size: 1em;
    vertical-align: middle;
}

.totalSumm {
    width: 100%;
    padding: 20px 0;
    color: #000;
    font-family: 'helvetica_l';
    border-top: 1px solid #d9d9d9;
    border-bottom: 1px solid #d9d9d9;
}
.totalSumm span.value {
    color: inherit;
    font-size: 2em;
}
.totalSumm span.value span.val,
.totalSumm span.value span.currency {
    display: inline-block;
}
.totalSumm span.old_price {
    display: none!important;
    font-size: 1rem;
    color: #000;
}

.makeOrder {
    width: 100%;
    padding: 20px 0;
    font-family: 'helvetica_l';
}
.makeOrder a,
.makeOrder input[type="submit"] {
    width: auto;
    padding: 10px 15px;
    font-size: 1em;
    text-align: center;
}
.makeOrder a.continue {
    margin-left: 5px;
    color: #42a6f1;
    text-decoration: underline;
}
.makeOrder a.continue:hover {
    text-decoration:none;
}
.makeOrder a.makeit,
.makeOrder input[type="submit"].makeit {
    margin-right: 5px;
    background: #000;
    color: #fff;
    text-decoration: none;
    border-radius:0;
}
.makeOrder input[type="submit"].makeit {
    border: 0;
    outline: 0;
}

.delivery_section {
    width: 410px;
    margin: 0 auto;
    padding: 35px 0 80px;
    font-family: 'helvetica_l';
}
.delivery_section h3 {
    margin-bottom: 25px;
    font-family: 'helvetica_l';
    font-size: 1.4em;
}
.delivery_section .mtop35 {
    margin-top: 35px;
}
.delivery_section .unit {
    width: 100%;
    color: #000;
    margin-bottom: 20px;
}
.delivery_section .unit:last-of-type {
    margin-bottom: 0;
}
.delivery_section .unit span.label {
    height: 20px;
    font-size: .85em;
    margin-bottom: 3px;
}
.delivery_section .unit .value {
    width: 100%;
}
.delivery_section .unit .value input[type="text"],
.delivery_section .unit .value input[type="tel"] {
    display: block;
    width: 100%;
    height: 42px;
    padding: 0 10px 0 20px;
    font-size: 1em;
    color: #000;
    line-height: 42px;
    background: #fff;
    border: 1px solid #ccc;
    outline: 0;
    border-radius: 0;
    transition: all .2s ease-in-out;
}
.delivery_section .unit .value input[type="text"]:focus,
.delivery_section .unit .value input[type="tel"]:focus {
    border-color: #000;
    transition: all .2s ease-in-out;
}
.delivery_section .unit .value input[type="submit"] {
    display: inline-block;
    width: auto;
    height: 42px;
    padding: 10px 15px;
    color: #fff;
    font-size: 1em;
    text-align: left;
    background: #000;
    border: 0;
    outline: 0;
    border-radius: 0;
}
.delivery_section .unit .value input[type="submit"].send {
    margin-right: 20px;
    vertical-align: middle;
}
.delivery_section a.cond {
    display: inline-block;
    vertical-align: middle;
}
.delivery_section .unit .value select {
    width: 100%;
    height: 42px;
    line-height: 43px;
    outline: 0;
    border-radius: 0;
}
.delivery_section .unit label.radio {
    display: block;
    width: 100%;
    margin-bottom: 10px;
}
.delivery_section .unit label.radio:last-of-type {
    margin-bottom: 0;
}
.delivery_section .unit label.radio input[type="radio"] {
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    outline: 0;
}
.delivery_section .unit label.radio span.value {
    display: inline-block;
    width: auto;
    max-width: calc(100% - 30px);
    margin-left: 5px;
    vertical-align: middle;
    color: #000;
    font-size: 1em;
    cursor: pointer;
}
.delivery_section .unit label {
    display: block;
    width: 100%;
}
.delivery_section .unit label input[type="checkbox"] {
    display: inline-block;
    width: 13px;
    height: 13px;
    margin: 2px 5px 0 0;
    cursor: pointer;
    vertical-align: top;
}
.delivery_section .unit label span.value {
    display: inline-block;
    width: calc(100% - 25px);
    font-size: .9em;
    cursor: pointer;
    line-height: 19px;
    vertical-align: top;
}
.delivery_section .unit label span.value a {
    color: #43aaf9;
    text-decoration: underline;
}
.delivery_section .unit label span.value a:hover {
    text-decoration: none;
}


/************** /CART PAGE **************/

/************** FREEDOM PAGE **************/

.static {
    width: 1230px;
    margin: 0 auto;
}
aside.freedom {
    float: left;
    width: 330px;
}
section.freedom {
    float: right;
    width: calc(100% - 330px);
    padding: 25px 25px 50px;
    font-family: 'helvetica_l';
    border-left: 1px dashed #b3b3b3;
}

.palletWrapper,
.goodsWrapper {
    width: 100%;
    margin-top: 15px;
}
#pallet .empty {
    display: none;
}
.palletWrapper .pallet_item {
    display: inline-block;
    width: 60px;
    height: 60px;
    margin: 0 14px 14px 0;
    border: 1px solid #e5e5e5;
    background: url('/local/templates/inglot/../.default/images/etc/sprite_pallets.png') no-repeat;
    cursor: pointer;
    text-decoration: none;
    transition: border-color .1s ease-in-out;
}
.palletWrapper .pallet_item:nth-of-type(4n) {
    margin-right: 0;
}
.palletWrapper .pallet_item:focus,
.palletWrapper .pallet_item.selected {
    outline: 0;
    border: 3px solid #000;
    transition: border-color .1s ease-in-out;
}
.palletWrapper .pallet_item.type_1 {
    background-position: 0 0;
}
.palletWrapper .pallet_item.type_1.selected,
.palletWrapper .pallet_item.type_1:focus {
    background-position: -61px -2px;
}
.palletWrapper .pallet_item.type_2 {
    background-position: 0 -60px;
}
.palletWrapper .pallet_item.type_2.selected,
.palletWrapper .pallet_item.type_2:focus {
    background-position: -61px -62px;
}
.palletWrapper .pallet_item.type_3 {
    background-position: 0 -118px;
}
.palletWrapper .pallet_item.type_3.selected,
.palletWrapper .pallet_item.type_3:focus {
    background-position: -61px -120px;
}
.palletWrapper .pallet_item.type_4 {
    background-position: 0 -177px;
}
.palletWrapper .pallet_item.type_4.selected,
.palletWrapper .pallet_item.type_4:focus {
    background-position: -61px -179px;
}
.palletWrapper .pallet_item.type_5 {
    background-position: 0 -236px;
}
.palletWrapper .pallet_item.type_5.selected,
.palletWrapper .pallet_item.type_5:focus {
    background-position: -61px -238px;
}
.palletWrapper .pallet_item.type_6 {
    background-position: 0 -295px;
}
.palletWrapper .pallet_item.type_6.selected,
.palletWrapper .pallet_item.type_6:focus {
    background-position: -61px -297px;
}
.palletWrapper .pallet_item.type_7 {
    background-position: 0 -354px;
}
.palletWrapper .pallet_item.type_7.selected,
.palletWrapper .pallet_item.type_7:focus {
    background-position: -61px -356px;
}
.palletWrapper .pallet_item.type_8 {
    background-position: 0 -413px;
}
.palletWrapper .pallet_item.type_8.selected,
.palletWrapper .pallet_item.type_8:focus {
    background-position: -61px -415px;
}
.palletWrapper .pallet_item.type_9 {
    background-position: 0 -472px;
}
.palletWrapper .pallet_item.type_9.selected,
.palletWrapper .pallet_item.type_9:focus {
    background-position: -61px -474px;
}
.palletWrapper .pallet_item.type_10 {
    background-position: 0 -530px;
}
.palletWrapper .pallet_item.type_10.selected,
.palletWrapper .pallet_item.type_10:focus {
    background-position: -61px -532px;
}
.palletWrapper .pallet_item.type_11 {
    background-position: 0 -590px;
}
.palletWrapper .pallet_item.type_11.selected,
.palletWrapper .pallet_item.type_11:focus {
    background-position: -61px -592px;
}
.palletWrapper .pallet_item.type_12 {
    background-position: 0 -649px;
}
.palletWrapper .pallet_item.type_12.selected,
.palletWrapper .pallet_item.type_12:focus {
    background-position: -61px -651px;
}
.palletWrapper .pallet_item.type_13 {
    background-position: 0 -709px;
}
.palletWrapper .pallet_item.type_13.selected,
.palletWrapper .pallet_item.type_13:focus {
    background-position: -61px -711px;
}
.palletWrapper .pallet_item.type_14 {
    background-position: 0 -767px;
}
.palletWrapper .pallet_item.type_14.selected,
.palletWrapper .pallet_item.type_14:focus {
    background-position: -61px -769px;
}
.palletWrapper .pallet_item.type_15 {
    background-position: 0 -826px;
}
.palletWrapper .pallet_item.type_15.selected,
.palletWrapper .pallet_item.type_15:focus {
    background-position: -61px -828px;
}
.palletWrapper .pallet_item.type_16 {
    background-position: 0 -885px;
}
.palletWrapper .pallet_item.type_16.selected,
.palletWrapper .pallet_item.type_16:focus {
    background-position: -61px -887px;
}
.palletWrapper .pallet_item.type_17 {
    background-position: 0 -944px;
}
.palletWrapper .pallet_item.type_17.selected,
.palletWrapper .pallet_item.type_17:focus {
    background-position: -61px -946px;
}
.palletWrapper .pallet_item.type_18 {
    background-position: 1px -1003px;
}
.palletWrapper .pallet_item.type_18.selected,
.palletWrapper .pallet_item.type_18:focus {
    background-position: -61px -1005px;
}
.palletWrapper .pallet_item.type_19 {
    background-position: 0 -1062px;
}
.palletWrapper .pallet_item.type_19.selected,
.palletWrapper .pallet_item.type_19:focus {
    background-position: -61px -1064px;
}
.palletWrapper .pallet_item.type_20 {
    background-position: 0 -1121px;
}
.palletWrapper .pallet_item.type_20.selected,
.palletWrapper .pallet_item.type_20:focus {
    background-position: -61px -1123px;
}
.palletWrapper .pallet_item.type_21 {
    background-position: 0 -1181px;
}
.palletWrapper .pallet_item.type_21.selected,
.palletWrapper .pallet_item.type_21:focus {
    background-position: -61px -1183px;
}
.palletWrapper .pallet_item.type_22 {
    background-position: 0 -1239px;
}
.palletWrapper .pallet_item.type_22.selected,
.palletWrapper .pallet_item.type_22:focus {
    background-position: -61px -1241px;
}
.palletWrapper .pallet_item.type_23 {
    background-position: 0 -1297px;
}
.palletWrapper .pallet_item.type_23.selected,
.palletWrapper .pallet_item.type_23:focus {
    background-position: -61px -1299px;
}
.palletWrapper .pallet_item.type_24 {
    background-position:0 -1357px;
}
.palletWrapper .pallet_item.type_24.selected,
.palletWrapper .pallet_item.type_24:focus {
    background-position: -61px -1359px;
}
.goodsWrapper {
    max-height: 300px;
    padding-left: 5px;
    overflow-y: scroll;
}
.goodsWrapper .good_item {
    position: relative;
    display: inline-block;
    width: 39px;
    height: 43px;
    margin: 0 14px 14px 0;
    border-radius: 10px;
    cursor: url('/local/templates/inglot/../.default/images/etc/drag.png'), auto;
}
.palletWrapper .good_item:nth-child(4n) {
    margin-right: 0;
}
.goodsWrapper .good_item .draggable {
    display: block;
    width: 100%;
    height: 100%;
}
.goodsWrapper .good_item img {
    max-width: 39px;
    max-height: 43px;
}
.goodsWrapper .good_item span.series {
    position: absolute;
    bottom: 5px;
    left: -5px;
    display: inline-block;
    padding: 3px 6px;
    color: #fff;
    font-size: .7em;
    text-align: center;
    background: rgba(0,0,0,0.5);
}
section.freedom .actionArea {
    float: left;
    width: 535px;
}
section.freedom .prompt {
    width: 100%;
    margin-bottom: 10px;
    padding: 15px;
    background: #fffebb;
    color: #000;
    font-size: 1em;
}
section.freedom .prompt span.value,
section.freedom .prompt span.close {
    display: inline-block;
    vertical-align: middle;
}
section.freedom .prompt span.value {
    width: calc(100% - 35px);
    padding-right: 10px;
    line-height: 18px;
}
section.freedom .prompt span.close {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    cursor: pointer;
    background: url('/local/templates/inglot/../.default/images/etc/sprite.png') -31px -285px no-repeat;
}
section.freedom .pallet_item {
    position: relative;
    width: 100%;
    height: auto;
}
section.freedom .pallet_item .substrate {
    width: 100%;
}
section.freedom .pallet_item .elements {
    position: absolute;
    overflow: hidden;
}
section.freedom .pallet_item .elements::before,
section.freedom .pallet_item .elements::after {
    content: '';
    display: block;
    height: 0;
    visibility: hidden;
    line-height: 0;
    clear: both;
}
section.freedom .pallet_item.type_1 .elements {
    top: 64px;
    left: 21px;
    width: 87px;
    max-height: 78px;
}
section.freedom .pallet_item.type_2 .elements {
    top: 65px;
    left: 110px;
    width: 87px;
    max-height: 170px;
}
section.freedom .pallet_item.type_3 .elements {
    top: 56px;
    left: 28px;
    width: 87px;
    max-height: 260px;
}
section.freedom .pallet_item.type_4 .elements {
    top: 90px;
    left: 24px;
    width: 190px;
    max-height: 175px;
}
section.freedom .pallet_item.type_5 .elements {
    top: 40px;
    left: 145px;
    width: 87px;
    max-height: 450px;
}
section.freedom .pallet_item.type_6 .elements {
    top: 54px;
    left: 132px;
    width: 195px;
    max-height: 440px;
}
section.freedom .pallet_item.type_7 .elements {
    top: 69px;
    left: 31px;
    width: 390px;
    max-height: 435px;
}
section.freedom .pallet_item.type_8 .elements {
    top: 76px;
    left: 35px;
    width: 480px;
    max-height: 705px;
}
section.freedom .pallet_item.type_9 .elements {
    top: 131px;
    left: 22px;
    width: 87px;
    max-height: 78px;
}
section.freedom .pallet_item.type_10 .elements {
    top: 140px;
    left: 21px;
    width: 188px;
    max-height: 82px;
}
section.freedom .pallet_item.type_11 .elements {
    top: 157px;
    left: 33px;
    width: 279px;
    max-height: 78px;
}
section.freedom .pallet_item.type_12 .elements {
    top: 47px;
    left: 86px;
    width: 87px;
    max-height: 435px;
}
section.freedom .pallet_item.type_13 .elements {
    top: 135px;
    left: 67px;
    width: 393px;
    max-height: 183px;
}
section.freedom .pallet_item.type_14 .elements {
    top: 53px;
    left: 74px;
    width: 87px;
    max-height: 165px;
}
section.freedom .pallet_item.type_15 .elements {
    top: 139px;
    left: 178px;
    width: 93px;
    max-height: 165px;
}
section.freedom .pallet_item.type_16 .elements {
    top: 119px;
    left: 26px;
    width: 435px;
    max-height: 165px;
}
section.freedom .pallet_item.type_17 .elements {
    /*top: 119px;
    left: 26px;
    width: 435px;
    max-height: 165px;*/
}
section.freedom .pallet_item.type_18 .elements {
    top: 95px;
    left: 47px;
    width: 415px;
    max-height: 175px;
}
section.freedom .pallet_item.type_19 .elements {
    top: 29px;
    left: 41px;
    width: 190px;
    max-height: 190px;
}
section.freedom .pallet_item.type_20 .elements {
    top: 28px;
    left: 55px;
    width: 375px;
    max-height: 380px;
}
section.freedom .pallet_item.type_21 .elements {
    top: 140px;
    left: 60px;
    width: 405px;
    height: 170px;
}
section.freedom .pallet_item.type_22 .elements {
    top: 79px;
    left: 18px;
    width: 145px;
    height: 145px;
    max-height: 143px
}
section.freedom .pallet_item.type_23 .elements {
    top: 117px;
    left: 28px;
    width: 145px;
    height: 94px;
}
section.freedom .pallet_item.type_24 .elements {
    top: 115px;
    left: 28px;
    width: 154px;
    height: 96px;
}
section.freedom .pallet_item .elements .placeholder {
    position: relative;
    display: inline-block;
    vertical-align: top;
    border-radius: 7px;
}
section.freedom .pallet_item.type_13 .elements .placeholder {
    float: left;
}
section.freedom .pallet_item .elements .placeholder.activeRefill {
    background-position: -2px -7px;
    background-size: 92px 95px;
}
section.freedom .pallet_item.type_12 .elements .placeholder.activeRefill:nth-of-type(4),
section.freedom .pallet_item.type_14 .elements .placeholder.activeRefill,
section.freedom .pallet_item.type_15 .elements .placeholder.activeRefill,
section.freedom .pallet_item.type_16 .elements .placeholder.activeRefill,
section.freedom .pallet_item.type_21 .elements .placeholder.activeRefill:nth-of-type(2) {
    background-position: -41px -5px;
    background-size: 170px 176px;
}
section.freedom .pallet_item.type_18 .elements .placeholder.activeRefill,
section.freedom .pallet_item.type_19 .elements .placeholder.activeRefill,
section.freedom .pallet_item.type_20 .elements .placeholder.activeRefill,
section.freedom .pallet_item.type_21 .elements .placeholder.activeRefill:nth-of-type(1),
section.freedom .pallet_item.type_22 .elements .placeholder.activeRefill,
section.freedom .pallet_item.type_23 .elements .placeholder.activeRefill,
section.freedom .pallet_item.type_24 .elements .placeholder.activeRefill {
    background-position: 0 0;
    background-size: 100% 100%;
}
section.freedom .pallet_item.type_1 .elements .placeholder,
section.freedom .pallet_item.type_2 .elements .placeholder,
section.freedom .pallet_item.type_3 .elements .placeholder,
section.freedom .pallet_item.type_4 .elements .placeholder,
section.freedom .pallet_item.type_5 .elements .placeholder,
section.freedom .pallet_item.type_6 .elements .placeholder,
section.freedom .pallet_item.type_7 .elements .placeholder,
section.freedom .pallet_item.type_8 .elements .placeholder,
section.freedom .pallet_item.type_9 .elements .placeholder,
section.freedom .pallet_item.type_10 .elements .placeholder,
section.freedom .pallet_item.type_11 .elements .placeholder,
section.freedom .pallet_item.type_12 .elements .placeholder,
section.freedom .pallet_item.type_13 .elements .placeholder {
    width: 87px;
    height: 78px;
}
section.freedom .pallet_item.type_12 .elements .placeholder.rectangle,
section.freedom .pallet_item.type_12 .elements .placeholder:nth-child(4),
section.freedom .pallet_item.type_13 .elements .placeholder.rectangle,
section.freedom .pallet_item.type_13 .elements .placeholder:nth-child(2),
section.freedom .pallet_item.type_14 .elements .placeholder,
section.freedom .pallet_item.type_16 .elements .placeholder {
    width: 87px;
    height: 159px;
}
section.freedom .pallet_item.type_15 .elements .placeholder {
    width: 92px;
    height: 163px;
    margin-bottom: 5px;
}
section.freedom .pallet_item.type_21 .elements .placeholder:nth-of-type(2) {
    width: 87px;
    height: 165px;
    margin: 1px 25px 0 0;
}
section.freedom .pallet_item.type_18 .elements .placeholder,
section.freedom .pallet_item.type_19 .elements .placeholder,
section.freedom .pallet_item.type_20 .elements .placeholder,
section.freedom .pallet_item.type_21 .elements .placeholder:first-of-type,
section.freedom .pallet_item.type_22 .elements .placeholder,
section.freedom .pallet_item.type_23 .elements .placeholder,
section.freedom .pallet_item.type_24 .elements .placeholder {
    border-radius: 50%;
}
section.freedom .pallet_item.type_21 .elements .placeholder {
    float: left;
}
section.freedom .pallet_item.type_21 .elements .placeholder:first-of-type {
    width: 168px;
    height: 168px;
    margin-right: 29px;
}
section.freedom .pallet_item.type_21 .elements .placeholder:nth-of-type(3),
section.freedom .pallet_item.type_21 .elements .placeholder:nth-of-type(4) {
    width: 87px;
    height: 78px;
}
section.freedom .pallet_item.type_21 .elements .placeholder:nth-of-type(3) {
    margin:1px 0 9px 0;
}
section.freedom .pallet_item.type_22 .elements .placeholder {
    width: 143px;
    height: 143px;
}
section.freedom .pallet_item.type_18 .elements .placeholder {
    width: 175px;
    height: 175px;
}
section.freedom .pallet_item.type_19 .elements .placeholder {
    width: 190px;
    height: 190px;
}
section.freedom .pallet_item.type_20 .elements .placeholder {
    width: 168px;
    height: 168px;
}
section.freedom .pallet_item.type_23 .elements .placeholder {
    width: 145px;
    height: 94px;
}
section.freedom .pallet_item.type_24 .elements .placeholder {
    width: 154px;
    height: 96px;
}
section.freedom .pallet_item.type_13 .elements .placeholder.rectangle,
section.freedom .pallet_item.type_13 .elements .placeholder:nth-child(2) {
    margin: 9px 25px 0 0;
}
section.freedom .pallet_item.type_13 .elements .placeholder.huge,
section.freedom .pallet_item.type_13 .elements .placeholder:nth-child(1) {
    width: 161px;
    height: 177px;
    margin: 0 25px 0 0;
}
section.freedom .pallet_item.type_13 .elements .placeholder {
    margin: 5px 0 8px;
}
section.freedom .pallet_item.type_10 .elements .placeholder {
    margin-right: 5px;
}
section.freedom .pallet_item.type_11 .elements .placeholder {
    margin-right: 7px;
}
section.freedom .pallet_item.type_2 .elements .placeholder,
section.freedom .pallet_item.type_3 .elements .placeholder {
    margin-bottom: 9px;
}
section.freedom .pallet_item.type_12 .elements .placeholder {
    margin-bottom: 10px;
}
section.freedom .pallet_item.type_5 .elements .placeholder {
    margin-bottom: 12px;
}
section.freedom .pallet_item.type_16 .elements .placeholder {
    margin-right: 27px;
}
section.freedom .pallet_item.type_18 .elements .placeholder:nth-of-type(2) {
    margin-left: 59px;
}
section.freedom .pallet_item.type_20 .elements .placeholder {
    margin: 0 32px 39px 0;
}
section.freedom .pallet_item.type_2 .elements .placeholder:last-of-type,
section.freedom .pallet_item.type_3 .elements .placeholder:last-of-type,
section.freedom .pallet_item.type_5 .elements .placeholder:last-of-type,
section.freedom .pallet_item.type_12 .elements .placeholder:last-of-type,
section.freedom .pallet_item.type_13 .elements .placeholder:last-of-type,
section.freedom .pallet_item.type_20 .elements .placeholder:nth-of-type(3),
section.freedom .pallet_item.type_20 .elements .placeholder:nth-of-type(4) {
    margin-bottom: 0;
}
section.freedom .pallet_item.type_10 .elements .placeholder:last-of-type,
section.freedom .pallet_item.type_10 .elements .placeholder:nth-child(2),
section.freedom .pallet_item.type_11 .elements .placeholder:last-of-type,
section.freedom .pallet_item.type_11 .elements .placeholder:nth-child(3),
section.freedom .pallet_item.type_16 .elements .placeholder:last-of-type,
section.freedom .pallet_item.type_16 .elements .placeholder:nth-child(4),
section.freedom .pallet_item.type_20 .elements .placeholder:nth-of-type(2),
section.freedom .pallet_item.type_20 .elements .placeholder:nth-of-type(4) {
    margin-right: 0;
}
section.freedom .pallet_item.type_4 .elements .placeholder {
    margin: 0 8px 9px 0;
}
section.freedom .pallet_item.type_8 .elements .placeholder {
    margin: 0 9px 9px 0;
}
section.freedom .pallet_item.type_6 .elements .placeholder {
    margin: 0 10px 10px 0;
}
section.freedom .pallet_item.type_7 .elements .placeholder {
    margin: 0 9px 9px 0;
}
section.freedom .pallet_item.type_1 .elements .placeholder.empty {
    border: 1px dashed #222;
}
section.freedom .pallet_item .elements .placeholder .good_item {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    cursor: url('/local/templates/inglot/../.default/images/etc/drag.png'), auto;
    overflow: hidden;
}
section.freedom .pallet_item .elements .placeholder .good_item img {
    border-radius: 7px;
}
section.freedom .pallet_item.type_1 .elements .placeholder .good_item img,
section.freedom .pallet_item.type_2 .elements .placeholder .good_item img,
section.freedom .pallet_item.type_3 .elements .placeholder .good_item img,
section.freedom .pallet_item.type_4 .elements .placeholder .good_item img,
section.freedom .pallet_item.type_5 .elements .placeholder .good_item img,
section.freedom .pallet_item.type_6 .elements .placeholder .good_item img,
section.freedom .pallet_item.type_7 .elements .placeholder .good_item img,
section.freedom .pallet_item.type_8 .elements .placeholder .good_item img,
section.freedom .pallet_item.type_9 .elements .placeholder .good_item img,
section.freedom .pallet_item.type_10 .elements .placeholder .good_item img,
section.freedom .pallet_item.type_11 .elements .placeholder .good_item img,
section.freedom .pallet_item.type_13 .elements .placeholder .good_item img {
    max-width: 87px;
    max-height: 78px;
}
section.freedom .pallet_item.type_12 .elements .placeholder.rectangle .good_item img,
section.freedom .pallet_item.type_12 .elements .placeholder:nth-child(4) .good_item img,
section.freedom .pallet_item.type_13 .elements .placeholder.rectangle .good_item img,
section.freedom .pallet_item.type_13 .elements .placeholder:nth-child(2) .good_item img,
section.freedom .pallet_item.type_14 .elements .placeholder .good_item img,
section.freedom .pallet_item.type_16 .elements .placeholder .good_item img {
    max-width: 87px;
    height: 159px;
    max-height: 159px;
}
section.freedom .pallet_item.type_21 .elements .placeholder:nth-of-type(2) img {
    width: 87px;
    height: 165px;
}
section.freedom .pallet_item.type_18 .elements .placeholder img,
section.freedom .pallet_item.type_19 .elements .placeholder img,
section.freedom .pallet_item.type_20 .elements .placeholder img,
section.freedom .pallet_item.type_21 .elements .placeholder:first-of-type img,
section.freedom .pallet_item.type_22 .elements .placeholder img,
section.freedom .pallet_item.type_23 .elements .placeholder img,
section.freedom .pallet_item.type_24 .elements .placeholder img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
}
section.freedom .pallet_item.type_13 .elements .placeholder.huge .good_item img,
section.freedom .pallet_item.type_13 .elements .placeholder:first-child .good_item img {
    width: 100%;
    height: 100%;
    max-width: none;
    max-height: none;
}
section.freedom .pallet_item.type_15 .elements .placeholder .good_item img {
    width: 92px;
    height: 163px;
}
section.freedom .pallet_item .elements .placeholder span.series {
    position: absolute;
    top: 50%;
    left: 50%;
    display: inline-block;
    padding: 3px 6px;
    color: #fff;
    font-size: .8em;
    text-align: center;
    background: rgba(0,0,0,0.5);
    transform: translate(-50%, -50%);
}


section.freedom .optionsArea {
    float: right;
    width: 250px;
}
.optionsArea .ur_choice {
    width: 100%;
    font-size: 1em;
    font-family: 'helvetica_l';
}
.optionsArea .ur_choice span.header {
    display: block;
    width: 100%;
    margin-bottom: 15px;
    padding: 10px 0;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    font-family: 'helvetica_l';
    text-align: center;
}
.optionsArea .ur_choice .unit {
    width: 100%;
    margin-bottom: 15px;
}
.optionsArea .ur_choice .unit .value,
.optionsArea .ur_choice .unit .price {
    display: inline-block;
    vertical-align: middle;
}
.optionsArea .ur_choice .unit .value {
    width: calc(100% - 85px);
    padding-right: 10px;
    font-size: .85em;
    line-height: 17px;
}
.optionsArea .ur_choice .unit .price {
    width: 80px;
    font-family: 'helvetica_l';
    font-size: .9em;
    text-align: right;
}
.optionsArea .ur_choice .unit .value span.val {
    display: inline-block;
    width: 100%;
}
.optionsArea .ur_choice .unit .price span.val {
    display: inline-block;
    width: 100%;
    font-weight: 600;
}
.optionsArea .ur_choice .unit .price .old_price {
    display: block;
    font-size: .7rem;
}

.optionsArea .ur_choice .ctrls {
    width: 100%;
    margin-top: 15px;
    padding-top: 10px;
    border-top: 1px solid #000;
}
.optionsArea .ur_choice .ctrls .totalPrice,
.optionsArea .ur_choice .ctrls .addOrDel,
.optionsArea .ur_choice .ctrls .add2cart {
    display: inline-block;
    vertical-align: middle;
}
.optionsArea .ur_choice .ctrls .totalPrice {
    width: 100px;
}
.optionsArea .ur_choice .ctrls .addOrDel {
    width: 90px;
}
.optionsArea .ur_choice .ctrls .totalPrice span.val,
.optionsArea .ur_choice .ctrls .addOrDel span.val {
    display: inline-block;
    width: 100%;
}
.optionsArea .ur_choice .ctrls .totalPrice span.val {
    font-size: 1.1em;
    font-weight: 600;
}
.optionsArea .ur_choice .ctrls .totalPrice .old_price {
    display: block;
    margin-top: 2px;
    font-size: .75rem;
}
.optionsArea .ur_choice .ctrls .add2cart {
    width: 50px;
}
.optionsArea .ur_choice .ctrls .addOrDel a {
    display: inline-block;
    width: 20px;
    height: 32px;
    color: #000;
    font-size: 1.5em;
    text-decoration: none;
    line-height: 30px;
    vertical-align: middle;
}
.optionsArea .ur_choice .ctrls .addOrDel a.add {
    text-align: left;
}
.optionsArea .ur_choice .ctrls .addOrDel a.remove {
    text-align: right;
}
.optionsArea .ur_choice .ctrls .addOrDel input[type="text"] {
    display: inline-block;
    width: 37px;
    height: 32px;
    padding: 0 5px;
    background: transparent;
    font-family: 'helvetica_l';
    color: #000;
    font-size: 1.4em;
    text-align: center;
    line-height: 32px;
    vertical-align: middle;
    border: 0;
    outline: 0;
}
.optionsArea .ur_choice .ctrls .add2cart a {
    height: 100%;
    text-decoration: none;
}
.optionsArea .ur_choice .ctrls .add2cart span.ico {
    width: 30px;
    height: 27px;
}
.optionsArea .ur_choice .ctrls .add2cart span.ico.cart {
    background-position: -52px -165px;
}

.optionsArea .alsoBuy,
.optionsArea .delivery {
    width: 100%;
    padding: 10px;
    border: 1px solid #b3b3b3;
}
.optionsArea .alsoBuy {
     margin-top: 50px;
}
.optionsArea .delivery {
    margin-top: 20px;
    font-size: 1.1em;
    line-height: 22px;
    text-align: center;
}
.optionsArea .alsoBuy figure.image {
    width: 100%;
    margin: 0;
    padding: 20px 0;
}
.optionsArea .alsoBuy figure.image a {
    height: 100%;
    text-decoration: none;
}
.optionsArea .alsoBuy figure.image img {
    margin: 0 auto;
}
.optionsArea .alsoBuy .title {
    width: 100%;
    font-size: 1.1em;
    line-height: 22px;
}
.optionsArea .alsoBuy .title a,
.optionsArea .delivery a {
    display: block;
    text-decoration: none;
}
.optionsArea .delivery a {
    color: #000;
}
.optionsArea .alsoBuy .title a:hover {
    text-decoration: underline;
}
.optionsArea .alsoBuy .title span.value,
.optionsArea .delivery span.value {
    display: block;
}

.optionsArea .delivery span.ico {
    width: 57px;
    height: 49px;
    margin-bottom: 10px;
}
.optionsArea .delivery span.ico.del {
    background-position: 0 -351px;
}

/************** /FREEDOM PAGE **************/

/************** FREEDOM MOBILE PAGE **************/

section.workAreaMobile {
    width: 100%;
    font-family: 'helvetica_l';
    border-top: 1px solid #d9d9d9;
}
section.workAreaMobile .controlsBar {
    width: 100%;
    max-width: 320px;
    margin: 0 auto;
    height: 42px;
    padding: 0 5px;
}
section.workAreaMobile .controlsBar .prev,
section.workAreaMobile .controlsBar .next {
    display: inline-block;
    width: 155px;
    height: 100%;
    color: #000;
    font-size: .85em;
    vertical-align: middle;
}
section.workAreaMobile .controlsBar .prev {
    float: left;
    width: 100px;
}
section.workAreaMobile .controlsBar .next {
    float: right;
    width: 200px;
}
section.workAreaMobile .controlsBar .prev a,
section.workAreaMobile .controlsBar .next a {
    height: 100%;
    color: inherit;
    text-decoration: none;
    line-height: 42px;
}
section.workAreaMobile .controlsBar .prev span.value,
section.workAreaMobile .controlsBar .next span.value {
    display: inline-block;
    width: calc(100% - 20px);
    vertical-align: middle;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
section.workAreaMobile .controlsBar .prev span.value {
    text-align: left;
}
section.workAreaMobile .controlsBar .next span.value {
    text-align: right;
}
section.workAreaMobile .controlsBar .prev span.ico,
section.workAreaMobile .controlsBar .next span.ico {
    width: 15px;
    height: 15px;
    vertical-align: middle;
}
section.workAreaMobile .controlsBar .prev span.ico.go_prev {
    background-position: -149px -187px;
}
section.workAreaMobile .controlsBar .next span.ico.go_next {
    background-position: -146px -208px;
}

section.workAreaMobile .head {
    width: 100%;
    height: 42px;
    background: #000;
}
section.workAreaMobile .head h2 {
    margin: 0;
    color: #fff;
    font-size: 1em;
    font-family: 'helvetica_l';
    line-height: 42px;
}

section.workAreaMobile .palletWrapper {
    width: 100%;
    max-width: 320px;
    margin: 0 auto;
    padding: 20px 19px 20px 21px;
}
section.workAreaMobile .palletWrapper .pallet_item {
    display: inline-block;
    width: 60px;
    height: 60px;
    margin: 0 8px 8px 0;
    border: 1px solid #e5e5e5;
    background: url('/local/templates/inglot/../.default/images/etc/sprite_pallets.png') no-repeat;
    cursor: url('/local/templates/inglot/../.default/images/etc/drag.png'), auto;
    text-decoration: none;
    transition: border-color .1s ease-in-out;
}
section.workAreaMobile .palletWrapper .pallet_item:nth-of-type(4n) {
    margin-right: 0;
}
section.workAreaMobile .palletWrapper .pallet_item:focus,
section.workAreaMobile .palletWrapper .pallet_item.selected {
    outline: 0;
    border: 3px solid #000;
    transition: border-color .1s ease-in-out;
}
section.workAreaMobile .palletWrapper .pallet_item.type_1 {
    background-position: 0 0;
}
section.workAreaMobile .palletWrapper .pallet_item.type_1.selected,
section.workAreaMobile .palletWrapper .pallet_item.type_1:focus {
    background-position: -61px -2px;
}
section.workAreaMobile .palletWrapper .pallet_item.type_2 {
    background-position: 0 -60px;
}
section.workAreaMobile .palletWrapper .pallet_item.type_2.selected,
section.workAreaMobile .palletWrapper .pallet_item.type_2:focus {
    background-position: -61px -62px;
}
section.workAreaMobile .palletWrapper .pallet_item.type_3 {
    background-position: 0 -118px;
}
section.workAreaMobile .palletWrapper .pallet_item.type_3.selected,
section.workAreaMobile .palletWrapper .pallet_item.type_3:focus {
    background-position: -61px -120px;
}
section.workAreaMobile .palletWrapper .pallet_item.type_4 {
    background-position: 0 -177px;
}
section.workAreaMobile .palletWrapper .pallet_item.type_4.selected,
section.workAreaMobile .palletWrapper .pallet_item.type_4:focus {
    background-position: -61px -179px;
}
section.workAreaMobile .palletWrapper .pallet_item.type_5 {
    background-position: 0 -236px;
}
section.workAreaMobile .palletWrapper .pallet_item.type_5.selected,
section.workAreaMobile .palletWrapper .pallet_item.type_5:focus {
    background-position: -61px -238px;
}
section.workAreaMobile .palletWrapper .pallet_item.type_6 {
    background-position: 0 -295px;
}
section.workAreaMobile .palletWrapper .pallet_item.type_6.selected,
section.workAreaMobile .palletWrapper .pallet_item.type_6:focus {
    background-position: -61px -297px;
}
section.workAreaMobile .palletWrapper .pallet_item.type_7 {
    background-position: 0 -354px;
}
section.workAreaMobile .palletWrapper .pallet_item.type_7.selected,
section.workAreaMobile .palletWrapper .pallet_item.type_7:focus {
    background-position: -61px -356px;
}
section.workAreaMobile .palletWrapper .pallet_item.type_8 {
    background-position: 0 -413px;
}
section.workAreaMobile .palletWrapper .pallet_item.type_8.selected,
section.workAreaMobile .palletWrapper .pallet_item.type_8:focus {
    background-position: -61px -415px;
}
section.workAreaMobile .palletWrapper .pallet_item.type_9 {
    background-position: 0 -472px;
}
section.workAreaMobile .palletWrapper .pallet_item.type_9.selected,
section.workAreaMobile .palletWrapper .pallet_item.type_9:focus {
    background-position: -61px -474px;
}
section.workAreaMobile .palletWrapper .pallet_item.type_10 {
    background-position: 0 -530px;
}
section.workAreaMobile .palletWrapper .pallet_item.type_10.selected,
section.workAreaMobile .palletWrapper .pallet_item.type_10:focus {
    background-position: -61px -532px;
}
section.workAreaMobile .palletWrapper .pallet_item.type_11 {
    background-position: 0 -590px;
}
section.workAreaMobile .palletWrapper .pallet_item.type_11.selected,
section.workAreaMobile .palletWrapper .pallet_item.type_11:focus {
    background-position: -61px -592px;
}
section.workAreaMobile .palletWrapper .pallet_item.type_12 {
    background-position: 0 -649px;
}
section.workAreaMobile .palletWrapper .pallet_item.type_12.selected,
section.workAreaMobile .palletWrapper .pallet_item.type_12:focus {
    background-position: -61px -651px;
}
section.workAreaMobile .palletWrapper .pallet_item.type_13 {
    background-position: 0 -709px;
}
section.workAreaMobile .palletWrapper .pallet_item.type_13.selected,
section.workAreaMobile .palletWrapper .pallet_item.type_13:focus {
    background-position: -61px -711px;
}
section.workAreaMobile .palletWrapper .pallet_item.type_14 {
    background-position: 0 -767px;
}
section.workAreaMobile .palletWrapper .pallet_item.type_14.selected,
section.workAreaMobile .palletWrapper .pallet_item.type_14:focus {
    background-position: -61px -769px;
}
section.workAreaMobile .palletWrapper .pallet_item.type_15 {
    background-position: 0 -826px;
}
section.workAreaMobile .palletWrapper .pallet_item.type_15.selected,
section.workAreaMobile .palletWrapper .pallet_item.type_15:focus {
    background-position: -61px -828px;
}
section.workAreaMobile .palletWrapper .pallet_item.type_16 {
    background-position: 0 -885px;
}
section.workAreaMobile .palletWrapper .pallet_item.type_16.selected,
section.workAreaMobile .palletWrapper .pallet_item.type_16:focus {
    background-position: -61px -887px;
}

section.workAreaMobile .palletWrapper .pallet_item.type_17 {
    background-position: 0 -944px;
}
section.workAreaMobile .palletWrapper .pallet_item.type_17.selected,
section.workAreaMobile .palletWrapper .pallet_item.type_17:focus {
    background-position: -61px -946px;
}
section.workAreaMobile .palletWrapper .pallet_item.type_18 {
    background-position: 1px -1003px;
}
section.workAreaMobile .palletWrapper .pallet_item.type_18.selected,
section.workAreaMobile .palletWrapper .pallet_item.type_18:focus {
    background-position: -61px -1005px;
}
section.workAreaMobile .palletWrapper .pallet_item.type_19 {
    background-position: 0 -1062px;
}
section.workAreaMobile .palletWrapper .pallet_item.type_19.selected,
section.workAreaMobile .palletWrapper .pallet_item.type_19:focus {
    background-position: -61px -1064px;
}
section.workAreaMobile .palletWrapper .pallet_item.type_20 {
    background-position: 0 -1121px;
}
section.workAreaMobile .palletWrapper .pallet_item.type_20.selected,
section.workAreaMobile .palletWrapper .pallet_item.type_20:focus {
    background-position: -61px -1123px;
}
section.workAreaMobile .palletWrapper .pallet_item.type_21 {
    background-position: 0 -1181px;
}
section.workAreaMobile .palletWrapper .pallet_item.type_21.selected,
section.workAreaMobile .palletWrapper .pallet_item.type_21:focus {
    background-position: -61px -1183px;
}
section.workAreaMobile .palletWrapper .pallet_item.type_22 {
    background-position: 0 -1239px;
}
section.workAreaMobile .palletWrapper .pallet_item.type_22.selected,
section.workAreaMobile .palletWrapper .pallet_item.type_22:focus {
    background-position: -61px -1241px;
}
section.workAreaMobile .palletWrapper .pallet_item.type_23 {
    background-position: 0 -1297px;
}
section.workAreaMobile .palletWrapper .pallet_item.type_23.selected,
section.workAreaMobile .palletWrapper .pallet_item.type_23:focus {
    background-position: -61px -1299px;
}
section.workAreaMobile .palletWrapper .pallet_item.type_24 {
    background-position:0 -1357px;
}
section.workAreaMobile .palletWrapper .pallet_item.type_24.selected,
section.workAreaMobile .palletWrapper .pallet_item.type_24:focus {
    background-position: -61px -1359px;
}

section.workAreaMobile .freedom_nav {
    max-width: 320px;
    margin: 0 auto;
}

section.freedomMobile {
    width: 100%;
    max-width: 320px;
    margin: 0 auto;
    padding: 15px 5px 20px;
}
section.freedomMobile .actionArea,
section.freedomMobile .optionsArea {
    width: 100%;
}
section.freedomMobile .prompt span.value,
section.freedomMobile .prompt span.close {
    display: inline-block;
    vertical-align: middle;
}
section.freedomMobile .prompt span.value {
    width: calc(100% - 35px);
    padding-right: 10px;
    line-height: 18px;
}
section.freedomMobile .prompt span.close {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    cursor: pointer;
    background: url('/local/templates/inglot/../.default/images/etc/sprite.png') -31px -285px no-repeat;
}
section.freedomMobile .pallet_item {
    position: relative;
    width: 100%;
    height: auto;
}
section.freedomMobile .pallet_item .substrate {
    width: 100%;
}
section.freedomMobile .pallet_item .elements {
    position: absolute;
    overflow: hidden;
}
section.freedomMobile .pallet_item .elements::before,
section.freedomMobile .pallet_item .elements::after {
    content: '';
    display: block;
    height: 0;
    visibility: hidden;
    line-height: 0;
    clear: both;
}
section.freedomMobile .pallet_item.type_1 .elements {
    top: 64px;
    left: 21px;
    width: 87px;
    max-height: 78px;
}
section.freedomMobile .pallet_item.type_2 .elements {
    top: 65px;
    left: 110px;
    width: 87px;
    max-height: 170px;
}
section.freedomMobile .pallet_item.type_3 .elements {
    top: 56px;
    left: 28px;
    width: 87px;
    max-height: 260px;
}
section.freedomMobile .pallet_item.type_4 .elements {
    top: 90px;
    left: 24px;
    width: 190px;
    max-height: 175px;
}
section.freedomMobile .pallet_item.type_5 .elements {
    top: 40px;
    left: 145px;
    width: 87px;
    max-height: 450px;
}
section.freedomMobile .pallet_item.type_6 .elements {
    top: 47px;
    left: 117px;
    width: 172px;
    max-height: 440px;
}
section.freedomMobile .pallet_item.type_7 .elements {
    top: 48px;
    left: 22px;
    width: 275px;
    max-height: 435px;
}
section.freedomMobile .pallet_item.type_8 .elements {
    top: 44px;
    left: 20px;
    width: 285px;
    max-height: 705px;
}
section.freedomMobile .pallet_item.type_9 .elements {
    top: 131px;
    left: 22px;
    width: 87px;
    max-height: 78px;
}
section.freedomMobile .pallet_item.type_10 .elements {
    top: 140px;
    left: 21px;
    width: 186px;
    max-height: 80px;
}
section.freedomMobile .pallet_item.type_11 .elements {
    top: 144px;
    left: 30px;
    width: 256px;
    max-height: 73px;
}
section.freedomMobile .pallet_item.type_12 .elements {
    top: 47px;
    left: 86px;
    width: 87px;
    max-height: 435px;
}
section.freedomMobile .pallet_item.type_13 .elements {
    top: 78px;
    left: 40px;
    width: 235px;
    max-height: 105px;
}
section.freedomMobile .pallet_item.type_14 .elements {
    top: 53px;
    left: 74px;
    width: 87px;
    max-height: 160px;
}
section.freedomMobile .pallet_item.type_15 .elements {
    top: 139px;
    left: 178px;
    width: 93px;
    max-height: 165px;
}
section.freedomMobile .pallet_item.type_16 .elements {
    top: 71px;
    left: 16px;
    width: 260px;
    max-height: 98px;
}

section.freedomMobile .pallet_item.type_18 .elements {
    top: 56px;
    left: 28px;
    width: 240px;
    height: 100px;
}
section.freedomMobile .pallet_item.type_19 .elements {
    top: 29px;
    left: 41px;
    width: 190px;
    max-height: 190px;
}
section.freedomMobile .pallet_item.type_20 .elements {
    top: 16px;
    left: 33px;
    width: 215px;
    max-height: 218px;
}
section.freedomMobile .pallet_item.type_21 .elements {
    top: 82px;
    left: 35px;
    width: 235px;
    height: 98px;
}
section.freedomMobile .pallet_item.type_22 .elements {
    top: 79px;
    left: 18px;
    width: 145px;
    height: 145px;
    max-height: 143px;
}
section.freedomMobile .pallet_item.type_23 .elements {
    top: 117px;
    left: 28px;
    width: 145px;
    height: 94px;
}
section.freedomMobile .pallet_item.type_24 .elements {
    top: 115px;
    left: 28px;
    width: 154px;
    height: 96px;
}

section.freedomMobile .pallet_item .elements .placeholder {
    display: inline-block;
    vertical-align: top;
    border-radius: 7px;
}
section.freedomMobile .pallet_item.type_13 .elements .placeholder {
    float: left;
}

section.freedomMobile .pallet_item .elements .placeholder.activeRefill {
    background-position: -3px -9px;
    background-size: 95px 95px;

}
section.freedomMobile .pallet_item.type_7 .elements .placeholder.activeRefill {
    background-position: -1px -7px;
    background-size: 64px 68px;
}
section.freedomMobile .pallet_item.type_8 .elements .placeholder.activeRefill,
section.freedomMobile .pallet_item.type_21 .elements .placeholder.activeRefill:nth-of-type(3),
section.freedomMobile .pallet_item.type_21 .elements .placeholder.activeRefill:nth-of-type(4) {
    background-position: -2px -5px;
    background-size: 53px 55px;
}
section.freedomMobile .pallet_item.type_12 .elements .placeholder.activeRefill:nth-of-type(4),
section.freedomMobile .pallet_item.type_14 .elements .placeholder.activeRefill,
section.freedomMobile .pallet_item.type_15 .elements .placeholder.activeRefill {
    background-position: -41px -5px;
    background-size: 170px 176px;
}
section.freedomMobile .pallet_item.type_16 .elements .placeholder.activeRefill,
section.freedomMobile .pallet_item.type_21 .elements .placeholder.activeRefill:nth-of-type(2) {
    background-position: -25px -5px;
    background-size: 100px 102px;
}
section.freedomMobile .pallet_item.type_18 .elements .placeholder.activeRefill,
section.freedomMobile .pallet_item.type_19 .elements .placeholder.activeRefill,
section.freedomMobile .pallet_item.type_20 .elements .placeholder.activeRefill,
section.freedomMobile .pallet_item.type_21 .elements .placeholder.activeRefill:nth-of-type(1),
section.freedomMobile .pallet_item.type_23 .elements .placeholder.activeRefill,
section.freedomMobile .pallet_item.type_24 .elements .placeholder.activeRefill {
    background-position: 0 0;
    background-size: 100% 100%;
}
section.freedomMobile .pallet_item.type_22 .elements .placeholder.activeRefill {
    background-position: -3px -7px;
    background-size: 93px 94px;
}

section.freedomMobile .pallet_item.type_1 .elements .placeholder,
section.freedomMobile .pallet_item.type_2 .elements .placeholder,
section.freedomMobile .pallet_item.type_3 .elements .placeholder,
section.freedomMobile .pallet_item.type_4 .elements .placeholder,
section.freedomMobile .pallet_item.type_5 .elements .placeholder,
section.freedomMobile .pallet_item.type_8 .elements .placeholder,
section.freedomMobile .pallet_item.type_9 .elements .placeholder,
section.freedomMobile .pallet_item.type_10 .elements .placeholder,
section.freedomMobile .pallet_item.type_12 .elements .placeholder {
    width: 87px;
    height: 78px;
}
section.freedomMobile .pallet_item.type_6 .elements .placeholder {
    width: 78px;
    height: 69px;
}
section.freedomMobile .pallet_item.type_7 .elements .placeholder {
    width: 62px;
    height: 55px;
}
section.freedomMobile .pallet_item.type_8 .elements .placeholder {
    width: 50px;
    height: 44px;
    border-radius: 5px;
}
section.freedomMobile .pallet_item.type_11 .elements .placeholder {
    width: 80px;
    height: 73px;
}
section.freedomMobile .pallet_item.type_13 .elements .placeholder {
    width: 50px;
    height: 45px;
}
section.freedomMobile .pallet_item.type_12 .elements .placeholder.rectangle,
section.freedomMobile .pallet_item.type_12 .elements .placeholder:nth-child(4),
section.freedomMobile .pallet_item.type_14 .elements .placeholder {
    width: 87px;
    height: 159px;
}
section.freedomMobile .pallet_item.type_16 .elements .placeholder {
    width: 51px;
    height: 93px;
    border-radius: 5px;
}
section.freedomMobile .pallet_item.type_13 .elements .placeholder.rectangle,
section.freedomMobile .pallet_item.type_13 .elements .placeholder:nth-child(2) {
    width: 50px;
    height: 92px;
    margin: 6px 16px 0 0;
}
section.freedomMobile .pallet_item.type_13 .elements .placeholder.huge,
section.freedomMobile .pallet_item.type_13 .elements .placeholder:nth-child(1) {
    width: 92px;
    height: 103px;
    margin: 0 16px 0 0;
}
section.freedomMobile .pallet_item.type_15 .elements .placeholder {
    width: 92px;
    height: 163px;
    margin-bottom: 5px;
}
section.freedomMobile .pallet_item.type_21 .elements .placeholder:nth-of-type(2) {
    width: 51px;
    height: 96px;
    margin: 0px 14px 0 0;
}
section.freedomMobile .pallet_item.type_18 .elements .placeholder,
section.freedomMobile .pallet_item.type_19 .elements .placeholder,
section.freedomMobile .pallet_item.type_20 .elements .placeholder,
section.freedomMobile .pallet_item.type_21 .elements .placeholder:first-of-type,
section.freedomMobile .pallet_item.type_22 .elements .placeholder,
section.freedomMobile .pallet_item.type_23 .elements .placeholder,
section.freedomMobile .pallet_item.type_24 .elements .placeholder {
    border-radius: 50%;
}
section.freedomMobile .pallet_item.type_21 .elements .placeholder {
    float: left;
}
section.freedomMobile .pallet_item.type_21 .elements .placeholder:first-of-type {
    width: 96px;
    height: 96px;
    margin-right: 18px;
}
section.freedomMobile .pallet_item.type_21 .elements .placeholder:nth-of-type(3),
section.freedomMobile .pallet_item.type_21 .elements .placeholder:nth-of-type(4) {
    width: 50px;
    height: 45px;
}
section.freedomMobile .pallet_item.type_21 .elements .placeholder:nth-of-type(3) {
    margin:1px 0 5px 0;
}
section.freedomMobile .pallet_item.type_22 .elements .placeholder {
    width: 143px;
    height: 143px;
}
section.freedomMobile .pallet_item.type_18 .elements .placeholder {
    width: 100px;
    height: 100px;
}
section.freedomMobile .pallet_item.type_19 .elements .placeholder {
    width: 190px;
    height: 190px;
}
section.freedomMobile .pallet_item.type_20 .elements .placeholder {
    width: 96px;
    height: 96px;
}
section.freedomMobile .pallet_item.type_23 .elements .placeholder {
    width: 145px;
    height: 94px;
}
section.freedomMobile .pallet_item.type_24 .elements .placeholder {
    width: 154px;
    height: 96px;
}
section.freedomMobile .pallet_item.type_13 .elements .placeholder {
    margin: 3px 0 5px;
}
section.freedomMobile .pallet_item.type_10 .elements .placeholder {
    margin-right: 8px;
    margin-bottom: 5px;
}
section.freedomMobile .pallet_item.type_11 .elements .placeholder {
    margin-right: 6px;
    margin-bottom: 5px;
}
section.freedomMobile .pallet_item.type_2 .elements .placeholder,
section.freedomMobile .pallet_item.type_3 .elements .placeholder {
    margin-bottom: 9px;
}
section.freedomMobile .pallet_item.type_12 .elements .placeholder {
    margin-bottom: 10px;
}
section.freedomMobile .pallet_item.type_5 .elements .placeholder {
    margin-bottom: 12px;
}
section.freedomMobile .pallet_item.type_16 .elements .placeholder {
    margin-right: 16px;
}
section.freedomMobile .pallet_item.type_2 .elements .placeholder:last-of-type,
section.freedomMobile .pallet_item.type_3 .elements .placeholder:last-of-type,
section.freedomMobile .pallet_item.type_5 .elements .placeholder:last-of-type,
section.freedomMobile .pallet_item.type_12 .elements .placeholder:last-of-type,
section.freedomMobile .pallet_item.type_13 .elements .placeholder:last-of-type  {
    margin-bottom: 0;
}
section.freedomMobile .pallet_item.type_10 .elements .placeholder:last-of-type,
section.freedomMobile .pallet_item.type_10 .elements .placeholder:nth-child(2),
section.freedomMobile .pallet_item.type_11 .elements .placeholder:last-of-type,
section.freedomMobile .pallet_item.type_11 .elements .placeholder:nth-child(3),
section.freedomMobile .pallet_item.type_16 .elements .placeholder:last-of-type,
section.freedomMobile .pallet_item.type_16 .elements .placeholder:nth-child(4) {
    margin-right: 0;
}
section.freedomMobile .pallet_item.type_4 .elements .placeholder,
section.freedomMobile .pallet_item.type_6 .elements .placeholder {
    margin: 0 8px 9px 0;
}
section.freedomMobile .pallet_item.type_7 .elements .placeholder,
section.freedomMobile .pallet_item.type_8 .elements .placeholder {
    margin: 0 6px 7px 0;
}
section.freedomMobile .pallet_item.type_18 .elements .placeholder:nth-of-type(2) {
    margin-left: 35px;
}
section.freedomMobile .pallet_item.type_20 .elements .placeholder {
    margin: 0 19px 25px 0;
}
section.freedomMobile .pallet_item.type_20 .elements .placeholder:nth-of-type(3),
section.freedomMobile .pallet_item.type_20 .elements .placeholder:nth-of-type(4) {
    margin-bottom: 0;
}
section.freedomMobile .pallet_item.type_20 .elements .placeholder:nth-of-type(2),
section.freedomMobile .pallet_item.type_20 .elements .placeholder:nth-of-type(4) {
    margin-right: 0;
}
section.freedomMobile .pallet_item .elements .placeholder.empty {
    border: 1px dashed #8a8a8a;
}
section.freedomMobile .pallet_item.type_1 .elements .placeholder.empty {
    border: 1px dashed #222;
}
section.freedomMobile .pallet_item .elements .placeholder .good_item {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    cursor: url('/local/templates/inglot/../.default/images/etc/drag.png'), auto;
    overflow: hidden;
}
section.freedomMobile .pallet_item .elements .placeholder .good_item img {
    border-radius: 7px;
}
section.freedomMobile .pallet_item.type_1 .elements .placeholder .good_item img,
section.freedomMobile .pallet_item.type_2 .elements .placeholder .good_item img,
section.freedomMobile .pallet_item.type_3 .elements .placeholder .good_item img,
section.freedomMobile .pallet_item.type_4 .elements .placeholder .good_item img,
section.freedomMobile .pallet_item.type_5 .elements .placeholder .good_item img,
section.freedomMobile .pallet_item.type_9 .elements .placeholder .good_item img,
section.freedomMobile .pallet_item.type_10 .elements .placeholder .good_item img,
section.freedomMobile .pallet_item.type_13 .elements .placeholder .good_item img {
    max-width: 87px;
    max-height: 78px;
}
section.freedomMobile .pallet_item.type_6 .elements .placeholder .good_item img {
    max-width: 78px;
    max-height: 69px;
}
section.freedomMobile .pallet_item.type_7 .elements .placeholder .good_item img {
    max-width: 62px;
    max-height: 55px;
}
section.freedomMobile .pallet_item.type_8 .elements .placeholder .good_item img {
    max-width: 50px;
    max-height: 44px;
    border-radius: 5px;
}
section.freedomMobile .pallet_item.type_11 .elements .placeholder .good_item img {
    width: 80px;
    height: 72px;
}
section.freedomMobile .pallet_item.type_12 .elements .placeholder.rectangle .good_item img,
section.freedomMobile .pallet_item.type_12 .elements .placeholder:nth-child(4) .good_item img,
section.freedomMobile .pallet_item.type_13 .elements .placeholder.rectangle .good_item img,
section.freedomMobile .pallet_item.type_13 .elements .placeholder:nth-child(2) .good_item img,
section.freedomMobile .pallet_item.type_14 .elements .placeholder .good_item img {
    max-width: 87px;
    height: 159px;
    max-height: 159px;
}
section.freedomMobile .pallet_item.type_16 .elements .placeholder .good_item img {
    max-width: 51px;
    height: 93px;
    border-radius: 5px;
}
section.freedomMobile .pallet_item.type_13 .elements .placeholder.huge .good_item img,
section.freedomMobile .pallet_item.type_13:first-child .elements .placeholder .good_item img {
    width: 100%;
    height: 100%;
    max-width: none;
    max-height: none;
}
section.freedomMobile .pallet_item.type_15 .elements .placeholder .good_item img {
    width: 92px;
    height: 163px;
}
section.freedomMobile .pallet_item.type_21 .elements .placeholder:nth-of-type(2) img {
    width: 51px;
    height: 96px;
}
section.freedomMobile .pallet_item.type_18 .elements .placeholder img,
section.freedomMobile .pallet_item.type_19 .elements .placeholder img,
section.freedomMobile .pallet_item.type_20 .elements .placeholder img,
section.freedomMobile .pallet_item.type_21 .elements .placeholder:first-of-type img,
section.freedomMobile .pallet_item.type_22 .elements .placeholder img,
section.freedomMobile .pallet_item.type_23 .elements .placeholder img,
section.freedomMobile .pallet_item.type_24 .elements .placeholder img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
}
section.freedomMobile .pallet_item .elements .placeholder .good_item span.series {
    position: absolute;
    top: 50%;
    left: 50%;
    display: inline-block;
    padding: 3px 6px;
    color: #fff;
    font-size: .8em;
    text-align: center;
    background: rgba(0,0,0,0.5);
    transform: translate(-50%, -50%);
}


section.freedomMobile .optionsArea {
    margin-top: 10px;
    padding: 0 30px;
}
section.freedomMobile .optionsArea .ur_choice {
    width: 100%;
    font-size: 1em;
    font-family: 'helvetica_l';
}
section.freedomMobile .optionsArea .ur_choice span.header {
    display: block;
    width: 100%;
    margin-bottom: 15px;
    padding: 10px 0;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    font-family: 'helvetica_l';
    text-align: center;
}
section.freedomMobile .optionsArea .ur_choice .unit {
    width: 100%;
    margin-bottom: 15px;
}
section.freedomMobile .optionsArea .ur_choice .unit .value,
section.freedomMobile .optionsArea .ur_choice .unit .price {
    display: inline-block;
    vertical-align: middle;
}
section.freedomMobile .optionsArea .ur_choice .unit .value {
    width: calc(100% - 65px);
    padding-right: 20px;
    font-size: .85em;
    line-height: 17px;
}
section.freedomMobile .optionsArea .ur_choice .unit .price {
    width: 60px;
    font-family: 'helvetica_l';
    font-size: .9em;
    text-align: right;
}
section.freedomMobile .optionsArea .ur_choice .unit .value span.val {
    display: inline-block;
    width: 100%;
}
section.freedomMobile .optionsArea .ur_choice .unit .price span.val {
    display: inline-block;
    width: 100%;
    font-weight: 600;
}
section.freedomMobile .optionsArea .ur_choice .ctrls {
    width: 100%;
    margin-top: 15px;
    padding-top: 10px;
    border-top: 1px solid #000;
}
section.freedomMobile .optionsArea .ur_choice .ctrls .totalPrice,
section.freedomMobile .optionsArea .ur_choice .ctrls .addOrDel,
section.freedomMobile .optionsArea .ur_choice .ctrls .add2cart {
    display: inline-block;
    vertical-align: middle;
}
section.freedomMobile .optionsArea .ur_choice .ctrls .totalPrice {
    width: 100px;
}
section.freedomMobile .optionsArea .ur_choice .ctrls .addOrDel {
    width: 90px;
}
section.freedomMobile .optionsArea .ur_choice .ctrls .totalPrice span.val,
section.freedomMobile .optionsArea .ur_choice .ctrls .addOrDel span.val {
    display: inline-block;
    width: 100%;
}
section.freedomMobile .optionsArea .ur_choice .ctrls .totalPrice span.val {
    font-size: 1.4em;
    font-weight: 600;
}
section.freedomMobile .optionsArea .ur_choice .ctrls .add2cart {
    width: 50px;
}
section.freedomMobile .optionsArea .ur_choice .ctrls .addOrDel a {
    display: inline-block;
    width: 20px;
    height: 32px;
    color: #000;
    font-size: 1.5em;
    text-decoration: none;
    line-height: 30px;
    vertical-align: middle;
}
section.freedomMobile .optionsArea .ur_choice .ctrls .addOrDel a.add {
    text-align: left;
}
section.freedomMobile .optionsArea .ur_choice .ctrls .addOrDel a.remove {
    text-align: right;
}
section.freedomMobile .optionsArea .ur_choice .ctrls .addOrDel input[type="text"] {
    display: inline-block;
    width: 37px;
    height: 32px;
    padding: 0 5px;
    background: transparent;
    font-family: 'helvetica_l';
    color: #000;
    font-size: 1.4em;
    text-align: center;
    line-height: 32px;
    vertical-align: middle;
    border: 0;
    outline: 0;
}
section.freedomMobile .optionsArea .ur_choice .ctrls .add2cart a {
    height: 100%;
    text-decoration: none;
}
section.freedomMobile .optionsArea .ur_choice .ctrls .add2cart span.ico {
    width: 30px;
    height: 27px;
}
section.freedomMobile .optionsArea .ur_choice .ctrls .add2cart span.ico.cart {
    background-position: -52px -165px;
}

section.freedomMobile .optionsArea .alsoBuy {
    width: 100%;
    margin: 50px 0 0 0;
    padding: 10px;
    border: 1px solid #b3b3b3;
}
section.freedomMobile .optionsArea .alsoBuy figure.image {
    width: 100%;
    margin: 0;
    padding: 20px 0;
}
section.freedomMobile .optionsArea .alsoBuy figure.image a {
    height: 100%;
    text-decoration: none;
}
section.freedomMobile .optionsArea .alsoBuy figure.image img {
    margin: 0 auto;
}
section.freedomMobile .optionsArea .alsoBuy .title {
    width: 100%;
    font-size: 1.1em;
    line-height: 22px;
}
section.freedomMobile .optionsArea .alsoBuy .title a {
    display: block;
    text-decoration: none;
}
section.freedomMobile .optionsArea .alsoBuy .title a:hover {
    text-decoration: underline;
}
section.freedomMobile .optionsArea .alsoBuy .title span.value {
    display: block;
}


/************** /FREEDOM MOBILE PAGE **************/

/************** 404 PAGE **************/

section.fourZeroFour {
    width: 575px;
    margin: 60px auto;
    font-family: 'helvetica_l';
    color: #000;
}
section.fourZeroFour h2 {
    margin: 0 0 15px;
    font-size: 11em;
}
section.fourZeroFour h2 span.detail {
    font-size: 21px;
}
section.fourZeroFour .prompt {
    width: 100%;
    margin-bottom: 50px;
    font-family: 'helvetica_l';
}
section.fourZeroFour .prompt p {
    margin: 0;
    color: inherit;
    font-size: 1em;
    line-height: 19px;
}
section.fourZeroFour .formWarpper {
    width: 305px;
    height: 33px;
    margin: 0 auto;
}
section.fourZeroFour .formWarpper .item {
    position: relative;
    width: 100%;
    height: 33px;
}
section.fourZeroFour .formWarpper .item input[type="text"] {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    max-height: 33px;
    padding: 0 15px 0 40px;
    background: #fff;
    border: 1px solid #000;
    outline: 0;
    z-index: 1;
    border-radius:0;
}
section.fourZeroFour .formWarpper .item span.ico.zoom {
    position: absolute;
    top: 50%;
    left: 0;
    width: 35px;
    height: 27px;
    background-position: -63px -290px;
    z-index: 2;
    transform: translateY(-50%);
}
.categoriesWrapper {
    width: 100%;
}
.categoriesWrapper .category {
    display: inline-block;
    width: 145px;
    margin-right: 2px;
    padding: 25px 0;
    vertical-align: top;
}
.categoriesWrapper .category:last-child {
    width: auto;
    margin-right: 0;
}
.categoriesWrapper .category .title {
    width: 100%;
    margin-bottom: 15px;
    color: #000;
    font-size: 1em;
}
.categoriesWrapper .category .title a {
    position: relative;
    color: inherit;
    font-size: inherit;
    text-decoration: none;
}
.categoriesWrapper .category .title a:hover span.value {
    text-decoration: underline;
}
.categoriesWrapper .category .title span.value {
    display: inline-block;
    width: 100%;
    vertical-align: middle;
}
.categoriesWrapper .category ul.list {
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
}
.categoriesWrapper .category ul.list li {
    display: block;
    width: 100%;
    color: #000;
    margin-bottom: 10px;
    font-size: 13px;
    text-transform: none;
}
.categoriesWrapper .category ul.list li:last-child {
    margin: 0;
}
.categoriesWrapper .category ul.list li a {
    color: #6fc0f8;
    font-size: inherit;
    text-decoration: underline;
}
.categoriesWrapper .category ul.list li a:hover {
    text-decoration: none;
}


/************** /404 PAGE **************/

/************** PRO PAGE **************/

.perform_pro {
    width: 100%;
    margin-top: 65px;
}
.perform_pro .inner {
    position: relative;
    max-width: 800px;
    min-height: 550px;
    margin: 0 auto;
}
.perform_pro h4.label {
    max-width: 420px;
    margin-left: 0;
    margin-right: 0;
    font-size: 1.6em;
}
.perform_pro h2.pro {
    margin-bottom: 50px;
    font-size: 3.5em;
    text-transform: uppercase;
}
.perform_pro p.notice {
    max-width: 185px;
    margin: 0;
    font-size: 1.3em;
    line-height: 26px;
}
.pro_card_wrp {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 550px;
    z-index: 0;
}
.pro_card_wrp img {
    margin: 0;
}

.pro_features {
    width: 100%;
    padding: 50px 0;
    border-top: 1px solid #b3b3b3;
    border-bottom: 1px solid #b3b3b3;
}
.pro_features .item {
    display: inline-block;
    width: calc(33.33% - 4px);
    margin-top: 50px;
    padding: 0 15px;
    font-size: 18px;
    text-align: center;
    vertical-align: top;
}
.pro_features .item:first-of-type,
.pro_features .item:nth-of-type(2),
.pro_features .item:nth-of-type(3) {
    margin-top: 0;
}
.pro_features .item span.ico {
    height: 38px;
    margin-bottom: 15px;
    background: url('/local/templates/inglot/../.default/images/etc/pro_sprite.png') no-repeat;
}
.pro_features .item span.ico.hat {
    width: 64px;
    background-position: 0 0;
}
.pro_features .item span.ico.gift {
    width: 37px;
    background-position: -69px 0;
}
.pro_features .item span.ico.access {
    width: 39px;
    background-position: -112px 0;
}
.pro_features .item span.ico.basket {
    width: 42px;
    background-position: -157px 0;
}
.pro_features .item span.ico.cup {
    width: 38px;
    background-position: -205px 0;
}
.pro_features .item span.ico.open {
    width: 41px;
    background-position: -248px 0;
}
.become_pro {
    max-width: 800px;
    margin: 50px auto 0;
}
#cities ul.tabs {
    font-size: 1em;
}
#cities ul.tabs li {
    margin-right: 50px;
    padding: 0;
}
#cities ul.tabs li:last-of-type {
    margin-right: 0;
}
#cities ul.tabs li::before {
    display: none;
}
#cities .triggers a {
    color: #808080;
    font-size: 16px;
    text-decoration: none;
    border-bottom: 1px dotted #808080;
}
#cities .triggers > .active > a {
    color: #000;
    font-weight: normal;
    border-bottom-color: #000;
    border-bottom-style: solid;
}
#cities .tabs-content {
    height: auto;
    margin-top: 45px;
    padding: 0;
}
#cities .tabs-pane {
    position: static;
    height: 0;
    overflow: hidden;
    transform: scale(1);
    transition: opacity .4s ease-in-out;
}
#cities .tabs-pane.active {
    height: auto;
    transition: opacity .4s ease-in-out;
}
.become_pro .step {
    width: 100%;
    margin-bottom: 40px;
}
.become_pro .step:last-of-type {
    margin-bottom: 0;
}
.become_pro .step .label {
    width: 100%;
    margin-bottom: 15px;
    color: #000;
    font-size: 1.5em;
}
.become_pro .step .context {
    width: 100%;
    color: #000;
    font-size: 17px;
}
.become_pro .step p,
.become_pro .step ul {
    font-size: 1em;
}

h2.develop {
    margin-top: 50px;
    margin-bottom: 0!important;
    font-size: 3.5em!important;
    text-align: center;
}

/************** /PRO PAGE **************/

/************** DEFAULT SLIDER **************/

.default_slider {
    height: 350px;
    margin: 25px 0;
    padding: 0 25px;
}
.default_slider .item {
    max-height: 350px;
    text-align: center;
}
.default_slider .item .table {
    width: 100%;
    height: 100%;
}
.default_slider .item .td {
    width: 100%;
    vertical-align: middle;
}
.default_slider .item img {
    display: inline-block;
    width: auto;
    max-height: 350px;
    vertical-align: middle;
}
.default_slider .owl-thumbs {
    display: none;
}
.default_slider .owl-stage-outer {
    z-index: 1;
}
.default_slider .owl-controls,
.default_slider .owl-nav {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.default_slider .owl-nav .owl-prev,
.default_slider .owl-nav .owl-next{
    position: absolute;
    top: 50%;
    width: 24px;
    height: 30px;
    margin-top: -15px;
    background: url('/local/templates/inglot/../.default/images/etc/sprite.png') no-repeat;
    cursor: pointer;
    z-index: 15;
}
.default_slider .owl-nav .owl-prev {
    left: 0;
    background-position: -33px -42px;
}
.default_slider .owl-nav .owl-next {
    right: 0;
    background-position: -68px -42px;
}

.back_to_shopping {
    width: 100%;
    color: #1e1e1e;
    font-size: 0.8em;
    padding: 0 0 0 20px;
    margin: 0 0 15px;
    position: relative;
}
.back_to_shopping:before {
    content: '';
    width: 7px;
    height: 7px;
    transform: rotateZ(
            45deg
    ) translateY(-90%);
    border: 2px solid #1e1e1e;
    border-right: 0;
    border-top: 0;
    display: block;
    position: absolute;
    left: 3px;
    top: 50%;
}
.back_to_shopping a {
    color: inherit;
    outline: none;
    text-decoration: none;
    cursor: pointer;
    -webkit-transition: color .15s;
    transition: color .15s;
}
/************** /DEFAULT SLIDER **************/

/***** SOME RESPONSIVE CSS *****/

@media (max-width: 1199px) {

    nav.navigation ul.nav.top .level_nd,
    nav.navigation ul.nav .level_nd {
        position: relative;
        top: 100%;
        bottom: auto;
    }
}

/***** /SOME RESPONSIVE CSS *****/


/*====================================
	CSS
	-------------------
	Developed by Maiorov Maksim
	m.maiorov@gmail.com / mm@fdev.name
	2015 | Kaliningrad, Russia

=====================================*/
/* End */



/* Start:/bitrix/templates/.default/css/responsive.css*/
/*====================================
	RESPONSIVE CSS
	-------------------
	Developed by Maiorov Maksim
	m.maiorov@gmail.com / mm@fdev.name
	2015 | Kaliningrad, Russia

=====================================*/



@media all and (min-width: 1367px) {


} /*@media all and (max-width: 1350px)*/

@media all and (max-width:1366px) {

	/**** HEADER ****/

	.level_nd .category {
		width: 135px;
		margin-right: 0;
	}

	/**** /HEADER ****/

	.goods article.item .ctrls .price {
		font-size: 1em;
	}

	/**** ADS ****/

	section.ads .item {
		width: 373px;
	}

	/**** /ADS ****/

	/**** CATALOG PAGE ****/

	article.catalog_unit {
		margin: 10px 10px 20px;
	}

	/**** /CATALOG PAGE ****/

	/**** DETAIL PAGE ****/

	section.detailDscrp .patterns .item {
		margin-right: 12px;
	}

	/**** /DETAIL PAGE ****/

	/**** MALLS PAGE ****/

	section.malls {
		padding: 40px 90px;
	}

	/**** /MALLS PAGE ****/

	/**** STYLE PAGE ****/

	article.styleItem {
		margin-right: 5px;
	}
	article.makeupItem {
		margin-right: 25px;
	}

	/**** /STYLE PAGE ****/

	/**** PERSONAL PAGE ****/

	.recieved .header .item.summ,
	.recieved .row .item.summ {
		width: 145px;
	}

	.pending .row {
		padding: 20px 10px;
	}
	.pending .row .item.features,
	.goodsList .unit.title {
		width: 315px;
	}
	.pending .row .options,
	.goodsList .elm .opts {
		width: calc(100% - 465px);
	}

	/**** /PERSONAL PAGE ****/

	/**** 404 PAGE ****/

	.categoriesWrapper .category{
		width: 137px;
	}

	/**** /404 PAGE ****/

	/**** FOOTER ****/

    #footer .data_bar .copyright,
    #footer .details_bar .details_wrp {
        width: 525px;
    }

	/**** /FOOTER ****/

} /*@media all and (min-width:1200px) and (max-width:1349px)*/

@media all and (max-width:1199px) {

	/**** COMMON ****/

	.goods article.item .title a span.value,
	article.catalog_unit .title a span.value,
	.recommended article.item .title a span.value {
	    max-height: 39px;
	}

	/**** /COMMON ****/


	/**** HEADER ****/

	header.header .logotype {
		position: relative;
		z-index: 10;
	}
	nav.navigation {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		margin: 0;
		z-index: 2;
	}
	.navigation .nav.top .level_nd,
	.navigation .nav .level_nd  {
		position: relative;
		top: 100%;
		bottom: auto;
	}
	.navigation .nav.top .level_nd.uncollapsed,
	.navigation .nav .level_nd.uncollapsed {
		max-height: 9999px;
	}
	.level_nd.uncollapsed {
		padding-bottom: 10px;
	}
	.level_nd .line {
		width: 100%;
		height: auto!important;
	}
	.level_nd .category {
		display: block;
		width: 100%;
		margin: 5px 0;
		padding: 0;
	}
	.level_nd .category:first-child {
		border-top: 1px solid #f5f5f5;
	}
	.level_nd .category .title {
		margin: 0;
		font-size: .8em;
	}
	.level_nd .category .title a {
		padding: 0 0 0 30px!important;
		text-align: left;
	}
	.level_nd .category .title .trigger {
		display: block;
	}
	.level_nd .category ul.list {
		max-height: 0;
		overflow: hidden;
		transition: max-height .8s ease-in-out;
	}
	.level_nd .category ul.list.uncollapsed {
		max-height: 9999px;
		transition: max-height .8s ease-in-out;
	}
	.navigation .nav li.has_nd {
		position: relative;
	}
	.navigation .nav li .sub-collapser {
		display: block;
	}
	.controls {
		position: absolute;
		top: 0;
		right: 130px;
		float: none;
		width: 315px;
		z-index: 3;
	}
	.controls .search {
		width: 180px;
	}

	/**** /HEADER ****/


	/**** GOODS ****/

	/*.goods .owl-item,
	.recommended .owl-item {
		padding: 0 20px;
	}*/
	.goods article.item figure.preview img,
	.recommended article.item figure.preview img {
		max-width: 220px;
	}
	.goods article.item .title,
	.recommended article.item .title {
		font-size: .7em;
	}
	.goods article.item .ctrls .price,
	.recommended article.item .ctrls .price {
		font-size: .7em;
	}
	.goods .owl-controls .owl-prev,
	.recommended .owl-controls .owl-prev,
	section.workArea .goods_ctrls .owl-prev {
		left: -10px;
	}
	.goods .owl-controls .owl-next,
	.recommended .owl-controls .owl-next,
	section.workArea .goods_ctrls .owl-next {
		right: -10px;
	}
	.goods article.item a.eye,
	.recommended article.item a.eye {
		opacity: 1;
		z-index: 20;
	}

	.goods article.item .prices_wrp {
		font-size: .75rem;
	}

	/**** /GOODS ****/

	/**** ADS ****/

	section.ads .item {
		width: 306px;
	}
	section.ads .item.ver .subtitle {
		font-size: 1.7em;
	}

	/**** /ADS ****/

	/**** CATALOG PAGE ****/

	article.catalog_unit {
		width: 330px;
		margin: 10px 20px 20px;
	}
	article.catalog_unit .title {
		font-size: .7em;
	}

	article.catalog_unit figure.image .more {
		opacity: 1;
		transform: scale(1);
	}

	/**** /CATALOG PAGE ****/


	/**** DETAIL PAGE ****/

	section.detailDscrp .ctrls {
		height: auto;
	}
	section.detailDscrp .ctrls .goodsOptions,
	section.detailDscrp .bottomCtrls .goodsOptions,
	section.detailDscrp .ctrls .add2cart,
	section.detailDscrp .bottomCtrls .add2cart {
		float: none;
		width: 100%;
	}
	section.detailDscrp .ctrls .add2cart,
	section.detailDscrp .bottomCtrls .add2cart {
		padding-top: 20px;
	}
	section.detailDscrp .quantity {
		margin: 0 20px;
	}
	section.detailDscrp .patterns .item,
	section.detailDscrp .patterns .item:nth-child(11n) {
		margin-right: 14px;
	}
	section.detailDscrp .patterns .item:nth-child(8n) {
		margin-right: 0;
	}
    section.detailDscrp .prices_wrp {
        max-width: 425px;
    }

	/**** /DETAIL PAGE ****/


	/**** MALLS PAGE ****/

	section.malls {
		padding: 40px 20px;
	}

	/**** /MALLS PAGE ****/

	/**** STYLE PAGE ****/

	article.styleItem {
		width: 230px;
		margin-right: 10px;
	}
	article.styleItem .title {
		font-size: .9em;
	}
	article.makeupItem {
		width: 220px;
		height: 220px
	}
	article.makeupItem figure.pic {
		max-height: 220px;
	}
	article.makeupItem figure.pic img.pic {
		width: 100%;
		max-width: none;
	}
	article.makeupItem,
	article.makeupItem:nth-child(6n) {
		margin-right: 25px;
	}
	article.makeupItem:nth-child(4n) {
		margin-right: 0;
	}
	article.makeupItem .overlay span.value {
		padding: 20px;
	}

	/**** /STYLE PAGE ****/

	/**** /FRANCHIZING PAGE ****/

	section.franchising iframe,
	section.common iframe {
		height: 545px;
	}

	/**** /FRANCHIZING PAGE ****/

	/**** PERSONAL PAGE ****/

	.recieved .header .item.number,
	.recieved .row .item.number {
		width: 180px;
	}
	.recieved .header .item.date,
	.recieved .row .item.date {
		width: 150px;
	}
	.recieved .header .item.summ,
	.recieved .row .item.summ {
		width: 110px;
	}
	.recieved .header .item.status {
		width: 135px;
		padding-right: 30px;
	}
	.recieved .row .item.status {
		width: 135px;
	}

	.pending .row .item.features,
	.goodsList .unit.title {
		width: 300px;
		margin-top: 0;
	}
	.pending .row .options,
	.goodsList .elm .opts {
		width: calc(100% - 455px);
		padding-top: 0;
		text-align: center;
	}
	.pending .row .item.qnt,
	.pending .row .item.price,
	.pending .row .item.add2cart,
	.goodsList .unit.qnt,
	.goodsList .unit.price {
		width: 100%;
		margin-right: 0;
		text-align: left;
	}
	.pending .row .item.qnt,
	.pending .row .item.price,
	.goodsList .unit.qnt,
	.goodsList .unit.price {
		margin-bottom: 10px;
	}
	.pending .row .item.qnt span.head,
	.pending .row .item.price span.head,
	.pending .row .item.qnt span.value,
	.pending .row .item.price span.value,
	.goodsList .unit.qnt span.head,
	.goodsList .unit.price span.head,
	.goodsList .unit.qnt span.value,
	.goodsList .unit.price span.value {
		display: inline-block;
		margin: 0;
	}
	.pending .row .item.qnt span.value,
	.pending .row .item.price span.value,
	.goodsList .unit.qnt span.value,
	.goodsList .unit.price span.value {
		padding-left: 10px;
	}

	/**** /PERSONAL PAGE ****/

	/**** 404 PAGE ****/

	.categoriesWrapper {
		display: none;
	}

	/**** /404 PAGE ****/

	/**** PRO PAGE ****/
	
	.pro_features .item {
		padding: 0;
	}

	/**** /PRO PAGE ****/

    /**** FOOTER ****/

    #footer .data_bar .copyright,
    #footer .details_bar .details_wrp {
        width: 470px;
    }
    #footer .data_bar .schedule {
        width: 495px;
    }
    #footer .details_bar .subscription_wrp {
        width: 500px;
    }
    #footer .details_bar .subscription_wrp .footer_navi,
    #footer .details_bar .subscription_wrp .subscription {
        display: block;
        width: 100%;
    }
    #footer .details_bar .subscription_wrp .footer_navi .item {
        display: inline-block;
        margin: 0 10px 10px;
        vertical-align: top;
    }
    #footer .details_bar .subscription_wrp .footer_navi .item:last-of-type {
        margin-right: 0;
    }
    #footer .details_bar .subscription_wrp .subscription {
        margin-top: 15px;
    }

    /**** /FOOTER ****/


} /*@media all and (min-width:992px) and (max-width:1199px)*/

@media all  and (max-width:991px) {

	/**** COMMON STYLES ****/

	footer.footer nav.footerNav {
		width: 285px;
		margin-right: 15px;
	}
	footer.footer .subscription {
		width: 430px;
		margin-left: 15px;
	}

	/**** /COMMON STYLES ****/

	/**** GOODS ****/

	.goods article.item .title,
	.recommended article.item .title {
		font-size: .8em;
	}
	.goods article.item .ctrls .price,
	.recommended article.item .ctrls .price {
		font-size: .8em;
	}

	/**** /GOODS ****/

	/**** ADS ****/

	section.ads .item {
		width: 240px;
	}
	section.ads .item.ver {
		height: 430px;
		margin-right: 15px;
	}
	section.ads .item.ver a {
	    height: calc(100% - 120px);
	}
	section.ads .item.ver .subtitle {
		height: 120px;
	}
	section.ads .item.ver_small {
		height: 310px;
		margin-right: 15px;
		margin-bottom: 15px;
	}
	section.ads .item.rect {
		height: 105px;
		margin-right: 15px;
	}
	section.ads .item.sq {
		height: 207px;
	}
	section.ads .item.sq.mb {
		margin-bottom: 16px;
	}

	/**** /ADS ****/

	/**** CATALOG PAGE ****/

	aside.sidebar,
	section.content {
		float: none;
		width: 100%;
	}
	section.content {
		border: 0;
	}
	.nav_trigger {
		display: block;
	}
	nav.sidenavigation {
		max-height: 0;
		overflow: hidden;
		transition: max-height 1s ease-in-out;
	}
	nav.sidenavigation.uncollapsed {
		max-height: 9999px;
		transition: max-height 2s ease-in-out;
	}
	article.catalog_unit {
		width: 330px;
		margin: 10px 20px 20px;
	}

	section.quickView {
		width: 95%;
	}
	section.quickView h2,
	section.quickView .features {
		width: calc(100% - 375px);
	}
	section.quickView .features .price {
		float: left;
	}
	section.quickView .features .quantity {
		float: right;
		margin: 0;
	}
	section.quickView .features .control {
		width: 100%;
		margin-top: 15px;
		clear: both;
	}

    section.detailDscrp .prices_wrp {
        max-width: 100%;
        text-decoration: center;
    }

    .recommended article.item .prices_wrp {
        font-size: .75rem;
    }


	/**** /CATALOG PAGE ****/


	/**** DETAIL PAGE ****/

	figure.detailPic,
	figure.detailPic .thumbs,
	section.detail .freedom,
	section.detail .delivery {
		width: 280px;
	}
	 figure.detailPic .thumbs {
	 	height: 86px;
	 }
	figure.detailPic .thumbs button.item {
		width: 84px;
	}
	section.detailDscrp,
	section.detail h2 {
		width: calc(100% - 320px);
	}
	section.detailDscrp .quantity {
		margin: 0 4px;
	}
	section.detailDscrp .patterns .item,
	section.detailDscrp .patterns .item:nth-child(8n),
	section.detailDscrp .patterns .item:nth-child(11n) {
		margin-right: 14px;
	}
	section.detailDscrp .patterns .item:nth-child(6n) {
		margin-right: 0;
	}

	section.detail .freedom {
		font-size: .65em;
	}
	section.detail .delivery {
		font-size: 14px;
	}
	section.detail .freedom span.label {
		line-height: 17px;
	}

	/**** /DETAIL PAGE ****/


	/**** MALLS PAGE ****/

	section.malls {
		padding: 40px 0 0 20px;
	}
	section.map {
		width: calc(100% - 235px);
		margin-left: 20px;
	}
	#location .wrapper {
		width: auto;
		min-width: 768px;
		max-width: 970px;
		padding: 0 20px;
	}

	/**** /MALLS PAGE ****/

	/**** AUTH PAGE ****/

	section.action {
		padding-bottom: 40px;
	}
	section.action.logIn {
		width: 350px;
		padding-left: 35px;
		padding-right: 25px;
	}
	section.action.reg {
		width: 400px;
		padding-left: 25px;
	}

	/**** /AUTH PAGE ****/

	/**** FRANCHISING / CONTENT PAGE ****/

	section.franchising h2,
	section.franchising h3,
	section.franchising h4,
	section.franchising h5,
	section.franchising p,
	section.franchising ul,
	section.franchising ol,
	section.franchising .file,
	section.common h2,
	section.common h3,
	section.common h4,
	section.common h5,
	section.common p,
	section.common ul,
	section.common ol,
	section.common .file,
	section.franchising .agency .unit,
	.feedback .unit {
		max-width: none;
		padding-left: 35px;
		padding-right: 35px;
	}

	section.franchising iframe,
	section.common iframe {
		height: 420px;
	}

	/**** /FRANCHISING / CONTENT PAGE ****/

	/**** STYLE PAGE ****/

	section.style h3,
	section.makeup h3 {
		padding-left: 30px;
	}
	article.styleItem {
		width: 285px;
		margin-right: 45px;
	}
	article.styleItem:nth-child(2n) {
		margin-right: 0;
	}
	article.styleItem .title {
		font-size: 1em;
	}
	article.makeupItem,
	article.makeupItem:nth-child(4n),
	article.makeupItem:nth-child(6n) {
		margin-right: 25px;
	}
	article.makeupItem:nth-child(3n) {
		margin-right: 0;
	}

	/**** /STYLE PAGE ****/

	/**** MASTER CLASS PAGE ****/

	.stepWrapper .step .dscrp,
	.stepWrapper .step h3 {
		width: calc(100% - 315px);
	}
	.stepWrapper .step h3 {
		padding: 0 0 0 20px;
	}
	.stepWrapper .step .dscrp p {
		padding: 0 10px 0 20px;
	}
	.stepWrapper .products {
		float: none;
		width: 100%;
		text-align: center;
	}

	/**** /MASTER CLASS PAGE ****/

	/**** PERSONAL PAGE ****/

	aside.sidenav,
	section.page {
		float: none;
		width: 100%;
	}
	section.page {
		border: 0;
	}
	section.personal,
	.orders {
		padding: 15px 0 0 0;
	}
	section.personal {
		padding-left: 30px;
	}
	.recieved .header .item.number,
	.recieved .row .item.number {
		width: 220px;
		padding-left: 25px;
	}
	.recieved .header .item.date,
	.recieved .row .item.date {
		width: 180px;
	}
	.recieved .header .item.summ,
	.recieved .row .item.summ,
	.recieved .row .item.status {
		width: 155px;
	}

	.pending .row {
		padding-left: 25px;
	}
	.pending .row .item.features,
	.goodsList .unit.title {
		width: 430px;
	}
	.pending .row .options,
	.goodsList .elm .opts {
		width: calc(100% - 580px);
	}

	/**** /PERSONAL PAGE ****/

	/**** CART PAGE ****/

	.cartHeader .head,
	.cart {
		width: 100%;
	}
	.cartHeader .item.title {
		width: 380px;
	}
	.cart .row .image_section {
		width: 380px;
	}
	.cart .row .options_section {
		width: 365px;
	}
	.cart .row .image_section .item.dscrp {
		padding-left: 5px;
	}
	.cartHeader .item.qnt,
	.cartHeader .item.price,
	.cart .row .options_section .item.qnt,
	.cart .row .options_section .item.price {
		width: 100px;
	}
	.cartHeader .item.total,
	.cart .row .options_section .item.total {
		width: 110px;
	}
	.cart .row .options_section .item.remove {
		width: 30px;
	}

	.cart .lvl_two .elm .unit.title {
		width: 355px;
	}
	.cart .lvl_two .elm .unit.qnt {
		margin-right: 20px;
	}

    .cart .row .options_section .item.price span.value,
    .cart .row .options_section .item.total span.value {
        font-size: 1.1em;
    }

	/**** /CART PAGE ****/

	/**** PRO PAGE ****/
	
	.perform_pro .inner {
		min-height: none;
	}
	.perform_pro h4.label,
	.perform_pro p.notice {
		max-width: none;
	}
	.perform_pro h4.label,
	.perform_pro h2.pro,
	.perform_pro p.notice {
		text-align: center;
	}

	.pro_card_wrp {
		position: static;
		bottom: auto;
		right: auto;
		width: 100%;
		margin-top: 25px;
		text-align: center;
	}
	.pro_card_wrp img {
		display: inline-block;
	}

	.pro_features .item {
		width: calc(50% - 4px);
	}
	.pro_features .item:nth-of-type(3) {
		margin-top: 50px;
	}

	h2.develop {
		font-size: 3em!important;
	}

	/**** /PRO PAGE ****/

    /**** FOOTER ****/

    #footer .data_bar .copyright,
    #footer .data_bar .schedule {
        display: block;
        width: 100%;
        text-align: center;
    }
    #footer .data_bar .copyright {
        margin-bottom: 10px;
    }

    #footer .details_bar .subscription_wrp,
    #footer .details_bar .details_wrp {
        float: none;
        width: 100%;
        text-align: center;
    }
    #footer .details_bar .company_details {
        padding-right: 0;
    }
    #footer .details_bar .subscription_wrp .subscription {
        width: 100%;
    }

    /**** /FOOTER ****/


} /*@media all and (min-width:768px) and (max-width:991px)*/

@media all and (max-width:767px) {

	/**** HEADER ****/

	/*.level_nd .category .title a span.trigger {
		right: 16px;
	}*/
	.level_nd .category .title .trigger {
		padding-right: 20px;
		display: none;
	}
	.navigation .nav.collapsed li ul.list li a {
		padding-left: 8%;
	}

	/**** /HEADER ****/

	/**** MAIN CAROUSEL ****/

	section.carousel {
	}

	/**** /MAIN CAROUSEL ****/

	/**** MAIN ****/

	main.index {
		top: 365px;
	}

	/**** /MAIN ****/

	/**** COMMON STYLES ****/

	footer.footer .addonsContainer {
		height: auto;
	}
	footer.footer nav.footerNav,
	footer.footer .subscription {
		width: 100%;
		margin: 0;
	}
	footer.footer nav.footerNav {
		margin-bottom: 25px;
	}

	/**** /COMMON STYLES ****/

	/**** HEADER ****/

	.controls {
		right: 90px;
	}

	/**** /HEADER ****/

	/**** GOODS ****/

	.goods,
	.recommended,
	.tabs-content,
	.tabs-pane.active {
		/*height: 355px;*/
		height: auto;
	}
	.tabs-pane.active {
		position: relative;
	}
	.goods article.item figure.preview,
	.recommended article.item figure.preview {
		height: 220px;
	}
    .goods article.item .ctrls .price,
    .recommended article.item .ctrls .price {
        font-size: 1.2em;
    }
	.goods article.item figure.preview img,
	.recommended article.item figure.preview img {
		max-height: 220px;
		max-width: 175px;
	}
	.goods .owl-controls .owl-prev,
	.recommended .owl-controls .owl-prev,
	section.workArea .goods_ctrls .owl-prev {
		left: 0;
	}
	.goods .owl-controls .owl-next,
	.recommended .owl-controls .owl-next,
	section.workArea .goods_ctrls .owl-next {
		right: 0;
	}

	/**** /GOODS ****/

	/**** ADS ****/
	section.ads {
		padding-top: 10px;
	}
	section.ads .item {
		width: 186px;
	}
	section.ads .item.ver {
		height: 360px;
		margin-right: 10px;
	}
	section.ads .item.ver a {
	    height: calc(100% - 120px);
	}
	section.ads .item.ver .subtitle {
		height: 120px;
		font-size: 1.5em;
		margin-top: 0;
	}
	section.ads .item.ver_small {
		height: 245px;
		margin-right: 10px;
		margin-bottom: 10px;
	}
	section.ads .item.rect {
		height: 105px;
		margin-right: 10px;
	}
	section.ads .item.sq {
		height: 175px;
	}
	section.ads .item.sq.mb {
		margin-bottom: 10px;
	}

	/**** /ADS ****/

	/**** CATALOG PAGE ****/

	.searchBar,
	.searchRequest {
		padding: 10px 0 0 30px;
	}
	article.catalog_unit {
		width: 270px;
		margin: 10px 10px 20px;
	}

	section.quickView h2,
	section.quickView .features {
		float: none;
		width: 100%;
	}
	section.quickView h2 {
		margin: 0 0 15px;
	}
	figure.quick {
		float: none;
		width: 530px;
		margin: 0 auto 30px;
	}
	figure.quick::before,
	figure.quick::after {
		content: '.';
		display:block;
		height: 0;
		visibility: hidden;
		clear: both;
	}
	figure.quick .owl-stage-outer {
		float: left;
		width: 300px;
	}
	figure.quick .thumbs {
		float: right;
		width: 200px;
		height: 355px;
		margin: 0;
	}
	figure.quick .thumbs button.item,
	figure.quick .thumbs button.item:first-child {
		float: none;
		width: 100%;
		height: 110px;
		margin: 0 0 13px;
	}
	figure.quick .thumbs button.item:last-child {
		margin-bottom: 0;
	}
	figure.quick .thumbs button.item img {
		max-height: 100%;
	}
	figure.quick .thumbs button.item.active::before {
		top: 50%;
		left: -6px;
		margin: -6px 0 0 0;
		border-width: 6px 6px 6px 0;
		border-color: transparent #000 transparent transparent;
	}
	section.quickView .features .add2cart {
		padding: 0;
	}

	article.catalog_unit .ctrls .price {
        font-size: 1.1em;
    }

	/**** /CATALOG PAGE ****/


	/**** DETAIL PAGE ****/

	section.detail h2 {
		float: none;
		width: 100%;
	}
	figure.detailPic,
	section.detailDscrp {
		float: none;
		width: 100%;
	}
	section.detailDscrp {
		min-height: auto;
	}
	figure.detailPic {
		margin-bottom: 30px;
	}
	figure.detailPic::before,
	figure.detailPic::after {
		content: '.';
		display:block;
		height: 0;
		visibility: hidden;
		clear: both;
	}
	figure.detailPic .owl-stage-outer {
		float: left;
		width: 350px;
	}
	figure.detailPic .thumbs {
		float: right;
		width: 200px;
		height: 355px;
		margin: 0;
	}
	figure.detailPic .thumbs button.item,
	figure.detailPic .thumbs button.item:first-child {
		float: none;
		width: 100%;
		height: 110px;
		margin: 0 0 13px;
	}
	figure.detailPic .thumbs button.item:last-child {
		margin-bottom: 0;
	}
	figure.detailPic .thumbs button.item img {
		max-height: 100%;
	}
	figure.detailPic .thumbs button.item.active::before {
		top: 50%;
		left: -6px;
		margin: -6px 0 0 0;
		border-width: 6px 6px 6px 0;
		border-color: transparent #000 transparent transparent;
	}

	section.detailDscrp .patterns .item,
	section.detailDscrp .patterns .item:nth-child(6n),
	section.detailDscrp .patterns .item:nth-child(11n) {
		margin-right: 14px;
	}
	section.detailDscrp .patterns .item:nth-child(8n) {
		margin-right: 0;
	}

	section.detail .freedom,
	section.detail .delivery {
		float: none;
		width: 350px;
		margin: 50px auto 0;
	}
	section.detail .freedom {
		font-size: 14px;
	}
	section.detail .delivery {
		font-size: 17px;
	}
	section.detail .freedom span.label {
		line-height: 21px;
	}

	/**** /DETAIL PAGE ****/

	/**** MALLS PAGE ****/

	section.malls {
		padding: 20px 0;
	}
	section.malls .currentCity {
		margin-bottom: 20px;
	}
	aside.mallList,
	section.map {
		float: none;
		width: 100%;
		margin: 0;
	}
	aside.mallList {
		margin-bottom: 20px;
	}
	aside.mallList .unit a {
		padding-left: 30px;
	}
	#location .wrapper {
		width: auto;
		min-width: 600px;
		max-width: 767px;
		padding: 0 20px;
	}

	/**** /MALLS PAGE ****/

	/**** AUTH PAGE ****/

	section.auth h3 {
		margin-bottom: 15px;
		font-size: 1em;
	}
	section.action.logIn,
	section.action.reg {
		width: 290px;
	}
	section.action .unit input[type="submit"] {
		text-align: center;
	}
	section.action .unit .calendar,
	section.action .unit .gender {
		width: 100%;
	}
	section.action .unit .calendar {
		margin: 0 0 15px;
	}

	ul.loginViaSocial li {
		margin-right: 5px;
	}

	/**** /AUTH PAGE ****/

	/**** STYLE PAGE ****/

	article.styleItem {
		width: 285px;
		margin-right: 5px;
	}
	article.styleItem .title {
		max-height: 54px;
	}
	article.makeupItem {
		width: 170px;
		height: 170px;
	}
	article.makeupItem figure.pic {
		max-height: 170px;
	}
	article.makeupItem,
	article.makeupItem:nth-child(4n),
	article.makeupItem:nth-child(6n) {
		margin-right: 25px;
	}
	article.makeupItem:nth-child(3n) {
		margin-right: 0;
	}
	article.makeupItem .overlay span.value {
		padding: 10px;
	}

	.lb-outerContainer {
		max-width: 500px;
		max-height: 500px;
	}
	.lightbox .lb-image {
		max-width: 100%!important;
		height: auto!important;
	}

	/**** /STYLE PAGE ****/

	/**** /FRANCHISING / CONTENT PAGE ****/

	section.franchising iframe,
	section.common iframe {
		height: 325px;
	}

	/**** /FRANCHISING / CONTENT PAGE ****/

	/**** MASTER CLASS PAGE ****/

	section.common h2.huge {
		margin-bottom: 25px;
		font-size: 3.5em;
	}
	.stepWrapper .step figure.pic {
		width: 220px
	}
	.stepWrapper .step .dscrp,
	.stepWrapper .step h3 {
		width: calc(100% - 225px);
	}
	.stepWrapper .products .item {
		margin-right: 20px;
	}

	/**** /MASTER CLASS PAGE ****/

	/**** PERSONAL PAGE ****/

	.recieved .header .item.number,
	.recieved .row .item.number {
		width: 160px;
	}
	.recieved .header .item.date, .recieved .row .item.date {
		width: 150px;
	}
	.recieved .header .item.summ,
	.recieved .row .item.summ {
		width: 110px;
	}
	.recieved .header .item.status {
		padding-right: 20px;
	}
	.recieved .header .item.status,
	.recieved .row .item.status {
		width: 120px;
	}

	.pending .row .item.features,
	.goodsList .unit.title {
		width: 290px;
	}
	.pending .row .options,
	.goodsList .elm .opts {
	    width: calc(100% - 440px);
	}
	.recieved .row .item span.payment {
		margin-left: 5px;
	}
	.recieved .row .item span.value,
	.recieved .row .item span.payment {
		font-size: .9em;
	}

	/**** /PERSONAL PAGE ****/

	/**** CART PAGE ****/

	.cartHeader {
		display: none;
	}
	.cart .row {
		padding: 10px 0 0;
	}
	.cart .row .image_section,
	.cart .row .options_section {
		width: 100%;
		padding-left: 30px;
	}
	.cart .row .options_section {
		margin-top: 15px;
		padding: 10px 0;
		text-align: center;
		background: #fdfdfd;
	}
	.cart .row .item span.head {
		display: block;
	}
	.cart .row .image_section .item.dscrp {
		padding-left: 20px;
	}
	.cart .row .options_section .item.qnt {
		width: 145px;
	}
	.cart .row .options_section .item.price {
		width: 115px;
	}
	.cart .row .options_section .item.total {
		width: 140px;
	}
	.cart .row .options_section .item.remove {
		width: 50px;
	}
	.cart .lvl_two .elm .unit.title {
	    width: 200px;
	}

	.emptyCart .message,
	.emptyCart .startAgain {
		display: block;
		margin: 0;
	}
	.emptyCart .message {
		margin-bottom: 15px;
	}

	/**** /CART PAGE ****/

	/**** PRO PAGE ****/

	h2.develop {
		font-size: 2.5em!important;
	}

	/**** /PRO PAGE ****/


} /*@media all and (min-width:600px) and (max-width:767px)*/

@media all and (max-width:599px) {

	/**** HEADER ****/

	.level_nd .category .title a {
		padding: 0 0 0 15px!important;
	}

	/**** HEADER ****/

	/**** MAIN CAROUSEL ****/

	section.carousel {
	}

	/**** /MAIN CAROUSEL ****/

	/**** MAIN ****/

	main.index {
		top: 240px;
	}

	.goods article.item a.eye,
	.recommended article.item a.eye {
		display: none;
	}

    .goods article.item .ctrls .price,
    .recommended article.item .ctrls .price {
        font-size: 1.3em;
    }

	/**** /MAIN ****/

	/**** HEADER ****/

	.controls {
		width: auto;
	}
	.controls .search {
		width: 29px;
		margin-right: 5px
	}
	.controls .search input[type="text"],
	.controls .search span.zoom {
		display: none;
	}
	.controls .search a.search_but {
		display: inline-block;
	}

	/**** /HEADER ****/

	/**** CATALOG ****/

	div.freedom figure.pallete {
		width: 290px;
	}
	div.freedom section.freedom {
		display: block;
		margin-left: auto;
		margin-right: auto;
	}
	div.freedom section.freedom {
		width: 220px;
		margin-top: 20px;
		padding-left: 0;
	}

	article.catalog_unit figure.image .more,
	article.catalog_unit:hover figure.image .more {
		display: none;
	}

	/**** /CATALOG ****/


	/**** GOODS ****/

	.goods article.item .title,
	.recommended article.item .title {
		font-size: .7em;
	}

	/**** /GOODS ****/


	/**** ADS ****/

	section.ads .item {
		width: calc(50% - 4px);
	}
	section.ads .item.ver {
		height: 358px;
		margin: 0 0 8px;
	}
	section.ads .item.ver a {
	    height: calc(100% - 120px);
	}
	section.ads .item.ver .subtitle {
		height: 120px;
		margin-top: 0;
	}
	section.ads .item.ver_small {
		float: right;
		height: 245px;
		margin: 0;
		margin-bottom: 8px;
	}
	section.ads .item.rect {
		float: right;
		height: 105px;
		margin: 0;
	}
	section.ads .item.sq {
		float: left;
		height: 175px;
	}
	section.ads .item.sq.mb {
		float: right;
		margin-bottom: 8px;
	}

	/**** /ADS ****/

	/**** FOOTER ****/

	footer.footer {
		height: 80px;
	}
	footer.footer .table {
		height: 80px;
	}
	footer.footer .table .td {
		text-align: center;
	}
	footer.footer .addons,
	footer.footer .copyright {
		float: none;
		display: block;
	}
	footer.footer .addons {
		margin-bottom: 10px;
	}
	footer.footer .addonsContainer {
		transform: translateY(-81px);
	}

	/**** /FOOTER ****/

	/**** CATALOG PAGE ****/

	.breadcrumbs {
		display: none;
	}
	article.catalog_unit {
		width: 50%;
		margin: 10px 0 20px;
	}
	article.catalog_unit .title {
		font-size: .8em;
	}
	article.catalog_unit .ctrls .price {
		font-size: .7em;
	}
	article.catalog_unit .ctrls .options span.fav {
		margin-right: 0;
	}

	/**** /CATALOG PAGE ****/


	/**** DETAIL PAGE ****/

	figure.detailPic .owl-stage-outer {
		width: calc(100% - 145px);
	}
	figure.detailPic .thumbs {
		width: 115px;
	}
	section.detailDscrp .patterns {
		text-align: center;
	}
	section.detailDscrp .patterns .item {
		float: none;
		display: inline-block;
	}
	section.detailDscrp .patterns .item,
	section.detailDscrp .patterns .item:nth-child(6n),
	section.detailDscrp .patterns .item:nth-child(8n),
	section.detailDscrp .patterns .item:nth-child(11n) {
		margin: 0 5px;
	}

	/**** /DETAIL PAGE ****/

	/**** MALLS PAGE ****/

	aside.mallList .unit {
		margin-bottom: 10px;
	}
	section.map {
		height: 300px;
	}
	#location {
		padding: 30px 0;
	}
	#location .wrapper {
		width: auto;
		min-width: 320px;
		max-width: 480px;
	}
	#location .wrapper h2 {
		font-size: 1.7em;
	}
	#location .closeWrap {
		top: 2px;
		right: 2px;
	}
	#location ul.locationsList {
		-webkit-column-count: 1;
		-moz-column-count: 1;
		column-count: 1;
	}
	#location ul.locationsList li a {
		margin-bottom: 12px;
	}

	/**** /MALLS PAGE ****/


	/**** AUTH PAGE ****/

	section.auth {
		padding: 20px 0;
	}
	section.auth h3 {
		margin-bottom: 15px;
		font-size: 1.3em;
	}
	section.action {
		padding-top: 0;
	}
	section.action.logIn,
	section.action.reg,
	section.action.restore {
		float: none;
		width: 100%;
		max-width: 100%;
	}
	section.action.reg {
		padding-left: 35px;
		border: 0;
	}
	section.action .unit input[type="submit"] {
		padding: 0 20px;
		font-size: 1em;
		text-align: left;
	}
	section.action .unit .calendar,
	section.action .unit .gender {
		width: 100%;
	}
	section.action .unit .calendar {
		margin: 0 0 15px;
	}

	ul.loginViaSocial li {
		margin-right: 5px;
	}

	/**** /AUTH PAGE ****/

	/**** FRANCHISING / CONTENT PAGE ****/

	section.franchising,
	section.common {
		padding: 20px 0 40px;
	}
	img.onehalf {
		width: 100%;
		margin: 0 0 15px;
	}
	section.franchising h2,
	section.common h2 {
		font-size: 1.7em;
	}

	section.franchising iframe,
	section.common iframe {
		height: 260px;
	}

	/**** /FRANCHISING / CONTENT PAGE ****/

	/**** STYLE PAGE ****/

	section.style,
	section.makeup {
		padding: 20px 0;
	}
	article.styleItem {
		width: 220px;
		margin-right: 15px;
	}
	article.styleItem .title {
		font-size: .9em;
	}
	article.makeupItem {
		width: 150px;
		height: 150px;
		margin: 5px 0 0 0
	}
	article.makeupItem figure.pic {
		max-height: 150px;
	}
	article.makeupItem,
	article.makeupItem:nth-child(4n),
	article.makeupItem:nth-child(6n) {
		margin-right: 0;
	}
	article.makeupItem .overlay span.value {
		padding: 10px;
		font-size: .75em;
	}

	.lb-outerContainer {
		max-width: 400px;
		max-height: 400px;
	}
	.lb-data .lb-details {
		padding: 10px;
	}

	/**** /STYLE PAGE ****/

	/**** MASTER CLASS PAGE ****/

	section.common h2.huge {
		margin-bottom: 20px;
		font-size: 2.8em;
	}
	section.common span.photoSubText {
		margin: 10px auto;
		font-size: 1em;
	}
	.stepWrapper .step .dscrp,
	.stepWrapper .step h3 {
		float: none;
		width: 100%;
	}
	.stepWrapper .step figure.pic {
		float: none;
		width: 315px;
		margin-bottom: 15px;
	}
	.stepWrapper .step .dscrp p {
		padding: 0;
	}
	.stepWrapper .products .item {
		width: 100px;
		margin-right: 10px;
	}
	.stepWrapper .products .item figure.preview {
		height: 150px;
	}
	.stepWrapper .products .item .title,
	.stepWrapper .products .item a.more {
		font-size: .8em;
	}

	/**** /MASTER CLASS PAGE ****/

	/**** PERSONAL PAGE ****/

	section.personal .unit {
		max-width: 100%;
	}
	section.personal .unit .calendar,
	section.personal .unit .gender {
		width: 100%;
		margin-right: 0;
	}
	section.personal .unit .calendar {
		margin-bottom: 15px;
	}

	.recieved .header {
		display: none;
	}
	.recieved .row {
		display: inline-block;
		width: 100%;
		height: auto;
		margin-bottom: 4px;
		padding-top: 10px;
		vertical-align: top;
		border: 1px solid #b3b3b3;
	}
	.recieved .row .item.number {
		padding-left: 25px;
	}
	.recieved .row .item {
		height: auto;
		padding-left: 25px;
		line-height: normal;
	}
	.recieved .row .item.number,
	.recieved .row .item.date,
	.recieved .row .item.summ,
	.recieved .row .item.status {
		width: calc(50% - 4px);
		text-align: left;
	}
	.recieved .row .item.number,
	.recieved .row .item.date,
	.recieved .row .item.summ {
		margin-bottom: 10px;
	}
	.recieved .row .item.status {
		padding-right: 0;
		padding-bottom: 15px;
	}
    .recieved .row .item.summ {
        padding-top: 0;
    }
	.recieved .row .item span.head {
		display: block;
	}

	.pending .row {
		margin: 0;
		padding: 10px 0;
		border: 0;
	}
	.pending .row .item.features {
		width: calc(100% - 145px);
	}
	.pending .row .item.image img {
		max-width: 100%;
	}
	.pending .row .options,
	.goodsList .elm .opts {
		width: 100%;
		margin-top: 10px;
		padding: 10px 0;
		background: #fbfbfb;
		border-top: 1px dotted #ccc;
		border-bottom: 1px solid #ccc;
	}
	.pending .row .item.qnt,
	.pending .row .item.price,
	.pending .row .item.add2cart {
		width: calc(33.33% - 4px);
		margin: 0;
		text-align: center;
		vertical-align: middle;
	}

	.goodsList {
		margin-top: 0;
	}
	.goodsList .elm {
		padding: 10px 0;
	}
	.goodsList .unit.qnt,
	.goodsList .unit.price {
		width: calc(50% - 4px);
		margin: 0;
		text-align: center;
		vertical-align: middle;
	}

	/**** /PERSONAL PAGE ****/

	/**** CART PAGE ****/

	.cart .row .image_section .item.dscrp {
		padding-left: 20px;
	}
	.cart .row .options_section .item.qnt {
		width: 125px;
	}
	.cart .row .options_section .item.price {
		width: 115px;
	}
	.cart .row .options_section .item.total {
		width: 120px;
	}
	.cart .row .options_section .item.remove {
		width: 50px;
	}

	.cart .lvl_two .elm .unit.pic {
		width: 120px;
	}
	.cart .lvl_two .elm .unit.title {
		width: calc(100% - 125px);
		padding-left: 0;
	}
	.cart .lvl_two .elm .opts {
		display: block;
		width: 100%;
		margin: 10px 0 0;
		padding: 5px 0;
		background: #fdfdfd;
	}
	.cart .lvl_two .elm .unit.qnt,
	.cart .lvl_two .elm .unit.price {
		width: calc(50% - 4px);
		margin: 0;
		text-align: center;
	}

	/**** /CART PAGE ****/

	/**** 404 PAGE ****/

	section.fourZeroFour {
		width: 100%;
		margin: 20px 0;
	}
	section.fourZeroFour h2 {
		font-size: 8em;
	}
	section.fourZeroFour h2 span.detail {
		font-size: 16px;
	}
	section.fourZeroFour .prompt {
		margin-bottom: 30px;
	}
	section.fourZeroFour .prompt p {
		font-size: 14px;
	}

	/**** /404 PAGE ****/

	/**** PRO PAGE ****/

	h2.develop {
		font-size: 2em!important;
	}

	/**** /PRO PAGE ****/


} /*@media all and (min-width:480px) and (max-width:599px)*/

@media all and (max-width:480px) {

	/**** COMMON STYLES ****/

	section.workArea .alert {
		display: block;
		width: 100%;
		min-width: auto;
	}

	/**** /COMMON STYLES ****/

	/**** SOCIAL BUTTONS ****/


	/**** /SOCIAL BUTTONS ****/

	/**** MAIN CAROUSEL ****/

	section.carousel {
		position: relative;
	}
	section.carousel .ctrls .owl-prev {
		left: 10px;
	}
	section.carousel .ctrls .owl-next {
		right: 10px;
	}

	/**** /MAIN CAROUSEL ****/

	/**** GOODS ****/

	.goods article.item .title,
	.recommended article.item .title {
		font-size: .8em;
	}

	/**** /GOODS ****/

	/**** MAIN ****/

	main.index {
		position: relative;
		top: 0;
	}
	main.index.slide {
		top: 0;
	}

	/**** /MAIN ****/

	/**** HEADER ****/

	header.header .container .line {
		padding: 0;
	}

	header.header .logotype {
		width: 100px;
	}
	header.header .logotype img.pic {
		max-width: auto;
		width: 100%;
	}
	.controls .search a.search_but span.ico {
		width: 28px;
		height: 30px;
		background-size: 150px;
	}
	.controls .search a.search_but span.ico.zOoM {
		background-position: 3px -26px;
	}
	.level_nd .category .title a {
		padding: 0 0 0 20px!important;
	}
	.level_nd .category .title .trigger {
		padding-right: 30px;
	}

	.controls .item .total {
		bottom:0;
	}

	.controls {
		right: 70px;
		width: 135px;
	}
	.controls .item {
		width: 28px;
		height: 30px;
		margin-right: 6px;
	}
	.controls .item:last-child {
		margin: 0;
	}
	.controls .item .ico {
		background-size: 120px;
	}
	.controls .item .ico.heart {
		background-position: -32px 4px;
	}
	.controls .item .ico.cog {
		background-position: -56px 2px;
	}
	.controls .item .ico.cart {
		background-position: -83px 2px;
	}

	.collapse-button {
		right: 10px;
	}
	/*.level_nd .category .title .trigger {
		right: 25px;
	}*/

	/**** HEADER ****/


	/**** ADS ****/

	section.ads .item {
		width: 100%;
		margin-bottom: 10px;
	}
	section.ads .item.ver {
		float: none;
		height: 475px;
	}
	section.ads .item.ver a {
	    height: calc(100% - 120px);
	}
	section.ads .item.ver .subtitle {
		height: 120px;
		margin-top: 0;
	}
	section.ads .item.ver_small {
		float: none;
		height: 475px;
	}
	section.ads .item.rect {
		float: none;
		height: 200px;
	}
	section.ads .item.sq {
		float: none;
		height: 370px;
	}
	section.ads .item.sq.mb {
		float: none;
	}

	/**** /ADS ****/

	/**** FOOTER ****/

	footer.footer .copyright {
		font-size: .7em;
	}

    #footer .details_bar .subscription_wrp .subscription input[type="email"],
    #footer .details_bar .subscription_wrp .subscription input[type="text"],
    #footer .details_bar .subscription_wrp .subscription input[type="submit"] {
        width: 100%;
    }
    #footer .details_bar .subscription_wrp .subscription input[type="submit"] {
        margin: 10px 0 0;
    }

	/**** /FOOTER ****/


	/**** CATALOG PAGE ****/

	.searchBar,
	.searchRequest {
		padding: 10px 0;
	}
	article.catalog_unit {
		width: 100%;
		margin: 10px 0;
	}
	article.catalog_unit .title {
		font-size: .8em;
	}
	article.catalog_unit .ctrls .price {
		font-size: 1.4em;
	}
	article.catalog_unit .ctrls .options span.fav {
		margin-right: 0;
	}

	#added2cart {
		width: 90%;
	}
	#added2cart .ctrls a {
		float: none;
		display: block;
		width: 100%;
	}
	#added2cart .ctrls a:first-of-type {
		margin-bottom: 10px;
	}

	/**** /CATALOG PAGE ****/

	/**** DETAIL PAGE ****/

	figure.detailPic .owl-stage-outer {
		float: none;
		width: 100%;
	}
	figure.detailPic img.pic {
		margin: 0 auto;
	}
	figure.detailPic .thumbs {
		float: none;
		display: block;
		width: 100%;
		height: auto;
		margin-top: 10px;
	}
	figure.detailPic .thumbs button.item,
	figure.detailPic .thumbs button.item:first-child {
		display: inline-block;
		width: calc(33.33% - 8px);
		margin-right: 10px;
		vertical-align: top;
	}
	figure.detailPic .thumbs button.item:nth-child(3) {
		margin-right: 0;
	}
	
	figure.detailPic .thumbs button.item.active::before {
	    top: -6px;
	    left: 50%;
	    margin: 0 0 0 -6px;
	    border-style: solid;
		border-width: 0px 6px 6px;
		border-color: transparent transparent #000;
	}

	section.detailDscrp .price {
		float: left;
		margin: 0 0 10px;
	}
	section.detailDscrp .quantity {
		float: right;
		margin: 0 0 10px;
	}
	section.detailDscrp .control {
		display: block;
		width: 100%;
		clear: both;
	}
	section.detailDscrp .patterns .item,
	section.detailDscrp .patterns .item:nth-child(6n),
	section.detailDscrp .patterns .item:nth-child(8n),
	section.detailDscrp .patterns .item:nth-child(11n) {
		margin: 0;
	}

	section.detailDscrp .outOfStock {
		margin: 0;
	}

	section.detail .freedom,
	section.detail .delivery {
		width: 340px;
		margin: 30px auto 0;
	}
	section.detail .freedom {
		font-size: .8em;
	}
	section.detail .delivery {
		font-size: 16px;
	}

	/**** /DETAIL PAGE ****/

	/**** MALLS PAGE ****/

	aside.mallList .unit a {
		padding-left: 15px;
	}

	/**** /MALLS PAGE ****/

	/**** AUTH PAGE ****/

	section.auth h3 {
		font-size: 1.3em;
	}
	section.action.logIn,
	section.action.reg {
		padding-left: 0;
		padding-right: 0;
	}
	section.action .unit input[type="submit"],
	section.action.restore .unit input[type="submit"] {
		display: block;
		width: 100%;
		max-width: 100%;
		padding: 0 10px;
		font-size: 1em;
		text-align: center;
	}

	/**** /AUTH PAGE ****/

	/**** FRANCHISING / CONTENT PAGE ****/

	section.franchising h2,
	section.franchising h3,
	section.franchising h4,
	section.franchising h5,
	section.franchising p,
	section.franchising ul,
	section.franchising ol,
	section.franchising .file,
	section.common h2,
	section.common h3,
	section.common h4,
	section.common h5,
	section.common p,
	section.common ul,
	section.common ol,
	section.common .file,
	section.franchising .agency .unit,
	.feedback .unit {
		padding-left: 0;
		padding-right: 0;
	}
	section.franchising h2,
	section.common h2 {
		font-size: 1.5em;
	}
	.feedback .unit {
		width: 100%;
	}
	section.franchising .file span.ico,
	section.common .file span.ico {
		vertical-align: middle;
	}
	section.franchising .file span.value,
	section.common .file span.value {
		max-width: calc(100% - 35px);
		vertical-align: middle;
	}

	section.franchising iframe,
	section.common iframe {
		height: 265px;
	}

	/**** /FRANCHISING / CONTENT PAGE ****/

	/**** STYLE PAGE ****/

	section.style h3,
	section.makeup h3 {
		padding: 0;
	}
	article.styleItem {
		width: 100%;
		max-height: none;
		margin: 0 0 15px;
	}
	article.styleItem figure.pic,
	article.styleItem figure.pic img {
		max-height: 438px;
		min-height: 278px;
	}
	article.styleItem figure.pic img.pic {
		width: 100%;
		max-width: none;
	}
	article.styleItem .title {
		font-size: .9em;
	}
	article.makeupItem {
		width: 150px;
		height: 150px;
		margin: 5px 0 0 0
	}
	article.makeupItem figure.pic {
		max-height: 150px;
	}

	.lb-outerContainer {
		max-width: 80%;
		max-height: none;
	}
	.lb-data .lb-details {
		padding: 10px;
	}
	#lightbox .share {
		display: none;
	}

	/**** /STYLE PAGE ****/

	/**** MASTER CLASS PAGE ****/

	section.common h2.huge {
		margin-bottom: 15px;
		font-size: 2.3em;
	}
	section.common span.photoSubText {
		margin: 0 auto;
		font-size: 1em;
		line-height: 20px;
	}
	.stepWrapper {
		margin-top: 20px
	}
	.stepWrapper .step {
		padding: 20px 0;
	}
	.stepWrapper .step figure.pic {
		width: 100%;
		max-width: 315px;
		height: auto;
		margin: 0 0 10px;
	}
	.stepWrapper .products .item {
		width: 125px;
		margin-right: 30px;
	}
	.stepWrapper .products .item:nth-child(2n) {
		margin-right: 0;
	}
	.stepWrapper .products .item figure.preview {
		height: 155px;
	}
	.stepWrapper .products .item .title,
	.stepWrapper .products .item a.more {
		font-size: .8em;
	}

	/**** /MASTER CLASS PAGE ****/

	/**** PERSONAL PAGE ****/

	section.personal {
		padding-left: 0;
	}
	section.personal .unit input[type="submit"] {
		width: 100%;
		text-align: center;
	}
	.recieved .row {
		padding: 10px;
	}
	.recieved .row .item,
	.recieved .row .item.number {
		padding-left: 0;
	}
	.pending .row {
		margin-bottom: 10px;
		padding: 10px 0 0;
	}
	.pending .row .item.features {
		padding-left: 5px;
	}
	.goodsList .unit.title {
		width: calc(100% - 145px);
	}

	/**** /PERSONAL PAGE ****/

	/**** CART PAGE ****/

	.cart .row .image_section,
	.cart .row .options_section {
		padding-left: 0;
	}
	.cart .row .image_section .item.dscrp {
		padding-left: 5px;
	}
	.cart .row .options_section .item.qnt,
	.cart .row .options_section .item.price,
	.cart .row .options_section .item.total,
	.cart .row .options_section .item.remove {
		width: calc(50% - 4px);
	}
	.cart .row .options_section .item.qnt,
	.cart .row .options_section .item.price {
		margin-bottom: 10px;
	}
	.cart .row .options_section .item.price span.value span.oldPrice {
		display: block;
	}
	.delivery_section {
		width: 100%;
		padding: 25px 10px 35px;
	}
	.jq-selectbox {
		max-width: 100%;
	}
	.makeOrder a,
	.makeOrder input[type="submit"],
	.delivery_section .unit .value input[type="submit"] {
		display: block;
		width: 100%;
		text-align: center;
	}
	.delivery_section .unit .value input[type="submit"].send,
	.delivery_section a.cond {
		display: block;
		width: 100%;
		text-align: center;
	}
	.delivery_section .unit .value input[type="submit"].send {
		margin-bottom: 10px;
	}
	.delivery_section a.cond {
		margin-top: 25px;
	}
	.makeOrder a,
	.makeOrder input[type="submit"] {
		margin: 10px 0;
	}
	.makeOrder a.continue {
		margin-left: 0;
	}
	.makeOrder a.makeit,
	.makeOrder input.makeit[type="submit"] {
		margin-right: 0;
	}

	/**** /CART PAGE ****/

	/**** 404 PAGE ****/

	section.fourZeroFour h2 span.detail {
		font-size: 20px;
		line-height: 26px;
	}
	section.fourZeroFour .formWarpper {
		width: 100%;
	}

	/**** /404 PAGE ****/

	/**** PRO PAGE ****/

	.perform_pro {
		margin-top: 35px;
	}
	.perform_pro h4.label {
		font-size: 1.3em;
	}
	.perform_pro h2.pro {
		margin-bottom: 35px;
		font-size: 3em;
	}
	.perform_pro p.notice {
		font-size: 1.2em;
	}

	.pro_features .item {
		width: 100%;
	}
	.pro_features .item:nth-of-type(2) {
		margin-top: 50px;
	}

	h2.develop {
		font-size: 2em!important;
	}

	/**** /PRO PAGE ****/

	/************** DEFAULT SLIDER **************/

	.default_slider {
		height: 220px;
		padding: 0;
	}
	.default_slider .item {
		max-height: 220px;
	}
	.default_slider .item img {
		max-height: 220px;
	}

} /*@media all and (min-width:321px) and (max-width:479px)*/

@media all and (max-width:359px) {

	/**** COMMON STYLES ****/

	footer.footer .subscription input[type="text"],
	footer.footer .subscription input[type="email"],
	footer.footer .subscription input[type="submit"] {
		width: 100%;
	}
	footer.footer .subscription input[type="submit"] {
		margin: 10px 0 0;
	}

	/**** /COMMON STYLES ****/

	/**** CATALOG PAGE ****/

	.searchBar input[type="text"],
	.searchBar input[type="submit"] {
		width: 100%;
		max-width: 100%;
	}
	.searchBar input[type="text"] {
		margin-bottom: 10px;
	}

	/**** /CATALOG PAGE ****/

	/**** DETAIL PAGE ****/

    section.detail h2 {
        font-size: 2.1em;
    }

	figure.detailPic .thumbs button.item,
	figure.detailPic .thumbs button.item:first-child {
		height: 90px;
	}

	section.detailDscrp .outOfStock {
		display: block;
		width: 100%;
		clear: both;
	}

	section.detail .freedom,
	section.detail .delivery {
		width: 100%;
		margin: 30px auto 0;
	}
	section.detail .freedom {
		font-size: .70em;
	}
	section.detail .delivery {
		font-size: 16px;
	}
	section.detail .freedom span.label {
		line-height: 19px;
	}

	/**** /DETAIL PAGE ****/

	/**** PERSONAL PAGE ****/

	.cart .row .image_section .item.image,
	.goodsList .unit.pic {
		width: 120px;
	}
	.cart .row .image_section .item.image img.pic,
	.goodsList .unit.pic img.pic {
		max-width: 120px;
	}
	.recieved .row {
		width: 100%;
		margin: 0 0 10px;
	}
	.recieved .row:first-of-type {
		margin-top: 10px;
	}
	.recieved .row .item.number,
	.recieved .row .item.date,
	.recieved .row .item.summ,
	.recieved .row .item.status {
		width: 100%;
	}
	.recieved .row .item.status {
		padding-bottom: 0;
	}
	.pending .row .item.features {
		width: calc(100% - 125px);
		padding: 0 0 0 10px;
	}

	.pending .row .item.qnt span.head,
	.pending .row .item.price span.head,
	.pending .row .item.qnt span.value,
	.pending .row .item.price span.value,
	.goodsList .unit.qnt span.head,
	.goodsList .unit.price span.head,
	.goodsList .unit.qnt span.value,
	.goodsList .unit.price span.value {
		display: block;
		text-align: center;
	}
	.pending .row .item.qnt span.value,
	.pending .row .item.price span.value,
	.goodsList .unit.qnt span.value,
	.goodsList .unit.price span.value {
		padding-left: 0
	}

	/**** /PERSONAL PAGE ****/

	/**** CART PAGE ****/

	.pending .row .item.image {
		width: 120px;
	}
	.cart .row .image_section .item.dscrp {
		width: calc(100% - 125px);
		padding-left: 5px;
	}

	/**** /CART PAGE ****/

	/************** DEFAULT SLIDER **************/

	.default_slider {
		height: 200px;
	}
	.default_slider .item {
		max-height: 200px;
	}
	.default_slider .item img {
		max-height: 200px;
	}

} /*@media all and (max-width:359px)*/

@media all and (max-width:320px) {

	/**** HEADER ****/

	.navigation .nav.collapsed li ul.list li a {
	    padding-left: 10%;
	}

	/**** /HEADER ****/

	/**** ADS ****/

	section.ads .item.ver {
		height: 420px;
	}
	section.ads .item.ver_small {
		height: 400px;
	}
	section.ads .item.rect {
		height: 150px;
	}
	section.ads .item.sq {
		height: 300px;
	}

	/**** /ADS ****/

	/**** STYLE PAGE ****/

	article.makeupItem {
		width: 145px;
		height: 145px;
	}
	article.makeupItem figure.pic {
		max-height: 145px;
	}
	article.makeupItem .overlay span.value {
		padding: 10px 5px 0;
	}
	article.makeupItem:hover a.quickview {
		bottom: 10px;
	}

	/**** /STYLE PAGE ****/

	/**** DETAIL PAGE ****/

	section.detailDscrp .price {
		font-size: 1.9em;
	}

	/**** /DETAIL PAGE ****/


} /*@media all and (max-width:320px)*/



/********** STYLES FOR LOCATION POPUP  ***********/

@media all and (max-height: 480px) and (max-width: 1024px) {

	#location {
		height: auto;
		padding: 30px 0;
	}
	#location .closeWrap {
		top: 2px;
		right: 2px;
	}

}

/********** STYLES FOR LOCATION POPUP  ***********/

/********** STYLES FOR FREEDOM PAGE  ***********/

@media all and (max-width: 1280px) {

	aside.freedom {
		width: 360px;
		padding-left: 30px;
	}
	section.freedom {
		width: calc(100% - 360px);
	}

}

@media all and (max-width: 1250px) {

	.static {
		width: 1170px;
	}
	section.freedom {
		padding: 25px 10px 50px 10px;
	}
	section.freedom .optionsArea {
		width: 240px;
	}
	.optionsArea .ur_choice .ctrls .add2cart {
		width: 40px;
	}

}

@media all and (max-width: 1180px) {

	.static {
		width: 970px;
	}
	section.freedom {
		padding: 25px 25px 50px;
	}
	section.freedom .actionArea,
	section.freedom .optionsArea {
		float: none;
	}
	section.freedom .optionsArea {
		width: 100%;
	}
	.optionsArea .ur_choice,
	.optionsArea .alsoBuy {
		display: inline-block;
		width: calc(50% - 20px);
		margin-top: 20px;
		vertical-align: top;
	}
	.optionsArea .ur_choice {
		margin-right: 10px;
	}
	.optionsArea .alsoBuy {
		margin-left: 10px;
	}

}

/********** STYLES FOR FREEDOM PAGE  ***********/


/*====================================
	RESPONSIVE CSS
	-------------------
	Developed by Maiorov Maksim
	m.maiorov@gmail.com / mm@fdev.name
	2015 | Kaliningrad, Russia

=====================================
/* End */



/* Start:/bitrix/templates/.default/css/new_styles.css*/
/*.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11 {
    float: left
}
.col-lg-1 {
    width: 8.33333%
}
.col-lg-2 {
    width: 16.66667%
}
.col-lg-3 {
    width: 25%
}
.col-lg-4 {
    width: 33.33333%
}
.col-lg-5 {
    width: 41.66667%
}
.col-lg-6 {
    width: 50%
}
.col-lg-7 {
    width: 58.33333%
}
.col-lg-8 {
    width: 66.66667%
}
.col-lg-9 {
    width: 75%
}
.col-lg-10 {
    width: 83.33333%
}
.col-lg-11 {
    width: 91.66667%
}
.col-lg-12 {
    width: 100%
}
.col-lg-push-0 {
    left: auto
}
.col-lg-push-1 {
    left: 8.33333%
}
.col-lg-push-2 {
    left: 16.66667%
}
.col-lg-push-3 {
    left: 25%
}
.col-lg-push-4 {
    left: 33.33333%
}
.col-lg-push-5 {
    left: 41.66667%
}
.col-lg-push-6 {
    left: 50%
}
.col-lg-push-7 {
    left: 58.33333%
}
.col-lg-push-8 {
    left: 66.66667%
}
.col-lg-push-9 {
    left: 75%
}
.col-lg-push-10 {
    left: 83.33333%
}
.col-lg-push-11 {
    left: 91.66667%
}
.col-lg-pull-0 {
    right: auto
}
.col-lg-pull-1 {
    right: 8.33333%
}
.col-lg-pull-2 {
    right: 16.66667%
}
.col-lg-pull-3 {
    right: 25%
}
.col-lg-pull-4 {
    right: 33.33333%
}
.col-lg-pull-5 {
    right: 41.66667%
}
.col-lg-pull-6 {
    right: 50%
}
.col-lg-pull-7 {
    right: 58.33333%
}
.col-lg-pull-8 {
    right: 66.66667%
}
.col-lg-pull-9 {
    right: 75%
}
.col-lg-pull-10 {
    right: 83.33333%
}
.col-lg-pull-11 {
    right: 91.66667%
}
.col-lg-offset-0 {
    margin-left: 0
}
.col-lg-offset-1 {
    margin-left: 8.33333%
}
.col-lg-offset-2 {
    margin-left: 16.66667%
}
.col-lg-offset-3 {
    margin-left: 25%
}
.col-lg-offset-4 {
    margin-left: 33.33333%
}
.col-lg-offset-5 {
    margin-left: 41.66667%
}
.col-lg-offset-6 {
    margin-left: 50%
}
.col-lg-offset-7 {
    margin-left: 58.33333%
}
.col-lg-offset-8 {
    margin-left: 66.66667%
}
.col-lg-offset-9 {
    margin-left: 75%
}
.col-lg-offset-10 {
    margin-left: 83.33333%
}
.col-lg-offset-11 {
    margin-left: 91.66667%
}

.col-sm-6 {
    width: 50%;
}
.col-sm-10 {
    width: 83.33333%;
}

.col-md-3 {
    width: 25%;
}

@media (min-width: 992px) {
    .col-md-5 {
        width: 41.66667%;
    }
    .col-md-4 {
        width: 33.33333%;
    }
}
@media (min-width: 992px) {
    .col-md-12 {
        width: 100%;
    }
}
@media (min-width: 768px) {
    .col-sm-2 {
        width: 16.66667%;
    }
    .col-sm-3 {
        width: 25%;
    }
    .col-sm-4 {
        width: 33.33333%;
    }
    .col-sm-5 {
        width: 50%;
    }
    .col-sm-offset-1 {
        margin-left: 8.33333%;
    }
    .col-sm-6 {
        width: 50%;
    }
    .col-sm-10 {
        width: 83.33333%;
    }

}

.row {
    margin-left: -15px;
    margin-right: -15px;
}
.row::before, .row::after {
    content: " ";
    display: table;
}

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, header .row #header_logo, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
}
*/

.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}

.row > * {
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}

.col {
  flex: 1 0 0%;
}

.row-cols-auto > * {
  flex: 0 0 auto;
  width: auto;
}

.row-cols-1 > * {
  flex: 0 0 auto;
  width: 100%;
}

.row-cols-2 > * {
  flex: 0 0 auto;
  width: 50%;
}

.row-cols-3 > * {
  flex: 0 0 auto;
  width: 33.3333333333%;
}

.row-cols-4 > * {
  flex: 0 0 auto;
  width: 25%;
}

.row-cols-5 > * {
  flex: 0 0 auto;
  width: 20%;
}

.row-cols-6 > * {
  flex: 0 0 auto;
  width: 16.6666666667%;
}

.col-auto {
  flex: 0 0 auto;
  width: auto;
}

.col-1 {
  flex: 0 0 auto;
  width: 8.33333333%;
}

.col-2 {
  flex: 0 0 auto;
  width: 16.66666667%;
}

.col-3 {
  flex: 0 0 auto;
  width: 25%;
}

.col-4 {
  flex: 0 0 auto;
  width: 33.33333333%;
}

.col-5 {
  flex: 0 0 auto;
  width: 41.66666667%;
}

.col-6 {
  flex: 0 0 auto;
  width: 50%;
}

.col-7 {
  flex: 0 0 auto;
  width: 58.33333333%;
}

.col-8 {
  flex: 0 0 auto;
  width: 66.66666667%;
}

.col-9 {
  flex: 0 0 auto;
  width: 75%;
}

.col-10 {
  flex: 0 0 auto;
  width: 83.33333333%;
}

.col-11 {
  flex: 0 0 auto;
  width: 91.66666667%;
}

.col-12 {
  flex: 0 0 auto;
  width: 100%;
}

.offset-1 {
  margin-left: 8.33333333%;
}

.offset-2 {
  margin-left: 16.66666667%;
}

.offset-3 {
  margin-left: 25%;
}

.offset-4 {
  margin-left: 33.33333333%;
}

.offset-5 {
  margin-left: 41.66666667%;
}

.offset-6 {
  margin-left: 50%;
}

.offset-7 {
  margin-left: 58.33333333%;
}

.offset-8 {
  margin-left: 66.66666667%;
}

.offset-9 {
  margin-left: 75%;
}

.offset-10 {
  margin-left: 83.33333333%;
}

.offset-11 {
  margin-left: 91.66666667%;
}


@media (min-width: 576px) {
  .col-sm {
    flex: 1 0 0%;
  }
  .row-cols-sm-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-sm-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-sm-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-sm-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .row-cols-sm-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-sm-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-sm-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
  .col-sm-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-sm-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-sm-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-sm-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-sm-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-sm-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-sm-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-sm-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-sm-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-sm-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-sm-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-sm-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-sm-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-sm-0 {
    margin-left: 0;
  }
  .offset-sm-1 {
    margin-left: 8.33333333%;
  }
  .offset-sm-2 {
    margin-left: 16.66666667%;
  }
  .offset-sm-3 {
    margin-left: 25%;
  }
  .offset-sm-4 {
    margin-left: 33.33333333%;
  }
  .offset-sm-5 {
    margin-left: 41.66666667%;
  }
  .offset-sm-6 {
    margin-left: 50%;
  }
  .offset-sm-7 {
    margin-left: 58.33333333%;
  }
  .offset-sm-8 {
    margin-left: 66.66666667%;
  }
  .offset-sm-9 {
    margin-left: 75%;
  }
  .offset-sm-10 {
    margin-left: 83.33333333%;
  }
  .offset-sm-11 {
    margin-left: 91.66666667%;
  }
}
@media (min-width: 768px) {
  .col-md {
    flex: 1 0 0%;
  }
  .row-cols-md-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-md-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-md-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-md-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .row-cols-md-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-md-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-md-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
  .col-md-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-md-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-md-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-md-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-md-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-md-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-md-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-md-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-md-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-md-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-md-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-md-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-md-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-md-0 {
    margin-left: 0;
  }
  .offset-md-1 {
    margin-left: 8.33333333%;
  }
  .offset-md-2 {
    margin-left: 16.66666667%;
  }
  .offset-md-3 {
    margin-left: 25%;
  }
  .offset-md-4 {
    margin-left: 33.33333333%;
  }
  .offset-md-5 {
    margin-left: 41.66666667%;
  }
  .offset-md-6 {
    margin-left: 50%;
  }
  .offset-md-7 {
    margin-left: 58.33333333%;
  }
  .offset-md-8 {
    margin-left: 66.66666667%;
  }
  .offset-md-9 {
    margin-left: 75%;
  }
  .offset-md-10 {
    margin-left: 83.33333333%;
  }
  .offset-md-11 {
    margin-left: 91.66666667%;
  }
}
@media (min-width: 992px) {
  .col-lg {
    flex: 1 0 0%;
  }
  .row-cols-lg-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-lg-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-lg-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-lg-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .row-cols-lg-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-lg-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-lg-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
  .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-lg-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-lg-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-lg-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-lg-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-lg-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-lg-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-lg-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-lg-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-lg-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-lg-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-lg-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-lg-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-lg-0 {
    margin-left: 0;
  }
  .offset-lg-1 {
    margin-left: 8.33333333%;
  }
  .offset-lg-2 {
    margin-left: 16.66666667%;
  }
  .offset-lg-3 {
    margin-left: 25%;
  }
  .offset-lg-4 {
    margin-left: 33.33333333%;
  }
  .offset-lg-5 {
    margin-left: 41.66666667%;
  }
  .offset-lg-6 {
    margin-left: 50%;
  }
  .offset-lg-7 {
    margin-left: 58.33333333%;
  }
  .offset-lg-8 {
    margin-left: 66.66666667%;
  }
  .offset-lg-9 {
    margin-left: 75%;
  }
  .offset-lg-10 {
    margin-left: 83.33333333%;
  }
  .offset-lg-11 {
    margin-left: 91.66666667%;
  }
}
@media (min-width: 1200px) {
  .col-xl {
    flex: 1 0 0%;
  }
  .row-cols-xl-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-xl-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-xl-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-xl-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .row-cols-xl-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-xl-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-xl-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
  .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-xl-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-xl-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xl-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-xl-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-xl-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-xl-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-xl-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-xl-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-xl-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-xl-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-xl-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-xl-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-xl-0 {
    margin-left: 0;
  }
  .offset-xl-1 {
    margin-left: 8.33333333%;
  }
  .offset-xl-2 {
    margin-left: 16.66666667%;
  }
  .offset-xl-3 {
    margin-left: 25%;
  }
  .offset-xl-4 {
    margin-left: 33.33333333%;
  }
  .offset-xl-5 {
    margin-left: 41.66666667%;
  }
  .offset-xl-6 {
    margin-left: 50%;
  }
  .offset-xl-7 {
    margin-left: 58.33333333%;
  }
  .offset-xl-8 {
    margin-left: 66.66666667%;
  }
  .offset-xl-9 {
    margin-left: 75%;
  }
  .offset-xl-10 {
    margin-left: 83.33333333%;
  }
  .offset-xl-11 {
    margin-left: 91.66666667%;
  }
}
@media (min-width: 1400px) {
  .col-xxl {
    flex: 1 0 0%;
  }
  .row-cols-xxl-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-xxl-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-xxl-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-xxl-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .row-cols-xxl-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-xxl-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-xxl-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
  .col-xxl-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-xxl-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-xxl-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xxl-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-xxl-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-xxl-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-xxl-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-xxl-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-xxl-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-xxl-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-xxl-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-xxl-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-xxl-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-xxl-0 {
    margin-left: 0;
  }
  .offset-xxl-1 {
    margin-left: 8.33333333%;
  }
  .offset-xxl-2 {
    margin-left: 16.66666667%;
  }
  .offset-xxl-3 {
    margin-left: 25%;
  }
  .offset-xxl-4 {
    margin-left: 33.33333333%;
  }
  .offset-xxl-5 {
    margin-left: 41.66666667%;
  }
  .offset-xxl-6 {
    margin-left: 50%;
  }
  .offset-xxl-7 {
    margin-left: 58.33333333%;
  }
  .offset-xxl-8 {
    margin-left: 66.66666667%;
  }
  .offset-xxl-9 {
    margin-left: 75%;
  }
  .offset-xxl-10 {
    margin-left: 83.33333333%;
  }
  .offset-xxl-11 {
    margin-left: 91.66666667%;
  }
}

.active_link {
    font-weight: bold;
    color: #f88600;
}
.scrollTopMenu {
    height: 70px;
    transition: all .5s ease-in-out;
}

.scrollTopMenu .container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background-color: #fff;
    border-bottom: 1px solid #e5e5e5;
    transition: all .5s ease-in-out;
}

/*.scrollTopMenu .mainNav {height: 52px;}

.scrollTopMenu .navigation {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background: #000;
    height: 52px;
    text-align: center;
    transition: all .5s ease-in-out;
}

.scrollTopMenu .navigation > .table {
    width: 1230px;
    margin: 0 auto;
}
*/

.scrollTopMenu .navigation .level_nd {
    display: none;
}

/*main.index {
    top: 0;
    padding-top: 0;
    overflow-x: hidden;
}*/
.kit-window {
    padding-top: 90px;
    overflow-x: hidden;
}
#header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background-color: #fff;
    z-index: 999;
}

@media (min-width: 481px) {
    .kit-window {
        padding-top: 70px;
    }
}


.controls {
    overflow: visible;
    width: 55px;
}
.controls .search {
    float: right;
    width: 55px;
    margin-top: 17px;
}
header #layer_cart {
    display: none;
}
.hidden {
    display: none;
}

.nav.top {
    height: 52px;
}

nav.navigation {
    float: none;
    width: auto;
    height: auto;
    margin: 0;
}
.has_nd .delimiter {
    font-size: 7px;
    position: relative;
    top: -2px;
}

.navigation .nav li a,
.navigation .nav li .active_link {
    position: relative;
    display: block;
    color: #000;
    font-size: 12px;
    line-height: 19px;
    text-transform: initial;
}

/*.navigation .nav > li > a::after,
.navigation .nav > li > .active_link::after {
    display: block;
    width: 1px;
    height: 16px;
    background: #333;
    position: absolute;
    right: 0;
    content: '';
    top: calc(50% - 8px);
}*/
.navigation .nav li > a.selected,
.navigation .nav li > a:hover {
    text-decoration: underline;
    opacity: 1;
}
/*.navigation .nav > li> a:hover::before {
    display: block;
    content: "";
    background-image: url('/bitrix/templates/.default/css/../images/Caret white menu.svg');
    background-size: 10px 5px;
    height: 5px;
    width: 10px;
    float: right;
    position: absolute;
    bottom: -1px;
    left: 50%;
    margin-left: -5px;
    z-index: 999999;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
}*/

/*.navigation .nav li: last-of-type a::after {
    display: none;
}*/
.navigation .nav .level_nd {
    overflow: visible;
}
.navigation .nav.top li .level_nd {
    border-bottom: none;
    top: 100%;
    display: none;
    bottom: auto;
    opacity: 1;
    max-height: 52px;
    z-index: 2;
}
@media (min-width: 1200px) {
    .navigation .nav {
        position: relative;
        height: auto;
        width: auto;
        display: flex;
        gap: 20px;
        flex-wrap: wrap;
    }
    .navigation .nav[style*="display: block"] {
        display: flex !important;
    }

    .navigation .nav li:hover .level_nd {
        display: table;
    }

    #product_list li.catalog_unit {
        width: 25%;
    }
    .navigation .nav li:hover .level_nd {
        display: table;
    }
}

.navigation .nav .level_nd {
    background: #fff;
}

.level_nd .category {
    padding-top: 3px;
    padding-bottom: 3px;
    height: 52px;
    width: auto;
    position: relative;
    display: table-cell;
    text-align: center;
}
.level_nd .category .title a,
.level_nd .category .title .active_link {
    margin-bottom: 0;
    padding: 20px 15px;
}
.level_nd .category .title {
    height: 52px;
    margin-bottom: 0;
}
.level_nd .category ul.list {
    display: none;
}
.level_nd .category:hover ul.list {
    display: block;
    position: absolute;
    top: 100%;
    background: #fafafa;
    padding-bottom: 10px;
    padding-top: 10px;
    left: 0;
    width: 467px;
}

.level_nd .category: last-of-type ul.list {
    left: auto;
    right: 0;
}

.level_nd .category ul.list li {
    width: calc(50% - 40px);
    float: left;
    padding-left: 40px;
    text-align: left;
}
.level_nd .category ul.list li a,
.level_nd .category ul.list li .active_link {
    font-size: 12px;
    text-transform: uppercase;
    padding-bottom: 5px;
    padding-top: 5px;
    margin-bottom: 0;
}
.level_nd .category ul.list li a:hover {
    text-decoration: none;
    color: #ababab;
}

.controls .search input[type="submit"], .controls .search span.zoom {
    left: auto;
    right: 0;
}
header {
    padding: 0;
    border-bottom: 1px solid #e5e5e5;
    z-index: 22222
}
header a {
    text-decoration: none;
}

header .topHeader {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    gap: 20px;
    height: 70px;
    margin-top: -1px;
    padding-left: 0;
    padding-right: 0
}

header .leftSide {
    display: flex;
    align-items: stretch;
    gap: 20px;
}

header .logo {
    height: inherit;
    line-height: 70px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

header .logo > a {
    display: block;
    height: auto;
    line-height: 0;
}

#currencies-block-top .current::after {
    content: "\f0d7";
    font-family: "FontAwesome";
    font-size: 10px;
    line-height: 18px;
    color: #FFF;
    vertical-align: 0;
    padding-left: 5px;
}

.topHeader .mainNav {
    display: flex;
    align-items: center;
}


header .rightSide {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 15px;
    color: #000;
    font-size: 12px;
    z-index: 99999
}

header .rightSide .currenciesLanguages>div {
    display: block;
    float: left;
    padding: 0;
    margin: 0;
    margin-left: 10px
}

header .rightSide .currenciesLanguages .currencies,
header .rightSide .currenciesLanguages .languages {
    font-size: 14px;
    letter-spacing: 1.5px
}

header .rightSide .currencies span,
header .rightSide .languages span {
    margin-left: 5px
}

header .rightSide .menuHeader {
    display: none
}

header .rightSide .menuHeader a span img {
    height: 25px
}

header .rightSide .shoppingBag .specialItemCounter {
    display: none;
    height: 22px;
    line-height: 22px;
    text-align: center;
    width: 22px;
    background: #ed004a;
    position: absolute;
    top: 15%;
    left: 10%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    font-weight: 600;
    cursor: pointer;
    font-size: 12px
}

header .rightSide .menuHeader span.header-text,
header .rightSide .searchProduct span.header-text {
    display: none
}

header .rightSide .shoppingBag span.shoppingBagTotalPrice {
    font-size: 12px;
    display: block;
    float: right;
    margin-left: 10px
}

header .rightSide .shoppingBag span.shoppingBagTotalPrice::before {
    content: "(";
    margin-right: -2px
}

header .rightSide .shoppingBag span.shoppingBagTotalPrice::after {
    content: ")";
    margin-left: -2px
}

header .bottomHeader {
    height: auto;
    border-top: 1px solid #333;
    padding-left: 0;
    padding-right: 0;
    background-color: #000;
}


header .rightSide .menuHeader a,
header .rightSide .searchProduct a,
header .rightSide .favorite-block .top_nav_item_link,
header .rightSide .shoppingBag .shoppingBagLink,
header .rightSide .userAccount a,
#switch-location-button {
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    padding: 0 8px;
    color: #000;
    font-weight: 500;
    font-size: 12px;
    text-transform: capitalize;
    letter-spacing: 0;
}

header .rightSide .favorite-block a {
    display: flex;
    cursor: pointer;
    padding: 0;
    color: #000;
    font-weight: 500;
    font-size: 12px;
    letter-spacing: 0;
    text-transform: capitalize;
}


.userAccount .logout span {
    font-size: 12px
}

.header-icon img {
    width: auto;
    height: 12px;
}
.favorite-block a img,
header .rightSide .userAccount a img,
.shoppingBag .header-icon img {
    filter: invert(1);
}

.topHeader .shoppingBag {
    display: flex;
    align-items: center;
}

.shoppingBag .total {
    position: relative;
    margin-left: -6px;
}

.shoppingBag .total .value::before {
    content: '(';
}

.shoppingBag .total .value::after {
    content: ')';
}

.top_basket .drop_list {
    min-width: 300px;
}

.top_basket .drop_list_wrap {
    border-top: 1px solid #000;
    padding-top: 10px;
    padding-bottom: 10px;
}

.short_basket_item {
    display: flex;
    margin-bottom: 10px;
}

.short_basket_remove {
    order: 3;
}

.short_basket_link {
    display: flex;
    align-items: center;
    gap: 10px;
}

.short_basket_link .image_area {
    min-width: 48px;
}

.short_basket_link img {
    padding: 0;
}

.short_basket_link .descr_area > * {
    display: block;
}

.short_basket_actions {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    border-top: 1px solid #000;
    padding-top: 10px;
}

.short_basket_actions .total {
    display: none !important;
}

.short_basket_actions .btn {
    font-size: 16px;
    letter-spacing: normal;
    white-space: nowrap;
    text-transform: none;
}

.mbl-search-toggler {
    display: none;
    padding: 0 8px;
    border: none;
    background: transparent;
    outline: none;
    box-shadow: none;
}


@media (max-width: 991px) {
    header {
        padding: 0
    }
    aside.sidebar {
        width: 225px;
        float: left;
    }
    section.content {
        width: calc(100% - 225px);
        float: left;
    }
}

@media (max-width: 767px) {
    footer section {
        margin-bottom: 25px;
    }
    .productAddonHook {
        width: 100%;
        float: none;
    }
}

 #carousel {
    border-bottom: 1px solid #E5E5E5;
 }

.owl-nav {
    display: none;
}


@media (min-width: 1440px) {
    #carousel .owl-item img {
        object-fit: cover;
        height: calc(100vh - 70px);
    }
}

.owl-dots {
    position: absolute;
    bottom: 30px;
    left: 28px;
    counter-reset: owl-dots;
    display: flex;
    gap: 10px;
}

.owl-carousel button.owl-dot {
    display: block;
    background: transparent;
    border: none;
    border-bottom: 2px solid;
    position: relative;
    font-size: 12px;
    color: #fff;
    width: 75px;
    height: 25px;
    counter-increment: owl-dots;
    opacity: .5;
    transition: opacity .18s linear;
}

.owl-carousel button.owl-dot.active,
.owl-carousel button.owl-dot:hover {
    opacity: 1;
}

.owl-dot > span::before {
    content: counter(owl-dots);
}

.slide_descr {
    position: absolute;
    bottom: 40px;
    right: 0;
    width: 90%;
    max-width: 450px;
    background: white;
}

.slide_title {
    padding: 22px 26px;
    border-bottom: 1px solid #e5e5e5;
    font-size: 14px;
    color: #000;
    font-weight: 500;
}

.slide_descr__text {
    padding: 22px 26px;
    color: #000;
    font-weight: 400;
    font-size: 12px;
}
}

#mainDesktopMenu>ul,
#mainDesktopMenu>ul li,
#mainDesktopMenu>ul ul {
    list-style: none;
    margin: 0;
    padding: 0;
    font-family: sans-serif;
    z-index: 999
}

#mainDesktopMenu>ul {
    position: relative;
    text-align: left
}

#mainDesktopMenu a {
    text-transform: uppercase
}

#mainDesktopMenu>ul>li.has-sub a {
    position: relative
}

/*#mainDesktopMenu>ul>li.has-sub>a::after {
    display: block;
    content: "";
    background-image: url(https://inglotusa.com/themes/inglot/css/modules/blocktopmenu/css/../../../../img/icon/caret-white.svg);
    background-size: 8px 4px;
    height: 4px;
    width: 8px;
    float: right;
    position: absolute;
    top: 50%;
    margin-top: -2px;
    right: 2px;
    -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    -ms-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out
}
*/
#mainDesktopMenu>ul>li.has-sub.active>a {
    font-weight: 700
}

#mainDesktopMenu>ul>li>a {
    -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    -ms-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out
}

/*#mainDesktopMenu>ul>li.has-sub.active>a::before {
    display: block;
    content: "";
    background-image: url(https://inglotusa.com/themes/inglot/css/modules/blocktopmenu/css/../../../../img/icon/caret-white.svg);
    background-size: 10px 5px;
    height: 5px;
    width: 10px;
    float: right;
    position: absolute;
    bottom: -1px;
    left: 50%;
    margin-left: -5px;
    z-index: 999999;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    transform: rotate(180deg)
}
*/
/*#mainDesktopMenu ul::before,
#mainDesktopMenu ul::after {
    display: table;
    content: ""
}
*/
/*#mainDesktopMenu ul::after {
    clear: both
}
*/
#mainDesktopMenu ul li {
    display: block;
    float: left;
    height: 60px;
    line-height: 60px
}

#mainDesktopMenu ul li li {
    height: 50px;
    line-height: 50px
}

#mainDesktopMenu>ul li.hover,
#mainDesktopMenu>ul li:hover {
    z-index: 599;
    cursor: default
}

#mainDesktopMenu ul ul {
    visibility: hidden;
    position: absolute;
    top: 61px;
    left: 0;
    z-index: 598;
    height: 50px;
    line-height: 50px
}

#mainDesktopMenu ul li ul li:hover>ul {
    visibility: visible
}

#mainDesktopMenu>ul a {
    font-family: 'Saira Condensed', Arial, sans-serif;
    font-weight: 500;
    letter-spacing: 1px
}

#mainDesktopMenu {
    background: #000
}

#mainDesktopMenu>ul {
    display: block;
    zoom: 1
}

#mainDesktopMenu>ul>li>a,
#mainDesktopMenu>ul>li>a: link,
#mainDesktopMenu>ul>li>a: visited {
    padding: 0 11px;
    color: #fff;
    display: block;
    text-transform: uppercase;
    font-size: 18px
}

#mainDesktopMenu li li a {
    color: #fff;
    font-size: 16px
}

#mainDesktopMenu ul ul {
    height: 50px;
    line-height: 50px;
    border-top: none;
    left: 0;
    background: #fff
}

#mainDesktopMenu ul>li>ul>li {
    position: relative;
    padding: 1px
}

#mainDesktopMenu ul>li>ul>li a {
    padding: 0 15px;
    display: block;
    color: #000;
    text-transform: uppercase
}

#mainDesktopMenu ul ul ul {
    background: #FAFAFA;
    top: 50px;
    height: auto;
    left: 0
}

#mainDesktopMenu ul ul ul {
    height: 175px;
    padding: 25px;
    width: auto;
    display: -webkit-flex;
    display: flex
}

#mainDesktopMenu ul ul ul::before,
#mainDesktopMenu ul ul ul::after {
    display: table;
    content: ""
}

#mainDesktopMenu ul ul ul::after {
    clear: both
}

#mainDesktopMenu ul ul ul div {
    display: block;
    float: left;
    padding-right: 15px
}

#mainDesktopMenu ul ul ul div: last-child {
    padding-right: 0
}

#mainDesktopMenu ul ul ul div li {
    height: 25px;
    line-height: 25px;
    margin: 0;
    padding: 0;
    float: none
}

#mainDesktopMenu ul ul ul li a {
    white-space: nowrap;
    height: 25px;
    line-height: 25px;
    font-size: 14px
}

#mainDesktopMenu ul ul ul li a:hover {
    color: silver
}

#mainDesktopMenu ul li ul li:hover>ul li a {
    -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    -ms-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out
}

#mainDesktopMenu ul ul ul span.menu-image-wrapper {
    position: absolute;
    height: 175px;
    width: 175px;
    top: 0;
    left: -175px
}

#mainDesktopMenu ul ul ul span.menu-image-wrapper img {
    background: #fff;
    width: 100%;
    height: auto
}


ol,ul {
    list-style: none
}

@media (min-width: 1200px) {
    .controls {
        right: 0;
    }

}


/********************/
.visible-xs {
    display: none !important;
}
.blockcategories_footer ul ul {
    display: none !important;
}

.footer-container #footer #social_block ul li a::before {
    display: inline-block;
    font-family: "FontAwesome";
    vertical-align: -5px;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.footer-container .blockcategories_footer .h4,
.footer-container .footer-block .h4,
.footer-container #block_contact_infos .h4,
.footer-container .h4 a, 
.footer-container .blockcategories_footer h4,
.footer-container .footer-block h4,
.footer-container #block_contact_infos h4,
.footer-container h4 a {
    margin: 0 0 15px;
    padding: 0;
    font-weight: 500;
    font-size: 14px;
    text-transform: capitalize;
    letter-spacing: normal;
    color: #000;
}

.footer-container h4 a:hover {
    text-decoration: underline;
}

.footer-container #footer ul {
    padding-left: 0;
}
.footer-container #footer ul li {
    padding: 2px 0;
    font-size: 12px;
    list-style-type: none;
}

.footer-container #footer ul li a,
.footer-container #footer ul li .active_link {
    text-decoration: none;
    font-weight: normal;
    color: #000;
    text-transform: initial;
    letter-spacing: normal;
    transition: all .25s ease-in-out;
}

.footer-container #footer ul li a:hover {
    text-decoration: underline;
}

@media (max-width: 767px) {
    .footer-container {
        padding: 30px 0
    }
    .footer-container #footer h4 {
        position: relative;
        margin-bottom: 0;
        padding-left: 40px;
        padding-bottom: 15px
    }
    .footer-container #footer #social_block h4 {
        display: none;
        text-align: center
    }
}


@media (max-width: 767px) {
    .socialShare .socialShareIcons {
        text-align: left
    }
    .socialShareIcons.toggle-footer a {
        margin-bottom: 15px
    }
}

@media (max-width: 767px) {
    .col-xs-12 {
        width: 100%;
    }
    .footer-block h4::before,
    .footer-block h4.active::before {
        display: block;
        font-family: 'Roboto', Arial, sans-serif;
        font-weight: 300;
        content: "+";
        position: absolute;
        left: 0;
        top: 30%;
        margin-top: -12.5px;
        height: 25px;
        line-height: 23px;
        width: 25px;
        border: 1px solid #EFEFEF;
        text-align: center;
        -webkit-transition: all 0.5s ease-in-out;
        -moz-transition: all 0.5s ease-in-out;
        -o-transition: all 0.5s ease-in-out;
        -ms-transition: all 0.5s ease-in-out;
        transition: all 0.5s ease-in-out
    }
}


.block_contact_infos .socialShare .socialShareIcons {
    text-align: right;
    margin-bottom: 17px
}

.socialShare .socialShareIcons a {
    display: inline-block;
    margin: 0 4px
}

.socialShare .socialShareIcons a svg {
    width: 30px;
    height: 30px;
    fill: #EDEDED;
    fill-rule: evenodd;
    -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    -o-transition: all 0.25s ease-out;
    -ms-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out
}

.socialShare .socialShareIcons a svg:hover {
    transform: scale(1.2, 1.2)
}

#block_contact_infos {
    text-align: right
}

@media (max-width: 991px) {
    #block_contact_infos {
        text-align: left
    }
}

section.bottom {
    position: relative;
    padding: 50px 0 40px 0;
    /*background: url(https://inglotusa.com/themes/inglot/css/../img/newsletter-background.jpg) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover*/
}


.breadcrumb {
    background: transparent;
    text-transform: lowercase;
    font-size: 12px;
    color: #000;
    padding: 15px 0;
    margin: 0;
    border-bottom: 1px solid #e5e5e5;
}

.breadcrumb span a {
    margin: 0;
    vertical-align: top;
    transition: all .25s ease-in-out
}

.breadcrumb span a.home {
    margin-right: 10px;
    vertical-align: top
}

.breadcrumb a,
.breadcrumb span {
    color: #000;
    white-space: normal;
    text-indent: -99999px;
    vertical-align: top;
    height: 25px;
    line-height: 25px;
    transition: all .25s ease-in-out
}

.breadcrumb span a.home:hover,
.breadcrumb a:hover,
.breadcrumb a span:hover {
    color: #C83E5B
}
.breadcrumb a, .breadcrumb span {
    text-transform: lowercase;
    text-decoration: none;
}
.breadcrumb a:hover {
    text-decoration: underline;
}
.breadcrumb span.navigation-pipe {
    width: 7px;
    height: 25px;
    margin: 0 10px;
    display: inline-block;
    text-indent: 0;
    font-size: 10px;
}

.breadcrumbSearchBack {
    padding: 15px 0;
    background: #D13E5A
}

.breadcrumbSearchBack a {
    color: #FFF
}


h1.page-heading.product-listing {
    border-bottom: 1px solid #EEE;
    position: relative;
    padding: 0;
    margin: 0 0 45px 0;
    text-align: center;
    height: 22.5px
}

h1.page-heading.product-listing span {
    height: 45px;
    line-height: 45px;
    background: #FFF;
    font-size: 45px;
    font-weight: 300;
    padding: 0 45px;
    margin-bottom: -22.5px
}

@media (max-width: 991px) {
    h1.page-heading.product-listing span {
        font-size: 24px;
        font-weight: 700
    }
}
#columns {
    position: relative;
    padding-bottom: 50px;
    padding-top: 45px
}



.block {
    margin-bottom: 30px
}

@media (max-width: 767px) {
    .block {
        margin-bottom: 0
    }
}

@media (max-width: 767px) {
    .block .block_content {
        margin-bottom: 20px
    }
}

.block .title_block,
.block h4,
#layered_block_left p.title_block,
h2.sdstitle_block {
    font-family: "Saira Condensed", Arial, sans-serif;
    font-size: 25px;
    text-transform: uppercase;
    display: block;
    text-decoration: none;
    font-weight: 500;
    position: relative;
    color: #000;
    border: 1px solid #EEE;
    padding: 15px;
    margin: 0 0 15px 0;
    background: none
}

@media (min-width: 768px) {
    #categories_block_left .title_block {
        margin-bottom: 0
    }
}

#categories_block_left .block_content {
    padding: 15px;
    border: 1px solid #EEE;
    margin-top: -1px
}

@media (min-width: 768px) and (max-width: 991px) {
    .block .title_block,
    .block h4,
    #layered_block_left p.title_block,
    #layered_block_left .layered_subtitle {
        font-size: 14px
    }
}

@media (max-width: 767px) {
    .block .title_block,
    .block h4 {
        position: relative
    }
    .block .title_block::after,
    .block h4::after {
        cursor: pointer;
        display: block;
        font-family: 'Roboto', Arial, sans-serif;
        font-weight: 300;
        content: "+";
        text-align: center;
        position: absolute;
        right: 5px;
        top: 50%;
        height: 30px;
        line-height: 28px;
        width: 30px;
        font-size: 30px;
        margin: -15px 0 0 0
    }
    .block .title_block.active::after,
    .block h4.active::after {
        content: "-"
    }
}

.block .title_block a,
.block h4 a {
    color: #555454
}

.block .title_block a:hover,
.block h4 a:hover {
    color: #333
}

.block .list-block {
    margin-top: -8px
}

@media (max-width: 767px) {
    .block .list-block {
        margin-top: 0
    }
}

.block .list-block li {
    padding: 5px 0 6px 20px;
    border-top: 1px solid #d6d4d4
}

.block .list-block li a i {
    display: none
}

.block .list-block li a::before {
    content: "\f105";
    display: inline;
    font-family: "FontAwesome";
    color: #333;
    padding-right: 8px
}

.block .list-block li a:hover {
    color: #333;
    font-weight: bold
}

.block .list-block li: first-child {
    border-top: none
}

.block .list-block .form-group {
    padding-top: 20px;
    border-top: 1px solid #d6d4d4;
    margin-bottom: 0
}

.block .list-block .form-group select {
    max-width: 270px
}

@media (max-width: 767px) {
    .block .list-block .form-group select {
        width: 270px
    }
}

.block .list-block .btn {
    margin-top: 12px
}

.block .products-block li {
    padding: 0 0 20px 0;
    margin-bottom: 20px;
    border-bottom: 1px solid #d6d4d4
}

.block .products-block li .products-block-image {
    float: left;
    border: 1px solid #d6d4d4;
    margin-right: 19px
}

@media (min-width: 768px) and (max-width: 991px) {
    .block .products-block li .products-block-image {
        float: none;
        display: inline-block;
        margin: 0 auto 10px;
        text-align: center
    }
}

.block .products-block li .product-content {
    overflow: hidden
}

.block .products-block li .product-content h5 {
    position: relative;
    top: -11px
}

.block .products-block .product-name {
    font-size: 15px;
    line-height: 18px
}

.block .products-block .product-description {
    margin-bottom: 14px
}

.block .products-block .price-percent-reduction {
    font: 700 14px/17px Arial, Helvetica, sans-serif;
    padding: 1px 6px
}


@media (min-width: 768px) {
    #categories_block_left .title_block {
        margin-bottom: 0
    }
}

#categories_block_left .block_content {
    padding: 15px;
    border: 1px solid #EEE;
    margin-top: -1px
}


#categories_block_left .block_content>ul {
    font-family: "Roboto", Arial, sans-serif;
    font-weight: 400;
    text-transform: uppercase;
    margin-bottom: 0
}
#categories_block_left ul {
    padding-left: 0;
}
#categories_block_left li {
    position: relative;
    list-style-type: none;
}

#categories_block_left li a {
    color: #000;
    display: block;
    font-size: 12px;
    padding: 8px 35px 13px 15px;
    letter-spacing: .5px
}

#categories_block_left li.last a {
    border-bottom: none
}

#categories_block_left li span.grower {
    position: absolute;
    right: 5px;
    top: 4px
}

#categories_block_left li span.grower.OPEN::before,
#categories_block_left li span.grower.CLOSE::before {
    font-family: 'Roboto', Arial, sans-serif;
    font-weight: 300;
    border: 1px solid #000;
    display: block;
    content: "-";
    width: 25px;
    height: 25px;
    color: #000;
    line-height: 23px;
    text-align: center;
    cursor: pointer
}

#categories_block_left li span.grower.OPEN::before {
    content: "-"
}

#categories_block_left li span.grower.CLOSE::before {
    content: "+"
}

#categories_block_left li span.grower:hover+a,
#categories_block_left li a:hover,
#categories_block_left li a.selected {
    background: #EEE
}

#categories_block_left li li a {
    font-weight: 400;
    color: #000
}

#categories_block_left li li a::before {
    content: "\f105";
    font-family: "FontAwesome";
    padding-right: 8px
}

#categories_block_left ul li a {
    padding-left: 10px;
    text-decoration: none;
}


#categories_block_left ul li ul li a {
    padding-left: 15px;
}

#categories_block_left ul li ul li ul li a {
    padding-left: 20px;

}


@media (min-width: 768px) {
    #categories_block_left .title_block {
        margin-bottom: 0
    }
}

#categories_block_left .block_content {
    padding: 15px;
    border: 1px solid #EEE;
    margin-top: -1px
}
#header_logo img {
    max-width: 87px;
    height: auto;
}

#languages-block-top div.current::after {
    content: "\f0d7";
    font-family: "FontAwesome";
    font-size: 10px;
    line-height: 18px;
    color: #FFF;
    vertical-align: 0;
    padding-left: 5px;
}
#currencies-block-top div.current strong {
    color: #FFF;
    text-decoration: underline;
}
#currencies-block-top div.current,
#languages-block-top div.current {
    color: #fff;
    cursor: pointer;
    line-height: 18px;
}

.search_form {}
.search_area {
    flex: 3;
}
.search_form__combo {
    position: relative;
}
.search_form__btn-search {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    right: 0;
    top: 0;
    width: 18px;
    height: 18px;
    background: transparent;
    border: 0 none;
    padding: 0;
}

.search_form__btn-search .glyphicon-search {
    top: auto;
}
.search_form__btn-clear {
    display: none !important;
}
.search_form__input {
    width: 100%;
    border-width: 0 0 1px 0;
    padding-right: 25px;
    font-size: 12px;
    font-family: 'Inter', 'helvetica_l', system-ui, sans-serif;
}


@font-face {
    font-family: 'FontAwesome';
    src: url('/bitrix/templates/.default/css/../fonts/font-awesome/fontawesome-webfont.eot?v=4.3.0');
    src: url('/bitrix/templates/.default/css/../fonts/font-awesome/fontawesome-webfont.eot?#iefix&v=4.3.0') format('embedded-opentype'),
        url('/bitrix/templates/.default/css/../fonts/font-awesome/fontawesome-webfont.woff?v=4.3.0') format('wof2'),
        url('/bitrix/templates/.default/css/../fonts/font-awesome/fontawesome-webfont.woff?v=4.3.0') format('woff'),
        url('/bitrix/templates/.default/css/../fonts/font-awesome/fontawesome-webfont.ttf?v=4.3.0') format('truetype'),
        url('/bitrix/templates/.default/css/../fonts/font-awesome/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular') format('svg');
    font-weight: normal;
    font-style: normal
}

[class^="fa-icon-"],
[class*=" fa-icon-"] {
    display: inline-block;
    font-family: 'FontAwesome';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block
}

.fa-icon-spin {
    -webkit-animation: fa-icon-spin 2s infinite linear;
    animation: fa-icon-spin 2s infinite linear
}

.fa-icon-rotate-90 {
    filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=1);
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.fa-icon-rotate-180 {
    filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=2);
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.fa-icon-rotate-270 {
    filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=3);
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg)
}

.fa-icon-flip-horizontal {
    filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);
    -webkit-transform: scale(-1, 1);
    -ms-transform: scale(-1, 1);
    transform: scale(-1, 1)
}

.fa-icon-flip-vertical {
    filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);
    -webkit-transform: scale(1, -1);
    -ms-transform: scale(1, -1);
    transform: scale(1, -1)
}
section.content, section.page {
    border-left: none;
}
.socialShareIcons.toggle-footer {
    margin-bottom: 15px;
}

.sidebar {
    margin-bottom: 30px;
}
.sidebar .title_block {
    font-size: 20px;
    text-transform: uppercase;
    display: block;
    text-decoration: none;
    font-weight: 500;
    position: relative;
    color: #000;
    border: 1px solid #EEE;
    border-bottom: none;
    padding: 15px;
    margin: 0 0 0px 0;
}
.mb40 {
    margin-bottom: 40px;
}
.sidebar nav.sidenavigation {
    margin-top: 0;
    padding-top: 0;
}

: root .fa-icon-rotate-90,
: root .fa-icon-rotate-180,
: root .fa-icon-rotate-270,
: root .fa-icon-flip-horizontal,
: root .fa-icon-flip-vertical {
    filter: none
}

.fa-icon-stack {
    position: relative;
    display: inline-block;
    width: 2em;
    height: 2em;
    line-height: 2em;
    vertical-align: middle
}

.fa-icon-stack-1x,
.fa-icon-stack-2x {
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center
}

.fa-icon-stack-1x {
    line-height: inherit
}

.fa-icon-stack-2x {
    font-size: 2em
}

.fa-icon-inverse {
    color: #ffffff
}

.fa-icon-glass::before {
    content: "\f000"
}

.fa-icon-music::before {
    content: "\f001"
}

.fa-icon-search::before {
    content: "\f002"
}

.fa-icon-envelope-o::before {
    content: "\f003"
}

.fa-icon-heart::before {
    content: "\f004"
}

.fa-icon-star::before {
    content: "\f005"
}

.fa-icon-star-o::before {
    content: "\f006"
}

.fa-icon-user::before {
    content: "\f007"
}

.fa-icon-film::before {
    content: "\f008"
}

.fa-icon-th-large::before {
    content: "\f009"
}

.fa-icon-th::before {
    content: "\f00a"
}

.fa-icon-th-list::before {
    content: "\f00b"
}

.fa-icon-check::before {
    content: "\f00c"
}

.fa-icon-remove::before,
.fa-icon-close::before,
.fa-icon-times::before {
    content: "\f00d"
}

.fa-icon-search-plus::before {
    content: "\f00e"
}

.fa-icon-search-minus::before {
    content: "\f010"
}

.fa-icon-power-off::before {
    content: "\f011"
}

.fa-icon-signal::before {
    content: "\f012"
}

.fa-icon-gear::before,
.fa-icon-cog::before {
    content: "\f013"
}

.fa-icon-trash-o::before {
    content: "\f014"
}

.fa-icon-home::before {
    content: "\f015"
}

.fa-icon-file-o::before {
    content: "\f016"
}

.fa-icon-clock-o::before {
    content: "\f017"
}

.fa-icon-road::before {
    content: "\f018"
}

.fa-icon-download::before {
    content: "\f019"
}

.fa-icon-arrow-circle-o-down::before {
    content: "\f01a"
}

.fa-icon-arrow-circle-o-up::before {
    content: "\f01b"
}

.fa-icon-inbox::before {
    content: "\f01c"
}

.fa-icon-play-circle-o::before {
    content: "\f01d"
}

.fa-icon-rotate-right::before,
.fa-icon-repeat::before {
    content: "\f01e"
}

.fa-icon-refresh::before {
    content: "\f021"
}

.fa-icon-list-alt::before {
    content: "\f022"
}

.fa-icon-lock::before {
    content: "\f023"
}

.fa-icon-flag::before {
    content: "\f024"
}

.fa-icon-headphones::before {
    content: "\f025"
}

.fa-icon-volume-off::before {
    content: "\f026"
}

.fa-icon-volume-down::before {
    content: "\f027"
}

.fa-icon-volume-up::before {
    content: "\f028"
}

.fa-icon-qrcode::before {
    content: "\f029"
}

.fa-icon-barcode::before {
    content: "\f02a"
}

.fa-icon-tag::before {
    content: "\f02b"
}

.fa-icon-tags::before {
    content: "\f02c"
}

.fa-icon-book::before {
    content: "\f02d"
}

.fa-icon-bookmark::before {
    content: "\f02e"
}

.fa-icon-print::before {
    content: "\f02f"
}

.fa-icon-camera::before {
    content: "\f030"
}

.fa-icon-font::before {
    content: "\f031"
}

.fa-icon-bold::before {
    content: "\f032"
}

.fa-icon-italic::before {
    content: "\f033"
}

.fa-icon-text-height::before {
    content: "\f034"
}

.fa-icon-text-width::before {
    content: "\f035"
}

.fa-icon-align-left::before {
    content: "\f036"
}

.fa-icon-align-center::before {
    content: "\f037"
}

.fa-icon-align-right::before {
    content: "\f038"
}

.fa-icon-align-justify::before {
    content: "\f039"
}

.fa-icon-list::before {
    content: "\f03a"
}

.fa-icon-dedent::before,
.fa-icon-outdent::before {
    content: "\f03b"
}

.fa-icon-indent::before {
    content: "\f03c"
}

.fa-icon-video-camera::before {
    content: "\f03d"
}

.fa-icon-photo::before,
.fa-icon-image::before,
.fa-icon-picture-o::before {
    content: "\f03e"
}

.fa-icon-pencil::before {
    content: "\f040"
}

.fa-icon-map-marker::before {
    content: "\f041"
}

.fa-icon-adjust::before {
    content: "\f042"
}

.fa-icon-tint::before {
    content: "\f043"
}

.fa-icon-edit::before,
.fa-icon-pencil-square-o::before {
    content: "\f044"
}

.fa-icon-share-square-o::before {
    content: "\f045"
}

.fa-icon-check-square-o::before {
    content: "\f046"
}

.fa-icon-arrows::before {
    content: "\f047"
}

.fa-icon-step-backward::before {
    content: "\f048"
}

.fa-icon-fast-backward::before {
    content: "\f049"
}

.fa-icon-backward::before {
    content: "\f04a"
}

.fa-icon-play::before {
    content: "\f04b"
}

.fa-icon-pause::before {
    content: "\f04c"
}

.fa-icon-stop::before {
    content: "\f04d"
}

.fa-icon-forward::before {
    content: "\f04e"
}

.fa-icon-fast-forward::before {
    content: "\f050"
}

.fa-icon-step-forward::before {
    content: "\f051"
}

.fa-icon-eject::before {
    content: "\f052"
}

.fa-icon-chevron-left::before {
    content: "\f053"
}

.fa-icon-chevron-right::before {
    content: "\f054"
}

.fa-icon-plus-circle::before {
    content: "\f055"
}

.fa-icon-minus-circle::before {
    content: "\f056"
}

.fa-icon-times-circle::before {
    content: "\f057"
}

.fa-icon-check-circle::before {
    content: "\f058"
}

.fa-icon-question-circle::before {
    content: "\f059"
}

.fa-icon-info-circle::before {
    content: "\f05a"
}

.fa-icon-crosshairs::before {
    content: "\f05b"
}

.fa-icon-times-circle-o::before {
    content: "\f05c"
}

.fa-icon-check-circle-o::before {
    content: "\f05d"
}

.fa-icon-ban::before {
    content: "\f05e"
}

.fa-icon-arrow-left::before {
    content: "\f060"
}

.fa-icon-arrow-right::before {
    content: "\f061"
}

.fa-icon-arrow-up::before {
    content: "\f062"
}

.fa-icon-arrow-down::before {
    content: "\f063"
}

.fa-icon-mail-forward::before,
.fa-icon-share::before {
    content: "\f064"
}

.fa-icon-expand::before {
    content: "\f065"
}

.fa-icon-compress::before {
    content: "\f066"
}

.fa-icon-plus::before {
    content: "\f067"
}

.fa-icon-minus::before {
    content: "\f068"
}

.fa-icon-asterisk::before {
    content: "\f069"
}

.fa-icon-exclamation-circle::before {
    content: "\f06a"
}

.fa-icon-gift::before {
    content: "\f06b"
}

.fa-icon-leaf::before {
    content: "\f06c"
}

.fa-icon-fire::before {
    content: "\f06d"
}

.fa-icon-eye::before {
    content: "\f06e"
}

.fa-icon-eye-slash::before {
    content: "\f070"
}

.fa-icon-warning::before,
.fa-icon-exclamation-triangle::before {
    content: "\f071"
}

.fa-icon-plane::before {
    content: "\f072"
}

.fa-icon-calendar::before {
    content: "\f073"
}

.fa-icon-random::before {
    content: "\f074"
}

.fa-icon-comment::before {
    content: "\f075"
}

.fa-icon-magnet::before {
    content: "\f076"
}

.fa-icon-chevron-up::before {
    content: "\f077"
}

.fa-icon-chevron-down::before {
    content: "\f078"
}

.fa-icon-retweet::before {
    content: "\f079"
}

.fa-icon-shopping-cart::before {
    content: "\f07a"
}

.fa-icon-folder::before {
    content: "\f07b"
}

.fa-icon-folder-open::before {
    content: "\f07c"
}

.fa-icon-arrows-v::before {
    content: "\f07d"
}

.fa-icon-arrows-h::before {
    content: "\f07e"
}

.fa-icon-bar-chart-o::before,
.fa-icon-bar-chart::before {
    content: "\f080"
}

.fa-icon-twitter-square::before {
    content: "\f081"
}

.fa-icon-facebook-square::before {
    content: "\f082"
}

.fa-icon-camera-retro::before {
    content: "\f083"
}

.fa-icon-key::before {
    content: "\f084"
}

.fa-icon-gears::before,
.fa-icon-cogs::before {
    content: "\f085"
}

.fa-icon-comments::before {
    content: "\f086"
}

.fa-icon-thumbs-o-up::before {
    content: "\f087"
}

.fa-icon-thumbs-o-down::before {
    content: "\f088"
}

.fa-icon-star-half::before {
    content: "\f089"
}

.fa-icon-heart-o::before {
    content: "\f08a"
}

.fa-icon-sign-out::before {
    content: "\f08b"
}

.fa-icon-linkedin-square::before {
    content: "\f08c"
}

.fa-icon-thumb-tack::before {
    content: "\f08d"
}

.fa-icon-external-link::before {
    content: "\f08e"
}

.fa-icon-sign-in::before {
    content: "\f090"
}

.fa-icon-trophy::before {
    content: "\f091"
}

.fa-icon-github-square::before {
    content: "\f092"
}

.fa-icon-upload::before {
    content: "\f093"
}

.fa-icon-lemon-o::before {
    content: "\f094"
}

.fa-icon-phone::before {
    content: "\f095"
}

.fa-icon-square-o::before {
    content: "\f096"
}

.fa-icon-bookmark-o::before {
    content: "\f097"
}

.fa-icon-phone-square::before {
    content: "\f098"
}

.fa-icon-twitter::before {
    content: "\f099"
}

.fa-icon-facebook::before {
    content: "\f09a"
}

.fa-icon-github::before {
    content: "\f09b"
}

.fa-icon-unlock::before {
    content: "\f09c"
}

.fa-icon-credit-card::before {
    content: "\f09d"
}

.fa-icon-rss::before {
    content: "\f09e"
}

.fa-icon-hdd-o::before {
    content: "\f0a0"
}

.fa-icon-bullhorn::before {
    content: "\f0a1"
}

.fa-icon-bell::before {
    content: "\f0f3"
}

.fa-icon-certificate::before {
    content: "\f0a3"
}

.fa-icon-hand-o-right::before {
    content: "\f0a4"
}

.fa-icon-hand-o-left::before {
    content: "\f0a5"
}

.fa-icon-hand-o-up::before {
    content: "\f0a6"
}

.fa-icon-hand-o-down::before {
    content: "\f0a7"
}

.fa-icon-arrow-circle-left::before {
    content: "\f0a8"
}

.fa-icon-arrow-circle-right::before {
    content: "\f0a9"
}

.fa-icon-arrow-circle-up::before {
    content: "\f0aa"
}

.fa-icon-arrow-circle-down::before {
    content: "\f0ab"
}

.fa-icon-globe::before {
    content: "\f0ac"
}

.fa-icon-wrench::before {
    content: "\f0ad"
}

.fa-icon-tasks::before {
    content: "\f0ae"
}

.fa-icon-filter::before {
    content: "\f0b0"
}

.fa-icon-briefcase::before {
    content: "\f0b1"
}

.fa-icon-arrows-alt::before {
    content: "\f0b2"
}

.fa-icon-group::before,
.fa-icon-users::before {
    content: "\f0c0"
}

.fa-icon-chain::before,
.fa-icon-link::before {
    content: "\f0c1"
}

.fa-icon-cloud::before {
    content: "\f0c2"
}

.fa-icon-flask::before {
    content: "\f0c3"
}

.fa-icon-cut::before,
.fa-icon-scissors::before {
    content: "\f0c4"
}

.fa-icon-copy::before,
.fa-icon-files-o::before {
    content: "\f0c5"
}

.fa-icon-paperclip::before {
    content: "\f0c6"
}

.fa-icon-save::before,
.fa-icon-floppy-o::before {
    content: "\f0c7"
}

.fa-icon-square::before {
    content: "\f0c8"
}

.fa-icon-navicon::before,
.fa-icon-reorder::before,
.fa-icon-bars::before {
    content: "\f0c9"
}

.fa-icon-list-ul::before {
    content: "\f0ca"
}

.fa-icon-list-ol::before {
    content: "\f0cb"
}

.fa-icon-strikethrough::before {
    content: "\f0cc"
}

.fa-icon-underline::before {
    content: "\f0cd"
}

.fa-icon-table::before {
    content: "\f0ce"
}

.fa-icon-magic::before {
    content: "\f0d0"
}

.fa-icon-truck::before {
    content: "\f0d1"
}

.fa-icon-pinterest::before {
    content: "\f0d2"
}

.fa-icon-pinterest-square::before {
    content: "\f0d3"
}

.fa-icon-google-plus-square::before {
    content: "\f0d4"
}

.fa-icon-google-plus::before {
    content: "\f0d5"
}

.fa-icon-money::before {
    content: "\f0d6"
}

.fa-icon-caret-down::before {
    content: "\f0d7"
}

.fa-icon-caret-up::before {
    content: "\f0d8"
}

.fa-icon-caret-left::before {
    content: "\f0d9"
}

.fa-icon-caret-right::before {
    content: "\f0da"
}

.fa-icon-columns::before {
    content: "\f0db"
}

.fa-icon-unsorted::before,
.fa-icon-sort::before {
    content: "\f0dc"
}

.fa-icon-sort-down::before,
.fa-icon-sort-desc::before {
    content: "\f0dd"
}

.fa-icon-sort-up::before,
.fa-icon-sort-asc::before {
    content: "\f0de"
}

.fa-icon-envelope::before {
    content: "\f0e0"
}

.fa-icon-linkedin::before {
    content: "\f0e1"
}

.fa-icon-rotate-left::before,
.fa-icon-undo::before {
    content: "\f0e2"
}

.fa-icon-legal::before,
.fa-icon-gavel::before {
    content: "\f0e3"
}

.fa-icon-dashboard::before,
.fa-icon-tachometer::before {
    content: "\f0e4"
}

.fa-icon-comment-o::before {
    content: "\f0e5"
}

.fa-icon-comments-o::before {
    content: "\f0e6"
}

.fa-icon-flash::before,
.fa-icon-bolt::before {
    content: "\f0e7"
}

.fa-icon-sitemap::before {
    content: "\f0e8"
}

.fa-icon-umbrella::before {
    content: "\f0e9"
}

.fa-icon-paste::before,
.fa-icon-clipboard::before {
    content: "\f0ea"
}

.fa-icon-lightbulb-o::before {
    content: "\f0eb"
}

.fa-icon-exchange::before {
    content: "\f0ec"
}

.fa-icon-cloud-download::before {
    content: "\f0ed"
}

.fa-icon-cloud-upload::before {
    content: "\f0ee"
}

.fa-icon-user-md::before {
    content: "\f0f0"
}

.fa-icon-stethoscope::before {
    content: "\f0f1"
}

.fa-icon-suitcase::before {
    content: "\f0f2"
}

.fa-icon-bell-o::before {
    content: "\f0a2"
}

.fa-icon-coffee::before {
    content: "\f0f4"
}

.fa-icon-cutlery::before {
    content: "\f0f5"
}

.fa-icon-file-text-o::before {
    content: "\f0f6"
}

.fa-icon-building-o::before {
    content: "\f0f7"
}

.fa-icon-hospital-o::before {
    content: "\f0f8"
}

.fa-icon-ambulance::before {
    content: "\f0f9"
}

.fa-icon-medkit::before {
    content: "\f0fa"
}

.fa-icon-fighter-jet::before {
    content: "\f0fb"
}

.fa-icon-beer::before {
    content: "\f0fc"
}

.fa-icon-h-square::before {
    content: "\f0fd"
}

.fa-icon-plus-square::before {
    content: "\f0fe"
}

.fa-icon-angle-double-left::before {
    content: "\f100"
}

.fa-icon-angle-double-right::before {
    content: "\f101"
}

.fa-icon-angle-double-up::before {
    content: "\f102"
}

.fa-icon-angle-double-down::before {
    content: "\f103"
}

.fa-icon-angle-left::before {
    content: "\f104"
}

.fa-icon-angle-right::before {
    content: "\f105"
}

.fa-icon-angle-up::before {
    content: "\f106"
}

.fa-icon-angle-down::before {
    content: "\f107"
}

.fa-icon-desktop::before {
    content: "\f108"
}

.fa-icon-laptop::before {
    content: "\f109"
}

.fa-icon-tablet::before {
    content: "\f10a"
}

.fa-icon-mobile-phone::before,
.fa-icon-mobile::before {
    content: "\f10b"
}

.fa-icon-circle-o::before {
    content: "\f10c"
}

.fa-icon-quote-left::before {
    content: "\f10d"
}

.fa-icon-quote-right::before {
    content: "\f10e"
}

.fa-icon-spinner::before {
    content: "\f110"
}

.fa-icon-circle::before {
    content: "\f111"
}

.fa-icon-mail-reply::before,
.fa-icon-reply::before {
    content: "\f112"
}

.fa-icon-github-alt::before {
    content: "\f113"
}

.fa-icon-folder-o::before {
    content: "\f114"
}

.fa-icon-folder-open-o::before {
    content: "\f115"
}

.fa-icon-smile-o::before {
    content: "\f118"
}

.fa-icon-frown-o::before {
    content: "\f119"
}

.fa-icon-meh-o::before {
    content: "\f11a"
}

.fa-icon-gamepad::before {
    content: "\f11b"
}

.fa-icon-keyboard-o::before {
    content: "\f11c"
}

.fa-icon-flag-o::before {
    content: "\f11d"
}

.fa-icon-flag-checkered::before {
    content: "\f11e"
}

.fa-icon-terminal::before {
    content: "\f120"
}

.fa-icon-code::before {
    content: "\f121"
}

.fa-icon-mail-reply-all::before,
.fa-icon-reply-all::before {
    content: "\f122"
}

.fa-icon-star-half-empty::before,
.fa-icon-star-half-full::before,
.fa-icon-star-half-o::before {
    content: "\f123"
}

.fa-icon-location-arrow::before {
    content: "\f124"
}

.fa-icon-crop::before {
    content: "\f125"
}

.fa-icon-code-fork::before {
    content: "\f126"
}

.fa-icon-unlink::before,
.fa-icon-chain-broken::before {
    content: "\f127"
}

.fa-icon-question::before {
    content: "\f128"
}

.fa-icon-info::before {
    content: "\f129"
}

.fa-icon-exclamation::before {
    content: "\f12a"
}

.fa-icon-superscript::before {
    content: "\f12b"
}

.fa-icon-subscript::before {
    content: "\f12c"
}

.fa-icon-eraser::before {
    content: "\f12d"
}

.fa-icon-puzzle-piece::before {
    content: "\f12e"
}

.fa-icon-microphone::before {
    content: "\f130"
}

.fa-icon-microphone-slash::before {
    content: "\f131"
}

.fa-icon-shield::before {
    content: "\f132"
}

.fa-icon-calendar-o::before {
    content: "\f133"
}

.fa-icon-fire-extinguisher::before {
    content: "\f134"
}

.fa-icon-rocket::before {
    content: "\f135"
}

.fa-icon-maxcdn::before {
    content: "\f136"
}

.fa-icon-chevron-circle-left::before {
    content: "\f137"
}

.fa-icon-chevron-circle-right::before {
    content: "\f138"
}

.fa-icon-chevron-circle-up::before {
    content: "\f139"
}

.fa-icon-chevron-circle-down::before {
    content: "\f13a"
}

.fa-icon-html5::before {
    content: "\f13b"
}

.fa-icon-css3::before {
    content: "\f13c"
}

.fa-icon-anchor::before {
    content: "\f13d"
}

.fa-icon-unlock-alt::before {
    content: "\f13e"
}

.fa-icon-bullseye::before {
    content: "\f140"
}

.fa-icon-ellipsis-h::before {
    content: "\f141"
}

.fa-icon-ellipsis-v::before {
    content: "\f142"
}

.fa-icon-rss-square::before {
    content: "\f143"
}

.fa-icon-play-circle::before {
    content: "\f144"
}

.fa-icon-ticket::before {
    content: "\f145"
}

.fa-icon-minus-square::before {
    content: "\f146"
}

.fa-icon-minus-square-o::before {
    content: "\f147"
}

.fa-icon-level-up::before {
    content: "\f148"
}

.fa-icon-level-down::before {
    content: "\f149"
}

.fa-icon-check-square::before {
    content: "\f14a"
}

.fa-icon-pencil-square::before {
    content: "\f14b"
}

.fa-icon-external-link-square::before {
    content: "\f14c"
}

.fa-icon-share-square::before {
    content: "\f14d"
}

.fa-icon-compass::before {
    content: "\f14e"
}

.fa-icon-toggle-down::before,
.fa-icon-caret-square-o-down::before {
    content: "\f150"
}

.fa-icon-toggle-up::before,
.fa-icon-caret-square-o-up::before {
    content: "\f151"
}

.fa-icon-toggle-right::before,
.fa-icon-caret-square-o-right::before {
    content: "\f152"
}

.fa-icon-euro::before,
.fa-icon-eur::before {
    content: "\f153"
}

.fa-icon-gbp::before {
    content: "\f154"
}

.fa-icon-dollar::before,
.fa-icon-usd::before {
    content: "\f155"
}

.fa-icon-rupee::before,
.fa-icon-inr::before {
    content: "\f156"
}

.fa-icon-cny::before,
.fa-icon-rmb::before,
.fa-icon-yen::before,
.fa-icon-jpy::before {
    content: "\f157"
}

.fa-icon-ruble::before,
.fa-icon-rouble::before,
.fa-icon-rub::before {
    content: "\f158"
}

.fa-icon-won::before,
.fa-icon-krw::before {
    content: "\f159"
}

.fa-icon-bitcoin::before,
.fa-icon-btc::before {
    content: "\f15a"
}

.fa-icon-file::before {
    content: "\f15b"
}

.fa-icon-file-text::before {
    content: "\f15c"
}

.fa-icon-sort-alpha-asc::before {
    content: "\f15d"
}

.fa-icon-sort-alpha-desc::before {
    content: "\f15e"
}

.fa-icon-sort-amount-asc::before {
    content: "\f160"
}

.fa-icon-sort-amount-desc::before {
    content: "\f161"
}

.fa-icon-sort-numeric-asc::before {
    content: "\f162"
}

.fa-icon-sort-numeric-desc::before {
    content: "\f163"
}

.fa-icon-thumbs-up::before {
    content: "\f164"
}

.fa-icon-thumbs-down::before {
    content: "\f165"
}

.fa-icon-youtube-square::before {
    content: "\f166"
}

.fa-icon-youtube::before {
    content: "\f167"
}

.fa-icon-xing::before {
    content: "\f168"
}

.fa-icon-xing-square::before {
    content: "\f169"
}

.fa-icon-youtube-play::before {
    content: "\f16a"
}

.fa-icon-dropbox::before {
    content: "\f16b"
}

.fa-icon-stack-overflow::before {
    content: "\f16c"
}

.fa-icon-instagram::before {
    content: "\f16d"
}

.fa-icon-flickr::before {
    content: "\f16e"
}

.fa-icon-adn::before {
    content: "\f170"
}

.fa-icon-bitbucket::before {
    content: "\f171"
}

.fa-icon-bitbucket-square::before {
    content: "\f172"
}

.fa-icon-tumblr::before {
    content: "\f173"
}

.fa-icon-tumblr-square::before {
    content: "\f174"
}

.fa-icon-long-arrow-down::before {
    content: "\f175"
}

.fa-icon-long-arrow-up::before {
    content: "\f176"
}

.fa-icon-long-arrow-left::before {
    content: "\f177"
}

.fa-icon-long-arrow-right::before {
    content: "\f178"
}

.fa-icon-apple::before {
    content: "\f179"
}

.fa-icon-windows::before {
    content: "\f17a"
}

.fa-icon-android::before {
    content: "\f17b"
}

.fa-icon-linux::before {
    content: "\f17c"
}

.fa-icon-dribbble::before {
    content: "\f17d"
}

.fa-icon-skype::before {
    content: "\f17e"
}

.fa-icon-foursquare::before {
    content: "\f180"
}

.fa-icon-trello::before {
    content: "\f181"
}

.fa-icon-female::before {
    content: "\f182"
}

.fa-icon-male::before {
    content: "\f183"
}

.fa-icon-gittip::before {
    content: "\f184"
}

.fa-icon-sun-o::before {
    content: "\f185"
}

.fa-icon-moon-o::before {
    content: "\f186"
}

.fa-icon-archive::before {
    content: "\f187"
}

.fa-icon-bug::before {
    content: "\f188"
}

.fa-icon-vk::before {
    content: "\f189"
}

.fa-icon-weibo::before {
    content: "\f18a"
}

.fa-icon-renren::before {
    content: "\f18b"
}

.fa-icon-pagelines::before {
    content: "\f18c"
}

.fa-icon-stack-exchange::before {
    content: "\f18d"
}

.fa-icon-arrow-circle-o-right::before {
    content: "\f18e"
}

.fa-icon-arrow-circle-o-left::before {
    content: "\f190"
}

.fa-icon-toggle-left::before,
.fa-icon-caret-square-o-left::before {
    content: "\f191"
}

.fa-icon-dot-circle-o::before {
    content: "\f192"
}

.fa-icon-wheelchair::before {
    content: "\f193"
}

.fa-icon-vimeo-square::before {
    content: "\f194"
}

.fa-icon-turkish-lira::before,
.fa-icon-try::before {
    content: "\f195"
}

.fa-icon-plus-square-o::before {
    content: "\f196"
}

.fa-icon-space-shuttle::before {
    content: "\f197"
}

.fa-icon-slack::before {
    content: "\f198"
}

.fa-icon-envelope-square::before {
    content: "\f199"
}

.fa-icon-wordpress::before {
    content: "\f19a"
}

.fa-icon-openid::before {
    content: "\f19b"
}

.fa-icon-institution::before,
.fa-icon-bank::before,
.fa-icon-university::before {
    content: "\f19c"
}

.fa-icon-mortar-board::before,
.fa-icon-graduation-cap::before {
    content: "\f19d"
}

.fa-icon-yahoo::before {
    content: "\f19e"
}

.fa-icon-google::before {
    content: "\f1a0"
}

.fa-icon-reddit::before {
    content: "\f1a1"
}

.fa-icon-reddit-square::before {
    content: "\f1a2"
}

.fa-icon-stumbleupon-circle::before {
    content: "\f1a3"
}

.fa-icon-stumbleupon::before {
    content: "\f1a4"
}

.fa-icon-delicious::before {
    content: "\f1a5"
}

.fa-icon-digg::before {
    content: "\f1a6"
}

.fa-icon-pied-piper::before {
    content: "\f1a7"
}

.fa-icon-pied-piper-alt::before {
    content: "\f1a8"
}

.fa-icon-drupal::before {
    content: "\f1a9"
}

.fa-icon-joomla::before {
    content: "\f1aa"
}

.fa-icon-language::before {
    content: "\f1ab"
}

.fa-icon-fax::before {
    content: "\f1ac"
}

.fa-icon-building::before {
    content: "\f1ad"
}

.fa-icon-child::before {
    content: "\f1ae"
}

.fa-icon-paw::before {
    content: "\f1b0"
}

.fa-icon-spoon::before {
    content: "\f1b1"
}

.fa-icon-cube::before {
    content: "\f1b2"
}

.fa-icon-cubes::before {
    content: "\f1b3"
}

.fa-icon-behance::before {
    content: "\f1b4"
}

.fa-icon-behance-square::before {
    content: "\f1b5"
}

.fa-icon-steam::before {
    content: "\f1b6"
}

.fa-icon-steam-square::before {
    content: "\f1b7"
}

.fa-icon-recycle::before {
    content: "\f1b8"
}

.fa-icon-automobile::before,
.fa-icon-car::before {
    content: "\f1b9"
}

.fa-icon-cab::before,
.fa-icon-taxi::before {
    content: "\f1ba"
}

.fa-icon-tree::before {
    content: "\f1bb"
}

.fa-icon-spotify::before {
    content: "\f1bc"
}

.fa-icon-deviantart::before {
    content: "\f1bd"
}

.fa-icon-soundcloud::before {
    content: "\f1be"
}

.fa-icon-database::before {
    content: "\f1c0"
}

.fa-icon-file-pdf-o::before {
    content: "\f1c1"
}

.fa-icon-file-word-o::before {
    content: "\f1c2"
}

.fa-icon-file-excel-o::before {
    content: "\f1c3"
}

.fa-icon-file-powerpoint-o::before {
    content: "\f1c4"
}

.fa-icon-file-photo-o::before,
.fa-icon-file-picture-o::before,
.fa-icon-file-image-o::before {
    content: "\f1c5"
}

.fa-icon-file-zip-o::before,
.fa-icon-file-archive-o::before {
    content: "\f1c6"
}

.fa-icon-file-sound-o::before,
.fa-icon-file-audio-o::before {
    content: "\f1c7"
}

.fa-icon-file-movie-o::before,
.fa-icon-file-video-o::before {
    content: "\f1c8"
}

.fa-icon-file-code-o::before {
    content: "\f1c9"
}

.fa-icon-vine::before {
    content: "\f1ca"
}

.fa-icon-codepen::before {
    content: "\f1cb"
}

.fa-icon-jsfiddle::before {
    content: "\f1cc"
}

.fa-icon-life-bouy::before,
.fa-icon-life-buoy::before,
.fa-icon-life-saver::before,
.fa-icon-support::before,
.fa-icon-life-ring::before {
    content: "\f1cd"
}

.fa-icon-circle-o-notch::before {
    content: "\f1ce"
}

.fa-icon-ra::before,
.fa-icon-rebel::before {
    content: "\f1d0"
}

.fa-icon-ge::before,
.fa-icon-empire::before {
    content: "\f1d1"
}

.fa-icon-git-square::before {
    content: "\f1d2"
}

.fa-icon-git::before {
    content: "\f1d3"
}

.fa-icon-hacker-news::before {
    content: "\f1d4"
}

.fa-icon-tencent-weibo::before {
    content: "\f1d5"
}

.fa-icon-qq::before {
    content: "\f1d6"
}

.fa-icon-wechat::before,
.fa-icon-weixin::before {
    content: "\f1d7"
}

.fa-icon-send::before,
.fa-icon-paper-plane::before {
    content: "\f1d8"
}

.fa-icon-send-o::before,
.fa-icon-paper-plane-o::before {
    content: "\f1d9"
}

.fa-icon-history::before {
    content: "\f1da"
}

.fa-icon-circle-thin::before {
    content: "\f1db"
}

.fa-icon-header::before {
    content: "\f1dc"
}

.fa-icon-paragraph::before {
    content: "\f1dd"
}

.fa-icon-sliders::before {
    content: "\f1de"
}

.fa-icon-share-alt::before {
    content: "\f1e0"
}

.fa-icon-share-alt-square::before {
    content: "\f1e1"
}

.fa-icon-bomb::before {
    content: "\f1e2"
}

.fa-icon-soccer-ball-o::before,
.fa-icon-futbol-o::before {
    content: "\f1e3"
}

.fa-icon-tty::before {
    content: "\f1e4"
}

.fa-icon-binoculars::before {
    content: "\f1e5"
}

.fa-icon-plug::before {
    content: "\f1e6"
}

.fa-icon-slideshare::before {
    content: "\f1e7"
}

.fa-icon-twitch::before {
    content: "\f1e8"
}

.fa-icon-yelp::before {
    content: "\f1e9"
}

.fa-icon-newspaper-o::before {
    content: "\f1ea"
}

.fa-icon-wifi::before {
    content: "\f1eb"
}

.fa-icon-calculator::before {
    content: "\f1ec"
}

.fa-icon-paypal::before {
    content: "\f1ed"
}

.fa-icon-google-wallet::before {
    content: "\f1ee"
}

.fa-icon-cc-visa::before {
    content: "\f1f0"
}

.fa-icon-cc-mastercard::before {
    content: "\f1f1"
}

.fa-icon-cc-discover::before {
    content: "\f1f2"
}

.fa-icon-cc-amex::before {
    content: "\f1f3"
}

.fa-icon-cc-paypal::before {
    content: "\f1f4"
}

.fa-icon-cc-stripe::before {
    content: "\f1f5"
}

.fa-icon-bell-slash::before {
    content: "\f1f6"
}

.fa-icon-bell-slash-o::before {
    content: "\f1f7"
}

.fa-icon-trash::before {
    content: "\f1f8"
}

.fa-icon-copyright::before {
    content: "\f1f9"
}

.fa-icon-at::before {
    content: "\f1fa"
}

.fa-icon-eyedropper::before {
    content: "\f1fb"
}

.fa-icon-paint-brush::before {
    content: "\f1fc"
}

.fa-icon-birthday-cake::before {
    content: "\f1fd"
}

.fa-icon-area-chart::before {
    content: "\f1fe"
}

.fa-icon-pie-chart::before {
    content: "\f200"
}

.fa-icon-line-chart::before {
    content: "\f201"
}

.fa-icon-lastfm::before {
    content: "\f202"
}

.fa-icon-lastfm-square::before {
    content: "\f203"
}

.fa-icon-toggle-off::before {
    content: "\f204"
}

.fa-icon-toggle-on::before {
    content: "\f205"
}

.fa-icon-bicycle::before {
    content: "\f206"
}

.fa-icon-bus::before {
    content: "\f207"
}

.fa-icon-ioxhost::before {
    content: "\f208"
}

.fa-icon-angellist::before {
    content: "\f209"
}

.fa-icon-cc::before {
    content: "\f20a"
}

.fa-icon-shekel::before,
.fa-icon-sheqel::before,
.fa-icon-ils::before {
    content: "\f20b"
}

.fa-icon-meanpath::before {
    content: "\f20c"
}


@media (min-width: 768px) {
    #categories_block_left .title_block {
        margin-bottom: 0
    }
}
#categories_block_left .block_content {
    padding: 15px;
    border: 1px solid #EEE;
    margin-top: -1px
}
@media (min-width: 768px) and (max-width: 991px) {
    .block .title_block,.block h4,#layered_block_left p.title_block,#layered_block_left .layered_subtitle {
        font-size: 14px
    }
}

#categories_block_left .block_content > ul {
    font-family: "Roboto",Arial,sans-serif;
    font-weight: 400;
    text-transform: uppercase;
    margin-bottom: 0
}
#categories_block_left li {
    position: relative
}
#categories_block_left li a {
    color: #000;
    display: block;
    font-size: 12px;
    padding: 8px 35px 13px 15px;
    letter-spacing: .5px
}
#categories_block_left li ul a {
    padding: 8px 35px 8px 15px;
}
#categories_block_left li.last a {
    border-bottom: none
}
#categories_block_left li span.grower {
    position: absolute;
    right: 5px;
    top: 4px
}
#categories_block_left li span.grower.OPEN::before,#categories_block_left li span.grower.CLOSE::before {
    font-family: 'Roboto',Arial,sans-serif;
    font-weight: 300;
    border: 1px solid #000;
    display: block;
    content: "-";
    width: 25px;
    height: 25px;
    color: #000;
    line-height: 23px;
    text-align: center;
    cursor: pointer
}
#categories_block_left li span.grower.OPEN::before {
    content: "-"
}
#categories_block_left li span.grower.CLOSE::before {
    content: "+"
}
#categories_block_left li span.grower:hover + a,#categories_block_left li a:hover,#categories_block_left li a.selected {
    background: #EEE
}
#categories_block_left li li a {
    font-weight: 400;
    color: #000
}
#categories_block_left li li a::before {
    content: "\f105";
    font-family: "FontAwesome";
    padding-right: 8px
}
#categories_block_left ul li a {
    padding-left: 10px
}
#categories_block_left ul li ul li a {
    padding-left: 15px
}
#categories_block_left ul li ul li ul li a {
    padding-left: 20px
}


h1#cart_title,h1.page-heading {
    font-size: 18px !important;
    font-weight: 700;
    text-transform: uppercase;
    margin: 0 0 20px 0;
    padding: 0
}
h1.page-heading.product-listing {
    border-bottom: 1px solid #EEE;
    position: relative;
    padding: 0;
    margin: 0 0 45px 0;
    text-align: center;
    height: 22.5px
}
h1.page-heading.product-listing span {
    height: 45px;
    line-height: 45px;
    background: #FFF;
    font-size: 45px;
    font-weight: 300;
    padding: 0 45px;
    margin-bottom: -22.5px
}
@media (max-width: 991px) {
    h1.page-heading.product-listing span {
        font-size: 24px;
        font-weight: 700
    }
}
.heading-counter {
    display: none
}
.cat_desc {
    font-family: 'Roboto',Arial,sans-serif;
    font-weight: 300;
    letter-spacing: 1px;
    padding-bottom: 30px
}
.cat_desc p {
    margin-bottom: 0;
    font-size: 14px;
    line-height: 1.5m
}
ul.step {
    font-family: 'Saira Condensed',Arial,sans-serif;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    margin-bottom: 30px;
    overflow: hidden;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 18px;
    letter-spacing: 1px
}
ul.step li {
    line-height: 50px;
    margin: 0 10px 10px 0;
    float: left;
    text-align: left;
    border: 1px solid #EDEDED;
    background: #FFF
}
ul.step li span,ul.step li a {
    padding-right: 20px
}
ul.step li span em,ul.step li a em {
    background: #000;
    display: block;
    height: 50px;
    line-height: 50px;
    width: 50px;
    float: left;
    text-align: center;
    margin-right: 20px;
    color: #FFF;
    font-weight: 700;
    font-size: 20px
}
ul.step li.step_done a {
    display: block
}
ul.step li.step_done a em {
    background: #000;
    color: #FFF
}
ul.step li.step_current span em {
    background: #C83E5C;
    color: #FFF
}
ul.step li.step_todo span em {
    background: #FFF;
    color: #EDEDED;
    border-right: 1px solid #EDEDED
}
@media (max-width: 991px) {
    ul.step {
        text-align: center
    }
    ul.step li {
        float: none;
        display: inline-block
    }
}
@media (max-width: 767px) {
    ul.step {
        text-align: center
    }
    ul.step li {
        float: none;
        margin-bottom: 5px;
        display: block
    }
}


#productsSortForm,.content_sortPagiBar>div {
    margin-right: 35px
}
#productsSortForm>div {
    display: inline-block;
    vertical-align: top
}
#productsSortForm .paginationSort .paginationSortLabel {
    float: left;
    height: 35px;
    line-height: 35px;
    padding: 0 20px;
    font-size: 14px;
    border: 1px solid #efefef;
    margin-right: -1px
}
#productsSortForm .paginationSort .paginationSortLabel p {
    font-family: 'Saira Condensed',Arial,sans-serif;
    font-weight: 300
}
#productsSortForm .selectProductSort {
    height: 35px;
    line-height: 35px;
    text-transform: uppercase
}
#productsSortForm .paginationSort .paginationSortOptions {
    float: right
}
.content_sortPagiBar {
    border-bottom: 1px solid #eeeeee;
    margin-bottom: 20px;
    padding-bottom: 15px
}
.content_sortPagiBar>div,.content_sortPagiBar>form {
    display: inline-block
}
#pagination .showAllButton {
    display: none
}
.content_sortPagiBar .product-count {
    height: 35px;
    line-height: 35px;
    vertical-align: top
}
.content_sortPagiBar,.content_sortPagiBar>div,.content_sortPagiBar span,.content_sortPagiBar a {
    font-family: 'Saira Condensed',Arial,sans-serif;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 500
}
#pagination .pagination span,#pagination .pagination a {
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    font-weight: 500
}
.pagination_span_content {
    display: none
}
.carousel-reviews {
    height: 20px
}
@media (max-width: 1199px) {
    #pagination {
        float: none;
        margin: 15px 0 0 0
    }
    .content_sortPagiBar>div {
        display: inline-block
    }
    .content_sortPagiBar {
        text-align: center
    }

    .level_nd .category {
        display: block;
        width: 100%;
        margin: 5px 0;
        padding: 0;
    }
}
@media (max-width: 991px) {
    .content_sortPagiBar,.content_sortPagiBar>div,.content_sortPagiBar span,.content_sortPagiBar a {
        text-align: center
    }
    #productsSortForm,.content_sortPagiBar>div {
        margin: 0 15px 0 0
    }
    .content_sortPagiBar .product-count {
        margin-top: 15px
    }
}


.paginationBottom #pagination_bottom,.paginationTop .pagination {
    float: right;
    margin-right: 0
}


.pagination {
    padding: 0;
    margin: 0;
    border: 1px solid #EEE
}
ul.pagination {
    border: none
}
ul.pagination>li {
    display: block;
    float: left;
    margin: 0
}
ul.pagination>li>a,ul.pagination>li>span {
    display: block;
    height: 35px;
    width: 35px;
    line-height: 35px;
    position: relative;
    color: #000000;
    text-align: center;
    font-weight: 500
}
ul.pagination>li: first-child>a,ul.pagination>li: first-child>span {
    margin-left: 0
}
.pagination>li>a:hover,.pagination>li>a: focus,.pagination>li>span:hover,.pagination>li>span: focus {
    background-color: #000;
    color: #FFF
}
.pagination>li.disabled>a:hover,.pagination>li.disabled>a: focus,.pagination>li.disabled>span:hover,.pagination>li.disabled>span: focus,.pagination>li.truncate>a:hover,.pagination>li.truncate>a: focus,.pagination>li.truncate>span:hover,.pagination>li.truncate>span: focus {
    background-color: #FFF;
    color: #EEE
}
.pagination>.active>a,.pagination>.active>a:hover,.pagination>.active>a: focus,.pagination>.active>span,.pagination>.active>span:hover,.pagination>.active>span: focus {
    z-index: 2;
    color: #FFF;
    background-color: #000;
    cursor: default
}
.pagination>.disabled>span,.pagination>.disabled>a {
    color: #EEE;
    background-color: #FFF
}
.pagination>.disabled>a:hover,.pagination>.disabled>a: focus {
    color: #000 !important;
    background-color: #FFF !important
}
.kpHidden {
    visibility: hidden;
    height: 0;
    display: block;
    margin: 0;
    padding: 0
}
.pager {
    padding-left: 0;
    margin: 18px 0;
    list-style: none;
    text-align: center
}
.pager::before,.pager::after {
    content: " ";
    display: table
}
.pager::after {
    clear: both
}
.pager li {
    display: inline
}
.pager li>a,.pager li>span {
    display: inline-block;
    padding: 5px 14px;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 15px
}
.pager li>a:hover,.pager li>a: focus {
    text-decoration: none;
    background-color: #f6f6f6
}
.pager .next>a,.pager .next>span {
    float: right
}
.pager .previous>a,.pager .previous>span {
    float: left
}
.pager .disabled>a,.pager .disabled>a:hover,.pager .disabled>a: focus,.pager .disabled>span {
    color: #999999;
    background-color: #fff;
    cursor: not-allowed
}

.icon-chevron-left::before {
    content: ""
}
.icon-chevron-right::before {
    content: ""
}
.icon,[class^="icon-"] {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0,0)
}
#product_list {
    margin-bottom: 15px;
    overflow: hidden;
}
#product_list li {
    padding-bottom: 15px
}
#product_list .product-container {
    border: 1px solid transparent;
    background-color: #fff
}
#product_list .product-container:hover {
    border: 1px solid #ededed
}
#product_list .product-container a.content_img {
    display: block;
    padding: 10px
}
#product_list .product-container a.content_img img {
    display: block;
    height: 173px;
    width: auto;
    max-width: 100%;
    max-height: 100%;
    padding: 5%;
    margin: 0 auto
}
.product-container .product_name {
    text-transform: uppercase;
    height: 32px;
    overflow: hidden;
    margin: 10px 0;
    padding: 0 15px
}
.product-container .h3.product_name {
    font-weight: 500;
    line-height: 1em!important;
    font-size: 16px;
    letter-spacing: .5px;
    color: #0c0c0c;
}
.product-container .h3.product_name a,
.product-container .h3.product_name a:hover {
    color: #000;
    text-transform: uppercase;
    text-decoration: none;

}
.product-container a.quick-view-mobile {
    width: 36px;
    height: 36px;
    display: inline-block
}
.product-container img {
    display: block;
    max-width: 100%;
    width: auto;
    margin: auto;
}
.product-container .star_content img {
    display: inline-block;
    width: auto
}
.product-container .color-list-container {
    height: 25px;
    display: block
}
ul.product_list .color-list-container {
    margin-bottom: 15px;
}
@media (min-width: 1200px) {
    .col-lg-6 {
        width: 50%;
    }
    .col-lg-offset-3 {
        margin-left: 25%;
    }
}








ul.product_list.grid > li .product-container .functional-buttons .wishlist .popover {
    padding: 0;
    min-width: 160px
}
ul.product_list.grid > li .product-container .functional-buttons .wishlist .popover .popover-content {
    padding: 0;
    min-width: 158px
}
ul.product_list.grid > li .product-container .functional-buttons .wishlist .popover table {
    margin-bottom: 2px
}
ul.product_list.grid > li .product-container .functional-buttons .wishlist .popover table td:hover {
    background-color: #cccccc;
    cursor: pointer
}
[id=wishlist_button] + .popover,.wishlist_change_button + .popover {
    padding: 0;
    min-width: 150px
}
[id=wishlist_button] + .popover .popover-content,.wishlist_change_button + .popover .popover-content {
    padding: 0
}
[id=wishlist_button] + .popover table,.wishlist_change_button + .popover table {
    margin-bottom: 2px
}
[id=wishlist_button] + .popover table td:hover,.wishlist_change_button + .popover table td:hover {
    background-color: #cccccc;
    cursor: pointer
}
.buttons_bottom_block,#product_payment_logos {
    text-align: right;
    vertical-align: top
}
p.buttons_bottom_block {
    margin: 0;
    padding: 0
}
#wishlist_button_nopop {
    font-family: 'Saira Condensed',Arial,sans-serif;
    font-weight: 500;
    font-size: 14px;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    height: 50px;
    line-height: 50px;
    display: inline-block;
    background-color: #d13b59;
    padding: 0 30px;
    border-radius: 0;
    color: #FFF;
    text-decoration: none;
}
#product_payment_logos {
    display: none
}
.wishlistIcon {
    width: 36px;
    height: 36px;
    display: inline-block;
    vertical-align: middle
}
.wishlistIcon img {
    display: block;
    width: 100%;
    padding: 0 7.5px 0 0;
    height: 100%
}
.payment_module.pc-eidition {
    border: 1px solid #D6D4D4;
    border-radius: 4px;
    color: #333333;
    display: block;
    font-size: 17px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 23px;
    padding: 35px;
    position: relative;
    font-family: Arial,​Helvetica,​sans-serif;
    text-transform: none;
    text-align: left
}
.payment_module.pc-eidition .pcpm-ajax-container.error {
    border: 1px solid #f30606;
    color: #f30606;
    background: #fbe3e3;
    font-weight: normal;
    font-size: 14px;
    line-height: 18px;
    padding: 10px;
    margin: 10px 0 25px 0;
    clear: both
}
.payment_module.pc-eidition .pcpm-confirm,.payment_module.pc-eidition .pcpm-total {
    color: #333333;
    font-weight: normal;
    font-size: 14px;
    line-height: 18px;
    padding: 15px 0 15px 0
}
.payment_module.pc-eidition .pcpm-total .price {
    font-size: 14px;
    color: #000
}
.payment_module.pc-eidition div.selector span {
    font-family: "Arial","Helvetica";
    font-weight: normal
}
.payment_module.pc-eidition img {
    float: none
}
.payment_module.pc-eidition .accept_cards {
    padding: 10px 0 20px 0;
    margin: 0 0 10px 0;
    border-bottom: 1px solid #e7e7e7;
    line-height: 23px;
    vertical-align: baseline
}
.payment_module.pc-eidition .title_accept {
    font-size: 24px;
    line-height: 36px;
    font-weight: normal;
    color: #333333;
    text-transform: none;
    padding: 0;
    margin: 0 0 15px 0;
    background: none
}
.payment_module.pc-eidition .form_row {
    padding: 5px 0 10px 0
}
.payment_module.pc-eidition .form_row .half-row,.payment_module.pc-eidition .form_row.half-row {
    width: 48%
}
.payment_module.pc-eidition .form_row.f-l {
    float: left
}
.payment_module.pc-eidition .form_row.f-r {
    float: right
}
.payment_module.pc-eidition .form_row label {
    font-weight: normal;
    font-size: 14px;
    line-height: 16px;
    color: #333333;
    display: inline-block;
    margin: 0 0 5px 0;
    width: auto;
    float: none
}
.payment_module.pc-eidition .form-control,.payment_module.pc-eidition .form-control::before,.payment_module.pc-eidition .form-control::after {
    -moz-box-sizing: border-box
}
.payment_module.pc-eidition .form-control {
    height: 27px;
    font-weight: 100;
    box-shadow: none;
    padding: 3px 5px;
    background-color: #FFFFFF;
    border: 1px solid #D6D4D4;
    border-radius: 0;
    color: #9C9B9B;
    display: block;
    font-size: 13px;
    line-height: 1.42857;
    transition: border-color 0.15s ease-in-out 0s,box-shadow 0.15s ease-in-out 0s;
    vertical-align: middle;
    width: 100%;
    margin: 0
}
.payment_module.pc-eidition span.form-caption {
    font-size: 12px;
    font-weight: normal
}
.payment_module.pc-eidition .cart_navigation,#order-opc .payment_module.pc-eidition .cart_navigation {
    margin: 20px 0 0 0;
    text-align: right
}
.payment_module.pc-eidition .clear {
    clear: both
}
.payment_module.pc-eidition .cart_navigation .exclusive_large {
    border-radius: 4px;
    padding: 8px 20px;
    background: #fdd228 !important;
    font-family: Arial,​​Helvetica,​​sans-serif;
    font-size: 16px !important;
    font-weight: 700;
    font-style: normal;
    height: auto !important;
    font-size-adjust: none;
    color: #000000 !important
}
.payment_module.pc-eidition a.button_large {
    float: left;
    border-radius: 4px;
    background: #fdd228 !important;
    height: auto !important;
    font-family: Arial,​​Helvetica,​​sans-serif;
    font-size: 16px !important;
    font-weight: 700;
    font-style: normal;
    font-size-adjust: none;
    color: #000000 !important
}
.pc-iframe-dpn {
    height: 526px
}
.pc-iframe-dpn.get_address {
    height: 725px
}
.pc-iframe-dpn.adn_get_cvm {
    height: 615px
}
.pc-iframe-dpn.get_address.adn_get_cvm {
    height: 811px
}
@media (max-width: 530px) {
    .pc-iframe-dpn {
        height: 660px
    }
    .pc-iframe-dpn.adn_get_cvm {
        height: 760px
    }
    .pc-iframe-dpn.get_address {
        height: 1000px
    }
    .pc-iframe-dpn.get_address.adn_get_cvm {
        height: 1095px
    }
}
@media (max-width: 480px) {
    .payment_module.pc-eidition {
        border: 1px solid #D6D4D4;
        border-radius: 4px;
        color: #333333;
        display: block;
        font-size: 17px;
        font-weight: bold;
        letter-spacing: -1px;
        line-height: 23px;
        padding: 33px 20px 34px 20px;
        position: relative
    }
    .payment_module.pc-eidition .form_row.f-l {
        float: none
    }
    .payment_module.pc-eidition .form_row.f-r {
        float: none
    }
    .payment_module.pc-eidition .form_row.half-row {
        width: 100%
    }
}
#paypal-column-block p {
    text-align: center
}
.paypal-bold {
    font-weight: 700
}
.paypal-clear {
    clear: both
}
#paypal-wrapper .half {
    width: 44%
}
#paypal-wrapper {
    font-size: 1.1em;
    position: relative
}
#paypal-wrapper ul li {
    text-align: left
}
#paypal-wrapper hr {
    border-top: 1px solid #ccc!important;
    margin-bottom: 0;
    margin-top: 20px
}
#paypal-wrapper .toolbox {
    background: #fff2cf;
    border: 1px solid #aaa;
    color: #000;
    display: none;
    font-size: 10px;
    font-weight: 400;
    left: 730px;
    line-height: 12px;
    padding: 6px!important;
    position: absolute;
    text-transform: none;
    top: -10px!important;
    width: 180px;
    z-index: 100
}
.paypal-disabled,.paypal-disabled *,.paypal-disabled * *,.paypal-disabled * * * {
    color: #888!important
}
.paypal-disabled .paypal-button,.paypal-disabled input[type=submit] {
    background: #DDD!important;
    border: 1px solid #999!important
}
#paypal-wrapper .inline {
    display: inline;
    margin-right: 5px
}
#paypal-wrapper .box {
    margin: 6px 1%;
    padding: 12px;
    text-align: left
}
#paypal-wrapper .box ul {
    list-style: none;
    margin: 0;
    padding: 0
}
#paypal-wrapper .box ul.tick li {
    background: url(https://inglotusa.com/modules/paypal/views/css/../img/blue_tick.png) no-repeat left 3px;
    padding: 4px 26px
}
span.paypal-section {
    background: url(https://inglotusa.com/modules/paypal/views/css/../img/sprites.png) no-repeat 0 0;
    color: #FFF!important;
    float: left;
    height: 24px;
    line-height: 24px;
    margin-right: 8px;
    text-align: center;
    width: 24px
}
.paypal-disabled span.paypal-section {
    background: url(https://inglotusa.com/modules/paypal/views/css/../img/sprites.png) 0 24px
}
#paypal-slogan {
    font-size: 1.8em;
    margin: 0 0 5px;
    text-transform: uppercase
}
#paypal-slogan .light {
    color: #369
}
#paypal-slogan .dark {
    color: #036
}
#paypal-call-button {
    margin: -6px 0 0;
    padding: 0
}
#paypal-call,#paypal-call-foonote {
    background: #e1e1e1 url(https://inglotusa.com/modules/paypal/views/css/../img/bg-call-button.png) repeat-x;
    border: 1px solid #d2d2d2;
    border-left-color: #ddd;
    border-radius: 5px;
    border-right-color: #ddd;
    border-top-color: #e9e9e9;
    color: #369;
    display: block;
    margin: 0;
    padding: 10px 20px;
    width: auto
}
#paypal-call-foonote {
    background: none;
    border: none;
    font-size: .8em;
    max-width: 320px;
    padding: 2px 10px;
    text-align: justify
}
#paypal-get-identification {
    display: block;
    min-width: 378px;
    text-align: center
}
#paypal-wrapper a,#paypal-test-mode-confirmation a {
    color: #036;
    text-decoration: underline
}
#paypal-wrapper h1,#paypal-wrapper h2,#paypal-wrapper h3,#paypal-wrapper h4,#paypal-wrapper h5,#paypal-wrapper h6,#paypal-country-form h1,#paypal-test-mode-confirmation h1,#paypal-country-form h2,#paypal-test-mode-confirmation h2,#paypal-country-form h3,#paypal-test-mode-confirmation h3,#paypal-country-form h4,#paypal-test-mode-confirmation h4,#paypal-country-form h5,#paypal-test-mode-confirmation h5,#paypal-country-form h6,#paypal-test-mode-confirmation h6 {
    color: #036;
    font-family: Arial,Verdana,Helvetica,sans-serif;
    font-weight: 400;
    text-transform: uppercase
}
#paypal-country-form h3,#paypal-test-mode-confirmation h3,#paypal-wrapper h3 {
    font-size: 1.4em;
    line-height: 24px
}
#paypal-country-form h4,#paypal-test-mode-confirmation h4,#paypal-wrapper h4 {
    font-size: 1.2em;
    margin-bottom: 5px;
    text-transform: none
}
#paypal-wrapper h1.inline + img,#paypal-wrapper h2.inline + img,#paypal-wrapper h3.inline + img,#paypal-wrapper h4.inline + img,#paypal-wrapper h5.inline + img,#paypal-wrapper h6.inline + img {
    vertical-align: -6px
}
#paypal-wrapper p {
    margin-top: 10px;
    padding-bottom: 0
}
#paypal-wrapper .form-block {
    margin-top: 5px
}
#paypal-wrapper .form-block input {
    vertical-align: top
}
#paypal-wrapper dl dt {
    clear: both;
    line-height: 20px;
    margin-bottom: 2px;
    text-align: right;
    width: 220px
}
#paypal-wrapper dl dd {
    margin: 0 0 16px 10px
}
#paypal-wrapper label {
    display: inline-block;
    float: none;
    font-size: .9em;
    font-weight: 400;
    margin-bottom: 5px;
    padding-left: 6px;
    padding-top: 0;
    position: relative;
    text-align: left;
    width: auto
}
#paypal-wrapper dl dt label {
    margin: 0;
    padding: 0
}
#paypal-wrapper .description,#paypal-wrapper .paypal-signup-content {
    color: #666;
    font-size: .9em;
    font-weight: 400;
    margin: 2px 0;
    font-size: 11px;
    font-style: italic
}
label span.description {
    display: block;
    padding-left: 16px
}
#paypal-wrapper input[type=submit],#paypal-country-form button,#paypal-test-mode-confirmation button,#paypal-wrapper .paypal-button {
    background: url(https://inglotusa.com/modules/paypal/views/css/../img/bg-button.png) repeat-x;
    border: 1px solid #f29116;
    border-radius: 4px;
    color: #292929;
    cursor: pointer;
    display: inline-block;
    font-weight: 700;
    height: 25px;
    line-height: 26px;
    padding: 0 10px;
    text-decoration: none;
    text-shadow: 0 1px 1px #DDD;
    text-transform: uppercase
}
#paypal-country-form ul,#paypal-test-mode-confirmation ul {
    font-size: 1.1em;
    padding-left: 10px
}
#paypal-country-form button,#paypal-test-mode-confirmation button {
    line-height: 20px
}
#paypal-test-mode-confirmation {
    margin: 30px;
    text-align: left;
    width: 500px
}
#paypal-country-form #buttons,paypal-test-mode-confirmation#buttons {
    margin-top: 20px;
    text-align: right
}
#paypal-test-mode-confirmation button + button {
    margin-left: 20px;
    margin-right: 20px
}
#paypal-save-success,#paypal-save-failure {
    width: 450px
}
#container_express_checkout {
    margin: auto;
    text-align: left
}
#payment_paypal_express_checkout {
    cursor: pointer
}
.paypal_error span {
    color: red;
    font-weight: bolder
}
.paypal_payment_acccepted span {
    color: green;
    font-weight: bolder
}
#paypal_configuration > .box {
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0
}
#paypal-wrapper .left,#paypal-wrapper dl > * {
    float: left
}
#paypal-wrapper .right,.box ul.tick {
    float: right
}
.paypal-hide {
    display: none
}
#paypal-wrapper .merchant_id {
    margin-top: 0
}
#paypal-wrapper .merchant_id label {
    padding-left: 0
}
.inforeturn .alert {
    padding: 15px;
    margin-bottom: 18px;
    border: 1px solid transparent;
    border-radius: 0
}
.inforeturn .alert h4 {
    margin-top: 0;
    color: inherit
}
.inforeturn .alert.alert-link {
    font-weight: bold
}
.inforeturn .alert > p,.inforeturn .alert > ul {
    margin-bottom: 0
}
.inforeturn .alert > p + p {
    margin-top: 5px
}
.inforeturn .alert-dismissable {
    padding-right: 35px
}
.inforeturn .alert-dismissable.close {
    position: relative;
    top: -2px;
    right: -21px;
    color: inherit
}
.inforeturn .alert-success {
    background-color: #55c65e;
    border-color: #48b151;
    color: #fff
}
.inforeturn .alert-success hr {
    border-top-color: #419f49
}
.inforeturn .alert-success.alert-link {
    color: #e6e6e6
}
.inforeturn .alert-info {
    background-color: #5192f3;
    border-color: #4b80c3;
    color: #fff
}
.inforeturn .alert-info hr {
    border-top-color: #3d73b7
}
.inforeturn .alert-info.alert-link {
    color: #e6e6e6
}
.inforeturn .alert-warning {
    background-color: #fe9126;
    border-color: #e4752b;
    color: #fff
}
.inforeturn .alert-warning hr {
    border-top-color: #da681c
}
.inforeturn .alert-warning.alert-link {
    color: #e6e6e6
}
.inforeturn .alert-danger {
    background-color: #f3515c;
    border-color: #d4323d;
    color: #fff
}
.inforeturn .alert-danger hr {
    border-top-color: #c32933
}
.inforeturn .alert-danger.alert-link {
    color: #e6e6e6
}
.braintree-row-payment {
    padding: 5px 5px 5px 10px;
    border: solid 1px #d6d4d4;
    border-radius: 4px;
    margin: 0 0 10px 0
}
.braintree-row-payment .block_field {
    width: 46%;
    display: block;
    margin-top: 10px;
    margin-right: 1%;
    float: left
}
.braintree-row-payment .block_field.half_block_field {
    width: 20%;
    margin-right: 1%
}
.braintree-row-payment label {
    float: left;
    margin: 9px 20px 0 0;
    display: block;
    width: 200px
}
.braintree-row-payment .half_block_field .hosted_field {
    width: 100%
}
.braintree-row-payment .hosted_field {
    height: 34px;
    padding: 6px 12px 6px 12px;
    border: 1px solid #cccccc;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: rgba(0,0,0,0.0745098) 0 1px 1px 0 inset;
    box-shadow: rgba(0,0,0,0.0745098) 0 1px 1px 0 inset;
    -webkit-transition: border-color ease-in-out 0.15s,box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s,box-shadow ease-in-out 0.15s;
    float: left
}
.braintree-row-payment .braintree-hosted-fields-focused {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.6)
}
.braintree-row-payment #braintree_submit {
    margin-top: 20px;
    color: #fff;
    background-color: #337ab7;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid #2e6da4;
    border-radius: 4px;
    width: 250px;
    clear: both
}
.paypal_clear {
    clear: both
}
.braintree_logo {
    vertical-align: bottom
}
.braintree_title_bo {
    color: #000
}
.braintree_error {
    background-color: #F11;
    color: white;
    padding: 5px;
    opacity: 0.5;
    border: solid 3px red
}
#paypal-wrapper .bo_paypal_help {
    border-radius: 50%;
    border: 2px solid #036;
    width: 21px;
    display: inline-block;
    height: 21px;
    font-size: 17px;
    text-decoration: none;
    text-align: center
}
#paypal-wrapper .braintree_link {
    text-decoration: none
}
.paypal_title_pay_card {
    font-size: 17px;
    color: #333
}
.nav_trigger {
    display: none;
}
.color_to_pick_list {
    padding-left: 0;
}
.color_to_pick_list img {
    width: 20px;
}

.color-list-container ul li {
    display: inline-block;
    vertical-align: top;
    width: 24px;
    height: 24px;
    padding: 1px;
}
 .color-list-container ul li a {
    display: block;
    width: 22px;
    height: 22px;
    color: #000;
    text-decoration: none;
    line-height: 24px;
}
.color-list-container ul li a img {
    display: block;
    width: 22px;
    height: 22px;
}

.content_price {
    height: 30px;
    margin-bottom: 4px;
    overflow: hidden;
    line-height: 30px;
}
.price.product-price {
    font: 600 21px/26px "Roboto",sans-serif;
    color: #333;
}
.center {
    text-align: center;
}

.carousel_buttons_container {
    margin-bottom: 9px;
}
.carousel_buttons_container .carousel_buttons_item {
    cursor: pointer;
    display: inline-block;
    width: 36px;
    height: 36px;
    line-height: 36px;
    background-color: #dadada;
    margin: 0;
    padding: 0;
    color: #fff;
}
.product-container a.quick-view-mobile {
    width: 36px;
    height: 36px;
    display: inline-block;
}
.carousel_buttons_container .carousel_buttons_item.add_cart_button {
    background-color: #fff;
    border: 1px solid #dadada;
    width: 36px;
    height: 36px;
    line-height: 34px;
}
svg: not(: root) {
    overflow: hidden;
}
.add_cart_button_svg {
    width: 100%;
    height: 100%;
    fill: #dadada;
    padding: 6px;
    display: block;
}
.carousel_buttons_container .carousel_buttons_item img {
    padding: 0 6px;
    height: 100%;
}

.carousel_buttons_container .carousel_buttons_item:hover,
.carousel_buttons_container .carousel_buttons_item.selected {
    background-color: #d13b59
}

.carousel_buttons_container .carousel_buttons_item.add_cart_button:hover {
    background-color: #000;
    border: 1px solid #000
}


section.bottom {
    position: relative;
    padding: 50px 0 40px 0;
    background: url(https://inglotusa.com/themes/inglot/css/../img/newsletter-background.jpg) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover
}

section.bottom .newsletterOverlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
}

section.bottom .newsletterOverlay svg {
    display: block;
    width: 100%;
    height: auto
}

section.bottom .subscribeNewsletter {
    text-align: center
}

section.bottom .subscribeNewsletter .h3.subscribeNewsletterHead {
    font-size: 30px;
    font-weight: 700;
    margin-bottom: 9px;
}

section.bottom .subscribeNewsletter p.subscribeNewsletterDescription {
    letter-spacing: 0.5px;
    padding: 0 30px 30px 30px
}

section.bottom .subscribeNewsletter .subscribeNewsletterForm input {
    height: 40px;
    line-height: 40px;
    padding: 0 20px;
    margin: 0;
    border: 0;
    outline: 0;
    color: #424242
}

.clearfix {
    clear: both;
}

section.bottom .subscribeNewsletter .subscribeNewsletterForm {
    padding: 0 0 30px 0
}

section.bottom .subscribeNewsletter .subscribeNewsletterForm input: : -webkit-input-placeholder {
    color: #424242
}

section.bottom .subscribeNewsletter .subscribeNewsletterForm input: : -moz-placeholder {
    color: #424242
}

section.bottom .subscribeNewsletter .subscribeNewsletterForm input: -ms-input-placeholder {
    color: #424242
}

section.bottom .subscribeNewsletter .subscribeNewsletterForm input: -moz-placeholder {
    color: #424242
}

section.bottom .subscribeNewsletter .subscribeNewsletterForm button {
    font-family: 'Saira Condensed', Arial, sans-serif;
    font-weight: 400;
    letter-spacing: 1px;
    font-size: 14px;
    height: 40px;
    line-height: 40px;
    padding: 0 20px;
    margin: 0;
    border: 0;
    outline: 0;
    text-transform: uppercase
}

section.bottom .underSubscribeNewsletter {
    text-align: center
}


.hvr-bounce-to-bottom {
    background: #fff;
    color: #000;
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .5s;
    transition-duration: .5s
}

/*.hvr-bounce-to-bottom:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 1px;
    background: #444;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}
*/
.hvr-bounce-to-bottom:active,
.hvr-bounce-to-bottom:focus,
.hvr-bounce-to-bottom:hover {
    text-decoration: underline;
}

/*.hvr-bounce-to-bottom: active::before,
.hvr-bounce-to-bottom: focus::before,
.hvr-bounce-to-bottom:hover::before {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, .37, .66);
    transition-timing-function: cubic-bezier(0.52, 1.64, .37, .66)
}
*/

.primary_block {
    margin-bottom: 15px;
}


.productImage {
    border: 1px solid #ededed;
    position: relative;
    margin-bottom: 30px
}

.productImage .productMainImage {
    max-width: 100%;
    height: auto;
    padding: 10px
}

.productImage .biggerMainPhoto {
    position: absolute;
    right: 20px;
    top: 20px;
    background: #ededed;
    cursor: pointer;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

.productImage .biggerMainPhoto:hover {
    background: #000
}

.productImage .biggerMainPhoto img {
    display: block;
    padding: 10px
}

.productImage .productFlags {
    position: absolute;
    left: 20px;
    top: 20px
}

.productImage .productFlags span {
    display: block;
    font: bold 14px/24px "Roboto", sans-serif;
    color: #FFF;
    padding: 1px 10px;
    display: block;
    margin-bottom: 2px;
    text-transform: uppercase
}

.productImage .productFlags span.flagNew {
    color: #FFF;
    background: #065E86;
    display: block;
    margin-bottom: 1px;
    text-align: center
}

.productImage .productFlags span.flagSale {
    background: #f50057;
    color: #FFF;
    padding: 1px 10px;
    display: block;
    margin-bottom: 1px;
    text-align: center
}

.productImage .productFlags span.flagFeatured {
    background: #00c853;
    color: #FFF;
    padding: 1px 10px;
    display: block
}

.productImage .socialShare {
    border-top: 1px solid #ededed
}

.productImage .socialShare .socialShareHead h4 {
    font-size: 24px;
    font-weight: 700;
    padding-left: 20px;
    height: 50px;
    line-height: 50px;
    margin: 0;
    text-transform: uppercase
}
figure.detailPic {
    width: 100%;
    float: none;
}
figure.detailPic .owl-stage-outer {
    border: none;
}
.productImage .socialShare .socialShareIcons {
    text-align: right;
    height: 50px;
    padding-right: 20px
}

.productImage .socialShare .socialShareIcons span {
    display: inline-block;
    padding: 10px 0 0 2.5px;
    margin: 0;
    cursor: pointer
}

.productImage .socialShare .socialShareIcons span svg {
    fill: #ededed;
    fill-rule: evenodd;
    -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    -ms-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out
}

.productImage .socialShare .socialShareIcons span svg:hover {
    fill: #000
}

@media (max-width: 1199px) {
    .productImage .socialShare .socialShareHead h4 {
        font-size: 18px
    }
}

@media (max-width: 991px) {
    .productImage .socialShare .socialShareHead h4 {
        text-align: center;
        padding: 0;
        height: auto;
        font-size: 24px;
        line-height: initial;
        padding: 0;
        margin: 0 0 -10px
    }
    .productImage .socialShare .socialShareIcons {
        text-align: center;
        padding: 0;
        margin: 0
    }
    .productImage .socialShare .socialShareIcons a {
        display: inline-block;
        padding: 0 2.5px;
        margin: 0
    }
}

h1.productTitleHead {
    font-weight: 700;
    font-size: 22px;
    letter-spacing: 1px;
    margin: 0;
    padding: 0 0 5px 0
}

span.deliveryState {
    font-size: 14px
}

.productReviewsHearts {
    text-align: right
}

@media (max-width: 991px) {
    .productReviewsHearts {
        text-align: left;
        padding: 10px 0 0 0
    }
}

.productReviews p {
    font-size: 16px;
    font-weight: 700;
    margin: 0;
    padding: 0;
    text-align: right
}

.productReviews p a {
    font-size: 14px;
    font-weight: 700;
    color: #000
}

@media (max-width: 991px) {
    .productReviews p {
        text-align: left
    }
}

.productTitleReview {
    padding: 0 0 15px 0
}

.productOptions {
    padding: 15px 0 0 0
}

.productOptions ul {
    text-align: right;
    margin-bottom: 0
}

.productOptions ul li {
    display: inline-block;
    padding-right: 0;
    padding-left: 10px
}

.productOptions ul li a {
    display: block;
    text-align: center;
    margin: 0;
    padding: 0;
    position: relative
}

.productOptions ul li a img {
    height: auto;
    display: block;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

@media (max-width: 1200px) {

    header .topHeader {
        position: relative;
        padding-right: 50px;
    }

    .topHeader .mainNav {
        position: absolute;
        width: 100%;
        left: 0;
        top: 100%;
        z-index: 10;
    }

    header .bottomHeader {
        position: relative;
        z-index: 10;
        margin: 0 -20px;
    }

    header .phone_link {
        display: block;
    }

    header .phone_link .glyphicon {
        display: none;
    }

    .header-phone-text {
        display: block;
    }

    nav.navigation {
        width: 100%;
    }

    .menu-collapser {
        top: 0;
        right: 0;
        position: absolute;
        z-index: 10;
        width: auto;
        height: auto;
    }

    .collapse-button {
        width: 20px;
        height: auto;
        right: 0;
        top: -37px;
        cursor: pointer;
        border-radius: 0;
        border: 0;
        padding: 0;
    }

    .collapse-button .icon-bar {
        background-color: #000;
    }

    .navigation .nav.collapsed {
        left: -20px;
        width: 100vw;
        height: auto;
    }

    .level_nd .category:hover ul.list {
        display: none;
    }
    .level_nd .category .title.active .trigger span.ico.arr {
        transform: rotate(270deg);
        transition: transform .4s ease-in-out;
    }
    .navigation .nav.top .level_nd.uncollapsed, .navigation .nav .level_nd.uncollapsed {
        max-height: 9999px;
        display: block;
        transition: max-height .8s ease-in-out;
    }
    .navigation .nav.collapsed li {
        display: block;
        width: 100%;
        height: auto;
        color: #000;
        border-bottom: 1px solid #f5f5f5;
    }
    .navigation .nav.collapsed li a,
    .navigation .nav.collapsed li .active_link {
        display: block;
        width: 100%;
        height: auto;
        padding: 7px 0 7px 20px;
        font-size: 1em;
        text-align: left;
        text-decoration: none;
        line-height: 26px;
        border-bottom: 0;
    }
    .level_nd.uncollapsed .category {
        height: auto;
    }
    .level_nd .category ul.list.uncollapsed {
        display: block;
        background: transparent;
        width: 100%;
        position: static;
    }
    .level_nd .category ul.list.uncollapsed li {
        padding-left: 0;
    }
    .level_nd .category .title {
        height: auto;
    }
    .navigation .nav > li > a::after,
    .has_nd .delimiter {
        display: none;
    }
    .footer-block h4::before, .footer-block h4.active::before {
        display: none;
    }
    .footer-container #footer h4 {
        padding-bottom: 0;
        padding-left: 0;
    }
    .socialShareIcons.toggle-footer {
        padding-top: 15px;
    }

    .menuHeader.hvr-bounce-to-bottom.sliderMenuToggle {
        display: none!important;
    }

    .menuHeaderLink.slider-toggle-basket {
        position: relative;
        top: 8px;
    }
    .productOptions ul li a img {
        max-width: 65px
    }
    .searchProduct .controls {
        position: static;
    }
}



@media (max-width: 991px) {
    .navigation .nav.collapsed {
        margin-top: 0px;
        height: auto;
    }
    .productOptions ul {
        text-align: center;
        padding-left: 0;
    }
    .productOptions ul li {
        display: inline-block;
        padding-right: 5px;
        padding-left: 5px
    }
}

@media (max-width: 767px) {

    .productImage figure.detailPic .thumbs button.item {
        border: 1px solid #ccc;
        width: 90px;
        height: 90px;
        margin-left: 14px;
    }
    .productImage figure.detailPic .thumbs {
        padding-left: 15px;
        padding-right: 15px;
    }
    figure.detailPic .thumbs button.item.active {
        border: 1px solid #000;
    }
    figure.detailPic .thumbs button.item.active: ::before {
        display: none;
    }
    .productOptions ul li a img {
        max-width: 65px
    }
    .productOptions {
        padding: 15px
    }
    .productOptions ul {
        text-align: center;
        margin-bottom: 0
    }

    figure.detailPic .owl-stage-outer {
        float: none;
        width: auto;
        max-width: 100%;
    }
    .productImage .productMainImage {
        display: block;
        margin:  auto;
    }

}

@media (max-width: 600px) {
    #footer {
        padding-right: 15px;
        padding-left: 15px;
    }
}


.productOptions ul li a span {
    display: inline-block;
    padding-top: 10px;
    padding-bottom: 10px;
    font-family: 'Saira Condensed', Arial, sans-serif;
    font-weight: 300;
    font-size: 12px;
    color: #000;
    font-style: normal;
    letter-spacing: 1px;
    position: relative;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

.productOptions ul li a span.flag_new {
    color: #FFF;
    background: #046B99;
    font-family: "Roboto", sans-serif;
    font-weight: 700;
    padding: 0 5px;
    text-transform: uppercase;
    position: absolute;
    font-size: 12px;
    left: -5px;
    top: 5px
}

.productOptions ul li.selected a span::before {
    top: 50%;
    margin-top: -7.5px;
    left: -14px;
    position: absolute;
    content: "";
    width: 7px;
    height: 13px;
    /*background-image: url(https://inglotusa.com/themes/inglot/css/../img/icon/breadcrumb.svg);
    background-size: 7px 13px;*/
    float: left
}

.productOptions ul li.selected a span::after {
    top: 50%;
    margin-top: -7.5px;
    right: -14px;
    position: absolute;
    content: "";
    width: 7px;
    height: 13px;
    /*background-image: url(https://inglotusa.com/themes/inglot/css/../img/icon/breadcrumb.svg);
    background-size: 7px 13px;*/
    float: right;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    transform: rotate(180deg)
}

.productPrices {
    padding: 15px 0 0 0
}

.productPrices div {
    text-align: right
}

.productPrices .prices {
    display: block;
    float: right;
    padding: 10px 0
}
div.freedom {
    width: 100%;
    text-align: center;
}
div.freedom .table, div.freedom .tr, div.freedom .td {
    width: 100%;
    vertical-align: middle;
}
div.freedom .table {
    height: 100%;
}
.table {
    display: table;
}
.tr {
    display: table-row;
}
.freedom .td {
    padding: 27px 0;
}
.td {
    display: table-cell;
}
div.freedom figure.pallete {
    display: inline-block;
    width: auto;
    margin: 0;
    vertical-align: middle;
}
div.freedom section.freedom {
    display: inline-block;
    width: 230px;
    height: auto;
    float: none;
    padding: 0 0 0 10px;
    text-align: left;
    vertical-align: middle;
}
div.freedom section.freedom .h4 {
    margin-bottom: 10px;
    font-size: 1.2em;
}
div.freedom section.freedom p {
    margin: 0;
    font-size: .9em;
}

.productPrices .prices .fix span {
    font-size: 30px;
    padding: 0;
    margin: 0;
    line-height: 30px
}

.content_prices .taxDisplayLabel {
    display: none !important
}

.productPrices span.priceLabel {
    font-weight: 300;
    font-size: 20px;
    margin-right: 5px
}

.productPrices span.droppedPrice {
    font-weight: 300;
    font-size: 20px;
    text-decoration: line-through;
    color: #EDEDED;
    padding: 0 5px
}

.productPrices span.regularPrice {
    font-size: 30px;
    font-weight: 600;
    margin-right: 5px;
    line-height: 30px
}

.productPrices .unitPrice {
    clear: both
}

.productPrices .unitPrice p {
    text-transform: uppercase;
    font-size: 14px
}

@media (max-width: 991px) {
    .productPrices div {
        text-align: center
    }
    .productPrices .prices,
    .productPrices .unitPrice {
        width: 100%;
        float: none;
        text-align: center
    }
    .productPrices .ctrls.fix {
        display: block;
    }
    .productPrices .prices span,
    .productPrices div div {
        float: none;
        text-align: center;
        display: inline-block;
    }
    .productPrices div div span {
        display: inline
    }
}

.productAddToBag {
    padding: 15px 0 0;
    text-align: right
}

.productAddToBag>div>div {
    display: inline-block;
    margin: 0 0 10px 10px;
    vertical-align: top
}

.productAddToBag .productAddToBagColors .productAddToBagColorsLabel {
    float: left;
    height: 50px;
    line-height: 50px;
    padding: 0 20px;
    font-size: 14px;
    border: 1px solid #efefef;
    margin-right: -1px;
    font-family: 'Saira Condensed', Arial, sans-serif;
    font-weight: 300
}

.productAddToBag .productAddToBagColors .productAddToBagColorsLabel label {
    text-transform: uppercase
}

.productAddToBag .productAddToBagColors .productAddToBagColorsOptions {
    float: right
}

.productAddToBag .productAddToBagColors .productAddToBagColorsOptions select {
    height: 50px;
    background: transparent;
    border: 1px solid #efefef;
}

.productAddToBag .quantityWanted a.product_quantity_down,
.productAddToBag .quantityWanted a.product_quantity_up {
    height: 50px;
    width: 50px;
    border: 1px solid #efefef;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    display: block;
    float: left;
    font-family: 'Saira Condensed', Arial, sans-serif;
    font-weight: 300;
    line-height: 48px;
    padding: 0;
    margin: 0;
    outline: none;
    font-size: 22px;
    -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    -ms-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
    text-decoration: none;
    text-align: center;
    color: #000;
}


.productAddToBag .quantityWanted a.product_quantity_up {
    float: right
}

.productAddToBag .quantityWanted a.product_quantity_down:hover,
.productAddToBag .quantityWanted a.product_quantity_up:hover {
    box-shadow: none;
    background: #EEE
}

.productAddToBag .quantityWanted input {
    font-family: 'Saira Condensed', Arial, sans-serif;
    font-weight: 300;
    height: 50px;
    width: 50px;
    border: 1px solid #efefef !important;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    display: inline-block!important;
    text-align: center;
    margin: 0 -1px;
    outline: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

.productPrices .prices .fix button span {
    font-size: 14px;
}

.productAddToBag .addToBag button {
    display: inline-block;
    padding: 0 30px;
    color: #fff;
    font-family: 'Saira Condensed', Arial, sans-serif;
    font-weight: 500;
    font-size: 14px;
    letter-spacing: 1.5px;
    height: 50px;
    background: #000;
    color: #fff;
    line-height: 50px;
    border: none
}
.outOfStock span.value {
    display: inline-block;
    text-transform: uppercase;
    padding: 0 30px;
    color: #fff;
    font-family: 'Saira Condensed', Arial, sans-serif;
    font-weight: 500;
    font-size: 14px;
    letter-spacing: 1.5px;
    height: 50px;
    background: #000;
    line-height: 50px;
    border: none;
}

.productAddToBag .addToBag button: focus {
    outline: none
}

.productAddToBag .addToBag button.exclusive span::before {
    display: block;
    float: left;
    width: 25px;
    height: 100%;
    content: '';
    background-image: url(https://inglotusa.com/themes/inglot/css/../img/icon/icon-bag.svg);
    background-size: 25px 20px;
    background-repeat: no-repeat;
    background-position: center center;
    margin-right: 10px
}

.productAddToBag .addToBag button {
    text-transform: uppercase
}

.productAddToBag .addToBag button.exclusive.added span::before,
.productAddToBag .addToBag button.exclusive.disabled span::before {
    display: block;
    background-image: none;
    font-family: "FontAwesome"
}

.productAddToBag .addToBag button.exclusive.added span::before {
    content: "\f00c";
    font-size: 20px
}

.productAddToBag .addToBag button.exclusive.disabled span::before {
    font-size: 30px;
    content: "\f110";
    animation: 2s linear 0s normal none infinite spin;
    -webkit-animation: 2s linear 0s normal none infinite spin;
    -moz-animation: 2s linear 0s normal none infinite spin
}

@-moz-keyframes spin {
    0% {
        -moz-transform: rotate(0)
    }
    100% {
        -moz-transform: rotate(359deg)
    }
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(359deg)
    }
}

@-o-keyframes spin {
    0% {
        -o-transform: rotate(0)
    }
    100% {
        -o-transform: rotate(359deg)
    }
}

@-ms-keyframes spin {
    0% {
        -ms-transform: rotate(0)
    }
    100% {
        -ms-transform: rotate(359deg)
    }
}

@keyframes spin {
    0% {
        transform: rotate(0)
    }
    100% {
        transform: rotate(359deg)
    }
}

@media (max-width: 991px) {
    .productAddToBag {
        text-align: center
    }
    .productAddonHook {
        text-align: center
    }
    .buttons_bottom_block {
        text-align: center !important
    }
    #buy_block {
        text-align: center
    }
    #availability_statut,
    #pQuantityAvailable,
    #last_quantities {
        max-width: 100%;
        margin-right: 0;
        margin-left: 0;
        margin-top: 15px;
        float: none;
        text-align: center
    }
}

.productAddonHook {
    text-align: right
}

.productDescriptions {
    margin-bottom: 30px
}

.pb-right-column .productDescriptions {
    margin-top: 30px
}

@media (max-width: 767px) {
    .pb-right-column .productDescriptions {
        margin-top: 30px
    }
    .pb-right-column .productDescriptions>div {
        padding: 0 15px;
    }
}

.productDescriptions>div>div {
    border-top: 1px solid #efefef
}

.productDescriptions h3: first-child a {
    font-size: 24px;
    font-weight: 700
}

.productDescriptions h3 {
    margin: 0;
    border-left: 1px solid #efefef;
    border-right: 1px solid #efefef;
    border-bottom: 1px solid #efefef;
    font-family: 'Saira Condensed', Arial, sans-serif;
    font-weight: 300;
    font-size: 18px;
    padding: 0;
    margin: 0
}

.productDescriptions h3 a {
    display: block;
    padding: 15px 10px 15px 20px;
    margin: 0;
    text-decoration: none;
    font-weight: 700;
    position: relative;
    color: #000;
    text-transform: uppercase
}

.productDescriptions h3 a::after {
    display: block;
    content: "+";
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -12.5px;
    height: 25px;
    line-height: 23px;
    width: 25px;
    border: 1px solid #efefef;
    text-align: center;
    font-size: 24px;
    font-weight: 300;
    color: #efefef
}

.productDescriptions h3.open a::after {
    display: none;
    font-family: 'Open Sans', Arial, sans-serif;
    content: "-";
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -12.5px;
    height: 25px;
    line-height: 23px;
    width: 25px;
    border: 1px solid #efefef;
    text-align: center;
    line-height: 18px
}

.productTabs div {
    padding: 15px 10px 15px 20px;
    background: #f9f9f9;
    border-left: 1px solid #efefef;
    border-right: 1px solid #efefef;
    border-bottom: 1px solid #efefef
}

.productReviewsBottom h3.productReviewsHead {
    font-weight: 700;
    font-size: 24px;
    padding: 0 0 20px 0;
    margin: 0 0 20px 0;
    border-bottom: 1px solid #efefef
}

.productReviewsBottom .productReviewDetail {
    border-bottom: 1px solid #efefef;
    padding-bottom: 20px;
    position: relative
}

.productReviewsBottom .productReviewDetail: last-child {
    border-bottom: none
}

.productReviewsBottom .productReviewDetail .productReviewDetailTitle {
    font-family: 'Saira Condensed', Arial, sans-serif;
    font-weight: 400;
    font-size: 22px;
    margin: 20px 0 0 0;
    padding: 0
}

.productReviewsBottom .productReviewDetail .productReviewDetailTitle::before {
    display: inline-block;
    content: "";
    background-image: url(https://inglotusa.com/themes/inglot/css/../images/icon-review.svg);
    background-size: 20px 17px;
    width: 20px;
    height: 17px;
    margin-right: 10px
}

.productReviewsBottomHearts {
    position: absolute;
    top: 0;
    right: 0
}

@media (max-width: 767px) {
    .productReviewsBottomHearts {
        position: initial;
        top: initial;
        right: initial;
        padding: 10px 0
    }

}

.productReviewsBottom .productReviewDetail .commentAuthorInfos {
    font-size: 14px;
    padding: 0 0 20px 0;
    margin: 0
}

.productReviewsBottom .productReviewDetail .commentAuthorInfos em {
    background: #d13a59;
    padding: 2px 4px;
    font-weight: 300;
    font-size: 10px;
    color: #fff;
    font-style: normal
}

.productReviewsBottom .productReviewDetail .comment {
    padding: 0;
    margin: 0;
    font-size: 14px;
    letter-spacing: .5px
}

.box-security::before,
#product_payment_logos::before {
    content: " ";
    display: table
}

.box-security img {
    float: right
}

h3.page-product-heading {
    font-weight: 700;
    font-size: 24px;
    padding: 0 0 20px 0;
    margin: 0 0 20px 0;
    border-bottom: 1px solid #efefef;
    text-transform: uppercase
}

.productReviewDetail {
    border-bottom: 1px solid #efefef;
    padding-bottom: 15px;
    position: relative
}

.productReviewDetail: last-child {
    border-bottom: none
}

#product_comments_block_tab p.align_center {
    margin-top: 30px
}

.productReviewDetail .productReviewDetailTitle {
    font-family: 'Saira Condensed', Arial, sans-serif;
    font-weight: 400;
    font-size: 22px;
    margin: 20px 0 0 0;
    padding: 0;
    text-transform: uppercase
}

.productReviewDetail .productReviewDetailTitle::before {
    display: inline-block;
    content: "";
    background-image: url(https://inglotusa.com/themes/inglot/css/../img/icon/icon-review.svg);
    background-size: 20px 17px;
    width: 20px;
    height: 17px;
    margin-right: 10px
}

.productReviewsBottomHearts {
    position: absolute;
    top: 0;
    right: 0
}

@media (max-width: 767px) {
    .productReviewsBottomHearts {
        position: initial;
        top: initial;
        right: initial;
        padding: 10px 0
    }
}

.productReviewDetail .commentAuthorInfos {
    font-size: 14px;
    padding: 0 0 20px 0;
    margin: 0
}

.productReviewDetail .commentAuthorInfos em {
    background: #d13a59;
    padding: 2px 4px;
    font-weight: 300;
    font-size: 10px;
    color: #fff;
    font-style: normal
}

.productReviewDetail .comment {
    padding: 0;
    margin: 0;
    font-size: 14px;
    letter-spacing: .5px
}

#product.content_only .primary_block {
    padding: 30px;
    overflow: auto;
    margin-bottom: 0
}

#product.content_only .primary_block .pb-left-column #view_full_size img {
    max-width: 75%;
    height: auto;
    margin: 0 auto;
    display: block
}

#product.content_only .primary_block .productTitleReview>div {
    width: 100%;
    padding-right: 30px
}

#product.content_only .primary_block #views_block {
    margin-top: -22px;
    padding-bottom: 22px
}

#product.content_only .primary_block .pb-right-column .productPrices>div,
#product.content_only .primary_block .pb-right-column p,
#product.content_only .primary_block .pb-right-column .row {
    text-align: left
}

#product.content_only .primary_block .pb-right-column .productAddonHook {
    display: none
}

#product.content_only .primary_block .pb-right-column .unitPrice,
#product.content_only .primary_block .pb-right-column .content_prices.prices,
#product.content_only .primary_block .pb-right-column .content_prices.prices>div {
    float: none;
    padding-left: 0
}

#product.content_only .primary_block .pb-right-column .unitPrice p {
    font-size: 14px;
    color: #CCC
}

#short_description_block p {
    font-family: 'Saira Condensed', Arial, sans-serif;
    font-weight: 500;
    font-size: 20px;
    letter-spacing: 1px;
    margin: 0;
    padding: 0 0 10px 0
}

.productImage .socialShare {
    border-top: 1px solid #ededed
}

.productImage .socialShare .socialShareHead h4 {
    font-size: 15px;
    font-weight: 700;
    padding-left: 20px;
    height: 50px;
    line-height: 50px;
    margin: 0;
    text-transform: uppercase
}

.productImage .socialShare .socialShareIcons {
    text-align: right;
    height: 50px;
    padding-right: 20px
}

.productImage .socialShare .socialShareIcons span {
    display: inline-block;
    padding: 10px 0 0 2.5px;
    margin: 0;
    cursor: pointer
}

.productImage .socialShare .socialShareIcons span svg {
    fill: #ededed;
    fill-rule: evenodd;
    -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    -ms-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out
}

.productImage .socialShare .socialShareIcons span svg:hover {
    fill: #000
}

@media (max-width: 1199px) {
    .productImage .socialShare .socialShareHead h4 {
        font-size: 14px
    }
}

@media (max-width: 991px) {
    .productImage .socialShare .socialShareHead h4 {
        text-align: center;
        padding: 0;
        height: auto;
        font-size: 12px;
        line-height: initial;
        padding: 0;
        margin: 0 0 -10px
    }
    .productImage .socialShare .socialShareIcons {
        text-align: center;
        padding: 0;
        margin: 0
    }
    .productImage .socialShare .socialShareIcons a {
        display: inline-block;
        padding: 0 2.5px;
        margin: 0
    }
    nav.navigation {
        height: 0;
    }

    .subscription form {
        width: 100%;
        margin-left: 0;
    }
}

@media (max-width: 767px) {

    .header-text {
        display: none;
    }

    header .phone_link .glyphicon {
        display: block;
        top: -2px;
        padding: 0 8px;
    }

    .header-phone-text {
        display: none;
    }


    .product-container img {
        margin: auto;
        width: auto;
        max-width: 100%;
    }
    .controls .search {
        width: 40px;
        margin-right: 10px;
    }

    .searchProduct .controls {
        width: 41px;
    }

    section.bottom .subscribeNewsletter .subscribeNewsletterForm button {
        font-size: 12px;
    }
}



figure.detailPic .thumbs {
    height: 90px;
    overflow: hidden;
}
figure.detailPic .thumbs button.item {
    width: 90px;
    height: 90px;
}
figure.detailPic .thumbs {
    width: 100%;
    padding-left: 45px;
    padding-right: 45px;
}
.productImage .detail {
    padding-bottom: 20px;
}
.productImage .biggerMainPhoto {
    width: 40px;
    height: 40px;
    background: #ededed url(/bitrix/templates/.default/images/icon-magnifier-plus.svg) center center no-repeat;
}
.productImage .biggerMainPhoto:hover {
    background: #000 url(/bitrix/templates/.default/images/icon-magnifier-plus.svg) center center no-repeat;
}
.productImage .biggerMainPhoto img {
    display: none;
}
#quantity_wanted_p {
    margin-top: 0;
    margin-bottom: 0;
}

section.include .h4 {
    border-top: none;
    text-align: left;
}
.owl-stage li {
    list-style-type: none;
}

/*.shoppingBag .total {
    position: absolute;
    bottom: auto;
    right: 0;
    display: inline-block;
    width: auto;
    min-width: 15px;
    min-height: 15px;
    padding: 3px;
    background: #ff1d25;
    border-radius: 50%;
    font-family: 'helvetica_l';
    text-align: center;
    z-index: 20;
    height: 16px;
    top: 21px;
}

.shoppingBag .total span.value {
    display: block;
    color: #fff;
    line-height: 14px;
    margin-left: -1px;
    font-size: 10px;
    vertical-align: middle;
    margin-top: -2px;
}*/

.product-container .icos {
    position: absolute;
    top: 50px;
    right: 0;
    width: 50px;
    z-index: 26;
}
.product-container .icos span.ico {
    width: 50px;
    height: 22px;
    margin-bottom: 2px;
}

.ico {
    display: inline-block;
    background: url('/bitrix/templates/.default/css/../images/etc/sprite.png') no-repeat;
}

.product-container .icos span.ico.new {
    background-position: -42px -323px;
}
.product-container .icos span.ico.salered {
    background-position: -97px -317px;
}

@media (max-width: 768px) {
    aside.sidebar, section.content {
        width: 100%;
    }
    .sidebar .block_content {
        display: block;
    }
    #categories_block_left {
        display: none;
    }
    .sidebar  .title_block {
        border-bottom: 1px solid #EEE;
    }
    .sidebar  .title_block::after {
        cursor: pointer;
        display: block;
        font-family: 'Roboto',Arial ,sans-serif;
        font-weight: 300;
        content: "+";
        text-align: center;
        position: absolute;
        right: 5px;
        top: 50%;
        height: 30px;
        line-height: 28px;
        width: 30px;
        font-size: 30px;
        margin: -15px 0 0 0;
    }
    .sidebar .title_block.active::after {
        content: "-";
    }

}

@media (max-width: 640px) {
    header .topHeader {
        padding-right: 40px;
    }

    header .rightSide {
        gap: 10px;
    }

    .wrapper {
        padding-left: 16px;
        padding-right: 16px;
    }
}

@media (max-width: 599px) {
    .controls .search {
        margin-right: 20px;
    }
}

@media (max-width: 480px) {

    header .topHeader {
        flex-flow: column;
        gap: 0;
        padding: 20px 0 0;
        height: auto;
    }

    header .topHeader .logo {
        width: 100%;
        justify-content: center;
    }

    header .rightSide {
        margin-top: 7px;
        position: relative;
        padding: 15px 40px 15px 0;
        justify-content: flex-start;
        z-index: 2;
    }

    .navigation .menu-collapser {
        top: 10px;
    }

    #wishlist_button_nopop {
        font-size: 12px;
    }
    section.bottom .subscribeNewsletter .subscribeNewsletterForm input,
    section.bottom .subscribeNewsletter .subscribeNewsletterForm button {
        width: 100%;
        margin-bottom: 10px;
    }
    .catalog_unit.ajax_block_product {
        width: 100%;
        float: none;
    }

    #switch-location-button {
        order: -1;
        text-transform: uppercase;
        font-size: 14px;
    }

    .search_area {
        flex: unset;
    }

    header .search_form {
        position: absolute;
        z-index: 100;
        right: -105vw;
        top: 10px;
        width: 100vw;
        height: 36px;
        padding: 0 16px;
        background: #fff;
        border-width: 1px 0;
        border-style: solid;
        border-color: #000;
        transition: right 0.3s ease-in-out;
    }

    .searsh-open header .search_form {
        right: -16px;
    }

    .searsh-open .topHeader .mainNav {
        z-index: 1;
    }

    header .search_form * {
        height: 100%;
    }

    header .search_form__input {
        border: 0 none;
    }

    header .search_form__btn-search {
        display: flex;
        align-items: center;
    }

    header .search_form__btn-search .glyphicon {
        height: auto;
        font-size: 14px;
    }

    .mbl-search-toggler {
        display: block;
        font-size: 14px;
    }

    header .phone_link .glyphicon {
        font-size: 14px;
    }

    .header-icon img {
        height: 14px;
    }

}


/*Bootstrap
******************************/
.caret {position: absolute; top: 50%; right: 13px; width: 10px; height: 10px; margin-top: -5px; line-height: 10px; text-align: right;}
.caret: ::after {margin: 0; vertical-align: top;}

.dropdown {position: relative;}
.dropdown-toggle: focus {outline: 0;}
.dropdown-menu {position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 160px; padding: 0; margin: 5px 0 0; font-size: 16px; text-align: left; list-style: none; background-color: #fff; box-shadow: 0 5px 20px rgba(1,1,1,.2);}
.dropdown-menu.pull-right {right: 0; left: auto;}
.dropdown-menu .divider {height: 1px; margin: 9px 0; overflow: hidden; background-color: #e5e5e5;}
.dropdown-menu > li > a {display: block; padding: 5px 20px; clear: both; line-height: 1.6; font-weight: normal; color: #000; white-space: nowrap;
    -webkit-transition: background-color .15s;
    transition: background-color .15s;
}
.dropdown-menu > li > a:hover {color: #1b1a19; text-decoration: none; background-color: #ebebeb;}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a: focus {color: #1b1a19; text-decoration: none; background-color: #b6cfb4; outline: 0;}
.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a: focus {color: #ccc;}
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a: focus {text-decoration: none; cursor: not-allowed; background-color: transparent; background-image: none;}

.open > .dropdown-menu {display: block;}
.open > a {outline: 0;}

.dropdown-menu-right {right: 0; left: auto;}
.dropdown-menu-left {right: auto; left: 0;}
.dropdown-header {display: block; padding: 3px 20px; font-size: 12px; line-height: 1.42857143; color: #777; white-space: nowrap;}
.dropdown-backdrop {position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 990;}
.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {content: ""; /*border-top: 0; border-bottom: 4px solid;*/}
.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {top: auto; bottom: 100%; margin-bottom: 1px;}
.btn-group, .btn-group > .btn {position: relative; display: inline-block; vertical-align: middle;}
.bootstrap-select .btn .filter-option {display: inline-block; overflow: hidden; width: 100%; text-align: left;}

.bootstrap-select .dropdown-menu {min-width: 100%; z-index: 1035;}
.bootstrap-select .dropdown-menu.inner {position: static; border: 0; padding: 0; margin: 0; border-radius: 0; box-shadow: none;}
.bootstrap-select.btn-group .dropdown-menu li {position: relative;}
.bootstrap-select.btn-group .dropdown-menu li.disabled a {cursor: not-allowed;}
.bootstrap-select.btn-group .dropdown-menu li a {cursor: pointer;}
.bootstrap-select.btn-group .dropdown-menu li a.opt {position: relative; padding-left: 2.25em;}
.bootstrap-select.btn-group .dropdown-menu li a span.check-mark {display: none;}
.bootstrap-select.btn-group .dropdown-menu li a span.text {display: inline-block;}
.bootstrap-select.btn-group .dropdown-menu li small {padding-left: 0.5em;}
.bootstrap-select.btn-group .dropdown-menu .notify {position: absolute; bottom: 5px; width: 96%; margin: 0 2%; min-height: 26px; padding: 3px 5px; background: #f5f5f5; border: 1px solid #e3e3e3; pointer-events: none; opacity: .9; box-shadow: inset 0 1px 1px rgba(0,0,0,.05);}
.bootstrap-select.btn-group .no-results {padding: 3px; background: #f5f5f5; margin: 0 5px;}
.bootstrap-select.btn-group.fit-width .btn .filter-option {position: static;}
.bootstrap-select.btn-group.fit-width .btn .caret {position: static; top: auto; margin-top: -1px;}
.bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a span.check-mark {position: absolute; display: inline-block; right: 15px; margin-top: 5px;}
.bootstrap-select.btn-group.show-tick .dropdown-menu li a span.text {margin-right: 34px;}

.bootstrap-select .dropdown-menu > .selected > a, .bootstrap-select .dropdown-menu > .selected > a:hover, .bootstrap-select .dropdown-menu > .selected > a: focus {background-color: #ebddca; color: #1b1a19;}
.bootstrap-select .dropdown-menu .glyphicon {display: none; position: absolute; top: 5px; right: 5px; color: #388b00; font-size: 18px;}
.bootstrap-select .dropdown-menu > .selected .glyphicon-ok {display: none;}

/* End */
/* /bitrix/templates/.default/css/normalize.css */
/* /bitrix/templates/.default/css/grid.css */
/* /bitrix/templates/.default/css/slimmenu.css */
/* /bitrix/templates/.default/css/animate.css */
/* /bitrix/templates/.default/css/common_styles.css */
/* /local/css/glyphicon.css */
/* /local/plugins/owl.carousel/assets/owl.carousel.css */
/* /bitrix/templates/.default/css/accordion.css */
/* /bitrix/templates/.default/css/rjaccordion.css */
/* /bitrix/templates/.default/css/select.styler.css */
/* /bitrix/templates/.default/css/tabby.css */
/* /bitrix/templates/.default/css/pickmeup.css */
/* /bitrix/templates/.default/css/formstyler.css */
/* /bitrix/templates/.default/css/lightbox.css */
/* /local/css/fix.css */
/* /local/templates.kit/inglot/templates/.plugins/fields/css/theme.css */
/* /local/components/lisenkov/switchlocation/templates/.default/style.css */
/* /local/templates/inglot/styles.css */
/* /local/templates/inglot/template_styles.css */
/* /bitrix/templates/.default/css/responsive.css */
/* /bitrix/templates/.default/css/new_styles.css */