@charset "UTF-8";
@font-face {
  font-family: 'time_roman';
  src: url("../fonts/time_roman_normal.eot?ver1.2");
  src: url("../fonts/time_roman_normal.eot?#iefix") format("embedded-opentype"), url("../fonts/time_roman_normal.woff?ver1.2") format("woff"), url("../fonts/time_roman_normal.ttf?ver1.2") format("truetype"), url("../fonts/time_roman_normal.svg#time_romannormal") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'iconset';
  src: url("../fonts/iconset.eot?ver1.2");
  src: url("../fonts/iconset.eot#iefix") format("embedded-opentype"), url("../fonts/iconset.ttf?ver1.2") format("truetype"), url("../fonts/iconset.woff?ver1.2") format("woff"), url("../fonts/iconset.svg#iconset") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'benefits';
  src: url("../fonts/benefits.eot?ver1.2");
  src: url("../fonts/benefits.eot#iefix") format("embedded-opentype"), url("../fonts/benefits.ttf?ver1.2") format("truetype"), url("../fonts/benefits.woff?ver1.2") format("woff"), url("../fonts/benefits.svg#benefits") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'pt_roublesans';
  src: url("../fonts/rubsn.eot?ver1.2");
  src: url("../fonts/rubsn.eot?#iefix") format("embedded-opentype"), url("../fonts/rubsn.woff?ver1.2") format("woff"), url("../fonts/rubsn.ttf?ver1.2") format("truetype"), url("../fonts/rubsn.svg#pt_roublesans") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'Roboto';
  src: url("../fonts/Roboto.eot?ver1.0");
  src: url("../fonts/Roboto.eot?#iefix?ver1.0") format("embedded-opentype"), url("../fonts/Roboto.woff?ver1.0") format("woff"), url("../fonts/Roboto.ttf?ver1.0") format("truetype"), url("../fonts/Roboto.svg#Roboto?ver1.0") format("svg");
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
  unicode-range: U+000D-2044; }
@font-face {
  font-family: 'Roboto';
  src: url("../fonts/Roboto Medium.eot?ver1.0");
  src: url("../fonts/Roboto Medium.eot?#iefix?ver1.0") format("embedded-opentype"), url("../fonts/Roboto Medium.woff?ver1.0") format("woff"), url("../fonts/Roboto Medium.ttf?ver1.0") format("truetype"), url("../fonts/Roboto Medium.svg#Roboto-Medium?ver1.0") format("svg");
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  unicode-range: U+000D-2044; }
@font-face {
  font-family: 'Roboto';
  src: url("../fonts/Roboto Bold.eot?ver1.0");
  src: url("../fonts/Roboto Bold.eot?#iefix?ver1.0") format("embedded-opentype"), url("../fonts/Roboto Bold.woff?ver1.0") format("woff"), url("../fonts/Roboto Bold.ttf?ver1.0") format("truetype"), url("../fonts/Roboto Bold.svg#Roboto-Bold?ver1.0") format("svg");
  font-weight: 700;
  font-style: normal;
  font-stretch: normal;
  unicode-range: U+000D-2044; }
/* reset */
/* main variables */
body {
  margin: 0px;
  padding: 0px;
  font-family: "Roboto", sans-serif;
  color: #434549;
  line-height: 1;
  font-size: 13px;
  background-color: #FFF;
  height: 100%;
  position: relative; }

/*MAIN*/
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%; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main {
  display: block; }

blockquote, q {
  quotes: none; }

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-width: 0px;
  padding: 0px;
  margin: 0px; }

html {
  height: 100%;
  -webkit-text-size-adjust: none;
  -ms-text-size-adjust: none; }

input,
textarea,
select,
button {
  resize: none;
  color: #333;
  font-family: "Roboto", sans-serif;
  outline: none;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -webkit-appearance: none;
  border: none;
  -webkit-transition: background 0.2s;
  -moz-transition: background 0.2s;
  -ms-transition: background 0.2s;
  transition: background 0.2s; }

input[type="button"],
input[type="submit"],
button {
  cursor: pointer; }

td {
  margin: 0px;
  padding: 0px; }

form {
  padding: 0px;
  margin: 0px; }

a {
  color: #31479d;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
  text-decoration: none;
  outline: none;
  -webkit-tap-highlight-color: transparent; }

a,
span,
div,
button {
  outline: none !important; }

ul, li {
  margin: 0px;
  padding: 0px;
  list-style: none; }

img {
  display: block;
  border: 0; }

input[type=submit],
input[type=button],
button {
  -webkit-appearance: none;
  outline: none; }

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.clearfix:after,
.wrapper:after,
.row:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden; }

/* checkbox */
/* radio */
/* select */
.jq-checkbox {
  top: -1px;
  width: 13px;
  height: 13px;
  border: 1px solid #C3C3C3;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  background: #F6F6F6;
  box-shadow: 0 0 1px 0px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0 0 1px 0px rgba(0, 0, 0, 0.05);
  -webkit-box-shadow: 0 0 1px 0px rgba(0, 0, 0, 0.05);
  vertical-align: middle;
  cursor: pointer; }

.jq-checkbox.checked .jq-checkbox__div {
  width: 9px;
  height: 9px;
  margin: 2px 0 0 2px;
  background: #666;
  box-shadow: 0 0 1px 0px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0 0 1px 0px rgba(0, 0, 0, 0.05);
  -webkit-box-shadow: 0 0 1px 0px rgba(0, 0, 0, 0.05); }

.jq-checkbox.disabled {
  opacity: 0.5; }

.jq-radio {
  width: 12px;
  height: 12px;
  border: 1px solid #C3C3C3;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  background: #F6F6F6;
  box-shadow: 0 0 0 0px transparent;
  -moz-box-shadow: 0 0 0 0px transparent;
  -webkit-box-shadow: 0 0 0 0px transparent;
  vertical-align: middle;
  cursor: pointer; }

.jq-radio.checked .jq-radio__div {
  width: 6px;
  height: 6px;
  margin: 3px 0 0 3px;
  background: #666; }

.jq-radio.disabled {
  opacity: 0.5; }

.jq-file {
  width: 270px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  border-radius: 4px; }

.jq-file input {
  cursor: pointer;
  height: auto;
  line-height: 1em; }

.jq-file__name {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: 32px;
  padding: 0 80px 0 10px;
  color: #333;
  font: 14px/30px Arial, sans-serif;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  border: 1px solid #CCC;
  border-bottom-color: #B3B3B3;
  border-radius: 4px;
  box-shadow: inset 1px 1px #F1F1F1;
  background: #FFF; }

.focused .jq-file__name {
  border: 1px solid #5794BF; }

.jq-file__browse {
  position: absolute;
  top: 1px;
  right: 1px;
  padding: 0 10px;
  border-left: 1px solid #CCC;
  border-radius: 0 4px 4px 0;
  background: #F1F1F1 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAeCAIAAABi9+OQAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABdJREFUeNpi+v//PxM2zMDAQEtxgAADAF2uTe9L4getAAAAAElFTkSuQmCC) repeat-x;
  box-shadow: inset 1px -1px #F1F1F1, inset -1px 0 #F1F1F1, 0 1px 2px rgba(0, 0, 0, 0.1);
  color: #333;
  text-shadow: 1px 1px #FFF;
  font: 14px/30px Arial, sans-serif; }

.jq-file:hover .jq-file__browse {
  background-color: #E6E6E6;
  background-position: 0 -10px; }

.jq-file:active .jq-file__browse {
  background: #F5F5F5;
  box-shadow: inset 1px 1px 3px #DDD; }

.jq-file.disabled .jq-file__name {
  color: #888; }

.jq-file.disabled,
.jq-file.disabled .jq-file__browse {
  border-color: #CCC;
  background: #F5F5F5;
  box-shadow: none;
  color: #888; }

.jq-selectbox {
  vertical-align: middle;
  cursor: pointer;
  width: 100%; }

.jq-selectbox__select {
  height: 45px;
  padding: 12px 40px 0 15px;
  border: 1px solid #22273c;
  border-radius: 0px;
  background: #ffffff;
  box-shadow: 0 0 0px 0px transparent;
  font-size: 14px;
  line-height: 18px;
  color: #22273c;
  font-family: Roboto, sans-serif; }

.jq-selectbox__select:hover {
  background: #ffffff; }

.jq-selectbox__select:active {
  background: #ffffff; }

.jq-selectbox.focused .jq-selectbox__select {
  background: #ffffff; }

.opened .jq-selectbox__select {
  border-color: #22273c; }

.jq-selectbox.disabled .jq-selectbox__select {
  border-color: #CCC;
  background: #F5F5F5;
  box-shadow: none;
  color: #888; }

.jq-selectbox__select-text {
  display: block;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.jq-selectbox__trigger {
  position: absolute;
  top: 0;
  right: 0;
  width: 34px;
  height: 100%; }

.jq-selectbox__trigger-arrow {
  position: absolute;
  top: 14px;
  right: 12px;
  width: 0;
  height: 0;
  overflow: hidden;
  border-top: 0px solid #22273c;
  border-right: 0px solid transparent;
  border-left: 0px solid transparent;
  background: none; }

.jq-selectbox__dropdown {
  top: 45px;
  width: 100%;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: -1px 0;
  padding: 0;
  border: 1px solid #22273c;
  border-radius: 0px;
  background: #FFF;
  box-shadow: 0 0 0px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 0 0px 0px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 0 0px 0px rgba(0, 0, 0, 0.1); }

.jq-selectbox__search {
  margin: 5px; }

.jq-selectbox__search input {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  padding: 5px 27px 6px 8px;
  outline: none;
  border: 1px solid #CCC;
  border-radius: 3px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAMCAYAAABiDJ37AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAO1JREFUeNqU078LAXEYx/FzYfNzk5TJaFNKYjFYSQZ/hvwBsvg1UCY2xT9gM8hukQGThWRjkcFw3pdnujhfT736Xn2fPvfc3fd07V0OFDDFAnM0ENYsZRiGLSc9OpqIYIA9fMhhjCrW2h9VlMlcH/aymMGtOqEugX08PwQucUZKdTozMIqdTc9WepQD7wjY9ARx+ydwhfyXfS+S0qMcOEQJGcueB3VccFINdMgal6NzkmPjRwJXxDBB7/2RDdtAp6wb+dpphHDASG5QQ0V6u2aoSqBZD/lDrNWRJynLK2qpBn4rc6K2XB9/Nb8EGABtf1thzY6X2AAAAABJRU5ErkJggg==) no-repeat 100% 50%;
  box-shadow: inset 1px 1px #F1F1F1;
  color: #333;
  -webkit-appearance: textfield; }

.jq-selectbox__search input::-webkit-search-cancel-button,
.jq-selectbox__search input::-webkit-search-decoration {
  -webkit-appearance: none; }

.jq-selectbox__not-found {
  margin: 5px;
  padding: 5px 8px 6px;
  background: #F0F0F0;
  font-size: 13px; }

.jq-selectbox ul {
  margin: 0;
  padding: 0;
  max-height: 200px; }

.jq-selectbox li {
  min-height: 18px;
  padding: 5px 10px 5px 10px;
  color: #22273c;
  font-size: 14px;
  line-height: 18px;
  font-family: Roboto, sans-serif; }

.jq-selectbox li.selected {
  background-color: #22273c;
  color: #FFF; }

.jq-selectbox li:hover {
  background-color: #22273c;
  color: #FFF; }

.jq-selectbox li.disabled {
  color: #ccc;
  background: none; }

.jq-selectbox li.disabled:hover {
  background: none; }

.jq-selectbox li.optgroup {
  font-weight: bold; }

.jq-selectbox li.optgroup:hover {
  background: none;
  color: #231F20;
  cursor: default; }

.jq-selectbox li.option {
  padding-left: 25px; }

.jq-select-multiple {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 1px;
  border: 1px solid #CCC;
  border-bottom-color: #B3B3B3;
  border-radius: 4px;
  box-shadow: inset 1px 1px #F1F1F1, 0 1px 2px rgba(0, 0, 0, 0.1);
  background: #FFF;
  color: #333;
  font: 14px/18px Arial, sans-serif;
  cursor: default; }

.jq-select-multiple.focused {
  border: 1px solid #5794BF; }

.jq-select-multiple.disabled {
  border-color: #CCC;
  background: #F5F5F5;
  box-shadow: none;
  color: #888; }

.jq-select-multiple ul {
  margin: 0;
  padding: 0; }

.jq-select-multiple li {
  padding: 3px 9px 4px;
  list-style: none; }

.jq-select-multiple li:first-child {
  border-radius: 3px 3px 0 0; }

.jq-select-multiple li:last-child {
  border-radius: 0 0 3px 3px; }

.jq-select-multiple li.selected {
  background: #08C;
  color: #FFF; }

.jq-select-multiple li.disabled {
  color: #AAA; }

.jq-select-multiple.disabled li.selected,
.jq-select-multiple li.selected.disabled {
  background: #CCC;
  color: #FFF; }

.jq-select-multiple li.optgroup {
  font-weight: bold; }

.jq-select-multiple li.option {
  padding-left: 25px; }

/*! jQuery UI - v1.12.1 - 2017-06-26
* http://jqueryui.com
* Includes: core.css, datepicker.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?scope=&folderName=base&cornerRadiusShadow=8px&offsetLeftShadow=0px&offsetTopShadow=0px&thicknessShadow=5px&opacityShadow=30&bgImgOpacityShadow=0&bgTextureShadow=flat&bgColorShadow=666666&opacityOverlay=30&bgImgOpacityOverlay=0&bgTextureOverlay=flat&bgColorOverlay=aaaaaa&iconColorError=cc0000&fcError=5f3f3f&borderColorError=f1a899&bgTextureError=flat&bgColorError=fddfdf&iconColorHighlight=777620&fcHighlight=777620&borderColorHighlight=dad55e&bgTextureHighlight=flat&bgColorHighlight=fffa90&iconColorActive=ffffff&fcActive=ffffff&borderColorActive=003eff&bgTextureActive=flat&bgColorActive=007fff&iconColorHover=555555&fcHover=2b2b2b&borderColorHover=cccccc&bgTextureHover=flat&bgColorHover=ededed&iconColorDefault=777777&fcDefault=454545&borderColorDefault=c5c5c5&bgTextureDefault=flat&bgColorDefault=f6f6f6&iconColorContent=444444&fcContent=333333&borderColorContent=dddddd&bgTextureContent=flat&bgColorContent=ffffff&iconColorHeader=444444&fcHeader=333333&borderColorHeader=dddddd&bgTextureHeader=flat&bgColorHeader=e9e9e9&cornerRadius=3px&fwDefault=normal&fsDefault=1em&ffDefault=Arial%2CHelvetica%2Csans-serif
* Copyright jQuery Foundation and other contributors; Licensed MIT */
.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-zfix {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
  filter: Alpha(Opacity=0); }

.ui-front {
  z-index: 100; }

.ui-state-disabled {
  cursor: default !important;
  pointer-events: none; }

.ui-icon {
  display: inline-block;
  vertical-align: middle;
  margin-top: -.25em;
  position: relative;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat; }

.ui-widget-icon-block {
  left: 50%;
  margin-left: -8px;
  display: block; }

.ui-widget-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.ui-datepicker {
  width: 17em;
  padding: .2em .2em 0;
  display: none; }

.ui-datepicker .ui-datepicker-header {
  position: relative;
  padding: .2em 0; }

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
  position: absolute;
  top: 2px;
  width: 1.8em;
  height: 1.8em; }

.ui-datepicker .ui-datepicker-prev {
  left: 2px; }

.ui-datepicker .ui-datepicker-next {
  right: 2px; }

.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 {
  padding: .7em .3em;
  text-align: center;
  font-weight: bold;
  border: 0; }

.ui-datepicker td {
  border: 0;
  padding: 1px; }

.ui-datepicker td span, .ui-datepicker td a {
  display: block;
  padding: .2em;
  text-align: right;
  text-decoration: none; }

.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; }

.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; }

.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; }

.ui-datepicker .ui-icon {
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
  left: .5em;
  top: .3em; }

.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.ui-widget-content {
  border: 1px solid #c5c5c5; }

.ui-widget-content {
  border: 1px solid #ddd;
  background: #fff;
  color: #333; }

.ui-widget-content a {
  color: #333; }

.ui-widget-header {
  border: 1px solid #ddd;
  background: #e9e9e9;
  color: #333;
  font-weight: bold; }

.ui-widget-header a {
  color: #333; }

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
  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, a.ui-button, a:link.ui-button, a:visited.ui-button, .ui-button {
  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, .ui-button:hover, .ui-button:focus {
  border: 1px solid #ccc;
  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, a.ui-button:hover, a.ui-button:focus {
  color: #2b2b2b;
  text-decoration: none; }

.ui-visual-focus {
  box-shadow: 0 0 3px 1px #5e9ed6; }

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
  border: 1px solid #003eff;
  background: #007fff;
  font-weight: normal;
  color: #fff; }

.ui-icon-background, .ui-state-active .ui-icon-background {
  border: #003eff;
  background-color: #fff; }

.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
  color: #fff;
  text-decoration: none; }

.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-checked {
  border: 1px solid #dad55e;
  background: #fffa90; }

.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);
  font-weight: normal; }

.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
  opacity: .35;
  filter: Alpha(Opacity=35);
  background-image: none; }

.ui-state-disabled .ui-icon {
  filter: Alpha(Opacity=35); }

.ui-icon {
  width: 16px;
  height: 16px; }

.ui-icon, .ui-widget-content .ui-icon {
  background-image: url("images/ui-icons_444444_256x240.png"); }

.ui-widget-header .ui-icon {
  background-image: url("images/ui-icons_444444_256x240.png"); }

.ui-state-hover .ui-icon, .ui-state-focus .ui-icon, .ui-button:hover .ui-icon, .ui-button:focus .ui-icon {
  background-image: url("images/ui-icons_555555_256x240.png"); }

.ui-state-active .ui-icon, .ui-button:active .ui-icon {
  background-image: url("images/ui-icons_ffffff_256x240.png"); }

.ui-state-highlight .ui-icon, .ui-button .ui-state-highlight.ui-icon {
  background-image: url("images/ui-icons_777620_256x240.png"); }

.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {
  background-image: url("images/ui-icons_cc0000_256x240.png"); }

.ui-button .ui-icon {
  background-image: url("images/ui-icons_777777_256x240.png"); }

.ui-icon-blank {
  background-position: 16px 16px; }

.ui-icon-caret-1-n {
  background-position: 0 0; }

.ui-icon-caret-1-ne {
  background-position: -16px 0; }

.ui-icon-caret-1-e {
  background-position: -32px 0; }

.ui-icon-caret-1-se {
  background-position: -48px 0; }

.ui-icon-caret-1-s {
  background-position: -65px 0; }

.ui-icon-caret-1-sw {
  background-position: -80px 0; }

.ui-icon-caret-1-w {
  background-position: -96px 0; }

.ui-icon-caret-1-nw {
  background-position: -112px 0; }

.ui-icon-caret-2-n-s {
  background-position: -128px 0; }

.ui-icon-caret-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: -65px -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: -65px -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: 1px -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 {
  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; }

.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; }

.ui-widget-overlay {
  background: #aaa;
  opacity: .3;
  filter: Alpha(Opacity=30); }

.ui-widget-shadow {
  -webkit-box-shadow: 0 0 5px #666;
  box-shadow: 0 0 5px #666; }

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0; }
  .slick-list:focus {
    outline: none; }
  .slick-list.dragging {
    cursor: pointer;
    cursor: hand; }

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block; }
  .slick-track:before, .slick-track:after {
    content: "";
    display: table; }
  .slick-track:after {
    clear: both; }
  .slick-loading .slick-track {
    visibility: hidden; }

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none; }
  [dir="rtl"] .slick-slide {
    float: right; }
  .slick-slide img {
    display: block; }
  .slick-slide.slick-loading img {
    display: none; }
  .slick-slide.dragging img {
    pointer-events: none; }
  .slick-initialized .slick-slide {
    display: block; }
  .slick-loading .slick-slide {
    visibility: hidden; }
  .slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent; }

.slick-arrow.slick-hidden {
  display: none; }

/*
== malihu jquery custom scrollbar plugin ==
Plugin URI: http://manos.malihu.gr/jquery-custom-content-scroller
*/
/*
CONTENTS:
	1. BASIC STYLE - Plugin's basic/essential CSS properties (normally, should not be edited).
	2. VERTICAL SCROLLBAR - Positioning and dimensions of vertical scrollbar.
	3. HORIZONTAL SCROLLBAR - Positioning and dimensions of horizontal scrollbar.
	4. VERTICAL AND HORIZONTAL SCROLLBARS - Positioning and dimensions of 2-axis scrollbars.
	5. TRANSITIONS - CSS3 transitions for hover events, auto-expanded and auto-hidden scrollbars.
	6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS
		6.1 THEMES - Scrollbar colors, opacity, dimensions, backgrounds etc. via ready-to-use themes.
*/
/*
------------------------------------------------------------------------------------------------------------------------
1. BASIC STYLE
------------------------------------------------------------------------------------------------------------------------
*/
.mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action {
  -ms-touch-action: auto;
  touch-action: auto; }

.mCustomScrollBox {
  /* contains plugin's markup */
  position: relative;
  overflow: hidden;
  height: 100%;
  max-width: 100%;
  outline: none;
  direction: ltr; }

.mCSB_container {
  /* contains the original content */
  overflow: hidden;
  width: auto;
  height: auto; }

/*
------------------------------------------------------------------------------------------------------------------------
2. VERTICAL SCROLLBAR
y-axis
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_inside > .mCSB_container {
  margin-right: 30px; }

.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-right: 0; }

/* non-visible scrollbar */
.mCS-dir-rtl > .mCSB_inside > .mCSB_container {
  /* RTL direction/left-side scrollbar */
  margin-right: 0;
  margin-left: 30px; }

.mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-left: 0; }

/* RTL direction/left-side scrollbar */
.mCSB_scrollTools {
  /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */
  position: absolute;
  width: 16px;
  height: auto;
  left: auto;
  top: 0;
  right: 0;
  bottom: 0; }

.mCSB_outside + .mCSB_scrollTools {
  right: -26px; }

/* scrollbar position: outside */
.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools,
.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
  /* RTL direction/left-side scrollbar */
  right: auto;
  left: 0; }

.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
  left: -26px; }

/* RTL direction/left-side scrollbar (scrollbar position: outside) */
.mCSB_scrollTools .mCSB_draggerContainer {
  /* contains the draggable element and dragger rail markup */
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  height: auto; }

.mCSB_scrollTools a + .mCSB_draggerContainer {
  margin: 20px 0; }

.mCSB_scrollTools .mCSB_draggerRail {
  width: 2px;
  height: 100%;
  margin: 0 auto;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px; }

.mCSB_scrollTools .mCSB_dragger {
  /* the draggable element */
  cursor: pointer;
  width: 100%;
  height: 30px;
  /* minimum dragger height */
  z-index: 1; }

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  /* the dragger element */
  position: relative;
  width: 4px;
  height: 100%;
  margin: 0 auto;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px;
  text-align: center; }

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  width: 12px;
  /* auto-expanded scrollbar */ }

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  width: 8px;
  /* auto-expanded scrollbar */ }

.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown {
  display: block;
  position: absolute;
  height: 20px;
  width: 100%;
  overflow: hidden;
  margin: 0 auto;
  cursor: pointer; }

.mCSB_scrollTools .mCSB_buttonDown {
  bottom: 0; }

/*
------------------------------------------------------------------------------------------------------------------------
3. HORIZONTAL SCROLLBAR
x-axis
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_horizontal.mCSB_inside > .mCSB_container {
  margin-right: 0;
  margin-bottom: 30px; }

.mCSB_horizontal.mCSB_outside > .mCSB_container {
  min-height: 100%; }

.mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden {
  margin-bottom: 0; }

/* non-visible scrollbar */
.mCSB_scrollTools.mCSB_scrollTools_horizontal {
  width: auto;
  height: 16px;
  top: auto;
  right: 0;
  bottom: 0;
  left: 0; }

.mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  bottom: -26px; }

/* scrollbar position: outside */
.mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer {
  margin: 0 20px; }

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 2px;
  margin: 7px 0; }

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 30px;
  /* minimum dragger width */
  height: 100%;
  left: 0; }

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 4px;
  margin: 6px auto; }

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  height: 12px;
  /* auto-expanded scrollbar */
  margin: 2px auto; }

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  height: 8px;
  /* auto-expanded scrollbar */
  margin: 4px 0; }

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
  display: block;
  position: absolute;
  width: 20px;
  height: 100%;
  overflow: hidden;
  margin: 0 auto;
  cursor: pointer; }

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft {
  left: 0; }

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
  right: 0; }

/*
------------------------------------------------------------------------------------------------------------------------
4. VERTICAL AND HORIZONTAL SCROLLBARS
yx-axis
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_container_wrapper {
  position: absolute;
  height: auto;
  width: auto;
  overflow: hidden;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin-right: 30px;
  margin-bottom: 30px; }

.mCSB_container_wrapper > .mCSB_container {
  padding-right: 30px;
  padding-bottom: 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical {
  bottom: 20px; }

.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  right: 20px; }

/* non-visible horizontal scrollbar */
.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical {
  bottom: 0; }

/* non-visible vertical scrollbar/RTL direction/left-side scrollbar */
.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  right: 0; }

/* RTL direction/left-side scrollbar */
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  left: 20px; }

/* non-visible scrollbar/RTL direction/left-side scrollbar */
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  left: 0; }

.mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper {
  /* RTL direction/left-side scrollbar */
  margin-right: 0;
  margin-left: 30px; }

.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container {
  padding-right: 0; }

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container {
  padding-bottom: 0; }

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-right: 0;
  /* non-visible scrollbar */
  margin-left: 0; }

/* non-visible horizontal scrollbar */
.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden {
  margin-bottom: 0; }

/*
------------------------------------------------------------------------------------------------------------------------
5. TRANSITIONS
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_scrollTools,
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight {
  -webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
  -moz-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
  -o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
  transition: opacity .2s ease-in-out, background-color .2s ease-in-out; }

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail {
  -webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s,  margin-left .2s ease-out .2s, margin-right .2s ease-out .2s,  margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;
  -moz-transition: width .2s ease-out .2s, height .2s ease-out .2s,  margin-left .2s ease-out .2s, margin-right .2s ease-out .2s,  margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;
  -o-transition: width .2s ease-out .2s, height .2s ease-out .2s,  margin-left .2s ease-out .2s, margin-right .2s ease-out .2s,  margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;
  transition: width .2s ease-out .2s, height .2s ease-out .2s,  margin-left .2s ease-out .2s, margin-right .2s ease-out .2s,  margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; }

/*
------------------------------------------------------------------------------------------------------------------------
6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS
------------------------------------------------------------------------------------------------------------------------
*/
/*
----------------------------------------
6.1 THEMES
----------------------------------------
*/
/* default theme ("light") */
.mCSB_scrollTools {
  opacity: 0.75;
  filter: "alpha(opacity=75)";
  -ms-filter: "alpha(opacity=75)"; }

.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools,
.mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools {
  opacity: 0;
  filter: "alpha(opacity=0)";
  -ms-filter: "alpha(opacity=0)"; }

.mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollBox:hover > .mCSB_scrollTools,
.mCustomScrollBox:hover ~ .mCSB_scrollTools,
.mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools,
.mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools {
  opacity: 1;
  filter: "alpha(opacity=100)";
  -ms-filter: "alpha(opacity=100)"; }

.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.4);
  filter: "alpha(opacity=40)";
  -ms-filter: "alpha(opacity=40)"; }

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.75);
  filter: "alpha(opacity=75)";
  -ms-filter: "alpha(opacity=75)"; }

.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.85);
  filter: "alpha(opacity=85)";
  -ms-filter: "alpha(opacity=85)"; }

.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.9);
  filter: "alpha(opacity=90)";
  -ms-filter: "alpha(opacity=90)"; }

.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight {
  background-image: url(mCSB_buttons.png);
  /* css sprites */
  background-repeat: no-repeat;
  opacity: 0.4;
  filter: "alpha(opacity=40)";
  -ms-filter: "alpha(opacity=40)"; }

.mCSB_scrollTools .mCSB_buttonUp {
  background-position: 0 0;
  /*
  sprites locations
  light: 0 0, -16px 0, -32px 0, -48px 0, 0 -72px, -16px -72px, -32px -72px
  dark: -80px 0, -96px 0, -112px 0, -128px 0, -80px -72px, -96px -72px, -112px -72px
  */ }

.mCSB_scrollTools .mCSB_buttonDown {
  background-position: 0 -20px;
  /*
  sprites locations
  light: 0 -20px, -16px -20px, -32px -20px, -48px -20px, 0 -92px, -16px -92px, -32px -92px
  dark: -80px -20px, -96px -20px, -112px -20px, -128px -20px, -80px -92px, -96px -92px, -112 -92px
  */ }

.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: 0 -40px;
  /*
  sprites locations
  light: 0 -40px, -20px -40px, -40px -40px, -60px -40px, 0 -112px, -20px -112px, -40px -112px
  dark: -80px -40px, -100px -40px, -120px -40px, -140px -40px, -80px -112px, -100px -112px, -120px -112px
  */ }

.mCSB_scrollTools .mCSB_buttonRight {
  background-position: 0 -56px;
  /*
  sprites locations
  light: 0 -56px, -20px -56px, -40px -56px, -60px -56px, 0 -128px, -20px -128px, -40px -128px
  dark: -80px -56px, -100px -56px, -120px -56px, -140px -56px, -80px -128px, -100px -128px, -120px -128px
  */ }

.mCSB_scrollTools .mCSB_buttonUp:hover,
.mCSB_scrollTools .mCSB_buttonDown:hover,
.mCSB_scrollTools .mCSB_buttonLeft:hover,
.mCSB_scrollTools .mCSB_buttonRight:hover {
  opacity: 0.75;
  filter: "alpha(opacity=75)";
  -ms-filter: "alpha(opacity=75)"; }

.mCSB_scrollTools .mCSB_buttonUp:active,
.mCSB_scrollTools .mCSB_buttonDown:active,
.mCSB_scrollTools .mCSB_buttonLeft:active,
.mCSB_scrollTools .mCSB_buttonRight:active {
  opacity: 0.9;
  filter: "alpha(opacity=90)";
  -ms-filter: "alpha(opacity=90)"; }

/* theme: "dark" */
.mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.15); }

.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75); }

.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: rgba(0, 0, 0, 0.85); }

.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: rgba(0, 0, 0, 0.9); }

.mCS-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -80px 0; }

.mCS-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -80px -20px; }

.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -80px -40px; }

.mCS-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -80px -56px; }

/* ---------------------------------------- */
/* theme: "light-2", "dark-2" */
.mCS-light-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
  width: 4px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.1);
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px; }

.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 4px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.75);
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px; }

.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 4px;
  margin: 6px auto; }

.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.85); }

.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.9); }

.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px 0; }

.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -20px; }

.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -40px; }

.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -56px; }

/* theme: "dark-2" */
.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px; }

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px; }

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85); }

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9); }

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px 0; }

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -20px; }

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -40px; }

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -56px; }

/* ---------------------------------------- */
/* theme: "light-thick", "dark-thick" */
.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
  width: 4px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.1);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px; }

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 6px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.75);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px; }

.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 4px;
  margin: 6px 0; }

.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 6px;
  margin: 5px auto; }

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.85); }

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.9); }

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -16px 0; }

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -16px -20px; }

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -20px -40px; }

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -20px -56px; }

/* theme: "dark-thick" */
.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px; }

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px; }

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85); }

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9); }

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -96px 0; }

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -96px -20px; }

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -100px -40px; }

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -100px -56px; }

/* ---------------------------------------- */
/* theme: "light-thin", "dark-thin" */
.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.1); }

.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 2px; }

.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%; }

.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 2px;
  margin: 7px auto; }

/* theme "dark-thin" */
.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.15); }

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75); }

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85); }

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9); }

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -80px 0; }

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -80px -20px; }

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -80px -40px; }

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -80px -56px; }

/* ---------------------------------------- */
/* theme "rounded", "rounded-dark", "rounded-dots", "rounded-dots-dark" */
.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.15); }

.mCS-rounded.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger {
  height: 14px; }

.mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 14px;
  margin: 0 1px; }

.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 14px; }

.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  height: 14px;
  margin: 1px 0; }

.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  width: 16px;
  /* auto-expanded scrollbar */
  height: 16px;
  margin: -1px 0; }

.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  width: 4px;
  /* auto-expanded scrollbar */ }

.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  height: 16px;
  /* auto-expanded scrollbar */
  width: 16px;
  margin: 0 -1px; }

.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  height: 4px;
  /* auto-expanded scrollbar */
  margin: 6px 0; }

.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp {
  background-position: 0 -72px; }

.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown {
  background-position: 0 -92px; }

.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: 0 -112px; }

.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight {
  background-position: 0 -128px; }

/* theme "rounded-dark", "rounded-dots-dark" */
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75); }

.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.15); }

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85); }

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9); }

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -80px -72px; }

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -80px -92px; }

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -80px -112px; }

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -80px -128px; }

/* theme "rounded-dots", "rounded-dots-dark" */
.mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail {
  width: 4px; }

.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  background-color: transparent;
  background-position: center; }

.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==");
  background-repeat: repeat-y;
  opacity: 0.3;
  filter: "alpha(opacity=30)";
  -ms-filter: "alpha(opacity=30)"; }

.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  height: 4px;
  margin: 6px 0;
  background-repeat: repeat-x; }

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -16px -72px; }

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -16px -92px; }

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -20px -112px; }

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -20px -128px; }

/* theme "rounded-dots-dark" */
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII="); }

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -96px -72px; }

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -96px -92px; }

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -100px -112px; }

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -100px -128px; }

/* ---------------------------------------- */
/* theme "3d", "3d-dark", "3d-thick", "3d-thick-dark" */
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-repeat: repeat-y;
  background-image: -moz-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
  background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0.5)), color-stop(100%, rgba(255, 255, 255, 0)));
  background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
  background-image: -o-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
  background-image: -ms-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%); }

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  background-repeat: repeat-x;
  background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0.5)), color-stop(100%, rgba(255, 255, 255, 0)));
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
  background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
  background-image: -ms-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%); }

/* theme "3d", "3d-dark" */
.mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger,
.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger {
  height: 70px; }

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 70px; }

.mCS-3d.mCSB_scrollTools,
.mCS-3d-dark.mCSB_scrollTools {
  opacity: 1;
  filter: "alpha(opacity=30)";
  -ms-filter: "alpha(opacity=30)"; }

.mCS-3d.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px; }

.mCS-3d.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {
  width: 8px;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.2);
  box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.5), inset -1px 0 1px rgba(255, 255, 255, 0.2); }

.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #555; }

.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 8px; }

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 8px;
  margin: 4px 0;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 1px rgba(255, 255, 255, 0.2); }

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 8px;
  margin: 4px auto; }

.mCS-3d.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px; }

.mCS-3d.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px; }

.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px; }

.mCS-3d.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px; }

/* theme "3d-dark" */
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1);
  box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1); }

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1); }

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px; }

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px; }

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px; }

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px; }

/* ---------------------------------------- */
/* theme: "3d-thick", "3d-thick-dark" */
.mCS-3d-thick.mCSB_scrollTools,
.mCS-3d-thick-dark.mCSB_scrollTools {
  opacity: 1;
  filter: "alpha(opacity=30)";
  -ms-filter: "alpha(opacity=30)"; }

.mCS-3d-thick.mCSB_scrollTools,
.mCS-3d-thick-dark.mCSB_scrollTools,
.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px; }

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px; }

.mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical,
.mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical {
  right: 1px; }

.mCS-3d-thick.mCSB_scrollTools_vertical,
.mCS-3d-thick-dark.mCSB_scrollTools_vertical {
  box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5); }

.mCS-3d-thick.mCSB_scrollTools_horizontal,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
  bottom: 1px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5); }

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4);
  width: 12px;
  margin: 2px;
  position: absolute;
  height: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0; }

.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4); }

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #555; }

.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  height: 12px;
  width: auto; }

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.05);
  box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1); }

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent; }

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px; }

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px; }

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px; }

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px; }

/* theme: "3d-thick-dark" */
.mCS-3d-thick-dark.mCSB_scrollTools {
  box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2); }

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.2); }

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4), inset -1px 0 0 rgba(0, 0, 0, 0.2); }

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 -1px 0 rgba(0, 0, 0, 0.2); }

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #777; }

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {
  background-color: #fff;
  background-color: rgba(0, 0, 0, 0.05);
  box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1); }

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent; }

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px; }

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px; }

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px; }

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px; }

/* ---------------------------------------- */
/* theme: "minimal", "minimal-dark" */
.mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical,
.mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical {
  right: 0;
  margin: 12px 0; }

.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  bottom: 0;
  margin: 0 12px; }

/* RTL direction/left-side scrollbar */
.mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical,
.mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical {
  left: 0;
  right: auto; }

.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail,
.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent; }

.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger,
.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger {
  height: 50px; }

.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 50px; }

.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.2); }

.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.5); }

/* theme: "minimal-dark" */
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.2); }

.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.5); }

/* ---------------------------------------- */
/* theme "light-3", "dark-3" */
.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
  width: 6px;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.2); }

.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 6px; }

.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 6px;
  margin: 5px 0; }

.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  width: 12px; }

.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  height: 12px;
  margin: 2px 0; }

.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px; }

.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px; }

.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px; }

.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px; }

/* theme "dark-3" */
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75); }

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85); }

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9); }

.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1); }

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px; }

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px; }

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px; }

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px; }

/* ---------------------------------------- */
/* theme "inset", "inset-dark", "inset-2", "inset-2-dark", "inset-3", "inset-3-dark" */
.mCS-inset.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
  width: 12px;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.2); }

.mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 6px;
  margin: 3px 5px;
  position: absolute;
  height: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0; }

.mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  height: 6px;
  margin: 5px 3px;
  position: absolute;
  width: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0; }

.mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 12px;
  margin: 2px 0; }

.mCS-inset.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px; }

.mCS-inset.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px; }

.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px; }

.mCS-inset.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px; }

/* theme "inset-dark", "inset-2-dark", "inset-3-dark" */
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75); }

.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85); }

.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9); }

.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1); }

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px; }

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px; }

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px; }

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px; }

/* theme "inset-2", "inset-2-dark" */
.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent;
  border-width: 1px;
  border-style: solid;
  border-color: #fff;
  border-color: rgba(255, 255, 255, 0.2);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {
  border-color: #000;
  border-color: rgba(0, 0, 0, 0.2); }

/* theme "inset-3", "inset-3-dark" */
.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.6); }

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.6); }

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75); }

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85); }

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9); }

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.75); }

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.85); }

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.9); }

/* ---------------------------------------- */
.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  position: relative;
  z-index: 1; }

.owl-carousel .owl-stage {
  position: relative;
  -ms-touch-action: pan-Y;
  -moz-backface-visibility: hidden; }

.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;
  -webkit-transform: translate3d(0px, 0px, 0px); }

.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0); }

.owl-carousel .owl-item {
  position: relative;
  min-height: 1px;
  float: left;
  -webkit-backface-visibility: hidden;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none; }

.owl-carousel .owl-item img {
  display: block;
  width: 100%; }

.owl-carousel .owl-nav.disabled,
.owl-carousel .owl-dots.disabled {
  display: none; }

.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-dot {
  cursor: pointer;
  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 {
  visibility: hidden; }

.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 .owl-carousel {
  display: block; }

.owl-carousel .animated {
  animation-duration: 1000ms;
  animation-fill-mode: both; }

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

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

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

@keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }
.owl-height {
  transition: height 500ms ease-in-out; }

.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  transition: opacity 400ms ease; }

.owl-carousel .owl-item img.owl-lazy {
  transform-style: preserve-3d; }

.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: transform 100ms ease; }

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

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

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

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

/*
================================================================================
|                                     HEADER                                   |
================================================================================
*/
header {
  width: 100%;
  min-width: 320px;
  height: 75px;
  background: #fff;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100; }
  header .wrapper {
    padding: 13px 25px 0 10px;
    max-width: 1440px; }

.logo {
  display: block;
  float: left;
  background: url(../img/logo.png?ver1.2) center no-repeat;
  background-size: contain;
  width: 94px;
  height: 50px; }
  .logo:hover {
    opacity: 0.8; }

.header-nav {
  float: left;
  position: relative;
  font-size: 0;
  margin-left: 11px; }

.header-nav__item {
  display: inline-block;
  position: relative; }
  .header-nav__item.active > a {
    position: relative; }
    .header-nav__item.active > a:hover {
      color: #434549; }
    .header-nav__item.active > a:after {
      content: '';
      display: block;
      position: absolute;
      bottom: 12px;
      left: 12px;
      right: 16px;
      background-color: #af9a33;
      height: 5px; }
  .header-nav__item.active .header-subnav {
    top: 37px; }
  .header-nav__item a {
    display: block;
    padding: 19px 19px 19px 15px;
    font-size: 13px;
    line-height: 1;
    font-weight: 400;
    letter-spacing: normal;
    color: #434549;
    z-index: 30;
    position: relative; }
    .header-nav__item a:hover {
      color: #af9a33; }
  .header-nav__item:hover .header-subnav {
    max-height: 150px;
    overflow: visible; }
    .header-nav__item:hover .header-subnav:before {
      opacity: 1; }

.header-subnav {
  position: absolute;
  min-width: 100%;
  top: 35px;
  background: #fff;
  max-height: 0px;
  overflow: hidden;
  -webkit-transition: max-height 0.5s;
  -moz-transition: max-height 0.5s;
  -ms-transition: max-height 0.5s;
  transition: max-height 0.5s; }
  .header-subnav:before {
    content: "";
    display: block;
    overflow: hidden;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: -35px;
    -webkit-box-shadow: 0 25px 25px 0 rgba(0, 0, 0, 0.16);
    -moz-box-shadow: 0 25px 25px 0 rgba(0, 0, 0, 0.16);
    -ms-box-shadow: 0 25px 25px 0 rgba(0, 0, 0, 0.16);
    -o-box-shadow: 0 25px 25px 0 rgba(0, 0, 0, 0.16);
    box-shadow: 0 25px 25px 0 rgba(0, 0, 0, 0.16);
    opacity: 0;
    -webkit-transition: opacity 0.2s;
    -moz-transition: opacity 0.2s;
    -ms-transition: opacity 0.2s;
    transition: opacity 0.2s; }

.header-subnav__item {
  display: block;
  position: relative;
  border-top: 2px solid #fff; }
  .header-subnav__item:first-child {
    margin-top: 0; }
  .header-subnav__item a {
    padding: 10px 20px 10px 35px;
    background: #fff;
    z-index: 35; }
    .header-subnav__item a:hover {
      background: #af9a33;
      color: #fff; }
    .header-subnav__item a:before {
      content: "";
      display: block;
      overflow: hidden;
      position: absolute;
      width: 3px;
      height: 3px;
      left: 15px;
      top: 15px;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      border-radius: 50%;
      background: #434549; }
    .header-subnav__item a:hover:before {
      background: #fff; }

.btn-header {
  float: right;
  margin-top: 4px; }
  .btn-header.btn {
    height: 43px; }

.header-phone__link {
  position: relative;
  float: right;
  margin: 17px 33px 0 0;
  padding: 0 0 0 31px;
  font-family: "time_roman", "Times New Roman", Times, serif;
  font-size: 19px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: 0.55px;
  color: #22273c; }
  .header-phone__link .icon {
    width: 30px;
    height: 30px;
    left: -5px;
    top: 1px; }
  .header-phone__link span {
    -webkit-transition: opacity 0.2s linear;
    -moz-transition: opacity 0.2s linear;
    -ms-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear; }
  .header-phone__link:hover {
    opacity: 0.8; }

.header-lang {
  float: right;
  width: 59px;
  margin: 12px 30px 0 0;
  padding-right: 27px;
  position: relative; }
  .header-lang:after {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'iconset' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    display: block;
    overflow: hidden;
    position: absolute;
    color: #22273c;
    font-size: 11px;
    line-height: 1;
    font-weight: 400;
    letter-spacing: normal;
    z-index: 4;
    content: "\e903";
    top: 11px;
    right: 13px; }
  .header-lang:hover .lang-select {
    max-height: 150px;
    overflow: visible; }
    .header-lang:hover .lang-select:before {
      opacity: 1; }

.lang-select {
  position: absolute;
  min-width: 100%;
  top: 0;
  max-height: 0px;
  overflow: hidden;
  -webkit-transition: max-height 0.5s;
  -moz-transition: max-height 0.5s;
  -ms-transition: max-height 0.5s;
  transition: max-height 0.5s; }
  .lang-select:before {
    content: "";
    display: block;
    overflow: hidden;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0px;
    -webkit-box-shadow: 0 25px 25px 0 rgba(0, 0, 0, 0.16);
    -moz-box-shadow: 0 25px 25px 0 rgba(0, 0, 0, 0.16);
    -ms-box-shadow: 0 25px 25px 0 rgba(0, 0, 0, 0.16);
    -o-box-shadow: 0 25px 25px 0 rgba(0, 0, 0, 0.16);
    box-shadow: 0 25px 25px 0 rgba(0, 0, 0, 0.16);
    opacity: 0;
    -webkit-transition: opacity 0.5s;
    -moz-transition: opacity 0.5s;
    -ms-transition: opacity 0.5s;
    transition: opacity 0.5s; }

.lang-select__item a,
.lang-current span {
  padding: 5px 7px;
  height: 33px;
  display: block;
  font-family: "time_roman", "Times New Roman", Times, serif;
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
  letter-spacing: normal;
  color: #434549; }

.lang-select__item a {
  background: #fff;
  position: relative; }
  .lang-select__item a:hover {
    color: #af9a33; }

@media screen and (min-width: 1276px) {
  .header-nav {
    display: block !important; } }
@media screen and (max-width: 1275px) {
  header .wrapper {
    padding: 13px 15px 0 10px; }

  .mobile-nav {
    float: right;
    width: 60px;
    height: 60px;
    cursor: pointer;
    display: block;
    margin: -5px 0 0 15px;
    position: relative; }
    .mobile-nav:before {
      content: "";
      display: block;
      overflow: hidden;
      position: absolute;
      background: #22273c;
      width: 24px;
      height: 2px;
      left: 17px;
      top: 26px; }
    .mobile-nav:after {
      content: "";
      display: block;
      overflow: hidden;
      position: absolute;
      background: #22273c;
      width: 19px;
      height: 2px;
      left: 17px;
      top: 34px; }
    .mobile-nav.active:before {
      content: "";
      display: block;
      overflow: hidden;
      position: absolute;
      /* use !important to prevent issues with browser extensions that change fonts */
      font-family: 'iconset' !important;
      speak: none;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      line-height: 1;
      /* Better Font Rendering =========== */
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      width: 60px;
      height: 60px;
      background: #fff;
      left: 0;
      top: 0px;
      content: "\e90a";
      font-size: 18px;
      line-height: 60px;
      font-weight: 400;
      letter-spacing: normal;
      text-align: center;
      color: #22273c;
      cursor: pointer; }
    .mobile-nav.active:after {
      display: none; }

  .header-lang {
    margin-right: 15px; }

  .header-nav {
    display: none;
    position: absolute;
    right: 15px;
    top: 75px;
    margin: 0;
    width: 255px;
    padding-bottom: 15px;
    background: #fff;
    -webkit-box-shadow: 0 25px 25px 0 rgba(0, 0, 0, 0.16);
    -moz-box-shadow: 0 25px 25px 0 rgba(0, 0, 0, 0.16);
    -ms-box-shadow: 0 25px 25px 0 rgba(0, 0, 0, 0.16);
    -o-box-shadow: 0 25px 25px 0 rgba(0, 0, 0, 0.16);
    box-shadow: 0 25px 25px 0 rgba(0, 0, 0, 0.16); }

  .header-nav__item {
    display: block; }
    .header-nav__item a {
      padding: 13px 25px; }
    .header-nav__item.active a:after {
      bottom: 0px; }

  .header-subnav__item a {
    background: #f1f1f1; }
  .header-subnav__item a:before {
    display: none; }

  .header-nav__item:hover .header-subnav {
    position: relative;
    top: 0; }

  .header-subnav:before {
    display: none; } }
@media screen and (max-width: 666px) {
  header {
    height: 60px; }
    header .wrapper {
      padding: 0; }

  .btn-header.btn {
    display: none; }

  .header-phone {
    text-align: center;
    padding-top: 26px; }

  .header-phone .header-phone__link {
    float: none;
    margin: 0 0 0 5px;
    padding: 18px 0 0 0;
    font-size: 15px; }
    .header-phone .header-phone__link .icon {
      width: 18px;
      height: 18px;
      top: 0;
      left: 50%;
      margin-left: -7px;
      font-size: 13px; }

  .mobile-nav {
    margin-top: 0; }

  .logo {
    width: 80px;
    height: 50px;
    margin-top: 5px;
    margin-left: 9px; }

  .header-nav {
    right: 0px;
    top: 60px;
    width: 100%;
    border-top: 2px solid #f1f1f1;
    position: fixed;
    height: calc(100% - 60px);
    overflow-y: auto; }
    .header-nav > ul {
      padding-bottom: 20px; }

  .header-nav__item a {
    font-size: 15px; } }
@media screen and (max-width: 480px) {
  .header-lang {
    margin-right: 0;
    padding-right: 0;
    width: 50px; }

  .mobile-nav {
    margin: -5px 0 0 0; }

  .header-lang:after {
    right: 5px; } }
/*
================================================================================
|                                     FOOTER                                   |
================================================================================
*/
footer {
  width: 100%;
  min-width: 320px;
  height: 130px;
  background: #22273c;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 99; }
  footer a {
    color: #fff; }

.footer-nav {
  float: left;
  padding: 22px 0 20px;
  font-size: 0px; }

.footer-nav__item {
  display: inline-block;
  margin-right: 35px;
  vertical-align: top; }
  .footer-nav__item:last-child {
    margin: 0; }
  .footer-nav__item a {
    font-size: 13px;
    line-height: 1;
    font-weight: 400;
    letter-spacing: normal;
    display: inline-block;
    padding-bottom: 1px;
    border-bottom: 1px solid transparent;
    opacity: 1; }
    .footer-nav__item a:hover {
      border-color: #fff;
      opacity: 0.85; }

.footer-phone {
  float: left;
  margin: 17px 0 0 98px; }

.footer-phone__link {
  position: relative;
  padding: 0 0 0 35px;
  font-family: "time_roman", "Times New Roman", Times, serif;
  font-size: 19px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: 0.25px; }
  .footer-phone__link .icon {
    width: 30px;
    height: 30px;
    left: 3px;
    top: 2px;
    color: #4c5269; }
  .footer-phone__link span {
    opacity: 1;
    -webkit-transition: opacity 0.2s linear;
    -moz-transition: opacity 0.2s linear;
    -ms-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear; }
  .footer-phone__link:hover span {
    opacity: 0.8; }

.footer-buttons {
  clear: both;
  float: left; }
  .footer-buttons .btn {
    float: left;
    display: block;
    margin-right: 28px; }

.copyright {
  float: right;
  position: relative;
  padding-top: 34px;
  padding-left: 17px;
  font-size: 10px;
  line-height: 1.1;
  font-weight: 400;
  letter-spacing: normal;
  color: rgba(255, 255, 255, 0.5);
  display: table;
  width: calc(100% - 465px); }
  .copyright p {
    display: table-cell; }
    .copyright p:nth-child(2) {
      padding-bottom: 4px;
      text-align: right; }
      .copyright p:nth-child(2) a {
        display: inline-block;
        padding-bottom: 1px;
        border-bottom: 1px solid transparent; }
        .copyright p:nth-child(2) a:hover {
          border-bottom: 1px solid #fff; }

.icon-arrow-right {
  color: rgba(255, 255, 255, 0.75);
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'iconset' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 18px;
  line-height: 1;
  font-weight: 400;
  letter-spacing: normal;
  width: 18px;
  height: 14px;
  margin: 0 5px 0 11px;
  position: relative; }
  .icon-arrow-right:before {
    content: "";
    display: block;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: -2px;
    content: "\e906"; }

@media screen and (max-width: 991px) {
  .footer-buttons {
    float: left;
    clear: none; }

  .footer-phone {
    float: right;
    margin: 0px 0 0 15px;
    clear: both; }

  .copyright {
    text-align: right;
    padding-top: 10px; } }
/*@media screen and (max-width: 790px) {tmp */
@media screen and (max-width: 768px) {
  footer {
    position: relative;
    height: auto; }

  .footer-nav {
    padding: 13px 0 0 0;
    text-align: left;
    float: none;
    margin: 0 auto;
    width: 480px; }

  .footer-nav__item {
    margin: 0;
    width: 160px;
    height: 43px;
    text-align: left; }
    .footer-nav__item a {
      display: block;
      border: none;
      height: 43px;
      padding: 15px 10px 16px; }

  .footer-phone {
    float: none;
    margin: 20px auto 0;
    display: table;
    padding-right: 30px; }

  .footer-buttons {
    float: none;
    display: table;
    margin: 20px auto 0; }
    .footer-buttons:after {
      content: "";
      display: block;
      height: 1px;
      overflow: hidden;
      clear: both; }
    .footer-buttons .btn-blue {
      margin-right: 0; }

  .copyright {
    text-align: center;
    width: 100%;
    padding: 20px 0 25px; }

  footer .wrapper {
    padding: 0 15px; } }
@media screen and (max-width: 480px) {
  footer .wrapper {
    padding: 0px; }

  .footer-nav {
    width: 320px; }

  .footer-buttons {
    float: none;
    display: table;
    width: 300px;
    margin: 12px auto 0; }
    .footer-buttons:after {
      content: "";
      display: block;
      height: 1px;
      overflow: hidden;
      clear: both; }
    .footer-buttons .btn {
      margin: 20px 0 0 0;
      width: 100%;
      text-align: center; } }
/* loader */
.loaded .main-wrapper {
  visibility: hidden; }

.icon-load {
  background: url(../img/loader.gif?ver1.2) no-repeat left top;
  width: 40px;
  height: 40px;
  position: fixed;
  left: 50%;
  top: 50%;
  margin-left: -20px;
  margin-left: -20px;
  display: none; }

.loaded .icon-load {
  display: block; }

.main-wrapper {
  padding: 0;
  min-width: 320px;
  width: 100%;
  position: relative;
  overflow: hidden;
  min-height: 100%;
  display: block; }
  .main-wrapper:after {
    content: "";
    display: block;
    height: 1px;
    overflow: hidden;
    clear: both;
    height: 130px; }

.wrapper {
  min-width: 320px;
  max-width: 1280px;
  width: 100%;
  padding: 0 25px;
  margin: 0 auto;
  position: relative;
  text-align: left; }

.content {
  position: relative;
  z-index: 20;
  padding: 75px 0 0 0; }

section {
  position: relative; }

.content-bg {
  position: absolute;
  width: 2500px;
  left: 50%;
  margin-left: -1250px;
  top: 0;
  bottom: 0; }

.content-bg__blue {
  background: #22273c; }

.content-bg__darkblue {
  background: #1c2133; }

.content-bg__grey {
  background: #f1f1f1; }

.btn {
  display: table;
  position: relative;
  font-size: 12px;
  line-height: 16px;
  font-weight: 700;
  letter-spacing: normal;
  padding: 15px 15px 14px;
  height: 45px; }
  .btn span, .btn i {
    display: inline-block;
    vertical-align: top;
    position: relative; }

.btn-grey {
  background: #4c5269;
  padding: 15px 15px 15px 20px;
  color: #fff; }
  .btn-grey:hover {
    background: #5a617d; }

.btn-blue {
  min-width: 180px;
  text-align: center;
  text-transform: uppercase;
  background: #31479d;
  color: #fff; }
  .btn-blue:hover {
    background: #2c3e86; }

.btn-darkblue {
  min-width: 180px;
  text-align: center;
  text-transform: uppercase;
  background: #22273c;
  color: #fff; }
  .btn-darkblue:hover {
    background: #161927; }

.slick-arrow, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev {
  border: none;
  background: none;
  text-indent: -200px;
  overflow: hidden;
  position: absolute;
  color: #292d4a;
  -webkit-transition: color 0.2s;
  -moz-transition: color 0.2s;
  -ms-transition: color 0.2s;
  transition: color 0.2s; }
  .slick-arrow:before, .owl-carousel .owl-nav .owl-next:before, .owl-carousel .owl-nav .owl-prev:before {
    content: "";
    display: block;
    overflow: hidden;
    position: absolute;
    display: block;
    position: absolute;
    overflow: hidden;
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'iconset' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    left: 50%;
    top: 50%;
    margin-left: -11px;
    margin-top: -7px;
    font-size: 18px;
    line-height: 1;
    font-weight: 400;
    letter-spacing: normal;
    text-indent: 0px; }
  .slick-arrow.slick-prev:before, .slick-arrow.owl-prev:before, .owl-carousel .owl-nav .owl-next.slick-prev:before, .owl-carousel .owl-nav .owl-next.owl-prev:before, .owl-carousel .owl-nav .owl-prev.slick-prev:before, .owl-carousel .owl-nav .owl-prev.owl-prev:before {
    content: "\e905"; }
  .slick-arrow.slick-next:before, .slick-arrow.owl-next:before, .owl-carousel .owl-nav .owl-next.slick-next:before, .owl-carousel .owl-nav .owl-next.owl-next:before, .owl-carousel .owl-nav .owl-prev.slick-next:before, .owl-carousel .owl-nav .owl-prev.owl-next:before {
    content: "\e906"; }
  .slick-arrow:hover, .owl-carousel .owl-nav .owl-next:hover, .owl-carousel .owl-nav .owl-prev:hover {
    color: #af9a33; }

.slick-dots, .owl-dots {
  border: none;
  padding: 0;
  overflow: hidden;
  width: 100%;
  position: absolute; }
  .slick-dots li, .slick-dots .owl-dot, .owl-dots li, .owl-dots .owl-dot {
    display: inline-block;
    margin: 0 2px; }
  .slick-dots button, .slick-dots .owl-dot span, .owl-dots button, .owl-dots .owl-dot span {
    font-size: 0;
    padding: 0;
    width: 6px;
    height: 6px;
    overflow: hidden;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: #4c5269; }
  .slick-dots .slick-active button, .slick-dots .owl-dot.active span, .owl-dots .slick-active button, .owl-dots .owl-dot.active span {
    background: #af9a33; }

.owl-dots .owl-dot span {
  display: block; }

h1 {
  font-family: "Roboto Slab", serif;
  font-size: 65px;
  line-height: 1;
  font-weight: 700;
  letter-spacing: normal;
  display: table;
  margin: 0 auto;
  text-align: center;
  position: relative; }
  h1 span {
    display: block; }

h2 {
  font-family: "Roboto Slab", serif;
  font-size: 45px;
  line-height: 1;
  font-weight: 700;
  letter-spacing: normal;
  display: table;
  position: relative; }
  h2 span {
    display: block; }

h3 {
  font-size: 22px;
  line-height: 1;
  font-weight: 700;
  letter-spacing: normal;
  color: #22273c;
  position: relative; }

h4 {
  font-size: 18px;
  line-height: 1;
  font-weight: 700;
  letter-spacing: normal;
  position: relative; }

h5 {
  font-family: "time_roman", "Times New Roman", Times, serif;
  position: relative;
  font-size: 18px;
  line-height: 1;
  font-weight: 400;
  letter-spacing: normal; }

.icon {
  display: block;
  position: absolute;
  overflow: hidden;
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'iconset' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-phone:before {
  content: "\e909"; }

.icon-pets:before {
  content: "\e90c"; }

.icon-wifi:before {
  content: "\e90e"; }

.icon-person:before {
  content: "\e90b"; }

.icon-tv:before {
  content: "\e90d"; }

.icon-close:before {
  content: "\e90a"; }

.icon-hours:before {
  background: url(../img/time.svg); }

.rub {
  font-family: 'pt_roublesans' !important;
  font-weight: bold; }

.section-instagram {
  padding: 55px 0 95px; }

.slider-instagram {
  position: relative;
  margin-top: 31px; }
  .slider-instagram:after {
    content: "";
    display: block;
    height: 1px;
    overflow: hidden;
    clear: both; }
  .slider-instagram .slick-list {
    margin: 0 -17px 0 -1px; }
  .slider-instagram .slick-arrow, .slider-instagram.owl-carousel .owl-nav .owl-prev, .slider-instagram.owl-carousel .owl-nav .owl-next {
    width: 106px;
    height: 93px; }
  .slider-instagram .slick-prev, .slider-instagram.owl-carousel .owl-nav .owl-prev {
    right: 103px;
    top: -95px; }
  .slider-instagram .slick-next, .slider-instagram.owl-carousel .owl-nav .owl-next {
    right: -3px;
    top: -95px; }

.section-instagram__heading {
  color: #22273c; }

.backgroundcliptext .section-instagram__heading span {
/*  background: url(../img/heading-bg_2.jpg?ver1.2) center repeat;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;*/
  line-height: 54px;
  margin: -7px 0; }

.slider-instagram__item {
  position: relative;
  width: 100%;
  margin-right: 17px;
  height: 250px;
  overflow: hidden; }
  .slider-instagram__item img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    min-width: 100%;
    min-height: 100%;
    z-index: 2;
    -webkit-transition: transform 0.3s;
    -moz-transition: transform 0.3s;
    -ms-transition: transform 0.3s;
    transition: transform 0.3s; }
  .slider-instagram__item:hover img {
    -ms-transform: scale(1.15) translate(-50%, -50%);
    -webkit-transform: scale(1.15) translate(-50%, -50%);
    -moz-transform: scale(1.15) translate(-50%, -50%);
    transform: scale(1.15) translate(-50%, -50%); }

.instagram-item__title {
  position: absolute;
  left: 15px;
  bottom: 15px;
  height: 30px;
  padding: 9px 0 0 35px;
  font-size: 12px;
  line-height: 14px;
  font-weight: 500;
  letter-spacing: normal;
  color: #fff;
  z-index: 4; }

.instagram-item__icon {
  left: 0;
  bottom: 0;
  width: 30px;
  height: 30px;
  background: url(../img/icon-instagram.png?ver1.2) no-repeat;
  background-size: contain; }

.instagram-item__link {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 5; }

.section-form {
  padding: 280px 0 368px 0; }

.form-questions,
.form-booking {
  background: #fff;
  padding: 33px 30px 30px;
  position: relative;
  z-index: 100; }
  .form-questions:after,
  .form-booking:after {
    content: "";
    display: block;
    height: 1px;
    overflow: hidden;
    clear: both; }

.form-booking {
  margin: -80px auto 0;
  z-index: 50;
  display: table; }

.form-heading {
  font-family: "time_roman", "Times New Roman", Times, serif;
  color: #000;
  padding: 0 0 43px 2px; }

.questions-field {
  position: relative;
  width: 184px;
  margin-right: 20px;
  float: left; }
  .questions-field:nth-child(3) {
    width: 550px;
    margin-right: 30px; }

.booking-field {
  position: relative;
  width: 184px;
  margin-right: 20px;
  float: left; }
  .booking-field:nth-child(3) {
    width: 77px; }
    .booking-field:nth-child(3) .booking-field__input {
      text-align: center; }

.form-questions .btn,
.form-booking .btn {
  float: left;
  margin: 0 -1px; }

.questions-field__input,
.booking-field__input {
  width: 100%;
  height: 45px;
  border: solid 1px #22273c;
  font-size: 14px;
  line-height: 1;
  font-weight: 400;
  letter-spacing: normal;
  color: #22273c;
  padding: 0 20px; }

textarea.questions-field__input {
  width: 100%;
  min-height: 45px;
  border: solid 1px #22273c;
  font-size: 14px;
  line-height: 1;
  font-weight: 400;
  letter-spacing: normal;
  color: #22273c;
  padding: 0 20px;
  overflow: hidden;
  padding-top: 15px;
  margin: 0; }

.questions-field__label,
.booking-field__label {
  position: absolute;
  top: -7px;
  left: 15px;
  padding: 0 5px;
  background: #fff;
  font-size: 12px;
  line-height: 14px;
  font-weight: 400;
  letter-spacing: normal;
  color: #22273c; }

.form-questions input::-webkit-input-placeholder {
  opacity: 1;
  color: #aeaeae; }

.form-questions input:-moz-placeholder {
  opacity: 1;
  color: #aeaeae; }

.form-questions input::-moz-placeholder {
  opacity: 1;
  color: #aeaeae; }

.form-questions input:focus::-webkit-input-placeholder {
  opacity: 0; }

.form-questions input:focus:-moz-placeholder {
  opacity: 0; }

.form-questions input:focus::-moz-placeholder {
  opacity: 0; }

.form-questions textarea::-webkit-input-placeholder {
  opacity: 1;
  color: #aeaeae; }

.form-questions textarea:-moz-placeholder {
  opacity: 1;
  color: #aeaeae; }

.form-questions textarea::-moz-placeholder {
  opacity: 1;
  color: #aeaeae; }

.form-questions textarea:focus::-webkit-input-placeholder {
  opacity: 0; }

.form-questions textarea:focus:-moz-placeholder {
  opacity: 0; }

.form-questions textarea:focus::-moz-placeholder {
  opacity: 0; }

.form-booking input::-webkit-input-placeholder {
  opacity: 1;
  color: #aeaeae; }

.form-booking input:-moz-placeholder {
  opacity: 1;
  color: #aeaeae; }

.form-booking input::-moz-placeholder {
  opacity: 1;
  color: #aeaeae; }

.form-booking input:focus::-webkit-input-placeholder {
  opacity: 0; }

.form-booking input:focus:-moz-placeholder {
  opacity: 0; }

.form-booking input:focus::-moz-placeholder {
  opacity: 0; }

.section-promo {
  padding-bottom: 258px; }
  /*padding-bottom: 20px; tmp }*/
  .section-promo .content-bg__darkblue {
    top: 398px; }

.slider-promo {
  position: relative;
  height: 455px;
  z-index: 10; }
  .slider-promo .slick-arrow {
    width: 106px;
    height: 93px;
    color: #fff; }
    .slider-promo .slick-arrow:hover {
      color: #af9a33; }
  .slider-promo .slick-prev {
    right: 106px;
    bottom: -88px; }
  .slider-promo .slick-next {
    right: 0px;
    bottom: -88px; }
  .slider-promo .slick-list {
    height: 455px;
    overflow: hidden; }

.slider-promo__aktions, .promo-slider-rooms-wrap .slider-promo {
  height: 240px; }
  .slider-promo__aktions .slick-list, .promo-slider-rooms-wrap .slider-promo .slick-list {
    height: 240px;
    overflow: hidden; }

.slider-promo-main {
  height: 535px; }
  .slider-promo-main .slick-list {
    height: 535px;
    overflow: hidden; }

.slider-promo__item {
  width: 100%;
  height: 535px;
  overflow: hidden;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover; }

.slider-promo__text {
  display: table-cell;
  padding: 87px 150px 20px 20px;
  text-align: left;
  vertical-align: middle;
  height: 285px;
  color: #fff; }
  .slider-promo__text h1, .slider-promo__text h2, .slider-promo__text h3, .slider-promo__text h4, .slider-promo__text h5, .slider-promo__text p, .slider-promo__text span, .slider-promo__text strong {
    position: relative; }
  .slider-promo__text:before {
    content: "";
    display: block;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: -moz-linear-gradient(top, transparent 0%, #000000 100%);
    background: -webkit-linear-gradient(top, transparent 0%, #000000 100%);
    background: -o-linear-gradient(top, transparent 0%, #000000 100%);
    background: -ms-linear-gradient(top, transparent 0%, #000000 100%);
    background: linear-gradient(to bottom, transparent 0%, #000000 100%);
    opacity: 0.57; }
  .slider-promo__text h4 {
    margin: 12px 0 0 0; }

.btn-hotels {
  position: absolute;
  z-index: 30;
  background: #22273c;
  color: #fff;
  border-left: 5px solid #af9a33;
  margin: -2px 0 0 19px;
  width: 228px;
  padding-right: 12px;
  white-space: nowrap; }
  .btn-hotels:hover {
    background: #af9a33; }

.all-photos {
  position: absolute;
  z-index: 11;
  left: 50%;
  margin: -80px 0 0 373px;
  right: 0;
  height: 80px;
  background: #22273c;
  text-align: center;
  color: #fff;
  font-size: 12px;
  line-height: 14px;
  font-weight: 700;
  letter-spacing: normal;
  padding: 34px 0 0 0; }
  .all-photos:after {
    content: "";
    display: block;
    overflow: hidden;
    position: absolute;
    display: block;
    position: absolute;
    overflow: hidden;
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'iconset' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e906";
    font-size: 18px;
    line-height: 1;
    font-weight: 400;
    letter-spacing: normal;
    left: 50%;
    margin-left: 59px;
    top: 32px;
    color: #fff; }
  .all-photos:hover {
    background: #4c5269; }

.slider-promo__pages {
  position: absolute; }

.section-hotels {
  padding-bottom: 360px; }
  .section-hotels:before {
    content: "";
    display: block;
    height: 1px;
    overflow: hidden;
    clear: both; }

.section-hotels__item {
  padding: 46px 40px 40px;
  position: relative;
  background: #fff;
  margin-top: -200px;
  text-align: center; }

.section-hotels__heading {
  max-width: 570px;
  width: 100%;
  margin: 0 auto;
  color: #22273c; }

.backgroundcliptext .section-hotels__heading span {
/*  background: url(../img/heading.jpg?ver1.2) center repeat;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;*/
  padding-bottom: 5px; }

.section-hotels__text {
  max-width: 490px;
  width: 100%;
  margin: 0 auto;
  padding-top: 0; }
  .section-hotels__text p {
    font-size: 14px;
    line-height: 1.43;
    font-weight: 400;
    letter-spacing: normal;
    color: #434549;
    padding-top: 20px; }

.section-hotels__tripadvisor {
  margin: 28px auto 0;
  display: block;
  width: 122px;
  position: relative; }

.section-booking{
  position: relative;
}
.section-booking__items{
  padding: 30px 0 30px;
  position: relative;
  text-align: left;
}
@media (max-width: 768px){
  .section-booking__items{
    margin-top: -90px;
  }
}
.section-booking:before{
  content: "";
  display: block;
  height: 1px;
  overflow: hidden;
  clear: both;
}
.section-booking__title,
.section-booking__text{
  text-align: left;
  margin: 0 0 20px;
}

.tripadvisor-grade {
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  left: 100%;
  margin-left: 30px; }

.certificate-slide__item img {
  width: 100%;
  height: auto; }

.certificate-slide .slick-dots {
  left: 0;
  bottom: -2px; }

.section-info {
  padding-bottom: 35px; }
  .section-info:before {
    content: "";
    display: block;
    height: 1px;
    overflow: hidden;
    clear: both; }

.slider-info {
  margin-top: -263px;
  position: relative; }
  .slider-info .slick-arrow {
    display: none; }

.info-item__heading {
  height: 60px;
  margin: 11px 0 20px;
  color: #22273c; }
  .info-item__heading span {
    padding: 9px 0 0 72px; }

.backgroundcliptext .info-item__heading span {
/*  background: url(../img/heading-bg_2.jpg?ver1.2) center repeat;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent; }*/
}
.info-item__main {
  width: 545px;
  min-height: 320px;
  background: #f6f6f6;
  position: relative;
  float: left;
  margin-right: -75px;
  z-index: 6;
  padding: 44px 20px 40px 80px; }

.info-item__arrows {
  position: absolute;
  right: 0;
  bottom: 16px; }

.info-arrows__prev,
.info-arrows__next {
  width: 106px;
  height: 93px;
  float: left;
  position: relative;
  color: #22273c;
  font-size: 18px;
  line-height: 1;
  font-weight: 400;
  letter-spacing: normal;
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'iconset' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  cursor: pointer;
  -webkit-transition: color 0.2s;
  -moz-transition: color 0.2s;
  -ms-transition: color 0.2s;
  transition: color 0.2s; }
  .info-arrows__prev:hover,
  .info-arrows__next:hover {
    color: #af9a33; }
  .info-arrows__prev:before,
  .info-arrows__next:before {
    content: "";
    display: block;
    overflow: hidden;
    position: absolute;
    left: 50%;
    margin-left: -9px;
    top: 50%;
    margin-top: -10px; }

.info-arrows__prev:before {
  content: "\e905"; }

.info-arrows__next:before {
  content: "\e906"; }

.info-main__text {
  font-size: 13px;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: normal;
  margin-top: 13px;
  min-height: 164px; }
  .info-main__text p {
    text-shadow: 0 0; }

.room-about {
  padding-top: 2px; }
  .room-about:after {
    content: "";
    display: block;
    height: 1px;
    overflow: hidden;
    clear: both; }

.room-about__label {
  display: flex;
  align-items: center;
  position: relative;
  margin: 16px 0 0 0;
  padding: 0 0 0 5px;
  font-size: 12px;
  line-height: 14px;
  font-weight: 400;
  letter-spacing: normal; }
  .room-about__label .icon {
    left: 5px;
    top: -2px;
    font-size: 18px; }
  .room-about__label p {
    padding-left: 10px; }
  .room-about__label img {
    width: 18px;
    float: left; }

.room-about__price {
  float: right;
  font-size: 22px;
  line-height: 25px;
  font-weight: 400;
  letter-spacing: normal;
  margin: -17px 10px 0 0; }

.room-about__people {
  float: right;
  margin: -22px 14px 0 0; }
  .room-about__people .icon {
    width: 30px;
    height: 30px;
    font-size: 18px;
    float: right;
    position: relative;
    color: rgba(77, 82, 105, 0.3); }
    .room-about__people .icon:before {
      left: 9px;
      top: 7px;
      position: absolute; }
    .room-about__people .icon.active {
      color: #22273c; }

.info-main-btn {
  margin-top: 35px; }

.info-illustrations__slider {
  float: right;
  width: 740px;
  height: 540px;
  margin-top: -90px;
  position: relative;
  z-index: 5; }
  .info-illustrations__slider .slick-arrow {
    width: 106px;
    height: 93px;
    display: block; }
  .info-illustrations__slider .slick-prev {
    left: 56px;
    top: 340px;
    z-index: 25;
    color: #fff; }
  .info-illustrations__slider .slick-next {
    right: 0px;
    top: 340px;
    z-index: 25;
    color: #fff; }

.info-illustrations__item {
  position: relative;
  overflow: hidden;
  height: 540px; }
  .info-illustrations__item img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    min-width: 100%;
    min-height: 100%;
    max-width: 150%;
    max-height: 150%; }

.slider-info__item {
  display: table; }

.section-services {
  margin: 50px 0 -190px;
  position: relative;
  z-index: 5; }

.section-services__heading {
  height: 59px;
  margin-bottom: 24px;
  color: #22273c; }
  .section-services__heading span {
    padding-top: 7px; }

.backgroundcliptext .section-services__heading span {
/*  background: url(../img/heading-bg_2.jpg?ver1.2) center repeat;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent; }*/
}
.slider-services {
  margin: 0 10px; }
  .slider-services .slick-list {
    margin: 0px -20px 0 -10px; }
  .slider-services .slick-arrow {
    width: 106px;
    height: 93px; }
  .slider-services .slick-prev {
    right: 95px;
    top: -95px; }
  .slider-services .slick-next {
    right: -12px;
    top: -95px; }

.slider-services__item {
  margin: 0 10px 10px 0;
  position: relative;
  overflow: hidden; }

.services-item__illustration {
  width: 100%;
  height: 100%;
  position: relative;
  padding: 0;
  overflow: hidden; }
  .services-item__illustration img {
    position: relative;
    width: 100%; }
  .services-item__illustration:after {
    content: "";
    display: block;
    overflow: hidden;
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px; }

.services-item__info {
  left: 25px;
  right: 25px;
  bottom: 18px;
  position: absolute;
  color: #fff;
  transition: all .5s ease-in-out; }

.services-info__heading {
  font-size: 18px;
  line-height: 21px;
  font-weight: 700;
  letter-spacing: normal;
  margin-bottom: 13px;
  font-family: "Roboto", sans-serif; }

.services-item__shadow {
  background: url("../img/ie-shadow1.png?ver1.2");
  height: 100%;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0; }

.more-text {
  display: none; }

.slider-services__item:hover .services-item__shadow, .slider-services__item.services-item__showed .services-item__shadow {
  background: url("../img/ie-shadow2.png?ver1.2"); }

.morecontent {
  display: none; }

.backgroundcliptext .slider-services__item:hover .services-item__shadow, .backgroundcliptext .slider-services__item.services-item__showed .services-item__shadow {
  top: 0px;
  opacity: 0.97;
  background: -moz-linear-gradient(top, transparent 0%, #000000 100%);
  background: -webkit-linear-gradient(top, transparent 0%, #000000 100%);
  background: -o-linear-gradient(top, transparent 0%, #000000 100%);
  background: -ms-linear-gradient(top, transparent 0%, #000000 100%);
  background: linear-gradient(to bottom, transparent 0%, #000000 100%); }
.backgroundcliptext .slider-services__item:hover .services-item__illustration:after, .backgroundcliptext .slider-services__item.services-item__showed .services-item__illustration:after {
  -webkit-box-shadow: 0 0 0 1px #979797 inset;
  -moz-box-shadow: 0 0 0 1px #979797 inset;
  -ms-box-shadow: 0 0 0 1px #979797 inset;
  -o-box-shadow: 0 0 0 1px #979797 inset;
  box-shadow: 0 0 0 1px #979797 inset; }
.backgroundcliptext .slider-services__item .services-item__shadow {
  background: -moz-linear-gradient(top, transparent 0%, #000000 100%);
  background: -webkit-linear-gradient(top, transparent 0%, #000000 100%);
  background: -o-linear-gradient(top, transparent 0%, #000000 100%);
  background: -ms-linear-gradient(top, transparent 0%, #000000 100%);
  background: linear-gradient(to bottom, transparent 0%, #000000 100%);
  opacity: 0.57;
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: 0px;
  top: 206px;
  height: auto;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  transition: all 0.2s; }

.services-info__text {
  font-size: 14px;
  line-height: 16px;
  font-weight: 400;
  letter-spacing: normal;
  height: 48px;
  overflow: hidden; }

.services-info-full {
  height: 45px;
  padding: 13px 45px 13px 13px;
  margin: 12px 0 0 -13px;
  font-size: 12px;
  line-height: 14px;
  font-weight: 400;
  letter-spacing: normal;
  color: #fff;
  display: table;
  position: relative;
  text-decoration: none;
  text-transform: uppercase; }
  .services-info-full:after {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'iconset' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    display: block;
    overflow: hidden;
    position: absolute;
    content: "\e904";
    font-size: 12px;
    line-height: 1;
    font-weight: 400;
    letter-spacing: normal;
    color: #fff;
    right: 7px;
    top: 12px;
    color: rgba(255, 255, 255, 0.5); }
  .services-info-full span {
    border-bottom: 1px solid rgba(255, 255, 255, 0.8);
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    transition: all 0.4s; }
  .services-info-full.active:after {
    content: "\e903"; }
  .services-info-full:hover span {
    border-bottom-color: rgba(255, 255, 255, 0); }

.section-location {
  padding-bottom: 62px; }

.slider-location {
  position: relative;
  z-index: 5;
  margin-top: -270px; }

.slider-location__item {
  display: table; }

.location-item__illustration {
  float: left;
  width: 740px;
  height: 540px;
  position: relative; }

.location-item__info {
  float: right;
  width: 550px;
  margin: 122px 0 90px -75px;
  padding: 46px 30px 0 89px;
  background: #f6f6f6;
  position: relative; }

.section-location__heading {
  position: absolute;
  width: 465px;
  right: 0;
  top: 52px;
  color: #fff;
  z-index: 10; }

.location-item__text {
  font-size: 13px;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: normal;
  color: #434549;
  margin: 18px 0 3px 0;
  height: 40px;
  overflow: hidden; }
  .location-item__text p {
    padding-top: 5px; }
    .location-item__text p:first-child {
      padding-top: 0; }

.location-item__map {
  position: relative;
  margin: 2px -30px 0 -89px;
  height: 150px; }

.location-item__more {
  height: 45px;
  padding: 13px 29px 13px 13px;
  margin: 6px 0 0 -13px;
  font-size: 12px;
  line-height: 14px;
  font-weight: 400;
  letter-spacing: normal;
  color: #22273c;
  display: table;
  position: relative;
  text-decoration: underline;
  text-transform: uppercase; }
  .location-item__more:after {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'iconset' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    display: block;
    overflow: hidden;
    position: absolute;
    content: "\e903";
    font-size: 12px;
    line-height: 1;
    font-weight: 400;
    letter-spacing: normal;
    color: #22273c;
    right: 7px;
    top: 14px; }
  .location-item__more.active:after {
    content: "\e904"; }

.location-item__nav {
  position: absolute;
  width: 470px;
  height: 90px;
  right: 0;
  bottom: -90px; }

.location-item__arrows {
  position: absolute;
  right: 0;
  top: 0; }

.location-arrows__prev,
.location-arrows__next {
  width: 106px;
  height: 93px;
  float: left;
  position: relative;
  color: #22273c;
  font-size: 18px;
  line-height: 1;
  font-weight: 400;
  letter-spacing: normal;
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'iconset' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  cursor: pointer;
  -webkit-transition: color 0.2s;
  -moz-transition: color 0.2s;
  -ms-transition: color 0.2s;
  transition: color 0.2s; }
  .location-arrows__prev:hover,
  .location-arrows__next:hover {
    color: #af9a33; }
  .location-arrows__prev:before,
  .location-arrows__next:before {
    content: "";
    display: block;
    overflow: hidden;
    position: absolute;
    left: 50%;
    margin-left: -9px;
    top: 50%;
    margin-top: -12px; }

.location-arrows__prev:before {
  content: "\e905"; }

.location-arrows__next:before {
  content: "\e906"; }

.section-location-link {
  height: 45px;
  padding: 13px 33px 13px 13px;
  margin: 23px 0 0 1px;
  font-size: 12px;
  line-height: 14px;
  font-weight: 500;
  letter-spacing: normal;
  color: #31479d;
  display: table;
  position: relative;
  text-decoration: underline;
  text-transform: uppercase; }
  .section-location-link:after {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'iconset' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    display: block;
    overflow: hidden;
    position: absolute;
    content: "\e901";
    font-size: 12px;
    line-height: 1;
    font-weight: 400;
    letter-spacing: normal;
    color: #31479d;
    right: 7px;
    top: 14px; }
  .section-location-link:hover {
    color: #2c3e86;
    font-weight: 700; }

.section-benefits {
  padding-top: 28px;
  padding-bottom: 83px; }

.section-benefits__heading {
  height: 88px; }
  .section-benefits__heading span {
    padding-top: 0px; }

.benefits {
  width: 945px;
  padding: 0px 0 0 67px;
  margin: 0 auto;
  font-size: 0px; }
  .benefits:after {
    content: "";
    display: block;
    height: 1px;
    overflow: hidden;
    clear: both; }

.benefits-item {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: 235px;
  margin-top: 51px;
  margin-right: 78px; }
  .benefits-item:nth-child(2), .benefits-item:nth-child(5), .benefits-item:nth-child(8), .benefits-item:nth-child(11) {
    margin-right: 89px; }
  .benefits-item:nth-child(3n) {
    margin-right: 0px; }

.benefits-item__icon {
  position: absolute;
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'benefits' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  top: 0;
  left: -50px;
  background: #000; }
  .benefits-item__icon:before {
    position: relative;
    color: #fff; }
  .benefits-item__icon:after {
    content: "";
    display: block;
    overflow: hidden;
    position: absolute;
    position: absolute;
    left: -4px;
    top: -4px;
    right: -4px;
    bottom: -4px;
    border: 5px solid #fff; }

.icon-location {
  left: -63px;
  top: -6px;
  background: url(../img/benefits-bg_1.jpg?ver1.2) center repeat; }
  .icon-location:before {
    font-size: 50px;
    content: "\e900"; }

.icon-rooms {
  left: -51px;
  top: -3px;
  background: url(../img/benefits-bg_2.jpg?ver1.2) center repeat; }
  .icon-rooms:before {
    font-size: 40px;
    content: "\e901"; }
  .icon-rooms:after {
    left: -5px; }

.icon-food {
  left: -53px;
  top: -4px;
  background: url(../img/benefits-bg_3.jpg?ver1.2) center repeat; }
  .icon-food:before {
    font-size: 46px;
    content: "\e902"; }

.icon-meetings {
  left: -49px;
  top: -1px;
  background: url(../img/benefits-bg_4.jpg?ver1.2) center repeat; }
  .icon-meetings:before {
    font-size: 31px;
    content: "\e903"; }
  .icon-meetings:after {
    left: -5px; }

.icon-activities {
  left: -52px;
  top: 0px;
  background: url(../img/benefits-bg_5.jpg?ver1.2) center repeat; }
  .icon-activities:before {
    font-size: 41px;
    content: "\e904"; }
  .icon-activities:after {
    top: -4px; }

.icon-health {
  left: -53px;
  top: 0px;
  background: url(../img/benefits-bg_6.jpg?ver1.2) center repeat; }
  .icon-health:before {
    font-size: 43px;
    content: "\e905"; }
  .icon-health:after {
    top: -4px; }

.icon-activities2 {
  left: -52px;
  top: 0px;
  background: url(../img/benefits-bg_3.jpg?ver1.2) center repeat; }
  .icon-activities2:before {
    font-size: 41px;
    content: "\e906"; }
  .icon-activities2:after {
    top: -4px; }

.icon-beach {
  left: -52px;
  top: 0px;
  background: url(../img/benefits-bg_1.jpg?ver1.2) center repeat; }
  .icon-beach:before {
    font-size: 41px;
    content: "\e907"; }
  .icon-beach:after {
    top: -4px; }

.icon-bench {
  left: -52px;
  top: 0px;
  background: url(../img/benefits-bg_2.jpg?ver1.2) center repeat; }
  .icon-bench:before {
    font-size: 41px;
    content: "\e908"; }
  .icon-bench:after {
    top: -4px; }

.icon-children {
  left: -52px;
  top: 0px;
  background: url(../img/benefits-bg_1.jpg?ver1.2) center repeat; }
  .icon-children:before {
    font-size: 41px;
    content: "\e909"; }
  .icon-children:after {
    top: -4px; }

.icon-fitness {
  left: -52px;
  top: 0px;
  background: url(../img/benefits-bg_4.jpg?ver1.2) center repeat; }
  .icon-fitness:before {
    font-size: 41px;
    content: "\e90a"; }
  .icon-fitness:after {
    top: -4px; }

.icon-mountains {
  left: -52px;
  top: 0px;
  background: url(../img/benefits-bg_5.jpg?ver1.2) center repeat; }
  .icon-mountains:before {
    font-size: 41px;
    content: "\e90b"; }
  .icon-mountains:after {
    top: -4px; }

.icon-olimpicvillage {
  left: -52px;
  top: 0px;
  background: url(../img/benefits-bg_2.jpg?ver1.2) center repeat; }
  .icon-olimpicvillage:before {
    font-size: 41px;
    content: "\e90c"; }
  .icon-olimpicvillage:after {
    top: -4px; }

.benefits-item__heading {
  font-size: 14px;
  line-height: 16px;
  font-weight: 500;
  letter-spacing: normal;
  font-family: "Roboto", sans-serif;
  min-height: 25px;
  padding-bottom: 3px;
  color: #37373c; }

.benefits-item__text {
  font-size: 11px;
  line-height: 13px;
  font-weight: 400;
  letter-spacing: normal;
  color: #787878; }

.scroll-to-top {
  position: absolute;
  left: 50%;
  margin-left: 525px;
  bottom: 85px;
  width: 92px;
  height: 92px;
  background: #d1c8ba;
  color: #22273c;
  z-index: 105;
  cursor: pointer;
  display: block;
  -webkit-transition: background 0.2s;
  -moz-transition: background 0.2s;
  -ms-transition: background 0.2s;
  transition: background 0.2s; }
  .scroll-to-top:after {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'iconset' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    display: block;
    overflow: hidden;
    position: absolute;
    content: "\e907";
    font-size: 17px;
    left: 50%;
    top: 50%;
    margin-left: -9px;
    margin-top: -8px; }
  .scroll-to-top:hover {
    background: #bab09f; }

.section-infoblock {
  padding-bottom: 360px;
  margin-top: -200px; }
  .section-infoblock:before {
    content: "";
    display: block;
    height: 1px;
    overflow: hidden;
    clear: both; }

.section-infoblock__item {
  padding: 46px 40px 40px;
  position: relative;
  background: #fff;
  text-align: center; }

.section-infoblock__heading {
  max-width: 570px;
  width: 100%;
  margin: 0 auto;
  color: #22273c; }
  .section-infoblock__heading span {
    padding-bottom: 6px; }

.backgroundcliptext .section-infoblock__heading span {
/*  background: url(../img/heading.jpg?ver1.2) center repeat;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent; */
}
.section-infoblock__text {
  max-width: 490px;
  width: 100%;
  margin: 0 auto;
  padding-top: 5px; }
  .section-infoblock__text p {
    font-size: 14px;
    line-height: 1.43;
    font-weight: 400;
    letter-spacing: normal;
    color: #434549;
    padding-top: 20px;
    text-shadow: 0 0; }

.pp-pos .slider-gallery,
.pp-pos .slick-slider .slick-track,
.pp-pos .slick-slider .slick-list {
  height: 100% !important; }

.pp-bg {
  position: fixed;
  z-index: 120;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: rgba(29, 33, 51, 0.9);
  display: none;
  cursor: url(../img/close.svg?ver1.2), auto; }

.pp-pos {
  width: 100%;
  max-width: 1230px;
  z-index: 125;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  position: fixed;
  bacground: #fff;
  overflow: auto;
  display: none;
  height: 100%;
  max-height: none; }

.pp-container {
  height: 100%;
  padding: 105px 0;
  cursor: default; }

.slider-gallery {
  position: relative; }
  .slider-gallery .slick-prev {
    right: 106px;
    bottom: -95px; }
  .slider-gallery .slick-next {
    right: 0px;
    bottom: -95px; }
  .slider-gallery .slick-arrow {
    width: 106px;
    height: 93px;
    color: #fff; }
    .slider-gallery .slick-arrow:hover {
      color: #af9a33; }

.slider-gallery__item {
  margin: 0px; }

.gallery-column__large {
  width: 772px; }

.gallery-column__small {
  width: 468px; }

.gallery-cell__large {
  width: 100%;
  padding: 5px;
  float: left; }

.gallery-cell__small {
  width: 50%;
  padding: 5px;
  float: left; }

[class*="gallery-cell"] a {
  display: block;
  height: 100%;
  width: 100%;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover; }

.pp-close {
  display: block;
  width: 106px;
  height: 93px;
  position: absolute;
  top: 12px;
  right: 0;
  cursor: pointer;
  color: #fff;
  -webkit-transition: color 0.2s;
  -moz-transition: color 0.2s;
  -ms-transition: color 0.2s;
  transition: color 0.2s; }
  .pp-close:after {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'iconset' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    display: block;
    overflow: hidden;
    position: absolute;
    font-size: 15px;
    line-height: 1;
    font-weight: 400;
    letter-spacing: normal;
    content: "\e90a";
    left: 50%;
    margin-left: -6px;
    top: 50%;
    margin-top: -5px; }
  .pp-close:hover {
    color: #af9a33; }

.ui-widget {
  font-family: "Roboto", sans-serif; }

.ui-datepicker table {
  font-size: 13px; }

.ui-datepicker-title {
  font-weight: 500;
  font-size: 15px; }

.ui-datepicker th {
  padding: 3px;
  text-align: center;
  font-weight: 500;
  border: 0; }

.ui-widget-header {
  background: #fff;
  border: none; }

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
  border: none;
  background: #fff;
  font-weight: normal;
  color: #22273c;
  text-align: center;
  padding: 8px; }

.ui-state-default:hover,
.ui-state-default.ui-state-hover {
  color: #af9a33; }

.ui-state-default.ui-state-active {
  background: #af9a33;
  color: #fff; }

.ui-widget.ui-widget-content {
  border: none;
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2);
  padding: 3px 5px; }

.ui-datepicker .ui-datepicker-prev.ui-state-hover,
.ui-datepicker .ui-datepicker-next.ui-state-hover,
.ui-datepicker .ui-datepicker-next.ui-state-focus,
.ui-datepicker .ui-datepicker-prev.ui-state-focus {
  background: none;
  border: none;
  cursor: pointer;
  color: #af9a33; }

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  top: 2px !important;
  color: #22273c;
  background: none;
  border: none;
  cursor: pointer; }
  .ui-datepicker .ui-datepicker-prev span:before,
  .ui-datepicker .ui-datepicker-next span:before {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'iconset' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    display: block;
    overflow: hidden;
    position: absolute;
    font-size: 18px;
    left: 50%;
    top: 50%;
    margin-left: -7px;
    margin-top: -7px;
    text-indent: 0; }

.ui-datepicker .ui-datepicker-prev span:before {
  content: "\f104"; }

.ui-datepicker .ui-datepicker-next span:before {
  content: "\f105"; }

.jq-selectbox .mCustomScrollBox {
  max-height: 200px !important; }

.jq-selectbox .mCSB_scrollTools {
  width: 30px; }

.jq-selectbox .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background: #22273c !important; }

.jq-selectbox .mCSB_scrollTools .mCSB_draggerRail {
  background: none; }

.bodyoverflow {
  overflow: hidden; }

.text__hide {
  display: none; }

/*
================================================================================
|                                     CONTENT                                 |
================================================================================
*/
.content {
  min-width: 320px;
  width: 100%;
  background: #fff; }

/*
================================================================================
|                                   PAGE ROOMS                                 |
================================================================================
*/
.page-rooms .section-promo {
  padding-bottom: 304px; }
.page-rooms .section-info {
  margin-top: -152px;
  margin-bottom: -230px; }
.page-rooms .slider-promo__item {
  height: 240px; }
.page-rooms .slider-info__item {
  margin-bottom: 141px; }
  .page-rooms .slider-info__item:last-child {
    margin-bottom: 0px; }
.page-rooms .section-form {
  padding-top: 294px; }

.slider-info__img-left .info-illustrations__slider {
  float: left;
  margin-right: -58px; }
  .slider-info__img-left .info-illustrations__slider .slick-prev {
    left: 0; }
  .slider-info__img-left .info-illustrations__slider .slick-next {
    right: 56px; }

.number-review-slide {
  margin: 30px 0 0 23px;
  color: #4d5269;
  font-family: Times,sans-serif;
  font-size: 18px; }

.section-room {
  text-align: left;
  padding: 47px 0 0; }
  .section-room__inf {
    padding: 27px 80px 52px 80px; }
    .section-room__inf .room-about {
      padding-top: 0;
      margin-top: 72px; }
      .section-room__inf .room-about p {
        padding: 0;
        font-size: 12px;
        padding-left: 10px; }
    .section-room__inf .room-about__label {
      margin: 0 0 10px 0; }
    .section-room__inf p {
      max-width: 740px; }
  .section-room__col {
    display: inline-block;
    vertical-align: top;
    margin-right: -4px; }
    .section-room__col-1 {
      width: 76.08%;
      padding-right: 8px; }
    .section-room__col-2 {
      width: 23.92%; }
  .section-room p {
    font-family: 'Roboto',sans-serif;
    font-size: 13px;
    line-height: 20px;
    padding: 11px 0 9px;
    letter-spacing: 0.05px; }
    .section-room p strong {
      font-weight: 500;
      color: #1a1d2e; }

.room-about__col {
  display: inline-block;
  vertical-align: top;
  margin-right: -4px;
  width: 33.3%; }

.room-price {
  margin-bottom: 42px; }
  .room-price__title {
    color: #434549;
    font-family: 'Roboto',sans-serif;
    font-size: 12px;
    line-height: 20px;
    font-weight: 500;
    margin-bottom: 5px; }
  .room-price-list__item {
    margin-bottom: 8px;
    display: table;
    width: 245px; }
  .room-price-list .room-about__people {
    float: ╤В╤Й╤В╤Г;
    margin: 0;
    display: table-cell;
    vertical-align: middle; }
  .room-price-list .room-about__price {
    margin: 0;
    float: none;
    padding: 4px 10px 0;
    letter-spacing: -0.2px;
    display: table-cell;
    vertical-align: middle; }
  .room-price-list .list-check {
    display: table-cell;
    vertical-align: middle; }

.list-check input {
  opacity: 0;
  z-index: -1;
  position: absolute;
  left: -500px; }
.list-check .label-icon {
  width: 30px;
  height: 30px;
  background-color: #ffffff;
  border: solid 1px #22273c;
  display: block;
  cursor: pointer; }
.list-check input:checked ~ .label-icon {
  background-color: #d1c8ba; }
  .list-check input:checked ~ .label-icon:after {
    content: "";
    display: block;
    overflow: hidden;
    position: absolute;
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'iconset' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #22273c;
    font-size: 12px;
    line-height: 1;
    font-weight: 400;
    letter-spacing: normal;
    content: "\e915";
    margin-left: 8px;
    margin-top: 8px; }

.room-child__item {
  margin-bottom: 10px; }
  .room-child__item:last-child {
    margin-bottom: 0; }
.room-child__title {
  font-size: 12px;
  font-weight: 500;
  color: #434549;
  float: left;
  margin-top: 20px; }
.room-child-list {
  float: right; }
.room-child .jq-selectbox__select {
  width: 96px;
  padding: 13px 28px 0 17px; }

.jq-selectbox li {
  padding: 8px 10px 8px 17px; }

.jq-selectbox__trigger {
  width: 28px; }

.jq-selectbox__select {
  height: 45px;
  background-color: #ffffff;
  border: solid 1px #22273c; }

.jq-selectbox__trigger-arrow {
  display: block;
  overflow: hidden;
  position: absolute;
  display: block;
  position: absolute;
  overflow: hidden;
  font-family: 'iconset' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  left: -3px;
  top: 16px;
  line-height: 1;
  font-weight: 400;
  letter-spacing: normal;
  text-indent: 0px;
  transform: rotate(90deg);
  color: #22273c;
  width: 20px;
  height: 17px;
  font-size: 13px;
  line-height: 1;
  font-weight: 400;
  opacity: 0.8; }
  .jq-selectbox__trigger-arrow:before {
    content: "\e901";
    color: #22273c; }

.jq-selectbox__dropdown {
  top: 45px; }

.section-room-total {
  background-color: #22273c;
  padding: 30px 45px 30px 80px; }
  .section-room-total__date {
    float: left;
    font-size: 13px;
    line-height: 20px;
    color: #ffffff;
    margin-top: 13px;
    letter-spacing: 0.1px; }
  .section-room-total__btn {
    float: right; }
  .section-room-total__price {
    color: #ffffff;
    font-size: 22px;
    display: inline-block;
    vertical-align: top;
    margin-right: 25px;
    margin-top: 15px;
    letter-spacing: -0.25px; }
  .section-room-total .btn {
    display: inline-block; }

.page-room .content {
  background-color: #f1f1f1; }
.page-room .section-hotels {
  padding-bottom: 311px; }
.page-room .section-form {
  padding-top: 65px;
  padding-bottom: 61px; }
.page-room .section-hotels__heading {
  background-position: 80% 75%; }
.page-room .slider-info__item .section-hotels__heading {
  background-position: 00% 75%;
  width: auto;
  margin: 0 0 22px 0;
  padding: 14px 0 0 72px;
  line-height: 55px; }
.page-room .content-bg__blue {
  background-color: #1c2133; }

/*
================================================================================
|                                   PAGE SERVICES                              |
================================================================================
*/
.page-services .section-services {
  margin: -238px 0 0px;
  padding-bottom: 40px; }
.page-services .section-form {
  padding: 70px 0 70px; }
.page-services .section-promo {
  padding-bottom: 330px; }
  .page-services .section-promo .content-bg__darkblue {
    top: 0; }
.page-services .section-instagram {
  padding: 45px 0 95px; }

.services-list {
  position: relative;
  margin: 0 -4px 0 -5px; }
  .services-list:after {
    content: "";
    display: block;
    height: 1px;
    overflow: hidden;
    clear: both; }
  .services-list .slider-services__item {
    width: calc(33.3333% - 9px);
    margin: 0 4px 9px 5px;
    float: left; }

.pagination {
  position: relative;
  padding: 40px 0 0 0;
  text-align: right; }
  .pagination:after {
    content: "";
    display: block;
    height: 1px;
    overflow: hidden;
    clear: both; }

.pagination-list {
  float: right; }
  .pagination-list:after {
    content: "";
    display: block;
    height: 1px;
    overflow: hidden;
    clear: both; }

.pagination-list__item {
  float: left;
  width: 40px;
  height: 40px;
  margin-left: 8px; }
  .pagination-list__item a {
    text-align: center;
    display: block;
    height: 40px;
    line-height: 40px;
    background: #f6f6f6;
    color: #434549; }
    .pagination-list__item a:hover {
      background: #f1f1f1;
      color: #31479d; }
  .pagination-list__item.active a {
    color: #fff;
    background: #31479d; }

/*
================================================================================
|                                   PAGE RESTAURANT                            |
================================================================================
*/
.page-restaurant .content {
  background: #f1f1f1; }
.page-restaurant .section-form {
  padding: 63px 0 60px; }
.page-restaurant .section-promo {
  padding-bottom: 330px; }
  .page-restaurant .section-promo .content-bg__darkblue {
    top: 0; }

.section-info__restaurant {
  margin-top: -320px; }
  .section-info__restaurant .slider-info__item {
    margin-top: 50px;
    margin-right: -55px;
    padding-top: 90px; }
    .section-info__restaurant .slider-info__item:nth-child(even) .info-item__main {
      float: right;
      margin: 0 0 0 -75px; }
    .section-info__restaurant .slider-info__item:nth-child(even) .info-illustrations__slider .slick-prev {
      left: 0px; }
    .section-info__restaurant .slider-info__item:nth-child(even) .info-illustrations__slider .slick-next {
      right: 56px; }
  .section-info__restaurant .info-illustrations__slider {
    float: left; }
  .section-info__restaurant .info-main__text {
    margin: 10px 0 0 0; }
  .section-info__restaurant .info-item__main {
    padding: 45px 30px 40px 80px;
    margin-right: -75px; }
  .section-info__restaurant .info-main-btn {
    margin-top: 23px; }

.restaurant-about {
  font-size: 12px;
  line-height: 14px;
  font-weight: 500;
  letter-spacing: normal;
  color: #434549;
  margin-top: 33px; }
  .restaurant-about div {
    padding: 8px 34px;
    position: relative; }
  .restaurant-about i {
    position: absolute;
    left: 0;
    top: 0;
    width: 30px;
    height: 30px; }

.place-about__contacts a {
  color: #434549; }
.place-about__contacts i:before {
  font-size: 14px;
  left: 8px;
  top: 7px;
  position: absolute; }

.place-about__hours img {
  width: 15px;
  height: 15px;
  float: left; }
.place-about__hours i:before {
  font-size: 14px;
  line-height: 1;
  font-weight: 400;
  letter-spacing: normal;
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'iconset' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #22273c;
  content: "";
  display: block;
  overflow: hidden;
  position: absolute;
  width: 15px;
  height: 15px;
  left: 8px;
  top: 7px;
  content: "\e916"; }

/*
================================================================================
|                                   PAGE AKTIONS                               |
================================================================================
*/
.page-aktions .content {
  background: #f1f1f1; }
.page-aktions .section-form {
  padding: 293px 0 370px; }
.page-aktions .section-promo {
  padding-bottom: 300px; }
  .page-aktions .section-promo .content-bg__darkblue {
    top: 0; }
.page-aktions .slider-promo__item {
  height: 240px; }

.section-info__aktions {
  margin: -293px 0 -227px; }
  .section-info__aktions .slider-info__item {
    margin-top: 50px;
    padding-top: 90px;
    margin-right: -55px; }
    .section-info__aktions .slider-info__item:nth-child(even) .info-item__main {
      float: right;
      margin: 0 0 0 -75px; }
    .section-info__aktions .slider-info__item:nth-child(even) .info-illustrations__slider .slick-prev {
      left: 0px; }
    .section-info__aktions .slider-info__item:nth-child(even) .info-illustrations__slider .slick-next {
      right: 56px; }
  .section-info__aktions .info-illustrations__slider {
    float: left; }
  .section-info__aktions .info-main__text {
    margin: 10px 0 0 0;
    height: 180px;
    overflow: hidden; }
  .section-info__aktions .info-item__main {
    padding: 50px 30px 40px 80px;
    margin-right: -75px; }
  .section-info__aktions .info-main-btn {
    margin-top: 13px; }

/*
================================================================================
|                                   PAGE MEETINGS                             |
================================================================================
*/
.page-meetings .content {
  background: #f1f1f1; }
.page-meetings .section-form {
  padding: 65px 0 60px; }
.page-meetings .section-promo {
  padding-bottom: 320px; }
  .page-meetings .section-promo .content-bg__darkblue {
    top: 0; }

.form-meetings {
  background: #fff;
  padding: 33px 30px 30px;
  position: relative;
  margin: -125px auto 0;
  z-index: 50;
  display: table;
  width: 746px; }
  .form-meetings:after {
    content: "";
    display: block;
    height: 1px;
    overflow: hidden;
    clear: both; }
  .form-meetings .form-heading {
    padding-bottom: 41px; }

.meetings-form {
  margin-right: -1px; }

.meetings-field {
  position: relative;
  width: 194px;
  margin-right: 10px;
  float: left; }
  .meetings-field:nth-child(3) {
    width: 278px;
    margin-right: 0; }
  .meetings-field:nth-child(4) {
    margin-top: 10px; }
  .meetings-field:nth-child(5) {
    margin-top: 10px; }
  .meetings-field:nth-child(6) {
    width: 87px;
    margin-top: 10px; }

.form-meetings .btn {
  float: left;
  margin: 10px 0 0 0; }

.meetings-field__input {
  width: 100%;
  height: 45px;
  border: solid 1px #22273c;
  font-size: 14px;
  line-height: 1;
  font-weight: 400;
  letter-spacing: normal;
  color: #22273c;
  padding: 0 20px; }

.meetings-field__label {
  position: absolute;
  top: -7px;
  left: 15px;
  padding: 0 5px;
  background: #fff;
  font-size: 12px;
  line-height: 14px;
  font-weight: 400;
  letter-spacing: normal;
  color: #22273c; }

.form-meetings input::-webkit-input-placeholder {
  opacity: 1;
  color: #aeaeae; }

.form-meetings input:-moz-placeholder {
  opacity: 1;
  color: #aeaeae; }

.form-meetings input::-moz-placeholder {
  opacity: 1;
  color: #aeaeae; }

.form-meetings input:focus::-webkit-input-placeholder {
  opacity: 0; }

.form-meetings input:focus:-moz-placeholder {
  opacity: 0; }

.form-meetings input:focus::-moz-placeholder {
  opacity: 0; }

.infoblock-meetings {
  margin-top: -270px;
  padding-bottom: 0; }
  .infoblock-meetings .section-infoblock__item {
    padding: 46px 40px 45px; }
  .infoblock-meetings .section-infoblock__heading {
    max-width: 770px; }
  .infoblock-meetings .section-infoblock__text {
    padding-top: 14px; }

.section-info__meetings {
  margin-top: 0px; }
  .section-info__meetings .slider-info__item {
    margin-top: 66px;
    margin-right: -55px;
    padding-top: 90px;
    position: relative; }
    .section-info__meetings .slider-info__item:before {
      content: '';
      position: absolute;
      width: 35%;
      height: 2px;
      background-color: #22273c;
      top: -33px;
      left: 50%;
      transform: translateX(-50%); }
    .section-info__meetings .slider-info__item:first-child:before {
      display: none; }
    .section-info__meetings .slider-info__item:nth-child(even) .info-item__main {
      float: right;
      margin: 0 0 0 -75px; }
    .section-info__meetings .slider-info__item:nth-child(even) .info-illustrations__slider .slick-prev {
      left: 0px; }
    .section-info__meetings .slider-info__item:nth-child(even) .info-illustrations__slider .slick-next {
      right: 56px; }
  .section-info__meetings .info-illustrations__slider {
    float: left; }
  .section-info__meetings .info-main__text {
    margin: 10px 0 0 0; }
    .section-info__meetings .info-main__text p {
      height: 80px;
      overflow: hidden; }
  .section-info__meetings .info-item__main {
    padding: 50px 30px 40px 80px;
    margin-right: -75px; }
  .section-info__meetings .info-main-btn {
    margin: 23px 7px 0 0;
    display: inline-block; }
  .section-info__meetings .place-about {
    margin-top: 31px; }

.place-about {
  font-size: 12px;
  line-height: 14px;
  font-weight: 500;
  letter-spacing: normal;
  color: #434549;
  margin-top: 33px; }
  .place-about div {
    padding: 8px 10px;
    position: relative;
    display: flex;
    align-items: center; }
  .place-about img {
    margin-right: 10px;
    width: 15px;
    height: 15px;
    float: left; }
  .place-about i {
    position: absolute;
    left: 0;
    top: 0;
    width: 30px;
    height: 30px; }

/*
================================================================================
|                                   BASE PAGE                                  |
================================================================================
*/
.page-basepage .content {
  background: #f1f1f1; }
.page-basepage .section-form {
  padding: 50px 0 60px; }
.page-basepage .section-promo {
  padding-bottom: 330px; }
  .page-basepage .section-promo .content-bg__darkblue {
    top: 0; }

.infoblock-basepage {
  margin-top: -273px;
  padding-bottom: 0; }
  .infoblock-basepage .section-infoblock__text {
    max-width: 740px;
    padding-top: 40px; }
  .infoblock-basepage .section-infoblock__item {
    padding-bottom: 80px; }

/*
================================================================================
|                            PAGE RESTAURANT DETAILS                           |
================================================================================
*/
.page-restaurant_details .content {
  background: #f1f1f1; }
.page-restaurant_details .section-form {
  padding: 65px 0 60px; }
.page-restaurant_details .section-promo {
  padding-bottom: 330px; }
  .page-restaurant_details .section-promo .content-bg__darkblue {
    top: 0; }

.section-info__restaurant .slider-info .slider-info__item {
  margin-top: 0px;
  margin-right: -75px;
  padding-top: 90px; }
  .section-info__restaurant .slider-info .slider-info__item:nth-child(even) .info-item__main {
    float: left;
    margin: 0; }
  .section-info__restaurant .slider-info .slider-info__item:nth-child(even) .info-illustrations__slider {
    margin-left: -55px; }
  .section-info__restaurant .slider-info .slider-info__item:nth-child(even) .info-illustrations__slider .slick-prev {
    left: 56px; }
  .section-info__restaurant .slider-info .slider-info__item:nth-child(even) .info-illustrations__slider .slick-next {
    right: 0px; }
.section-info__restaurant .info-item__main {
  margin-right: -75px; }

.section-info__restaurant .slider-info__reversed .slider-info__item,
.slider-info__reversed .slider-info__item {
  margin-top: 0px;
  margin-right: 0;
  padding-top: 90px; }
  .section-info__restaurant .slider-info__reversed .slider-info__item:nth-child(even) .info-item__main,
  .slider-info__reversed .slider-info__item:nth-child(even) .info-item__main {
    float: right;
    margin: 0 0 0 -75px; }
  .section-info__restaurant .slider-info__reversed .slider-info__item:nth-child(even) .info-illustrations__slider .slick-prev,
  .slider-info__reversed .slider-info__item:nth-child(even) .info-illustrations__slider .slick-prev {
    left: 0px; }
  .section-info__restaurant .slider-info__reversed .slider-info__item:nth-child(even) .info-illustrations__slider .slick-next,
  .slider-info__reversed .slider-info__item:nth-child(even) .info-illustrations__slider .slick-next {
    right: 56px; }
  .section-info__restaurant .slider-info__reversed .slider-info__item:nth-child(even) .info-illustrations__slider,
  .slider-info__reversed .slider-info__item:nth-child(even) .info-illustrations__slider {
    margin-left: 0;
    margin-right: -55px;
    float: left; }
  .section-info__restaurant .slider-info__reversed .slider-info__item .info-illustrations__slider,
  .slider-info__reversed .slider-info__item .info-illustrations__slider {
    margin-left: 0;
    margin-right: -75px;
    float: left; }
  .section-info__restaurant .slider-info__reversed .slider-info__item .info-item__main,
  .slider-info__reversed .slider-info__item .info-item__main {
    float: right;
    margin-right: 0; }
  .section-info__restaurant .slider-info__reversed .slider-info__item .info-illustrations__slider .slick-prev,
  .slider-info__reversed .slider-info__item .info-illustrations__slider .slick-prev {
    left: 0px; }
  .section-info__restaurant .slider-info__reversed .slider-info__item .info-illustrations__slider .slick-next,
  .slider-info__reversed .slider-info__item .info-illustrations__slider .slick-next {
    right: 56px; }

.infoblock-restaurant {
  margin-top: -273px;
  padding-bottom: 50px; }
  .infoblock-restaurant .section-infoblock__item {
    padding: 46px 40px 32px; }
  .infoblock-restaurant .section-infoblock__text {
    padding-top: 20px; }
  .infoblock-restaurant .btn {
    display: inline-block;
    margin: 30px 8px 0;
    min-width: 175px; }

.infoblock-menu {
  margin-top: 0px;
  padding-bottom: 103px; }
  .infoblock-menu .slider-menu__pages {
    position: absolute;
    left: 20px;
    bottom: 35px; }
  .infoblock-menu .number-review-slide {
    margin: 0px;
    display: table;
    color: #4c5269;
    font-family: Times,sans-serif;
    font-size: 18px; }

.slide-menu {
  width: 100%;
  max-width: 750px;
  margin: 20px auto 90px;
  position: static; }
  .slide-menu .slick-arrow {
    width: 106px;
    height: 93px; }
  .slide-menu .slick-prev {
    right: 106px;
    bottom: 0; }
  .slide-menu .slick-next {
    right: 0px;
    bottom: 0; }

.slide-menu__item {
  padding: 35px 150px 0 0;
  position: relative;
  text-align: left; }

.slide-menu__description {
  font-size: 13px;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: normal;
  color: #4c5269;
  padding-top: 16px;
  max-width: 400px; }

.slide-menu__price {
  position: absolute;
  right: 0;
  top: 30px;
  font-size: 22px;
  line-height: 25px;
  font-weight: 700;
  letter-spacing: normal;
  color: #af9a33; }

.infoblock-menu + .section-info {
  margin-top: 0; }
  .infoblock-menu + .section-info .slider-info {
    margin-top: 0; }

/*
================================================================================
|                            BASE PAGE GALLERY                                 |
================================================================================
*/
.section-gallery {
  padding: 47px 0 51px; }

.slider-gallery__base {
  width: 100%;
  overflow: hidden; }
  .slider-gallery__base .slick-arrow {
    width: 106px;
    height: 93px;
    z-index: 50; }
  .slider-gallery__base .slick-prev {
    right: 106px;
    bottom: 5px; }
  .slider-gallery__base .slick-next {
    right: 0px;
    bottom: 5px; }

.base-gallery__item {
  position: relative;
  height: 545px; }
  .base-gallery__item img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    min-width: 100%;
    min-height: 100%;
    max-width: 200%;
    max-height: 200%; }
  .base-gallery__item .gallery-item__position {
    position: absolute;
    overflow: hidden;
    height: 365px;
    left: 70px;
    right: 0;
    top: 90px;
    -webkit-transition: all 0.7s;
    -moz-transition: all 0.7s;
    -ms-transition: all 0.7s;
    transition: all 0.7s; }
  .base-gallery__item.slick-current .gallery-item__position {
    height: 545px;
    left: 0px;
    right: -125px;
    top: 0px; }

/*
================================================================================
|                               PAGE LOCATIONS                                 |
================================================================================
*/
.page-locations .content {
  background: #f1f1f1; }
.page-locations .section-form {
  padding: 48px 0 60px; }
.page-locations .section-promo {
  padding-bottom: 330px; }
  .page-locations .section-promo .content-bg__darkblue {
    top: 0; }
.page-locations .section-location {
  margin-top: -270px;
  padding-bottom: 0px; }
.page-locations .btn-hotels {
  z-index: 35; }

.section-location__inner .section-location__heading {
  top: 50px;
  width: 455px; }
.section-location__inner .location-item__showed .location-item__nav {
  right: auto;
  left: -175px;
  top: 428px;
  width: auto; }
.section-location__inner .location-item__showed.slider-location__item:nth-child(even) .location-item__nav {
  left: 100%;
  margin-left: 17px; }
.section-location__inner .location-item__showed .section-location-link {
  margin-top: 0;
  white-space: nowrap; }
.section-location__inner .location-item__showed .location-item__info {
  margin-bottom: 0; }
.section-location__inner .slider-location__item {
  margin-bottom: 50px; }
  .section-location__inner .slider-location__item:nth-child(even) .location-item__illustration {
    float: right; }
  .section-location__inner .slider-location__item:nth-child(even) .location-item__info {
    float: left;
    margin-left: 0px;
    margin-right: -75px;
    padding: 46px 40px 0 40px; }
  .section-location__inner .slider-location__item:nth-child(even) .location-item__map {
    position: relative;
    margin: 2px -40px 0 -40px;
    height: 150px; }
  .section-location__inner .slider-location__item:nth-child(even) .location-item__nav {
    position: absolute;
    width: auto;
    left: 40px; }
.section-location__inner .location-item__illustration {
  float: left; }
.section-location__inner .location-item__info {
  margin-right: 0px;
  margin-left: -75px; }

.main-map {
  position: relative;
  width: 100%;
  height: 535px;
  z-index: 30; }

.map-contacts {
  position: absolute;
  z-index: 40;
  width: 228px;
  background: #fff;
  top: 82px;
  left: 20px;
  border-top: 5px solid #22273c;
  padding: 26px 18px 6px 18px; }

.map-contacts__info {
  position: relative;
  margin-bottom: 16px;
  padding: 0 0 0 40px;
  font-size: 11px;
  line-height: 1.64;
  font-weight: 400;
  letter-spacing: normal;
  color: #434549; }
  .map-contacts__info a {
    color: #434549; }
  .map-contacts__info .icon {
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -8.5px;
    color: #4c5269;
    font-size: 19px;
    line-height: 1;
    font-weight: 400;
    letter-spacing: normal; }

.contact-info__phone {
  font-family: "time_roman", "Times New Roman", Times, serif;
  font-size: 20px;
  line-height: 27px;
  font-weight: 400;
  letter-spacing: normal; }
  .contact-info__phone a {
    color: #22273c; }

.main-map__position {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 25; }

#locationmap {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0; }

.info-box-wrap {
  display: none; }

.infobox {
  background: #fff;
  overflow: hidden;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  width: 306px !important;
  height: 125px;
  padding: 0px !important;
  border-top: 5px solid #22273c;
  display: block; }
  .infobox:before {
    content: "";
    display: block;
    overflow: hidden;
    position: absolute;
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-top-color: #fff;
    left: 50%;
    margin-left: -10px;
    bottom: -20px; }

.infobox-text {
  display: block;
  width: 306px;
  height: 90px;
  padding: 0 11px 0 140px;
  text-align: left;
  font-size: 14px;
  line-height: 1.29;
  font-weight: 400;
  letter-spacing: normal;
  color: #434549;
  overflow: hidden;
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%); }

.infobox-img {
  position: absolute;
  left: 0;
  top: 5px;
  bottom: 0;
  width: 125px;
  overflow: hidden; }
  .infobox-img img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    min-width: 100.2%;
    min-height: 100.2%;
    max-width: 200%;
    max-height: 200%; }

/*
================================================================================
|                                PAGE CONTACTS                                 |
================================================================================
*/
.page-contacts .content {
  background: #f1f1f1; }
.page-contacts .section-promo {
  padding-bottom: 320px; }
  .page-contacts .section-promo .content-bg__darkblue {
    top: 0; }
.page-contacts .btn-hotels {
  z-index: 35; }
.page-contacts .form-questions {
  margin: -120px auto 0;
  width: 743px; }
  .page-contacts .form-questions .btn {
    margin-top: 19px; }
.page-contacts .questions-field:nth-child(1) {
  width: 341px;
  margin-right: 12px; }
.page-contacts .questions-field:nth-child(2) {
  width: 329px;
  margin-right: 0px; }
.page-contacts .questions-field:nth-child(3) {
  width: 491px;
  margin: 19px 11px 0 0; }
.page-contacts .section-infoblock {
  padding-bottom: 14px;
  margin-top: -273px; }

.infoblock-contacts__hotel .section-infoblock__text {
  max-width: 740px;
  text-align: left;
  font-size: 14px;
  line-height: 1.43;
  font-weight: 400;
  letter-spacing: normal;
  padding: 40px 0 7px; }

#contactsmap {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0; }

/*
================================================================================
|                            PAGE MEETINGS - DETAILS                           |
================================================================================
*/
.infoblock-meetings__detail {
  margin-top: -270px;
  padding-bottom: 0; }
  .infoblock-meetings__detail .section-infoblock__text {
    max-width: 743px;
    padding-top: 40px;
    padding-bottom: 40px; }

.section-seats {
  background: #fff;
  margin: 50px 0 20px;
  position: relative; }

.seats-table {
  display: block; }

.mCustomScrollbar, .seats-table {
  -webkit-overflow-scrolling: auto; }

.seats-table__row {
  font-size: 0;
  display: block;
  position: relative;
  color: #22273c;
  width: 1230px; }
  .seats-table__row:after {
    content: "";
    display: block;
    overflow: hidden;
    position: absolute;
    left: 23px;
    right: 23px;
    bottom: -1px;
    height: 2px;
    background: #f4f4f4; }
  .seats-table__row:nth-child(1) {
    background: #22273c;
    color: #fff; }
    .seats-table__row:nth-child(1):after {
      display: none; }
    .seats-table__row:nth-child(1) .seats-table__cell {
      height: 105px;
      padding-top: 69px;
      padding-bottom: 0;
      vertical-align: top; }
      .seats-table__row:nth-child(1) .seats-table__cell:nth-child(1) {
        padding-top: 0;
        vertical-align: middle; }
        .seats-table__row:nth-child(1) .seats-table__cell:nth-child(1) p {
          padding-top: 0px; }

.seats-table__cell {
  display: table-cell;
  position: relative;
  font-size: 13px;
  line-height: 1.54;
  font-weight: 400;
  letter-spacing: 0.3px;
  text-align: center;
  vertical-align: middle;
  padding: 28px 0 36px;
  width: 130px; }
  .seats-table__cell:nth-child(1) {
    width: 265px;
    padding-left: 23px;
    text-align: left; }
    .seats-table__cell:nth-child(1) p {
      padding-top: 3px;
      margin-bottom: -2px; }
  .seats-table__cell:nth-child(8) {
    width: 185px;
    padding-right: 55px; }
  .seats-table__cell .rub {
    font-size: 12px;
    font-weight: normal; }
  .seats-table__cell i {
    position: absolute;
    color: #4c5269; }

.separator {
  width: 2px;
  background: #4c5269;
  top: 23px;
  bottom: 23px;
  left: 217px; }

.hidden-row {
  display: none; }

.seats-buttons {
  padding: 30px 23px 20px 8px; }
  .seats-buttons:after {
    content: "";
    display: block;
    height: 1px;
    overflow: hidden;
    clear: both; }
  .seats-buttons .btn-book {
    float: right; }
  .seats-buttons .button-back {
    float: right;
    padding-right: 45px;
    margin-right: 35px;
    font-weight: 400;
    text-decoration: underline;
    color: #31479d; }
    .seats-buttons .button-back:after {
      /* use !important to prevent issues with browser extensions that change fonts */
      font-family: 'iconset' !important;
      speak: none;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      line-height: 1;
      /* Better Font Rendering =========== */
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      content: "";
      display: block;
      overflow: hidden;
      position: absolute;
      content: "\e902";
      text-decoration: none;
      right: 12px;
      top: 15px;
      font-size: 14px;
      opacity: 0.8; }
    .seats-buttons .button-back:hover {
      font-weight: bold;
      color: #2c3e86; }
      .seats-buttons .button-back:hover:after {
        opacity: 1; }
  .seats-buttons .button-see-more {
    float: left;
    position: relative;
    color: #31479d;
    padding-right: 35px; }
    .seats-buttons .button-see-more:after {
      /* use !important to prevent issues with browser extensions that change fonts */
      font-family: 'iconset' !important;
      speak: none;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      line-height: 1;
      /* Better Font Rendering =========== */
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      content: "";
      display: block;
      overflow: hidden;
      position: absolute;
      content: "\e903";
      text-decoration: none;
      right: 10px;
      top: 15px;
      font-size: 13px;
      opacity: 0.8; }
    .seats-buttons .button-see-more:hover {
      font-weight: bold;
      color: #2c3e86; }
      .seats-buttons .button-see-more:hover:after {
        opacity: 1; }

.icon-seats__1 {
  position: absolute;
  top: 21px;
  width: 100%;
  text-align: center; }
  .icon-seats__1:before {
    content: "";
    display: block;
    overflow: hidden;
    position: absolute;
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'iconset' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 40px;
    line-height: 1;
    font-weight: 400;
    letter-spacing: normal;
    color: #4c5269;
    position: relative;
    margin-left: 1px;
    content: "\e910"; }

.icon-seats__2 {
  position: absolute;
  top: 21px;
  width: 100%;
  text-align: center; }
  .icon-seats__2:before {
    content: "";
    display: block;
    overflow: hidden;
    position: absolute;
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'iconset' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 40px;
    line-height: 1;
    font-weight: 400;
    letter-spacing: normal;
    color: #4c5269;
    position: relative;
    margin-left: 1px;
    content: "\e911"; }

.icon-seats__3 {
  position: absolute;
  top: 21px;
  width: 100%;
  text-align: center; }
  .icon-seats__3:before {
    content: "";
    display: block;
    overflow: hidden;
    position: absolute;
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'iconset' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 40px;
    line-height: 1;
    font-weight: 400;
    letter-spacing: normal;
    color: #4c5269;
    position: relative;
    margin-left: -1px;
    content: "\e912"; }

.icon-seats__4 {
  position: absolute;
  top: 21px;
  width: 100%;
  text-align: center; }
  .icon-seats__4:before {
    content: "";
    display: block;
    overflow: hidden;
    position: absolute;
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'iconset' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 40px;
    line-height: 1;
    font-weight: 400;
    letter-spacing: normal;
    color: #4c5269;
    position: relative;
    margin-top: 2px;
    margin-left: -7px;
    content: "\e913"; }

.icon-time {
  position: absolute;
  top: 31px;
  left: 0;
  width: 130px;
  text-align: center; }
  .icon-time:before {
    content: "";
    display: block;
    overflow: hidden;
    position: absolute;
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'iconset' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 27px;
    line-height: 1;
    font-weight: 400;
    letter-spacing: normal;
    color: #4c5269;
    position: relative;
    content: "\e914"; }

.map-contacts__info .icon.icon-address {
  width: 25px;
  height: 30px;
  margin: -19px 0 0 -2px; }
  .map-contacts__info .icon.icon-address:before {
    content: "";
    display: block;
    overflow: hidden;
    position: absolute;
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'iconset' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #4c5269;
    content: "\e900";
    font-size: 24px;
    line-height: 29px; }

.map-contacts__info .icon.icon-email {
  width: 25px;
  height: 30px;
  margin: -10px 0 0 0px; }
  .map-contacts__info .icon.icon-email:before {
    content: "";
    display: block;
    overflow: hidden;
    position: absolute;
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'iconset' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #4c5269;
    content: "\e90f";
    font-size: 20px; }

@media screen and (max-width: 1229px) {
  .scroll-to-top {
    left: auto;
    right: 22px;
    margin-left: 0;
    bottom: 75px; } }
@media screen and (min-width: 560px) {
  .slider-gallery .slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0;
    width: 98%;
    margin: 0 auto; } }
.ellip-line {
  display: inline-block;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal; }

.ellip, .ellip-line {
  position: relative;
  overflow: hidden;
  max-width: 100%; }

.section404 {
  position: relative;
  height: 905px; }

.page-404 .slider-info {
  margin-top: -257px; }
.page-404 .section-instagram {
  padding: 85px 0 95px; }
.page-404 .btn-hotels {
  margin: 4px 0 0 21px; }

.heading404 {
  max-width: 570px;
  width: 100%;
  margin: 0 auto;
  color: #22273c;
  position: relative;
  text-align: center;
  padding-top: 188px;
  padding-left: 35px; }
  .heading404 span {
    font-size: 255px;
    font-weight: bold;
    line-height: 1;
    text-align: center;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    font-family: "Roboto Slab", serif;
    display: table;
    margin: 0 auto;
    width: 300px;
    height: 300px; }

.backgroundcliptext .heading404 span {
  background: url(../img/heading.jpg?ver1.2) top repeat;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent; }

.text404 {
  text-align: center;
  position: relative;
  margin-top: -46px;
  padding-left: 4px; }
  .text404 p {
    font-size: 14px;
    line-height: 1.43;
    font-weight: 400;
    letter-spacing: 0.05px; }

@media screen and (min-width: 1280px) {
  .all-photos {
    left: calc(50% - 4px);
    width: auto; } }
@media screen and (min-width: 769px) {
  .info-main__description {
    max-height: 57px;
    overflow: hidden; }

  .section-info__restaurant .info-main__description {
    max-height: 80px; } }
@media screen and (max-width: 1420px) {
  .header-nav__item a {
    padding: 19px 13px 19px 13px; }

  .header-lang {
    margin: 12px 20px 0 0; }

  .header-phone__link {
    margin: 17px 25px 0 0;
    padding: 0 0 0 25px; } }
@media screen and (max-width: 1343px) {
  .header-nav__item a {
    padding: 19px 10px 19px 10px; }

  .header-nav {
    margin-left: 5px; }

  header .wrapper {
    padding: 13px 10px 0 10px; }

  .header-lang {
    margin: 12px 15px 0 0; }

  .header-phone__link {
    margin: 17px 18px 0 0;
    padding: 0 0 0 23px; } }
@media screen and (max-width: 1300px) {
  .questions-field:nth-child(3) {
    width: calc(100% - 629px); } }
@media screen and (max-width: 1279px) {
  .header-phone__link {
    margin: 17px 20px 0 0; }

  .slider-info__item {
    min-height: 500px; }

  .info-illustrations__slider {
    position: absolute;
    right: 0; }

  .slider-location__item {
    min-height: 500px; }

  .section-location__inner .slider-location__item {
    min-height: 500px; }

  .location-item__illustration {
    position: absolute;
    left: 0; }

  .section-location__inner .location-item__info,
  .location-item__info {
    width: 510px;
    padding: 46px 30px 0 59px; }

  .location-item__nav {
    background: #fff;
    left: 0;
    width: 100%;
    padding-left: 45px; }

  .location-item__map {
    margin: 2px -30px 0 -59px; }

  .section-location__heading {
    width: auto;
    right: auto;
    left: 765px; }

  .section-location__inner .section-location__heading {
    top: 10px;
    width: 455px; }

  .all-photos {
    width: 240px;
    margin: -80px 0 0 0;
    left: auto;
    right: 0; }

  .form-booking {
    margin: -80px 240px 0 0;
    float: right; }

  .main-map + .form-booking {
    margin: -80px auto 0;
    float: none; }

  .section-promo:after {
    content: "";
    display: block;
    height: 1px;
    overflow: hidden;
    clear: both; }

  .questions-field:nth-child(3) {
    width: calc(100% - 629px); }

  .page-rooms .slider-info__item,
  .page-room .slider-info__item,
  .section-info__restaurant .slider-info__item,
  .section-info__meetings .slider-info__item,
  .section-info__aktions .slider-info__item {
    width: 100%;
    height: 540px;
    position: relative; }

  .page-room .slider-info__item {
    height: 610px; }

  .page-rooms .info-illustrations__slider,
  .page-room .info-illustrations__slider,
  .section-info__restaurant .info-illustrations__slider,
  .section-info__meetings .info-illustrations__slider,
  .section-info__aktions .info-illustrations__slider {
    top: 0;
    margin-top: 0;
    height: 540px;
    overflow: hidden; }

  .page-room .info-illustrations__slider {
    top: 80px; }

  .page-rooms .slider-info__item:nth-child(2n) .info-item__main,
  .page-room .slider-info__item:nth-child(2n) .info-item__main,
  .section-info__restaurant .slider-info__item:nth-child(2n) .info-item__main,
  .section-info__meetings .slider-info__item:nth-child(2n) .info-item__main,
  .section-info__aktions .slider-info__item:nth-child(2n) .info-item__main {
    float: right;
    margin: 0 0 0 -55px; }
  .page-rooms .slider-info__item:nth-child(2n) .info-illustrations__slider,
  .page-room .slider-info__item:nth-child(2n) .info-illustrations__slider,
  .section-info__restaurant .slider-info__item:nth-child(2n) .info-illustrations__slider,
  .section-info__meetings .slider-info__item:nth-child(2n) .info-illustrations__slider,
  .section-info__aktions .slider-info__item:nth-child(2n) .info-illustrations__slider {
    left: 0;
    right: auto; }

  .page-rooms .slider-info__item {
    margin-bottom: 50px;
    padding-top: 90px; }

  .page-room .slider-info__item {
    margin-bottom: 50px;
    padding-top: 160px; }

  .slider-location__item:nth-child(odd) .location-item__main {
    float: right;
    margin: 0 0 0 -55px; }
  .slider-location__item:nth-child(odd) .location-item__illustration {
    left: 0;
    right: auto; }

  .slider-location__item:nth-child(even) .location-item__main {
    float: left;
    margin: 0 0 0 0; }
  .slider-location__item:nth-child(even) .location-item__illustration {
    right: 0;
    left: auto; }

  .location-item__illustration {
    overflow: hidden; }

  .section-location__inner .slider-location__item {
    width: 100%;
    min-height: 540px;
    display: block;
    position: relative;
    verflow: hidden; }
    .section-location__inner .slider-location__item:after {
      content: "";
      display: block;
      height: 1px;
      overflow: hidden;
      clear: both; }

  .section-location__inner .slider-location__item:nth-child(2n) .location-item__nav {
    left: 0px;
    padding-left: 25px; }

  .section-location__inner .location-item__info {
    margin-top: 70px; }

  .js-slider .slider-location__item:nth-child(2n) .location-item__illustration {
    position: absolute;
    left: 0; }

  .section-info__restaurant .slider-info__reversed .slider-info__item .info-illustrations__slider,
  .slider-info__reversed .slider-info__item .info-illustrations__slider {
    margin-left: 0;
    margin-right: 0;
    float: none;
    position: absolute;
    left: 0; }

  .infoblock-menu + .section-info {
    overflow: hidden; }

  .infoblock-menu {
    padding-bottom: 53px; }

  .page-rooms .section-promo,
  .page-room .section-promo {
    padding-bottom: 204px; }
    /*padding-bottom: 20px; tmp }*/

  .page-room .slider-info__item .section-hotels__heading {
    position: absolute;
    top: -10px; }

  .section-room__col-1 {
    width: calc(100% - 245px);
    padding-right: 10px; }

  .section-room__col-2 {
    width: 245px; }

  .room-about__col {
    min-width: 180px; } }
/* =========================================================================================================== */
/* ============================================================================================================ */

@media screen and (max-width: 1125px) {
  .wrapper {
    padding: 0 15px; }

  .slider-promo__pages {
    display: none; }

  .form-booking {
    margin: -80px 240px 0 0;
    float: none;
    width: auto;
    display: block;
    padding: 33px 20px 30px; }

  .booking-field {
    width: calc( (100% - 317px) / 2); }

  .form-questions {
    padding: 33px 20px 30px; }

  .questions-field:nth-child(3) {
    width: calc(100% - 609px);
    margin-right: 20px; }

  .slider-promo__item {
    height: 455px; }

  .info-arrows__prev, .info-arrows__next {
    width: 86px; }

  .info-item__heading span {
    padding-left: 40px; }

  .slider-info {
    margin: -2px -15px 0; }

  .section-hotels {
    padding-bottom: 40px; }

  .section-benefits {
    padding-top: 18px;
    padding-bottom: 10px; }

  .section-instagram {
    padding: 0px 0 75px; }

  .page-aktions .form-booking,
  .page-basepage .form-booking,
  .page-meetings .form-booking,
  .page-restaurant .form-booking,
  .page-restaurant_details .form-booking,
  .page-rooms .form-booking,
  .page-room .form-booking,
  .page-services .form-booking {
    margin: -5px 0px 0 0; }

  .page-room .section-hotels {
    padding-bottom: 40px; }

  .page-room .section-info {
    padding-bottom: 0px; }

  .main-map {
    padding-bottom: 80px; }

  .main-map__position {
    height: auto;
    bottom: 80px; } }
/* ============================================================================================================ */
@media screen and (max-width: 1045px) {
  .slider-location {
    margin-top: 30px; }

  .section-location__heading {
    position: relative;
    top: auto;
    left: auto; }

  .section-location__inner .section-location__heading {
    position: relative;
    top: auto;
    left: auto;
    width: auto;
    margin-bottom: 25px; }

  .section-location {
    margin-top: -320px; } }
@media screen and (max-width: 1024px) {
  .slider-promo {
    height: 455px; }

  .slider-promo__aktions {
    height: 240px; }

  .slider-gallery .slick-prev,
  .slider-gallery .slick-next {
    height: 45px;
    bottom: -45px;
    left: 50%;
    right: auto; }

  .slider-gallery .slick-prev {
    margin-left: -111px; }

  .slider-gallery .slick-next {
    margin-left: 5px; }

  .pp-container {
    padding: 55px 0; }

  .pp-close {
    height: 45px; } }
@media screen and (max-width: 992px) {
  .slider-promo {
    height: 455px; }

  .slider-promo__aktions {
    height: 240px; }

  .pp-pos {
    bottom: 0;
    width: 100%;
    z-index: 125;
    position: fixed;
    left: 0;
    top: 0;
    transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0); }

  .slider-gallery .slick-arrow {
    width: 106px;
    height: 53px;
    color: #fff; }

  .pp-container {
    padding: 45px 0; }

  .pp-close {
    height: 33px;
    top: 10px; } }
/* ============================================================================================================ */

@media screen and (max-width: 991px) {
  .scroll-to-top {
    width: 60px;
    height: 60px;
    right: 15px; }

  h1 {
    font-size: 50px; }

  h2 {
    font-size: 38px; }

  /*.slider-info__item {*/
    /*padding-top: 170px; }*/

  /*.info-item__heading {*/
    /*margin: -170px auto 0; }*/

  /*.info-item__heading span {*/
    /*padding-left: 0; }*/

  /*.info-illustrations__slider {
    float: none;
    width: 100%;
    height: 550px;
    top: 160px;
    left: 0; }*/

  /*.info-item__main {
    padding: 30px 20px 35px 40px;
    width: 430px;
    background: rgba(246, 246, 246, 0.8); }*/

  /*.slider-info {*/
    /*margin-top: 15px; }*/

  .section-hotels {
    padding-bottom: 0; }

  .location-item__illustration {
    width: 100%;
    height: 550px; }
    .location-item__illustration img {
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      -moz-transform: translate(-50%, -50%);
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      -o-transform: translate(-50%, -50%);
      min-width: 100%;
      min-height: 100%;
      max-width: 150%;
      max-height: 150%; }

  .location-item__info {
    width: 430px;
    background: rgba(246, 246, 246, 0.8); }

  .location-item__nav {
    background: rgba(255, 255, 255, 0.8); }

  .page-rooms .slider-info__item,
  .page-room .slider-info__item,
  .section-info__restaurant .slider-info__item,
  .section-info__meetings .slider-info__item,
  .section-info__aktions .slider-info__item {
    min-height: 540px;
    height: auto; }
    .page-rooms .slider-info__item:after,
    .page-room .slider-info__item:after,
    .section-info__restaurant .slider-info__item:after,
    .section-info__meetings .slider-info__item:after,
    .section-info__aktions .slider-info__item:after {
      content: "";
      display: block;
      height: 1px;
      overflow: hidden;
      clear: both; }

  .section-info__aktions .slider-info__item {
    height: auto;
    min-height: 0; }

  .section-info__aktions .slider-info__item + .slider-info__item, .section-info__restaurant .slider-info__item + .slider-info__item {
    margin-top: 60px; }

  .section-location .slider-location__item + .slider-location__item {
    margin-top: 25px; }

  .js-slider .slider-location__item + .slider-location__item {
    margin-top: 0; }

  .page-rooms .slider-info__item:nth-child(2n) .info-item__main,
  .page-room .slider-info__item:nth-child(2n) .info-item__main,
  .section-info__restaurant .slider-info__item:nth-child(2n) .info-item__main,
  .section-info__meetings .slider-info__item:nth-child(2n) .info-item__main,
  .section-info__aktions .slider-info__item:nth-child(2n) .info-item__main {
    float: right;
    margin: 0 0 0 -55px; }
  .page-rooms .slider-info__item:nth-child(2n) .info-illustrations__slider,
  .page-room .slider-info__item:nth-child(2n) .info-illustrations__slider,
  .section-info__restaurant .slider-info__item:nth-child(2n) .info-illustrations__slider,
  .section-info__meetings .slider-info__item:nth-child(2n) .info-illustrations__slider,
  .section-info__aktions .slider-info__item:nth-child(2n) .info-illustrations__slider {
    left: 0;
    right: auto; }

  .page-rooms .slider-info__item,
  .page-room .slider-info__item,
  .section-info__restaurant .slider-info__item,
  .section-info__meetings .slider-info__item,
  .section-info__aktions .slider-info__item {
    width: 100%;
    height: 540px;
    /*min-height: 540px;*/
    position: relative; }

  .page-room .slider-info__item {
      height: auto;
  }
  .page-rooms .info-item__main,
  .page-room .info-item__main,
  .section-info__restaurant .info-item__main,
  .section-info__meetings .info-item__main,
  .section-info__aktions .info-item__main {
    padding: 30px 20px 35px 40px; }

  .page-restaurant .section-form {
    padding-top: 0; }

  .section-room__inf {
    padding: 27px 40px 52px 40px; }

  .section-room__inf .room-about {
    margin-top: 25px; }

  .section-room-total {
    padding: 30px 40px; }

  .section-location__inner .section-location__heading {
    text-align: center;
    width: 100%; }

  .section404 {
    height: 705px; }

  .heading404 {
    padding-top: 80px;
    padding-left: 0; }

  .text404 {
    padding-left: 0; } }
/* ============================================================================================================ */
@media screen and (max-width: 960px) {
  .section-services {
    margin: 0 auto -190px;
    max-width: 700px; }
    .section-services .slick-prev {
      left: 0;
      right: auto; }

  .services-list .slider-services__item {
    width: calc(50% - 9px);
    margin: 0 4px 9px 5px; }

  .section-services__heading {
    margin: 0 auto 18px; }

  .benefits {
    width: 100%;
    text-align: center; }

  .benefits-item {
    text-align: left; }

  .benefits-item:nth-child(3n) {
    margin-right: 78px; }

  .section-benefits__heading {
    height: 55px; }

  .page-services .section-services {
    margin: -238px auto 0px;
    padding-bottom: 40px; }

  .slider-promo .slick-arrow {
    display: none !important; }

  .all-photos {
    width: 240px;
    margin: 0;
    left: auto;
    right: 0;
    top: 0;
    height: 45px;
    padding-top: 15px; }
    .all-photos:after {
      top: 12px; } }
/* ============================================================================================================ */
@media screen and (max-width: 945px) {
  .slider-promo {
    margin: 0 -15px; }

  .slider-promo {
    height: 355px; }

  .slider-promo__item {
    height: 355px; }

  .form-booking {
    margin: -115px 0 0 0;
    padding: 25px 20px 30px; }

  .btn-hotels {
    margin-left: 0; }

  .page-contacts .form-questions,
  .form-questions {
    padding: 33px 20px 30px;
    width: 100%; }

  .page-contacts .questions-field:nth-child(1),
  .questions-field {
    width: calc(50% - 10px);
    margin-right: 20px; }

  .page-contacts .questions-field:nth-child(2) {
    width: calc(50% - 10px);
    margin-right: 0px; }

  .questions-field:nth-child(2) {
    margin-right: 0px; }

  .page-contacts .questions-field:nth-child(3),
  .questions-field:nth-child(3) {
    width: calc(100% - 200px);
    margin-right: 20px;
    margin-top: 15px; }

  .page-contacts .form-questions .btn,
  .form-questions .btn {
    margin-top: 15px;
    width: 180px; }

  .map-contacts {
    left: 0;
    top: 52px; }

  .page-meetings .section-form {
    padding: 0px 0 60px; } }
/* ============================================================================================================ */
/*@media screen and (max-width: 790px) { tmp*/
@media screen and (max-width: 768px) {
  .main-wrapper:after {
    display: none; }

  .wrapper {
    padding: 0 10px; }

  .slider-promo {
    margin: 0 -10px; }

  .slider-info {
    margin: 15px -10px 0; }

  .section-promo {
    margin-left: -10px;
    margin-right: -10px; } }
/* ============================================================================================================ */
@media screen and (min-width: 769px) {
  .page-rooms .slider-info__item:before, .page-room .slider-info__item:before, .section-info__restaurant .slider-info__item:before,
  .section-info__meetings .slider-info__item:before, .section-info__meetings .slider-info__item:before, .section-info__aktions .slider-info__item:before, .section-location .slider-location__item:before {
    display: none; } }
@media screen and (max-width: 768px) {
  .page-rooms .slider-info__item:before, .page-room .slider-info__item:before, .section-info__restaurant .slider-info__item:before,
  .section-info__meetings .slider-info__item:before, .section-info__meetings .slider-info__item:before, .section-info__aktions .slider-info__item:before, .section-location .slider-location__item:before {
    content: '';
    position: absolute;
    width: 35%;
    height: 2px;
    background-color: #22273c;
    top: -33px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%); }

  .slider-info__item {
    padding-top: 300px; }

  .info-item__heading {
    position: absolute;
    margin: -305px 0 0 0;
    width: 100%;
    text-align: center; }

  .info-item__heading span {
    padding-left: 0px;}

  .info-illustrations__slider {
    float: none;
    width: 100%;
    top: 155px;
    left: 0; }

  .info-illustrations__item {
    height: 240px; }

  .info-item__main {
    padding: 35px 15px 35px 10px;
    width: 100%;
    min-height: 0;
    background: #f6f6f6; }

  .info-item__arrows {
    bottom: auto;
    top: -310px;
    width: 100%; }

  .info-arrows__prev, .info-arrows__next {
    width: 50%;
    height: 73px; }

  .info-arrows__next:before {
    left: auto;
    right: 20px;
    margin-left: 0; }

  .info-arrows__prev:before {
    left: 20px;
    margin-left: 0; }

  .info-illustrations__item img {
    max-width: 250%;
    max-height: 250%;
    height: auto;
    width: 100%; }

  .slider-location {
    margin: 30px -10px; }

  .location-item__illustration {
    width: 100%;
    height: 235px;
    overflow: hidden; }
    .location-item__illustration img {
      max-width: 250%;
      max-height: 250%;
      height: auto;
      width: 100%; }

  .section-location {
    padding-bottom: 0; }

  .location-item__info {
    padding: 35px 10px 0px 10px;
    background: #f6f6f6;
    width: 100%;
    margin-top: 235px; }

  .location-item__map {
    margin: 17px -10px 0; }

  .section-location__inner .slider-location__item:nth-child(2n) .location-item__map {
    margin: 17px -10px 0; }

  .location-item__nav {
    padding-left: 0;
    background: rgba(246, 246, 246, 0.8); }

  .location-item__arrows {
    position: absolute;
    right: 12px;
    top: 0; }

  .page-rooms .section-info,
  .page-room .section-info,
  .section-info__restaurant,
  .section-info__meetings,
  .section-info__aktions {
    margin-left: -10px;
    margin-right: -10px; }

  .page-rooms .slider-info__item,
  .page-room .slider-info__item,
  .section-info__restaurant .slider-info__item,
  .section-info__meetings .slider-info__item,
  .section-info__aktions .slider-info__item {
    height: auto;
    padding-top: 235px;
    min-height: 0; }

  .page-room .slider-info__item {
    padding-top: 305px; }

  .page-rooms .info-item__main,
  .section-info__restaurant .info-item__main,
  .section-info__meetings .info-item__main,
  .section-info__aktions .info-item__main {
    padding: 53px 15px 35px 10px; }

  .page-room .info-item__main {
    padding: 53px 20px 35px 20px; }

  .page-rooms .info-main__text,
  .page-room .info-main__text,
  .section-info__restaurant .info-main__text,
  .section-info__meetings .info-main__text,
  .section-info__aktions .info-main__text {
    height: auto;
    min-height: 0; }

  .section-infoblock {
    margin-left: -10px;
    margin-right: -10px; }

  .infoblock-meetings .section-infoblock__item {
    padding: 46px 25px 40px; }

  .infoblock-restaurant .section-infoblock__item {
    padding: 46px 25px 40px; }

  .section-infoblock__item {
    padding: 46px 25px 40px; }

  .base-gallery__item {
    height: 350px; }

  .base-gallery__item .gallery-item__position,
  .base-gallery__item.slick-current .gallery-item__position {
    position: relative;
    overflow: hidden;
    height: 350px;
    left: 0;
    right: 0;
    top: 0; }

  .base-gallery__item img {
    position: relative; }

  .section-location__inner {
    margin-left: -10px;
    margin-right: -10px; }

  .section-location__inner .location-item__info {
    margin-top: 235px;
    width: 100%; }

  .section-info__restaurant .slider-info__reversed .slider-info__item,
  .slider-info__reversed .slider-info__item {
    padding: 235px 10px 0 10px; }

  .page-restaurant_details .section-form {
    padding: 0px 0 60px; }

  .page-rooms .section-form {
    padding-top: 254px; }

  .page-room .section-form {
    padding-top: 0px; }

  .section-location__inner .location-item__info,
  .section-location__inner .slider-location__item:nth-child(2n) .location-item__info {
    padding: 23px 15px 0px 10px;
    background: #f6f6f6;
    width: 100%;
    margin-top: 235px; }

  .section-location__inner .slider-location__item {
    margin-bottom: 0px; }

  .page-rooms .slider-info__item,
  .page-room .slider-info__item {
    margin-bottom: 60px; }

  .section-location__inner .location-item__nav {
    padding-left: 0;
    background: rgba(246, 246, 246, 0.8); }

  .main-map {
    height: 550px; }

  .infoblock-restaurant .section-infoblock__text {
    padding-top: 0; }

  .infoblock-contacts__hotel .section-infoblock__text {
    padding-top: 0; }

  .infoblock-meetings__detail .section-infoblock__text {
    padding: 0; }

  .form-meetings {
    width: 100%;
    max-width: 380px; }

  .meetings-field,
  .meetings-field:nth-child(3),
  .meetings-field:nth-child(4),
  .meetings-field:nth-child(5) {
    width: 100%;
    margin-top: 20px;
    margin-right: 0; }

  .meetings-field:nth-child(6) {
    width: calc(100% - 190px);
    margin-top: 20px;
    margin-right: 10px; }

  .form-meetings .form-heading {
    padding-bottom: 21px; }

  .form-meetings .btn {
    margin-top: 20px; }

  .seats-table__cell {
    padding-top: 10px;
    padding-bottom: 15px; }

  .place-about {
    margin-top: 15px; }

  .section-info__restaurant .info-main__text p {
    height: auto; }

  .page-room .slider-info__item .section-hotels__heading {
    width: 100%;
    text-align: center;
    max-width: none;
    padding: 0;
    margin: 0;
    top: 0px;
    font-size: 26px; }

  .page-room .info-illustrations__slider {
    top: 60px; }

  .section-room {
    padding: 27px 0 0;
    margin-left: -10px;
    margin-right: -10px; }

  .section-room__col-1 {
    width: 100%;
    padding-right: 0px; }

  .section-room__inf {
    padding: 17px 40px 42px 40px; }

  .section-room__col-2 {
    width: 100%;
    margin-top: 20px; }

  .section-room__col-2 .room-price {
    display: inline-table;
    margin-bottom: 0px;
    width: 245px;
    vertical-align: middle;
    margin-right: 30px; }

  .room-child {
    display: inline-block;
    width: 245px;
    vertical-align: middle; }

  .slider-gallery__base {
    overflow: initial; }
    .slider-gallery__base .slick-dots, .slider-gallery__base .owl-dots {
      text-align: center; }
      .slider-gallery__base .slick-dots button, .slider-gallery__base .owl-dots button {
        width: 10px;
        height: 10px; }
      .slider-gallery__base .slick-dots li, .slider-gallery__base .owl-dots li {
        margin: 0 3px; } }
@media screen and (max-width: 768px) and (min-width: 575px) {
  .slider-info__item {
    padding-top: 400px; }

  .info-item__heading {
    margin: -405px 0 0 0; }

  .info-illustrations__slider {
    float: none;
    width: 100%;
    top: 155px;
    left: 0; }

  .info-illustrations__item {
    height: 350px; }

  .info-item__arrows {
    top: -410px; }

  .location-item__info {
    margin-top: 335px; }

  .location-item__illustration {
    height: 350px; }

  .page-rooms .slider-info__item, .page-room .slider-info__item, .section-info__restaurant .slider-info__item, .section-info__meetings .slider-info__item, .section-info__aktions .slider-info__item {
    height: auto;
    padding-top: 335px;
    min-height: 0; } }
/* ============================================================================================================ */
@media screen and (max-width: 725px) {
  .section-benefits {
    padding-bottom: 35px;
    padding-top: 0px;
    margin-top: -15px; }

  .benefits-item {
    text-align: left;
    width: 100%;
    margin: 20px 5px 0 0; }

  .benefits-item:nth-child(3n) {
    margin: 20px 5px 0 0; }

  .benefits-item:nth-child(2n) {
    margin: 20px 5px 0 0; }

  .section-benefits__heading {
    height: 55px;
    font-size: 35px; }

  .icon-rooms {
    left: -58px;
    top: -5px; }

  .icon-food {
    left: -61px;
    top: -6px; }

  .icon-meetings {
    left: -55px; }

  .icon-activities {
    left: -60px; }

  .icon-health {
    left: -63px;
    top: 3px; } }
/* ============================================================================================================ */
@media screen and (max-width: 705px) {
  .slider-promo__item {
    height: 300px; }

  .form-booking {
    width: 100%;
    max-width: 380px;
    padding: 34px 30px 23px 30px;
    margin: -53px auto 0; }
    .form-booking .btn {
      float: none;
      margin-top: 18px;
      width: 100%; }

  .booking-field,
  .booking-field:nth-child(3) {
    width: 100%;
    float: none;
    margin-top: 20px; }

  .booking-field:nth-child(3) .booking-field__input {
    text-align: left; }

  .form-heading {
    padding-bottom: 22px; }

  .page-contacts .form-questions,
  .form-questions {
    width: 100%;
    max-width: 380px;
    padding: 34px 30px 23px 30px;
    margin: 0 auto; }
    .page-contacts .form-questions .btn,
    .form-questions .btn {
      float: none;
      margin-top: 18px;
      width: 100%; }

  .page-contacts .form-questions {
    margin: -55px auto 0; }

  .page-contacts .questions-field:nth-child(1),
  .page-contacts .questions-field:nth-child(2),
  .page-contacts .questions-field:nth-child(3),
  .questions-field,
  .questions-field:nth-child(3) {
    width: 100%;
    float: none;
    margin: 20px 0 0 0; }

  .btn-hotels {
    display: none; }

  .all-photos {
    bottom: 20px;
    left: 50%;
    right: auto;
    margin: 0 0 0 -120px;
    height: 45px;
    padding: 14px 0 0 0;
    background: #4c5269;
    top: auto; }
    .all-photos:after {
      top: 12px; }

  .section-promo {
    padding-bottom: 85px; }

  .section-hotels__item {
    margin-top: 0; }

  .page-aktions .form-booking,
  .page-basepage .form-booking,
  .page-meetings .form-booking,
  .page-restaurant .form-booking,
  .page-restaurant_details .form-booking,
  .page-rooms .form-booking,
  .page-room .form-booking,
  .page-services .form-booking {
    margin: -53px auto 0 auto; }

  .map-contacts {
    left: 0;
    top: 0px;
    width: 100%; }

  .slider-promo__text {
    padding: 0px 30px 30px 20px;
    height: 265px; }
    .slider-promo__text h1 {
      text-align: left;
      display: block; }

  .page-rooms .section-promo, .page-room .section-promo {
    padding-bottom: 40px; }

  .main-map__position {
    height: auto;
    bottom: 0px; }

  .slider-promo {
    height: 300px; }

  .slider-promo__aktions {
    height: 240px; }

  .section404 {
    height: 705px; }

  .heading404 {
    padding-top: 55px;
    padding-left: 0; } }
/* ============================================================================================================ */
@media screen and (max-width: 690px) {
  .slick-dots, .owl-dots {
    text-align: center; }
    .slick-dots button, .slick-dots .owl-dot span, .owl-dots button, .owl-dots .owl-dot span {
      width: 10px;
      height: 10px; }
    .slick-dots li, .slick-dots .owl-dot, .owl-dots li, .owl-dots .owl-dot {
      margin: 0 3px; }

  .slider-instagram .slick-dots, .slider-instagram .owl-dots {
    bottom: -29px; }

  .slider-promo {
    height: 300px; }

  .slider-promo__aktions {
    height: 240px; } }
/* ============================================================================================================ */
@media screen and (max-width: 666px) {
  .content {
    padding-top: 60px; }

  .scroll-to-top {
    width: 44px;
    height: 44px;
    right: 10px;
    bottom: 15px; }

  .copyright {
    float: none;
    max-width: 437px;
    margin-left: auto;
    margin-right: auto;
    text-align: left; } }
@media screen and (max-width: 640px) {
  .section-services {
    margin: 0 auto -12px;
    max-width: 380px; }
    .section-services .slick-prev {
      left: 0;
      right: auto; }

  .slider-services {
    margin: 0 -10px; }

  .slider-services .slick-arrow {
    display: none !important; }

  .services-list .slider-services__item {
    width: calc(100% - 9px);
    margin: 0 4px 9px 5px;
    float: none; }

  .pagination-list {
    float: none;
    margin: 0 auto;
    display: table; }

  h1, h2 {
    font-size: 35px; }

  .section-hotels__item {
    padding: 40px 20px 30px; }

  .section-form {
    padding: 60px 0 105px; }

  .section-location {
    margin-top: -65px; }

  .page-aktions .section-form {
    padding: 250px 0 90px; }

  .infoblock-basepage .section-infoblock__item {
    padding-bottom: 40px; }

  .infoblock-basepage .section-infoblock__text {
    padding-top: 0; }

  .section-gallery {
    margin: 0 -10px;
    padding: 0; }

  .page-room .section-hotels__item {
    padding: 30px 0 0; } }
@media screen and (max-width: 575px) {
  .room-child {
    display: block;
    width: 240px;
    margin: 20px auto 0; }

  .section-room__inf {
    padding: 17px 15px 42px 15px; }

  .section-room__col-2 .room-price {
    display: block;
    margin: 0 auto; }

  .section-room-total__date {
    float: none;
    text-align: center;
    margin-top: 0; }

  .section-room-total__price {
    display: block;
    margin: 10px 0 20px;
    text-align: center; }

  .section-room-total__btn {
    float: none;
    display: table;
    margin: 0 auto; }

  .copyright, .copyright p {
    display: block;
    text-align: center; }

  .copyright p:nth-child(2) {
    margin-top: 11px;
    text-align: center; } }
@media screen and (max-width: 560px) {
  .gallery-cell__large img,
  .gallery-cell__small img {
    width: 100%;
    height: auto; }

  .gallery-column__large,
  .gallery-column__small {
    width: auto; }

  .pp-pos .mCSB_inside > .mCSB_container {
    margin-right: 10px; }

  .gallery-cell__large,
  .gallery-cell__small {
    max-height: 300px;
    overflow: hidden; }

  .pp-close {
    width: 100%; }
    .pp-close:after {
      left: auto;
      margin-left: 0;
      right: 20px; }

  .slide-menu__item {
    padding: 35px 0px 0 0; }

  .slide-menu__description {
    max-width: none; }

  .slide-menu__price {
    position: relative;
    left: 0;
    top: 0px;
    padding-top: 5px; } }
@media screen and (max-width: 500px) {
  .main-map__position {
    height: auto;
    bottom: 50px; }

  .main-map + .form-booking {
    margin: -50px auto 0;
    width: 100%;
    max-width: 100%; }

  .section-hotels__item {
    padding-bottom: 60px; }

  .tripadvisor-grade {
    bottom: -100px;
    top: auto;
    left: auto;
    margin-left: 0; }

  .section-info {
    margin-top: 40px; }

  .page-restaurant .section-promo {
    padding-bottom: 40px; }

  .section-info__restaurant {
    margin-top: 10px; }
    .section-info__restaurant .slider-info__item:first-child {
      margin-top: 30px; }
    .section-info__restaurant .slider-info__item:first-child:before {
      display: none; } }
@media screen and (max-width: 420px) {
  .info-main__text {
    margin-top: 10px; }

  .room-about {
    padding-top: 12px; }

  .room-about__price {
    margin: 25px 0px 0 0; }

  .room-about__people {
    margin: 17px 15px 0 0; }

  .info-main-btn {
    margin-top: 27px;
    width: 100%; }

  .section-info__meetings .info-main-btn.btn-darkblue {
    margin-top: 10px; }

  .section-benefits {
    padding-top: 0px; }

  .meetings-field:nth-child(6) {
    width: 100%;
    margin-top: 20px;
    margin-right: 0px; }

  .form-meetings .btn {
    width: 100%; }

  .services-info__text {
    height: 64px; }

  .location-item__text {
    height: 60px; }

  .section-location__heading,
  .section-location__inner .section-location__heading {
    width: 100%;
    text-align: center; }

  .section-location {
    margin-top: -65px; }

  .section-form {
    padding: 60px 0 100px; }

  .slider-location {
    margin: 25px -10px; }

  .location-item__text {
    margin: 9px 0 3px 0; }

  .location-item__more {
    margin: 12px 0 0 -13px; }

  .location-item__map {
    margin: 17px -15px 0 -15px; }

  .section-location-link {
    margin: 18px 0 0 1px; }

  .location-arrows__prev, .location-arrows__next {
    height: 83px; } }
@media screen and (max-width: 380px) {
  .section-instagram {
    padding-top: 0; }

  .slider-instagram {
    width: 100%;
    margin: 0 auto;
    max-width: 232px; }
    .slider-instagram .slick-arrow {
      display: none !important; }
    .slider-instagram .slick-dots, .slider-instagram .owl-dots {
      bottom: -29px; }

  .section-instagram__heading {
    margin: 0 auto 24px;
    padding: 0px; }

  .certificate-slide .slick-dots {
    bottom: -20px; }

  .location-arrows__prev, .location-arrows__next {
    width: 86px; }

  .seats-buttons {
    padding: 30px 8px 20px 8px; }

  .seats-buttons .button-see-more {
    background: #f6f6f6;
    width: 100%;
    float: none;
    text-align: center;
    margin-bottom: 10px; }

  .seats-buttons .button-see-more:after {
    right: 0px;
    top: 0px;
    position: relative;
    display: inline-block;
    margin-left: 10px; }

  .seats-buttons .button-back {
    float: none;
    width: 100%;
    text-align: center;
    margin-right: 0px;
    font-weight: 400;
    text-decoration: underline;
    color: #31479d;
    background: #f6f6f6; }

  .seats-buttons .btn-book {
    float: none;
    width: 100%;
    margin-bottom: 10px; }

  .seats-buttons .button-back:after {
    position: relative;
    display: inline-block;
    margin-left: 10px;
    right: 0;
    top: 3px; }

  .room-about__col {
    width: 100%; }

  .section-room-total {
    padding: 30px 10px; }

  .section-room-total__btn {
    display: block; }

  .section-room-total .btn {
    display: block;
    width: 100%; }

  .main-map {
    height: 550px; }

  .backgroundcliptext .slider-services__item .services-item__shadow {
    top: 106px; } }
@media screen and (max-width: 360px) {
  .section-hotels__heading {
    margin: 13px 0 1px;
    line-height: 40px; }
    .section-hotels__heading span {
      display: block;
      margin: 0 -22px; }

  .page-room .section-hotels__heading {
    margin: 13px auto 6px; }

  .heading404 span {
    font-size: 205px;
    width: 250px;
    height: 250px; }

  .heading404 {
    padding-top: 15px; }

  .section404 {
    height: 605px; } }
a[href^="http://maps.google.com/maps"] {
  display: none !important; }

a[href^="https://maps.google.com/maps"] {
  display: none !important; }

.gmnoprint a, .gmnoprint span, .gm-style-cc {
  display: none; }

@media screen and (min-width: 769px) and (max-width: 849px) {
      .info-illustrations__slider {
        padding-left: 165px; /*tmp*/
      }
      .info-item__heading span {
          padding-left: 25px;
      }
  }
@media screen and (min-width: 850px) and (max-width: 991px) {
      .info-illustrations__slider {
        padding-left: 145px; /*tmp*/
      }
      .info-item__heading span {
          padding-left: 25px;
      }
  }