@charset "UTF-8";
@font-face {
  font-family: 'ALSRubl';
  src: url("../fonts/ALSRubl.eot");
  src: url("../fonts/ALSRubl.eot?#iefix") format("embedded-opentype"), url("../fonts/ALSRubl.woff") format("woff"), url("../fonts/ALSRubl.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: ubmi;
  src: url(../fonts/UbuntuMI.ttf);
}

@font-face {
  font-family: ubli;
  src: url(../fonts/UbuntuLI.ttf);
}

@font-face {
  font-family: ublcr;
  src: url(../fonts/UbuntuC.ttf);
}

@font-face {
  font-family: ubr;
  src: url(../fonts/UbuntuR.ttf);
}

@font-face {
  font-family: ubm;
  src: url(../fonts/UbuntuM.ttf);
}

@font-face {
  font-family: ubmi;
  src: url(../fonts/UbuntuMI.ttf);
}

@font-face {
  font-family: ubl;
  src: url(../fonts/UbuntuL.ttf);
}

@font-face {
  font-family: ubb;
  src: url(../fonts/UbuntuB.ttf);
}

@font-face {
  font-family: ubri;
  src: url(../fonts/UbuntuRI.ttf);
}

.wrapper {
  max-width: 1120px;
  margin: 0 auto;
  position: relative;
}

#slider-header {
  width: 100%;
  /*background-color: #d7e0e4;*/
  /* padding-top: 98px; */
  /* padding-bottom: 61px; */
}

#slider-header h2 {
  text-align: center;
  font: 60px 'ubm';
  color: #564d4d;
}

#slider-header ul {
  padding: 0;
  text-align: center;
  margin-top: 36px;
}

#slider-header ul li {
  list-style: none;
  display: inline-block;
  position: relative;
  margin: 0 10px;
}

#slider-header ul li span {
  cursor: pointer;
  font: 18px 'ublcr';
  color: #363636;
  border-bottom: 1px dashed #363636;
}

#slider-header ul li.active:after {
  content: '';
  z-index: 100;
  background-image: url(../img/slider/li.png);
  background-repeat: no-repeat;
  background-position: center bottom;
  width: 100%;
  height: 12px;
  position: absolute;
  top: -25px;
  left: 0;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

#slider-header ul li.active span {
  color: #6d87ab;
  border-bottom: none;
  background-color: #D7E0E4;
  padding: 13px;
}

#slider-content {
  height: 768px;
  position: relative;
  overflow: hidden;
}

#slider-content ul {
  position: absolute;
  padding: 0;
  text-align: center;
  width: 100%;
  -webkit-transition: all ease-in-out .3s;
  transition: all ease-in-out .3s;
  left: 0;
}

#slider-content ul li.gall {
  list-style: none;
  height: 375px;
  position: relative;
  width: 100%;
}

li[data-slide-next] .gall-circle {
  position: absolute;
  width: 155px;
  height: 155px;
  border-radius: 300px;
  margin: 0px auto;
  background-color: #89cba7;
  cursor: pointer;
  left: 0;
  right: 0;
  z-index: 10;
  -webkit-filter: blur(0);
  -moz-filter: blur(0);
  -o-filter: blur(0);
  -ms-filter: blur(0);
  filter: blur(0);
  opacity: 1;
  -webkit-transition: all ease-in-out .3s;
  transition: all ease-in-out .3s;
}

li[data-slide-next] .gall-circle:hover {
  background-color: #f9fbf9;
}

li[data-slide-next] .gall-circle p {
  display: block;
  position: relative;
  opacity: 1;
  pointer-events: none;
  height: 155px;
  width: 155px;
  font: 18px 'ubri';
  color: #564d4d;
  top: 0;
  line-height: 20px;
  display: table-cell;
  vertical-align: middle;
}

#slider-content ul li div.event-circle-last,
#slider-content ul li div.event-circle {
  position: absolute;
  width: 165px;
  height: 165px;
  border-radius: 300px;
  margin: 0px auto;
  background-color: #89cba7;
  cursor: pointer;
  left: 0;
  right: 0;
  z-index: 10;
  top: 0;
  opacity: 1;
  -webkit-transition: all ease-in-out .3s;
  transition: all ease-in-out .3s;
}

#slider-content ul li div.event-circle {
  margin-top: 3px;
}

#slider-content ul li.active div.event-circle {
  margin-top: -138px;
}

li.active .gall-circle-last,
li.active .gall-circle {
  margin-top: 250px;
}

.gall-circle-last,
.gall-circle {
  position: absolute;
  width: 155px;
  height: 155px;
  border-radius: 300px;
  margin: 0px auto;
  background-size: 250%;
  background-position: center;
  background-repeat: no-repeat;
  cursor: pointer;
  left: 0;
  right: 0;
  margin-top: 50px;
  z-index: 10;
  opacity: 1;
  -webkit-transition: all ease-in-out .3s;
  transition: all ease-in-out .3s;
  -webkit-filter: blur(2px);
  -moz-filter: blur(2px);
  -o-filter: blur(2px);
  -ms-filter: blur(2px);
  filter: blur(2px);
}

.gall-circle-last:hover,
.gall-circle:hover {
  -webkit-filter: blur(0);
  -moz-filter: blur(0);
  -o-filter: blur(0);
  -ms-filter: blur(0);
  filter: blur(0);
}

#slider-content ul li div.event-circle-last:hover,
#slider-content ul li div.event-circle:hover {
  background-color: #f9fbf9;
}

#slider-content ul li div.event-circle-last p,
#slider-content ul li div.event-circle p {
  display: block;
  position: relative;
  opacity: 1;
  pointer-events: none;
  height: 160px;
  width: 167px;
  font: 18px 'ubri';
  color: #564d4d;
  top: 0;
  line-height: 20px;
  display: table-cell;
  vertical-align: middle;
}

.event-content p {
  font-size: 18px;
  font-family: 'ubli';
  color: #fefefe;
}

.event-content h2 {
  font-size: 72px;
  font-family: 'ubm';
  color: #fefefe;
  margin-top: 35px;
}

.gall-content {
  margin-top: 250px;
}

.gall-content h4,
.event-content h4 {
  font-size: 18px;
  font-family: 'ubli';
  color: #fefefe;
  width: 380px;
  margin: 30px auto;
  line-height: 30px;
}

.gall-content h4 {
  display: none;
}

li.active .gall-content h4 {
  display: block;
}

.event-background {
  position: absolute !important;
  top: 0;
  left: 0;
  width: 100%;
  height: 768px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  z-index: 0;
}

.slider-background:after {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  /*background-image: url(../img/slider/noise.png);*/
  opacity: 1;
  -webkit-transition: all ease-in-out .3s;
  transition: all ease-in-out .3s;
  background: rgba(0, 0, 0, 0.33);
}

.slider-background.noise-off:after {
  opacity: 0;
}

.gall-background:after {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-image: url(../img/slider/noise.png);
  opacity: 0;
  -webkit-transition: all ease-in-out .3s;
  transition: all ease-in-out .3s;
}

.gall-background.noise-on:after {
  opacity: 1;
}

.gall-background {
  /*opacity: 0;*/
  position: absolute !important;
  top: 0;
  left: 0;
  width: 100%;
  height: 768px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  z-index: 0;
  -webkit-transition: all ease-in-out .3s;
  transition: all ease-in-out .3s;
  -webkit-filter: blur(0);
  -moz-filter: blur(0);
  -o-filter: blur(0);
  -ms-filter: blur(0);
  filter: blur(0);
}

.gall-background.blurBackground {
  -webkit-filter: blur(2px);
  -moz-filter: blur(2px);
  -o-filter: blur(2px);
  -ms-filter: blur(2px);
  filter: blur(2px);
}

#slider-wrapper {
  position: relative;
  left: 0;
  float: left;
  height: 768px;
  -webkit-transition: all ease-in-out .3s;
  transition: all ease-in-out .3s;
}

.slide {
  float: left;
  height: 768px;
  position: relative;
}

span#prev-slide {
  left: 150px;
  display: block;
  cursor: pointer;
  height: 100%;
  background-position: center left;
  background-repeat: no-repeat;
  width: 37px;
  background-image: url(../img/slider/arrow.png);
  position: absolute;
}

span#next-slide {
  right: 150px;
  display: block;
  cursor: pointer;
  height: 100%;
  background-position: center right;
  background-repeat: no-repeat;
  width: 37px;
  background-image: url(../img/slider/arrow.png);
  position: absolute;
}

/**/
.slider-background {
  background-size: cover;
  width: 100%;
  height: 768px;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  top: 0;
  left: 0;
}

.slide-events li {
  list-style: none;
  height: 575px;
  position: relative;
  width: 100%;
}

.event-content {
  position: relative;
  padding-top: 155px;
  opacity: 0;
  -webkit-transition: all ease-in-out .3s;
  transition: all ease-in-out .3s;
}

#slider-content ul li.active .event-content {
  padding-top: 105px;
  opacity: 1;
}

.slide-pagination {
  position: absolute;
  width: 100%;
  top: 670px;
}

.slide-pagination ul {
  text-align: center;
}

.slide-pagination ul li {
  width: 25px;
  list-style: none;
  margin: 0 auto 10px;
  height: 25px;
  border-radius: 25px;
  background-color: #89cba7;
  -webkit-transition: all ease-in-out .3s;
  transition: all ease-in-out .3s;
}

.gall-events li {
  position: relative;
  float: left;
  width: 100%;
  height: 400px;
}

li.active .gall-content h4 {
  opacity: 0;
  -webkit-transition: all ease-in-out .3s;
  transition: all ease-in-out .3s;
}

li.active .show-h4 .gall-content h4 {
  opacity: 1;
}

#slider-header ul li img {
  position: absolute;
  left: 0;
}

#slider-header ul li[data-slide="3d-tour"] {
  padding-left: 52px;
}

@media only screen and (max-width: 1150px) {
  span#next-slide {
    right: 3%;
  }
  span#prev-slide {
    left: 3%;
  }
}

* {
  margin: 0;
  padding: 0;
}

html {
  position: relative;
}

body {
  position: relative;
  background: #FFF;
}

img {
  border: none;
  text-decoration: none;
}

img a {
  border: none;
  text-decoration: none;
}

fieldset {
  border: 0;
}

a:hover {
  text-decoration: none;
}

ul {
  margin-left: 0px;
  list-style: none;
}

.clear {
  clear: both;
}

.wrapper {
  max-width: 1120px;
  margin: 0 auto;
}

.topMenu .tmBoxLeft {
  padding-left: 15px;
}

@media screen and (max-width: 800px) {
  .topMenu .tmBoxLeft,
  .topMenu .tmBoxRight {
    width: 100%;
    padding: 0 !important;
    margin: 0;
    float: none;
    text-align: center;
  }
  .topMenu .tmBoxLeft .tmBoxRight__link,
  .topMenu .tmBoxRight .tmBoxRight__link {
    margin: 0 10px;
  }
  .topMenu .tmBoxLogo {
    text-align: center;
    position: static;
    width: 100%;
    padding: 0;
    margin: 20px 0 10px;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

.topMenu .tmBoxRight {
  padding-right: 15px;
}

.bcScrollText p,
.animation {
  -webkit-transition: 0.2s linear;
  transition: 0.2s linear;
}

/***********************************************/
.topMenu .wrapper {
  position: relative;
}

.tmBoxLeft {
  text-align: left;
  float: right;
  margin-top: 40px;
}

.tmBoxLeft p {
  margin: 0;
}

.tmBoxLeft a {
  text-decoration: none;
  font: 18px/27px 'ubmi';
  color: #a99f9f;
}

.tmBoxLogo {
  width: 128px;
  position: absolute;
  left: 50%;
  top: 0;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.tmBoxLogo a {
  display: block;
}

.tmBoxNewYear {
  width: 100px;
  height: 120px;
  float: left;
  margin-left: 100px;
}

.new-year-offer-button {
  opacity: 0.8;
  display: block;
  margin-top: 45px;
  height: 120px;
  height: 55px;
  background-image: url(../img/button2018.jpg);
  background-repeat: no-repeat;
}

.new-year-offer-button:hover {
  opacity: 1;
}

.tmBoxRight {
  font: 24px 'ubmi';
  width: 250px;
  float: left;
  text-align: right;
  margin-top: 40px;
  line-height: 24px;
}

.tmBoxRight__link {
  font: 16px 'ubli';
  color: #564d4d;
  cursor: pointer;
  text-decoration: none;
  border-width: 0 0 1px 0;
  border-style: solid;
  border-color: #564d4d;
}

.tmBoxRight__link:hover {
  border-width: 0;
}

.tmBoxRight__link.-inside,
.tmBoxRight__link.-inside:hover {
  border-style: dashed;
}

/***************************************/
.tmMenu {
  text-align: center;
  clear: both;
  display: block;
  padding: 10px 0px;
  margin: 0 auto;
  margin-bottom: 10px;
}

.tmMenu li {
  display: inline-block;
}

.tmMenu li a {
  font: 18px 'ublcr';
  color: #363636;
  padding: 16px 14px 16px 14px;
  display: inline-block;
}

.tmMenu li a:hover {
  color: #7c91ae;
  text-decoration: underline;
}

.tmMenu li.active {
  /*background:url(../img/sp_romb.png) no-repeat center bottom;*/
  background-color: #D7E0E4;
  position: relative;
}

.tmMenu li.active:after {
  content: '';
  display: block;
  background-image: url("../img/menu_active.png");
  background-repeat: no-repeat;
  background-position: 0 -18px;
  width: 38px;
  height: 12px;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
}

.tmMenu li.active a {
  color: #6f86a6;
  text-decoration: none;
}

/*********************************************/
.boxCaptionOne {
  background: url(../img/capbg.png) repeat-x center;
  margin: 50px 0px 20px;
  text-align: center;
}

.boxCaptionOne span {
  text-align: center;
  background: #FFF;
  font: 72px 'ubm';
  color: #564d4d;
  position: relative;
  top: -7px;
  padding: 0px 25px;
}

.boxCaptionOne span img {
  position: relative;
  top: 15px;
}

.boxCaptionOne span strong {
  font: 18px 'ubli';
  background: #82c7ca;
  padding: 35px 55px;
  color: #564d4d;
  cursor: pointer;
  position: relative;
  top: -15px;
}

.boxCaptionOne span strong u {
  border-bottom: 1px dashed #564d4d;
  text-decoration: none;
}

.boxCaptionOne span strong:hover u {
  border-bottom: 1px dashed #82c7ca;
}

.boxCaptionTwo {
  margin: 15px auto;
  background: #FFF;
  font: 60px 'ubm';
  color: #564d4d;
  text-align: center;
}

.boxCaptionThree {
  margin: 15px auto;
  background: #FFF;
  font: 36px 'ubm';
  color: #564d4d;
  text-align: center;
}

.boxSmallCaptionInfo {
  width: 550px;
  margin: 0 auto;
  text-align: center;
  color: #564d4d;
  font: 18px 'ubri';
  line-height: 30px;
}

/**********************/
.boxBlockText {
  clear: both;
  width: 960px;
  text-align: center;
  color: #564d4d;
  font: 24px 'ubr';
  margin: 0 auto;
  line-height: 36px;
}

/***************************/
.boxBigText {
  margin: 20px 0px;
}

.boxBigText .wrapper {
  width: 730px;
  position: relative;
}

.boxBigText .pProcess {
  position: absolute;
  width: 110px;
  left: 0px;
  margin-left: -190px;
  overflow: hidden;
}

.boxBigText .pProcess p {
  font: 18px 'ubri';
  margin-top: 5px;
  border-bottom: 1px dashed #564d4d;
  cursor: pointer;
}

.boxBigText .pProcess p:hover {
  border-bottom: 1px dashed #FFF;
}

.boxBigText p {
  color: #564d4d;
  font: 18px 'ubr';
  line-height: 30px;
  margin-bottom: 30px;
  width: 730px;
  margin: 0 auto 30px;
}

.boxBigText p a {
  color: #564d4d;
}

.boxBigText p a:hover {
  color: #7c92ae;
  text-decoration: underline;
}

/**************************/
.snowi {
  width: 32px;
  height: 34px;
  background-image: url(../img/snowi.png);
  background-repeat: no-repeat;
  background-position: center center;
  margin: 0 auto;
  padding: 50px 0 25px 0;
}

.summ {
  width: 47px;
  height: 16px;
  background: url(../img/summ.png);
  margin: 50px auto 25px;
}

.summOne {
  background-position: -7px -5px;
}

.summTwo {
  background-position: -80px -5px;
  width: 88px;
}

.aboutSnowi {
  margin-bottom: 40px;
}

/*****************************/
.boxBorder {
  border: 5px solid #dfdfdf;
  width: 930px;
  margin: 50px auto;
  padding: 20px 0px;
}

.boxBorder .boxBigText {
  margin: 20px 0px;
}

.boxBorder.error {
  border: 5px solid red;
}

.boxBorder.error .boxBigText {
  text-align: center;
}

/******************************/
.boxPromoText {
  color: #82c7ca;
  font: 72px 'ubli';
  text-align: center;
  margin: 40px 0px;
  display: block;
}

/********************************/
.boxNumber {
  margin: 40px 0px;
}

.boxNumber li {
  float: left;
  width: 350px;
}

.boxNumber li .number {
  color: #564d4d;
  border-left: 10px solid #d7e0e4;
  padding: 0px 10px 0px 15px;
  font: 96px 'ubm';
  line-height: 70px;
  float: left;
}

.boxNumber li .numberInfo {
  float: left;
  width: 260px;
}

.boxNumber li .numberInfo p {
  font: 22px 'ubr';
  color: #564d4d;
  line-height: 30px;
  margin-bottom: 30px;
}

.boxNumber li .numberInfo p strong {
  font-family: 'ubmi';
}

.boxNumber li .numberInfo p u {
  text-decoration: none;
  border-bottom: 1px dashed #564d4d;
  cursor: pointer;
}

.boxNumber li .numberInfo p u:hover {
  border-bottom: 1px dashed #FFF;
}

.boxNumber li .numberInfo span {
  font: 14px 'ubli';
  color: #564d4d;
}

/*******************************/
.boxSpeaker {
  margin: 40px 0px;
}

.boxSpeaker ul {
  display: block;
}

.boxSpeaker ul li {
  margin-right: 32px;
  float: left;
}

.boxSpeaker ul li img {
  width: 256px;
  height: 256px;
}

.boxSpeaker ul li:last-child {
  margin-right: 0px;
}

.boxSpeaker ul li p {
  font: 24px 'ubm';
  color: #564d4d;
  padding: 10px 0px;
}

.boxSpeaker ul li span {
  font: 14px 'ubr';
  color: #564d4d;
}

.boxSpeaker ul li .spInfo {
  width: 256px;
  height: 256px;
  display: block;
  background: #82c7ca;
  text-align: center;
  font: 18px 'ubli';
}

.boxSpeaker ul li .spInfo u {
  text-decoration: none;
  color: #564d4d;
  border-bottom: 1px dashed #564d4d;
  position: relative;
  top: 120px;
  cursor: pointer;
}

.boxSpeaker ul li .spInfo u:hover {
  border-bottom: 1px dashed #82c7ca;
}

/*********************************/
.borderTaB {
  border-top: 5px solid #dfdfdf;
  border-bottom: 5px solid #dfdfdf;
  margin: 50px auto;
  width: 930px;
}

.boxSpis {
  margin: 40px auto;
  width: 730px;
}

.boxSpis p {
  font: 36px 'ubm';
  color: #564d4d;
}

.boxSpis ul {
  margin: 18px;
  list-style-type: disc;
  font: 18px 'ubr';
  color: #564d4d;
}

.boxSpis ul li {
  padding: 10px 0px;
}

/****************************************/
.columnText {
  margin: 50px 0px;
}

.columnText .caption {
  font: 36px 'ubm';
  color: #564d4d;
}

.columnText ul li {
  float: left;
  width: 540px;
  margin-right: 40px;
  padding: 10px 0px;
  font: 18px 'ubr';
  line-height: 30px;
  color: #564d4d;
}

.columnText ul li:last-child {
  margin-right: 0px;
}

/********************************************/
.columnEar {
  margin: 50px 0px;
  clear: both;
}

.columnEar li {
  float: left;
  width: 250px;
  margin-right: 40px;
  margin-bottom: 30px;
}

.columnEar li:last-child {
  margin-right: 0px;
}

.columnEar li .number {
  font: 100px 'ubr';
  color: #82c7ca;
}

.columnEar li p {
  font: 27px 'ubm';
  color: #564d4d;
  padding: 10px 0px;
}

.columnEar li span {
  font: 17px 'ubr';
  color: #564d4d;
  line-height: 27px;
  width: 235px;
  float: left;
}

.twoColum {
  width: 495px !important;
}

.twoColum span {
  width: 230px;
  float: left;
}

.twoColum span:last-child {
  float: right;
}

/**************************************/
.boxBg {
  margin: 50px 0px;
  background: url(../img/repbg.jpg) repeat-x bottom;
  height: 536px;
}

/*******************************************************/
.boxDishPhoto {
  margin: 50px 0px;
}

.boxDishPhoto ul li {
  float: left;
  width: 20%;
  height: 361px;
  overflow: hidden;
  background: #FFF;
  /*cursor:pointer;*/
  position: relative;
}

.boxDishPhoto ul li img {
  min-width: 115%;
  min-height: 115%;
}

.boxDishPhoto ul:hover li {
  opacity: .5;
}

.boxDishPhoto ul li:hover {
  opacity: 1;
}

.boxDishPhoto ul li:hover img {
  min-width: 100%;
  min-height: 100%;
}

.bdpInfo {
  background: rgba(0, 0, 0, 0);
  position: absolute;
  opacity: 0;
  width: 86%;
  height: 100%;
  top: 0px;
  padding: 15% 8%;
  -webkit-transition: all ease-in-out .4s;
  transition: all ease-in-out .4s;
}

.bdpInfo p {
  font: 36px 'ubm';
  color: #FFF;
}

.bdpInfo span {
  font: 14px 'ubr';
  color: #FFF;
  margin-top: 20px;
  float: left;
  width: 85%;
  line-height: 24px;
}

.bdpInfo .bdpiMass {
  margin-top: 16px;
}

.bdpInfo .bdpiMass span {
  float: left;
  width: 150px;
  font-size: 18px;
}

.bdpInfo .bdpiMass p {
  float: left;
}

.boxDishPhoto ul li:hover .bdpInfo {
  opacity: 1;
  background: rgba(0, 0, 0, 0.7);
}

/*************************************************************************/
/*.boxCarousel{margin:50px 0px;}*/
.bcContainer {
  width: 100%;
  *border: 1px solid;
  height: 621px;
  overflow: hidden;
  position: relative;
}

.bcContainer ul {
  width: 5621px;
  overflow: hidden;
  position: relative;
  margin-left: -1px;
  margin-right: -1px;
}

.bcContainer ul:before,
.bcContainer ul:after {
  content: " ";
  display: table;
}

.bcContainer ul:after {
  clear: both;
}

.bcContainer ul li,
.carousel-item {
  float: left;
  width: 1116px;
  overflow: hidden;
  cursor: pointer;
  margin: 0 1px;
  position: relative;
}

.carousel-item {
  height: 624px;
}

.carousel-item:before {
  content: '';
  display: block;
  z-index: -1;
  position: absolute;
  left: 0;
  top: 0;
  background-color: rgba(0, 0, 0, 0.35);
  width: 100%;
  height: 100%;
}

.bcContainer ul li.active,
.carousel-item.active {
  cursor: default;
}

.carousel-item__img {
  position: absolute;
  z-index: -3;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

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

.carousel-item.active .carousel-item__content {
  opacity: 1;
}

.bcContainer .prev {
  position: absolute;
  left: 0px;
  top: 0px;
  cursor: pointer;
}

.bcContainer .next {
  position: absolute;
  left: 40px;
  top: 0px;
  cursor: pointer;
}

.bcContainer .bullets {
  position: absolute;
  bottom: 10px;
  cursor: pointer;
}

.bcContainer .bullets.-video {
  display: none;
}

.bcContainer .bullets .item {
  display: inline-block;
  margin: 4px;
  width: 16px;
  height: 16px;
  background: #FFF;
  opacity: .4;
  border-radius: 300px;
  -moz-border-radius: 300px;
  -webkit-border-radius: 300px;
}

.bcContainer .bullets .item:hover {
  opacity: .8;
}

/**************************************************************/
.boxMerid {
  padding: 20px 0px;
}

.boxMerid ul li {
  float: left;
}

.boxMerid ul li:first-child {
  font: 118px 'ubl';
  color: #82c7ca;
  width: 270px;
}

.boxMerid ul li:nth-child(2) {
  font: 30px 'ubm';
  color: #564d4d;
  width: 270px;
  text-align: right;
  padding-left: 20px;
  margin-top: 18px;
}

.boxMerid ul li:nth-child(3) {
  font: 18px 'ubr';
  color: #564d4d;
  width: 350px;
  text-align: left;
  padding-left: 20px;
  margin-top: 22px;
  line-height: 30px;
  float: right;
}

/*****************************************************************/
.footer {
  background: url(../img/footbg.jpg) repeat top;
  padding: 30px 0px;
}

@media screen and (max-width: 600px) {
  .footer {
    background-position: 50% -80px;
  }
}

/*.footer .wrapper{width:890px;}*/
.topFooter {
  /*margin-bottom:90px;*/
}

.footer ul {
  width: 20%;
  float: left;
  /*margin-right:90px;*/
}

.footer ul li {
  padding: 5px 0px;
}

.footer ul li a {
  color: #363636;
  font: 18px 'ublcr';
}

.footer ul.nMargin {
  margin-right: 10px;
}

.footer__widget {
  position: relative;
  float: left;
  width: 20%;
  padding-left: 18px;
  padding-right: 18px;
  min-width: 200px;
  min-height: 200px;
}

@media screen and (max-width: 800px) {
  .footer__widget {
    display: none;
  }
}

.footer__widget #vk_groups {
  position: absolute;
}

.social {
  width: 25%;
  float: left;
  padding-left: 18px;
  padding-right: 18px;
}

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

.spriteSocial {
  background: url(../img/social.png);
  width: 36px;
  height: 35px;
  float: left;
  margin-right: 15px;
  cursor: pointer;
  opacity: .7;
}

.spriteSocial:hover {
  opacity: 1;
}

.social .vk {
  background-position: 0px 0px;
}

.social .fb {
  background-position: -36px 0px;
}

.social .inst {
  background-position: -107px 0px;
}

.social .geo {
  background-position: -72px 0px;
}

.footContact {
  float: right;
}

.footContact p {
  color: #564d4d;
  font: 24px 'ubmi';
}

@media screen and (max-width: 1000px) {
  .footContact p {
    font: 16px 'ubmi';
  }
}

.footContact span {
  font: 18px 'ubri';
  color: #564d4d;
  float: left;
  width: 200px;
  margin-top: 25px;
}

.studioFooter {
  text-align: center;
  padding-top: 100px;
}

@media screen and (max-width: 600px) {
  .studioFooter {
    padding-top: 40px;
  }
}

.studioFooter p {
  font: 14px 'ubr';
  color: #564d4d;
  line-height: 24px;
}

.studioCopy {
  margin-top: 30px;
}

.studioCopy p {
  font-size: 11px;
  padding: 0px;
  line-height: 11px;
  font: 11px 'ubr';
}

.studioCopy a {
  color: #0054a6;
  position: relative;
  top: -2px;
  font: 12px 'ubr';
}

/********************************************************/
.boxTableBanket {
  margin: 10px 0px;
}

.boxTableBanket table {
  border-spacing: 0px;
  width: 100%;
}

.captionTable {
  background: #cccac9;
}

.captionTable td {
  padding: 25px 20px;
  font: 14px 'ubm';
  font-weight: 600;
  color: #564d4d;
  text-shadow: none;
}

.captionMenu td {
  padding: 40px 20px 25px;
  font: 24px 'ubm';
  font-weight: 600;
  color: #564d4d;
  text-shadow: none;
  line-height: 0px;
  border-bottom: 1px solid #cccac9;
}

.osnText td {
  padding: 25px 20px 25px;
  font: 18px 'ubri';
  color: #564d4d;
  text-shadow: none;
  line-height: 0px;
  border-bottom: 1px dotted #cccac9;
}

.totalPrice {
  width: 500px;
  float: right;
  margin-top: 30px;
}

.totalPrice p {
  padding-bottom: 10px;
}

.totalPrice p span {
  float: left;
  width: 340px;
  text-align: right;
  padding-right: 20px;
  font: 24px 'ubr';
  color: #564d4d;
}

.totalPrice p strong {
  font: 24px 'ubmi';
  font-weight: 600;
  color: #564d4d;
}

.totalPrice p.small span,
.totalPrice p.small strong {
  font-size: 18px;
}

.boxTableBanket .btMenu {
  width: 520px !important;
}

/*****************************************/
.btMenu {
  clear: both;
  display: block;
  padding: 10px 0px;
  width: 570px;
  margin: 0 auto;
  position: relative;
  top: 22px;
}

.btMenu li {
  font: 18px 'ublcr';
  color: #363636;
  padding: 17px 14px 30px 14px;
  display: inline-block;
  cursor: pointer;
}

.btMenu li span {
  border-bottom: 1px dashed #363636;
}

.btMenu li:hover {
  color: #7c91ae;
}

.btMenu li.active {
  background: url(../img/sp_romb.png) no-repeat center bottom;
  color: #6f86a6;
  text-decoration: none;
}

.btMenu li.active span {
  border-bottom: none;
}

.btMenu li.activeBb {
  background: url(../img/sp_romb.png) no-repeat center bottom;
  color: #6f86a6;
  text-decoration: none;
}

.btMenu li.activeBb span {
  border-bottom: none;
}

/*************************************************************************/
.modalTable {
  position: fixed;
  width: 100%;
  height: 100%;
  background: url(../img/modal_bg_n.png);
  top: 0px;
  left: 0px;
  display: block;
  z-index: 9999;
}

.modalTableCell {
  /*	display:table-cell;
	vertical-align:middle;
    */
  overflow: auto;
  height: 100%;
  position: relative;
  left:0;

}

.modalTableCell .modalForm {
  width: 500px;
  margin: 0 auto;
  position: relative;
  z-index: 5;
    padding-top: 36px;
    padding-left: 30px;
   padding-right: 10px; 
    box-shadow: 0 32px 78px 1px rgba(26, 40, 41, 0.39);
    background-color: #ffffff;
    margin-top:100px;
    
}

@media screen and (max-width: 800px) {
  .modalTableCell .modalForm {
    width: 80%;
    min-width: 300px;
  }
}

.modalTableCell .modalForm .caption {
  text-align: center;
  font: 36px 'ubm';
  color: #564d4d;
  margin-bottom: 40px;
}
.modalTableCell .modalForm .caption::before {
    content: "";
    background-image: url(../img/before_p.png);
    width: 80px;
    height: 8px;
    position: absolute;
    left: 0px;
    top: 54px;
}

.modalTableCell .modalForm input[type="text"]:not(.basket-price__input) {
  padding: 15px;
  width: 420px;
  border: 0px;
  background-color: #f8f7f7;
  outline: none;
  margin-bottom: 25px;
  font: 16px 'ubri';
}

.modalTableCell .modalForm input[type="text"]:focus {
  background: #FFF;
}

.modalTableCell .modalForm span:not(.basket-person__next,
.basket-person__prev) {
  color: #FFF;
  font: 18px 'ubr';
  padding-bottom: 10px;
  float: left;
}

.modalTableCell .smallText {
  color: #564d4d;
  text-align: center;
  font: 14px 'ubr';
  line-height: 18px;
}

.modalTableCell .modalForm button {
width: 296px;
height: 70px;
background-color: #82c7ca;
border: 0px;
outline: none;
font-family: ubli;
font-size: 18px;
font-weight: 400;
position: relative;
line-height: 23px;
color: #ffffff;
/* Text style for "Отправить" */
letter-spacing: 0.54px;
  margin: 20px 90px;
  cursor: pointer;
}
.modalTableCell .modalForm button a {
    border-bottom: 1px solid #ffffff;;
}
.modalTableCell .modalForm button::before {
    content: "";
    position: absolute;
    display: block;
    background-image: url(../img/before_btn.png);
    width: 80px;
    height: 8px;
    
    left: -120px;
    top: 30px;
}
 .modalTableCell .modalForm button::after{
     content: "";
    background-image: url(../img/before_p.png);
    width: 80px;
    height: 8px;
    position: absolute;
    left: 340px;
    top: 30px;
} 

.modalTableCell .modalForm button:hover {
  background-position: 0px -93px;
}

.modalTableCell .modalForm button:active {
  background-position: 0px -185px;
  color: #FFF;
}

.modalTableCell .modalClose {
  position: fixed;
  width: 100%;
  top: 0px;
  left: 0px;
  z-index: 1;
}

.hidden {
  display: none;
}

/***************************************************************************/
.restMenu {
  margin: 100px 0px 125px;
  background: url(../img/twt_bg.jpg) repeat-x top;
  min-height: 302px;
}

.restMenuSprite {
  background: url(../img/restmenu_sprite.png);
}

.rmCircleOne {
  background-position: -903px -65px;
  width: 262px;
  height: 262px;
  overflow: hidden;
  text-align: center;
  margin: 25px 0px;
  float: left;
}

.rmCircleOne p {
  color: #FFF;
  font: 18px 'ubri';
  font-weight: bold;
  width: 150px;
  margin: 0 auto;
  margin-top: 110px;
  line-height: 24px;
  letter-spacing: 1px;
}

.rmCircleOne p a {
  color: #FFF;
}

/***************/
.rmCircleTwo {
  background-position: 0px 0px;
  width: 390px;
  height: 390px;
  overflow: hidden;
  text-align: center;
  margin: -35px 100px 0px 100px;
  float: left;
}

.rmCircleTwo p {
  margin-top: 80px;
  font: 60px 'ubm';
  color: #564d4d;
}

.rmCircleTwo p a {
  border-bottom: 1px solid #564d4d;
  text-decoration: none;
  color: #564d4d;
}

.rmCircleTwo p a:hover {
  color: #483f3f;
}

.rmCircleTwo p.textSmall {
  font: 18px 'ubri';
  color: #564d4d;
  width: 260px;
  line-height: 30px;
  margin: 20px auto;
}

/*************/
.rmCircleThree {
  background-position: -1580px -65px;
  width: 262px;
  height: 262px;
  overflow: hidden;
  text-align: left;
  margin: 25px 0px;
  float: right;
}

.rmCircleThree p {
  margin-top: 105px;
  margin-left: 90px;
  font: 18px 'ubri';
  color: #564d4d;
  width: 170px;
}

.rmCircleThree p a {
  color: #564d4d;
}

/***************************************************************************/
.boxPoint {
  /* background: url(../img/pointbg.png) no-repeat bottom center; */
  height: 1300px;
  margin: 0px 0px 0px;
  padding: 50px 0px;
}

.noBg {
  background: none;
}

.pointMe {
  position: relative;
  cursor: pointer;
}

.pointMeZag {
  *background: url(../img/pointme.png);
  background-position: 0px 0px;
  width: 100%;
  height: 390px;
  position: relative;
  margin-top: 15px;
  z-index: 1;
  overflow: hidden;
  opacity: .4;
}

.pointMe_wrapper:hover .pointMeZag {
  opacity: 1;
}

.pointMeZag img {
  display: none;
  position: relative;
  top: 0;
  width: 200%;
  left: -50%;
  -webkit-transition: all 800ms cubic-bezier(0.86, 0, 0.07, 1);
  transition: all 800ms cubic-bezier(0.86, 0, 0.07, 1);
}

.pointMe_wrapper:hover .pointMeZag img {
  top: -30px;
  width: 100%;
  left: 0%;
}

.summer .pointMeZag img.summer {
  display: block;
}

.winter .pointMeZag img.winter {
  display: block;
}

.pointStar {
  background: url(../img/star.png) center;
  width: 54px;
  height: 54px;
  position: relative;
  margin: 0px auto;
  top: 230px;
  z-index: 2;
}

.boxPoint .boxSmallCaptionInfo {
  width: 330px;
  margin: 40px auto;
}

.boxPoint .marGT {
  margin-top: 90px;
}

.boxPoint .noMar {
  margin: 0px auto;
  font-family: 'ubmi';
}

.boxPoint .pointMarBottom {
  margin-bottom: 20px;
}

.boxPoint .pointMarTop {
  margin-top: 20px;
}

/***************************************************************************/
.boxInteres {
  background: #d7e4dc;
  padding-top: 20px;
}

.boxInteres .snowi {
  margin-top: 27px;
}

.boxInteres .summ {
  margin-top: 25px;
}

.boxInteres .boxCaptionTwo {
  margin-bottom: 10px;
}

.boxInteres .btMenu {
  padding: 0px 0px;
  width: 880px;
  position: relative;
  z-index: 2;
  top: 32px;
}

.boxInteres .btMenu li {
  padding: 17px 14px 50px 14px;
  margin-bottom: 1px;
}

.boxInteres .btMenu li span {
  border-bottom: 1px dashed #363636;
}

.boxInteres .btMenu li:hover {
  color: #777;
}

.boxInteres .btMenu li.active {
  text-decoration: none;
  color: #a2b4c8;
}

.boxInteres .btMenu li.active span {
  border-bottom: none;
}

/******************************/
.interesSlider {
  background-image: url(../img/interes_sl_bg.jpg);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  height: 700px;
  width: 100%;
  position: relative;
  z-index: 1;
}

.interesSlider .summer {
  background: url(../img/mask_summer.png);
  position: absolute;
  width: 100%;
  height: 100%;
}

.interesSlider .snow {
  background-size: cover;
  width: 100%;
  background: url(../img/mask_snow.png);
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  opacity: 0;
  -webkit-transition: 0.3s linear;
  transition: 0.3s linear;
}

.interesSlider .wrapper {
  display: none;
}

.interesSlider .wrapper:nth-child(1),
.interesSlider .wrapper:nth-child(4) {
  display: block;
}

.interesSlider .slide_nav {
  position: absolute;
  top: 50%;
  margin-top: -25px;
  cursor: pointer;
  width: 28px;
  height: 50px;
  z-index: 1;
  background-image: url(../img/arrow.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  opacity: 0.4;
}

.interesSlider .slide_nav#slide_prev {
  background-position: 0px center;
  left: 100px;
}

.interesSlider .slide_nav#slide_next {
  background-position: -28px center;
  right: 100px;
}

.interesSlider .slide_nav:hover {
  opacity: 1;
}

/***************************************************************************/
.bigBlock {
  width: 1100px;
  height: 777px;
  margin: 0 auto;
  overflow: hidden;
}

.bigBlock ul {
  position: relative;
  padding: 0px;
  margin: 0px;
  top: 500px;
}

.bigBlock ul li:first-child {
  padding-top: 0px;
}

.bigBlock ul li {
  width: 400px;
  margin: 0 auto;
  list-style: none;
  text-align: center;
  -webkit-transition: 0.3s linear;
  transition: 0.3s linear;
  position: absolute;
  left: 50%;
  margin-left: -200px;
  top: 600px;
}

.bigBlock ul li.upper {
  top: -1000px;
}

.bigBlock ul li.prev {
  top: -600px;
}

.bigBlock ul li.next {
  top: 0px;
}

.bigBlock ul li.next-next {
  top: 230px;
}

.bigBlock ul li.active {
  top: 0px;
  opacity: 0;
}

.bigBlock ul li p {
  font: 18px 'ubri';
  width: 360px;
  height: 180px;
  margin: 0px auto;
  line-height: 30px;
  overflow: hidden;
  color: #fefefe;
  opacity: 0;
  position: absolute;
  top: -200px;
  display: block;
}

.bigBlock ul li.next p {
  -webkit-transition: 0.3s linear;
  transition: 0.3s linear;
}

.bigBlock ul li.next-next p {
  top: -430px;
}

.bigBlock ul li.upper p {
  top: 400px;
}

.bigBlock ul li.active p {
  -webkit-transition: 0.3s linear;
  transition: 0.3s linear;
}

.bigBlock ul li.hovered p {
  opacity: 1;
}

.bigBlock .circle {
  *background: #EEE;
  width: 167px;
  height: 165px;
  border-radius: 300px;
  margin: 0px auto;
  cursor: pointer;
  margin-bottom: 70px;
  background-color: #89cba7;
  /*	 -webkit-filter: blur(1px);
  -moz-filter: blur(1px);
  -o-filter: blur(1px);
  -ms-filter: blur(1px);
  filter: blur(1px);*/
  -webkit-transition: 0.2s linear;
  transition: 0.2s linear;
}

.bigBlock .circle img {
  opacity: 0;
  width: 165px;
  height: 165px;
}

.bigBlock .circle:hover {
  background-color: #f9fbf9;
  /*	 -webkit-filter: blur(0px);
  -moz-filter: blur(0px);
  -o-filter: blur(0px);
  -ms-filter: blur(0px);
  filter: blur(0px);*/
}

/***************************************************************************/
.boxDisco {
  /*background: url(../img/head_bg_sprite.jpg);*/
  /*background-position: center top;*/
  height: 320px;
  position: relative;
}

.boxDisco .wrapper {
  position: relative;
  z-index: 10;
}

.discoCircle {
  display: block;
  width: 260px;
  height: 258px;
  margin: 0 auto;
  position: relative;
  /* overflow:hidden; */
  top: 45px;
  text-align: center;
  border-radius: 300px;
  -moz-border-radius: 300px;
  -webkit-border-radius: 300px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  text-decoration: none;
}

.summer .discoCircle {
  background: #82ca9c;
}

.winter .discoCircle {
  background: #82c7ca;
}

.discoCircle:hover {
  -webkit-animation-name: discoCircle;
  animation-name: discoCircle;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
}

.discoCircle:hover:after {
  -webkit-animation-name: discoCircle_after;
  animation-name: discoCircle_after;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
}

.discoCircle p {
  color: #564d4d;
  width: 190px;
  font: 18px 'ubri';
  color: #564d4d;
  margin: 10px auto;
}

.discoCircle p {
  color: #564d4d;
  text-decoration: none;
  line-height: 24px;
  border-bottom: 1px dashed;
}

.discoCircle:hover p {
  color: #564d4d;
  text-decoration: none;
  line-height: 24px;
  border-bottom: 1px dashed #82ca9c;
}

.discoCircle img {
  margin-top: 30px;
}

.headArrow {
  position: relative;
  top: -20px;
}

/*.discoCircle:after {
    content: "";
    background-image: url(../img/mask_head_two.png);
    height: 70px;
    width: 260px;
    opacity: 0.7;
    bottom: -40px;
    position: absolute;
    left: -2px;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}*/
@-webkit-keyframes discoCircle {
  0% {
    top: 45px;
  }
  50% {
    top: 60px;
  }
  100% {
    top: 45px;
  }
}

@keyframes discoCircle {
  0% {
    top: 45px;
  }
  50% {
    top: 60px;
  }
  100% {
    top: 45px;
  }
}

@-webkit-keyframes discoCircle_after {
  0% {
    bottom: -40px;
  }
  50% {
    bottom: -25px;
  }
  100% {
    bottom: -40px;
  }
}

@keyframes discoCircle_after {
  0% {
    bottom: -40px;
  }
  50% {
    bottom: -25px;
  }
  100% {
    bottom: -40px;
  }
}

.boxText {
  position: absolute;
  font: 48px 'ubri';
  font-weight: bold;
  color: #a99f9f;
  width: 380px;
  text-align: right;
  top: 123px;
  height: 70px;
}

.boxText .volT {
  float: right;
  margin-top: -15px;
  margin-right: 3px;
  width: 250px;
}

.bigBoxText {
  position: absolute;
  font: 48px 'ubri';
  font-weight: bold;
  color: #a99f9f;
  width: 380px;
  text-align: left;
  top: 123px;
  right: 0px;
  height: 70px;
}

.bigBoxText .volT {
  float: left;
  margin-top: -15px;
  margin-right: 5px;
  width: 250px;
}

/***************************************************************************/
.snow_next {
  pointer-events: none;
  -webkit-transform: rotate(20deg);
  transform: rotate(20deg);
  background: url(../img/snow_next.png) no-repeat 10px 0;
  background-position: 10px 0;
  position: absolute;
  width: 602px;
  height: 1224px;
  top: 0px;
  right: -200px;
  z-index: 99;
  cursor: pointer;
  opacity: 1;
  display: none;
}

.snow_next.active {
  display: none;
}

.snow_next.animate {
  display: block;
  -webkit-transition: 1s linear;
  transition: 1s linear;
  animation-name: animate_winter_next;
  -webkit-animation-name: animate_winter_next;
  -moz-animation-name: animate_winter_next;
  -o-animation-name: animate_winter_next;
  -webkit-animation-duration: 20s;
  animation-duration: 20s;
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
  animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
  background-repeat: repeat;
}

@-webkit-keyframes animate_winter_next {
  0% {
    background-position: 10px 0;
  }
  100% {
    background-position: 10px 4400px;
  }
}

@keyframes animate_winter_next {
  0% {
    background-position: 10px 0;
  }
  100% {
    background-position: 10px 4400px;
  }
}

.actvSnow {
  background-position: -300px 1100px;
  opacity: 0;
}

.summer_next {
  pointer-events: none;
  -webkit-transform: rotate(-20deg);
  transform: rotate(-20deg);
  background: url(../img/summer_next.png) no-repeat 10px 0;
  background-position: 10px 0;
  position: absolute;
  width: 602px;
  height: 1130px;
  top: 0px;
  left: -200px;
  z-index: 99;
  cursor: pointer;
  opacity: 1;
  display: none;
}

.summer_next.active {
  display: none;
}

.summer_next.animate {
  display: block;
  -webkit-transition: 1s linear;
  transition: 1s linear;
  animation-name: animate_summer_next;
  -webkit-animation-name: animate_summer_next;
  -moz-animation-name: animate_summer_next;
  -o-animation-name: animate_summer_next;
  -webkit-animation-duration: 20s;
  animation-duration: 20s;
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
  animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
  background-repeat: repeat;
}

@-webkit-keyframes animate_summer_next {
  0% {
    background-position: 10px 0;
  }
  100% {
    background-position: 10px 4400px;
  }
}

@keyframes animate_summer_next {
  0% {
    background-position: 10px 0;
  }
  100% {
    background-position: 10px 4400px;
  }
}

.actvSummer {
  background-position: 300px 1100px;
}

@media only screen and (max-width: 1280px) {
  .summer_next,
  .snow_next {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

.boxChange {
  width: 3840px;
  height: 1012px;
  overflow: hidden;
  position: relative;
  margin-top: -123px;
}

.bcScroll {
  width: 3840px;
  position: relative;
  z-index: 5;
}

.bcScroll span {
  padding: 0px 20px;
  cursor: pointer;
}

.boxChange .summer {
  background: url(../img/summer.jpg);
  height: 1012px;
  width: 1920px;
  float: left;
  position: relative;
  overflow: hidden;
  -webkit-transition: 1s linear 0.2s;
  transition: 1s linear 0.2s;
}

.boxChange .snow {
  background: url(../img/winter.jpg) center;
  height: 1012px;
  width: 1920px;
  float: left;
  position: relative;
  overflow: hidden;
  -webkit-transition: 1s linear 0.2s;
  transition: 1s linear 0.2s;
}

.boxChange .marginCircle {
  width: 446px;
  margin: 0 auto;
}

.boxChange .circle {
  position: absolute;
  background: #FFF;
  width: 446px;
  height: 446px;
  margin: 490px auto 0;
  left: 0;
  right: 0;
  border-radius: 300px;
  -moz-border-radius: 300px;
  -webkit-border-radius: 300px;
}

.boxChange .circle p {
  color: #564d4d;
  font: 18px 'ubri';
  width: 466px;
  height: 200px;
  display: table-cell;
  vertical-align: middle;
  padding-left: 20px;
  padding-right: 20px;
  text-align: center;
  margin: 50px auto 60px;
  line-height: 30px;
}

.boxChange .circle .summOne {
  margin-top: 60px;
}

.boxTopHide .boxCaptionThree {
  padding-top: 50px;
  position: relative;
  z-index: 99;
}

.summer_sprite {
  background: url(../img/summer_winter.png);
  width: 166px;
  height: 265px;
}

.bcWrapper {
  width: 3100px;
  -webkit-transition: all ease-in-out 1s;
  transition: all ease-in-out 1s;
  *margin: 0 auto;
  margin-left: 5%;
}

.bcScrollText {
  position: absolute;
  top: 100px;
}

.bcScrollText .sun {
  background-position: -12px 0px;
  float: left;
}

.bcScrollText .winter {
  background-position: -197px -10px;
  float: right;
  margin-left: 15px;
}

.bcScrollText p {
  cursor: pointer;
  color: #9bbfd8;
  font: 300px 'ubb';
  letter-spacing: -15px;
  float: left;
  margin-left: 30px;
  margin-top: -30px;
  overflow: hidden;
}

.bcScrollText p .ssT {
  color: #564d4d;
}

.bcScrollText p:hover span,
.bcScrollText p:hover {
  color: #82ca9c;
}

.bcScrollText p .ssT:hover {
  color: #82ca9c;
}

.boxTopHide {
  width: 100%;
  overflow: hidden;
}

.rotA {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.boxChange .bcScroll {
  -webkit-transition: 0.5s linear 0.1s;
  transition: 0.5s linear 0.1s;
}

.boxChange.winter .bcScroll {
  left: -1300px;
}

.boxChange.winter .bcScroll:hover {
  -webkit-transition: 0.5s linear;
  transition: 0.5s linear;
  -webkit-animation-duration: 0.1s;
  animation-duration: 0.1s;
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
  left: -1180px;
}

.boxChange.summer .bcScroll:hover {
  -webkit-transition: 0.5s linear;
  transition: 0.5s linear;
  -webkit-animation-duration: 0.1s;
  animation-duration: 0.1s;
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
  left: 180px;
}

.boxChange.winter .snow {
  left: -50%;
}

.boxChange.winter .summer {
  left: -50%;
}

.boxChange.summer .bcScroll {
  left: 300px;
}

.boxChange.summer .snow {
  left: 0;
}

.boxChange.summer .summer {
  left: 0;
}

/***************************************************************************/
.boxAboutBg {
  background: url(../img/about_bg.png);
  height: 864px;
  margin-top: -200px;
  margin-bottom: 60px;
}

/***************************************************************************/
.banketPeople {
  margin: 50px auto;
  position: relative;
}

.boxPiazza {
  float: left;
  margin-right: 60px;
  cursor: pointer;
}

.boxPiazza .bpMap {
  width: 195px;
  height: 300px;
  text-align: center;
  *border: 8px solid #cccac9;
  background: url(../img/piazza.png) no-repeat;
  font: 36px 'ubb';
  color: #564d4d;
  line-height: 23px;
}

.boxPiazza .bpMap p {
  padding-top: 125px;
}

.boxPiazza .bpMap span {
  font-size: 18px;
  width: 195px;
  float: left;
  margin: 5px 0px;
}

.banketPeople .bpCaption {
  font: 18px 'ubb';
  padding: 15px 0px 10px;
  color: #564d4d;
}

.banketSprite {
  background: url(../img/banket_sprite.png);
  width: 26px;
  height: 26px;
  cursor: pointer;
  position: relative;
}

.banketSprite:hover {
  background-color: #82c7ca;
}

.banketPeople .photo {
  background-position: 1px 0px;
  width: 36px;
  height: 36px;
  float: left;
  margin-right: 10px;
}

.banketPeople .photo:hover {
  background-position: 1px -30px;
}

.banketPeople .hall {
  background-position: -50px 0px;
  width: 36px;
  height: 36px;
  float: left;
}

.banketSprite p {
  position: absolute;
  background: url(../img/spg_romb_two.png) center bottom;
  width: 150px;
  padding: 15px 7px 25px;
  color: #6f86a6;
  text-align: center;
  font: 13px 'ubr';
  display: none;
  top: -57px;
  left: -63px;
}

.banketSprite:hover p {
  display: block;
}

/******************************************/
.boxSmallHall {
  float: left;
  margin-right: 60px;
  cursor: pointer;
}

.boxSmallHall .bpMap {
  width: 195px;
  height: 282px;
  text-align: center;
  border: 8px solid #cccac9;
  font: 36px 'ubb';
  color: #564d4d;
  line-height: 23px;
}

.boxSmallHall .bpMap p {
  padding-top: 118px;
}

.boxSmallHall .bpMap span {
  font-size: 18px;
  width: 195px;
  float: left;
  margin: 5px 0px;
}

/******************************************/
.boxBigHall {
  float: left;
  cursor: pointer;
}

.boxBigHall .bpMap {
  width: 575px;
  height: 282px;
  text-align: center;
  border: 8px solid #cccac9;
  font: 36px 'ubb';
  color: #564d4d;
  line-height: 23px;
}

.boxBigHall .bpMap p {
  padding-top: 118px;
}

.boxBigHall .bpMap span {
  font-size: 18px;
  width: 575px;
  float: left;
  margin: 5px 0px;
}

/* ------ mobilyslider
-----------------------------------------------*/
.modalBanketPeople {
  background: rgba(255, 255, 255, 0.8);
  position: absolute;
  z-index: 5;
  height: 514px;
  width: 100%;
  padding: 20px 0px 110px;
  margin-top: 0;
  top: 0;
  display: none;
}

.slPhotoPeople {
  width: 924px;
  margin: 0 auto;
  position: relative;
  display: none;
}

.slBanketPeople {
  width: 924px;
  margin: 0 auto;
  position: relative;
  display: none;
}

.slPhotoPeople p,
.slBanketPeople p {
  font: 36px 'ubr';
  font-weight: bold;
  color: #564d4d;
  text-align: center;
}

.slBanketPeople .btMenu {
  width: 450px;
}

.slider {
  float: left;
  width: 924px;
  height: 514px;
  position: absolute;
  margin-top: 30px;
}

.sliderContent {
  float: left;
  width: 924px;
  height: 514px;
  clear: both;
  position: relative;
  overflow: hidden;
}

.sliderArrows a {
  display: block;
  text-indent: -9999px;
  outline: none;
  z-index: 50;
  background-image: url(../img/prev_next.png);
  width: 74px;
  height: 72px;
  position: absolute;
  top: 50%;
  margin-top: -34px;
}

.prev {
  background-position: 0 0;
  left: -85px;
}

.prev:hover {
  background-position: 0 -70px;
}

.next {
  right: -85px;
  background-position: -70px 0;
}

.next:hover {
  background-position: -70px -70px;
}

.sliderContent .item {
  position: absolute;
  width: 800px;
  height: 350px;
  background: #fff;
  left: 0;
  right: 0;
  margin: 0 auto;
}

.sliderBullets {
  position: absolute;
  bottom: 0;
  left: 50%;
  z-index: 50;
  margin-left: -45px;
}

.sliderBullets a {
  display: block;
  float: left;
  text-indent: -9999px;
  outline: none;
  margin-left: 5px;
  width: 10px;
  height: 11px;
  background: url(../img/bullets.png) no-repeat;
}

.sliderBullets .active {
  background-position: 0 -11px;
}

.sliderContent a {
  outline: none;
}

.modalBanketClose {
  background-image: url(../img/prev_next.png);
  width: 74px;
  height: 70px;
  position: absolute;
  right: -100px;
  background-position: 0 -140px;
  opacity: .7;
  z-index: 9;
}

.modalBanketClose:hover {
  cursor: pointer;
  opacity: 1;
}

/***************************************************************************/
.production .wrapper {
  position: relative;
}

.production .boxPromoText {
  width: 870px;
  text-align: left;
  float: left;
  font-size: 70px;
}

.production .buyCircle {
  float: right;
  margin-top: 60px;
  width: 220px;
  height: 220px;
  overflow: hidden;
  background: #82c7ca;
  text-align: center;
  border-radius: 300px;
  -moz-border-radius: 300px;
  -webkit-border-radius: 300px;
}

.prodMargin {
  margin-top: 28px;
}

.production .buyCircle p {
  font: 18px 'ubri';
  color: #564d4d;
  width: 190px;
  margin: 18px auto;
}

.production .buyCircle span {
  text-decoration: none;
  border-bottom: 1px dashed;
  cursor: pointer;
}

.production .buyCircle span:hover {
  border-bottom: 1px dashed #82c7ca;
}

/***************************************************************************/
.boxGoods {
  width: 94%;
  overflow: hidden;
  margin: 0px 3%;
  position: relative;
  height: 720px;
}

.bgContent {
  width: 4000px;
  height: 720px;
  *border: 1px solid;
  position: relative;
}

.bgContent ul {
  position: relative;
  display: table;
  width: auto;
}

.bgContent ul li {
  float: left;
  overflow: hidden;
  width: 296px;
  height: 720px;
  display: table-cell;
}

.bgContent ul li.big {
  width: 592px;
  height: 720px;
  float: left;
}

.bgContent .itemGoods {
  width: 270px;
  height: 330px;
  *float: left;
  margin: 20px 15px;
  display: block;
  cursor: pointer;
}

.bgContent li.big .itemGoods {
  width: 592px;
  height: 720px;
}

.bgContent .itemGoods span {
  font: 24px 'ubr';
  border-bottom: 1px dotted;
  color: #564d4d;
  cursor: pointer;
}

.bgContent ul li.big span {
  font-size: 36px;
  font-weight: bold;
}

.bgContent .itemGoods:hover span {
  border-bottom: 1px dotted #FFF;
}

.bgContent .itemGoods p {
  font: 14px 'ubri';
  color: #564d4d;
  margin-top: 13px;
}

.controllGoods {
  position: relative;
  height: 16px;
}

.itemGoodsNext {
  background-image: url(../img/prev_next.png);
  width: 74px;
  height: 70px;
  position: absolute;
  top: -400px;
  right: 10px;
  background-position: -70px 0px;
  cursor: pointer;
  opacity: .7;
}

.itemGoodsNext:hover {
  opacity: 1;
}

.itemGoodsPrev {
  background-image: url(../img/prev_next.png);
  width: 74px;
  height: 70px;
  position: absolute;
  top: -400px;
  left: 10px;
  background-position: -0px 0px;
  cursor: pointer;
  opacity: .7;
  display: none;
}

.itemGoodsPrev:hover {
  opacity: 1;
}

/************/
.modalGoods {
  width: 100%;
  position: absolute;
  margin-top: -760px;
  height: 600px;
  padding: 80px 0px;
  background: rgba(255, 255, 255, 0.9);
  display: none;
}

.mgContent {
  width: 935px;
  margin: 0 auto;
  position: relative;
  background: #FFF !important;
  height: 540px;
}

.mgContent .slider {
  float: none;
}

.mgContent .item {
  width: 935px;
}

.goodsPhoto {
  width: 530px;
  float: left;
}

.goodsInfo {
  width: 350px;
  float: right;
  padding: 20px;
}

.goodsInfo p {
  font: 36px 'ubr';
  font-weight: bold;
  color: #564d4d;
  margin-bottom: 20px;
}

.goodsInfo span {
  font: 14px 'ubri';
  color: #564d4d;
  float: left;
  width: 250px;
}

.goodsInfo ul {
  margin: 20px 0px;
}

.goodsInfo ul li {
  font: 14px 'ubri';
  color: #564d4d;
  padding-bottom: 6px;
}

.goodsInfo ul li:first-child {
  font: 18px 'ubr';
  font-weight: bold;
  color: #564d4d;
  padding-bottom: 10px;
}

/***************************************************************************/
#map_canvas {
  height: 980px;
  margin: 50px 0px;
  position: relative;
  z-index: 2;
}

.mapBottom {
  margin-bottom: 40px;
}

/***************************************************************************/
.goodsMap {
  position: relative;
  z-index: 5;
  margin-top: -280px;
  top: -50px;
  max-width: 90%;
  margin-left: auto;
  margin-right: auto;
}

.goodsMap .boxBorder {
  background: rgba(255, 255, 255, 0.8);
}

/***************************************************************************/
.menuMargin {
  margin-top: 20px;
}

/***************************************************************************/
.interesContent {
  position: relative;
  z-index: 9;
  height: 700px;
  overflow: hidden;
}

.interesContent ul {
  position: relative;
}

.interesContent ul li {
  text-align: center;
  color: #fefefe;
  overflow: hidden;
  height: 560px;
  margin-top: 100px;
  position: absolute;
  width: 100%;
  top: 660px;
  -webkit-transition: 0.2s linear;
  transition: 0.2s linear;
}

.interesContent ul li.upped {
  top: -660px;
}

.interesContent ul li.downed {
  top: 760px;
}

.interesContent ul li.active {
  top: 0;
}

.interesContent ul li .intcInfo {
  font: 18px 'ubri';
  width: 360px;
  margin: 20px auto;
  line-height: 30px;
}

.interesContent ul li p {
  font: 72px 'ubm';
  padding-bottom: 20px;
}

.intcHidden {
  padding-top: 20px;
}

.interesContent ul li:nth-child(1) .intcHidden {
  display: block;
}

/* .intcHidden{display:none;} */
.intcCircle {
  width: 160px;
  height: 160px;
  margin: 0px auto;
  position: relative;
  overflow: hidden;
  font: 14px 'ubri';
  background: #96b5df;
  text-align: center;
  border-radius: 300px;
  -moz-border-radius: 300px;
  -webkit-border-radius: 300px;
  cursor: pointer;
}

.intcCircle:hover {
  background: #FFF !important;
}

.intcCircle p {
  font: 14px 'ubri' !important;
  color: #564d4d;
  margin-top: 67px;
  cursor: pointer;
}

.intUpCircle {
  width: 160px;
  height: 160px;
  margin: 0px auto;
  position: relative;
  overflow: hidden;
  font: 14px 'ubri';
  background: #96b5df;
  text-align: center;
  margin-top: -130px;
  display: none;
  z-index: 9;
  border-radius: 300px;
  -moz-border-radius: 300px;
  -webkit-border-radius: 300px;
  cursor: pointer;
  z-index: 99;
}

.intUpCircle:hover {
  background: #FFF !important;
}

.intDownCircle {
  width: 160px;
  height: 160px;
  position: absolute;
  overflow: hidden;
  font: 14px 'ubri';
  background: #96b5df;
  text-align: center;
  z-index: 9;
  border-radius: 300px;
  -moz-border-radius: 300px;
  -webkit-border-radius: 300px;
  cursor: pointer;
  z-index: 99;
  bottom: 25px;
  left: 50%;
  margin-left: -80px;
}

.intDownCircle:hover {
  background: #FFF !important;
}

.intDownCircle p {
  font: 14px 'ubri' !important;
  color: #564d4d;
  margin-top: 67px;
  cursor: pointer;
}

/*************************************************/
.photoContent .intcCircle {
  width: 180px;
  height: 180px;
  margin: 0px auto;
  position: relative;
  overflow: hidden;
  font: 14px 'ubri';
  background: none !important;
  text-align: center;
  border-radius: 300px;
  -moz-border-radius: 300px;
  -webkit-border-radius: 300px;
  cursor: pointer;
  -webkit-filter: blur(1px);
  -moz-filter: blur(1px);
  -o-filter: blur(1px);
  -ms-filter: blur(1px);
  filter: blur(1px);
}

.photoContent .intcCircle:hover {
  -webkit-filter: blur(0px);
  -moz-filter: blur(0px);
  -o-filter: blur(0px);
  -ms-filter: blur(0px);
  filter: blur(0px);
}

.photoContent .intcHidden {
  height: 250px;
  padding-top: 100px;
}

/***************************************************************************/
.boxArborBg {
  width: 1127px;
  height: 904px;
  margin: 50px auto;
  background-repeat: no-repeat;
  position: relative;
  z-index: 10;
}

.boxArborBg,
.boxArborBg.-level1 {
  background-image: url(../img/alt1.jpg);
}

.boxArborBg.-level2 {
  background-image: url(../img/alt2.jpg);
}

.boxArborBg.-opacity {
  opacity: 0.25;
}

.boxArborBg.-opacity.-level1 {
  background-image: url(../img/1.png);
}

.boxArborBg.-opacity.-level2 {
  background-image: url(../img/2.png);
}

.boxArbor {
  width: 1127px;
  height: 904px;
  margin: -954px auto 50px;
  position: relative;
  z-index: 10;
}

.boxArbor ul li {
  cursor: pointer;
}

.boxArbor ul li:nth-child(1) {
  width: 195px;
  height: 300px;
  position: absolute;
  background: none;
  top: 389.5px;
  left: 11.6px;
}

.boxArbor ul li.changeBgArbor:nth-child(1):hover {
  background: url(../img/alt_romb.png);
  background-position: -26px -129px;
}

.boxArbor ul li.changeBgArbor:nth-child(1).active {
  background: url(../img/alt_romb.png);
  background-position: -26px -129px;
}

.boxArbor ul li:nth-child(2) {
  position: absolute;
  width: 70px;
  height: 106px;
  top: 694px;
  left: 11.6px;
}

.boxArbor ul li.changeBgArbor:hover,
.boxArbor ul li.changeBgArbor.active {
  background: #99cccc;
}

.boxArbor ul li:nth-child(3),
.boxArbor ul li:nth-child(4),
.boxArbor ul li:nth-child(5),
.boxArbor ul li:nth-child(6),
.boxArbor ul li:nth-child(7),
.boxArbor ul li:nth-child(8),
.boxArbor ul li:nth-child(9),
.boxArbor ul li:nth-child(10),
.boxArbor ul li:nth-child(11),
.boxArbor ul li:nth-child(12),
.boxArbor ul li:nth-child(13),
.boxArbor ul li:nth-child(14),
.boxArbor ul li:nth-child(15),
.boxArbor ul li:nth-child(16),
.boxArbor ul li:nth-child(17) {
  position: absolute;
  width: 60px;
  height: 69px;
  top: 824px;
  left: 179px;
}

.boxArbor ul li:nth-child(4) {
  left: 241.5px;
}

.boxArbor ul li:nth-child(5) {
  left: 305px;
}

.boxArbor ul li:nth-child(6) {
  left: 368px;
}

.boxArbor ul li:nth-child(7) {
  left: 431px;
}

.boxArbor ul li:nth-child(8) {
  left: 492.5px;
}

.boxArbor ul li:nth-child(9) {
  left: 556px;
}

.boxArbor ul li:nth-child(10) {
  left: 619px;
}

.boxArbor ul li:nth-child(11) {
  left: 681px;
}

.boxArbor ul li:nth-child(12) {
  left: 744px;
}

.boxArbor ul li:nth-child(13) {
  left: 808px;
}

.boxArbor ul li:nth-child(14) {
  left: 870px;
}

.boxArbor ul li:nth-child(15) {
  left: 933px;
}

.boxArbor ul li:nth-child(16) {
  left: 996px;
}

.boxArbor ul li:nth-child(17) {
  left: 1058px;
}

.boxArbor ul li:nth-child(18),
.boxArbor ul li:nth-child(19),
.boxArbor ul li:nth-child(20),
.boxArbor ul li:nth-child(21),
.boxArbor ul li:nth-child(22),
.boxArbor ul li:nth-child(23),
.boxArbor ul li:nth-child(24),
.boxArbor ul li:nth-child(25) {
  position: absolute;
  width: 61px;
  height: 61px;
  top: 724px;
  left: 276px;
}

.boxArbor ul li:nth-child(19) {
  left: 364px;
}

.boxArbor ul li:nth-child(20) {
  left: 452px;
}

.boxArbor ul li:nth-child(21) {
  left: 588.5px;
}

.boxArbor ul li:nth-child(22) {
  left: 684px;
}

.boxArbor ul li:nth-child(23) {
  left: 780px;
}

.boxArbor ul li:nth-child(24) {
  left: 875px;
}

.boxArbor ul li:nth-child(25) {
  left: 970px;
}

.boxArbor ul li:nth-child(26) {
  position: absolute;
  width: 61px;
  height: 61px;
  top: 608px;
  left: 995px;
}

.boxArbor ul li:nth-child(27) {
  position: absolute;
  width: 61px;
  height: 61px;
  top: 509px;
  left: 995px;
}

.boxArbor ul li:nth-child(28),
.boxArbor ul li:nth-child(29),
.boxArbor ul li:nth-child(30),
.boxArbor ul li:nth-child(31) {
  width: 78px;
  height: 87px;
  position: absolute;
  background: none;
  top: 630px;
  left: 277.45px;
}

.boxArbor ul li:nth-child(43),
.boxArbor ul li:nth-child(44),
.boxArbor ul li:nth-child(45) {
  position: absolute;
  background: none;
}

.boxArbor ul li:nth-child(43) {
  width: 155px;
  height: 72px;
  top: 816px;
  left: 15px;
}

.boxArbor ul li:nth-child(44) {
  top: 330px;
  width: 63px;
  height: 52px;
  left: 239px;
}

.boxArbor ul li:nth-child(45) {
  top: 330px;
  width: 63px;
  height: 52px;
  left: 314px;
}

.boxArbor ul li:nth-child(29) {
  left: 438px;
}

.boxArbor ul li:nth-child(30) {
  left: 630px;
  top: 639px;
}

.boxArbor ul li:nth-child(31) {
  left: 912px;
  top: 639px;
}

.boxArbor ul li:nth-child(28):hover,
.boxArbor ul li:nth-child(29):hover,
.boxArbor ul li:nth-child(30):hover,
.boxArbor ul li:nth-child(31):hover {
  background: url(../img/alt_romb.png);
  background-position: -138px -12px;
}

.boxArbor ul li:nth-child(28).active,
.boxArbor ul li:nth-child(29).active,
.boxArbor ul li:nth-child(30).active,
.boxArbor ul li:nth-child(31).active {
  background: url(../img/alt_romb.png);
  background-position: -138px -12px;
}

.boxArbor ul li:nth-child(32) {
  width: 77px;
  height: 89px;
  position: absolute;
  background: none;
  top: 574px;
  left: 353px;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

.boxArbor ul li:nth-child(32):hover {
  background: url(../img/alt_romb.png);
  background-position: -138px -12px;
}

.boxArbor ul li:nth-child(32).active {
  background: url(../img/alt_romb.png);
  background-position: -140px -12px;
}

.boxArbor ul li:nth-child(33),
.boxArbor ul li:nth-child(34),
.boxArbor ul li:nth-child(35),
.boxArbor ul li:nth-child(36) {
  width: 65px;
  height: 58px;
  position: absolute;
  background: none;
  top: 574px;
  left: 275px;
}

.boxArbor ul li:nth-child(34) {
  left: 563px;
  top: 575px;
  position: absolute;
  z-index: 2;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

.boxArbor ul li:nth-child(35) {
  left: 563px;
  top: 652px;
  position: absolute;
  z-index: 2;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

.boxArbor ul li:nth-child(36) {
  left: 626px;
  top: 518px;
  position: absolute;
  z-index: 2;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

.boxArbor ul li:nth-child(33):hover,
.boxArbor ul li:nth-child(34):hover,
.boxArbor ul li:nth-child(35):hover,
.boxArbor ul li:nth-child(36):hover {
  background: url(../img/alt_romb.png);
  background-position: -15px -11px;
}

.boxArbor ul li:nth-child(33).active,
.boxArbor ul li:nth-child(34).active,
.boxArbor ul li:nth-child(35).active,
.boxArbor ul li:nth-child(36).active {
  background: url(../img/alt_romb.png);
  background-position: -15px -11px;
}

.boxArbor ul li:nth-child(37) {
  width: 168px;
  height: 195px;
  position: absolute;
  background: none;
  top: 354.5px;
  left: 465.5px;
  z-index: 1;
}

.boxArbor ul li:nth-child(37):hover {
  background: url(../img/alt_romb.png);
  background-position: -265px -10px;
}

.boxArbor ul li:nth-child(37).active {
  background: url(../img/alt_romb.png);
  background-position: -265px -10px;
}

.boxArbor ul li:nth-child(38),
.boxArbor ul li:nth-child(39),
.boxArbor ul li:nth-child(40),
.boxArbor ul li:nth-child(41) {
  width: 63px;
  height: 52px;
  position: absolute;
  background: none;
  top: 330px;
  left: 387px;
}

.boxArbor ul li:nth-child(39) {
  left: 462px;
  z-index: 2;
}

.boxArbor ul li:nth-child(40) {
  left: 578px;
  z-index: 2;
}

.boxArbor ul li:nth-child(41) {
  left: 648px;
}

.boxArbor ul li:nth-child(42) {
  width: 503px;
  height: 199px;
  position: absolute;
  background: none;
  top: 127px;
  left: 223px;
}

.boxArbor ul li:nth-child(46) {
  width: 488px;
  height: 281px;
  position: absolute;
  background: none;
  top: 31px;
  left: 310px;
}

.boxArbor ul li:nth-child(38):hover,
.boxArbor ul li:nth-child(39):hover,
.boxArbor ul li:nth-child(40):hover,
.boxArbor ul li:nth-child(41):hover,
.boxArbor ul li:nth-child(42):hover,
.boxArbor ul li:nth-child(46):hover {
  background: #99cccc;
}

.boxArbor ul li:nth-child(38).active,
.boxArbor ul li:nth-child(39).active,
.boxArbor ul li:nth-child(40).active,
.boxArbor ul li:nth-child(41).active,
.boxArbor ul li:nth-child(42).active,
.boxArbor ul li:nth-child(46).active {
  background: #99cccc;
}

.pv {
  position: absolute;
  right: 57px;
  top: 65px;
}

.pv .item {
  margin-bottom: 20px;
  text-align: center;
}

.pv .item p {
  border: 7px solid #564e4c;
  text-align: center;
  font: 36px 'ubb';
  color: #564e4c;
  width: 43px;
  cursor: pointer;
  margin-bottom: 5px;
  border-radius: 300px;
  -moz-border-radius: 300px;
  -webkit-border-radius: 300px;
}

.pv .item span {
  font: 12px 'ubri';
  color: #564e4c;
}

.pv .item p:hover {
  background: #99cccc;
  border: 7px solid #99cccc;
  color: #FFF;
}

.pv .item:hover span {
  color: #99cccc;
}

.pv .active p {
  background: #99cccc;
  border: 7px solid #99cccc;
  color: #FFF;
}

.pv .active span {
  color: #99cccc;
}

.twoLevel {
  width: 153px;
  height: 236px;
  border: 7px solid #564e4c;
  position: absolute;
  top: 128px;
  left: 65px;
  cursor: pointer;
  display: none;
}

.twoLevel.active,
.twoLevel:hover {
  background: #99cccc;
  border: 7px solid #99cccc;
}

.boxArbor ul li {
  position: relative;
}

.twoLevel.active:before,
.boxArbor ul li.active:before {
  content: "X";
  text-align: center;
  line-height: 1;
  font: 25px 'ubm';
  color: #fff;
  display: block;
  position: absolute;
  width: 25px;
  height: 25px;
  top: 50%;
  left: 50%;
  margin-top: -13px;
  margin-left: -13px;
}

.boxArbor ul li p {
  position: absolute;
  background: url(../img/spg_romb_two.png) center bottom;
  padding: 10px 10px 25px;
  font: 14px 'ubr';
  color: #6f86a6;
  top: -60px;
  left: 10%;
  width: 132px;
  text-align: center;
  line-height: 16px;
  display: none;
  z-index: -1;
}

.boxArbor ul li p span {
  width: 130px;
  height: 33px;
  overflow: hidden;
  float: left;
}

.boxArbor ul li:nth-child(2) p {
  left: -30px;
}

.boxArbor ul li:nth-child(3) p,
.boxArbor ul li:nth-child(4) p,
.boxArbor ul li:nth-child(5) p,
.boxArbor ul li:nth-child(6) p,
.boxArbor ul li:nth-child(7) p,
.boxArbor ul li:nth-child(8) p,
.boxArbor ul li:nth-child(9) p,
.boxArbor ul li:nth-child(10) p,
.boxArbor ul li:nth-child(11) p,
.boxArbor ul li:nth-child(12) p,
.boxArbor ul li:nth-child(13) p,
.boxArbor ul li:nth-child(14) p,
.boxArbor ul li:nth-child(15) p,
.boxArbor ul li:nth-child(16) p,
.boxArbor ul li:nth-child(17) p,
.boxArbor ul li:nth-child(18) p,
.boxArbor ul li:nth-child(19) p,
.boxArbor ul li:nth-child(20) p,
.boxArbor ul li:nth-child(21) p,
.boxArbor ul li:nth-child(22) p,
.boxArbor ul li:nth-child(23) p,
.boxArbor ul li:nth-child(24) p,
.boxArbor ul li:nth-child(25) p,
.boxArbor ul li:nth-child(26) p,
.boxArbor ul li:nth-child(27) p,
.boxArbor ul li:nth-child(33) p,
.boxArbor ul li:nth-child(38) p,
.boxArbor ul li:nth-child(39) p,
.boxArbor ul li:nth-child(40) p,
.boxArbor ul li:nth-child(41) p {
  left: -44px;
}

.boxArbor ul li:nth-child(28) p,
.boxArbor ul li:nth-child(29) p,
.boxArbor ul li:nth-child(30) p,
.boxArbor ul li:nth-child(31) p {
  left: -38px;
}

.boxArbor ul li:nth-child(32) p {
  top: 10px;
  left: -101px;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

.boxArbor ul li:nth-child(34) p,
.boxArbor ul li:nth-child(35) p,
.boxArbor ul li:nth-child(36) p {
  top: -6px;
  left: -101px;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

.boxArbor ul li:nth-child(37) p {
  left: 7px;
}

.boxArbor ul li:nth-child(42) p {
  left: 177px;
}

.boxArbor ul li:hover p {
  display: block;
  z-index: 99;
}

.twoLevel p {
  position: absolute;
  background: url(../img/spg_romb_two.png) center bottom;
  padding: 10px 10px 25px;
  font: 14px 'ubr';
  color: #6f86a6;
  top: -65px;
  width: 132px;
  text-align: center;
  line-height: 16px;
  display: none;
}

.boxArbor ul li p span {
  width: 130px;
  height: 33px;
  overflow: hidden;
  float: left;
}

.twoLevel:hover p {
  display: block;
}

.arborBg {
  background-image: url(../img/arbor1.jpg);
  background-repeat: no-repeat;
  position: absolute;
  height: 973px;
  width: 100%;
  margin-top: 15px;
  z-index: 9;
  display: none;
}

/***************************************************************************/
@media only screen and (min-width: 1000px) and (max-width: 1280px) {
  .boxDishPhoto {
    /*height:1083px;*/
    overflow: hidden;
  }
  .bdpInfo p {
    font-size: 30px;
  }
}

@media only screen and (min-width: 480px) and (max-width: 1280px) {
  .boxDishPhoto ul li {
    width: 33.33%;
  }
}

@media only screen and (min-width: 1280px) and (max-width: 1600px) {
  .boxDishPhoto {
    height: 680px;
    overflow: hidden;
  }
  .boxDishPhoto ul li {
    width: 25%;
    height: 341px;
  }
  .bdpInfo p {
    font-size: 30px;
  }
}

@media only screen and (min-width: 1600px) and (max-width: 1920px) {
  .boxDishPhoto {
    overflow: hidden;
  }
  .boxDishPhoto ul li {
    width: 20%;
    height: 341px;
  }
  .bdpInfo p {
    font-size: 30px;
  }
}

div.gap {
  height: 150px;
}

#closeModalSpan {
  position: absolute;
  width: 50px;
  height: 50px;
  top: 0px;
  background-position: center;
  background-repeat: no-repeat;
  right: 0px;
  padding: 0;
  cursor: pointer;
  -webkit-transition: all ease-in-out .2s;
  transition: all ease-in-out .2s;
  background-image: url(../img/form_close.png);
  background-color: #4a999c;
}

.help-block.form-error {
  display: block;
  width: 525px;
  background-color: #fff;
  border-radius: 5px;
  padding: 10px;
  color: #000 !important;
  margin-bottom: 10px;
  margin-top: -15px;
}

.firstHeading {
  margin: 0 auto;
  background: #FFF;
  font: 36px 'ubm';
  color: #564d4d;
  text-align: center;
}

#bodyContent p {
  color: #564d4d;
  font: 18px 'ubr';
  line-height: 30px;
  margin: 0 auto;
}

@media only screen and (min-width: 400px) and (max-width: 992px) {
  .tmBoxLeft a,
  .tmBoxRight a {
    color: #51878d;
    border-bottom: 2px solid #51878d;
    display: inline-block;
    width: auto !important;
  }
}

@media only screen and (min-width: 400px) and (max-width: 1599px) {
  .bcScrollText p {
    font: 240px 'ubb';
  }
  .boxChange.winter .bcScroll {
    left: -1150px;
  }
  .boxChange.summer .bcScroll {
    left: 80px;
  }
  .summer_sprite {
    width: 140px;
    height: 240px;
    background-size: 300px;
  }
  .bcScrollText .winter {
    background-position: -155px -5px;
    height: 214px !important;
  }
  .boxChange .marginCircle {
    width: 1000px;
  }
}

.bigBlock ul li .circle p {
  position: relative;
  opacity: 1;
  pointer-events: none;
  height: 160px;
  width: 167px;
  color: #564d4d;
  top: 0;
  line-height: 20px;
  display: table-cell;
  vertical-align: middle;
}

div#preloader {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 999;
  width: 100%;
  height: 100%;
  overflow: visible;
  background: #fff url("../img/712.gif") no-repeat center center;
}

.input-phone {
  position: relative;
}

.input-phone:before {
  content: "+";
  position: absolute;
  left: 5px;
  bottom: 54px;
  width: 5px;
  height: 5px;
}

.help-block:after,
.form-error:after {
  display: none !important;
}

.fields p:nth-of-type(2) span:after,
.fields p:nth-of-type(1) span:after {
  content: '*';
  position: absolute;
}

.topMenu {
  margin-top: 15px;
}

._pdfmenu {
  background-image: url(../img/pdf.png);
  width: 262px;
  height: 262px;
  overflow: hidden;
  text-align: left;
  margin: 25px 0px;
  float: right;
  background-repeat: no-repeat;
  background-position: center left;
}

.img-content {
  text-align: center;
  margin: 0 -5px -54px;
}

.boxDisco .wave {
  width: 100%;
  height: 88px;
  background-repeat: repeat-x;
  position: absolute;
  opacity: .8;
}

.boxDisco .wave:nth-of-type(1) {
  top: 0px;
  z-index: 1;
}

.boxDisco .wave:nth-of-type(2) {
  top: 88px;
  z-index: 2;
}

.boxDisco .wave:nth-of-type(3) {
  top: 176px;
  z-index: 3;
}

.boxDisco .wave:nth-of-type(4) {
  top: 264px;
  height: 60px;
  z-index: 11;
}

.winter .boxDisco .wave {
  background-image: url(../img/snow_wave.png);
}

.summer .boxDisco .wave {
  background-image: url(../img/river_wave.png);
}

#wood,
#ball,
#fish,
#tree,
#snowman,
#bear {
  position: absolute;
  opacity: 0;
  -webkit-transition: all ease-in-out .2s;
  transition: all ease-in-out .2s;
}

.summer #wood,
.summer #ball,
.summer #fish {
  opacity: 1;
}

.summer #wood {
  height: 62px;
  background-image: url(../img/wood.png);
  width: 1120px;
  margin: 0 auto;
  left: 0;
  right: 0;
  background-repeat: no-repeat;
  background-position: 0 0;
  z-index: 2;
  top: 132px;
  animation: woodSwim 4s infinite;
  -webkit-animation: woodSwim 4s infinite;
}

@-webkit-keyframes woodSwim {
  0% {
    top: 132px;
  }
  50% {
    top: 147px;
  }
  100% {
    top: 132px;
  }
}

@keyframes woodSwim {
  0% {
    top: 132px;
  }
  50% {
    top: 147px;
  }
  100% {
    top: 132px;
  }
}

.summer #ball {
  height: 67px;
  background-image: url(../img/ball.png);
  width: 1120px;
  margin: 0 auto;
  left: 0;
  right: 0;
  background-repeat: no-repeat;
  background-position: 900px 0;
  z-index: 1;
  top: 36px;
  animation: ballSwim 3s infinite;
  -webkit-animation: ballSwim 3s infinite;
}

@-webkit-keyframes ballSwim {
  0% {
    top: 36px;
  }
  50% {
    top: 46px;
  }
  100% {
    top: 36px;
  }
}

@keyframes ballSwim {
  0% {
    top: 36px;
  }
  50% {
    top: 46px;
  }
  100% {
    top: 36px;
  }
}

.summer #fish {
  height: 71px;
  background-image: url(../img/fish.png);
  width: 1120px;
  margin: 0 auto;
  left: 0;
  right: 0;
  background-repeat: no-repeat;
  background-position: 1000px 0;
  z-index: 9;
  top: 200px;
  animation: fishSwim 4s infinite;
  -webkit-animation: fishSwim 4s infinite;
}

@-webkit-keyframes fishSwim {
  0% {
    top: 200px;
  }
  50% {
    top: 246px;
  }
  100% {
    top: 200px;
  }
}

@keyframes fishSwim {
  0% {
    top: 200px;
  }
  50% {
    top: 246px;
  }
  100% {
    top: 200px;
  }
}

.winter #tree,
.winter #snowman,
.winter #bear {
  opacity: 1;
}

.winter #tree {
  width: 1120px;
  margin: 0 auto;
  left: 0;
  right: 0;
  height: 85px;
  background-image: url(../img/tree.png);
  background-repeat: no-repeat;
  background-position: 50px 0;
  z-index: 2;
  top: 100px;
  /* IE 9 */
  -webkit-transform-origin: 85px 100%;
  /* Chrome, Safari, Opera */
  transform-origin: 85px 100%;
  animation: treeSwim 5s infinite;
  -webkit-animation: treeSwim 5s infinite;
}

@-webkit-keyframes treeSwim {
  0% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }
  50% {
    -webkit-transform: rotate(10deg);
    transform: rotate(10deg);
  }
  100% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }
}

@keyframes treeSwim {
  0% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }
  50% {
    -webkit-transform: rotate(10deg);
    transform: rotate(10deg);
  }
  100% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }
}

.winter #snowman {
  width: 1120px;
  margin: 0 auto;
  left: 0;
  right: 0;
  height: 93px;
  background-image: url(../img/snowman.png);
  background-repeat: no-repeat;
  background-position: 200px 0;
  top: 10px;
  z-index: 1;
  /* IE 9 */
  -webkit-transform-origin: 228px 100%;
  /* Chrome, Safari, Opera */
  transform-origin: 228px 100%;
  animation: snowmanSwim 4s infinite;
  -webkit-animation: snowmanSwim 4s infinite;
}

@-webkit-keyframes snowmanSwim {
  0% {
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
  }
  50% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }
  100% {
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
  }
}

@keyframes snowmanSwim {
  0% {
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
  }
  50% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }
  100% {
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
  }
}

.winter #bear {
  width: 1120px;
  margin: 0 auto;
  left: 0;
  right: 0;
  height: 113px;
  background-image: url(../img/bear.png);
  background-repeat: no-repeat;
  background-position: 950px 0;
  top: 160px;
  z-index: 9;
  /* IE 9 */
  -webkit-transform-origin: 1026px 100%;
  /* Chrome, Safari, Opera */
  transform-origin: 1026px 100%;
  animation: bearSmiw 3s infinite;
  -webkit-animation: bearSmiw 3s infinite;
}

@-webkit-keyframes bearSmiw {
  0% {
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
  50% {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }
  100% {
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
}

@keyframes bearSmiw {
  0% {
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
  50% {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }
  100% {
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
}

.bcContainer #prev-slide,
.bcContainer #next-slide {
  top: 0;
}

.banketTablePhoto {
  text-align: center;
}

.slider-background {
  -webkit-transition: background 0.5s linear;
  transition: background 0.5s linear;
}

.slide-events > li:nth-of-type(1) .event-circle {
  visibility: hidden;
}

#go_up.hid {
  opacity: 0;
}

#go_up {
  width: 65px;
  height: 65px;
  background-image: url(../img/go_up.png);
  background-repeat: no-repeat;
  background-position: center;
  position: fixed;
  right: 58px;
  cursor: pointer;
  bottom: 230px;
  opacity: .8;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.75);
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.75);
  border-radius: 65px;
  z-index: 99999;
  -webkit-transition: all ease-in-out .2s;
  transition: all ease-in-out .2s;
}

#go_up:hover {
  opacity: 1;
}

#links {
  margin-top: 50px;
}

@media screen and (max-width: 600px) {
  #links {
    display: none;
  }
}

#links p {
  font-family: ubm;
  font-size: 14px;
  color: #564d4d;
  margin-bottom: 10px;
}

#links p a {
  font-family: ubb;
  color: #564d4d;
  text-decoration: none;
}

#links p a:hover {
  text-decoration: none;
  color: #564d4d;
  border-bottom: 1px solid #564d4d;
}

.interesSlider.menuMargin:after {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  /*background-image: url(../img/slider/noise.png);*/
  opacity: 1;
  -webkit-transition: all ease-in-out .3s;
  transition: all ease-in-out .3s;
  background: rgba(0, 0, 0, 0.33);
}

#allow_video iframe {
  position: relative;
  width: 100%;
  height: 619px;
  top: 0;
  left: 0;
  /*z-index: -1;*/
}

/*.hasVideo:after{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 620px;
	background-image: url(../img/play.png);
	background-position: center;
	background-repeat: no-repeat;
	pointer-events: none;

}*/
.hasVideo .playBtn {
  position: absolute;
  /*background-image: url(../img/play.png);
	background-position: center;
	background-repeat: no-repeat;*/
  left: 0;
  right: 0;
  top: 286px;
  margin: 0 auto;
  width: 68px;
  height: 48px;
  cursor: pointer;
}

.hasVideo .playBtn:hover .ytp-large-play-button-bg {
  fill: #cc181e;
  fill-opacity: 1;
}

.hasVideo.playVideo img {
  opacity: 0;
  display: none;
}

.hasVideo.playVideo iframe {
  z-index: 10 !important;
}

.hasVideo.playVideo:after {
  display: none;
}

.wrap-weddings-image {
  position: relative;
  margin-top: 84px;
  padding-top: 56px;
}

.weddings-image {
  position: absolute;
  background-image: url("../img/wedding.jpg");
  background-repeat: no-repeat;
  width: 128px;
  height: 128px;
  top: 0;
  left: 0;
  right: 0;
  margin: -68px auto 0 auto;
}

@media only screen and (max-width: 1350px) {
  .boxAboutBg {
    background-repeat: no-repeat;
    background-position: 25% 0;
  }
}

@media only screen and (max-width: 1150px) {
  /*body { overflow-x: hidden; }*/
  .topMenu .tmBoxRight a {
    width: auto !important;
  }
  .topMenu .tmBoxLeft {
    padding: 0;
  }
  .tmBoxNewYear {
    margin-left: 20px;
  }
  .tmBoxRight span {
    display: inline-block;
  }
  .wrapper,
  .boxBigText .wrapper {
    width: 100%;
  }
  .winter #tree,
  .winter #snowman,
  .winter #bear,
  .summer #fish,
  .summer #ball,
  .summer #wood {
    width: 98%;
  }
  .winter #bear,
  .summer #ball {
    background-position: 98% 0;
  }
  .summer #fish {
    background-position: 95% 0;
  }
  .summer #wood {
    background-position: 2% 0;
  }
  .rmCircleTwo {
    margin-left: 50px;
    margin-right: 50px;
  }
  .rmCircleThree p {
    margin-left: 70px;
  }
  ._pdfmenu,
  .footContact,
  .topMenu .tmBoxRight {
    padding-right: 12px;
  }
  ._pdfmenu {
    width: auto;
    float: left;
  }
  .rmCircleOne {
    margin-left: 12px;
  }
  .footer__widget,
  .social {
    padding-left: 10px;
    padding-right: 10px;
  }
}

@media only screen and (max-width: 1150px) and (max-width: 600px) {
  .footer__widget,
  .social {
    padding-left: 0px;
    padding-right: 0px;
  }
}

@media only screen and (max-width: 1150px) {
  .social {
    width: 30%;
  }
  .footer ul,
  .topMenu .tmBoxLeft {
    padding-left: 12px;
  }
  .footContact {
    float: left;
    padding-left: 12px;
  }
}

@media only screen and (max-width: 1150px) and (max-width: 960px) {
  .footer ul {
    display: none !important;
  }
  .social {
    width: 40%;
  }
}

@media only screen and (max-width: 1150px) and (max-width: 800px) {
  .social {
    width: 50%;
  }
}

@media only screen and (max-width: 1150px) and (max-width: 600px) {
  .social {
    width: 100%;
    display: block;
    float: none;
    text-align: center;
  }
  .footContact {
    float: none;
    margin-top: 15px;
    text-align: center;
  }
  .footContact span {
    width: 100%;
  }
  .spriteSocial,
  .social > div {
    display: inline-block;
    float: none;
  }
}

@media only screen and (max-width: 1150px) {
  #go_up {
    right: 5%;
  }
  .columnEar li {
    width: 19%;
    margin-right: 0;
    margin-left: 0;
    padding-left: 18px;
    padding-right: 18px;
  }
  .twoColum {
    width: 50% !important;
  }
  .columnEar li .number {
    font-size: 82px;
  }
  .columnEar li span {
    width: 100%;
  }
  .columnEar li.twoColum span {
    width: 54%;
    padding-right: 10px;
  }
  .columnEar li.twoColum span:last-child {
    width: 41%;
    padding-left: 10px;
    padding-right: 0;
  }
  .boxPromoText {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
  }
  .img-content {
    margin-left: 0;
    margin-right: 0;
  }
  .banketPeople {
    text-align: center;
  }
  .boxPiazza,
  .boxSmallHall {
    display: inline-block;
    float: none;
    margin-left: 0;
    margin-right: 0;
  }
  .boxPiazza {
    padding-right: 34px;
  }
  .boxSmallHall {
    padding-left: 34px;
  }
  .boxBigHall {
    width: 575px;
    float: none;
    margin-top: 48px;
    margin-left: auto;
    margin-right: auto;
  }
  .bcContainer .bullets {
    left: 20px !important;
  }
  .boxNumber li {
    width: 30%;
    padding-left: 16px;
    padding-right: 16px;
  }
  .boxSpeaker ul {
    text-align: center;
  }
  .boxSpeaker ul li {
    width: 30%;
    max-width: 256px;
    padding-left: 16px;
    padding-right: 16px;
    margin-left: 0;
    margin-right: 0;
    float: none;
    display: inline-block;
    text-align: left;
  }
  .modalBanketClose,
  .banketPeople .sliderArrows .next,
  .slider.slider3 .next {
    right: 0;
  }
  .banketPeople .sliderArrows .prev,
  .slider.slider3 .prev {
    left: 0;
  }
  /* Фикс "моргания" nicescroll  */
  .nicescroll-rails.nicescroll-rails-hr {
    display: block !important;
  }
  .boxGoods {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
  .goodsPhoto {
    width: 55%;
  }
  .goodsPhoto img {
    width: 100%;
  }
  .production .boxPromoText {
    padding-left: 16px;
    width: 720px;
  }
  .boxBigText .pProcess {
    position: static;
    float: left;
    margin-left: 0;
    padding-left: 16px;
    padding-right: 32px;
  }
  .boxBigText .pProcess p {
    display: inline;
  }
  .boxBigText .pProcess img {
    padding-bottom: 6px;
  }
  .goodsMap .boxBorder {
    width: 880px;
  }
  .production .buyCircle {
    margin-right: 16px;
  }
}

@media only screen and (max-width: 1140px) {
  .menu-bowers-wrap .boxArbor,
  .menu-bowers-wrap {
    cursor: ew-resize;
  }
}

@media only screen and (max-width: 1060px) {
  .boxText,
  .bigBoxText {
    width: 340px;
  }
  .rmCircleTwo {
    margin-left: 30px;
    margin-right: 30px;
  }
}

.clearfix:before,
.clearfix:after {
  content: " ";
  display: table;
}

.clearfix:after {
  clear: both;
}

.preload-img {
  opacity: 0;
  position: absolute;
  z-index: -99;
}

#slider .slide-pagination {
  display: none;
}

.event-content__link {
  color: #fff;
  text-decoration: none;
  border-bottom: 1px solid #fff;
}

.event-content__link:hover {
  border-bottom: 0;
}

.pay_error {
  font: 27px 'ubm';
  color: #564d4d;
  padding: 10px 0px;
  text-align: center;
  margin: 30px 0px 60px 0;
}

.pay_result {
  font: 27px 'ubm';
  color: #564d4d;
  padding: 10px 0px;
  text-align: center;
  margin: 30px 0px 60px 0;
}

.policy a {
  color: #0054a6;
  font: 12px 'ubr';
}

.agreement a {
  color: #564d4d;
}

.rouble-sign {
  font-family: 'ALSRubl';
  font-style: normal;
  margin-left: 2px;
}

.return_to_menu_button a {
  color: inherit;
  text-decoration: inherit;
}

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

.food-menu__title {
  background: url(../old/img/capbg.png) repeat-x center 50%;
  margin: 50px 0px 20px;
  text-align: center;
  font: 72px 'ubm';
  color: #564d4d;
  position: relative;
}

.food-menu__title span {
  background-color: #fff;
  padding: 0 70px;
}

@media screen and (max-width: 600px) {
  .food-menu__title {
    font: 60px 'ubm';
  }
  .food-menu__title span {
    padding: 0 15px;
  }
}

.food-menu__descr {
  width: auto !important;
  max-width: 980px;
  margin: 0 auto;
  background: #fff;
  color: #564d4d;
}

.food-list__category {
  font-size: 0;
  margin-bottom: 76px;
  overflow: hidden;
}

.food-list__title {
  display: inline-block;
  position: relative;
  left: 23%;
  font: 42px 'ubm';
  color: #564d4d;
  margin-bottom: 40px;
}

@media screen and (max-width: 1200px) {
  .food-list__title {
    left: 0;
    display: block;
    text-align: center;
  }
}

@media screen and (max-width: 600px) {
  .food-list__title {
    font: 30px 'ubm';
    overflow: hidden;
  }
}

.food-list__item {
  display: inline-block;
  width: 25%;
  position: relative;
  height: 360px;
  cursor: pointer;
  background-position: center;
  background-repeat: no-repeat;
}

@media screen and (max-width: 1600px) {
  .food-list__item {
    width: 33.3334%;
    background-size: cover;
  }
}

@media screen and (max-width: 1200px) {
  .food-list__item {
    width: 50%;
    background-size: cover;
  }
}

@media screen and (max-width: 600px) {
  .food-list__item {
    width: 100%;
  }
}

.food-list__item:after {
  content: '';
  position: absolute;
  background-color: rgba(0, 0, 0, 0);
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -webkit-transition: all ease-in-out .2s;
  transition: all ease-in-out .2s;
}

.food-list__item:hover:after {
  background-color: rgba(0, 0, 0, 0.7);
}

.food-list__item:hover .food-list__order {
  opacity: 1;
}

.food-list__item:hover .food-description__subtitle {
  padding: 17px 25px 40px;
  max-height: 300px;
}

.food-list__item:hover .food-list__description {
  padding-bottom: 18px;
}

.food-list__group_main {
  font-size: 0px;
}

.food-list__group_main .food-list__item {
  width: 20%;
}

.food-list__image {
  border: 1px solid #fff;
  z-index: 0;
  height: 100%;
}

.food-list__description {
  position: absolute;
  z-index: 1;
  left: 0;
  bottom: 0;
  -webkit-transition: all ease-in-out .2s;
  transition: all ease-in-out .2s;
  width: 100%;
  background-image: url(../img/food-grad.png);
  background-repeat: repeat-x;
  background-position: center bottom;
}

.food-description__title {
  padding: 38px 25px 0;
  font: 24px 'ubm';
  color: #fff;
}

.food-description__subtitle {
  font: 14px 'ubr';
  color: #FFF;
  max-height: 0;
  padding: 10px 25px 0px;
  overflow: hidden;
  position: relative;
  -webkit-transition: all ease-in-out .2s;
  transition: all ease-in-out .2s;
  line-height: 24px;
}

.food-description__info {
  text-align: center;
  margin-top: 18px;
  display: inline-block;
  margin-left: 25px;
}

.food-list__cost {
  font: 18px 'ubr';
  color: #FFF;
  font-weight: bold;
  display: inline-block;
  border-left: 2px solid #fff;
  padding-left: 10px;
}

.food-list__weight {
  margin-right: 10px;
  font: 18px 'ubr';
  color: #FFF;
}

.food-list__order {
  opacity: 0;
  position: relative;
  background-color: transparent;
  border: 4px solid #fff;
  cursor: pointer;
  outline: none;
  -webkit-transition: all ease-in-out .2s;
  transition: all ease-in-out .2s;
  font: 18px 'ubr';
  color: #fff;
  float: right;
  margin-right: 15px;
  padding: 12px 20px 12px 32px;
}

.food-list__order span {
  border-bottom: 1px dashed #fff;
}

.food-list__order .basket-person__prev,
.food-list__order .basket-person__next {
  border-bottom: 1px solid #d2d2d2;
  font: 20px 'ubr';
  height: 24px;
}

.food-list__order .basket-person__prev:hover,
.food-list__order .basket-person__next:hover {
  color: #a6cc38;
}

.food-list__order .basket-price__input {
  font: 20px 'ubr';
  margin: 0 10px;
}

@media screen and (max-width: 650px) {
  .modal-inner__order .food-list__order {
    float: none;
    margin-right: 0px;
  }
}

.food-list__order_add:hover {
  background-color: #82c7ca;
}

.food-list__order_add:after {
  content: '';
  position: absolute;
  width: 9px;
  height: 9px;
  background-image: url(../img/plusik.png);
  background-repeat: no-repeat;
  background-position: center;
  top: 18px;
  left: 10px;
}

.food-list__order_added {
  background-color: #a6cc38 !important;
  padding: 9px 22px 10px 21px !important;
}

.food-list__order_added span {
  color: #fff;
}

.food-sidebar__menu {
  background-color: #fff;
  position: absolute;
  height: 100%;
  margin-top: 85px;
  left: 0;
  z-index: 11;
  width: 20%;
}

@media screen and (max-width: 1160px) {
  .food-sidebar__menu {
    width: 380px;
    left: -380px;
  }
}

@media screen and (max-width: 1280px) {
  .food-sidebar__menu {
    width: 30%;
  }
}

@media screen and (max-width: 800px) {
  .food-sidebar__menu {
    left: -100%;
    width: 45%;
    min-width: 320px;
  }
}

@media screen and (max-width: 1160px) {
  .food-sidebar__menu.-focus {
    left: 0;
  }
}

.food-sidebar__menu.-fixed {
  position: fixed;
  top: -125px;
}

.food-sidebar__menu.-fixed .food-sidebar__list {
  margin-top: 100px;
}

.food-sidebar__menu.-fixed .food-sidebar__close {
  top: 117px;
}

@media screen and (max-width: 800px) {
  .food-sidebar__menu {
    height: 100%;
    margin-top: 0px;
    left: -110%;
    width: 45%;
    min-width: 320px;
  }
  .food-sidebar__menu.-fixed {
    position: fixed;
    top: 0;
  }
  .food-sidebar__menu.-fixed .food-sidebar__list {
    margin-top: 40px;
    margin-bottom: 40px;
  }
  .food-sidebar__menu.-fixed .food-sidebar__close {
    top: 22px;
  }
}

@media screen and (max-width: 1160px) {
  .wrapper {
    width: 100%;
  }
}

.food-sidebar__item {
  cursor: pointer;
  font: 18px 'ublcr';
  color: #363636;
  padding: 8px 14px;
}

.food-sidebar__item:hover {
  background-color: #82c7ca;
}

.food-sidebar__list {
  padding: 0 16px 0 56px;
  background-color: #fff;
}

.food-sidebar__item_active {
  background-color: #82c7ca;
}

.food-sidebar__item_active span {
  border-bottom: none;
}

.fields-wishes__textarea {
  padding: 15px;
  width: 515px;
  margin-top: 10px;
  border: 0px;
  background: rgba(255, 255, 255, 0.4);
  outline: none;
  margin-bottom: 25px;
  font: 18px 'ubri';
  height: 21px;
  resize: vertical;
}

.modal_active {
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
}

.modalTableCell .modalForm.modal-inner {
  width: 742px;
  margin: 50px auto 100px;
  background-color: #fff;
  position: relative;
}

@media screen and (max-width: 800px) {
  .modalTableCell .modalForm.modal-inner {
    height: auto;
    width: 80%;
    min-width: 300px;
  }
}

.modal-inner__image {
  background-repeat: no-repeat;
  background-position: center;
  height: 495px;
}

@media screen and (max-width: 800px) {
  .modal-inner__image {
    height: auto;
    padding-top: 80%;
  }
}

.modal-inner__title {
  font: 36px 'ubm';
  padding: 24px 34px 22px;
}

@media screen and (max-width: 450px) {
  .modal-inner__title {
    font: 24px 'ubm';
  }
}
.modalTableCell{
left:0%;
    
}
}
.modal-inner__link {
  color: #564d4d;
  text-decoration: none;
}

.modal-inner__link:hover {
  opacity: .9;
}

.modal-inner__description {
  padding: 0 16px;
  margin-top: 31px;
}

.description__item {
  display: inline-block;
  width: 49%;
  vertical-align: top;
}

@media screen and (max-width: 1200px) {
  .description__item {
    display: block;
    width: 100%;
  }
}

.description__title {
  padding: 0 20px;
  font: 18px 'ubm';
  color: #564d4d;
  margin-bottom: 5px;
}

.description__text {
  padding: 0 20px;
  color: #564d4d;
  font: 14px 'ubr';
  line-height: 24px;
}

.modal-inner__footer {
  border-top: 1px solid #564d4d;
  margin: 20px 34px;
  padding-top: 32px;
  padding-bottom: 20px;
  position: relative;
}

.modal-inner__footer + span {
  margin-right: -25px;
}

@media screen and (max-width: 800px) {
  .modal-inner__footer + span {
    margin: -60px 25px 0 0;
  }
}

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

.modalTableCell .modalForm span.modal__cost,
.modalTableCell .modalForm span.modal-inner__cost {
  font: 24px 'ubr';
  color: #564d4d;
  font-weight: bold;
  display: inline-block;
  border-left: 2px solid #564d4d;
  float: none;
  border-bottom: none;
  padding-left: 10px;
}

.modalTableCell .modalForm span.modal__cost {
  border: none;
  padding: 0;
}

.modalTableCell .modalForm span.modal-inner__weight {
  font: 24px 'ubr';
  color: #564d4d;
  margin-right: 5px;
  border-bottom: none;
  float: none;
}

.modal-inner__order {
  position: absolute;
  right: 0;
  bottom: 14px;
}

@media screen and (max-width: 650px) {
  .modal-inner__order {
    padding-top: 15px;
    position: static;
    display: block;
    text-align: center;
    bottom: auto;
  }
}

.modal-inner__send {
  position: relative;
  background-color: transparent;
  border: 4px solid #564d4d;
  cursor: pointer;
  outline: none;
  padding: 12px 20px 12px 32px;
  font: 18px 'ubr';
  color: #564d4d;
}

.modal-inner__send_add:after {
  content: '';
  position: absolute;
  width: 9px;
  height: 9px;
  background-image: url(../img/plusik_b.png);
  background-repeat: no-repeat;
  background-position: center;
  top: 18px;
  left: 10px;
}

.food-list__order_modal {
  opacity: 1;
}

.modal-inner__send_added {
  background-color: #a6cc38;
  color: #fff;
}

.modalTableCell .modalForm span {
  font: 16px 'ubr';
  color: #564d4d;
  margin-bottom: 7px;
  display: block;
}

.modalTableCell .modalForm span.modal-inner__time {
  position: absolute;
  left: 0;
  bottom: 18px;
  border: none;
  width: 43px;
  height: 43px;
  padding-bottom: 0;
}

.modal-inner__time_45 {
  background-image: url(../img/45.png);
}

.modal-inner__close {
  position: absolute;
  width: 50px;
  height: 50px;
  top: -50px;
  background-position: center;
  background-repeat: no-repeat;
  right: -53px;
  padding: 0;
  cursor: pointer;
  -webkit-transition: all ease-in-out .2s;
  transition: all ease-in-out .2s;
  background-image: url(../old/img/form_close.png);
}

.basket {
  border: 1px solid #d7d7d7;
  position: relative;
}

.basket span {
  font: 11px 'ubm';
  position: absolute;
  color: #fff;
  top: 16px;
  left: 4px;
  background-color: #82c7ca;
  border-radius: 100%;
  width: 20px;
  line-height: 20px;
  display: inline-block;
  height: 20px;
}

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

.fields-time__input {
  display: none;
}

.fields-time__input:checked + i {
  background-color: white;
}

.fields-time__label {
  font: 18px 'ubri';
  color: #959595;
  display: inline-block;
  cursor: pointer;
  text-align: center;
  margin-right: 9px;
  margin-bottom: 9px;
}

.fields-time__label:nth-of-type(5) {
  margin-right: 0;
}

.fields-time__label i {
  background: rgba(255, 255, 255, 0.4);
  height: 51px;
  line-height: 51px;
  width: 80px;
  display: block;
}

.fields-time__title {
  height: 31px;
}

.fields-person__title {
  vertical-align: top;
  /*     height: 31px; */
}

.modalTableCell .modalForm span.fields-time__prev {
  font: 18px 'ubri';
  color: #959595;
  display: inline-block;
  background-color: rgba(255, 255, 255, 0.4);
  cursor: pointer;
  text-align: center;
  height: 51px;
  line-height: 51px;
  width: 80px;
  float: none;
  vertical-align: top;
  margin-bottom: 9px;
  margin-right: 9px;
  background-image: url(../img/arrow_left.png);
  background-repeat: no-repeat;
  background-position: center;
  padding-bottom: 0;
}

.modalTableCell .modalForm span.fields-time__prev:hover {
  background-color: white;
}

.modalTableCell .modalForm span.fields-time__next {
  font: 18px 'ubri';
  color: #959595;
  display: inline-block;
  cursor: pointer;
  background-color: rgba(255, 255, 255, 0.4);
  text-align: center;
  height: 51px;
  line-height: 51px;
  width: 80px;
  margin-bottom: 9px;
  float: none;
  vertical-align: top;
  background-image: url(../img/arrow_right.png);
  background-repeat: no-repeat;
  background-position: center;
  padding-bottom: 0;
}

.modalTableCell .modalForm span.fields-time__next:hover {
  background-color: white;
}

.modalTableCell .modalForm .fields-person {
  display: inline-block;
  vertical-align: top;
  margin-left: 19px;
}

.fields-person__input {
  width: 50px !important;
  color: #959595;
  text-align: center;
}

.modalTableCell .modalForm .fields-person__prev {
  display: inline-block;
  width: 45px;
  background-color: #f8f7f7;
  text-align: center;
  height: 49px;
  line-height: 51px;
  padding-bottom: 0;
  cursor: pointer;
  float: none;
  margin-right: 5px;
}

.modalTableCell .modalForm .fields-person__prev:hover {
  background-color: white;
  color: #86e3d4;
}

.modalTableCell .modalForm .fields-person__next {
  display: inline-block;
  cursor: pointer;
  width: 45px;
  background-color: #f8f7f7;
  text-align: center;
  height: 49px;
  line-height: 51px;
  padding-bottom: 0;
  float: none;
  margin-left: 5px;
}

.modalTableCell .modalForm .fields-person__next:hover {
  background-color: white;
  color: #86e3d4;
}

.datepicker {
  width: 180px;
  vertical-align: top;
}

.modalTableCell .modalForm .fields-calendar__popup {
  float: none;
  cursor: pointer;
  width: 45px;
  height: 49px;
  display: inline-block;
   background-color: #f8f7f7;
  padding-bottom: 0;
  vertical-align: top;
  position: relative;
  margin-right: 5px;
}

.modalTableCell .modalForm .fields-calendar__popup:after {
  content: '';
  position: absolute;
  width: 12px;
  display: inline-block;
  height: 12px;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  background-image: url(../img/calendar.png);
  background-repeat: no-repeat;
}

.modalTableCell .modalForm .fields-calendar__popup_active {
  background-color: white;
}

.modalTableCell .modalForm .fields-calendar__popup_active:after {
  background-position: center bottom;
}

.modalTableCell .modalForm .fields-calendar__popup_active:before {
  content: '';
  position: absolute;
  bottom: -10px;
  left: 13px;
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 10px 0 10px;
  border-color: #fff transparent transparent transparent;
}

.modalTableCell .modalForm .fields-calendar {
  display: inline-block;
  width: 245px;
}

.fields-calendar__input {
  width: 180px !important;
  color: #959595;
}

.fields-calendar__title {
  /*     height: 31px; */
}

.calendar {
  position: relative;
  font-family: 'Century Gothic', 'Segoe UI', Calibri, Arial;
  border-collapse: collapse;
  margin: 0 0 0 -49px;
  padding: 0;
  z-index: 4;
  width: 304px;
  color: #000;
  text-align: center;
  text-align: center;
  background-color: #FFF;
}

.calendar th,
.calendar td {
  text-align: center;
  -webki-ttransition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  width: 50px;
}

.calendar th:first-child,
.calendar td:first-child {
  margin-left: 5px;
}

.modalTableCell .modalForm .calendar span {
  color: #959595;
  width: 100%;
  height: 30px;
  display: block;
  padding-bottom: 0;
  float: none;
  text-align: center;
  font: 16px 'ubri';
  line-height: 30px;
}

.calendar .month {
  padding: 15px;
}

.calendar .pMDate,
.calendar .nMDate {
  color: #AAA;
}

.calendar .date,
.calendar .pMDate,
.calendar .nMDate,
.calendar .month {
  cursor: pointer;
}

.calendar .date.disabled,
.calendar .pMDate.disabled,
.calendar .nMDate.disabled {
  cursor: not-allowed;
}

.calendar .date:not(.disabled):hover,
.calendar .pMDate:not(.disabled):hover,
.calendar .nMDate:not(.disabled):hover,
.calendar .month:hover {
  background-color: #E2E2E2;
}

.calendar .date:not(.disabled):active,
.calendar .pMDate:not(.disabled):active,
.calendar .nMDate:not(.disabled):active,
.calendar .month:active {
  background-color: #22A7F0;
  color: #FFF;
}

.calendar .selected {
  background-color: #86e3d4 !important;
  color: #FFF !important;
}

.calendar tr:first-child th {
  background-color: #FFF;
  padding: 12px 4px 9px;
  font-size: 14px;
}

.calendar thead tr:nth-of-type(2) {
  border-top: 1px solid #86e3d4;
  border-bottom: 1px solid #86e3d4;
}

.calendar tr:first-child th {
  cursor: pointer;
  color: #959595;
  font: 19px 'ubri';
}

.calendar tr:first-child th:hover {
  color: #22A7F0;
}

.calendar tr:first-child th:active {
  color: #22A7F0;
}

.calendar thead tr:nth-child(2) th {
  color: #959595;
  font: 10px 'ubri';
  padding: 5px 3px;
}

.calendar #prev,
.calendar #next {
  font-family: 'Times New Roman';
  font-size: 20px;
  padding: 0;
}

.calendar #today {
  display: none;
}

.calendar #today:hover {
  color: #80A7DD;
}

.calendar #today:active {
  color: #000;
}

.calendar #currDay {
  color: #22A7F0;
}

.datepicker {
  background-size: contain;
}

.calendar tbody {
  padding-top: 10px;
}

.basket-inner__content {
  padding: 20px 0;
  min-height: 650px;
  background-color: rgba(130, 199, 202, 0.98);
}

.basket-inner__title {
  background: url(../old/img/capbg.png) repeat-x center 35px;
  margin: 50px 0px 20px;
  text-align: center;
  font: 72px 'ubm';
  color: #564d4d;
  position: relative;
}

.basket-inner__title span {
  background-color: #fff;
  padding: 0 70px;
}

@media screen and (max-width: 600px) {
  .basket-inner__title {
    font: 60px 'ubm';
    margin: 40px 0px 10px;
    background: url(../old/img/capbg.png) repeat-x center 30px;
  }
  .basket-inner__title span {
    background-color: #fff;
    padding: 0 !important;
  }
}

.basket-inner__wrapper {
  max-width: 740px;
  margin: 28px auto;
}

.basket-law__text {
  text-align: center;
  font: 14px 'ubli';
  padding: 0 100px;
  color: #564d4d;
}

.basket-inner__back {
  font: 18px 'ublcr';
  color: #363636;
  text-decoration: none;
  border-bottom: 1px solid #363636;
}

@media screen and (max-width: 600px) {
  .basket-inner__back {
    margin-left: 25px;
  }
}

.basket-container__order,
.basket-inner__block {
  max-width: 740px;
  margin: 50px auto;
  position: relative;
  background-color: #fff;
}

.basket-container__order h2,
.basket-inner__block h2 {
  color: #564d4d;
  font: 36px 'ubr';
  padding: 33px;
}

@media screen and (max-width: 600px) {
  .basket-container__order h2,
  .basket-inner__block h2 {
    text-align: center;
    font: 32px 'ubr';
    padding: 20px 0px;
  }
}

.basket-item__image {
  width: 162px;
  min-width: 70px;
  position: relative;
  overflow: hidden;
}

.basket-item__image img {
  max-width: 100%;
}

.basket-item__food {
  width: 410px;
  vertical-align: top;
}

.basket-food__title {
  margin-top: 20px;
  padding: 0 30px;
  font: 18px 'ubr';
  margin-bottom: 6px;
}

@media screen and (max-width: 600px) {
  .basket-food__title {
    margin-top: 5px;
    padding: 0 5px;
    font-size: 16px;
  }
}

.basket-title__link {
  color: #564d4d;
  text-decoration: none;
}

.basket-food__info {
  padding: 0 30px;
  font: 16px 'ubl';
  color: #564d4d;
}

.basket-food__info span:first-child {
  margin-right: 36px;
}

@media screen and (max-width: 600px) {
  .basket-food__info {
    padding: 0 7px;
    font-size: 14px;
  }
  .basket-food__info span:first-child {
    margin-right: 0px;
  }
  .basket-food__info span:first-child::after {
    content: "|";
    display: inline-block;
    margin: 0 5px;
  }
}

.basket-summary__total {
  width: 165px;
  vertical-align: bottom;
  text-align: right;
}

.basket-total__title {
  color: #564d4d;
  font: 18px 'ubm';
}

.basket-summary__price {
  width: 85px;
}

.basket-item__price {
  vertical-align: top;
  width: 73px;
  min-width: 70px;
}

.basket-price__input {
  display: inline-block;
  border: none;
  width: 20px;
  text-align: center;
  color: #564d4d;
  outline: none;
  -webkit-user-select: none;
  /* webkit (safari, chrome) browsers */
  -moz-user-select: none;
  /* mozilla browsers */
  -khtml-user-select: none;
  /* webkit (konqueror) browsers */
  -ms-user-select: none;
  /* IE10+ */
}

.basket-price__title {
  margin-top: 15px;
  color: #564d4d;
  margin-bottom: 8px;
  font: 24px 'ubm';
}

@media screen and (max-width: 600px) {
  .basket-price__title {
    margin-top: 5px;
  }
}

.basket-item__remove {
  width: 85px;
}

.basket-person__prev,
.basket-person__next {
  color: #564d4d;
  cursor: pointer;
  width: 20px;
  display: inline-block;
  vertical-align: top;
  line-height: 20px;
  text-align: center;
  height: 20px;
  border: 1px solid #d2d2d2;
  -webkit-user-select: none;
  /* webkit (safari, chrome) browsers */
  -moz-user-select: none;
  /* mozilla browsers */
  -khtml-user-select: none;
  /* webkit (konqueror) browsers */
  -ms-user-select: none;
  /* IE10+ */
}

.basket-person__prev:hover,
.basket-person__next:hover {
  background-color: #f2f9fa;
  color: #8ed1d5;
}

.basket-item__remove {
  background-color: #f2f2f2;
  text-align: center;
  vertical-align: top;
  cursor: pointer;
  background-repeat: no-repeat;
  background-image: url(../img/del.png);
  background-position: center 24px;
}

.basket-item__remove span {
  display: inline-block;
  min-width: 22px;
}

.basket-summary__info {
  width: 408px;
  vertical-align: bottom;
}

.basket-info__title {
  font: 24px 'ubm';
  display: inline-block;
  color: #564d4d;
  margin: 0 30px;
}

.basket-info__title span {
  font: 16px 'ubl';
  opacity: .5;
  display: block;
}

.basket-summary__price {
  vertical-align: bottom;
}

.basket-summary__title {
  display: inline-block;
  font: 24px 'ubm';
  color: #564d4d;
}

.basket-summary__title span {
  font: 16px 'ubl';
  opacity: .5;
  display: block;
}

.basket-container__steps {
  background-color: #d9d9d9;
  border-top: 1px solid #b9b9b9;
  border-bottom: 1px solid #b9b9b9;
}

.basket-container__step {
  display: inline-block;
  cursor: pointer;
  width: 244px;
  text-align: center;
  position: relative;
}

.basket-container__step:last-child:after {
  display: none;
}

.basket-container__step:after {
  content: '';
  width: 17px;
  height: 13px;
  top: 0;
  right: -20px;
  bottom: 0;
  margin: auto;
  position: absolute;
  background-image: url(../img/after.png);
  background-repeat: no-repeat;
  background-position: center top;
}

.basket-step__title {
  height: 90px;
  opacity: .5;
  font: 18px 'ubm';
  line-height: 90px;
}

.basket-container__step-active .basket-step__title {
  opacity: 1;
}

.basket-personal__field {
  padding: 0 98px;
  font: 18px 'ubr';
  color: #333333;
  margin-bottom: 20px;
}

.basket-personal__field span {
  margin-bottom: 11px;
  display: block;
}

@media screen and (max-width: 600px) {
  .basket-personal__field {
    padding: 0 30px;
  }
}

.basket-personal__input {
  width: 100%;
  height: 40px;
  background-color: #f2f9fa;
  border: 1px solid #d9d9d9;
  font: 18px 'ubli';
  text-indent: 10px;
  outline: none;
}

.basket-personal__input:focus {
  outline: none;
  background-color: #fff;
}

.basket-personal__title {
  text-align: center;
  font: 24px 'ubm';
  color: #564d4d;
  margin-top: 32px;
  margin-bottom: 28px;
}

.basket-delivery__subtitle {
  border-top: 1px solid #b9b9b9;
  padding-top: 31px;
  font: 18px 'ubr';
  color: #564d4d;
  text-align: center;
  margin-bottom: 3px;
}

.basket-delivery__title {
  font: 24px 'ubm';
  margin-top: 1px;
  color: #564d4d;
  text-align: center;
  margin-bottom: 30px;
}

.basket-delivery__adress {
  font: 24px 'ubr';
  border-bottom: 1px solid #b9b9b9;
  padding-bottom: 33px;
  color: #564d4d;
  text-align: center;
}

.basket-delivery__code {
  border-top: 1px solid #b9b9b9;
  padding-top: 23px;
  font: 16px 'ubr';
  color: #564d4d;
  text-align: center;
  margin-bottom: 5px;
}

.basket-container__place {
  color: #564d4d;
  margin: 0 4px;
}

.basket-container__place_active {
  color: #6bd0b9;
  border-bottom: 1px dotted #6bd0b9;
}

.basket-container__delivery_hidden {
  display: none;
}

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

.basket-container__subtitle {
  text-align: center;
  font: 18px 'ubm';
  margin: 20px 0 30px;
  color: #564d4d;
}

.food-list__group {
  margin-left: 20%;
  width: 80%;
}

@media screen and (max-width: 1600px) {
  .food-list__group {
    margin-left: 20%;
    width: 80%;
  }
}

@media screen and (max-width: 1280px) {
  .food-list__group {
    margin-left: 30%;
    width: 70%;
  }
}

@media screen and (max-width: 1160px) {
  .food-list__group {
    width: 100%;
    margin-left: 0;
  }
}

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

.basket-inner__send {
  background: url(../old/img/btn_sprite.png);
  background-position: 0px 0px;
  width: 354px;
  height: 90px;
  border: 0px;
  outline: none;
  color: #564d4d;
  font: 24px 'ubr';
  margin: 20px 100px;
  text-transform: uppercase;
  cursor: pointer;
}

.basket-inner__send img {
  margin-left: 5px;
  margin-bottom: 3px;
}

.basket-inner__send:hover {
  background-position: 0px -93px;
}

.basket-inner__send:active {
  background-position: 0px -185px;
  color: #FFF;
}

@media screen and (max-width: 600px) {
  .basket-inner__send {
    width: 70%;
    font-size: 20px;
    min-width: 280px;
    margin: 20px auto;
    background: none;
    background-color: #fff;
    background-image: none !important;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    border: 7px solid #444;
  }
  .basket-inner__send:hover {
    background-color: #a9fbff;
  }
  .basket-inner__send:active {
    background-color: #a9fbff;
    border: 7px solid #a9fbff;
  }
}

.basket-delivery__code {
  border-bottom: 1px solid #b9b9b9;
  padding-bottom: 15px;
}

.basket-confirm__item {
  padding: 0 15px;
  margin-bottom: 45px;
}

.basket-confirm__item_quantity {
  padding: 15px 15px;
}

.basket-confirm__text {
  display: inline-block;
  vertical-align: top;
}

.basket-confirm__note {
  width: 445px;
  font: 14px 'ubl';
  color: #564d4d;
  font-style: italic;
  margin: 22px auto;
}

.basket-pay__input {
  display: none;
}

.basket-pay__input:checked + span {
  background-image: url(../img/ok.png);
  background-position: right 5px center;
  background-repeat: no-repeat;
  border: 1px solid #9ad7da;
  background-color: #82c7ca;
  color: #fff;
}

.basket-pay__label {
  font-size: 0;
  margin-right: 1px;
}

.basket-pay__label span {
  font: 18px 'ubl';
  font-style: italic;
  color: #959595;
  cursor: pointer;
  height: 45px;
  padding: 0 20px 0 10px;
  line-height: 45px;
  display: inline-block;
  border: 1px solid #d2d2d2;
}

.basket-confirm__title {
  color: #564d4d;
  font: 24px 'ubm';
  text-align: center;
  padding-top: 25px;
  padding-bottom: 25px;
}

.basket-confirm__order {
  display: inline-block;
  vertical-align: top;
}

.basket-confirm__subtitle {
  font: 18px 'ubr';
  color: #333333;
  display: inline-block;
  vertical-align: top;
  width: 170px;
  margin-right: 20px;
  text-align: right;
}

.basket-confirm__text {
  font: 18px 'ubl';
  color: #333333;
  font-style: italic;
}

.basket-confirm__input {
  display: inline-block;
  font: 18px 'ubr';
  border: none;
  width: 36px;
  text-align: center;
  vertical-align: middle;
  -webkit-user-select: none;
  /* webkit (safari, chrome) browsers */
  -moz-user-select: none;
  /* mozilla browsers */
  -khtml-user-select: none;
  /* webkit (konqueror) browsers */
  -ms-user-select: none;
  /* IE10+ */
}

.basket-confirm__input:focus {
  outline: none;
}

.basket-confirm__prev,
.basket-confirm__next {
  font: 18px 'ubr';
  display: inline-block;
  font-size: 14px;
  width: 18px;
  background-color: rgba(255, 255, 255, 0.4);
  text-align: center;
  vertical-align: middle;
  height: 18px;
  border: 1px solid #d1d1d1;
  line-height: 18px;
  padding-bottom: 0;
  cursor: pointer;
  -webkit-user-select: none;
  /* webkit (safari, chrome) browsers */
  -moz-user-select: none;
  /* mozilla browsers */
  -khtml-user-select: none;
  /* webkit (konqueror) browsers */
  -ms-user-select: none;
  /* IE10+ */
}

.basket-confirm__prev:hover,
.basket-confirm__next:hover {
  background-color: #f2f9fa;
  color: #82c7ca;
}

.basket-confirm__comment {
  border-top: 1px solid #d9d9d9;
  padding: 27px 30px;
}

.basket-comment__title {
  font: 18px 'ubr';
  color: #333333;
  display: inline-block;
  vertical-align: top;
  width: 170px;
  margin-right: 20px;
  margin-bottom: 10px;
  text-align: right;
}

.confirm__table td {
  font: 18px 'ubl';
  color: #333333;
  font-style: italic;
  padding-bottom: 20px;
}

.basket-comment__textarea {
  border: 1px solid #d9d9d9;
  padding: 15px;
  max-width: 515px;
  background: #f2f9fa;
  font: 18px 'ubri';
  height: 60px;
  resize: vertical;
  margin: 0 auto;
  display: block;
  font: 18px 'ubli';
}

.basket-container__confirm {
  border-bottom: 1px solid #d9d9d9;
}

.basket-order__title {
  width: 250px;
  vertical-align: bottom;
  position: relative;
  background-color: #fff;
  overflow: hidden;
}

.basket-order__title:after {
  content: '';
  position: absolute;
  width: 100%;
  height: 1px;
  border-bottom: 1px dotted #d9d9d9;
  bottom: 23px;
}

.basket-order__weight {
  vertical-align: bottom;
  width: 70px;
}

.basket-order__price {
  vertical-align: bottom;
}

.basket-order__price .rouble-sign {
  font-style: italic;
}

.basket-container__form {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  -webkit-transition: all ease-in-out .3s;
  transition: all ease-in-out .3s;
  max-height: 0;
}

.basket-container__form-active {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  max-height: 2000px;
}

.basket-container__step-done .basket-step__title {
  color: #70c7ce;
  opacity: 1;
}

.basket-container__step-done:after {
  background-position: center bottom;
}

.basket-container__summary {
  margin-top: 2px;
  padding-top: 28px;
  padding-bottom: 30px;
}

.basket-container__item {
  border-bottom: 1px solid #d9d9d9;
  padding-bottom: 30px;
}

.modalTable {
/*   background-image: none;
background-color: rgba(130, 199, 202, 0.98); */
}

.basket-delivery__field {
  padding: 0 98px;
  font: 18px 'ubr';
  color: #333333;
  margin-bottom: 20px;
}

.basket-delivery__field span {
  margin-bottom: 11px;
  display: block;
}

.basket-delivery__field i {
  font-style: normal;
  color: #a09d9d;
}

@media screen and (max-width: 600px) {
  .basket-delivery__field {
    padding: 0 30px;
  }
}

.basket-delivery__input {
  width: 100%;
  height: 40px;
  background-color: #f2f9fa;
  border: 1px solid #d9d9d9;
  outline: none;
  font: 18px 'ubli';
  text-indent: 10px;
}

.basket-field__select {
  width: 100%;
  height: 40px;
  background-color: #f2f9fa;
  border: 1px solid #d9d9d9;
  outline: none;
  font: 18px 'ubli';
  text-indent: 10px;
}

.basket-delivery__street {
  padding: 0 98px;
}

@media screen and (max-width: 600px) {
  .basket-delivery__street {
    padding: 0 30px;
  }
}

.basket-street__field {
  width: 105px;
  font: 18px 'ubr';
  color: #333333;
  margin-bottom: 20px;
  display: inline-block;
}

.basket-street__field span {
  margin-bottom: 11px;
  display: block;
}

.basket-street__input {
  width: 100%;
  height: 40px;
  background-color: #f2f9fa;
  border: 1px solid #d9d9d9;
  outline: none;
  font: 18px 'ubli';
  text-indent: 10px;
}

.basket-delivery__note {
  padding: 0 98px;
  font: 14px 'ubl';
  color: #564d4d;
  font-style: italic;
  margin: 7px auto 32px;
}

@media screen and (max-width: 600px) {
  .basket-delivery__note {
    padding: 0 30px;
  }
}

.basket-delivery__comment {
  border-top: 1px solid #d9d9d9;
  border-bottom: 1px solid #d9d9d9;
  padding: 27px 44px 31px;
}

@media screen and (max-width: 600px) {
  .basket-delivery__comment {
    padding-left: 15px;
    padding-right: 15px;
  }
}

.basket-delivery__time {
  padding: 0 98px;
  margin: 15px 0 5px;
}

@media screen and (max-width: 600px) {
  .basket-delivery__time {
    padding: 0 30px;
  }
}

.basket-time__title {
  font: 18px 'ubr';
  color: #333333;
  display: inline-block;
  vertical-align: top;
  width: 170px;
  line-height: 55px;
  margin-bottom: 10px;
}

.basket-time__label {
  font: 18px 'ubr';
  line-height: 55px;
}

.basket-time__label span {
  line-height: 22px;
  color: #6bd0b9;
  border-bottom: 1px dotted #6bd0b9;
  display: inline-block;
  cursor: pointer;
  position: relative;
}

.basket-time__label span:after {
  content: '';
  position: absolute;
  width: 100%;
  height: 20px;
  background-position: center;
  background-repeat: no-repeat;
  bottom: -47px;
  display: none;
  left: 0;
}

.basket-time__input {
  display: none;
}

.basket-time__input:checked + span {
  color: #333333;
  border-bottom: none;
}

.basket-time__input:checked + span:after {
  display: block;
}

.basket-delivery__place {
  text-align: center;
  padding-bottom: 25px;
}

.basket-place__label {
  font: 24px 'ubm';
}

.basket-place__label span {
  color: #6bd0b9;
  border-bottom: 1px dotted #6bd0b9;
  display: inline-block;
  cursor: pointer;
}

.basket-place__input {
  display: none;
}

.basket-place__input:checked + span {
  color: #333333;
  border-bottom: none;
}

.basket-delivery__timeset {
  padding: 0 98px;
  background-color: #d7e0e4;
  display: none;
  height: 58px;
  line-height: 55px;
  margin-bottom: 15px;
}

.basket-delivery__timeset .datepicker {
  width: 115px;
}

.basket-timeset__input {
  width: 140px !important;
  display: inline-block;
  height: 40px;
  background-color: #f2f9fa;
  border: 1px solid #d9d9d9;
  outline: none;
  font: 18px 'ubli';
  text-indent: 10px;
}

.basket-delivery__timeset_active {
  display: block;
}

.basket-delivery__item {
  display: none;
}

.basket-delivery__item_active {
  display: block;
}

.basket-container__order #closeModalSpan,
.basket-message__form #closeModalSpan {
  margin-right: -25px;
}

.basket-inner__next {
  background-image: url(../img/btn_sprite_s.png);
  height: 66px;
  margin-bottom: 30px;
}

.modal-image__link {
  display: block;
  height: 100%;
}

.basket-image__container {
  position: relative;
  overflow: hidden;
  height: 106px;
}

.basket-timeset__date {
  width: 115px !important;
}

.basket-timeset__time {
  width: 100px !important;
}

.bpanel {
  background-color: #82c7ca;
  height: 80px;
  position: fixed;
  display: none;
  left: 0;
  width: 100%;
  z-index: 9900;
  bottom: 0;
}

.bpanel_focus {
  display: block;
}

.bpanel-contain {
  width: 50%;
  float: left;
  position: relative;
}

.bpanel-basket {
  width: 50%;
  float: right;
  position: relative;
}

.bpanel-contain__icon {
  background-image: url(../img/bpanel-contain__icon.png);
  background-repeat: no-repeat;
  vertical-align: middle;
  background-position: center;
  width: 25px;
  margin: 0 10px;
  height: 80px;
  display: inline-block;
}

@media screen and (max-width: 650px) {
  .bpanel-contain__icon {
    font: 0;
    position: absolute;
    left: 5px;
    top: 0;
  }
}

.bpanel-contain__title {
  display: inline-block;
  line-height: 80px;
  height: 80px;
  font: 24px 'ubr';
  color: #fff;
}

@media screen and (max-width: 650px) {
  .bpanel-contain__title {
    font-size: 0;
  }
}

.bpanel-contain__price {
  font: 30px 'ubm';
  line-height: 80px;
  color: #fff;
  display: inline-block;
  height: 80px;
}

@media screen and (max-width: 650px) {
  .bpanel-contain__price {
    margin-left: 40px;
  }
}

.bpanel-basket {
  text-align: right;
  font-size: 0;
  position: relative;
}

.bpanel-basket__link {
  background-color: #629799;
  font: 18px 'ubm';
  display: inline-block;
  line-height: 80px;
  height: 80px;
  cursor: pointer;
  color: #fff;
  text-decoration: none;
  width: 240px;
  vertical-align: middle;
  text-align: center;
  background-image: url(../img/arr.png);
  background-position: right 15px center;
  background-repeat: no-repeat;
  position: relative;
}

.bpanel-basket__link:after {
  content: '';
  position: absolute;
  left: -2px;
  width: 15px;
  top: 0;
  background-image: url(../img/barr.png);
  background-repeat: no-repeat;
  background-position: center;
  height: 100%;
}

@media screen and (max-width: 650px) {
  .bpanel-basket__link {
    font-size: 16px;
    float: left;
    width: 100%;
    line-height: 80px;
    padding: 0px 60px 0 15px;
    background-image: none;
    /* Для Firefox */
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
}

@media screen and (max-width: 460px) {
  .bpanel-basket__link {
    line-height: 25px;
    padding-top: 15px;
  }
}

@media screen and (max-width: 350px) {
  .bpanel-basket__link {
    font-size: 14px;
  }
}

.bpanel-basket__close {
  background-color: #75b4b7;
  display: inline-block;
  width: 45px;
  background-image: url(../img/closik.png);
  vertical-align: middle;
  background-position: center;
  background-repeat: no-repeat;
  height: 80px;
  background-size: 10px;
}

@media screen and (max-width: 650px) {
  .bpanel-basket__close {
    position: absolute;
    top: 0;
    right: 0;
  }
}

.food-burger {
  position: fixed;
  left: 0;
  background-color: #82c7ca;
  top: 0px;
  width: 60px;
  height: 53px;
  display: none;
  z-index: 11;
  cursor: pointer;
  text-align: center;
  padding-top: 7px;
}

.food-burger__line {
  width: 40px;
  height: 4px;
  margin: 8px auto;
  background-color: #fff;
  display: block;
}

.food-sidebar__close {
  width: 23px;
  cursor: pointer;
  height: 23px;
  background-image: url(../img/closik_g.png);
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  left: 20px;
  display: inline-block;
}

@media screen and (min-width: 1161px) {
  .food-sidebar__close {
    display: none;
  }
}

.basket-empty {
  max-width: 740px;
  margin: 50px auto;
  position: relative;
  text-align: center;
}

.basket-empty__title {
  color: #564d4d;
  font: 36px 'ubr';
  padding: 33px;
}

.basket-empty__subtitle {
  font: 24px 'ubm';
}

.basket-subtitle__link {
  color: #fff;
  text-decoration: none;
  border-bottom: 1px solid rgba(255, 255, 255, 0.8);
}

.summary_weight,
.summary_num,
.summary_time,
.summary_price {
  font-style: normal;
}

.dostavka-header-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.dostavka-header-block .dostavka-header-block-left {
  width: 260px;
  margin-top: 20px;
}

.dostavka-header-block .dostavka-header-block-left a {
  font: 18px 'ublcr';
  color: #363636;
  padding: 16px 14px 16px 14px;
  display: inline-block;
  border: 1px solid #d7d7d7;
  text-decoration: underline;
}

.dostavka-header-block .dostavka-header-block-left a:hover {
  color: #7c91ae;
  text-decoration: underline;
}

@media screen and (max-width: 800px) {
  .dostavka-header-block {
    display: block;
  }
  .dostavka-header-block .dostavka-header-block-left {
    width: 260px;
    margin: 0 auto;
    margin-top: 20px;
  }
}

.tmBoxRight a.download_menu {
  display: inline-block;
  width: auto !important;
}

.mob-menu-btn {
  display: none;
  text-align: center;
  background: #d7e0e4;
  color: #6f86a6;
  font: 18px/45px 'ublcr';
  margin: 20px 0;
}

@media (max-width: 1024px) {
  body {
    padding: 0 10px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .food-list__group_main .food-list__item {
    width: 33.3%;
  }
  .boxArbor > ul {
    display: none;
  }
  .boxArborBg {
    max-width: 100%;
    background-size: 100%;
    height: auto;
    padding-top: 84%;
  }
  .boxArbor {
    width: 100%;
    height: auto;
    margin: 0;
  }
  .pv {
    position: relative;
    top: 0;
    right: 0;
  }
  .pv .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .pv .item span {
    margin-left: 10px;
    font-size: 20px;
  }
  .boxSpeaker ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-pack: distribute;
        justify-content: space-around;
  }
  .boxSpeaker ul li {
    float: none;
    margin: 0 10px 20px;
  }
}

@media (max-width: 980px) {
  .boxNumber li {
    width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin-bottom: 20px;
  }
  .boxNumber li .numberInfo {
    width: auto;
  }
}

@media (max-width: 960px) {
  .columnEar li {
    width: 100% !important;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .columnEar li.twoColum span,
  .columnEar li.twoColum span:last-child {
    width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .boxBlockText,
  .borderTaB {
    max-width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .boxMerid ul li {
    float: none !important;
    width: 100% !important;
    text-align: center !important;
    margin: 5px 0 !important;
    padding: 0 !important;
  }
  img {
    max-width: 100%;
    height: auto !important;
  }
  .boxBorder {
    max-width: 100%;
    padding: 20px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .boxBigText p {
    max-width: 100%;
  }
  .boxPromoText {
    font: 48px 'ubli';
  }
  .slPhotoPeople {
    max-width: 100%;
  }
  .slPhotoPeople iframe {
    height: auto;
  }
  .slBanketPeople {
    max-width: 100%;
  }
  .slBanketPeople .btMenu {
    max-width: 100%;
  }
  .banketPeople .photo {
    display: none;
  }
}

@media (max-width: 830px) {
  .event-content h2,
  .boxCaptionOne span,
  .interesContent ul li p {
    font-size: 45px;
  }
  .production .boxPromoText {
    max-width: 100%;
    padding: 0;
    font-size: 36px;
  }
  .production .buyCircle {
    float: none;
    margin: auto;
  }
  #go_up {
    bottom: 10px;
    right: 10px;
    width: 50px;
    height: 50px;
  }
  .captionTable td {
    padding: 10px 5px;
  }
  .osnText td {
    padding: 10px 5px 10px;
    font: 14px 'ubri';
  }
}

@media (max-width: 767px) {
  .topMenuEnd {
    display: none;
  }
  .mob-menu-btn {
    display: block;
  }
  .tmMenu {
    display: none;
  }
  .tmMenu li {
    display: block;
  }
  .event-content h2,
  .boxCaptionOne span,
  .interesContent ul li p {
    font-size: 32px;
    padding: 0;
  }
  .boxCaptionOne span strong {
    font-size: 14px;
  }
  .boxCaptionTwo {
    font-size: 32px;
  }
  #slider-header ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  #slider-header ul li,
  #slider-header ul li.active span {
    display: block;
  }
  #slider-header ul li.active:after {
    display: none;
  }
  .food-list__group_main .food-list__item {
    width: 50%;
    height: 300px;
  }
  .boxPromoText {
    font: 36px 'ubli';
  }
  .food-menu__descr {
    display: none;
  }
  .weddings-image {
    display: none;
  }
  #map_canvas {
    height: 400px;
  }
  .goodsMap {
    top: 0;
    margin: auto;
  }
  .modalTableCell .modalForm input[type="text"]:not(.basket-price__input) {
    max-width: 100%;
    height: 51px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .modalTableCell .modalForm .fields-calendar {
    width: 100%;
  }
  .modalTableCell .modalForm .fields-calendar .datepicker {
    width: calc(100% - 50px);
    vertical-align: top;
  }
  .modalTableCell .modalForm .fields-calendar .datepicker .fields-calendar__input {
    width: 100% !important;
  }
  .modalTableCell .modalForm .fields-person {
    margin-left: 0;
  }
  .modalTableCell .modalForm .fields-person .fields-person__input {
    vertical-align: top;
  }
  .modalTableCell .modalForm {
    width: 100%;
    padding: 0 10px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .modalTableCell .modalForm input[type="submit"] {
    margin-left: -177px;
    left: 50%;
    position: relative;
    display: block;
    -webkit-transform: scale(0.7);
            transform: scale(0.7);
  }
  .modalTableCell .modalForm .caption {
    font-size: 20px;
    padding: 7px 30px 0;
    margin-bottom: 25px;
  }
  .modalTableCell .modalForm .caption::before {
    content: "";
    background-image: url(../img/before_p.png);
    width: 40px;
    height: 8px;
    position: absolute;
    left: 0px;
    top: 18px;
}
  #closeModalSpan {
    right: 0;
    top: 0;
    width: 25px;
    height: 25px;
  }
  .modalTableCell .modalForm button {
      width: 186px;
      margin: 20px 60px;
      
  }
  .modalTableCell .modalForm input[type="text"]{
      margin-bottom: 7px!important;
  }
  .modalTableCell .modalForm{
      margin-top:25px;
  }
  }
  .bgContent ul li.big {
    display: none;
  }
  .bgContent .itemGoods {
    width: 170px;
    max-width: 99%;
    height: auto;
    margin: 20px 1%;
  }
  .bgContent .itemGoods span {
    font: 20px 'ubr';
  }
  .bgContent ul li {
    width: 33%;
  }
  .boxGoods {
    width: 100%;
    height: auto;
  }
  .bgContent {
    height: auto;
    width: 100% !important;
  }
  .bgContent ul {
    width: 100% !important;
  }
  .modalGoods,
  .controllGoods {
    display: none !important;
  }
  .basket-comment__textarea {
    height: 100px;
    font: 14px 'ubli';
    width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .basket-time__label {
    line-height: 32px;
  }
  .basket-time__title {
    display: block;
    width: 100%;
  }
  .basket-confirm__order,
  .basket-confirm__text,
  .basket-pay__label {
    display: block;
  }
  .basket-pay__label span {
    display: block;
    text-align: center;
  }
  .basket-confirm__prev, .basket-confirm__next {
    font-size: 21px;
    width: 28px;
    height: 28px;
    line-height: 25px;
  }
  .basket-delivery__timeset {
    padding: 0 10px;
    height: auto;
    line-height: 1em;
  }
  .boxPiazza, .boxSmallHall {
    width: 49%;
    padding: 0 !important;
  }
  .boxPiazza .bpMap,
  .boxSmallHall .bpMap {
    margin: auto;
  }
  .boxBigHall,
  .boxBigHall .bpMap,
  .boxSmallCaptionInfo,
  .boxBigHall .bpMap span {
    max-width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .boxTableBanket .btMenu {
    max-width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .bcContainer #prev-slide, .bcContainer #next-slide {
    top: 0;
    display: none;
  }
}

@media (max-width: 540px) and (orientation: portrait) {
  .boxTableBanket .oneTableActive table tbody {
    display: none;
  }
  
  .boxTableBanket .oneTableActive table {
    display: block;
    min-height: 200px;
    overflow-x: hidden;
    background: url(../img/rotate.png) center no-repeat;
  }
}

@media (max-width: 500px) {
  .bgContent ul li {
    width: 50%;
  }
  .modalTableCell {
     left: 6%!important;
  }
  .modalTable
  .boxPiazza, .boxSmallHall {
    width: 100%;
  }
  .btMenu li {
    display: block;
    text-align: center;
  }
  .boxSpeaker ul li {
    width: 50%;
    margin: 0 0 20px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .totalPrice {
    max-width: 100%;
  }
  .totalPrice p span {
    width: 100%;
    text-align: left;
  }
  .topMenu {
    margin-top: 0;
  }
  .topMenu .tmBoxLeft {
    position: absolute;
    width: calc( 100% + 20px) !important;
    height: 85px;
    top: -87px;
    left: -10px;
    background: #fff;
    border-bottom: 2px solid #d7e0e4;
    -webkit-transition: .5s;
    transition: .5s;
    z-index: 9;
  }
  .topMenu .tmBoxLeft.open {
    top: 0;
  }
  .topMenu .tmBoxLeft .btn-phone-mob {
    display: block;
    width: 45px;
    height: 45px;
    position: absolute;
    background: url(../img/phone-a-circle.png) 6px 50%/34px no-repeat;
    border: 2px solid #d7e0e4;
    border-width: 0 2px 2px 2px;
    border-radius: 0px 0px 50px 50px;
    bottom: -47px;
    right: 10px;
    z-index: 7;
  }
}

@media (max-width: 480px) {
  .modalTable {
      
  }
  .input-phone:before {
      bottom: 37px;
  }
  .event-content h2 {
    font-size: 24px;
  }
  .gall-content h4, .event-content h4 {
    max-width: 280px;
  }
  .food-list__group_main .food-list__item {
    width: 100%;
    height: 300px;
  }
  .restMenu .wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .rmCircleOne {
    margin: 0;
  }
  .rmCircleTwo {
    margin: 10px 0;
    background: none;
    max-width: 100%;
    height: auto;
  }
  ._pdfmenu {
    margin: auto;
    height: 100px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .rmCircleThree p {
    margin: 0 auto 0 70px;
  }
  .boxPoint {
    height: auto;
  }
  .boxPromoText {
    font: 25px 'ubli';
  }
  .summer .pointMeZag img.summer {
    left: 0;
    top: 0;
  }
  .pointMeZag {
    height: auto;
  }
  .pointStar {
    top: 0;
  }
  .boxCaptionOne span strong {
    padding: 20px 25px;
  }
  .modalTableCell .modalForm input[type="text"]:not(.basket-price__input) {
    font-size: 14px;
  }
  .boxPoint .boxSmallCaptionInfo {
    max-width: 100%;
  }
  .modal-inner__footer + span {
    margin: -50px 0 0;
  }
  .bgContent ul li {
    width: 100%;
  }
  .bgContent .itemGoods {
    width: 100%;
  }
  .igPhoto {
    text-align: center;
  }
  .bgContent .itemGoods span {
    text-align: center;
    display: block;
  }
  .modalTable {
    max-width: 320px;
  }
}
/*# sourceMappingURL=styles.css.map */