/*-- __Reset
------------------------------------------------------------*/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
strong {
  font-weight: bold;
}
em {
  font-style: italic;
}
body {
  line-height: 1;
}
ol,
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
img {
  border: none;
  -ms-interpolation-mode: bicubic;
}
textarea {
  overflow: auto;
  resize: vertical;
}
button {
  width: auto;
  overflow: visible;
  cursor: pointer;
}
button::-moz-focus-inner {
  padding: 0;
  border: 0;
}
input:focus {
  outline: none;
}
textarea:focus {
  outline: none;
}
a {
  outline: none;
}
button {
  outline: none;
}
input,
textarea {
  -webkit-appearance: none;
}
input::-ms-clear {
  display: none;
}
* {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
/*-- __Fonts
------------------------------------------------------------*/
/* Fonts path */
/* /Fonts path */
@font-face {
  font-family: 'Calibri';
  src: url('../fonts/calibri-light.eot');
  src: url('../fonts/calibri-light.eot?#iefix') format('embedded-opentype'), url('../fonts/calibri-light.woff2') format('woff2'), url('../fonts/calibri-light.woff') format('woff'), url('../fonts/calibri-light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: 'Calibri';
  src: url('../fonts/calibri-lightitalic.eot');
  src: url('../fonts/calibri-lightitalic.eot?#iefix') format('embedded-opentype'), url('../fonts/calibri-lightitalic.woff2') format('woff2'), url('../fonts/calibri-lightitalic.woff') format('woff'), url('../fonts/calibri-lightitalic.ttf') format('truetype');
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: 'Calibri';
  src: url('../fonts/calibri-regular.eot');
  src: url('../fonts/calibri-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/calibri-regular.woff2') format('woff2'), url('../fonts/calibri-regular.woff') format('woff'), url('../fonts/calibri-regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'Calibri';
  src: url('../fonts/calibri-italic.eot');
  src: url('../fonts/calibri-italic.eot?#iefix') format('embedded-opentype'), url('../fonts/calibri-italic.woff2') format('woff2'), url('../fonts/calibri-italic.woff') format('woff'), url('../fonts/calibri-italic.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: 'Calibri';
  src: url('../fonts/calibri-bold.eot');
  src: url('../fonts/calibri-bold.eot?#iefix') format('embedded-opentype'), url('../fonts/calibri-bold.woff2') format('woff2'), url('../fonts/calibri-bold.woff') format('woff'), url('../fonts/calibri-bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
}
/* Full font Roboto */
/* /Full font Roboto */
/* Full font Rodchenko */
/* /Full font Rodchenko */
/* -- END FONTS ----- */
/*-- __Icon font
------------------------------------------------------------*/
/*-- __Transitions
------------------------------------------------------------*/
/* Transition */
/* /Transition */
/* Animated */
.animated {
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}
.opacity-animated {
  -webkit-transition: opacity .3s ease;
  -moz-transition: opacity .3s ease;
  -o-transition: opacity .3s ease;
  transition: opacity .3s ease;
}
/* /Animated */
/* Arrow animation */
@keyframes bounce {
  0%,
  20%,
  50%,
  80%,
  100% {
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
/* /Arrow animation */
/* Tilt animation */
@keyframes tilt {
  0%,
  4%,
  10%,
  17%,
  25%,
  34%,
  44%,
  55%,
  69%,
  84%,
  100% {
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  2% {
    -moz-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
  }
  7% {
    -moz-transform: translateY(5px);
    -ms-transform: translateY(5px);
    -webkit-transform: translateY(5px);
    transform: translateY(5px);
  }
  13% {
    -moz-transform: translateY(-4px);
    -ms-transform: translateY(-4px);
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px);
  }
  21% {
    -moz-transform: translateY(4px);
    -ms-transform: translateY(4px);
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
  }
  29% {
    -moz-transform: translateY(-3px);
    -ms-transform: translateY(-3px);
    -webkit-transform: translateY(-3px);
    transform: translateY(-3px);
  }
  39% {
    -moz-transform: translateY(3px);
    -ms-transform: translateY(3px);
    -webkit-transform: translateY(3px);
    transform: translateY(3px);
  }
  49% {
    -moz-transform: translateY(-2px);
    -ms-transform: translateY(-2px);
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
  }
  62% {
    -moz-transform: translateY(2px);
    -ms-transform: translateY(2px);
    -webkit-transform: translateY(2px);
    transform: translateY(2px);
  }
  76% {
    -moz-transform: translateY(-1px);
    -ms-transform: translateY(-1px);
    -webkit-transform: translateY(-1px);
    transform: translateY(-1px);
  }
  92% {
    -moz-transform: translateY(1px);
    -ms-transform: translateY(1px);
    -webkit-transform: translateY(1px);
    transform: translateY(1px);
  }
}
/* /Tilt animation */
._tilt {
  -webkit-animation: tilt 1s linear 0s 1 normal;
  -moz-animation: tilt 1s linear 0s 1 normal;
  -o-animation: tilt 1s linear 0s 1 normal;
  animation: tilt 1s linear 0s 1 normal;
}
/*-- __Non-semantic helpers
------------------------------------------------------------*/
/* Clearfix */
.clear {
  width: 100%;
  clear: both;
}
.clearfix:before,
.clearfix:after {
  content: "";
  display: table;
}
.clearfix:after {
  clear: both;
}
/* /Clearfix */
/* Hidden */
.hidden {
  display: none;
}
._hidden {
  visibility: hidden;
  opacity: 0;
}
/* /Hidden */
/* Inline block */
/* /Inline block */
/* Image replacement */
.ir {
  background-color: transparent;
  border: 0;
  overflow: hidden;
}
.ir:before {
  content: "";
  display: block;
  width: 0;
  height: 150%;
}
/* /Image replacement */
/* Hide from both screenreaders and browsers */
.hidden {
  display: none !important;
  visibility: hidden;
}
/* /Hide from both screenreaders and browsers */
/* Hide only visually, but have it available for screenreaders */
.visually-hidden {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.visually-hidden.focusable:active,
.visually-hidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}
/* /Hide only visually, but have it available for screenreaders */
/* Hide visually and from screenreaders, but maintain layout */
.invisible {
  visibility: hidden;
}
/* /Hide visually and from screenreaders, but maintain layout */
/* Placeholder */
/* /Placeholder */
/* No select */
.no-select {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
/* /No select */
/*-- __Triangle
------------------------------------------------------------*/
/* /Triangle */
/*! jQuery UI - v1.11.4 - 2016-05-26
* http://jqueryui.com
* Includes: core.css, datepicker.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Arial%2CHelvetica%2Csans-serif&fsDefault=1em&fwDefault=normal&cornerRadius=3px&bgColorHeader=e9e9e9&bgTextureHeader=flat&borderColorHeader=dddddd&fcHeader=333333&iconColorHeader=444444&bgColorContent=ffffff&bgTextureContent=flat&borderColorContent=dddddd&fcContent=333333&iconColorContent=444444&bgColorDefault=f6f6f6&bgTextureDefault=flat&borderColorDefault=c5c5c5&fcDefault=454545&iconColorDefault=777777&bgColorHover=ededed&bgTextureHover=flat&borderColorHover=cccccc&fcHover=2b2b2b&iconColorHover=555555&bgColorActive=007fff&bgTextureActive=flat&borderColorActive=003eff&fcActive=ffffff&iconColorActive=ffffff&bgColorHighlight=fffa90&bgTextureHighlight=flat&borderColorHighlight=dad55e&fcHighlight=777620&iconColorHighlight=777620&bgColorError=fddfdf&bgTextureError=flat&borderColorError=f1a899&fcError=5f3f3f&iconColorError=cc0000&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=666666&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=5px&offsetTopShadow=0px&offsetLeftShadow=0px&cornerRadiusShadow=8px
* Copyright jQuery Foundation and other contributors; Licensed MIT */
/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
  display: none;
}
.ui-helper-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.ui-helper-reset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  line-height: 1.3;
  text-decoration: none;
  font-size: 100%;
  list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
  content: "";
  display: table;
  border-collapse: collapse;
}
.ui-helper-clearfix:after {
  clear: both;
}
.ui-helper-clearfix {
  min-height: 0;
  /* support: IE7 */
}
.ui-helper-zfix {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
  filter: alpha(opacity=0);
  /* support: IE8 */
}
.ui-front {
  z-index: 100;
}
/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
  cursor: default !important;
}
/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
}
/* Misc visuals
----------------------------------*/
/* Overlays */
.ui-widget-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.ui-datepicker {
  width: 333px;
  padding: 18px 21px 13px;
  display: none;
  box-sizing: border-box;
  border: none !important;
  position: absolute !important;
  bottom: auto !important;
}
.ui-datepicker:before {
  content: "";
  position: absolute;
  right: 31px;
  bottom: -8px;
  display: block;
  width: 0;
  height: 0;
  content: '';
  border-left: 7.5px solid transparent;
  border-right: 7.5px solid transparent;
  border-top: 8px solid #ffffff;
  border-bottom: none;
}
.ui-datepicker .ui-datepicker-header {
  position: relative;
  padding: .2em 0;
  background: none;
  font: normal 500 20px/20px 'Roboto', sans-serif;
  border: none;
  padding: 0;
  color: #393939;
  margin-bottom: 24px;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  position: absolute;
  top: 2px;
  width: 28px;
  height: 28px;
  opacity: 0.5;
  -webkit-transition: opacity .3s ease;
  -moz-transition: opacity .3s ease;
  -o-transition: opacity .3s ease;
  transition: opacity .3s ease;
  cursor: pointer;
}
.ui-datepicker .ui-datepicker-prev .ui-icon,
.ui-datepicker .ui-datepicker-next .ui-icon {
  display: none;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
  border: none !important;
  opacity: 1;
}
.ui-datepicker .ui-datepicker-prev,
#ui-datepicker-div .ui-datepicker-prev-hover {
  left: 0;
  /*.sprite(@s-calendar-prev);*/
  background-color: transparent;
}
.ui-datepicker .ui-datepicker-next,
#ui-datepicker-div .ui-datepicker-next-hover {
  right: 0;
  /*.sprite(@s-calendar-next);*/
  background-color: transparent;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -8px;
  top: 50%;
  margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
  margin: 0 2.3em;
  line-height: 1.8em;
  text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
  font-size: 1em;
  margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
  width: 45%;
}
.ui-datepicker table {
  width: 100%;
  font-size: .9em;
  border-collapse: collapse;
  margin: 0 0 .4em;
}
.ui-datepicker th {
  color: #393939;
  text-align: center;
  font: normal 400 14px/20px 'Roboto', sans-serif;
  border: 0;
  padding-bottom: 17px;
}
.ui-datepicker th.ui-datepicker-week-end {
  color: #ff0000;
}
.ui-datepicker td {
  border: 0;
  padding: 1px;
  height: 40px;
  vertical-align: middle;
}
.ui-datepicker td span,
.ui-datepicker td a {
  display: block;
  color: #393939;
  font: normal 400 16px/20px 'Roboto', sans-serif;
  text-align: center;
  text-decoration: none;
  background: none !important;
  border: none !important;
  height: 40px;
  line-height: 40px;
  -webkit-transition: background .3s ease;
  -moz-transition: background .3s ease;
  -o-transition: background .3s ease;
  transition: background .3s ease;
}
.ui-datepicker td.ui-datepicker-week-end span,
.ui-datepicker td.ui-datepicker-week-end a {
  color: #ff0000;
}
.ui-datepicker-calendar td.zero a:before {
  content: "0";
}
.ui-datepicker td a.ui-state-highlight {
  color: #393939 !important;
}
.ui-datepicker td a:hover,
.ui-datepicker td a.ui-state-active {
  background: #f4f4f4 !important;
  color: #393939 !important;
}
.ui-datepicker td.ui-datepicker-week-end a:hover,
.ui-datepicker td.ui-datepicker-week-end a.ui-state-active {
  background: #f4f4f4 !important;
  color: #ff0000 !important;
}
.ui-datepicker .ui-datepicker-buttonpane {
  background-image: none;
  margin: .7em 0 0 0;
  padding: 0 .2em;
  border-left: 0;
  border-right: 0;
  border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
  float: right;
  margin: .5em .2em .4em;
  cursor: pointer;
  padding: .2em .6em .3em .6em;
  width: auto;
  overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: left;
}
/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
  width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
  float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
  width: 95%;
  margin: 0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
  width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
  width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
  width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
  border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
  clear: left;
}
.ui-datepicker-row-break {
  clear: both;
  width: 100%;
  font-size: 0;
}
/* RTL support */
.ui-datepicker-rtl {
  direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
  right: 2px;
  left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
  left: 2px;
  right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
  right: 1px;
  left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
  left: 1px;
  right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
  clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
  float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
  float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
  border-right-width: 0;
  border-left-width: 1px;
}
/* Component containers
----------------------------------*/
.ui-widget {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
}
.ui-widget .ui-widget {
  font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
}
.ui-widget-content {
  border: 1px solid #dddddd;
  background: #ffffff;
  color: #333333;
}
.ui-widget-content a {
  color: #333333;
}
.ui-widget-header {
  border: 1px solid #dddddd;
  background: #e9e9e9;
  color: #333333;
  font-weight: bold;
}
.ui-widget-header a {
  color: #333333;
}
/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
  border: 1px solid #c5c5c5;
  background: #f6f6f6;
  font-weight: normal;
  color: #454545;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
  color: #454545;
  text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
  border: 1px solid #cccccc;
  background: #ededed;
  font-weight: normal;
  color: #2b2b2b;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited {
  color: #2b2b2b;
  text-decoration: none;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
  border: 1px solid #003eff;
  background: #007fff;
  font-weight: normal;
  color: #ffffff;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
  color: #ffffff;
  text-decoration: none;
}
/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
  border: 1px solid #dad55e;
  background: #fffa90;
  color: #777620;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
  color: #777620;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
  border: 1px solid #f1a899;
  background: #fddfdf;
  color: #5f3f3f;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
  color: #5f3f3f;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
  color: #5f3f3f;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
  font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
  opacity: .7;
  filter: alpha(opacity=70);
  /* support: IE8 */
  font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
  opacity: .35;
  filter: alpha(opacity=35);
  /* support: IE8 */
  background-image: none;
}
.ui-state-disabled .ui-icon {
  filter: alpha(opacity=35);
  /* support: IE8 - See #6059 */
}
/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
  width: 16px;
  height: 16px;
}
/* positioning */
.ui-icon-blank {
  background-position: 16px 16px;
}
.ui-icon-carat-1-n {
  background-position: 0 0;
}
.ui-icon-carat-1-ne {
  background-position: -16px 0;
}
.ui-icon-carat-1-e {
  background-position: -32px 0;
}
.ui-icon-carat-1-se {
  background-position: -48px 0;
}
.ui-icon-carat-1-s {
  background-position: -64px 0;
}
.ui-icon-carat-1-sw {
  background-position: -80px 0;
}
.ui-icon-carat-1-w {
  background-position: -96px 0;
}
.ui-icon-carat-1-nw {
  background-position: -112px 0;
}
.ui-icon-carat-2-n-s {
  background-position: -128px 0;
}
.ui-icon-carat-2-e-w {
  background-position: -144px 0;
}
.ui-icon-triangle-1-n {
  background-position: 0 -16px;
}
.ui-icon-triangle-1-ne {
  background-position: -16px -16px;
}
.ui-icon-triangle-1-e {
  background-position: -32px -16px;
}
.ui-icon-triangle-1-se {
  background-position: -48px -16px;
}
.ui-icon-triangle-1-s {
  background-position: -64px -16px;
}
.ui-icon-triangle-1-sw {
  background-position: -80px -16px;
}
.ui-icon-triangle-1-w {
  background-position: -96px -16px;
}
.ui-icon-triangle-1-nw {
  background-position: -112px -16px;
}
.ui-icon-triangle-2-n-s {
  background-position: -128px -16px;
}
.ui-icon-triangle-2-e-w {
  background-position: -144px -16px;
}
.ui-icon-arrow-1-n {
  background-position: 0 -32px;
}
.ui-icon-arrow-1-ne {
  background-position: -16px -32px;
}
.ui-icon-arrow-1-e {
  background-position: -32px -32px;
}
.ui-icon-arrow-1-se {
  background-position: -48px -32px;
}
.ui-icon-arrow-1-s {
  background-position: -64px -32px;
}
.ui-icon-arrow-1-sw {
  background-position: -80px -32px;
}
.ui-icon-arrow-1-w {
  background-position: -96px -32px;
}
.ui-icon-arrow-1-nw {
  background-position: -112px -32px;
}
.ui-icon-arrow-2-n-s {
  background-position: -128px -32px;
}
.ui-icon-arrow-2-ne-sw {
  background-position: -144px -32px;
}
.ui-icon-arrow-2-e-w {
  background-position: -160px -32px;
}
.ui-icon-arrow-2-se-nw {
  background-position: -176px -32px;
}
.ui-icon-arrowstop-1-n {
  background-position: -192px -32px;
}
.ui-icon-arrowstop-1-e {
  background-position: -208px -32px;
}
.ui-icon-arrowstop-1-s {
  background-position: -224px -32px;
}
.ui-icon-arrowstop-1-w {
  background-position: -240px -32px;
}
.ui-icon-arrowthick-1-n {
  background-position: 0 -48px;
}
.ui-icon-arrowthick-1-ne {
  background-position: -16px -48px;
}
.ui-icon-arrowthick-1-e {
  background-position: -32px -48px;
}
.ui-icon-arrowthick-1-se {
  background-position: -48px -48px;
}
.ui-icon-arrowthick-1-s {
  background-position: -64px -48px;
}
.ui-icon-arrowthick-1-sw {
  background-position: -80px -48px;
}
.ui-icon-arrowthick-1-w {
  background-position: -96px -48px;
}
.ui-icon-arrowthick-1-nw {
  background-position: -112px -48px;
}
.ui-icon-arrowthick-2-n-s {
  background-position: -128px -48px;
}
.ui-icon-arrowthick-2-ne-sw {
  background-position: -144px -48px;
}
.ui-icon-arrowthick-2-e-w {
  background-position: -160px -48px;
}
.ui-icon-arrowthick-2-se-nw {
  background-position: -176px -48px;
}
.ui-icon-arrowthickstop-1-n {
  background-position: -192px -48px;
}
.ui-icon-arrowthickstop-1-e {
  background-position: -208px -48px;
}
.ui-icon-arrowthickstop-1-s {
  background-position: -224px -48px;
}
.ui-icon-arrowthickstop-1-w {
  background-position: -240px -48px;
}
.ui-icon-arrowreturnthick-1-w {
  background-position: 0 -64px;
}
.ui-icon-arrowreturnthick-1-n {
  background-position: -16px -64px;
}
.ui-icon-arrowreturnthick-1-e {
  background-position: -32px -64px;
}
.ui-icon-arrowreturnthick-1-s {
  background-position: -48px -64px;
}
.ui-icon-arrowreturn-1-w {
  background-position: -64px -64px;
}
.ui-icon-arrowreturn-1-n {
  background-position: -80px -64px;
}
.ui-icon-arrowreturn-1-e {
  background-position: -96px -64px;
}
.ui-icon-arrowreturn-1-s {
  background-position: -112px -64px;
}
.ui-icon-arrowrefresh-1-w {
  background-position: -128px -64px;
}
.ui-icon-arrowrefresh-1-n {
  background-position: -144px -64px;
}
.ui-icon-arrowrefresh-1-e {
  background-position: -160px -64px;
}
.ui-icon-arrowrefresh-1-s {
  background-position: -176px -64px;
}
.ui-icon-arrow-4 {
  background-position: 0 -80px;
}
.ui-icon-arrow-4-diag {
  background-position: -16px -80px;
}
.ui-icon-extlink {
  background-position: -32px -80px;
}
.ui-icon-newwin {
  background-position: -48px -80px;
}
.ui-icon-refresh {
  background-position: -64px -80px;
}
.ui-icon-shuffle {
  background-position: -80px -80px;
}
.ui-icon-transfer-e-w {
  background-position: -96px -80px;
}
.ui-icon-transferthick-e-w {
  background-position: -112px -80px;
}
.ui-icon-folder-collapsed {
  background-position: 0 -96px;
}
.ui-icon-folder-open {
  background-position: -16px -96px;
}
.ui-icon-document {
  background-position: -32px -96px;
}
.ui-icon-document-b {
  background-position: -48px -96px;
}
.ui-icon-note {
  background-position: -64px -96px;
}
.ui-icon-mail-closed {
  background-position: -80px -96px;
}
.ui-icon-mail-open {
  background-position: -96px -96px;
}
.ui-icon-suitcase {
  background-position: -112px -96px;
}
.ui-icon-comment {
  background-position: -128px -96px;
}
.ui-icon-person {
  background-position: -144px -96px;
}
.ui-icon-print {
  background-position: -160px -96px;
}
.ui-icon-trash {
  background-position: -176px -96px;
}
.ui-icon-locked {
  background-position: -192px -96px;
}
.ui-icon-unlocked {
  background-position: -208px -96px;
}
.ui-icon-bookmark {
  background-position: -224px -96px;
}
.ui-icon-tag {
  background-position: -240px -96px;
}
.ui-icon-home {
  background-position: 0 -112px;
}
.ui-icon-flag {
  background-position: -16px -112px;
}
.ui-icon-calendar {
  background-position: -32px -112px;
}
.ui-icon-cart {
  background-position: -48px -112px;
}
.ui-icon-pencil {
  background-position: -64px -112px;
}
.ui-icon-clock {
  background-position: -80px -112px;
}
.ui-icon-disk {
  background-position: -96px -112px;
}
.ui-icon-calculator {
  background-position: -112px -112px;
}
.ui-icon-zoomin {
  background-position: -128px -112px;
}
.ui-icon-zoomout {
  background-position: -144px -112px;
}
.ui-icon-search {
  background-position: -160px -112px;
}
.ui-icon-wrench {
  background-position: -176px -112px;
}
.ui-icon-gear {
  background-position: -192px -112px;
}
.ui-icon-heart {
  background-position: -208px -112px;
}
.ui-icon-star {
  background-position: -224px -112px;
}
.ui-icon-link {
  background-position: -240px -112px;
}
.ui-icon-cancel {
  background-position: 0 -128px;
}
.ui-icon-plus {
  background-position: -16px -128px;
}
.ui-icon-plusthick {
  background-position: -32px -128px;
}
.ui-icon-minus {
  background-position: -48px -128px;
}
.ui-icon-minusthick {
  background-position: -64px -128px;
}
.ui-icon-close {
  background-position: -80px -128px;
}
.ui-icon-closethick {
  background-position: -96px -128px;
}
.ui-icon-key {
  background-position: -112px -128px;
}
.ui-icon-lightbulb {
  background-position: -128px -128px;
}
.ui-icon-scissors {
  background-position: -144px -128px;
}
.ui-icon-clipboard {
  background-position: -160px -128px;
}
.ui-icon-copy {
  background-position: -176px -128px;
}
.ui-icon-contact {
  background-position: -192px -128px;
}
.ui-icon-image {
  background-position: -208px -128px;
}
.ui-icon-video {
  background-position: -224px -128px;
}
.ui-icon-script {
  background-position: -240px -128px;
}
.ui-icon-alert {
  background-position: 0 -144px;
}
.ui-icon-info {
  background-position: -16px -144px;
}
.ui-icon-notice {
  background-position: -32px -144px;
}
.ui-icon-help {
  background-position: -48px -144px;
}
.ui-icon-check {
  background-position: -64px -144px;
}
.ui-icon-bullet {
  background-position: -80px -144px;
}
.ui-icon-radio-on {
  background-position: -96px -144px;
}
.ui-icon-radio-off {
  background-position: -112px -144px;
}
.ui-icon-pin-w {
  background-position: -128px -144px;
}
.ui-icon-pin-s {
  background-position: -144px -144px;
}
.ui-icon-play {
  background-position: 0 -160px;
}
.ui-icon-pause {
  background-position: -16px -160px;
}
.ui-icon-seek-next {
  background-position: -32px -160px;
}
.ui-icon-seek-prev {
  background-position: -48px -160px;
}
.ui-icon-seek-end {
  background-position: -64px -160px;
}
.ui-icon-seek-start {
  background-position: -80px -160px;
}
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first {
  background-position: -80px -160px;
}
.ui-icon-stop {
  background-position: -96px -160px;
}
.ui-icon-eject {
  background-position: -112px -160px;
}
.ui-icon-volume-off {
  background-position: -128px -160px;
}
.ui-icon-volume-on {
  background-position: -144px -160px;
}
.ui-icon-power {
  background-position: 0 -176px;
}
.ui-icon-signal-diag {
  background-position: -16px -176px;
}
.ui-icon-signal {
  background-position: -32px -176px;
}
.ui-icon-battery-0 {
  background-position: -48px -176px;
}
.ui-icon-battery-1 {
  background-position: -64px -176px;
}
.ui-icon-battery-2 {
  background-position: -80px -176px;
}
.ui-icon-battery-3 {
  background-position: -96px -176px;
}
.ui-icon-circle-plus {
  background-position: 0 -192px;
}
.ui-icon-circle-minus {
  background-position: -16px -192px;
}
.ui-icon-circle-close {
  background-position: -32px -192px;
}
.ui-icon-circle-triangle-e {
  background-position: -48px -192px;
}
.ui-icon-circle-triangle-s {
  background-position: -64px -192px;
}
.ui-icon-circle-triangle-w {
  background-position: -80px -192px;
}
.ui-icon-circle-triangle-n {
  background-position: -96px -192px;
}
.ui-icon-circle-arrow-e {
  background-position: -112px -192px;
}
.ui-icon-circle-arrow-s {
  background-position: -128px -192px;
}
.ui-icon-circle-arrow-w {
  background-position: -144px -192px;
}
.ui-icon-circle-arrow-n {
  background-position: -160px -192px;
}
.ui-icon-circle-zoomin {
  background-position: -176px -192px;
}
.ui-icon-circle-zoomout {
  background-position: -192px -192px;
}
.ui-icon-circle-check {
  background-position: -208px -192px;
}
.ui-icon-circlesmall-plus {
  background-position: 0 -208px;
}
.ui-icon-circlesmall-minus {
  background-position: -16px -208px;
}
.ui-icon-circlesmall-close {
  background-position: -32px -208px;
}
.ui-icon-squaresmall-plus {
  background-position: -48px -208px;
}
.ui-icon-squaresmall-minus {
  background-position: -64px -208px;
}
.ui-icon-squaresmall-close {
  background-position: -80px -208px;
}
.ui-icon-grip-dotted-vertical {
  background-position: 0 -224px;
}
.ui-icon-grip-dotted-horizontal {
  background-position: -16px -224px;
}
.ui-icon-grip-solid-vertical {
  background-position: -32px -224px;
}
.ui-icon-grip-solid-horizontal {
  background-position: -48px -224px;
}
.ui-icon-gripsmall-diagonal-se {
  background-position: -64px -224px;
}
.ui-icon-grip-diagonal-se {
  background-position: -80px -224px;
}
/* Misc visuals
----------------------------------*/
/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
  border-top-left-radius: 3px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
  border-top-right-radius: 3px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
  border-bottom-left-radius: 3px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
  border-bottom-right-radius: 3px;
}
/* Overlays */
.ui-widget-overlay {
  background: #aaaaaa;
  opacity: .3;
  filter: alpha(opacity=30);
  /* support: IE8 */
}
.ui-widget-shadow {
  margin: 0px 0 0 0px;
  padding: 5px;
  background: #666666;
  opacity: .3;
  filter: alpha(opacity=30);
  /* support: IE8 */
  border-radius: 8px;
}
/*
      Sprites list
*/
/* production sprite */
/* /production sprite */
/* product's icons */
/* /product's icons */
/* Example */
/* /Example */
/*-- __Sprites helper
------------------------------------------------------------*/
/**
 * Owl Carousel v2.1.0
 * Copyright 2013-2016 David Deutsch
 * Licensed under MIT (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;
}
.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-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%;
  -webkit-transform-style: preserve-3d;
}
.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;
  cursor: hand;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.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 {
  display: none;
}
.owl-carousel.owl-drag .owl-item {
  -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 {
  -webkit-animation-duration: 1000ms;
  animation-duration: 1000ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.owl-carousel .owl-animated-in {
  z-index: 0;
}
.owl-carousel .owl-animated-out {
  z-index: 1;
}
.owl-carousel .fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}
@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@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 .owl-lazy {
  opacity: 0;
  transition: opacity 400ms ease;
}
.owl-carousel .owl-item img.owl-lazy {
  -webkit-transform-style: preserve-3d;
  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("owl.video.play.png") no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  transition: -webkit-transform 100ms ease;
  transition: transform 100ms ease;
}
.owl-carousel .owl-video-play-icon:hover {
  -webkit-transform: scale(1.3, 1.3);
  -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%;
}
/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox,
#cboxOverlay,
#cboxWrapper {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  -webkit-transform: translate3d(0, 0, 0);
}
#cboxWrapper {
  max-width: none;
}
#cboxOverlay {
  position: fixed;
  width: 100%;
  height: 100%;
}
#cboxMiddleLeft,
#cboxBottomLeft {
  clear: left;
}
#cboxContent {
  position: relative;
}
#cboxLoadedContent {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
#cboxTitle {
  margin: 0;
}
#cboxLoadingOverlay,
#cboxLoadingGraphic {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#cboxPrevious,
#cboxNext,
#cboxClose,
#cboxSlideshow {
  cursor: pointer;
}
.cboxPhoto {
  float: left;
  margin: auto;
  border: 0;
  display: block;
  max-width: none;
  -ms-interpolation-mode: bicubic;
}
.cboxIframe {
  width: 100%;
  height: 100%;
  display: block;
  border: 0;
  padding: 0;
  margin: 0;
}
#colorbox,
#cboxContent,
#cboxLoadedContent {
  box-sizing: content-box;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
}
/* 
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay {
  background: #000;
  opacity: 0.8 !important;
}
#colorbox {
  outline: 0;
}
#cboxContent {
  background: #fff;
  padding: 30px;
  border-radius: 16px;
}
#cboxError {
  padding: 50px;
  border: 1px solid #ccc;
}
#cboxTitle {
  position: absolute;
  bottom: 4px;
  left: 0;
  text-align: center;
  width: 100%;
  color: #949494;
}
#cboxCurrent {
  display: none !important;
}
/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
#cboxPrevious,
#cboxNext,
#cboxSlideshow,
#cboxClose {
  text-indent: -9999px;
  display: block;
  border: 0;
  padding: 0;
  margin: 0;
  overflow: visible;
  width: 29px;
  height: 29px;
  background: blue;
  position: absolute;
  top: -39px;
}
/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
#cboxPrevious:active,
#cboxNext:active,
#cboxSlideshow:active,
#cboxClose:active {
  outline: 0;
}
#cboxSlideshow {
  display: none;
}
#cboxPrevious {
  right: 50%;
  margin-right: 10px;
  background: transparent;
  border: 1px solid transparent;
  border-radius: 50%;
  box-sizing: border-box;
  -webkit-transition: border-color 0.3s ease;
  -moz-transition: border-color 0.3s ease;
  -o-transition: border-color 0.3s ease;
  transition: border-color 0.3s ease;
}
#cboxPrevious:before {
  display: block;
  content: "";
  position: absolute;
  top: 6px;
  left: 8px;
  background-image: url(../img/sprite.png);
  background-position: -600px -60px;
  width: 9px;
  height: 16px;
  opacity: 1;
  -webkit-transition: opacity 0.3s ease;
  -moz-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
#cboxPrevious:after {
  display: block;
  content: "";
  position: absolute;
  top: 6px;
  left: 8px;
  background-image: url(../img/sprite.png);
  background-position: -600px -80px;
  width: 9px;
  height: 16px;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease;
  -moz-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
#cboxPrevious:hover {
  border-color: #16c0e9;
}
#cboxPrevious:hover:after {
  opacity: 1;
}
#cboxPrevious:hover:before {
  opacity: 0;
}
#cboxNext {
  left: 50%;
  margin-left: 10px;
  background: transparent;
  border: 1px solid transparent;
  border-radius: 50%;
  box-sizing: border-box;
  -webkit-transition: border-color 0.3s ease;
  -moz-transition: border-color 0.3s ease;
  -o-transition: border-color 0.3s ease;
  transition: border-color 0.3s ease;
}
#cboxNext:before {
  display: block;
  content: "";
  position: absolute;
  top: 6px;
  left: 10px;
  background-image: url(../img/sprite.png);
  background-position: -620px -60px;
  width: 9px;
  height: 16px;
  opacity: 1;
  -webkit-transition: opacity 0.3s ease;
  -moz-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
#cboxNext:after {
  display: block;
  content: "";
  position: absolute;
  top: 6px;
  left: 10px;
  background-image: url(../img/sprite.png);
  background-position: -620px -80px;
  width: 9px;
  height: 16px;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease;
  -moz-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
#cboxNext:hover {
  border-color: #16c0e9;
}
#cboxNext:hover:after {
  opacity: 1;
}
#cboxNext:hover:before {
  opacity: 0;
}
#cboxClose {
  right: 5px;
  top: 5px;
  background: none;
}
#cboxClose:before {
  content: "";
  display: block;
  position: absolute;
  top: 9px;
  left: 9px;
  background-image: url(../img/sprite.png);
  background-position: -270px -150px;
  width: 12px;
  height: 13px;
  -webkit-transition: opacity 0.3s ease;
  -moz-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
#cboxClose:after {
  content: "";
  display: block;
  position: absolute;
  top: 9px;
  left: 9px;
  background-image: url(../img/sprite.png);
  background-position: -290px -150px;
  width: 12px;
  height: 13px;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease;
  -moz-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
#cboxClose:hover:after {
  opacity: 1;
}
.done select {
  height: 0px;
  width: 1px;
  border: none;
  background: none;
  padding: 0;
  margin: 0;
  position: relative;
  left: -2px;
  z-index: -10;
  outline: none;
  -webkit-appearance: none;
}
.select-list {
  left: 0;
  line-height: 29px;
  background: #ffffff;
  position: absolute;
}
.custom-select {
  z-index: 1;
  display: inline-block;
  width: 60%;
  box-sizing: border-box;
  height: 35px;
  background: #ffffff;
  border: #d5d5d5 solid 1px;
  border-radius: 17px;
  font: 300 18px/24px Calibri, Candara, Segoe, Segoe UI, Optima, Arial, sans-serif;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}
.custom-select::-webkit-input-placeholder {
  position: relative;
  top: 1px;
  color: #565656;
  opacity: 1;
  font-style: normal;
}
.custom-select:-moz-placeholder {
  color: #565656;
  opacity: 1;
  font-style: normal;
}
.custom-select::-moz-placeholder {
  color: #565656;
  opacity: 1;
  font-style: normal;
}
.custom-select:-ms-input-placeholder {
  color: #565656;
  opacity: 1;
  font-style: normal;
}
.custom-select:hover {
  border-color: #70d8f1;
}
.custom-select:focus {
  border-color: #70d8f1;
  background: #f1fcff;
}
.custom-select._error {
  border-color: #fd7222;
  background: #fffbf9;
}
.custom-select * {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}
.open_list {
  z-index: 10;
}
.custom-select ul {
  margin: 0;
  padding: 0;
  list-style: none;
  position: relative;
  top: 0;
  left: 0;
  list-style-type: none !important;
  padding-bottom: 5px;
}
.custom-select li {
  margin: 0;
  padding: 0;
  list-style: none;
  cursor: pointer;
  background: #ffffff;
  width: 100%;
  color: #565656;
  box-sizing: border-box;
  padding: 0 17px 4px;
  white-space: normal;
}
.custom-select li:hover {
  color: #16c0e9;
}
.custom-select {
  position: relative;
  top: 0;
  left: 0;
  color: #565656;
}
.custom-select .custom-text {
  cursor: pointer;
  display: inline-block;
}
.select-scroll {
  position: absolute;
  right: 20px;
  top: 20px;
  z-index: 2;
}
.default-scroll ul {
  overflow-y: scroll;
}
.custom-scroll {
  overflow: hidden;
}
.disabled * {
  cursor: default !important;
}
.custom-select .custom-text {
  overflow: hidden;
  text-overflow: ellipsis;
  box-sizing: border-box;
  width: 100% !important;
  padding: 0 30px 0 17px;
  height: 100%;
  line-height: 33px;
}
.custom-select.disabled span.custom-text:hover {
  overflow: hidden;
  box-sizing: border-box;
  width: 100% !important;
  padding: 0 17px;
  height: 100%;
  line-height: 34px;
}
.custom-select .custom-text:after {
  position: absolute;
  top: 14px;
  right: 12px;
  display: block;
  content: '';
  background-image: url(../img/sprite.png);
  background-position: -320px -120px;
  width: 15px;
  height: 8px;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease;
  -moz-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
.custom-select .custom-text:before {
  position: absolute;
  top: 14px;
  right: 12px;
  display: block;
  content: '';
  background-image: url(../img/sprite.png);
  background-position: -300px -120px;
  width: 15px;
  height: 8px;
  opacity: 1;
  -webkit-transition: opacity 0.3s ease;
  -moz-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
.custom-select span.custom-text:hover:after {
  opacity: 1;
}
.custom-select span.custom-text:hover:before {
  opacity: 0;
}
.active span.custom-text:after {
  opacity: 1;
}
.active span.custom-text:before {
  opacity: 0;
}
.select-list.custom-scroll {
  width: 100%;
  height: 318px;
}
.select-list li.disabled {
  color: #CCCCCC;
  cursor: default;
}
.select-scroll {
  background-color: #EEE;
  width: 1px;
  transform: scale(0.8);
}
.scroll-drag {
  display: block;
  position: absolute;
  cursor: pointer;
  top: 0;
  left: -4px;
  width: 9px;
  background-color: #16c0e9;
  border-radius: 4px;
}
.custom-select.disabled {
  opacity: 0.5 !important;
}
@media screen and (max-width: 1400px) {
  .custom-select {
    width: 100%;
  }
}
/* popup select */
.popup-select .custom-select.open_list {
  border-color: transparent;
}
.popup-select .custom-select .select-list {
  box-shadow: 0px 3px 21px 0px rgba(0, 0, 0, 0.21);
  border-radius: 17px;
  padding-top: 5px;
  top: -3px;
  padding-bottom: 17px;
}
.popup-select .custom-select .select-list:before {
  display: block;
  content: "";
  position: absolute;
  top: 17px;
  right: 12px;
  background-image: url(../img/sprite.png);
  background-position: -320px -120px;
  width: 15px;
  height: 8px;
  z-index: 10;
}
.popup-select .custom-select .select-list ul {
  width: 100% !important;
  box-sizing: border-box;
}
.popup-select .custom-select .select-list ul li:hover {
  background-color: #e5f7ff;
}
/*-- __Common styles
------------------------------------------------------------*/
.title-link {
  color: #0c2e40;
  text-decoration: none;
  background: url('data:image/gif;base64,R0lGODlhAQABAIAAALbAxQAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==') 0 72px repeat-x;
}
.title-link:hover {
  color: #29afe7;
  background-image: url('data:image/gif;base64,R0lGODlhAQABAIAAAACx6gAAACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS41LWMwMTQgNzkuMTUxNDgxLCAyMDEzLzAzLzEzLTEyOjA5OjE1ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjY0MTAzOTkwNzBGQTExRTY4MkMzOTQyMTkxRUNCQTM2IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjY0MTAzOTkxNzBGQTExRTY4MkMzOTQyMTkxRUNCQTM2Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NjQxMDM5OEU3MEZBMTFFNjgyQzM5NDIxOTFFQ0JBMzYiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NjQxMDM5OEY3MEZBMTFFNjgyQzM5NDIxOTFFQ0JBMzYiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4B//79/Pv6+fj39vX08/Lx8O/u7ezr6uno5+bl5OPi4eDf3t3c29rZ2NfW1dTT0tHQz87NzMvKycjHxsXEw8LBwL++vby7urm4t7a1tLOysbCvrq2sq6qpqKempaSjoqGgn56dnJuamZiXlpWUk5KRkI+OjYyLiomIh4aFhIOCgYB/fn18e3p5eHd2dXRzcnFwb25tbGtqaWhnZmVkY2JhYF9eXVxbWllYV1ZVVFNSUVBPTk1MS0pJSEdGRURDQkFAPz49PDs6OTg3NjU0MzIxMC8uLSwrKikoJyYlJCMiISAfHh0cGxoZGBcWFRQTEhEQDw4NDAsKCQgHBgUEAwIBAAAh+QQAAAAAACwAAAAAAQABAAACAkQBADs=');
}
/*-- __Animation
------------------------------------------------------------*/
.transition {
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}
.animated {
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
}
.animated.hinge {
  -webkit-animation-duration: 2s;
  -moz-animation-duration: 2s;
  -o-animation-duration: 2s;
  animation-duration: 2s;
}
.animated.fast {
  -webkit-animation-duration: 0.5s;
  -moz-animation-duration: 0.5s;
  -o-animation-duration: 0.5s;
  animation-duration: 0.5s;
}
/* Light speed in animation */
@-webkit-keyframes lightSpeedIn {
  0% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
  60% {
    -webkit-transform: translateX(-20%) skewX(30deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: translateX(0%) skewX(-15deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
}
@-moz-keyframes lightSpeedIn {
  0% {
    -moz-transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
  60% {
    -moz-transform: translateX(-20%) skewX(30deg);
    opacity: 1;
  }
  80% {
    -moz-transform: translateX(0%) skewX(-15deg);
    opacity: 1;
  }
  100% {
    -moz-transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
}
@-o-keyframes lightSpeedIn {
  0% {
    -o-transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
  60% {
    -o-transform: translateX(-20%) skewX(30deg);
    opacity: 1;
  }
  80% {
    -o-transform: translateX(0%) skewX(-15deg);
    opacity: 1;
  }
  100% {
    -o-transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
}
@keyframes lightSpeedIn {
  0% {
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
  60% {
    transform: translateX(-20%) skewX(30deg);
    opacity: 1;
  }
  80% {
    transform: translateX(0%) skewX(-15deg);
    opacity: 1;
  }
  100% {
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
}
.light-speed-in {
  -webkit-animation-name: lightSpeedIn;
  -moz-animation-name: lightSpeedIn;
  -o-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  -moz-animation-timing-function: ease-out;
  -o-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}
.animated.light-speed-in {
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
}
/* /Light speed in animation */
/* Bounce in */
@-webkit-keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.3);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
  }
  70% {
    -webkit-transform: scale(0.9);
  }
  100% {
    -webkit-transform: scale(1);
  }
}
@-moz-keyframes bounceIn {
  0% {
    opacity: 0;
    -moz-transform: scale(0.3);
  }
  50% {
    opacity: 1;
    -moz-transform: scale(1.05);
  }
  70% {
    -moz-transform: scale(0.9);
  }
  100% {
    -moz-transform: scale(1);
  }
}
@-o-keyframes bounceIn {
  0% {
    opacity: 0;
    -o-transform: scale(0.3);
  }
  50% {
    opacity: 1;
    -o-transform: scale(1.05);
  }
  70% {
    -o-transform: scale(0.9);
  }
  100% {
    -o-transform: scale(1);
  }
}
@keyframes bounceIn {
  0% {
    opacity: 0;
    transform: scale(0.3);
  }
  50% {
    opacity: 1;
    transform: scale(1.05);
  }
  70% {
    transform: scale(0.9);
  }
  100% {
    transform: scale(1);
  }
}
.bounce-in {
  -webkit-animation-name: bounceIn;
  -moz-animation-name: bounceIn;
  -o-animation-name: bounceIn;
  animation-name: bounceIn;
}
/* /Bounce in */
/* Bounce in down */
@-webkit-keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@-moz-keyframes bounceInDown {
  0% {
    opacity: 0;
    -moz-transform: translateY(-2000px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
}
@-o-keyframes bounceInDown {
  0% {
    opacity: 0;
    -o-transform: translateY(-2000px);
  }
  100% {
    opacity: 1;
    -o-transform: translateY(0);
  }
}
@keyframes bounceInDown {
  0% {
    opacity: 0;
    transform: translateY(-2000px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.bounce-in-down {
  -webkit-animation-name: bounceInDown;
  -moz-animation-name: bounceInDown;
  -o-animation-name: bounceInDown;
  animation-name: bounceInDown;
}
/* /Bounce in down */
/* Bounce out up */
@-webkit-keyframes bounceOutUp {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-1000px);
  }
}
@-moz-keyframes bounceOutUp {
  0% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
  100% {
    opacity: 0;
    -moz-transform: translateY(-1000px);
  }
}
@-o-keyframes bounceOutUp {
  0% {
    opacity: 1;
    -o-transform: translateY(0);
  }
  100% {
    opacity: 0;
    -o-transform: translateY(-1000px);
  }
}
@keyframes bounceOutUp {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateY(-1000px);
  }
}
.bounce-out-up {
  -webkit-animation-name: bounceOutUp;
  -moz-animation-name: bounceOutUp;
  -o-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}
/* /Bounce out up */
/* Fade in */
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 0.85;
  }
}
@-moz-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 0.85;
  }
}
@-o-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 0.85;
  }
}
@-ms-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 0.85;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 0.85;
  }
}
/* Animation call */
.fade-in {
  -webkit-animation-name: fadeIn;
  -moz-animation-name: fadeIn;
  -ms-animation-name: fadeIn;
  -o-animation-name: fadeIn;
  animation-name: fadeIn;
  -webkit-animation-duration: 0.5s;
  -moz-animation-duration: 0.5s;
  -ms-animation-duration: 0.5s;
  -o-animation-duration: 0.5s;
  animation-duration: 0.5s;
  display: block !important;
}
/* /Fade in */
/*-- __Paging
------------------------------------------------------------*/
.pagenator {
  text-align: center;
  position: relative;
  margin-top: 60px;
  white-space: nowrap;
}
.pagenator__pages {
  display: inline-block;
}
.pagenator__page {
  text-decoration: none;
  font-size: 16px;
  display: inline-block;
  margin-right: 4px;
  font-size: 18px;
  line-height: 24px;
  color: #565656;
  width: 60px;
  height: 60px;
  box-sizing: border-box;
  text-align: center;
  border-radius: 50%;
  border: 1px solid #ffffff;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}
.pagenator__page:before {
  height: 100%;
  display: inline-block;
  vertical-align: middle;
  content: '';
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}
.pagenator__page.active {
  color: #ffffff;
  background: #16c0e9;
  border-color: #16c0e9;
}
.pagenator__page.active:hover {
  color: #ffffff;
}
.pagenator__page:hover {
  color: #16c0e9;
  border-color: #16c0e9;
}
.pagenator__page > span {
  display: inline-block;
  vertical-align: middle;
}
.pagenator__dotdotdot {
  font-size: 16px;
  display: inline-block;
  margin-right: 16px;
  margin-left: 3px;
  font: normal 400 15px/21px 'Roboto', sans-serif;
  line-height: 25px;
  color: #000000;
  font-weight: 700;
  width: 34px;
  height: 34px;
  box-sizing: border-box;
  text-align: center;
}
.pagenator__last {
  margin-left: 6px;
}
.pagenator__prev {
  display: inline-block;
  color: transparent;
  background: transparent;
  position: relative;
  border-radius: 50%;
  width: 102px;
  height: 102px;
  border: 1px solid #ffffff;
  top: -50px;
  left: -136px;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
  font-size: 0;
}
.pagenator__prev:before {
  content: "";
  display: block;
  position: absolute;
  left: 32px;
  top: 23px;
  background-image: url(../img/sprite.png);
  background-position: -600px 0px;
  width: 28px;
  height: 54px;
  -webkit-transition: opacity .3s ease;
  -moz-transition: opacity .3s ease;
  -o-transition: opacity .3s ease;
  transition: opacity .3s ease;
}
.pagenator__prev:after {
  content: "";
  display: block;
  position: absolute;
  left: 32px;
  top: 23px;
  opacity: 0;
  background-image: url(../img/sprite.png);
  background-position: 0px -170px;
  width: 28px;
  height: 54px;
  -webkit-transition: opacity .3s ease;
  -moz-transition: opacity .3s ease;
  -o-transition: opacity .3s ease;
  transition: opacity .3s ease;
}
.pagenator__prev:hover {
  border-color: #16c0e9;
}
.pagenator__prev:hover:after {
  opacity: 1;
}
.pagenator__prev:hover:before {
  opacity: 0;
}
.pagenator__prev.disable {
  border-color: #f7f7f7;
  cursor: default;
  pointer-events: none;
}
.pagenator__prev.disable:after {
  color: #f7f7f7;
}
.pagenator__prev.disable:hover {
  border-color: #f7f7f7;
}
.pagenator__prev.disable:hover:after {
  color: #f7f7f7;
}
.pagenator__next {
  display: inline-block;
  color: transparent;
  background: transparent;
  position: relative;
  border-radius: 50%;
  border: 1px solid #000000;
  width: 102px;
  height: 102px;
  border-color: #000000;
  border: 1px solid #ffffff;
  top: -50px;
  right: -136px;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
  font-size: 0;
}
.pagenator__next:before {
  content: "";
  display: block;
  position: absolute;
  right: 32px;
  top: 23px;
  background-image: url(../img/sprite.png);
  background-position: -630px 0px;
  width: 28px;
  height: 54px;
  -webkit-transition: opacity .3s ease;
  -moz-transition: opacity .3s ease;
  -o-transition: opacity .3s ease;
  transition: opacity .3s ease;
}
.pagenator__next:after {
  content: "";
  display: block;
  position: absolute;
  right: 32px;
  top: 23px;
  background-image: url(../img/sprite.png);
  background-position: -30px -170px;
  width: 28px;
  height: 54px;
  opacity: 0;
  -webkit-transition: opacity .3s ease;
  -moz-transition: opacity .3s ease;
  -o-transition: opacity .3s ease;
  transition: opacity .3s ease;
}
.pagenator__next:hover {
  border-color: #16c0e9;
}
.pagenator__next:hover:after {
  opacity: 1;
}
.pagenator__next:hover:before {
  opacity: 0;
}
.pagenator__next.disable {
  border-color: #f7f7f7;
  cursor: default;
}
.pagenator__next.disable:after {
  color: #f7f7f7;
}
.pagenator__next.disable:hover {
  border-color: #f7f7f7;
}
.pagenator__next.disable:hover:after {
  color: #f7f7f7;
}
.pagenator--search {
  width: 574px;
}
.pagenator--search > .pagenator__prev {
  left: -35px;
  top: -14px;
}
.pagenator--search > .pagenator__next {
  right: -35px;
  top: -14px;
}
@media screen and (max-width: 1310px) {
  .pagenator__prev {
    left: 0;
  }
  .pagenator__next {
    right: 0;
  }
}
/*-- __Controls
------------------------------------------------------------*/
input[type="button"] {
  cursor: pointer !important;
}
button::-moz-focus-inner {
  padding: 0;
  border: 0;
}
.btn {
  display: inline-block;
  vertical-align: middle;
  color: #ffffff;
  font-size: 21px;
  line-height: 49px;
  height: 50px;
  box-sizing: border-box;
  border-radius: 25px;
  padding: 0 45px 0;
  background: #21bbe6;
  text-decoration: none;
  -webkit-transition: background .3s ease;
  -moz-transition: background .3s ease;
  -o-transition: background .3s ease;
  transition: background .3s ease;
  border: none;
  font-family: Calibri, Candara, Segoe, Segoe UI, Optima, Arial, sans-serif;
}
.btn._disabled,
.btn._disabled:hover {
  background: #d5d5d5;
  cursor: default;
}
.btn--wide {
  width: 100%;
}
.btn:hover,
.btn:focus {
  background: #29afe7;
}
.btn--submit {
  padding: 0 85px;
}
.btn--order {
  padding: 0 95px 0 75px;
}
.btn__order-text {
  position: relative;
}
.btn__order-text:after {
  display: inline-block;
  content: "";
  background-image: url(../img/sprite.png);
  background-position: -400px 0px;
  width: 28px;
  height: 7px;
  position: absolute;
  top: 10px;
  right: -40px;
}
.btn--orange {
  height: 35px;
  font-size: 16px;
  line-height: 35px;
  background-color: #fd7222;
  padding: 0 28px;
  overflow: hidden;
}
.btn--orange:hover {
  background-color: #f78a4c;
}
.btn-blank {
  display: inline-block;
  vertical-align: middle;
  color: #565656;
  font-size: 16px;
  line-height: 24px;
  height: 35px;
  box-sizing: border-box;
  border-radius: 18px;
  padding: 3px 38px 0;
  background: transparent;
  text-decoration: none;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
  border: #d5d5d5 solid 1px;
}
.btn-blank:hover {
  background: #29afe7;
  border-color: #29afe7;
  color: #ffffff;
}
.product-counter {
  height: 35px;
  display: block;
  width: 201px;
  border-radius: 17px;
  background: #fd7222;
  position: relative;
  -webkit-transition: background .3s ease;
  -moz-transition: background .3s ease;
  -o-transition: background .3s ease;
  transition: background .3s ease;
}
.product-counter:hover {
  background: #ff5c23;
}
.product-counter--horeca {
  position: absolute;
  left: 50%;
  margin-left: -100px;
  bottom: 30px;
}
.product-counter--catalog {
  margin: 20px auto 10px;
  width: 100%;
}
.product-counter--product-x {
  margin-top: 24px;
  height: 50px;
  width: 328px;
  border-radius: 25px;
  max-width: 100%;
}
.product-counter--product-x .product-counter__txt {
  line-height: 49px;
  font-size: 21px;
}
.product-counter--product-x .product-counter__default {
  line-height: 48px;
  font-size: 21px;
}
.product-counter--product-x .product-counter__helper {
  border-radius: 25px;
}
.product-counter--product-x .product-counter__dec {
  width: 40px;
  height: 40px;
  left: 5px;
  top: 5px;
}
.product-counter--product-x .product-counter__dec:before {
  left: 12px;
  top: 19px;
}
.product-counter--product-x .product-counter__inc {
  width: 40px;
  height: 40px;
  rigth: 5px;
  top: 5px;
}
.product-counter--product-x .product-counter__inc:before {
  left: 12px;
  top: 19px;
}
.product-counter--product-x .product-counter__inc:after {
  top: 13px;
  left: 18px;
}
.product-counter--order {
  width: 122px;
  border: 1px solid #dee0e2;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  background: #ffffff;
  box-sizing: border-box;
}
.product-counter--order .product-counter__helper {
  background-color: #ffffff;
  color: #565656;
}
.product-counter--order .product-counter__helper:after {
  display: block;
  content: "";
  position: absolute;
  top: 3px;
  left: 4px;
  width: 27px;
  height: 27px;
  border-radius: 50%;
  cursor: default;
  z-index: 5;
  background: #ffffff;
  opacity: 0.5;
  visibility: hidden;
}
.product-counter--order .product-counter__txt {
  color: #565656;
}
.product-counter--order .product-counter__dec {
  top: 3px;
}
.product-counter--order .product-counter__dec:hover {
  background-color: #ff5c23;
}
.product-counter--order .product-counter__inc {
  top: 3px;
}
.product-counter--order .product-counter__inc:hover {
  background-color: #ff5c23;
}
.product-counter--order:hover {
  border: 1px solid #16c0e9;
  background: #ffffff;
}
.product-counter--order:hover .product-counter__helper {
  background-color: #ffffff;
}
.product-counter--order input.j-product-counter-input[value="1"] ~ .product-counter__helper:after {
  visibility: visible;
}
.product-counter--order input.j-product-counter-input[value="1"] ~ .product-counter__helper .product-counter__dec:hover {
  background-color: #fd8534;
}
.product-counter__default {
  font-size: 16px;
  line-height: 32px;
  height: 100%;
  width: 100%;
  text-align: center;
  position: absolute;
  left: 0;
  top: 0;
  cursor: pointer;
  color: #ffffff;
}
.product-counter__helper {
  height: 100%;
  width: 100%;
  text-align: center;
  position: absolute;
  left: 0;
  top: 0;
  display: none;
  background: #fd7222;
  border-radius: 17px;
}
.product-counter__dec {
  cursor: pointer;
  display: block;
  position: absolute;
  width: 27px;
  height: 27px;
  border-radius: 50%;
  background: #fd8534;
  left: 4px;
  top: 4px;
  -webkit-transition: background .3s ease;
  -moz-transition: background .3s ease;
  -o-transition: background .3s ease;
  transition: background .3s ease;
}
.product-counter__dec:hover {
  background: #ffa162;
}
.product-counter__dec:before {
  content: "";
  display: block;
  width: 14px;
  height: 2px;
  left: 6px;
  top: 12px;
  background: #ffffff;
  position: absolute;
}
.product-counter__txt {
  font-size: 16px;
  line-height: 30px;
  color: #ffffff;
}
.product-counter__inc {
  cursor: pointer;
  display: block;
  position: absolute;
  width: 27px;
  height: 27px;
  border-radius: 50%;
  background: #fd8534;
  right: 4px;
  top: 4px;
  -webkit-transition: background .3s ease;
  -moz-transition: background .3s ease;
  -o-transition: background .3s ease;
  transition: background .3s ease;
}
.product-counter__inc:hover {
  background: #ffa162;
}
.product-counter__inc:before {
  content: "";
  display: block;
  width: 14px;
  height: 2px;
  left: 6px;
  top: 12px;
  background: #ffffff;
  position: absolute;
}
.product-counter__inc:after {
  content: "";
  display: block;
  position: absolute;
  height: 14px;
  width: 2px;
  top: 6px;
  background: #ffffff;
  left: 12px;
}
@media screen and (max-width: 1300px) {
  .product-counter--product-x {
    margin-top: 24px;
    height: 35px;
    border-radius: 17px;
    max-width: 100%;
  }
  .product-counter--product-x .product-counter__txt {
    font-size: 16px;
    line-height: 30px;
  }
  .product-counter--product-x .product-counter__default {
    font-size: 16px;
    line-height: 32px;
  }
  .product-counter--product-x .product-counter__helper {
    border-radius: 17px;
  }
  .product-counter--product-x .product-counter__dec {
    width: 27px;
    height: 27px;
    left: 4px;
    top: 4px;
  }
  .product-counter--product-x .product-counter__dec:before {
    left: 6px;
    top: 12px;
  }
  .product-counter--product-x .product-counter__inc {
    width: 27px;
    height: 27px;
    right: 4px;
    top: 4px;
  }
  .product-counter--product-x .product-counter__inc:before {
    left: 6px;
    top: 12px;
  }
  .product-counter--product-x .product-counter__inc:after {
    top: 6px;
    left: 12px;
  }
}
.input {
  display: inline-block;
  vertical-align: middle;
  width: 385px;
  position: relative;
  margin-bottom: 29px;
}
.input__forget {
  font-size: 12px;
  line-height: 26px;
  color: #b8bec2;
  font-weight: 300;
  position: absolute;
  top: 4px;
  right: 17px;
  text-decoration: none;
}
.input__forget:hover {
  color: #29afe7;
}
.input__field {
  display: block;
  box-sizing: border-box;
  width: 100%;
  height: 35px;
  background: #ffffff;
  border: #d5d5d5 solid 1px;
  border-radius: 17px;
  padding-left: 17px;
  padding-right: 17px;
  font: 300 18px/24px Calibri, Candara, Segoe, Segoe UI, Optima, Arial, sans-serif;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}
.input__field::-webkit-input-placeholder {
  position: relative;
  top: 1px;
  color: #565656;
  opacity: 1;
  font-style: normal;
}
.input__field:-moz-placeholder {
  color: #565656;
  opacity: 1;
  font-style: normal;
}
.input__field::-moz-placeholder {
  color: #565656;
  opacity: 1;
  font-style: normal;
}
.input__field:-ms-input-placeholder {
  color: #565656;
  opacity: 1;
  font-style: normal;
}
.input__field--forget {
  padding-right: 70px;
}
.input__field:hover {
  border-color: #70d8f1;
}
.input__field:focus {
  border-color: #70d8f1;
  background: #f1fcff;
}
.input__field._error {
  border-color: #fd7222;
  background: #fffbf9;
}
.input__label {
  font-size: 21px;
  line-height: 26px;
  font-weight: bold;
  box-sizing: border-box;
  margin-bottom: 29px;
}
.select {
  display: inline-block;
  vertical-align: middle;
  width: 385px;
  position: relative;
  margin-bottom: 29px;
}
.select__label {
  font-size: 21px;
  line-height: 26px;
  font-weight: bold;
  box-sizing: border-box;
  margin-bottom: 29px;
}
.select__field {
  display: block;
  box-sizing: border-box;
  width: 100%;
  height: 35px;
  background: #ffffff;
  border: #d5d5d5 solid 1px;
  border-radius: 17px;
  padding-left: 17px;
  padding-right: 17px;
  font: 300 18px/24px Calibri, Candara, Segoe, Segoe UI, Optima, Arial, sans-serif;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}
.select__field::-webkit-input-placeholder {
  position: relative;
  top: 1px;
  color: #565656;
  opacity: 1;
  font-style: normal;
}
.select__field:-moz-placeholder {
  color: #565656;
  opacity: 1;
  font-style: normal;
}
.select__field::-moz-placeholder {
  color: #565656;
  opacity: 1;
  font-style: normal;
}
.select__field:-ms-input-placeholder {
  color: #565656;
  opacity: 1;
  font-style: normal;
}
.select__field:hover {
  border-color: #70d8f1;
}
.select__field:focus {
  border-color: #70d8f1;
  background: #f1fcff;
}
.select__field._error {
  border-color: #fd7222;
  background: #fffbf9;
}
.select--short .custom-select {
  width: 115px;
  margin: 0 10px;
  display: inline-block;
  vertical-align: middle;
}
.select__helper {
  display: inline-block;
  vertical-align: middle;
}
.textarea__field {
  display: block;
  box-sizing: border-box;
  width: 100%;
  height: 104px;
  background: #ffffff;
  border: #d5d5d5 solid 1px;
  border-radius: 17px;
  padding: 10px 17px;
  font: 300 18px/24px Calibri, Candara, Segoe, Segoe UI, Optima, Arial, sans-serif;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
  resize: none;
}
.textarea__field::-webkit-input-placeholder {
  position: relative;
  top: 1px;
  color: #565656;
  opacity: 1;
  font-style: normal;
}
.textarea__field:-moz-placeholder {
  color: #565656;
  opacity: 1;
  font-style: normal;
}
.textarea__field::-moz-placeholder {
  color: #565656;
  opacity: 1;
  font-style: normal;
}
.textarea__field:-ms-input-placeholder {
  color: #565656;
  opacity: 1;
  font-style: normal;
}
.textarea__field:hover {
  border-color: #70d8f1;
}
.textarea__field:focus {
  border-color: #70d8f1;
  background: #f1fcff;
}
.textarea__field._error {
  border-color: #fd7222;
  background: #fffbf9;
}
.textarea__label {
  font-size: 21px;
  line-height: 26px;
  font-weight: bold;
  box-sizing: border-box;
  margin-bottom: 29px;
}
.checkbox {
  position: relative;
  padding-left: 27px;
  text-align: left;
  margin: 0 0 0 7px;
}
.checkbox--padded {
  margin: -24px 0 33px 7px;
}
.checkbox__input {
  display: block;
  position: absolute;
  left: 0;
  top: 7px;
  -webkit-appearance: checkbox;
}
.checkbox__label {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  font-size: 16px;
  line-height: 24px;
  font-weight: 300;
  color: #565656;
}
.form-container {
  border-radius: 18px;
  box-shadow: 0px 5px 29px 0px rgba(0, 0, 0, 0.25);
  padding: 35px 80px 80px 80px;
  margin-top: 30px;
  margin-bottom: 30px;
  z-index: 2;
  position: relative;
}
.form-container select {
  max-width: 120px;
}
.form-container--order:before {
  display: block;
  content: "";
  z-index: 1;
  width: 50px;
  height: 50px;
  background-color: #ffffff;
  box-shadow: 0px 5px 29px 0px rgba(0, 0, 0, 0.25);
  -moz-transform: rotate(45deg);
  /* Для Firefox */
  -ms-transform: rotate(45deg);
  /* Для IE */
  -webkit-transform: rotate(45deg);
  /* Для Safari, Chrome, iOS */
  -o-transform: rotate(45deg);
  /* Для Opera */
  transform: rotate(45deg);
  position: absolute;
  top: -25px;
  left: 50%;
  margin-left: -40px;
}
.form-container--order:after {
  display: block;
  content: "";
  z-index: 2;
  width: 200px;
  height: 120px;
  background-color: #ffffff;
  position: absolute;
  top: 0px;
  left: 50%;
  margin-left: -100px;
}
.form-container .page-title {
  position: relative;
  z-index: 3;
}
.form {
  font-size: 0;
}
.form__title {
  text-align: center;
}
.form__intro {
  text-align: center;
}
.form__column {
  width: 50%;
  font-size: 21px;
  line-height: 28px;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
}
.form__column:nth-child(1) {
  padding-right: 44px;
}
.form__column:nth-child(2) {
  padding-left: 30px;
}
.form__submit {
  text-align: center;
  margin-top: 20px;
}
.form__item {
  display: block;
  clear: both;
  width: 100%;
  position: relative;
}
.form__label {
  display: inline-block;
  float: left;
  width: 40%;
  white-space: normal;
}
.form__input {
  display: inline-block;
  width: 60%;
}
.form__input--short {
  width: 115px;
  margin: 0 10px;
}
.form__star {
  color: #16c0e9;
}
.upload-button {
  position: relative;
  height: 28px;
  cursor: pointer;
}
.upload-button__container {
  width: 60%;
  left: 40%;
  position: relative;
  cursor: pointer;
  top: 17px;
}
.upload-button__file-list {
  width: 60%;
  left: 40%;
  position: relative;
  top: 28px;
}
.upload-button__text {
  position: absolute;
  top: 0px;
  left: 0px;
  font-size: 18px;
  line-height: 24px;
  color: #16c0e9;
  cursor: pointer;
  padding-left: 30px;
}
.upload-button__text:before {
  display: block;
  position: absolute;
  top: 4px;
  left: 0px;
  content: '';
  background-image: url(../img/sprite.png);
  background-position: -270px -120px;
  width: 18px;
  height: 17px;
}
.upload-button__text:hover {
  color: #29afe7;
}
.upload-button__file-input {
  position: absolute;
  top: 0px;
  left: 0px;
  opacity: 0;
  cursor: pointer !important;
}
.upload-button__file-input > * {
  cursor: pointer !important;
}
.upload-button__ul-list {
  padding-left: 0px !important;
}
.upload-button__ul-list li {
  margin-bottom: 6px;
  color: #565656;
  -webkit-transition: color .3s ease;
  -moz-transition: color .3s ease;
  -o-transition: color .3s ease;
  transition: color .3s ease;
  cursor: pointer;
  font-size: 18px;
  line-height: 24px;
  word-wrap: break-word;
  word-break: break-all;
  white-space: normal;
}
.upload-button__ul-list li:before {
  display: none !important;
}
.upload-button__ul-list li:hover {
  color: #29afe7;
}
.upload-button__ul-list li:hover .upload-button__remove:before {
  opacity: 0;
}
.upload-button__ul-list li:hover .upload-button__remove:after {
  opacity: 1;
}
.upload-button__remove {
  text-indent: -9999px;
  position: relative;
  width: 12px;
  height: 13px;
  margin-right: 15px;
  top: 1px;
  left: 6px;
  display: inline-block;
  vertical-align: middle;
  text-decoration: none;
}
.upload-button__remove:before {
  display: block;
  content: "";
  background-image: url(../img/sprite.png);
  background-position: -270px -150px;
  width: 12px;
  height: 13px;
  position: absolute;
  top: -2px;
  left: 0px;
  opacity: 1;
  -webkit-transition: opacity .3s ease;
  -moz-transition: opacity .3s ease;
  -o-transition: opacity .3s ease;
  transition: opacity .3s ease;
}
.upload-button__remove:after {
  display: block;
  content: "";
  background-image: url(../img/sprite.png);
  background-position: -290px -150px;
  width: 12px;
  height: 13px;
  position: absolute;
  top: -2px;
  left: 0px;
  opacity: 0;
  -webkit-transition: opacity .3s ease;
  -moz-transition: opacity .3s ease;
  -o-transition: opacity .3s ease;
  transition: opacity .3s ease;
}
.upload-button__remove:hover:before {
  opacity: 0;
}
.upload-button__remove:hover:after {
  opacity: 1;
}
@media screen and (max-width: 1400px) {
  .form__label {
    display: block;
    float: none;
    width: 100%;
  }
  .form__input {
    width: 100%;
  }
  .select__label {
    display: block;
    float: none;
  }
  .upload-button__file-list {
    margin-bottom: 30px;
    width: 100%;
    left: 0;
  }
  .upload-button__container {
    width: 100%;
    left: 0;
  }
}
/* datepicker */
.datepicker-container {
  position: relative;
  /*

    &:after {
        content: "";
        display: block;
        position: absolute;
        top: 7px;
        right: 10px;
        .sprite(@s-datepicker);
        opacity: 1;
        .transition(~'opacity 0.3s ease');
    }
    &:hover {
        &:after {
            opacity: 0;
        }
    }
    */
}
.ui-datepicker {
  font: 16px/24px Calibri, Candara, Segoe, Segoe UI, Optima, Arial, sans-serif;
  background: #ffffff;
  border-radius: 16px !important;
  box-shadow: 0px 5px 29px 0px rgba(0, 0, 0, 0.25);
  width: 262px;
}
#ui-datepicker-div {
  top: auto!important;
  left: auto!important;
  bottom: 50px!important;
  right: -14px;
}
.ui-datepicker-trigger {
  position: absolute;
  top: 7px;
  right: 10px;
  display: block;
}
.ui-datepicker-title {
  font-size: 16px;
  line-height: 24px;
  color: #565656;
  font-weight: normal;
}
.ui-datepicker-calendar th > span {
  font-weight: bold;
  color: #565656;
}
.ui-datepicker td a,
.ui-datepicker td span {
  color: #565656;
  font: 16px/24px Calibri, Candara, Segoe, Segoe UI, Optima, Arial, sans-serif;
  box-sizing: border-box;
  height: 29px;
  width: 29px;
  border: 1px solid #ffffff !important;
  border-radius: 5px;
  line-height: 27px;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}
.ui-datepicker td.ui-datepicker-week-end a,
.ui-datepicker td.ui-datepicker-week-end span {
  color: #16c0e9;
}
.ui-datepicker td a:hover {
  border: 1px solid #d5d5d5 !important;
  background: #ffffff !important;
  color: #565656;
}
.ui-datepicker td.ui-datepicker-week-end a:hover {
  background: #ffffff !important;
  color: #16c0e9 !important;
}
.ui-datepicker td a.ui-state-active {
  background: #16c0e9 !important;
  color: #ffffff !important;
}
.ui-datepicker td a.ui-state-active:hover {
  border: 1px solid #ffffff !important;
}
.ui-datepicker th {
  padding-bottom: 5px;
}
.ui-datepicker .ui-datepicker-header {
  margin-bottom: 15px;
}
.ui-datepicker td {
  height: 30px;
}
.ui-datepicker td.ui-datepicker-week-end a.ui-state-active {
  background: #16c0e9 !important;
  color: #ffffff !important;
}
.ui-datepicker .ui-datepicker-next,
.ui-datepicker .ui-datepicker-prev {
  width: 29px;
  height: 29px;
  box-sizing: border-box;
  border-radius: 50%;
  border: 1px solid #ffffff;
  -webkit-transition: border-color 0.3s ease;
  -moz-transition: border-color 0.3s ease;
  -o-transition: border-color 0.3s ease;
  transition: border-color 0.3s ease;
}
.ui-datepicker .ui-datepicker-next:hover,
.ui-datepicker .ui-datepicker-prev:hover {
  border: 1px solid #23c3ea !important;
}
.ui-datepicker .ui-datepicker-next:hover:before,
.ui-datepicker .ui-datepicker-prev:hover:before {
  opacity: 0;
}
.ui-datepicker .ui-datepicker-next:hover:after,
.ui-datepicker .ui-datepicker-prev:hover:after {
  opacity: 1;
}
.ui-datepicker .ui-datepicker-next:before,
.ui-datepicker .ui-datepicker-prev:before,
.ui-datepicker .ui-datepicker-next:after,
.ui-datepicker .ui-datepicker-prev:after {
  content: "";
  display: block;
  position: absolute;
  top: 5px;
  left: 10px;
  -webkit-transition: opacity 0.3s ease;
  -moz-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
.ui-datepicker .ui-datepicker-next:before,
.ui-datepicker .ui-datepicker-prev:before {
  opacity: 1;
}
.ui-datepicker .ui-datepicker-next:after,
.ui-datepicker .ui-datepicker-prev:after {
  opacity: 0;
}
.ui-datepicker .ui-datepicker-next:before {
  background-image: url(../img/sprite.png);
  background-position: -620px -60px;
  width: 9px;
  height: 16px;
}
.ui-datepicker .ui-datepicker-next:after {
  background-image: url(../img/sprite.png);
  background-position: -620px -80px;
  width: 9px;
  height: 16px;
}
.ui-datepicker .ui-datepicker-prev:before {
  background-image: url(../img/sprite.png);
  background-position: -600px -60px;
  width: 9px;
  height: 16px;
  left: 8px;
}
.ui-datepicker .ui-datepicker-prev:after {
  background-image: url(../img/sprite.png);
  background-position: -600px -80px;
  width: 9px;
  height: 16px;
  left: 8px;
}
/* /datepicker */
/*-- __Layout
------------------------------------------------------------*/
html,
body {
  height: 100%;
}
body {
  background: #f7f7f7;
  min-width: 1000px;
  font: 21px/28px Calibri, Candara, Segoe, Segoe UI, Optima, Arial, sans-serif;
  word-wrap: break-word;
}
.page {
  min-height: 100%;
  background: #ffffff;
  max-width: 1920px;
  margin: 0 auto;
  position: relative;
  z-index: 2;
  overflow: hidden;
}
.clear-footer {
  clear: both;
  height: 477px;
}
/*-- __Header
------------------------------------------------------------*/
.header {
  position: relative;
  -webkit-transition: top 0.3s ease;
  -moz-transition: top 0.3s ease;
  -o-transition: top 0.3s ease;
  transition: top 0.3s ease;
}
.header--inner:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 100%;
  width: 100%;
  background: linear-gradient(to bottom, rgba(2, 3, 3, 0.06) 0%, rgba(2, 3, 3, 0) 100%);
  height: 9px;
}
.header._fixed-hidden {
  top: -68px !important;
}
.header._fixed {
  width: 100%;
  max-width: 1920px;
  min-width: 1000px;
  position: fixed;
  top: 0;
  background: #ffffff;
  z-index: 10;
}
.header._fixed:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 100%;
  width: 100%;
  background: linear-gradient(to bottom, rgba(2, 3, 3, 0.06) 0%, rgba(2, 3, 3, 0) 100%);
  height: 9px;
}
.header._fixed:before {
  position: absolute;
  top: 0px;
  left: 0px;
  height: 68px;
  width: 100%;
  content: "";
  display: block;
}
.header._fixed .header__enter ._hide {
  display: none;
}
.header._fixed .header__enter-block {
  top: 17px;
}
.header._fixed .header__inner {
  height: 68px;
}
.header._fixed .header__enter--user {
  max-width: 95px;
  line-height: 16px;
  font-size: 0;
}
.header._fixed .header__popup-menu--horeca .header__popup-menu-body {
  top: 60px;
  left: 20px;
}
.header._fixed .header__popup-menu--horeca .header__popup-menu-body:before {
  left: 156px;
}
.header._fixed .header__popup-menu-body {
  left: -50px;
}
.header._fixed .menu {
  left: 110px;
  right: 340px;
  top: 23px;
}
.header._fixed .menu__item {
  font-size: 16px;
}
/*.header._fixed .menu__item:nth-child(4) {
  margin-left: 95px;
}*/
.header._fixed .logo {
  width: 114px;
  height: 43px;
  margin-left: -105px;
  top: 13px;
}
.header._fixed .basket {
  right: 130px;
  top: 18px;
}
.header._fixed + * {
  margin-top: 140px;
}
.header__inner {
  height: 140px;
  position: relative;
  max-width: 1480px;
  margin: 0 auto;
}
.header__enter-block {
  position: absolute;
  right: 120px;
  top: 19px;
}
.header__enter {
  color: #85969f;
  font-size: 13px;
  font-weight: 300;
  text-decoration: none;
}
.header__enter:hover {
  color: #29afe7;
}
.header__enter--user {
  padding-left: 30px;
  font-size: 16px;
  display: block;
}
.header__enter--user:before {
  display: block;
  content: '';
  position: absolute;
  top: 3px;
  left: 0px;
  background-image: url(../img/sprite.png);
  background-position: -350px -170px;
  width: 21px;
  height: 21px;
}
.header__enter--user:after {
  display: block;
  content: '';
  position: absolute;
  top: 11px;
  right: -20px;
  opacity: 1;
  -webkit-transition: opacity 0.3s ease;
  -moz-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  background-image: url(../img/sprite.png);
  background-position: -310px -150px;
  width: 13px;
  height: 7px;
}
.header__lang {
  color: #85969f;
  font-size: 13px;
  font-weight: 300;
  position: absolute;
  right: 85px;
  top: 21px;
  text-decoration: none;
}
.header__lang:hover {
  color: #29afe7;
}
.header__lang._knr {
  right: 20px;
}
/* Logo */
.logo {
  display: block;
  position: absolute;
  width: 200px;
  /*left: 50%;
  margin-left: -100px;*/
  left: 0;
  top: 30px;
  z-index: 2;
}
.logo__img {
  display: block;
  width: 100%;
}
.header._fixed .logo {
  left: 125px;
}
.header._fixed .header__enter-block {
  left: 190px;
}
.header._fixed .menu {
  left: 290px;
  right: auto;
  /*width: 680px;*/
  width: 1000px;
}
/*.header._fixed .menu .menu__item:nth-child(3) {
  margin-right: 0;
}
.header._fixed .menu .menu__item:nth-child(4) {
  margin-left: 0;
}*/
.header._fixed .basket {
  right: 120px;
}
@media screen and (max-width: 1480px) {
  .logo {
    left: 20px;
  }
}
@media screen and (max-width: 1340px) {
  .header._fixed .header__enter-block {
    left: 14.18%;
  }
  .header._fixed .menu {
    left: 21.642%;
    /*right: 370px;*/
    right: auto;
    width: auto;
  }
}
@media screen and (max-width: 1200px) {
  .logo {
    /*left: 46%;*/
    left: 20px;
  }
  .header._fixed .menu__item {
    font-size: 13px;
	margin-right: 20px;
  }
  .header._fixed .header__enter-block {
    left: 160px;
  }
  .header._fixed .menu {
    left: 240px;
    /*right: 150px;*/
    right: auto;
    width: auto;
  }
}
@media screen and (min-width: 1920px) {
  .header._fixed {
    left: 50% !important;
    margin-left: -960px;
  }
}
/*
@media screen and (max-width: 1130px) {
    .header._fixed .menu {
        left: 180px;
        right: 240px;
    }
    .header._fixed .menu__item:nth-child(4) {
        margin-left: 35px;
    }
    .header._fixed .basket {
        right: 60px;
    }
}
*/
/* /Logo */
/* Basket */
.basket {
  display: block;
  position: absolute;
  right: 20px;
  top: 54px;
  color: #16c0e9;
  text-decoration: none;
  padding: 0 0 0 38px;
}
.basket:before {
  content: "";
  display: block;
  position: absolute;
  background-image: url(../img/sprite.png);
  background-position: 0px 0px;
  width: 25px;
  height: 21px;
  left: 0;
  top: 5px;
}
.basket--full .basket__count {
  text-align: center;
  font-size: 20px;
  line-height: 26px;
  color: #ffffff;
  font-weight: bold;
}
.basket--full .basket__count:before {
  display: none;
}
.basket__count {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: #ff7200;
  margin-right: 12px;
}
.basket__count:before {
  content: "";
  display: block;
  background-image: url(../img/sprite.png);
  background-position: -50px 0px;
  width: 10px;
  height: 11px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -5px;
  margin-top: -5px;
}
.basket__count._empty:before {
  opacity: 0;
}
.basket__text {
  display: inline-block;
  vertical-align: middle;
  font-size: 16px;
  line-height: 20px;
}
.basket:hover {
  color: #29afe7;
}
/* /Basket */
/*-- __Menu
------------------------------------------------------------*/
.menu {
  position: absolute;
  /*left: 20px;*/
  /*right: 17.5%;*/
  /*right: 3.5%;*/
  /*top: 59px;*/
  left: 260px;
  top: 55px;
}
@media screen and (min-width: 1480px) {
  .menu {
    left: 240px;
  }
}
.menu__list {
  width: 100%;
  font: bold 20px/23px Calibri, Candara, Segoe, Segoe UI, Optima, Arial, sans-serif;
  text-transform: uppercase;
  /*text-align: justify;
  text-justify: newspapper;*/
}
/*.menu__list:after {
  content: "";
  display: inline-block;
  vertical-align: top;
  width: 100%;
}*/
.menu__item {
  display: inline-block;
  vertical-align: top;
  position: relative;
  margin-right: 40px;
}
/*.menu__item:nth-child(3) {
  margin-right: 115px;
}
.menu__item:nth-child(4) {
  margin-left: 115px;
}*/
.menu__item:hover .submenu {
  opacity: 1;
  visibility: visible;
}
.menu__item:hover .menu__link:hover {
  color: #29afe7;
}
.menu__link {
  color: #000000;
  text-decoration: none;
  -webkit-transition: color 0.3s ease;
  -moz-transition: color 0.3s ease;
  -o-transition: color 0.3s ease;
  transition: color 0.3s ease;
}
.submenu {
  position: absolute;
  top: 30px;
  /*left: -30px;*/
  left: 50%;
  margin-left: -100px;
  padding: 10px 0;
  background-color: #ffffff;
  border-radius: 15px;
  box-shadow: 0px 5px 29px 0px rgba(0, 0, 0, 0.25);
  z-index: 5;
  width: 200px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  visibility: hidden;
  opacity: 0;
}
.submenu:before {
  content: "";
  position: absolute;
  left: 50%;
  margin-left: -8px;
  top: -8px;
  display: block;
  width: 0;
  height: 0;
  content: '';
  border-left: 7.5px solid transparent;
  border-right: 7.5px solid transparent;
  border-bottom: 8px solid #ffffff;
  border-top: none;
}
.submenu > a {
  display: block;
  font-size: 16px;
  line-height: 30px;
  color: #565656;
  text-decoration: none;
  padding: 0 20px;
  text-transform: none;
  font-weight: normal;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  white-space: nowrap;
}
.submenu > a:hover {
  background-color: #e5f7ff;
  color: #16c0e9;
}
.submenu--horeca {
  opacity: 1;
  visibility: visible;
  transition: none;
  top: 37px;
  right: -42px;
  left: auto;
  width: 150px;
}
.submenu--horeca:before {
  left: 122px;
}
@media screen and (max-width: 1200px) {
  .menu {
    /*right: 21.5%;*/
    right: 0;
    top: 59px;
  }
  .menu__list {
    font-size: 16px;
  }
  .menu__item{
	margin-right: 20px;
  }
}
/*-- __Inside pages layout
------------------------------------------------------------*/
.inner-page {
  font-size: 0;
  max-width: 1480px;
  padding: 34px 20px 150px 20px;
  margin: 0 auto;
  box-sizing: border-box;
  white-space: nowrap;
}
.inner-section {
  font-size: 21px;
  display: inline-block;
  vertical-align: top;
  width: calc(100% - 274px);
  white-space: normal;
  position: relative;
}
.inner-section--no-sidebar {
  width: 100%;
}
.sidebar {
  margin-top: 25px;
  font-size: 21px;
  width: 241px;
  display: inline-block;
  vertical-align: top;
  white-space: normal;
  padding-left: 33px;
}
.sidebar--padded {
  margin-top: 56px;
}
/*-- __Footer
------------------------------------------------------------*/
.footer {
  background: #f7f6f3;
  max-width: 1920px;
  margin: -477px auto 0;
  position: relative;
  font-size: 0;
  z-index: 3;
}
.footer__inner {
  height: 477px;
  max-width: 1480px;
  margin: 0 auto;
  position: relative;
}
.footer__top {
  padding: 95px 20px 0;
  margin-bottom: 44px;
  white-space: nowrap;
}
.footer__top > div:first-child,
.footer__top > nav:first-child {
  display: inline-block;
  vertical-align: top;
  width: 37.4%;
}
.footer__bottom {
  padding: 0 20px;
  white-space: nowrap;
}
/* Footer menu */
.footer-menu {
  white-space: normal;
  font-size: 0;
}
.footer-menu__item {
  display: inline-block;
  vertical-align: top;
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 10px;
}
.footer-menu__item:nth-child(2n) {
  width: 50%;
}
.footer-menu__item:nth-child(2n+1) {
  width: 50%;
}
.footer-menu__link {
  color: #565656;
  text-decoration: none;
}
.footer-menu__link:hover {
  color: #29afe7;
}
/* /Footer menu */
/* Copyrights */
.copyrights {
  color: #565656;
  font-size: 16px;
  line-height: 24px;
  width: 37.4%;
  white-space: normal;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  padding-right: 15px;
}
.copyrights__license {
  display: block;
  margin-bottom: 6px;
}
.copyrights__dev {
  display: inline-block;
  vertical-align: middle;
  color: #565656;
  text-decoration: none;
}
.copyrights__dev:hover .redramka {
  color: #ed232a;
}
.redramka {
  display: inline-block;
  vertical-align: top;
  position: relative;
  padding-left: 25px;
}
.redramka:before {
  content: "";
  display: block;
  position: absolute;
  width: 8px;
  height: 8px;
  border: #ed232a solid 2px;
  left: 6px;
  top: 7px;
}
/* /Copyrights */
/* Contacts */
.footer-contacts {
  white-space: normal;
  display: inline-block;
  vertical-align: top;
  width: 41%;
}
.footer-contacts__title {
  font-size: 24px;
  line-height: 37px;
  color: #0c2e40;
  font-weight: bold;
  margin: -7px 0 2px;
}
.footer-contacts__phone {
  font-size: 56px;
  line-height: 60px;
  color: #0c2e40;
  font-weight: bold;
  margin-bottom: 19px;
}
.footer-contacts__address {
  font-size: 16px;
  line-height: 24px;
  font-weight: 300px;
  color: #565656;
}
/* /Contacts */
/* Social */
.footer-social {
  display: inline-block;
  vertical-align: top;
  white-space: normal;
  width: 41%;
}
.footer-social__link {
  display: inline-block;
  vertical-align: middle;
  -webkit-transition: opacity .3s ease;
  -moz-transition: opacity .3s ease;
  -o-transition: opacity .3s ease;
  transition: opacity .3s ease;
  text-indent: -9999px;
  margin-right: 20px;
  position: relative;
  top: 2px;
}
.footer-social__link._fb {
  background-image: url(../img/sprite.png);
  background-position: -230px -170px;
  width: 31px;
  height: 31px;
}
.footer-social__link._vk {
  background-image: url(../img/sprite.png);
  background-position: -270px -170px;
  width: 31px;
  height: 31px;
}
.footer-social__link._insta {
  background-image: url(../img/sprite.png);
  background-position: -230px -120px;
  width: 31px;
  height: 31px;
}
.footer-social__link:hover {
  opacity: 0.8;
}
.footer-social__txt {
  display: inline-block;
  vertical-align: middle;
  font-size: 16px;
  line-height: 21px;
  font-weight: 300;
  color: #565656;
}
/* /Social */
/* Phones */
.footer-phones {
  white-space: normal;
  display: inline-block;
  vertical-align: top;
  width: 21.6%;
  position: relative;
  top: -2px;
}
.footer-phones__place {
  font-size: 21px;
  font-weight: bold;
  line-height: 28px;
  color: #0c2e40;
  display: block;
  margin-bottom: 1px;
}
.footer-phones__phone {
  font-size: 21px;
  font-weight: 300;
  line-height: 28px;
  color: #565656;
  display: block;
  margin-bottom: 32px;
}
/* /Phones */
/* Horeca */
.footer-horeca {
  white-space: normal;
  display: inline-block;
  vertical-align: top;
  width: 21.6%;
  position: relative;
}
/* /Horeca */
.breadcrumbs {
  font-size: 16px;
  line-height: 21px;
  display: block;
  position: relative;
  color: #b9bec1;
  margin-bottom: 10px;
  text-decoration: none;
}
.breadcrumbs > a {
  text-decoration: none;
  color: #b9bec1;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.breadcrumbs > a:hover {
  color: #16c0e9;
}
.breadcrumbs--back {
  padding-left: 30px;
}
.breadcrumbs--back:before {
  content: "";
  display: block;
  position: absolute;
  top: 8px;
  left: 3px;
  background-image: url(../img/sprite.png);
  background-position: -70px -20px;
  width: 18px;
  height: 7px;
}
@media screen and (max-width: 1200px) {
  .footer-menu__item {
    font-size: 14px;
  }
  .footer-contacts {
    width: 35%;
  }
  .footer-contacts__title {
    font-size: 18px;
  }
  .footer-contacts__phone {
    font-size: 40px;
  }
  .footer-contacts__address {
    font-size: 14px;
  }
  .footer-phones {
    width: 27.6%;
  }
  .footer-phones__place {
    font-size: 18px;
  }
  .footer-phones__phone {
    font-size: 16px;
  }
  .copyrights {
    font-size: 14px;
  }
  .footer-social {
    width: 35%;
  }
  .footer-social__link {
    margin-right: 10px;
  }
  .footer-social__txt {
    font-size: 14px;
  }
  .footer-horeca {
    width: 27.6%;
  }
}
.social-news {
  display: table;
  margin-bottom: 40px;
}
.social-news__icons {
  display: table-cell;
  vertical-align: middle;
  height: 31px;
  font-size: 0;
}
.social-news__text {
  display: table-cell;
  vertical-align: middle;
  font-size: 16px;
  line-height: 21px;
  color: #565656;
  padding-right: 15px;
}
.social-news--top {
  position: absolute;
  top: 20px;
  right: 0;
}
.social-news__vk {
  display: inline-block;
  text-indent: -9999px;
  margin-right: 18px;
  background-image: url(../img/sprite.png);
  background-position: -270px -170px;
  width: 31px;
  height: 31px;
}
.social-news__fb {
  display: inline-block;
  text-indent: -9999px;
  background-image: url(../img/sprite.png);
  background-position: -230px -170px;
  width: 31px;
  height: 31px;
  margin-right: 18px;
}
.social-news__insta {
  display: inline-block;
  text-indent: -9999px;
  background-image: url(../img/sprite.png);
  background-position: -230px -120px;
  width: 31px;
  height: 31px;
}
.sidebar .social-news {
  display: block;
}
.sidebar .social-news__icons {
  display: block;
}
.sidebar .social-news__text {
  display: block;
  font-size: 16px;
  line-height: 20px;
  margin-bottom: 10px;
}
.sticker {
  font-size: 0;
}
.sticker__img {
  display: inline-block;
  vertical-align: middle;
}
.sticker__text {
  display: inline-block;
  vertical-align: middle;
  width: 485px;
  margin-left: 27px;
  font-size: 18px;
  line-height: 24px;
  color: #565656;
}
@media screen and (max-width: 1366px) {
  .sticker__text {
    width: 400px;
  }
}
/*-- __Popup common
------------------------------------------------------------*/
/* Container */
.popup-container {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  overflow-y: scroll;
  overflow-x: auto;
  z-index: 1000;
  display: none;
  text-align: center;
}
.popup-container:before {
  content: "";
  display: block;
  height: 100%;
  width: 0;
  display: inline-block;
  vertical-align: middle;
}
/* /Container */
/* Popup */
.popup {
  display: inline-block;
  vertical-align: middle;
  text-align: left;
  position: relative;
  box-sizing: border-box;
  width: 502px;
  height: 530px;
  margin: 70px 0;
  border-radius: 25px;
  background: #ffffff;
}
/* /Popup */
/* Close button */
.close-popup {
  display: block;
  position: absolute;
  z-index: 5;
  width: 26px;
  height: 26px;
  top: 13px;
  right: 12px;
  font-size: 0;
  outline: none;
  text-decoration: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.close-popup:before {
  content: "";
  display: block;
  background-image: url(../img/sprite.png);
  background-position: -270px -150px;
  width: 12px;
  height: 13px;
  -webkit-transition: opacity .3s ease;
  -moz-transition: opacity .3s ease;
  -o-transition: opacity .3s ease;
  transition: opacity .3s ease;
  position: absolute;
  left: 7px;
  top: 6px;
}
.close-popup:after {
  content: "";
  display: block;
  background-image: url(../img/sprite.png);
  background-position: -290px -150px;
  width: 12px;
  height: 13px;
  -webkit-transition: opacity .3s ease;
  -moz-transition: opacity .3s ease;
  -o-transition: opacity .3s ease;
  transition: opacity .3s ease;
  position: absolute;
  left: 7px;
  top: 6px;
  z-index: 2;
  opacity: 0;
}
.close-popup:hover:before {
  opacity: 0;
}
.close-popup:hover:after {
  opacity: 1;
}
/* /Close button */
/* Overlay */
.overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 999;
  background: url(../img/horeca-overlay.jpg) 50% 50% no-repeat;
  background-size: cover;
}
.overlay:before {
  content: "";
  background: #000000;
  opacity: 0.8;
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
}
/* /Overlay */
/*-- __Popup content
------------------------------------------------------------*/
.popup-content {
  padding: 55px 58px 0;
  text-align: center;
}
/*-- __Horeca
------------------------------------------------------------*/
.horeca__title {
  font-size: 80px;
  line-height: 80px;
  font-weight: bold;
  color: #0c2e40;
  text-align: center;
  margin-bottom: -2px;
}
.horeca__enter {
  font-size: 18px;
  line-height: 24px;
  font-weight: light;
  color: #565656;
  text-align: center;
}
.horeca__step-1 {
  padding-top: 74px;
}
.horeca__step-2 {
  display: none;
  padding: 38px 0 0;
}
.horeca__step-3 {
  display: none;
  padding: 89px 0 0;
  box-sizing: border-box;
}
.horeca__forget-1 {
  font-size: 21px;
  line-height: 29px;
  font-weight: bold;
  color: #0c2e40;
  margin-bottom: 11px;
}
.horeca__forget-2 {
  font-size: 21px;
  line-height: 28px;
  font-weight: 300;
  color: #565656;
  margin-bottom: 26px;
}
.horeca__forget-3 {
  font-size: 21px;
  line-height: 29px;
  font-weight: bold;
  color: #0c2e40;
  height: 165px;
}
h1.page-title,
h2.page-title {
  font-size: 65px;
  line-height: 70px;
  color: #0c2e40;
  font-weight: bold;
  margin-bottom: 18px;
}
p {
  font-size: 21px;
  line-height: 28px;
  color: #565656;
  margin-bottom: 25px;
}
h6 {
  font-size: 18px;
  line-height: 24px;
  font-weight: bold;
  color: #565656;
  margin-bottom: 6px;
  margin-top: 44px;
}
h2.h2 {
  font-size: 50px;
  line-height: 70px;
  font-weight: bold;
  color: #0c2e40;
  margin-bottom: 14px;
  margin-top: 36px;
}
.text h2 {
  font-size: 50px;
  line-height: 55px;
  font-weight: bold;
  color: #0c2e40;
  margin-bottom: 21px;
  margin-top: 43px;
}
.text h3 {
  font-size: 32px;
  line-height: 32px;
  font-weight: bold;
  color: #0c2e40;
  margin-bottom: 26px;
  margin-top: 35px;
}
.text h4 {
  font-size: 24px;
  line-height: 32px;
  font-weight: bold;
  color: #0c2e40;
  margin-bottom: 14px;
  margin-top: 47px;
}
.text h5 {
  font-size: 21px;
  line-height: 26px;
  font-weight: bold;
  color: #0c2e40;
  margin-bottom: 11px;
  margin-top: 44px;
}
.text h6 {
  font-size: 18px;
  line-height: 24px;
  font-weight: bold;
  color: #565656;
  margin-bottom: 6px;
  margin-top: 44px;
}
.text p {
  font-size: 21px;
  line-height: 28px;
  color: #565656;
  margin-bottom: 25px;
}
.text p.main-text {
  font-size: 32px;
  line-height: 38px;
  color: #0c2e40;
}
.text p > img {
  float: left;
  padding-right: 20px;
  padding-bottom: 10px;
  padding-top: 8px;
}
.text img {
  display: block;
}
.text img.left {
  float: left;
  margin: 0 20px 10px 0;
}
.text img[align="left"] {
  float: left;
  margin: 0 20px 10px 0;
}
.text img.right {
  float: right;
  margin: 0 0 10px 20px;
}
.text img[align="right"] {
  float: right;
  margin: 0 0 10px 20px;
}
.text .img-container {
  display: block;
  max-width: 356px;
  float: left;
  padding-right: 20px;
  padding-top: 8px;
}
.text .img-container img {
  width: 100%;
}
.text .img-container .img-title {
  display: block;
  margin-top: 10px;
  font-size: 16px;
  line-height: 20px;
  color: #b9bec1;
}
.text .img-title {
  display: none;
}
.text a {
  color: #16c0e9;
  -webkit-transition: color .3s ease;
  -moz-transition: color .3s ease;
  -o-transition: color .3s ease;
  transition: color .3s ease;
}
.text a:hover {
  color: #29afe7;
}
.text ul {
  padding-left: 12px;
  margin: 15px 0;
}
.text ul li {
  font-size: 18px;
  line-height: 28px;
  color: #565656;
  font-weight: light;
  position: relative;
}
.text ul li:before {
  display: block;
  content: "";
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #16c0e9;
  position: absolute;
  top: 12px;
  left: -12px;
}
.text ul ul {
  padding-left: 46px;
}
.text ul ul li:before {
  background: none;
  width: auto;
  height: auto;
  color: #565656;
  border-radius: 0;
  content: "—";
  font-size: 18px;
  line-height: 28px;
  top: 0;
  left: -20px;
}
.text ol {
  margin: 15px 0;
  /* убираем стандартную нумерацию */
  list-style: none;
  /* Идентифицируем счетчик и даем ему имя li. Значение счетчика не указано - по умолчанию оно равно 0 */
  counter-reset: li;
}
.text ol li {
  font-size: 18px;
  line-height: 28px;
  color: #565656;
  font-weight: light;
}
.text ol li:before {
  /* Определяем элемент, который будет нумероваться — li. Псевдоэлемент before указывает, что содержимое, вставляемое при помощи свойства content, будет располагаться перед пунктами списка. Здесь же устанавливается значение приращения счетчика (по умолчанию равно 1). */
  counter-increment: li;
  /* С помощью свойства content выводится номер пункта списка. counters() означает, что генерируемый текст представляет собой значения всех счетчиков с таким именем. Точка в кавычках добавляет разделяющую точку между цифрами, а точка с пробелом добавляется перед содержимым каждого пункта списка */
  content: counters(li, ".") ". ";
}
.text ol ol {
  padding-left: 40px;
}
.text .table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 40px;
}
.text .table tr:nth-child(1) td,
.text .table tr:nth-child(1) th {
  border-top: none;
}
.text .table td,
.text .table th {
  font-size: 16px;
  line-height: 24px;
  color: #565656;
  padding: 8px 5px;
  border-top: 1px solid #d5d5d5;
  vertical-align: top;
}
.text .table td:nth-child(1),
.text .table th:nth-child(1) {
  padding-left: 0;
}
.text .table td:last-child,
.text .table th:last-child {
  padding-right: 0;
}
.sidebar-menu {
  background: #e5f7ff;
  border-radius: 18px;
  padding: 32px;
  margin-bottom: 70px;
}
.sidebar-menu__item {
  margin-bottom: 15px;
}
.sidebar-menu__item:last-child {
  margin-bottom: 0;
}
.sidebar-menu__link {
  color: #565656;
  text-decoration: none;
  font-size: 21px;
  line-height: 28px;
  -webkit-transition: color .3s ease;
  -moz-transition: color .3s ease;
  -o-transition: color .3s ease;
  transition: color .3s ease;
}
.sidebar-menu__link:hover {
  color: #29afe7;
}
.sidebar-menu__link._active {
  color: #16c0e9;
  position: relative;
}
.sidebar-menu__link._active:before {
  display: block;
  content: "";
  width: 5px;
  height: 5px;
  background: #16c0e9;
  border-radius: 50%;
  position: absolute;
  top: 11px;
  left: -12px;
}
.sidebar-contacts {
  /*margin-top: 70px;*/
  margin-bottom: 70px;
  background: #fff1e6;
  border-radius: 18px;
  padding: 32px 20px 32px 32px;
  position: relative;
}
.sidebar-contacts:before {
  display: block;
  content: "";
  width: 59px;
  height: 59px;
  background: #fff1e6;
  border-radius: 50%;
  position: absolute;
  top: -30px;
  left: 91px;
}
.sidebar-contacts:after {
  display: block;
  content: "";
  background-image: url(../img/sprite.png);
  background-position: -450px 0px;
  width: 15px;
  height: 27px;
  position: absolute;
  top: -15px;
  left: 113px;
}
.sidebar-contacts__name {
  display: block;
  font-size: 18px;
  line-height: 24px;
  font-weight: bold;
  color: #565656;
}
.sidebar-contacts__fax {
  display: block;
  font-size: 18px;
  line-height: 24px;
  font-weight: light;
  color: #565656;
  margin-bottom: 24px;
}
.sidebar-contacts__info {
  display: block;
  font-size: 18px;
  line-height: 24px;
  font-weight: light;
  color: #565656;
  margin-bottom: 24px;
}
.sidebar-contacts__hotline {
  padding-top: 20px;
  position: relative;
  margin-top: 14px;
}
.sidebar-contacts__hotline:before {
  display: block;
  content: "";
  width: 177px;
  height: 1px;
  background: #e9ded5;
  position: absolute;
  top: 0px;
  left: 0px;
}
.sidebar-contacts__hotline-name {
  display: block;
  font-size: 16px;
  line-height: 24px;
  font-weight: light;
  color: #565656;
}
.sidebar-contacts__hotline-number {
  display: block;
  font-size: 24px;
  line-height: 32px;
  font-weight: bold;
  color: #0c2e40;
}
/*-- __Main page slider
------------------------------------------------------------*/
.main-slider {
  margin-bottom: 104px;
}
.slider__item {
  height: 750px;
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
  font-size: 0;
  white-space: nowrap;
}
.slider__item:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  height: 100%;
}
.slider__status {
  position: absolute;
  text-align: center;
  width: 150px;
  font-size: 24px;
  line-height: 32px;
  left: 0;
  top: -52px;
}
.slider__block {
  display: inline-block;
  vertical-align: middle;
  white-space: normal;
  color: #ffffff;
  max-width: 500px;
  margin-left: 50%;
  padding-left: 60px;
}
.slider__h2 {
  font-size: 80px;
  line-height: 70px;
  font-weight: 700;
  margin-bottom: 33px;
}
.slider__h3 {
  font-size: 36px;
  line-height: 40px;
  font-weight: 300;
}
.slider .owl-nav {
  position: relative;
  margin: 0 auto;
  max-width: 1480px;
}
.slider .owl-prev {
  text-indent: -9999px;
  position: absolute;
  width: 102px;
  height: 102px;
  border-radius: 50%;
  box-sizing: border-box;
  border: transparent solid 1px;
  background: #ffffff;
  top: -425px;
  opacity: 0;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
  left: 20px;
}
.slider .owl-prev:after {
  content: "";
  display: block;
  position: absolute;
  left: 32px;
  top: 23px;
  background-image: url(../img/sprite.png);
  background-position: 0px -170px;
  width: 28px;
  height: 54px;
  -webkit-transition: opacity .3s ease;
  -moz-transition: opacity .3s ease;
  -o-transition: opacity .3s ease;
  transition: opacity .3s ease;
}
.slider .owl-prev:hover {
  opacity: 1 !important;
}
.slider .owl-next {
  text-indent: -9999px;
  position: absolute;
  width: 102px;
  height: 102px;
  border-radius: 50%;
  box-sizing: border-box;
  border: transparent solid 1px;
  background: #ffffff;
  top: -425px;
  right: 20px;
  opacity: 0;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}
.slider .owl-next:after {
  content: "";
  display: block;
  position: absolute;
  right: 32px;
  top: 23px;
  background-image: url(../img/sprite.png);
  background-position: -30px -170px;
  width: 28px;
  height: 54px;
  -webkit-transition: opacity .3s ease;
  -moz-transition: opacity .3s ease;
  -o-transition: opacity .3s ease;
  transition: opacity .3s ease;
}
.slider .owl-next:hover {
  opacity: 1 !important;
}
.slider:hover .owl-prev,
.slider:hover .owl-next {
  opacity: 0.5;
}
.slider .owl-dots {
  font-size: 0;
  position: absolute;
  width: 100%;
  text-align: center;
  left: 0;
  bottom: 21px;
}
.slider .owl-dots .owl-dot {
  display: inline-block;
  vertical-align: middle;
  margin: 0 5px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  box-sizing: border-box;
  border: #ffffff solid 1px;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}
.slider .owl-dots .owl-dot:hover {
  border-color: #16c0e9;
  transform: scale(1.3);
  cursor: pointer;
}
.slider .owl-dots .owl-dot.active {
  border-color: #16c0e9;
  background: #16c0e9;
}
.slider .owl-dots .owl-dot.active:hover {
  transform: scale(1);
  cursor: default;
}
.slider--inner {
  width: 674px;
}
.slider--inner .slider__item {
  width: auto;
  height: auto;
}
.slider--inner .slider__item img {
  display: block;
  /*width: 674px;*/
  max-height: 500px;
}
.slider--inner .slider__block {
  max-width: 674px;
  margin-left: 0;
  padding-left: 0;
}
.slider--inner .owl-prev {
  width: 29px;
  height: 29px;
  border: transparent solid 1px;
  top: -50px;
  margin-top: 0;
  opacity: 1;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
  left: 0;
}
.slider--inner .owl-prev:after {
  content: "";
  display: block;
  position: absolute;
  left: 8px;
  top: 6px;
  opacity: 1;
  background-image: url(../img/sprite.png);
  background-position: -600px -60px;
  width: 9px;
  height: 16px;
  -webkit-transition: opacity .3s ease;
  -moz-transition: opacity .3s ease;
  -o-transition: opacity .3s ease;
  transition: opacity .3s ease;
}
.slider--inner .owl-prev:before {
  content: "";
  display: block;
  position: absolute;
  left: 8px;
  top: 6px;
  opacity: 0;
  background-image: url(../img/sprite.png);
  background-position: -600px -80px;
  width: 9px;
  height: 16px;
  -webkit-transition: opacity .3s ease;
  -moz-transition: opacity .3s ease;
  -o-transition: opacity .3s ease;
  transition: opacity .3s ease;
}
.slider--inner .owl-prev:hover {
  border-color: #16c0e9;
}
.slider--inner .owl-prev:hover:after {
  opacity: 0;
}
.slider--inner .owl-prev:hover:before {
  opacity: 1;
}
.slider--inner .owl-next {
  width: 29px;
  height: 29px;
  border: transparent solid 1px;
  top: -50px;
  margin-top: 0;
  right: 0;
  left: 120px;
  opacity: 1;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}
.slider--inner .owl-next:after {
  content: "";
  display: block;
  position: absolute;
  left: 10px;
  top: 6px;
  opacity: 1;
  background-image: url(../img/sprite.png);
  background-position: -620px -60px;
  width: 9px;
  height: 16px;
  -webkit-transition: opacity .3s ease;
  -moz-transition: opacity .3s ease;
  -o-transition: opacity .3s ease;
  transition: opacity .3s ease;
}
.slider--inner .owl-next:before {
  content: "";
  display: block;
  position: absolute;
  left: 10px;
  top: 6px;
  opacity: 0;
  background-image: url(../img/sprite.png);
  background-position: -620px -80px;
  width: 9px;
  height: 16px;
  -webkit-transition: opacity .3s ease;
  -moz-transition: opacity .3s ease;
  -o-transition: opacity .3s ease;
  transition: opacity .3s ease;
}
.slider--inner .owl-next:hover {
  border-color: #16c0e9;
}
.slider--inner .owl-next:hover:after {
  opacity: 0;
}
.slider--inner .owl-next:hover:before {
  opacity: 1;
}
.slider--inner .owl-dots {
  display: none;
  font-size: 0;
  position: absolute;
  width: 100%;
  text-align: center;
  left: 0;
  bottom: 21px;
}
.slider--inner .owl-dots .owl-dot {
  display: inline-block;
  vertical-align: middle;
  margin: 0 5px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  box-sizing: border-box;
  border: #ffffff solid 1px;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}
.slider--inner .owl-dots .owl-dot:hover {
  border-color: #16c0e9;
  transform: scale(1.3);
  cursor: pointer;
}
.slider--inner .owl-dots .owl-dot.active {
  border-color: #16c0e9;
  background: #16c0e9;
}
.slider--inner .owl-dots .owl-dot.active:hover {
  transform: scale(1);
  cursor: default;
}
.slider--inner:hover .owl-prev,
.slider--inner:hover .owl-next {
  opacity: 1;
}
@media screen and (max-width: 1200px) {
  .slider__block {
    margin-left: 40%;
  }
}
/*-- __Main page catalog
------------------------------------------------------------*/
.main-catalog {
  max-width: 1480px;
  padding: 0 20px 155px;
  margin: 0 auto;
  box-sizing: border-box;
}
.main-catalog__h2 {
  font-size: 65px;
  line-height: 70px;
  color: #0c2e40;
  font-weight: bold;
  text-align: center;
  margin-bottom: 42px;
}
.main-catalog__list {
  font-size: 0;
  text-align: justify;
  text-justify: newspapper;
}
.main-catalog__list:after {
  content: "";
  display: inline-block;
  vertical-align: top;
  width: 100%;
}
.main-catalog__item {
  display: inline-block;
  vertical-align: top;
  width: 241px;
  height: 165px;
  text-decoration: none;
  border-radius: 10px;
  position: relative;
  color: #0c2e40;
  margin: 0 0 50px 0;
}
.main-catalog__img {
  display: block;
  -webkit-transition: opacity .3s ease;
  -moz-transition: opacity .3s ease;
  -o-transition: opacity .3s ease;
  transition: opacity .3s ease;
  border-radius: 15px;
}
.main-catalog__item:hover .main-catalog__img {
  opacity: 0.8;
}
.main-catalog__text {
  font-size: 18px;
  line-height: 18px;
  display: block;
  position: absolute;
  left: 29px;
  bottom: 27px;
  width: 100px;
}
.main-catalog__more {
  display: inline-block;
  vertical-align: top;
  width: 241px;
  height: 165px;
  txt-decoration: none;
  position: relative;
  margin: 0 0 50px 0;
  box-sizing: border-box;
  border: #21bbe6 solid 1px;
  color: #21bbe6;
  border-radius: 15px;
}
.main-catalog__more:before {
  content: "";
  display: block;
  width: 123px;
  height: 10px;
  position: absolute;
  bottom: -5px;
  right: 26px;
  background: #ffffff;
}
.main-catalog__more:after {
  content: "";
  display: block;
  position: absolute;
  background-image: url(../img/sprite.png);
  background-position: 0px -30px;
  width: 212px;
  height: 139px;
  bottom: -113px;
  right: 16px;
}
.main-catalog__link {
  font-size: 21px;
  line-height: 26px;
  position: absolute;
  left: 73px;
  top: 55px;
}
.main-catalog__link:after {
  content: "";
  display: block;
  position: absolute;
  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACkAAAANCAYAAAA0XUfWAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIxJREFUeNpiVNz9jGGQgPNAXAnEO9AlmBgGD0gH4vlA7DGYHXkKiIOwOXQwORIEjkMdugjZoYPNkTCH+iM7dDA6EsOhLEBCCIgfAjHPIHXwfFBIvgNiXiBmHGTYFuq26MEa3TZAvBGIQ4F4H9Ngd+BgzDggB65DduBgcyTMgRHIDhxsjuzF5kAQAAgwABiUGxX5X0DaAAAAAElFTkSuQmCC') 100% 0 no-repeat;
  width: 21px;
  height: 13px;
  left: 100%;
  top: 20px;
  margin-left: 11px;
  -webkit-transition: width .3s ease;
  -moz-transition: width .3s ease;
  -o-transition: width .3s ease;
  transition: width .3s ease;
}
.main-catalog__more:hover .main-catalog__link:after {
  width: 41px;
}
@media screen and (max-width: 1310px) {
  .main-catalog {
    width: 996px;
    padding: 0 0 230px;
  }
  .main-catalog__list {
    text-align: center;
  }
  .main-catalog__item {
    text-align: left;
  }
  .main-catalog__item,
  .main-catalog__more {
    margin: 0 4px 13px;
  }
}
/*-- __Main page map
------------------------------------------------------------*/
.main-map {
  position: relative;
  background: #865ecf;
  height: 750px;
  padding-top: 373px;
  box-sizing: border-box;
  text-align: center;
  margin-bottom: 123px;
}
.main-map__helper {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  overflow: hidden;
  background: url(../img/map.png) 50% 0 no-repeat;
  background-attachment: fixed;
}
.main-map__title {
  color: #ffffff;
  font-size: 65px;
  line-height: 70px;
  text-align: center;
  width: 100%;
  position: absolute;
  z-index: 5;
  left: 0;
  top: 259px;
  font-weight: bold;
}
.main-map__title:after {
  content: "";
}
.main-map__title-text {
  display: inline-block;
  vertical-align: middle;
  position: relative;
}
.main-map__title-text:before {
  content: "";
  display: block;
  background-image: url(../img/sprite.png);
  background-position: -120px 0px;
  width: 127px;
  height: 13px;
  position: absolute;
  bottom: -8px;
  right: 78px;
}
.main-map__list {
  max-width: 1480px;
  margin: 0 auto;
  text-align: justify;
  text-justify: nespapper;
  font-size: 0;
  line-height: 0;
  position: relative;
  z-index: 5;
  padding-bottom: 11px;
}
.main-map__list:after {
  content: "";
  display: inline-block;
  vertical-align: top;
  width: 100%;
}
.main-map__item {
  display: inline-block;
  vertical-align: top;
  width: 33%;
  text-align: center;
  font-size: 21px;
  line-height: 28px;
  font-weight: 300;
  color: #ffffff;
  margin-bottom: 40px;
}
.main-map__item:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  background-image: url(../img/sprite.png);
  background-position: -30px 0px;
  width: 17px;
  height: 12px;
  margin-right: 11px;
  position: relative;
  top: -2px;
}
.main-map__btn {
  position: relative;
  z-index: 5;
}
/* Marker */
.marker {
  position: absolute;
  left: 50%;
  margin-left: -144px;
  top: -150px;
  width: 288px;
  height: 391px;
  text-decoration: none;
  color: #ffffff;
  text-align: center;
  padding-top: 39px;
  box-sizing: border-box;
  -webkit-transition: all .8s ease;
  -moz-transition: all .8s ease;
  -o-transition: all .8s ease;
  transition: all .8s ease;
  opacity: 0;
  margin-top: 50px;
}
.marker._scrolled {
  opacity: 1;
  margin-top: 0px;
}
.marker:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  background-image: url(../img/sprite.png);
  background-position: 0px -230px;
  width: 288px;
  height: 391px;
  z-index: 1;
  -webkit-transition: opacity .3s ease;
  -moz-transition: opacity .3s ease;
  -o-transition: opacity .3s ease;
  transition: opacity .3s ease;
}
.marker:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  background-image: url(../img/sprite.png);
  background-position: -300px -230px;
  width: 288px;
  height: 391px;
  z-index: 2;
  opacity: 0;
  -webkit-transition: opacity .3s ease;
  -moz-transition: opacity .3s ease;
  -o-transition: opacity .3s ease;
  transition: opacity .3s ease;
}
.marker:hover:after {
  opacity: 1;
}
.marker__pre {
  display: block;
  position: relative;
  z-index: 3;
  font-size: 26px;
  line-height: 26px;
  font-weight: 300;
  width: 150px;
  margin: 0 auto 25px;
}
.marker__count {
  display: block;
  position: relative;
  z-index: 3;
  font-size: 130px;
  line-height: 64px;
  font-weight: bold;
  margin: 0 auto 25px;
}
.marker__post {
  display: block;
  position: relative;
  z-index: 3;
  font-size: 26px;
  line-height: 26px;
  font-weight: 300;
  width: 110px;
  margin: 0 auto;
}
/* /Marker */
/*-- __Main page quality
------------------------------------------------------------*/
.main-quality {
  max-width: 1480px;
  margin: 0 auto 155px;
  padding: 0 20px;
  box-sizing: border-box;
}
.main-quality__title {
  text-align: center;
  font-size: 65px;
  line-height: 70px;
  color: #0c2e40;
  font-weight: 700;
  margin-bottom: 42px;
}
.main-quality__list {
  font-size: 0;
  line-height: 0;
  text-align: justify;
  text-justify: newspapper;
}
.main-quality__list:after {
  content: "";
  display: inline-block;
  vertical-align: top;
  width: 100%;
}
.main-quality__item {
  display: inline-block;
  vertical-align: top;
  text-align: center;
  width: 23%;
}
.main-quality__img {
  display: block;
  margin: 0 auto 23px;
}
.main-quality__txt {
  color: #565656;
  font-size: 21px;
  line-height: 28px;
  font-weight: 300;
}
/*-- __Main page production
------------------------------------------------------------*/
.main-production {
  background: #fff1e2;
  margin-bottom: 122px;
}
.main-production__inner {
  height: 750px;
  max-width: 1480px;
  position: relative;
  margin: 0 auto;
  white-space: nowrap;
  font-size: 0;
}
.main-production__inner:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 0;
  height: 100%;
}
.main-production__block {
  display: inline-block;
  vertical-align: middle;
  width: 50%;
  margin-left: 50%;
}
.main-production__title {
  font-size: 65px;
  line-height: 70px;
  color: #0c2e40;
  font-weight: 700;
  margin-bottom: 37px;
  white-space: normal;
  max-width: 620px;
}
.main-production__text {
  white-space: normal;
  color: #565656;
  font-size: 21px;
  line-height: 28px;
  font-weight: 300;
  max-width: 530px;
  margin-bottom: 47px;
}
/* Ice cream */
.ice-cream {
  position: absolute;
  width: 650px;
  height: 752px;
  left: -10px;
  bottom: -77px;
}
.ice-cream__item-1 {
  width: 610px;
  height: 712px;
  left: 20px;
  top: 20px;
  position: absolute;
}
.ice-cream__item-1:before {
  content: "";
  background-image: url(../img/sprite.png);
  background-position: -70px -170px;
  width: 37px;
  height: 39px;
  position: absolute;
  left: 47px;
  top: 146px;
}
.ice-cream__item-2 {
  width: 590px;
  height: 692px;
  left: 30px;
  top: 30px;
  position: absolute;
}
.ice-cream__item-2:before {
  content: "";
  background-image: url(../img/sprite.png);
  background-position: -250px 0px;
  width: 65px;
  height: 61px;
  position: absolute;
  left: 50px;
  top: 79px;
}
.ice-cream__item-3 {
  width: 610px;
  height: 712px;
  left: 20px;
  top: 20px;
  position: absolute;
}
.ice-cream__item-3:before {
  content: "";
  background-image: url(../img/sprite.png);
  background-position: -110px -170px;
  width: 38px;
  height: 40px;
  position: absolute;
  left: 224px;
  top: 133px;
}
.ice-cream__item-4 {
  width: 590px;
  height: 692px;
  left: 30px;
  top: 30px;
  position: absolute;
}
.ice-cream__item-4:before {
  content: "";
  background-image: url(../img/sprite.png);
  background-position: -320px 0px;
  width: 59px;
  height: 55px;
  position: absolute;
  left: 214px;
  top: 175px;
}
.ice-cream__img {
  display: block;
  width: 630px;
  height: 732px;
  position: absolute;
  left: 10px;
  top: 10px;
}
/* /Ice cream */
@media screen and (max-width: 1360px) {
  .main-production__block {
    width: 60%;
    margin-left: 40%;
  }
  .ice-cream {
    left: -280px;
  }
}
/*-- __Main page news
------------------------------------------------------------*/
.main-news {
  max-width: 1480px;
  margin: 0 auto;
  box-sizing: border-box;
  padding: 0 20px;
  position: relative;
  margin-bottom: 100px;
}
.main-news__title {
  color: #0c2e40;
  font-size: 63px;
  line-height: 70px;
  font-weight: bold;
  margin-bottom: 35px;
}
.main-news__all {
  position: absolute;
  top: 37px;
  right: 52px;
  text-decoration: none;
  font-size: 21px;
  line-height: 26px;
  color: #21bbe6;
  -webkit-transition: color .3s ease;
  -moz-transition: color .3s ease;
  -o-transition: color .3s ease;
  transition: color .3s ease;
}
.main-news__all:before {
  content: "";
  display: block;
  background-image: url(../img/sprite.png);
  background-position: -170px -180px;
  width: 18px;
  height: 8px;
  top: 10px;
  right: -33px;
  position: absolute;
  -webkit-transition: opacity .3s ease;
  -moz-transition: opacity .3s ease;
  -o-transition: opacity .3s ease;
  transition: opacity .3s ease;
}
.main-news__all:after {
  content: "";
  display: block;
  background-image: url(../img/sprite.png);
  background-position: -200px -180px;
  width: 18px;
  height: 8px;
  top: 10px;
  right: -33px;
  position: absolute;
  opacity: 0;
  -webkit-transition: opacity .3s ease;
  -moz-transition: opacity .3s ease;
  -o-transition: opacity .3s ease;
  transition: opacity .3s ease;
}
.main-news__all:hover {
  color: #29afe7;
}
.main-news__all:hover:before {
  opacity: 0;
}
.main-news__all:hover:after {
  opacity: 1;
}
.news-list {
  font-size: 0;
  line-height: 0;
  text-align: justify;
  text-justify: newspapper;
}
.news-list:after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 100%;
}
.news-list--nojustify {
  text-align: left;
}
.news-list--nojustify .news-item,
.news-list--nojustify .news-item-big {
  margin-right: 4.075%;
}
.news-list--nojustify .news-item:nth-child(5n),
.news-list--nojustify .news-item-big:nth-child(5n) {
  margin-right: 0;
}
.sidebar .news-item {
  width: 100%;
}
@media screen and (max-width: 1360px) {
  .news-list--nojustify .news-item,
  .news-list--nojustify .news-item-big {
    margin-right: 4%;
  }
  .news-list--nojustify .news-item:nth-child(4n),
  .news-list--nojustify .news-item-big:nth-child(4n) {
    margin-right: 0;
  }
  .news-list--nojustify .news-item:nth-child(5n),
  .news-list--nojustify .news-item-big:nth-child(5n) {
    margin-right: 4%;
  }
}
.news-item {
  display: inline-block;
  vertical-align: top;
  text-decoration: none;
  width: 16.74%;
  text-align: left;
  margin-bottom: 50px;
}
.news-item__helper {
  overflow: hidden;
  border-radius: 15px;
  margin-bottom: 13px;
  display: block;
  position: relative;
  height: 165px;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
}
.news-item__helper:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #000000;
  opacity: 0;
  border-radius: 15px;
  -webkit-transition: opacity .3s ease;
  -moz-transition: opacity .3s ease;
  -o-transition: opacity .3s ease;
  transition: opacity .3s ease;
}
.news-item__img {
  display: block;
  width: 241px;
  height: 165px;
}
.news-item__title {
  font-size: 24px;
  line-height: 28px;
  color: #0c2e40;
  display: block;
  padding: 0 0 0 5px;
  margin-bottom: 11px;
  font-weight: bold;
  -webkit-transition: color .3s ease;
  -moz-transition: color .3s ease;
  -o-transition: color .3s ease;
  transition: color .3s ease;
}
.news-item__text {
  color: #565656;
  font-size: 18px;
  line-height: 24px;
  display: block;
  padding: 0 0 0 5px;
  margin-bottom: 4px;
}
.news-item__date {
  color: #565656;
  font-size: 12px;
  line-height: 26px;
  opacity: 0.4;
  display: block;
  padding: 0 0 0 5px;
}
.news-item:hover .news-item__title {
  color: #29afe7;
}
.news-item:hover .news-item__helper:before {
  opacity: 0.2;
}
.news-item-big {
  display: inline-block;
  vertical-align: top;
  text-decoration: none;
  width: 37.555%;
  position: relative;
  overflow: hidden;
  border-radius: 15px;
  text-align: left;
  height: 330px;
  margin-bottom: 50px;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
}
.news-item-big:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.04) 15%, rgba(0, 0, 0, 0.15) 30%, rgba(0, 0, 0, 0.28) 41%, rgba(0, 0, 0, 0.55) 60%, rgba(0, 0, 0, 0.65) 68%, rgba(0, 0, 0, 0.7) 78%, rgba(0, 0, 0, 0.7) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.news-item-big:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #000000;
  opacity: 0;
  z-index: 1;
  border-radius: 15px;
  -webkit-transition: opacity .3s ease;
  -moz-transition: opacity .3s ease;
  -o-transition: opacity .3s ease;
  transition: opacity .3s ease;
}
.news-item-big:hover:after {
  opacity: 0.2;
}
.news-item-big__helper {
  overflow: hidden;
  border-radius: 15px;
  margin-bottom: 13px;
  display: block;
  position: relative;
  display: none;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
}
.news-item-big__helper:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #000000;
  opacity: 0;
  -webkit-transition: opacity .3s ease;
  -moz-transition: opacity .3s ease;
  -o-transition: opacity .3s ease;
  transition: opacity .3s ease;
}
.news-item-big__img {
  display: block;
  width: 539px;
  height: 330px;
}
.news-item-big__image {
  display: block;
  width: 241px;
  height: 165px;
}
.news-item-big__title {
  font-size: 24px;
  line-height: 28px;
  color: #ffffff;
  display: block;
  position: absolute;
  z-index: 2;
  left: 29px;
  bottom: 49px;
  right: 29px;
}
.news-item-big__text {
  color: #565656;
  font-size: 18px;
  line-height: 24px;
  display: none;
  padding: 0 0 0 5px;
  margin-bottom: 4px;
}
.news-item-big__date {
  color: #faecde;
  font-size: 12px;
  line-height: 26px;
  opacity: 0.4;
  display: block;
  position: absolute;
  z-index: 2;
  left: 29px;
  bottom: 21px;
}
@media screen and (max-width: 1360px) {
  .news-item {
    width: 22%;
  }
  .news-item-big {
    width: 22%;
    height: auto;
    overflow: visible;
    border-radius: 0;
    background: none !important;
  }
  .news-item-big:before,
  .news-item-big:after {
    display: none;
  }
  .news-item-big__helper {
    display: block;
    height: 165px;
  }
  .news-item-big__img {
    display: none;
  }
  .news-item-big__title {
    position: static;
    font-size: 24px;
    line-height: 28px;
    color: #0c2e40;
    display: block;
    padding: 0 0 0 5px;
    margin-bottom: 11px;
    -webkit-transition: color .3s ease;
    -moz-transition: color .3s ease;
    -o-transition: color .3s ease;
    transition: color .3s ease;
    font-weight: bold;
  }
  .news-item-big__text {
    display: block;
  }
  .news-item-big__date {
    color: #565656;
    font-size: 12px;
    line-height: 26px;
    opacity: 0.4;
    display: block;
    padding: 0 0 0 5px;
    position: static;
  }
  .news-item-big:hover .news-item-big__title {
    color: #29afe7;
  }
  .news-item-big:hover .news-item-big__helper:before {
    opacity: 0.2;
  }
}
@media screen and (max-width: 1100px) {
  /*.news-list--main > a:nth-child(4){
        display: none;
    }*/
}
.about-company__top {
  box-sizing: border-box;
}
.about-company__top-photo {
  width: 41.3%;
  float: right;
  position: relative;
  top: 13px;
  margin-right: 5%;
  box-sizing: border-box;
}
.about-company__top-text {
  padding-right: calc(50% + 30px);
}
.about-company__main-text {
  font-size: 32px;
  line-height: 38px;
  color: #0c2e40;
}
.about-company__big-photo {
  display: block;
  border-radius: 18px;
  width: 100%;
}
.about-company__small-photo {
  display: block;
  border-radius: 18px;
  position: absolute;
  bottom: -60px;
  right: -57px;
  width: 50%;
}
.about-company__photo-text {
  position: absolute;
  font-size: 16px;
  line-height: 20px;
  color: #b9bec1;
  bottom: -60px;
  left: 0px;
  width: 210px;
  display: block;
}
.about-company__history {
  margin-top: 56px;
  padding-left: 6px;
}
.company-history__table {
  width: 100%;
}
.company-history__row {
  border-bottom: 1px solid #d8d8d8;
  font-size: 0;
}
.company-history__row:last-child {
  border-bottom: none;
}
.company-history__cell {
  display: inline-block;
  font-size: 21px;
  padding: 50px 0 18px 0;
  box-sizing: border-box;
  vertical-align: top;
}
.company-history__cell--photo {
  width: 200px;
  padding-right: 35px;
}
.company-history__cell--photo img {
  display: block;
  border-radius: 18px;
  position: relative;
  top: -20px;
}
.company-history__cell--date {
  width: 30%;
  padding-right: 35px;
}
.company-history__cell--text {
  width: 46%;
}
.company-history__cell--text p {
  position: relative;
  top: -7px;
}
.company-history__years {
  display: block;
  color: #2fbce4;
  font-size: 32px;
  line-height: 32px;
  font-weight: bold;
}
.company-history__event {
  display: block;
  color: #0c2e40;
  font-size: 24px;
  line-height: 32px;
}
@media screen and (max-width: 1200px) {
  .about-company__top-photo {
    width: 60%;
    display: block;
    float: none;
  }
  .about-company__top-text {
    display: block;
    padding-right: 0;
    margin-top: 100px;
  }
  .company-history__cell--date {
    width: 50%;
  }
  .company-history__cell--text {
    padding-top: 0;
    width: 100%;
  }
}
.geo {
  background: url('../img/map-gray.png') no-repeat;
  background-position: center top;
  min-height: 1150px;
}
.geo__city-num {
  float: left;
  background-image: url(../img/sprite.png);
  background-position: -500px 0px;
  width: 62px;
  height: 100px;
  text-align: center;
  box-sizing: border-box;
  padding-top: 20px;
  font-size: 33px;
  line-height: 22px;
  color: #ffffff;
  font-weight: bold;
}
.geo__text {
  padding-left: 90px;
  padding-top: 10px;
}
.geo__city-list {
  font-size: 0;
  margin-top: 50px;
}
.city-list {
  font-size: 0;
}
.city-list__column {
  width: 25%;
  display: inline-block;
  font-size: 18px;
  vertical-align: top;
}
.city-list__item {
  line-height: 32px;
  font-weight: light;
  color: #565656;
}
/*-- __Presentations
------------------------------------------------------------*/
.presentations {
  margin-top: 43px;
}
.presentations__title {
  font-size: 21px;
  line-height: 26px;
  font-weight: bold;
  color: #0c2e40;
  margin-bottom: 22px;
}
.presentations__link {
  font-size: 16px;
  font-weight: 300;
  color: #16c0e9;
  margin-left: 20px;
}
.presentations__link:hover {
  color: #29afe7;
}
.presentations-item {
  display: inline-block;
  vertical-align: top;
  text-align: center;
  border-radius: 15px;
  height: 163px;
  width: 241px;
  box-sizing: border-box;
  font-size: 0;
  line-height: 0;
  text-decoration: none;
  background: #f7f7f7;
  padding: 0 15px;
  position: relative;
  -webkit-transition: background .3s ease;
  -moz-transition: background .3s ease;
  -o-transition: background .3s ease;
  transition: background .3s ease;
  margin: 0 40px 60px 0;
}
.presentations-item:hover {
  background: #e5f7ff;
}
.presentations-item:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  height: 100%;
}
.presentations-item__container {
  display: inline-block;
  vertical-align: middle;
}
.presentations-item__title {
  font-size: 18px;
  line-height: 24px;
  font-weight: 300;
  color: #565656;
  display: block;
  margin-bottom: 4px;
  -webkit-transition: color .3s ease;
  -moz-transition: color .3s ease;
  -o-transition: color .3s ease;
  transition: color .3s ease;
}
.presentations-item__misc {
  color: #b8bec2;
  font-size: 12px;
  line-height: 24px;
  font-weight: 300;
  display: block;
  -webkit-transition: color .3s ease;
  -moz-transition: color .3s ease;
  -o-transition: color .3s ease;
  transition: color .3s ease;
}
.presentations-item:hover .presentations-item__title,
.presentations-item:hover .presentations-item__misc {
  color: #16c0e9;
}
.presentations-item__helper {
  display: block;
  position: absolute;
  width: 60px;
  height: 60px;
  left: 50%;
  margin-left: -30px;
  bottom: -30px;
  border-radius: 50%;
  background: #f7f7f7;
  -webkit-transition: background .3s ease;
  -moz-transition: background .3s ease;
  -o-transition: background .3s ease;
  transition: background .3s ease;
}
.presentations-item__helper:before {
  content: "";
  display: block;
  background-image: url(../img/sprite.png);
  background-position: -310px -170px;
  width: 13px;
  height: 26px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -6px;
  margin-top: -13px;
}
.presentations-item__helper:after {
  content: "";
  display: block;
  background-image: url(../img/sprite.png);
  background-position: -330px -170px;
  width: 13px;
  height: 26px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -6px;
  margin-top: -13px;
  opacity: 0;
  -webkit-transition: opacity .3s ease;
  -moz-transition: opacity .3s ease;
  -o-transition: opacity .3s ease;
  transition: opacity .3s ease;
}
.presentations-item:hover .presentations-item__helper {
  background: #16c0e9;
}
.presentations-item:hover .presentations-item__helper:after {
  opacity: 1;
}
/*-- __Shtander
------------------------------------------------------------*/
.shtender {
  margin-top: 20px;
}
.shtender__title {
  font-size: 21px;
  line-height: 26px;
  font-weight: bold;
  color: #0c2e40;
  margin-bottom: 22px;
}
.shtender__link {
  font-size: 16px;
  font-weight: 300;
  color: #16c0e9;
  margin-left: 20px;
}
.shtender__link:hover {
  color: #29afe7;
}
.shtender-item {
  position: relative;
  width: 241px;
  display: inline-block;
  vertical-align: top;
  text-align: center;
  text-decoration: none;
  margin: 0 40px 60px 0;
}
.shtender-item:before {
  content: "";
  display: block;
  height: 163px;
  width: 241px;
  position: absolute;
  left: 0;
  top: 62px;
  background: #f7f7f7;
  border-radius: 15px;
  -webkit-transition: background .3s ease;
  -moz-transition: background .3s ease;
  -o-transition: background .3s ease;
  transition: background .3s ease;
}
.shtender-item:hover:before {
  background: #e5f7ff;
}
.shtender-item__container {
  display: inline-block;
  vertical-align: middle;
}
.shtender-item__img {
  display: block;
  position: relative;
  z-index: 1;
  margin: 0 auto 21px;
}
.shtender-item__title {
  font-size: 18px;
  line-height: 24px;
  font-weight: 300;
  color: #565656;
  display: block;
  margin-bottom: 4px;
  -webkit-transition: color .3s ease;
  -moz-transition: color .3s ease;
  -o-transition: color .3s ease;
  transition: color .3s ease;
}
.shtender-item__misc {
  color: #b8bec2;
  font-size: 12px;
  line-height: 24px;
  font-weight: 300;
  display: block;
  -webkit-transition: color .3s ease;
  -moz-transition: color .3s ease;
  -o-transition: color .3s ease;
  transition: color .3s ease;
}
.shtender-item:hover .shtender-item__title,
.shtender-item:hover .shtender-item__misc {
  color: #16c0e9;
}
/*-- __Polygraphy
------------------------------------------------------------*/
.polygraphy {
  margin-top: 0;
}
.polygraphy__title {
  font-size: 21px;
  line-height: 26px;
  font-weight: bold;
  color: #0c2e40;
  margin-bottom: 35px;
}
.polygraphy__link {
  font-size: 16px;
  font-weight: 300;
  color: #16c0e9;
  margin-left: 20px;
}
.polygraphy__link:hover {
  color: #29afe7;
}
.polygraphy-item {
  position: relative;
  width: 241px;
  display: inline-block;
  vertical-align: top;
  text-align: center;
  text-decoration: none;
  margin: 0 40px 60px 0;
}
.polygraphy-item:before {
  content: "";
  display: block;
  height: 163px;
  width: 241px;
  position: absolute;
  left: 0;
  top: 46px;
  background: #f7f7f7;
  border-radius: 15px;
  -webkit-transition: background .3s ease;
  -moz-transition: background .3s ease;
  -o-transition: background .3s ease;
  transition: background .3s ease;
}
.polygraphy-item:hover:before {
  background: #e5f7ff;
}
.polygraphy-item__container {
  display: inline-block;
  vertical-align: middle;
}
.polygraphy-item__img {
  display: block;
  position: relative;
  z-index: 1;
  margin: 0 auto 18px;
}
.polygraphy-item__title {
  font-size: 18px;
  line-height: 24px;
  font-weight: 300;
  color: #565656;
  display: block;
  margin-bottom: 4px;
  -webkit-transition: color .3s ease;
  -moz-transition: color .3s ease;
  -o-transition: color .3s ease;
  transition: color .3s ease;
}
.polygraphy-item__misc {
  color: #b8bec2;
  font-size: 12px;
  line-height: 24px;
  font-weight: 300;
  display: block;
  -webkit-transition: color .3s ease;
  -moz-transition: color .3s ease;
  -o-transition: color .3s ease;
  transition: color .3s ease;
}
.polygraphy-item:hover .polygraphy-item__title,
.polygraphy-item:hover .polygraphy-item__misc {
  color: #16c0e9;
}
/*-- __Presentations
------------------------------------------------------------*/
.equipment {
  background: #f7f7f7;
  font-size: 0;
  line-height: 0;
  padding: 34px 0;
  border-radius: 15px;
  margin-bottom: 50px;
}
.equipment__block {
  width: 26%;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  box-sizing: border-box;
  padding: 0 15px;
}
.equipment__container {
  width: 74%;
  box-sizing: border-box;
  display: inline-block;
  vertical-align: middle;
  padding-right: 30px;
}
.equipment__img {
  display: block;
  margin: 0 auto;
  max-width: 100%;
}
.equipment__title {
  font-size: 32px;
  line-height: 38px;
  font-weight: bold;
  color: #0c2e40;
}
.equipment__table {
  width: 100%;
  border-collapse: collapse;
}
.equipment__row:hover td.equipment__cell {
  background: #ffffff;
}
.equipment__cell {
  border-bottom: #d5d5d5 solid 1px;
  font-size: 16px;
  line-height: 18px;
  color: #565656;
  text-align: left;
  padding: 10px 9px 14px;
  -webkit-transition: background .3s ease;
  -moz-transition: background .3s ease;
  -o-transition: background .3s ease;
  transition: background .3s ease;
}
.equipment__row:last-child .equipment__cell {
  border: none;
}
@media screen and (max-width: 1200px) {
  .equipment__block {
    width: 100%;
    display: block;
    text-align: left;
    box-sizing: border-box;
    padding: 0 30px;
  }
  .equipment__container {
    width: 100%;
    display: block;
    padding: 20px 30px 0;
  }
  .equipment__img {
    display: block;
    max-width: 90%;
  }
  .equipment__img-container {
    display: inline-block;
    vertical-align: middle;
    margin: 0 20px 0 0;
    width: 216px;
  }
  .equipment__title {
    display: inline-block;
    vertical-align: middle;
  }
}
.news__list {
  margin-bottom: 90px;
}
.news__more {
  text-align: center;
}
.news-x__date {
  font-size: 12px;
  line-height: 26px;
  color: #b9bec1;
  display: block;
  margin-bottom: 40px;
}
.news-x__intro {
  font-size: 32px;
  line-height: 38px;
  color: #0c2e40;
}
.news-x__slider {
  margin-top: 90px;
  margin-bottom: 60px;
  position: relative;
}
.news-x__slider .owl-nav {
  position: static;
}
.news-x__video {
  margin: 30px 0;
  width: 80%;
}
.news-x__share {
  border-top: 1px solid #e3e5e7;
  padding-top: 30px;
  margin-bottom: 100px;
  margin-top: 60px;
}
.social-sharing {
  display: inline-block;
  vertical-align: middle;
  font-size: 0;
  margin-left: 34px;
}
.social-sharing__block {
  display: inline-block;
  vertical-align: middle;
  border-radius: 4px;
  height: 31px;
  padding: 0 8px 0 43px;
  position: relative;
  text-decoration: none;
  color: #ffffff;
  font-size: 14px;
  line-height: 31px;
  margin-right: 10px;
}
.social-sharing__block:before {
  content: '';
  position: absolute;
  display: block;
  left: 9px;
  top: 7px;
  width: 16px;
  height: 16px;
}
.social-sharing__block:after {
  content: '';
  display: block;
  position: absolute;
  left: 34px;
  top: 0;
  width: 1px;
  height: 100%;
  background-color: #ffffff;
  opacity: 0.3;
}
.social-sharing__block._twitter {
  background-color: #31acf3;
}
.social-sharing__block._twitter:before {
  background: url('data:image/gif;base64,R0lGODlhEAAQANUAADGt9P///zGs8zGs9DKt9Dyx9Pz+/6Hb+2fD90O09lW79ziv9F6/9o7S+fv+/zWu9Pj9//r9/zyw83LH95LU+dPt/WvE9z2y9PP7/+z3/uf1/8/s/eDz/8bo/Eq39mfC96vd+4rQ+Oj2/1e89lq+97Xh+/7//9rw/e/5/7bi/Of1/k649k249kW19mfE+Njv/Tmw9IHN+KLb+0m29YbQ+HDG+Kve+8jo/AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS41LWMwMTQgNzkuMTUxNDgxLCAyMDEzLzAzLzEzLTEyOjA5OjE1ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjc4QzFFNzc1NDREODExRTZBNjUzODlGNUQ4RkUyMTc1IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjc4QzFFNzc2NDREODExRTZBNjUzODlGNUQ4RkUyMTc1Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NzhDMUU3NzM0NEQ4MTFFNkE2NTM4OUY1RDhGRTIxNzUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NzhDMUU3NzQ0NEQ4MTFFNkE2NTM4OUY1RDhGRTIxNzUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4B//79/Pv6+fj39vX08/Lx8O/u7ezr6uno5+bl5OPi4eDf3t3c29rZ2NfW1dTT0tHQz87NzMvKycjHxsXEw8LBwL++vby7urm4t7a1tLOysbCvrq2sq6qpqKempaSjoqGgn56dnJuamZiXlpWUk5KRkI+OjYyLiomIh4aFhIOCgYB/fn18e3p5eHd2dXRzcnFwb25tbGtqaWhnZmVkY2JhYF9eXVxbWllYV1ZVVFNSUVBPTk1MS0pJSEdGRURDQkFAPz49PDs6OTg3NjU0MzIxMC8uLSwrKikoJyYlJCMiISAfHh0cGxoZGBcWFRQTEhEQDw4NDAsKCQgHBgUEAwIBAAAh+QQAAAAAACwAAAAAEAAQAAAGgUDBAEAECATEIRFpZBaRBCNg4HwuL1OpcUKMAmKcQIfyWbICsqggEQm4UY0mzBHYhEY0t1uzWEpKegEGgTdFRCKBiSBZRBYqiXouWgAFFZABJ01JAzUviRAKUl4CHjaDbhkMT0gzKSZ6GActhkVRBSQIKw9ehkdVmki+T0NKvVQAQQA7') 0 0 no-repeat;
}
.social-sharing__block._vk {
  background-color: #527498;
}
.social-sharing__block._vk:before {
  background: url('data:image/gif;base64,R0lGODlhEAAQANUAAFJ0mP///1Fzl1Jzl1JzmLvI1v7+/1V2mpWqwFt6nZSnvv3+/mB9n158nq++z/39/ujs8dbe51V1mZaqwL/L2VN0mGiEpFp5nNPb5YKatICXsuXq8JmrwYSbtZ+xxVx6naS1yXSOrLTD0+Lo7oSatbTC0l18nt3l67PB0W2Jp8fS3nqTr1Z2mVt5nKKzxnaQrFZ3mujt8ld3mrG/0OPo7uzw9Fh3mvDz9oOatVl5nHyUsNbe5qa2yVd4mwAAAAAAACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS41LWMwMTQgNzkuMTUxNDgxLCAyMDEzLzAzLzEzLTEyOjA5OjE1ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjgxNDMzNTc3NDREODExRTZCQkQ1QjQ3NkYzQzUzOUUxIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjgxNDMzNTc4NDREODExRTZCQkQ1QjQ3NkYzQzUzOUUxIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6ODE0MzM1NzU0NEQ4MTFFNkJCRDVCNDc2RjNDNTM5RTEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6ODE0MzM1NzY0NEQ4MTFFNkJCRDVCNDc2RjNDNTM5RTEiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4B//79/Pv6+fj39vX08/Lx8O/u7ezr6uno5+bl5OPi4eDf3t3c29rZ2NfW1dTT0tHQz87NzMvKycjHxsXEw8LBwL++vby7urm4t7a1tLOysbCvrq2sq6qpqKempaSjoqGgn56dnJuamZiXlpWUk5KRkI+OjYyLiomIh4aFhIOCgYB/fn18e3p5eHd2dXRzcnFwb25tbGtqaWhnZmVkY2JhYF9eXVxbWllYV1ZVVFNSUVBPTk1MS0pJSEdGRURDQkFAPz49PDs6OTg3NjU0MzIxMC8uLSwrKikoJyYlJCMiISAfHh0cGxoZGBcWFRQTEhEQDw4NDAsKCQgHBgUEAwIBAAAh+QQAAAAAACwAAAAAEAAQAAAGmkCBEAAYGAUDgIBAVCIBBGNzqHQmrwNBdZosSokELVFsahwADIRHIYP2WomKIhDACCwbegeQWtARNjd0KwIFdBkAFHQ1HwIudBEAhgEaL34GOFksMXQzJ3QlEHQoWUgkdKipASFFSAIiqqk0DWMCByqpDjyoOzBLWgQTIwYBOgIgD3QcV2ACEjlSFwwJWVNiWklhXq5eWUlCpUEAOw==') 0 0 no-repeat;
}
.social-sharing__block._ok {
  background-color: #f2812e;
}
.social-sharing__block._ok:before {
  background: url('data:image/gif;base64,R0lGODlhEAAQAOYAAPKBLv////OCLvKCLv/9+/ODMfKFNPOCL//7+Pm5if/38v/+/fana/eqcvOMQfzcxfnGoPSXUvvVufOaV//x5/SbWP/59PWeXfSYVPm6ivSfYPvTtf/8+f/69vKDMvvMqfKKPP3jz/STTPzbxPKFNfSUTPKDMfOKPv/79/SVTvWkZvarc/OORP7r3f/07PrKp/rBl/vUt/eygPSXU/vZwfSUTfORSf/y6vWiZPOGNvOFM/3n1/STS/3k0vi9kfrRs//x6Pzdxf/58/vXvP3q2/3s3wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS41LWMwMTQgNzkuMTUxNDgxLCAyMDEzLzAzLzEzLTEyOjA5OjE1ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjg5MUZENkFENDREODExRTZBOUQxODEzMUVFRTk5MzUyIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjg5MUZENkFFNDREODExRTZBOUQxODEzMUVFRTk5MzUyIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6ODkxRkQ2QUI0NEQ4MTFFNkE5RDE4MTMxRUVFOTkzNTIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6ODkxRkQ2QUM0NEQ4MTFFNkE5RDE4MTMxRUVFOTkzNTIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4B//79/Pv6+fj39vX08/Lx8O/u7ezr6uno5+bl5OPi4eDf3t3c29rZ2NfW1dTT0tHQz87NzMvKycjHxsXEw8LBwL++vby7urm4t7a1tLOysbCvrq2sq6qpqKempaSjoqGgn56dnJuamZiXlpWUk5KRkI+OjYyLiomIh4aFhIOCgYB/fn18e3p5eHd2dXRzcnFwb25tbGtqaWhnZmVkY2JhYF9eXVxbWllYV1ZVVFNSUVBPTk1MS0pJSEdGRURDQkFAPz49PDs6OTg3NjU0MzIxMC8uLSwrKikoJyYlJCMiISAfHh0cGxoZGBcWFRQTEhEQDw4NDAsKCQgHBgUEAwIBAAAh+QQAAAAAACwAAAAAEAAQAAAHmYAAgoMDgweDAAKIAAwPRTE1g4qKgzIBlwEIGImIAgIFQgEbDT0BQYKegoURmQYCGgEKk6iFIJc4ADABRIuUAEOXN5cJi4mKJyOXCxC+iyI+FykqNgwJOZKDL5cKIRyXKweFiDw0C5gWHwbFgxmXBBXF4gINBAEoAS4lxQIDM/USLFoEAKJj3YQOPwoAcLCDAol1AEws8rAoEAA7') 0 0 no-repeat;
}
.social-sharing__block._facebook {
  background-color: #2f4491;
}
.social-sharing__block._facebook:before {
  background: url('data:image/gif;base64,R0lGODlhEAAQANUAADBFkTBFki9Ekf///y9FkUlanmZ1rWV1rU1eoDpOluLl8czR5IOQvW99suXn8klbnv7+//v8/UVXnOrs9Epbn05foVBhonmHuMvP4mNzrMjO4ra+2Flqp1xsqFxtqNzf7YOPvVtsqDlNl4WSvs3S5AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS41LWMwMTQgNzkuMTUxNDgxLCAyMDEzLzAzLzEzLTEyOjA5OjE1ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjdEN0Q1NzBCNDREODExRTY4RjFGODUxNEUxRTYzMEI1IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjdEN0Q1NzBDNDREODExRTY4RjFGODUxNEUxRTYzMEI1Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6N0Q3RDU3MDk0NEQ4MTFFNjhGMUY4NTE0RTFFNjMwQjUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6N0Q3RDU3MEE0NEQ4MTFFNjhGMUY4NTE0RTFFNjMwQjUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4B//79/Pv6+fj39vX08/Lx8O/u7ezr6uno5+bl5OPi4eDf3t3c29rZ2NfW1dTT0tHQz87NzMvKycjHxsXEw8LBwL++vby7urm4t7a1tLOysbCvrq2sq6qpqKempaSjoqGgn56dnJuamZiXlpWUk5KRkI+OjYyLiomIh4aFhIOCgYB/fn18e3p5eHd2dXRzcnFwb25tbGtqaWhnZmVkY2JhYF9eXVxbWllYV1ZVVFNSUVBPTk1MS0pJSEdGRURDQkFAPz49PDs6OTg3NjU0MzIxMC8uLSwrKikoJyYlJCMiISAfHh0cGxoZGBcWFRQTEhEQDw4NDAsKCQgHBgUEAwIBAAAh+QQAAAAAACwAAAAAEAAQAAAGg0ABYEgICAKBIaBoHAqHSQGCUwE8kwAsAPEZDBZOpRhAGkAimqWVQIACEt5LG8oWzAUFr4GIzGI9Cg5eEwobbU9QGV6LAxhIQloJHQ1eIyEWWpBQeQMHWZ9aTpyeBEdqRUoPeldOAkJCnHuupURZrhRennS0bUkiIAwSYqWmScZ8bW1BADs=') 0 0 no-repeat;
}
.social-sharing__block._gp {
  background-color: #d94335;
}
.social-sharing__block._gp:before {
  background: url('data:image/gif;base64,R0lGODlhEAAQAOYAANlENdlDNdpENtpENf///+6noPG6teqXkNpLPOeLgttKPNpIOdtNP+eKgdtQQeqZkON0auR5bu+up++vqe2gme2im/zx8N5dUNpFNdlFNf/7+/zp6PTJxfPDvuuZkO2knPrg3vPCvfbQzfLAu9xUReV/deiRiPG4s/XMyeWAdu2ooPrf3vrh4PG7tu+vqP709P309PPFwfK4stpIOv76+vCwquWCeN1YS99hU+FrYNpNP99kVuBjVfTGw+iMg/K9t+eJf+WBeON4bttPQNtJO9pMPfvs6uJrX+BpXv76+ffY1u+tpttOQOaKgtpGNv/8/P7y8ON2bPPAvOyfmAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS41LWMwMTQgNzkuMTUxNDgxLCAyMDEzLzAzLzEzLTEyOjA5OjE1ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjg1RjdBMTM5NDREODExRTY4QTJBODA1RUI5QjNFOEFEIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjg1RjdBMTNBNDREODExRTY4QTJBODA1RUI5QjNFOEFEIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6ODVGN0ExMzc0NEQ4MTFFNjhBMkE4MDVFQjlCM0U4QUQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6ODVGN0ExMzg0NEQ4MTFFNjhBMkE4MDVFQjlCM0U4QUQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4B//79/Pv6+fj39vX08/Lx8O/u7ezr6uno5+bl5OPi4eDf3t3c29rZ2NfW1dTT0tHQz87NzMvKycjHxsXEw8LBwL++vby7urm4t7a1tLOysbCvrq2sq6qpqKempaSjoqGgn56dnJuamZiXlpWUk5KRkI+OjYyLiomIh4aFhIOCgYB/fn18e3p5eHd2dXRzcnFwb25tbGtqaWhnZmVkY2JhYF9eXVxbWllYV1ZVVFNSUVBPTk1MS0pJSEdGRURDQkFAPz49PDs6OTg3NjU0MzIxMC8uLSwrKikoJyYlJCMiISAfHh0cGxoZGBcWFRQTEhEQDw4NDAsKCQgHBgUEAwIBAAAh+QQAAAAAACwAAAAAEAAQAAAHvIAAAAKChQIBAYMChwADAgOCAY8DkIuSlwMpBSxGMUGMgouCP00BR0kfjoKUqjkEJIItMBiPhIODJQQ7AQMmTwsBTEOOiQFEFhOILgaCDQeNvJBRKCcqIQtOHiM9DwzQvAIQBEABGQkyUglF4I8BODQvEYjOAIn1DhI1PjYrGkgBChAUGhBACYVCDEAsaVRvUAAeBIQQOlRhCiKCFxFA4aBA0AwDNyxF4nVBxIYOBQo4KMYyETEd0OohahgIADs=') 0 0 no-repeat;
}
.production {
  min-height: 1750px;
  background: url('../img/production-line.png') no-repeat 260px -10px;
  padding-top: 110px;
  font-size: 0;
  list-style-type: decimal;
  margin-top: 50px;
}
.production__intro {
  padding-right: 60px;
}
.production__item {
  display: inline-block;
  font-size: 18px;
  width: 50%;
  padding-left: 16.19%;
  box-sizing: border-box;
  height: 410px;
  position: relative;
  vertical-align: top;
}
.production__item:before {
  position: absolute;
  top: -110px;
  left: -20px;
  content: "";
}
.production__item--mixing:before {
  background-image: url(../img/production-sprite.png);
  background-position: 0px 0px;
  width: 180px;
  height: 178px;
}
.production__item--mixing .production__item-name:before {
  content: "1.";
}
.production__item--pasterization:before {
  background-image: url(../img/production-sprite.png);
  background-position: -200px 0px;
  width: 224px;
  height: 204px;
  top: -87px;
  left: -20px;
}
.production__item--pasterization .production__item-name:before {
  content: "3.";
}
.production__item--cooling:before {
  background-image: url(../img/production-sprite.png);
  background-position: -440px 0px;
  width: 230px;
  height: 188px;
  top: -100px;
  left: -26px;
}
.production__item--cooling .production__item-name:before {
  content: "5.";
}
.production__item--filtration:before {
  background-image: url(../img/production-sprite.png);
  background-position: -700px 0px;
  width: 168px;
  height: 216px;
  top: -140px;
  left: -6px;
}
.production__item--filtration .production__item-name:before {
  content: "2.";
}
.production__item--freezing:before {
  background-image: url(../img/production-sprite.png);
  background-position: 0px -250px;
  width: 198px;
  height: 207px;
  top: -110px;
  left: 17px;
}
.production__item--freezing .production__item-name:before {
  content: "6.";
}
.production__item--homogenization:before {
  background-image: url(../img/production-sprite.png);
  background-position: -220px -250px;
  width: 218px;
  height: 200px;
  top: -125px;
  left: -20px;
}
.production__item--homogenization .production__item-name:before {
  content: "4.";
}
.production__item--packing:before {
  background-image: url(../img/production-sprite.png);
  background-position: -460px -250px;
  width: 232px;
  height: 215px;
  top: -104px;
  left: -10px;
}
.production__item--packing .production__item-name:before {
  content: "8.";
}
.production__item--forming:before {
  background-image: url(../img/production-sprite.png);
  background-position: -720px -250px;
  width: 201px;
  height: 217px;
  top: -110px;
  left: -20px;
}
.production__item--forming .production__item-name:before {
  content: "7.";
}
.production__item-name {
  display: block;
  font-size: 32px;
  line-height: 38px;
  background: white;
  color: #0c2e40;
  font-weight: bold;
  margin-bottom: 25px;
  padding-left: 34px;
  position: relative;
}
.production__item-name:before {
  display: block;
  position: absolute;
  top: 0px;
  left: 0px;
  font-size: 32px;
  line-height: 38px;
  color: #0c2e40;
  content: "0";
}
.production__item-text {
  padding-left: 34px;
  font-size: 18px !important;
  line-height: 24px !important;
  padding-right: 10px;
  background: white;
}
@media screen and (max-width: 1450px) {
  .production {
    background: none;
  }
}
@media screen and (max-width: 1200px) {
  .production {
    padding-top: 60px;
  }
  .production__item {
    display: block;
    width: 95%;
    padding-left: 33%;
    height: auto;
    margin-bottom: 100px;
  }
  .production__item:before {
    left: 0px;
    top: 0px;
  }
  .production__item--mixing:before {
    top: 0px;
    left: 15px;
  }
  .production__item--filtration:before {
    top: -20px;
    left: 25px;
  }
  .production__item--pasterization:before {
    top: -30px;
    left: -10px;
  }
  .production__item--homogenization:before {
    top: -10px;
    left: -10px;
  }
  .production__item--cooling:before {
    top: 2px;
    left: -10px;
  }
  .production__item--freezing:before {
    top: -30px;
    left: -10px;
  }
  .production__item--forming:before {
    top: -40px;
    left: -10px;
  }
  .production__item--packing:before {
    top: -40px;
    left: -10px;
  }
  .production__item-name,
  .production__item-text {
    background: none;
  }
}
.achievements__header {
  margin-top: -12px;
}
.achievements__title {
  display: inline-block;
  vertical-align: middle;
  margin-right: 50px;
}
.achievements__sticker {
  display: inline-block;
  vertical-align: middle;
}
.achievements__list {
  margin-top: 37px;
}
.achievements__item {
  position: relative;
  width: 241px;
  display: inline-block;
  vertical-align: top;
  text-decoration: none;
  margin: 0 40px 60px 0;
}
.achievements__item:before {
  display: block;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 241px;
  height: 343px;
  background: #000000;
  opacity: 0;
  border-radius: 16px;
  -webkit-transition: opacity .3s ease;
  -moz-transition: opacity .3s ease;
  -o-transition: opacity .3s ease;
  transition: opacity .3s ease;
}
.achievements__item:hover:before {
  opacity: 0.2;
}
.achievements__item-img {
  display: block;
  border-radius: 16px;
}
@media screen and (max-width: 1275px) {
  .achievements__header {
    margin-top: 0px;
  }
}
/*-- __HoReCa
------------------------------------------------------------*/
.horeca-catalog {
  font-size: 0;
  padding-top: 43px;
}
.horeca-catalog-item {
  width: 22%;
  height: 326px;
  display: inline-block;
  vertical-align: top;
  border-radius: 15px;
  overflow: hidden;
  position: relative;
  margin: 0 4% 60px 0;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
}
.horeca-catalog-item:nth-child(4n) {
  margin-right: 0;
}
.horeca-catalog-item:before {
  content: "";
  display: block;
  position: absolute;
  border-radius: 0 0 15px 15px;
  width: 100%;
  height: 246px;
  left: 0;
  bottom: 0;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.04) 18%, rgba(0, 0, 0, 0.15) 35%, rgba(0, 0, 0, 0.28) 47%, rgba(0, 0, 0, 0.55) 68%, rgba(0, 0, 0, 0.65) 78%, rgba(0, 0, 0, 0.7) 89%, rgba(0, 0, 0, 0.7) 100%);
}
.horeca-catalog-item__helper {
  position: absolute;
  left: 0;
  bottom: 87px;
  width: 100%;
  z-index: 2;
}
.horeca-catalog-item__img {
  display: block;
  width: 241px;
  height: 326px;
  border-radius: 15px;
}
.horeca-catalog-item__discount {
  display: block;
  margin: 0 auto;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background: #ffffff;
  font-size: 21px;
  line-height: 60px;
  font-weight: bold;
  text-align: center;
  color: #0c2e40;
  margin-bottom: 10px;
}
.horeca-catalog-item__title {
  font-size: 21px;
  line-height: 26px;
  font-weight: bold;
  text-align: center;
  color: #ffffff;
  display: block;
  margin-bottom: 1px;
}
.horeca-catalog-item__value {
  font-size: 16px;
  line-height: 23px;
  font-weight: 300;
  text-align: center;
  color: #ffffff;
  display: block;
}
@media screen and (max-width: 1300px) {
  .horeca-catalog-item {
    width: 29%;
    margin-right: 6.5%;
  }
  .horeca-catalog-item:nth-child(4n) {
    margin-right: 6.5%;
  }
  .horeca-catalog-item:nth-child(3n) {
    margin-right: 0;
  }
}
@media screen and (max-width: 1060px) {
  .horeca-catalog-item {
    width: 45%;
    margin-right: 10%;
  }
  .horeca-catalog-item:nth-child(2n) {
    margin-right: 0;
  }
  .horeca-catalog-item:nth-child(3n) {
    margin-right: 10%;
  }
}
.catalog {
  font-size: 0;
  margin-top: 42px;
  padding-bottom: 10px;
  /* catalog-item */
  /* /catalog-item */
  /* Sidebar */
  /* /Sidebar */
}
.catalog:after {
  content: "";
  display: inline-block;
  vertical-align: top;
  width: 100%;
}
.catalog__item {
  width: 22%;
  /*height: 236px;*/
  display: inline-block;
  vertical-align: top;
  margin-bottom: 35px;
  margin-right: 4%;
  text-decoration: none;
  position: relative;
}
.catalog__item:nth-child(4n) {
  margin-right: 0;
}
.catalog--wide {
  margin-top: 20px;
}
.catalog--wide .catalog__item {
  width: 17%;
  margin-right: 3.75%;
}
.catalog--wide .catalog__item:nth-child(5n) {
  margin-right: 0;
}
.catalog--all .catalog-item:hover {
  z-index: 1;
}
.catalog--all .catalog-item:hover .catalog-item__name {
  color: #29afe7;
}
.catalog--all .catalog-item:hover:before {
  opacity: 0;
}
.catalog--all .catalog-item:hover:after {
  opacity: 0.2;
}
.catalog--all .catalog-item:hover .catalog-item__info {
  opacity: 0;
  visibility: hidden;
}
.catalog__item:hover .catalog-item {
  position: absolute;
}
.catalog-item {
  /*position: absolute;*/
  left: 0;
  top: 0;
  width: 100%;
  z-index: 1;
  text-decoration: none;
}
.catalog-item:hover {
  z-index: 3;
}
.catalog-item:hover:before {
  opacity: 1;
  /*height: 460px;*/
}
.catalog-item:hover .catalog-item__info {
  display: block;
  position: relative;
}
.catalog-item:before {
  content: "";
  display: block;
  opacity: 0;
  background: #ffffff;
  border-radius: 18px;
  box-shadow: 0px 5px 29px 0px rgba(0, 0, 0, 0.25);
  position: absolute;
  top: -29px;
  left: -29px;
  right: -29px;
  bottom: -29px;
  z-index: 1;
  /*height: 0px;*/
}
.catalog-item:after {
  content: "";
  display: block;
  width: 100%;
  padding-top: 100%;
  border-radius: 16px;
  background: #000000;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease;
  -moz-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}
.catalog-item__name {
  display: block;
  position: relative;
  font-size: 16px;
  line-height: 21px;
  color: #565656;
  font-weight: bold;
  margin-top: 10px;
  z-index: 2;
  -webkit-transition: color .3s ease;
  -moz-transition: color .3s ease;
  -o-transition: color .3s ease;
  transition: color .3s ease;
  margin-bottom: 10px;
}
.catalog-item__massa {
  font-weight: normal;
  display: block;
}
.catalog-item__img {
  position: relative;
  display: block;
  border-radius: 16px;
  width: 100%;
  padding-top: 100%;
  z-index: 2;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
}
.catalog-item__img._contain {
  background-size: contain;
}
.catalog-item__info {
  display: none;
  font-size: 16px;
  line-height: 21px;
  z-index: 2;
  position: relative;
  /*.transition(~'all .3s ease');*/
}
.catalog-item__description {
  font-size: 16px;
  line-height: 20px;
  margin-bottom: 10px;
}
.catalog-item__number {
  display: block;
  color: #565656;
  margin-bottom: 10px;
}
.catalog-item__price {
  display: block;
  font-weight: bold;
  color: #565656;
}
.catalog__sidebar-tabs-head {
  background: #e5f7ff;
  width: 241px;
  height: 35px;
  border-radius: 16px;
  margin-bottom: 53px;
  white-space: nowrap;
}
.catalog__sidebar-tabs-body._hidden {
  position: fixed;
  visibility: hidden;
}
.catalog__sidebar-tab {
  display: inline-block;
  padding: 0 29px;
  font-size: 18px;
  line-height: 35px;
  font-weight: bold;
  color: #565656;
  text-decoration: none;
  border-radius: 16px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  position: relative;
}
.catalog__sidebar-tab:before {
  content: "";
  display: block;
  position: absolute;
  bottom: -6px;
  left: 50%;
  margin-left: -6px;
  opacity: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 8px 8px 0 8px;
  border-color: #16c0e9 transparent transparent transparent;
  -webkit-transition: opacity .3s ease;
  -moz-transition: opacity .3s ease;
  -o-transition: opacity .3s ease;
  transition: opacity .3s ease;
}
.catalog__sidebar-tab._active {
  background: #16c0e9;
  color: #ffffff;
}
.catalog__sidebar-tab._active:before {
  opacity: 1;
}
.catalog__sidebar-item {
  display: block;
  text-align: center;
  width: 241px;
  height: 84px;
  border-radius: 42px;
  background: #f7f7f7;
  margin-bottom: 20px;
  text-decoration: none;
  color: #565656;
  position: relative;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
  /* product's icons */
  /* /product's icons */
}
.catalog__sidebar-item._selected {
  background: #e5f7ff;
}
.catalog__sidebar-item:not(._selected) > img {
  opacity: 0.3;
}
.catalog__sidebar-item.catalog__sidebar-item--noimg:not(._selected) > img {
  opacity: 1;
}
.catalog__sidebar-item:not(._selected):hover {
  opacity: 1;
}
.catalog__sidebar-item:after {
  content: "";
  width: 0px;
  height: 100%;
  display: inline-block;
  vertical-align: middle;
}
.catalog__sidebar-item:hover {
  background: #e5f7ff;
  color: #16c0e9;
}
.catalog__sidebar-item:hover > img {
  opacity: 1;
}
.catalog__sidebar-item__img {
  display: block;
  position: absolute;
  bottom: 12px;
  left: 12px;
}
.catalog__sidebar-item--all-brands,
.catalog__sidebar-item--all-products {
  position: relative;
  opacity: 1;
}
.catalog__sidebar-item--all-brands:not(._selected),
.catalog__sidebar-item--all-products:not(._selected) {
  opacity: 1;
}
.catalog__sidebar-item--all-brands .catalog__sidebar-item-inner,
.catalog__sidebar-item--all-products .catalog__sidebar-item-inner {
  position: relative;
  left: 30px;
}
.catalog__sidebar-item--all-brands._selected ~ .catalog__sidebar-item > img {
  opacity: 1;
}
.catalog__sidebar-item--all-products._selected ~ .catalog__sidebar-item > img {
  opacity: 1;
}
.catalog__sidebar-item--no-center {
  background-color: #ffffff;
  text-align: left;
  opacity: 1;
}
.catalog__sidebar-item--no-center:not(._selected) {
  opacity: 1;
}
.catalog__sidebar-item--no-center .catalog__sidebar-item-inner {
  position: relative;
  left: 98px;
  width: 110px;
}
.catalog__sidebar-item--all-brands {
  position: relative;
}
.catalog__sidebar-item--all-brands:before {
  display: block;
  content: '';
  background-image: url(../img/sprite.png);
  background-position: -400px -120px;
  width: 59px;
  height: 59px;
  position: absolute;
  bottom: 12px;
  left: 12px;
}
.catalog__sidebar-item--all-products {
  position: relative;
}
.catalog__sidebar-item--all-products:before {
  display: block;
  content: '';
  background-image: url(../img/sprite.png);
  background-position: -400px -120px;
  width: 59px;
  height: 59px;
  position: absolute;
  bottom: 12px;
  left: 12px;
}
.catalog__sidebar-item--prod-ves {
  position: relative;
}
.catalog__sidebar-item--prod-ves:before {
  display: block;
  content: '';
  background-image: url(../img/sprite.png);
  background-position: -480px -120px;
  width: 59px;
  height: 59px;
  position: absolute;
  bottom: 12px;
  left: 12px;
}
.catalog__sidebar-item--prod-stakan {
  position: relative;
}
.catalog__sidebar-item--prod-stakan:before {
  display: block;
  content: '';
  background-image: url(../img/sprite.png);
  background-position: -560px -120px;
  width: 59px;
  height: 59px;
  position: absolute;
  bottom: 12px;
  left: 12px;
}
.catalog__sidebar-item--prod-rozhok {
  position: relative;
}
.catalog__sidebar-item--prod-rozhok:before {
  display: block;
  content: '';
  background-image: url(../img/sprite.png);
  background-position: -640px -120px;
  width: 59px;
  height: 59px;
  position: absolute;
  bottom: 12px;
  left: 12px;
}
.catalog__sidebar-item--prod-eskimo-no-glaz {
  position: relative;
}
.catalog__sidebar-item--prod-eskimo-no-glaz:before {
  display: block;
  content: '';
  background-image: url(../img/sprite.png);
  background-position: -720px -120px;
  width: 59px;
  height: 59px;
  position: absolute;
  bottom: 12px;
  left: 12px;
}
.catalog__sidebar-item--prod-vedro {
  position: relative;
}
.catalog__sidebar-item--prod-vedro:before {
  display: block;
  content: '';
  background-image: url(../img/sprite.png);
  background-position: -640px -200px;
  width: 59px;
  height: 59px;
  position: absolute;
  bottom: 12px;
  left: 12px;
}
.catalog__sidebar-item--prod-eskimo-glaz {
  position: relative;
}
.catalog__sidebar-item--prod-eskimo-glaz:before {
  display: block;
  content: '';
  background-image: url(../img/sprite.png);
  background-position: -720px -200px;
  width: 59px;
  height: 59px;
  position: absolute;
  bottom: 12px;
  left: 12px;
}
.catalog__sidebar-item--prod-tort {
  position: relative;
}
.catalog__sidebar-item--prod-tort:before {
  display: block;
  content: '';
  background-image: url(../img/sprite.png);
  background-position: -640px -270px;
  width: 59px;
  height: 59px;
  position: absolute;
  bottom: 12px;
  left: 12px;
}
.catalog__sidebar-item--prod-sorbet {
  position: relative;
}
.catalog__sidebar-item--prod-sorbet:before {
  display: block;
  content: '';
  background-image: url(../img/sprite.png);
  background-position: -720px -270px;
  width: 59px;
  height: 59px;
  position: absolute;
  bottom: 12px;
  left: 12px;
}
.catalog__sidebar-item-inner {
  display: inline-block;
  vertical-align: middle;
  -webkit-transition: opacity 0.3s ease;
  -moz-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  max-width: 100%;
  max-height: 100px;
  position: relative;
}
@media screen and (max-width: 1220px) {
  .catalog__item {
    width: 29%;
    margin-right: 6.5%;
  }
  .catalog__item:nth-child(4n) {
    margin-right: 6.5%;
  }
  .catalog__item:nth-child(3n) {
    margin-right: 0;
  }
  .catalog--wide .catalog__item {
    width: 22%;
    margin-right: 4%;
  }
  .catalog--wide .catalog__item:nth-child(5n) {
    margin-right: 4%;
  }
  .catalog--wide .catalog__item:nth-child(4n) {
    margin-right: 0;
  }
}
.product-x {
  padding: 40px 60px 60px;
  box-shadow: 0px 5px 29px 0px rgba(0, 0, 0, 0.25);
  border-radius: 18px;
  font-size: 0;
  margin-top: 35px;
}
.product-x__img {
  display: inline-block;
  vertical-align: top;
  margin-top: 20px;
  border-radius: 16px;
}
.product-x__info {
  font-size: 21px;
  display: inline-block;
  vertical-align: top;
  width: calc(100% - 530px);
  padding: 10px 0 0 60px;
  box-sizing: border-box;
}
.product-x__description {
  font-size: 21px;
  line-height: 28px;
}
.product-x__description-full {
  font-size: 18px;
  line-height: 24px;
}
.product-x__massa {
  display: block;
  font-size: 18px;
  line-height: 24px;
  color: #565656;
}
.product-x__name {
  font-size: 50px !important;
  line-height: 55px !important;
}
.product-x__number {
  display: block;
  font-size: 18px;
  line-height: 24px;
  color: #565656;
}
.product-x__price {
  display: block;
  font-size: 18px;
  line-height: 24px;
  font-weight: bold;
  color: #565656;
}
.catalog__header .page-title {
  display: inline-block;
  vertical-align: middle;
}
.catalog__header .custom-select {
  width: 241px;
  display: inline-block;
  vertical-align: middle;
  float: right;
  position: relative;
  top: 25px;
}
@media screen and (max-width: 1240px) {
  .product-x__img {
    width: 50%;
  }
  .product-x__info {
    width: 50%;
    padding-left: 30px;
    padding-top: 15px;
  }
  .product-x__name {
    font-size: 32px !important;
    line-height: 32px !important;
  }
}
/*
@media screen and (max-width: 1100px) {
	.product-x {
		&__img {
			width: 50%;
			display: block;
			float: left;
			margin-bottom: 30px;
		}
		&__info {
			display: block;
			width: 100%;
			padding-left: 0;
		}
		&__name, &__description{
			margin-left: calc(~"50% + 20px");
		}
		&__description-full, &__massa, &__number, &__price {
			clear: both;
		}
	}
}*/
/*-- __Contacts
------------------------------------------------------------*/
.contacts__two-cols {
  font-size: 0;
  white-space: nowrap;
  padding-top: 25px;
  margin-bottom: 40px;
}
.contacts__col {
  white-space: normal;
  width: 50%;
  box-sizing: border-box;
  display: inline-block;
  vertical-align: top;
}
.contacts__col:first-child {
  padding-right: 20px;
}
.contacts__col:last-child {
  padding-left: 20px;
}
.contacts__title {
  font-size: 24px;
  line-height: 24px;
  font-weight: bold;
  margin: 39px 0 11px;
}
.contacts__title:first-child {
  margin-top: 0;
}
.contacts__val {
  font-size: 21px;
  line-height: 28px;
  margin-bottom: 15px;
  color: #565656;
}
.order-done {
  text-align: center;
  box-shadow: 0px 5px 29px 0px rgba(0, 0, 0, 0.25);
  padding: 56px;
  position: relative;
  margin-top: 100px;
  margin-bottom: 100px;
  border-radius: 18px;
}
.order-done__text {
  white-space: normal;
  font-size: 32px;
  line-height: 36px;
  color: #0c2e40;
  max-width: 725px;
  margin: 68px auto 36px;
}
.order-done__img {
  position: absolute;
  top: -81px;
  left: 50%;
  margin-left: -92px;
}
.order__header .page-title {
  display: inline-block;
  vertical-align: middle;
}
.order__header .btn--order {
  display: inline-block;
  vertical-align: middle;
  margin-left: 35px;
}
.order__header-right {
  display: inline-block;
  vertical-align: middle;
  float: right;
  position: relative;
  top: 15px;
}
.order__basket-value {
  display: inline-block;
  vertical-align: middle;
  font-size: 32px;
  line-height: 24px;
  color: #0c2e40;
  -webkit-transition: font-size .3s ease;
  -moz-transition: font-size .3s ease;
  -o-transition: font-size .3s ease;
  transition: font-size .3s ease;
}
.order__basket-sum {
  color: #16c0e9;
  font-weight: bold;
}
.order__summa {
  text-align: right;
  font-size: 32px;
  line-height: 34px;
  color: #0c2e40;
  padding-right: 95px;
}
.order__summa-value {
  font-weight: bold;
}
.order-table {
  width: 100%;
  margin: 30px 0;
}
.order-table__row--header .order-table__cell {
  border-bottom: none;
  height: 50px;
  background-color: #f6f6f6;
  font-size: 16px;
  line-height: 18px;
  color: #b9bec1;
}
.order-table__row--header .order-table__cell:first-child {
  padding-left: 30px;
  border-radius: 16px 0 0 16px;
}
.order-table__row--header .order-table__cell:last-child {
  border-radius: 0 16px 16px 0;
}
.order-table__row--header .order-table__cell:nth-child(6) {
  font-weight: normal;
}
.order-table__cell {
  padding: 0 5px;
  vertical-align: middle;
  box-sizing: border-box;
  border-bottom: 1px solid #e3e5e7;
  height: 148px;
  font-size: 21px;
  line-height: 24px;
  color: #565656;
}
.order-table__cell:nth-child(1) {
  padding-left: 0;
  width: 44%;
}
.order-table__cell:nth-child(2) {
  width: 13%;
}
.order-table__cell:nth-child(3) {
  width: 10%;
}
.order-table__cell:nth-child(4) {
  width: 7%;
}
.order-table__cell:nth-child(5) {
  width: 13%;
}
.order-table__cell:nth-child(6) {
  width: 9%;
  font-weight: bold;
}
.order-table__cell:last-child {
  width: 6%;
  min-width: 25px;
  padding-right: 0;
  text-align: right;
}
.order-table__product {
  font-size: 0;
}
.order-table__product:hover .order-table__product-helper:after {
  opacity: 0.2;
}
.order-table__product:hover .order-table__product-name {
  color: #16c0e9;
}
.order-table__product-helper {
  display: inline-block;
  vertical-align: middle;
  width: 26%;
  border-radius: 16px;
  overflow: hidden;
  position: relative;
}
.order-table__product-helper:after {
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  border-radius: 16px;
  position: absolute;
  top: 0px;
  left: 0px;
  background-color: #000000;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease;
  -moz-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
.order-table__product-img {
  display: block;
  width: 100%;
  border-radius: 16px;
}
.order-table__product-name {
  font-size: 24px;
  line-height: 32px;
  display: inline-block;
  vertical-align: middle;
  width: 74%;
  box-sizing: border-box;
  padding-left: 30px;
  color: #0c2e40;
  -webkit-transition: color 0.3s ease;
  -moz-transition: color 0.3s ease;
  -o-transition: color 0.3s ease;
  transition: color 0.3s ease;
}
.order-table__delete-row {
  display: inline-block;
  width: 25px;
  height: 25px;
  position: relative;
  font-size: 0;
  color: #ffffff;
  text-decoration: none;
}
.order-table__delete-row:before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  background-image: url(../img/sprite.png);
  background-position: -400px -20px;
  width: 25px;
  height: 25px;
  opacity: 1;
  -webkit-transition: opacity 0.3s ease;
  -moz-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
.order-table__delete-row:after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  background-image: url(../img/sprite.png);
  background-position: -400px -50px;
  width: 25px;
  height: 25px;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease;
  -moz-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
.order-table__delete-row:hover:before {
  opacity: 0;
}
.order-table__delete-row:hover:after {
  opacity: 1;
}
.order-table--recomend .order-table__row--header .order-table__cell {
  background-color: #ff8523;
  color: #ffffff;
  height: 35px;
}
.order-table--recomend .order-table__row--header .order-table__cell:first-child {
  text-align: center;
  font-weight: bold;
  padding-left: 170px;
  font-size: 21px;
  line-height: 26px;
  border-radius: 16px 0 0 0;
}
.order-table--recomend .order-table__row--header .order-table__cell:last-child {
  text-align: right;
  border-radius: 0 16px 0 0;
}
.order-table--recomend .order-table__cell {
  background-color: #fff1e6;
}
.order-table--recomend .order-table__cell:first-child {
  padding-left: 20px;
}
.order-table--recomend .order-table__cell:nth-child(5) {
  width: 9%;
  font-weight: normal;
}
.order-table--recomend .order-table__cell:nth-child(6) {
  text-align: left;
  padding-right: 30px;
}
.order-table__del-table {
  display: inline-block;
  position: relative;
  right: 16px;
  text-decoration: none;
  font-size: 0;
  background-image: url(../img/sprite.png);
  background-position: -330px -150px;
  width: 12px;
  height: 12px;
}
@media screen and (max-width: 1200px) {
  .order__basket-value {
    font-size: 22px;
  }
  .order__header .btn--order {
    margin-left: 20px;
  }
}