body { background-color: #f4f4f4; }

#toptop { width:100%; background: url(PATTERN.png) repeat #223554; height:88px; }
IMG.img_logotip { /*float:left;*/ padding: 2px; max-width: 250px; width:100%; margin:0 auto; }

/* bttn */
.bttn { transition: .15s ease-in-out; display: inline-block; vertical-align: middle; position: relative; padding: 5px 30px; font-size: 13px; line-height: 27px; font-weight: 400;background: none; border: none; border-radius: 23px; text-decoration: none; overflow: hidden; }
.bttn-green { background: #A6AA1D; }
.bttn-green:hover { background: #8D9100; color: #fff; }
a.bttn, a.bttn:hover { color: #fff; text-decoration:none; }
.animated { -webkit-animation-duration: .5s; animation-duration: .5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
/* bttn */

.mxwdth1400 { max-width:1400px; }
div#toptop div.container.h-100.mxwdth1400 div.row.h-100.align-items-center.justify-content-center div.col-12.col-sm-6.col-lg-6.col-xl-6 p.tlf-txt,
div#toptop p.chng-txt { text-align: right; margin: 0; }
div#toptop p.chng-txt, div#toptop p.chng-txt a { font-size: 15px; color:#fff; }

.col-xs-5th, .col-sm-5th, .col-md-5th, .col-lg-5th, .col-xl-5th { position: relative; width: 100%; min-height: 1px; padding-right: 15px; padding-left: 15px; }

.bottom_menu_callus { display:none;}

@media (min-width: 576px) {
  .col-sm-5th { -webkit-box-flex: 0; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; }
}
@media (min-width: 768px) {
  .col-md-5th { -webkit-box-flex: 0; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; }
}
@media (min-width: 992px) {
  .col-lg-5th { -webkit-box-flex: 0; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; }
}
@media (min-width: 1200px) {
  .col-xl-5th { -webkit-box-flex: 0; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; }
  /* .t_boxshadow { box-shadow: 0 .125rem .125rem 0 rgba(0,0,0,.1); } */
}

@media (max-width: 600px) and (min-width: 100px) {
	IMG.img_logotip { display: block; }
	div#toptop div.container.h-100.mxwdth1400 div.row.h-100.align-items-center.justify-content-center div.col-12.col-sm-6.col-lg-6.col-xl-6 p.tlf-txt { text-align: center; }
  #toptop { height:auto; }
  div#toptop p.tlf-txt a { font-size: 31px; }
  .bottom_menu_callus { display:block;}
}

/* * */

.vwv_1, .vwv_2, .vwv_3, .vwv_4, .vwv_5, .vwv_6, .vwv_7 { height:auto; color:#fff; cursor: pointer; transition: all 0.4s ease-in-out; background: url(/chunks/PATTERN.png) repeat #223554; }
.vwv_1:hover, .vwv_2:hover, .vwv_3:hover, .vwv_4:hover, .vwv_5:hover, .vwv_6:hover, .vwv_7:hover { box-shadow: inset 0 0 0 4px #fff; }
.vwv_1:hover h3, .vwv_2:hover h3, .vwv_3:hover h3, .vwv_4:hover h3, .vwv_5:hover h3, .vwv_6:hover h3, .vwv_7:hover h3 { font-weight:bold; }

.vwv_1 h3, .vwv_2 h3, .vwv_3 h3, .vwv_4 h3, .vwv_5 h3, .vwv_6 h3, .vwv_7 h3 { text-align:center; padding:15px auto; margin:7px auto; font-size:18px; text-transform: uppercase; }

.vwv_1 { background-color:#a89561; }
.vwv_2 { background-color:#223554; }
.vwv_3 { background-color:#FF0000; }
.vwv_4 { background-color:#04260a; }
.vwv_5 { background-color:#42aaff; }
.vwv_6 { background-color:#cbc7ff; }
.vwv_7 { background-color:#ff7f50; }

/* * */

ul ul { margin-left: 30px; }

#in_contactline { width: 100%; height: auto; background-color: #223554; margin:20px auto 30px; }

.t_boxshadow { box-shadow: 0 .125rem .125rem 0 rgba(0,0,0,.1); }
.snoska { text-align: justify; border-left-color: #a89561; border-left-style: solid; border-left-width: 7px; padding-left: 7px; color: #a89561; }

#partners-line { margin:20px 0 20px; background-color: #fff; }

.bottom_menu_txt { padding-top:35px; }
.bottom_menu_txt, .bottom_menu_txt a, .bottom_menu_txt a:visited { color:#fff; }

.bottominfo { margin:30px auto 15px; /*width:255px;*/}
.bottominfo p { color:#fff; text-align:center; }

.booking_plashka { background: url(PATTERN_bkng_60.png) repeat #fff; padding: 20px; -webkit-box-shadow: 0 2px 80px -10px rgba(0, 0, 0, 0.2); box-shadow: 0 2px 80px -10px rgba(0, 0, 0, 0.2); width: 100%; max-width: 1140px; margin: -99px auto 0; position: relative; border-radius: 8px; }


.bottom-socialmenu ul, .bottom-socialmenu ul li { display: inline; list-style: outside none none; margin: 0; padding: 0; }
.bottom-socialmenu ul li a { display: block; float: left; height: 23px; margin-right: 10px; width: 23px; }

  .i_instagram {background: url('/first-mainpage/jpg/instagram.png');}
	.i_instagram:hover {background: url('/first-mainpage/jpg/instagram-hover.png');}

	.f_facebook {background: url('/first-mainpage/jpg/facebook.png');}
	.f_facebook:hover {background: url('/first-mainpage/jpg/facebook-hover.png');}

	.v_vkontakte {background: url('/first-mainpage/jpg/vkontakte.png');}
  .v_vkontakte:hover {background: url('/first-mainpage/jpg/vkontakte-hover.png');}
  


@-webkit-keyframes scroll {
    0% { -webkit-transform: translate(0, 0); transform: translate(0, 0); }
    100% { -webkit-transform: translate(-100%, 0); transform: translate(-100%, 0) }
}
@-moz-keyframes scroll {
    0% { -moz-transform: translate(0, 0); transform: translate(0, 0); }
    100% { -moz-transform: translate(-100%, 0); transform: translate(-100%, 0) }
}
@keyframes scroll {
    0% { transform: translate(0, 0); }
    100% { transform: translate(-100%, 0) }
}

  .mar_quee {
      display: block;
      width: 100%;
      white-space: nowrap;
      overflow: hidden;
  }
  .mar_quee span {
      display: inline-block;
      padding-left: 100%;
      -webkit-animation: scroll 28s infinite ease-in-out;
      -moz-animation: scroll 28s infinite ease-in-out;
      animation: scroll 28s infinite ease-in-out;
  }