@import url(font-awesome.css);
html, body {
    height: 100%
}

body, h1, h2, h3, h4, h5, h6 {
    margin: 0;
    padding: 0;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal
}

div, p, form, dl, dt, dd, ul, ol, li, table, td, th {
    margin: 0;
    padding: 0
}

img {
    border: none
}

table {
    border-collapse: collapse
}

a {
    color: #00a6e3;
    display: inline-block;
    text-decoration: none
}
div.left_f a.active {
  color: #7a6ec8;
}
a.purple_btn:hover
{
background-color: #7a6ec8;
color: #fff!Important;
}
a:hover {
    text-decoration: none;
    color: #7a6ec8!Important
}

/*a span {
    border-bottom: 1px solid #d7e6ef
}*/

a sup {
    font-size: 9px;
    margin: 0 0 0 5px
}

date {
    font-size: 11px;
    font-style: italic;
    color: #999
}

h1 {
    font-size: 32px
}

h2 {
    font-size: 24px
}

h3 {
    font-size: 20px
}

h4 {
    font-size: 18px
}

h5 {
    font-size: 16px
}

h4 {
    font-size: 14px;
    font-weight: bold
}

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

.w100 {
    width: 100%
}

.w90 {
    width: 90%
}

.w50 {
    width: 50%
}

.w25 {
    width: 25%
}

.w75 {
    width: 75%
}

.w33 {
    width: 33.3%
}

.h50px {
    height: 50px
}

.clear {
    clear: both;
    width: 100%
}

.clear-fl {
    clear: both;
    float: left
}

.red {
    color: #f00
}

.gray {
    color: #9b9b9b
}

.yellow {
    color: #FF6
}

.mL20 {
    margin-left: 20px
}

.mL40 {
    margin-left: 40px
}

.mL60 {
    margin-left: 60px
}

.mT20 {
    margin-top: 20px
}

.mT40 {
    margin-top: 40px
}

.mR20 {
    margin-right: 20px
}

.mR40 {
    margin-right: 40px
}

.mB20 {
    margin-bottom: 20px
}

.mB40 {
    margin-bottom: 40px
}

.pT5 {
    padding-top: 5px
}

.f9 {
    font-size: 9px
}

.f11 {
    font-size: 11px
}

.f12 {
    font-size: 12px
}

.f14 {
    font-size: 14px
}

.f16 {
    font-size: 16px
}

.f18 {
    font-size: 18px
}

.f20 {
    font-size: 20px
}

.f22 {
    font-size: 22px
}

.f24 {
    font-size: 24px
}

.f28 {
    font-size: 28px
}

.f32 {
    font-size: 32px
}

.f48 {
    font-size: 48px
}

.f56 {
    font-size: 56px
}

.rb20 {
    border-radius: 0px 0px 20px 20px;
    -moz-border-radius: 0px 0px 20px 20px;
    -khtml-border-radius: 0px 0px 20px 20px
}

.r20 {
    border-radius: 20px 20px 20px 20px;
    -moz-border-radius: 20px 20px 20px 20px;
    -khtml-border-radius: 20px 20px 20px 20px
}

.r15 {
    border-radius: 15px 15px 15px 15px;
    -moz-border-radius: 15px 15px 15px 15px;
    -khtml-border-radius: 15px 15px 15px 15px
}

.r10 {
    border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    -khtml-border-radius: 10px 10px 10px 10px
}

.r5 {
    border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    -khtml-border-radius: 5px 5px 5px 5px
}

.box-shadow {
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25)
}

span.dashed {
    border-bottom: 1px dashed
}

a.toggle {
    cursor: pointer
}

.toggled {
    display: none
}

.no_margins {
    margin: 0px;
    padding: 0px
}

.fL {
    float: left
}

.fR {
    float: right
}

.fL-w50 {
    float: left;
    width: 49.9%
}

.fR-w50 {
    float: right;
    width: 49.9%
}

.imgFL {
    float: left;
    margin-right: 10px;
    margin-bottom: 10px
}

.imgFR {
    float: right;
    margin-left: 10px;
    margin-bottom: 10px
}

@charset "utf-8";
div.form-block .button, div.form-block div.form-layout, div.phone {
    box-shadow: 0 1px 2px rgba(0, 0, 0, .25)
}

div.form-block {
    width: 450px;
    min-height: 450px;
    position: relative;
    z-index: 1000
}

div.form-block div.form-layout {
    padding: 40px 70px 60px;
    position: relative;
    background-color: #FFF
}

div.form-block.short dl dt, div.popup-new {
    position: absolute
}

div.form-block h2 {
    margin: 10px 0 25px;
    text-align: center;
    font-size: 28px
}

div.form-block dl dd div input, div.form-block dl dd div select, div.form-block dl dd div textarea {
    font-family: Arial, Helvetica, sans-serif;
    border: none;
    background: 0 0;
    margin: 0 5px;
    color: #999;
    font-size: 16px;
    width: 97%
}

div.form-block div.form-layout label {
    margin: 10px 0 3px 5px;
    display: block;
    font-size: 14px
}

div.form-block div.form-layout label b {
    color: red;
    font-weight: 700;
    margin: 0 3px 0 -10px
}

div.form-block .button, div.form-block dl dd div {
    color: #fff;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px 5px 5px 5px
}

div.form-block .button {
    background: #00a5b8;
    font: 500 18px Roboto;
    text-transform: uppercase;
    padding: 10px 25px;
    margin: 15px 0 0;
    width: 100%;
    border: none;
    cursor: pointer
}

div.form-block .button:hover {
    background: #08af00
}

div.form-block dl dd div {
    background: #fbf9e7;
    color: #626679;
    padding: 5px;
    font-size: 14px;
    border: 1px solid #999;
    border-bottom: #DDD 1px solid;
    border-right: #DDD 1px solid
}

div.form-block b.error {
    color: red;
    font-size: 11px
}

div.form-block a {
    cursor: pointer
}

div.form-block dl dd div.error, div.form-block dl dd div.error_bg {
    border: 1px solid red
}

div.form-block dl dd div.error input, div.form-block dl dd div.error select,
div.form-block dl dd div.error textarea {
    color: red
}

div.form-block.horizontal dl dt {
    float: left;
    width: 30%;
    margin: 0 0 10px
}

div.form-block.horizontal dl dd {
    margin: 0 0 10px 35%
}

div.form-block.horizontal div.form-layout label {
    margin: 7px 0 3px 5px;
    display: block;
    font-size: 14px
}

div.form-block.short dl dd {
    margin: 0 0 10px
}

div.form-block.short div.form-layout label {
    margin: 7px 0 3px 20px;
    display: block;
    font-size: 14px;
    cursor: text;
    color: #A0A0A4
}

div.form-block.short div.form-layout p {
    margin: 0 0 10px;
    text-align: center
}

div.form-block.short input,
div.form-block.short textarea {
    width: 100%;
    box-sizing: border-box;
    margin: 10px 0;
    padding-left: 10px;
    min-height: 35px;
    font-family: Arial, Helvetica, sans-serif;
    background: #b6c1c438;
    color: #999;
    font-size: 16px;
}

div.form-block.short textarea {
    padding: 10px;
}

div.form-block.short input:focus,
div.form-block.short textarea:focus {
    background: #98cedd59;
}

.alert-successMessage {
    text-align: center;
    font-size: 20px;
    margin: 70px auto 0;
    padding: 20px 120px;
    background-color: #71a46f;
    color: #fff;
    width: max-content;
}

div.popup-new {
    display: none;
    margin: 10px auto auto;
    z-index: 10001;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0
}

div.popup-new a.close {
    position: absolute;
    right: 20px;
    top: 20px;
    background: url(images/template/popup/close.gif) center center no-repeat;
    width: 32px;
    height: 32px;
    cursor: pointer
}

div.hide-layout {
    display: none;
    background-image: url(images/template/popup/bg_dark_transparent.png);
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10000
}

div.popup.opened {
    display: block;
    top: 50px
}

div.hide-layout.opened {
    display: block
}

div.phone-address {
    width: 365px;
    z-index: 10
}

div.phone {
    border-radius: 10px;
    -moz-border-radius: 10px;
    -khtml-border-radius: 10px;
    position: relative;
    z-index: 30;
    float: right;
    margin: 0
}

div.phone p.phoneActive a, div.phone p.phoneActive a b {
    color: #59606c;
    font: 100 28px Roboto;
    cursor: pointer
}

div.phone p.phoneActive a b {
    font-weight: 500;
    border-bottom: 1px dashed #83cbed
}

div.phone p.phoneActive a small {
    display: none
}

div.phone div.ico {
    background: url(images/template/phone/phone.png) left center no-repeat;
    width: 38px;
    height: 32px;
    position: absolute;
    left: -30px;
    top: 11px;
    border-right: 1px solid #eee
}

div.phone p.phoneActive {
    text-align: center;
    background: url(images/template/phone/arrow-down.gif) right center no-repeat
}

div.phone .all {
    position: relative;
    padding: 0;
    width: 100%;
    border-bottom: 1px #eee solid;
    display: none
}

div.phone .all li a span {
    color: #f60;
    border: none
}

div.phone .all a:hover {
    background: #0095da;
    color: #fff
}

div.phone .all a:hover small, div.phone .all a:hover span {
    color: #fff
}

div.phone a b.icq {
    background: url(images/template/ico-icq.png) no-repeat
}

div.phone a b.skype {
    background: url(images/template/ico-skype.png) no-repeat
}

div.phone a b.icq, div.phone a b.skype {
    padding: 0 0 0 30px;
    background-position: 6px 6px
}

div.phone .all ul {
    list-style: none;
    background: #fff
}

div.phone .all a {
    font: 100 28px Roboto;
    display: block;
    text-align: center;
    color: #7d7d7d;
    text-decoration: none;
    padding: 7px 0 7px 20px;
    box-shadow: 0 1px 2px
}

.hidden, div.phone .all li a.active, div.phone-address address.hide,
div.toggle-links a.hide {
    display: none
}

div.phone .all li a b {
    font-size: 28px;
    font-weight: 500
}

div.phone-address address {
    background: url(images/template/phone/icon-contacts-small.png) no-repeat;
    padding-left: 25px;
    font-size: 12px;
    float: left;
    line-height: 25px;
    margin: 10px 0 0 30px
}

div.phone p.phoneActive a span {
    border: none
}

div.hotkot {
    float: left;
    width: 15%
}

div.hotkot a {
    text-align: left;
    padding: 7px 0 0 75px;
    background: url(images/template/hotkot/hotkot_logo_baige.png) no-repeat;
    width: 70px;
    height: 47px;
    text-decoration: none;
    color: #704e34;
    font-size: 9px
}

div.social_links h2 {
    font-weight: 400;
    color: #FFF;
    font-size: 14px;
    float: left;
    margin: 25px 10% 0 0;
    letter-spacing: normal
}

div.social_links a {
    width: 32px;
    height: 32px;
    margin: 0 2% 0 0
}

div.social_links a#vkontacte:hover {
    background-position: 0 0
}

div.social_links a#facebook:hover {
    background-position: -32px 0
}

div.social_links a#twitter:hover {
    background-position: -64px 0
}

div.social_links a#google:hover {
    background-position: -96px 0
}

div.social_links a#youtube:hover {
    background-position: -128px 0
}

div.social_links a#vkontacte {
    background: url(images/template/social/social_icons_baige.png) 0 -34px no-repeat
}

div.social_links a#facebook {
    background: url(images/template/social/social_icons_baige.png) -32px -34px no-repeat
}

div.social_links a#twitter {
    background: url(images/template/social/social_icons_baige.png) -64px -34px no-repeat
}

div.social_links a#google {
    background: url(images/template/social/social_icons_baige.png) -96px -34px no-repeat
}

div.social_links a#youtube {
    background: url(images/template/social/social_icons_baige.png) -128px -34px no-repeat
}

#content-scroll {
    position: relative;
    float: left
}

#content-scroll .jcarousel-skin-tango .jcarousel-next-horizontal,
#content-scroll .jcarousel-skin-tango .jcarousel-prev-horizontal {
    top: 50%;
    margin-top: -32px;
    width: 24px;
    height: 65px
}

#content-scroll .jcarousel-skin-tango .jcarousel-prev-horizontal {
    background: url(images/template/slider/blue/toL.png) left no-repeat;
    left: -40px
}

#content-scroll .jcarousel-skin-tango .jcarousel-next-horizontal {
    background: url(images/template/slider/blue/toR.png) right no-repeat;
    right: -40px
}

#content-scroll .jcarousel-skin-tango .jcarousel-container-horizontal {
    margin: 0 65px
}

#content-scroll ul#mycarousel {
    overflow: hidden
}

div.success {
    background: #f7fde1;
    font-size: 18px;
    padding: 15px;
    color: #4b8a01;
    margin: 10px 0;
    border-bottom: 1px dashed #dfe7c2
}

div.success p {
    font-size: 12px;
    margin: 0
}

div.warning {
    background: url(images/template/error.gif) 10px 10px no-repeat #ffd3d3;
    font-size: 14px;
    padding: 15px 15px 15px 45px;
    margin: -5px 0 15px;
    color: #C00
}

span.error {
    font-size: 12px
}

div.mesABS {
    position: absolute;
    z-index: 1001;
    top: 20%;
    left: 50%;
    width: 550px;
    margin-left: -275px
}

div.mesBlock {
    border: 10px solid #fff;
    padding: 35px 25px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .35)
}

div.mesBlock div {
    width: 32px;
    height: 32px;
    float: left;
    margin: 0 10px 0 0
}

div.mesBlock p {
    margin: 5px 35px 0;
    font-size: 16px;
    text-align: center
}

div.mesBlock p a {
    font-weight: 700;
    text-decoration: none;
    border-bottom: 1px dashed
}

div.mesBlock p a:hover, div.toggle-links a:hover span {
    border: none
}

div.mesBlock a.close {
    position: absolute;
    cursor: pointer;
    z-index: 21;
    right: 20px;
    top: 20px;
    background: url(images/template/popup/close.gif) no-repeat;
    width: 16px;
    height: 16px
}

div.mesBlock a.tryAgain {
    cursor: pointer
}

div.errorBlock {
    background: #ffeded
}

div.errorBlock div {
    background: url(images/template/error_icon.gif) no-repeat
}

div.errorBlock p, div.errorBlock p a {
    color: #f60000
}

div.successBlock {
    background: url(images/template/popup/bg-message.gif) #effdd2
}

div.successBlock p, div.successBlock p a {
    color: #608e00
}

div.toggle-links {
    text-align: center;
    margin: 0 0 50px
}

div.toggle-links a {
    font-size: 18px
}

div.toggle-links a span {
    border-bottom-style: dashed;
    padding: 0 0 2px
}

div.header, div.top-bar {
    min-width: 1100px
}

body.int div.header div.internal, div.top-bar div.box {
    max-width: 1200px;
    margin: 0 auto
    /* width: 100%;
    max-width: 1350px;
    margin: 0 auto; */
}

div.header, div.logo, div.top-bar {
    position: relative
}

body {
    background: #fff;
    font-size: 14px;
    font-family: Arial, Helvetica, sans-serif;
    color: #555
}

h1, h2, h3, h4, h5, h6 {
    font-family: Roboto, sans-serif;
    color: #444
}

h1 {
    font-size: 36px;
    font-weight: 500
}

h2 {
    font-size: 32px;
    font-weight: 400
}

a {
    color: #7a6ec8
}

/*a span {
    border-bottom: 1px solid #a66cc7
}*/

div.top-bar div.box {
    height: 60px;
    min-width: 1100px
}

p.descr.intro {
    width: 65%;
    margin: 0 auto
}

div.header {
    z-index: 10;
    padding: 1px 0
}

div.logo, div.logo a {
    width: 190px;
    height: 100px
}

div.logo {
    margin: 20px auto 0
}

div.logo a {
    background: url(images/design/logo.png) top center no-repeat
}

body.int div.header div.internal div.logo {
    float: left;
    margin-left: 9%
}

div.phone {
    box-shadow: none;
    margin: 5px 20px 0 0;
    border-radius: 0
}

div.phone .all {
    border: none;
    padding: 5px 0 10px
}

div.phone div.ico {
    background: url(images/template/phone.png) center center no-repeat;
    height: 25px
}

div.phone div.select {
    cursor: pointer;
    position: absolute;
    background: url(images/template/arrow_menu_bottom_2.gif) center right no-repeat;
    right: -7px;
    width: 21px;
    height: 21px;
    top: 16px
}

div.phone p.phoneActive {
    margin-top: 10px;
    color: #59606c
}

div.phone p.phoneActive a {
    font-size: 22px;
    padding: 0 20px
}

div.phone p.phoneActive a b {
    color: #7a6ec8;
    border: none;
    font-size: 22px;
    margin: 0
}

div.phone .all li a {
    text-align: left;
    font-size: 22px
}

div.phone .all li a:hover {
    background: 0 0;
    color: #7a6ec8
}

div.lang div.all, div.lang ul {
    display: none;
    background: #fff
}

div.phone .all li a b {
    color: #a66cc7;
    font-size: 22px
}

div.lang {
    position: relative;
    float: right;
    margin: 15px 2% 0 0;
    padding: 0 20px 0 0
}

div.lang p.langActive {
    font: 13px Arial;
    border: 2px solid #ccc;
    text-transform: uppercase
}

div.lang p.langActive a, div.lang p.langActive a:hover {
    padding: 5px 11px
}

div.lang div.all {
    position: absolute;
    top: 30px;
    left: 2px;
    z-index: 5
}

div.lang ul a.active {
    display: none
}

div.lang ul {
    position: relative;
    z-index: 1000;
    padding: 2px;
    box-shadow: 0 1px 2px
}

div.lang ul li a {
    padding: 3px;
    text-align: center;
    display: block;
    text-transform: uppercase
}

div.lang div.all ul li a, div.menu-main ul li a {
    color: #59606c;
    padding: 4px 11px;
    text-decoration: none;
    letter-spacing: 0;
    position: relative;
    text-transform: uppercase
}

div.lang ul li a:hover {
    background: #f1f1f2
}

div.lang:hover ul {
    display: block
}

div.lang a {
    cursor: pointer
}

div.lang div.all ul li {
    margin: 0
}

div.lang div.all ul li a {
    cursor: pointer;
    font: 13px Arial
}

div.menu-main {
    float: left;
    margin: 17px 0 0 75px;
    z-index: 20;
    width: 755px
}

div.menu-main ul {
    margin: 0
}

div.menu-main ul li {
    float: left;
    list-style: none;
    margin-right: 1.5%;
    position: relative
}

div.about ul li, ul.bullets ul {
 /*   list-style: disc*/
}

div.menu-main ul li a {
    font: 14px Roboto
}

div.menu-main ul li a span {
    z-index: 5;
    position: relative;
    border: none

}

div.menu-main ul li.map a {
    padding-left: 20px;
    background: url(images/design/menu_first.png) left center no-repeat
}

div.menu-main ul li.map a span {
    border-bottom: 1px dashed #CCC
}

div.menu-main ul li.map {
    display: none
}

body.tpl_en div.menu-main ul li.map_en, body.tpl_ru div.menu-main ul li.map_ru {
    display: block
}

div.menu-main ul li a.active, div.menu-main ul li a:hover {
    background-color: #f1f1f2;
    color: #7a6ec8
}

div.menu-main ul li#home a span {
    display: none
}

div.menu-main ul li#home a {
    display: block;
    height: 20px;
    background: url(images/template/icon_home_blue.gif) center -1px no-repeat
}

div.menu-main ul li#home a.active {
    background-color: #f1f1f2
}

div.slogan {
    margin: -20px auto 0;
    width: 860px;
    height: 110px;
    padding: 65px 0 0;
    position: relative;
    color: #fff;
    background: url(images/design/slogan-bg.png) top center no-repeat;
    background-size: 100%
}

div#fade div.v0, div#fade div.v1, div#fade div.v2, div#fade div.v3 {
    height: 760px;
    min-width: 1100px
}

div.slogan h1 {
    font: 100 42px Roboto;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    line-height: 100%
}

div.slogan p {
    font: 500 22px Roboto;
    text-align: center;
    text-transform: uppercase;
    margin: 10px 0 0
}

div.slogan h1 span {
    color: #fff08d;
    font-weight: 500
}

div.slogan p span {
    color: #fff08d
}

body.tpl_en div.slogan h1 {
    font-size: 36px
}
body.int div.header div.centr_calendar {
    margin: 0 auto 50px;
}

body.int div.header div.internal div.slogan {
    margin: 0 auto;
    width: 560px;
    padding: 40px 0 0;
    background-size: 100%
}

body.int div.header div.internal div.slogan h1 {
    font-size: 24px;
    margin-top: 5px
}

body.int.tpl_en div.header div.internal div.slogan h1 {
    font-size: 22px
}

body.int div.header div.internal div.slogan p {
    font-size: 14px
}

@media screen and (max-width:1300px) {
    body.int div.header div.internal div.slogan {
        background: 0 0
    }
}

div.centr_calendar {
    margin: 30px auto 50px;
    position: relative
}

div.centr_calendar div.L, div.centr_calendar div.R {
    width: 49%;
    display: none
}

div.centr_calendar div.bron {
    width: 97%;
    border: 3px solid #f6e159;
    margin: 15px 0 -20px
}

div.centr_calendar div.bron a {
    text-align: center;
    display: block;
    padding: 12px 0 10px;
    font: 500 22px Roboto;
    color: #636363;
    background: #f9e668;
    border: 3px solid #fff;
    text-transform: uppercase;
    cursor: pointer
}

div.centr_calendar div.L input, div.centr_calendar div.R input {
    background: url(images/design/calendar.png) 95% center no-repeat #fff;
    border: 2px solid #fff;
    width: 91%;
    font: 15px Arial;
    color: #59595a;
    display: block;
    padding: 7px 0 7px 5%;
    cursor: pointer
}

div.centr_calendar div.L input.error-field, div.centr_calendar div.R input.error-field {
    color: red;
    border: 2px solid red
}

body.int div.centr_calendar div.bron {
    margin-top: 25px
}

div.visuals {
    min-width: 1100px;
    margin: 0 auto;
    position: relative
}

div.visuals div#fade {
    width: 100%;
    position: absolute !important;
    top: 0;
    left: 0;
    z-index: 0
}

div#fade div.v0 {
    width: 100%;
    background: url(images/design/v0.jpg) top center no-repeat
}

div#fade div.v1 {
    width: 100%;
    background: url(images/design/v1.jpg) top center no-repeat
}

div#fade div.v2 {
    width: 100%;
    background: url(images/design/v2.jpg) top center no-repeat
}

div#fade div.v3 {
    width: 100%;
    background: url(images/design/v3.jpg) top center no-repeat
}

body.int div#fade div.v0 {
    height: 720px
}

a.purple_btn {
    color: #7a6ec8;
    border: 3px solid #7a6ec8;
    padding: 8px 28px;
    font: 500 16px Roboto;
    text-transform: uppercase
}

div.bron {
    width: 97%;
    border: 3px solid #f6e159;
    margin: 8px 0 0
}

div.bron a {
    text-align: center;
    display: block;
    padding: 12px 0 10px;
    font: 500 22px Roboto;
    color: #636363;
    background: #f9e668;
    border: 3px solid #fff;
    text-transform: uppercase;
    cursor: pointer
}

.white {
    background: #fff
}

.rel {
    position: relative;
    z-index: 10
}

div.front_deco_line {
    background: url(images/design/front-line.png) top center no-repeat;
    position: relative;
    margin: -23px 0 0;
    height: 23px
}

div.int_deco_line {
    background: #fff;
    position: relative;
    margin: -24px 0 0;
    height: 24px
}

div.f_left, div.f_right {
    width: 50px;
    height: 23px;
    top: 0;
    position: absolute
}

div.f_left {
    background: url(images/design/front-left.png) top left no-repeat;
    left: -50px
}

div.f_right {
    background: #fff;
    right: -50px
}

div.int_house {
    position: absolute;
    top: -67px;
    width: 325px;
    height: 67px;
    left: 50%;
    margin: 0 0 0 -162px;
  /*  background: url(images/design/int-house-deco.png) top center no-repeat*/
}

.carusel-bg {
    background: url(images/design/carusel-bg.jpg) top center repeat-x;
    z-index: 10
}

div#slides ul.pagination {
    top: 400px
}

div.slider-gallery ul.pagination {
    left: 45%
}

div.about div.slider-gallery, div.number_view div.no-photo, div.number_view div.slider-gallery {
    width: 50%;
    float: right;
    margin: 0 3% 50px 40px;
    position: relative
}

div.about div.slider-gallery img, div.number_view div.no-photo img,
div.number_view div.slider-gallery img {
    width: 100%
}

div.about div.slider-gallery ul.pagination, div.number_view div.slider-gallery ul.pagination {
    top: 350px
}

div.about div.slider-gallery ul.pagination {
    left: 40%
}

div.about div.slides_container, div.about div.slides_control, div.about-sl div.slides_container,
div.about-sl div.slides_control {
    height: 335px
}

div.midline {
    position: relative;
    min-width: 1100px
}

div.midline div.box{
    margin: 0 auto;
    max-width: 1100px;
    min-width: 1000px;
    padding: 0px 50px 340px
}
div.midline div.box2{
    margin: 0 auto;
    max-width: 1100px;
    min-width: 1000px;
    padding: 1px 50px 30px
}
div.botline, div.footer {
    min-width: 1100px;
    position: relative
}

div.why {
    float: left;
    display: block;
    width: 45%;
    padding: 40px 90px 0 0
}

div.why p {
    float: right;
    font: 14px Arial;
    line-height: 150%;
    width: 60%;
    margin-top: 7px;
    text-indent: -10px
}

div.why h3 {
    font: 100 42px Roboto;
    color: #313131;
    margin: 0 0 25px;
    line-height: 120%;
    text-transform: uppercase
}

div.why h3 span {
    font-weight: 500
}

div.why-r,
div.why:nth-child(3) {
  float: left;
   display: block;
    width: 45%;
    padding: 40px 0
}

div.why-r p,
div.why:nth-child(3) p {
    float: right;
    font: 14px Arial;
    line-height: 150%;
    width: 60%;
    margin-top: 7px;
    text-indent: -10px
}

div.why-r h3,
div.why:nth-child(3) h3 {
    font: 100 42px Roboto;
    color: #313131;
    margin: 0 0 25px;
    line-height: 120%;
    text-transform: uppercase
}

div.why-r h3 span,
div.why:nth-child(3) h3 span {
    font-weight: 500
}


div.akcii {
    width: 50%;
    padding: 27px 0 40px;
    margin: 0 0 0 50%;
    height: 330px
}

div.akcii div.slides_container, div.akcii div.slides_control {
    height: 350px
}

div.akcii div.show_block {
    position: relative;
    width: 550px
}

div.akcii div.bot_deco, div.akcii div.top_deco {
    display: none;
    width: 30px;
    height: 30px;
    position: absolute;
    z-index: 100
}

div.akcii div.top_deco {
    background: url(images/design/top-deco-small.png) top left no-repeat;
    top: 20px;
    left: 0
}

div.akcii div.bot_deco {
    background: url(images/design/bot-deco-small.png) bottom right no-repeat;
    bottom: 0;
    right: 0
}

div.akcii div.show_block a.img img {
    width: 100%
}

div.akcii a.all {
    color: #a76ec8;
    font: 500 16px Roboto;
    text-transform: uppercase;
    float: right;
    margin: 5px 30px 0 0
}

div.about h1 {
    font: 300 44px Roboto;
    margin: 25px 0 30px;
    text-align: center;
    text-transform: uppercase
}

div.about h1 span {
    font-weight: 500
}

div.about p {
    font: 16px Arial;
    color: #656262;
    line-height: 150%;
    margin: 0 0 35px
}

div.about p.centr {
    text-align: center;
    margin: 0 15%;
    font-style: italic
}

div.about ul {
    margin: 0 0 30px 40px
}

div.about ul li {
    margin: 0 0 10px
}

div.contacts {
    position: relative
}

div.contacts h1 {
    font: 300 44px Roboto;
    margin: 25px 0 10px;
    text-align: center;
    text-transform: uppercase;
    color: #313131
}

div.contacts h1 span {
    font-weight: 500
}

div.contacts p.descr {
    font: italic 16px Arial;
    text-align: center;
    margin: 0 0 40px
}

div.contacts div#map_canvas {
    height: 400px
}

div.contacts div.contact-deco {
    position: absolute;
    top: 50%;
    margin: -31px 0 0;
    left: 430px;
    width: 21px;
    height: 63px
}

div.contacts div.contact_block {
    position: absolute;
    top: 170px;
    right: 40px;
    z-index: 200;
    width: 400px;
    height: 220px;
    background: #fff;
    padding: 30px 10px 30px 20px
}

div.contact_block div.addr {
    font: italic 17px Arial;
    color: #59606c;
    padding: 0 0 0 60px;
    background: url(images/design/addr-bg2.png) 10px 2px no-repeat;
    margin: 0 0 25px
}

div.contact_block div.mail {
    color: #7a6ec8;
    font: 300 28px Roboto;
    background: url(images/design/mail-bg.png) 10px 5px no-repeat;
    padding: 3px 0 3px 60px;
    margin: 0 0 25px
}

div.contact_block div.tel {
    padding: 0 0 10px 60px;
    background: url(images/design/phone-bg.png) 10px 2px no-repeat
}

div.contact_block div.tel p {
    font: 100 28px Roboto;
    color: #595959
}

div.contact_block div.tel p span {
    color: #8d64aa
}

div.contact_block div.tel p b {
    font-weight: 500
}

div.contact-form h3 {
    font: 500 32px Roboto;
    color: #313131;
    text-align: center;
    text-transform: uppercase;
    margin: 40px 0 -20px
}

div.contact-form div.form-contacts {
    margin: 0 auto;
    width: 600px
}

div.contact-form div.form-layout {
    box-shadow: none;
    background: 0 0
}

div.form-block.short div.form-layout label {
    margin: 12px 0 3px 20px
}

div.form-block dl dd div {
    border-radius: 0;
    background: #fff;
    border-top: 1px solid #b6c1c4;
    border-left: 1px solid #b6c1c4;
    border-right: 1px solid #eaebda;
    border-bottom: 1px solid #eaebda;
    padding: 9px 8px
}

div.contact-form div.box {
    background: url(images/design/contacts-bg.png) top center no-repeat
}

div.contact-form div.popup-btn.bron {
    width: 60%;
    border: 3px solid #f6e159;
    margin: 10px auto -45px
}

div.contact-form div.popup-btn.bron input {
    -webkit-appearance: none;
    text-align: center;
    display: block;
    padding: 12px 0;
    font: 500 22px Roboto;
    color: #636363;
    background: #f9e668;
    border: 3px solid #fff;
    text-transform: uppercase;
    cursor: pointer;
    margin: 0;
    border-radius: 0
}

div.personal h3 {
    font: 300 42px Roboto;
    text-align: center;
    margin: 40px 0;
    text-transform: uppercase
}

div.personal h3 span {
    font-weight: 500
}

div.personal ul li {
    width: 200px;
    margin: 0 25px 0 0
}

div.personal ul li img {
    -webkit-border-radius: 95px;
    -moz-border-radius: 95px;
    border-radius: 95px;
    cursor: pointer;
    margin: 0 0 10px
}

div.personal ul li img.im1 {
    display: none
}

div.personal ul li img.im2, div.personal ul li:hover img.im1 {
    display: block
}

div.personal ul li:hover img.im2 {
    display: none
}

div.personal ul li p.name {
    font: italic 17px Arial;
    color: #313131;
    margin: 0 0 5px
}

div.personal ul li p.rang {
    font: italic 12px Arial;
    color: #737373
}

div.midline img.val_day {
    width: 100%;
    margin: 70px 0 -70px
}

.content-scroll .jcarousel-skin-tango .jcarousel-container-horizontal {
    margin: 0;
    padding: 0
}

.content-scroll .jcarousel-skin-tango .jcarousel-next-horizontal,
.content-scroll .jcarousel-skin-tango .jcarousel-prev-horizontal {
    top: 35%;
    margin-top: -32px;
    width: 23px;
    height: 41px
}

div.clear, div.house_list ul li a.img img {
    width: 100%
}

.content-scroll .jcarousel-skin-tango .jcarousel-prev-horizontal {
    background: url(images/design/L.png) left no-repeat;
    left: -40px
}

.content-scroll .jcarousel-skin-tango .jcarousel-next-horizontal {
    background: url(images/design/R.png) right no-repeat;
    right: -40px
}

div.clear {
    clear: both
}

div.house_list {
    text-align: center
}

div.house_list h1 {
    font: 300 42px Roboto;
    margin: 40px 0 15px;
    text-align: center;
    text-transform: uppercase
}

div.house_list h1 span {
    font-weight: 500
}

div.house_list h3 {
    font: 300 42px Roboto;
    margin: 45px 0 15px;
    text-align: center;
    text-transform: uppercase
}

div.house_list h3 span {
    font-weight: 500
}

div.house_list p.descr {
    font: 14px Arial;
    text-align: center;
    margin-bottom: 25px;
    line-height: 150%
}

div.house_list ul li p.descr, div.house_list ul li p.price {
    font: 300 16px Roboto;
    text-align: center;
    text-transform: uppercase;
    margin: 15px 20px 10px
}

div.house_list ul li p.price b {
    font-weight: 500
}

div.house_list ul li p.descr a, div.house_list ul li p.price a {
    color: #555;
    cursor: pointer;
    font-weight: 300;
    line-height: 150%
}

div.house_list ul li p.price a {
    font-size: 28px
}

div.house_list ul li p a span {
    border: none
}

div.house_list ul li p a span b {
    border-bottom: 1px solid #cab4db;
    font-weight: 500;
    color: #7a6ec8
}

div.house_list ul li p.price a span {
    border-bottom: 1px dashed #cab4db;
    color: #7a6ec8;
    font-weight: 500
}

div.house_list a.purple_btn {
    display: inline-block;
    margin: 0 auto 30px;
    text-align: center
}

div.next_prev_links a.ar_L.disable, div.next_prev_links a.ar_R.disable,
div.next_prev_links p {
    display: none
}

div.house_list.view li {
    float: left;
    width: 30%;
    margin: 0 1.5% 40px
}

div.house_list.view li:nth-child(3n + 1) {
    clear: both;
    float: left
}

div.house_list.view div.bron {
    width: 250px;
    margin: 0 auto
}

div.house_list.view p.descr {
    line-height: 150%
}

div.about div.house_list.bottom ul li a.img img {
    width: auto;
    height: 220px
}

div.number_view {
    position: relative;
    margin: 0 3%
}

div.number_view h3 {
    font: 300 42px Roboto;
    margin: 40px 10% 45px;
    text-align: center;
    text-transform: uppercase
}

div.number_view h3 b, div.number_view h3 span {
    font-weight: 500
}

div.number_view p {
    font: 16px Arial;
    color: #656262;
    line-height: 150%
}

div.number_view div.left {
    margin: 0 55% 0 0
}

div.number_view p.price {
   text-align: center;
   margin: 70px 0 0;
}

div.number_view p.price span {
    font: 500 42px Roboto;
    color: #313131;
    letter-spacing: -2px;
    position: relative
}

div.number_view p.price span span.discount {
    position: absolute;
    color: #ef4f69;
    top: -20px;
    right: 10px;
    font-size: 22px;
    font-weight: 300;
    letter-spacing: normal;
    text-decoration: line-through
}

div.number_view p.price span.for_one {
    color: #7a6ec8
}

div.number_view p.price span.for_one span {
    font-weight: 300
}

div.number_view p.price span.for_one span.txt_for_one {
    color: #7a6ec8;
    font-size: 10px;
    position: absolute;
    bottom: -30px;
    right: 10px;
    font-weight: 300;
    text-transform: uppercase;
    letter-spacing: normal
}

div.number_view div.bron {
    width: 250px;
    float: right;
    margin-top: 45px
}

div.next_prev_links {
    position: absolute;
    top: 5px;
    width: 100%
}

div.next_prev_links a.ar_L {
    position: absolute;
    top: 5px;
    left: 5%;
    width: 23px;
    height: 41px;
    background: url(images/design/prev-arr.png) top center no-repeat
}

div.next_prev_links a.ar_R {
    position: absolute;
    top: 5px;
    right: 5%;
    width: 23px;
    height: 41px;
    background: url(images/design/next-arr.png) top center no-repeat
}

div.otzyv {
    width: 100%;
    margin-bottom: 40px
}

div.otzyv h3 {
    font: 300 42px Roboto;
    margin: 40px 0 25px;
    text-align: center;
    text-transform: uppercase
}

div.otzyv h3 span {
    font-weight: 500
}

div.otzyv p.descr {
    font: 14px Arial;
    text-align: center;
    margin: 0 0 40px
}

div.otzyv ul li {
    float: left;
    width: 28%;
    margin: 0 5% 0 0
}

div.otzyv ul li p {
    font: 14px Arial;
    color: #313131;
    line-height: 150%;
    padding: 0 0 20px;
    text-indent: -10px
}

div.otzyv ul li span {
    display: block;
    font: italic 17px Arial;
    color: #939393
}

div.otzyv div.centr_lnk {
    clear: both;
    text-align: center;
    padding: 0
}

div.centr_lnk a.orange_btn {
    border: 3px solid #f6e159;
    font: 500 16px Roboto;
    color: #636363;
    cursor: pointer;
    background: #f9e668;
    text-transform: uppercase;
    padding: 8px 25px
}

div.centr_lnk a.purple_btn {
    cursor: pointer;
    padding: 8px 45px
}

body.tpl_en div.centr_lnk a.purple_btn {
    padding: 8px 25px
}

div#map_canvas {
    height: 500px
}

div.botline {
    margin-top: -10px;
    background: url(images/design/footer-bg.png) top center repeat-x;
    z-index: 10;
    float: left;
    width: 100%
}

div.footer {
    padding: 50px 0;
    max-width: 1350px;
    margin: 0 auto
}

div.footer div.left_f {
    float: left;
    width: 27%;
    margin: 45px 0 0 9%
}

div.left_f ul {
    float: left;
    width: 49%
}

div.left_f ul li {
    float: left;
    width: 100%;
    margin: 0 0 15px
}

div.left_f ul li a {
    color: #acacac;
    text-transform: uppercase;
    font: 300 14px Roboto
}

div.right_f {
    float: right;
    width: 30%;
    margin: 45px 5% 0 0
}

div.right_f div.phone {
    background: 0 0;
    margin-right: 15%
}

div.right_f div.phone p.phoneActive a, div.right_f div.phone p.phoneActive a b {
    color: #acacac
}

div.right_f div.phone div.ico {
    border-right: 1px solid #88888a
}

div.right_f div.phone .all li a {
    text-align: left;
    font-size: 22px;
    color: #acacac;
    box-shadow: none
}

div.right_f div.phone .all li a b {
    color: #acacac;
    font-size: 22px
}

div.right_f div.phone .all ul {
    background: 0 0
}

div.right_f div.address {
    float: right;
    width: 208px;
    padding: 0 0 0 50px;
    margin: 25px 10% 0 0;
    background: url(images/design/addr-bg.png) 5px 0 no-repeat;
    font: italic 14px Arial;
    color: #acacac
}

div.right_f a.mail {
    font: italic 17px Arial;
    color: #7a6ec8;
    display: block;
    margin: 15px 110px 0 0;
    float: right
}

div.centr_f {
    margin: 0 38%;
    border-right: 1px solid #57595c;
    border-left: 1px solid #57595c
}

div.centr_f div.copy {
    font: 11px Arial;
    color: #acacac;
    text-align: center;
    margin: 25px 20% 0 25%
}

div.soc_links {
    margin: 25px 20% 0;
    text-align: center;
}

div.soc_links a {
    margin: 0 5%
}

div.soc_links a.facebook {
    background: url(images/design/facebook.png) top center no-repeat;
    width: 12px;
    height: 25px
}

div.soc_links a.google {
    background: url(images/design/google.png) top center no-repeat;
    width: 25px;
    height: 25px
}

div.soc_links a.ff {
    background: url(images/design/ff.png) top center no-repeat;
    width: 25px;
    height: 25px
}

div.soc_links a.in {
    background: url(images/design/in.png) top center no-repeat;
    width: 25px;
    height: 25px
}

div.footer div.logo {
    width: 140px;
    height: 101px;
    margin: 25px auto 0;
    position: relative
}

div.footer div.logo a {
    background: url(images/design/logo_f.png) top center no-repeat;
    width: 140px;
    height: 101px
}

div.hide_layout, div.hide_layout_form, div.hide_layout_form_2 {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(images/design/hide-bg.png) top left;
    z-index: 10000
}

div.hide_layout_form.opened, div.hide_layout_form_2.opened {
    display: block
}

div.popup {
    display: none;
    position: absolute;
    z-index: 10001;
    left: 50%;
    top: 0
}

div.popup_layout {
    padding: 50px 55px 20px;
    position: relative;
    z-index: 1;
    background: #fff;
    border: 2px solid #999;
    border-radius: 5px;
}

div.popup a.close {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 25px;
    height: 25px;
    cursor: pointer;
    background: url(images/design/cross.png) center center no-repeat #fff;
    z-index: 2
}

div.popup_layout form dl {
    width: 100%;
    margin: 0 0 13px
}

div.popup_layout form dt {
    font: 14px Arial;
    color: #626679;
    line-height: 150%;
    margin: 0 0 2px
}

div.popup_layout form dt span {
    color: red
}

div.popup_layout form dl div {
    width: 95%;
    border-radius: 0;
    background: #fff;
    border-top: 1px solid #b6c1c4;
    border-left: 1px solid #b6c1c4;
    border-right: 1px solid #eaebda;
    border-bottom: 1px solid #eaebda;
    padding: 10px 8px
}

div.popup_layout form dl div.error {
    border: 1px solid red
}

div.popup_layout form dl dd b.error {
    font-size: 11px;
    color: red
}

div.popup_layout form dl div input {
    background: 0 0;
    border: none;
    width: 97%;
    font: 16px Arial;
    color: #787878
}

div.popup_layout form dl div input.hasDatepicker {
    font-size: 20px
}

div.popup_layout form dl div select, div.popup_layout form dl div textarea {
    background: 0 0;
    border: none;
    width: 97%;
    font: 16px Arial;
    color: #787878
}

div.popup_layout form dl.fL.w45 {
    float: left;
    width: 50%
}

div.popup_layout form dl.fL.w45 dd div {
    width: 80%
}

div.popup_layout div.error-block {
    display: none;
    width: 95%;
    margin: 0 0 20px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: url(images/design/popups/error-block-bg.png) 10px 10px no-repeat #f36f6f
}

div.popup_layout div.error-block p {
    font: 14px Arial;
    color: #fff;
    text-align: left;
    margin: 0 0 0 130px;
    padding: 10px 0
}

div.popup_login div.popup_layout div.error-block, div.popup_registr div.popup_layout div.error-block {
    margin-top: 20px
}

div.popup_layout div.popup-btn.bron {
    width: 75%;
    border: 3px solid #f6e159;
    margin: 30px auto 0px
}

div.popup_layout div.popup-btn.bron input {
    -webkit-appearance: none;
    text-align: center;
    display: block;
    padding: 6px 0;
    font: 500 21px Roboto;
    color: #636363;
    background: #f9e668;
    border: 3px solid #fff;
    text-transform: uppercase;
    cursor: pointer;
    margin: 0;
    border-radius: 0
}

div.popup_layout.form-block {
    width: auto
}

div.form-block.short label {
    color: #a0a0a4;
    cursor: text;
    display: block;
    font-size: 16px;
    margin: 12px 0 3px 20px
}

div.form-block.short label b {
    color: red;
    font-weight: 700;
    margin: 0 3px 0 -10px
}

div.popup.message_popup {
    width: 820px;
    margin: 55px 0 0 -410px;
    display: block;
    box-shadow: 0 20px 20px rgba(0, 0, 0, .25)
}

div.popup.message_popup div.popup_layout {
    background: url(images/design/popup-mes-bg.png) center 50px no-repeat #fff
}

div.popup.message_popup h3 {
    font: 300 35px Roboto;
    color: #313131;
    text-align: center;
    margin: 80px 0 15px;
    text-transform: uppercase
}

div.popup.message_popup p {
    font: 17px Arial;
    color: #6d6767;
    text-align: center;
    margin: 0 0 80px
}

div.popup.bronirovanie_popup {
    width: 510px;
    margin: 0 0 0 -255px
}

div.popup.bronirovanie_popup div.popup_layout {
    background: url(images/design/zamok.png) right bottom no-repeat #fff
}

div.popup.bronirovanie_popup h3 {
text-align: center;
padding: 20px 0 0 0;
text-transform: uppercase;
margin: -20px 0 0px 0px;
}

div.popup.bronirovanie_popup dl.left {
    width: 45%;
    display: inline-block;
    margin: 0 3% 0 0
}

div.popup_layout form dl div input.hasDatepicker, div.popup_layout form dl div.calendar {
    cursor: pointer
}

div.popup.bronirovanie_popup div.ord img {
    width: 120px
}

div.popup.bronirovanie_popup div.ord p {
    float: right;
    width: 230px;
    font: 300 16px Roboto;
    text-transform: uppercase;
    margin: 12px 20px 40px 0
}

div.popup.bronirovanie_popup div.ord p a {
    font: 500 16px Roboto;
    color: #313131;
    cursor: default
}

div.popup.bronirovanie_popup div.ord p a span {
    border: none
}

div.popup.map_popup {
    width: 1050px;
    margin: 0 0 0 -525px;
    background: #fff;
    border: 2px solid #7a6ec8;
}

div.popup.map_popup div.left {
    float: left;
    width: 370px;
    position: relative
}

div.popup.map_popup div.left div.deco {
    position: absolute;
    top: 0;
    right: -10px;
    height: 100%;
    width: 10px;
    background: url(images/design/map_deco.png) top right repeat-y;
    z-index: 10
}

div.popup.map_popup div.left h3 {
    font: 500 35px Roboto;
    text-align: center;
    text-transform: uppercase;
    margin: 30px
}

div.popup.map_popup div.left p {
    font: italic 14px Arial;
    text-align: center;
    margin: 0 30px 40px;
    line-height: 150%
}

div.popup.map_popup div#map_canvas, div.popup.map_popup div#map_canvas2 {
    margin: 0 0 0 370px;
    height: 500px
}

div.int_big_house {
    position: absolute;
    top: -159px;
    width: 760px;
    height: 160px;
    left: 50%;
    margin: 0 0 0 -380px;
    background: url(images/design/int-big-house-deco.png) top center no-repeat;
    z-index: 1
}

div.actions-sl, div.actions_view {
    position: relative
}

div.opinions h1 {
    font: 300 44px Roboto;
    margin: 25px 0 10px;
    text-align: center;
    text-transform: uppercase;
    color: #313131
}

div.opinions h1 span {
    font-weight: 500
}

div.opinions p.descr {
    font: italic 16px Arial;
    text-align: center;
    margin: 0 0 40px
}

div.opinions div.otzyv_btn {
    width: 260px;
    margin: 0 auto 40px;
    border: 3px solid #f6e159
}

div.opinions div.otzyv_btn a {
    text-align: center;
    display: block;
    padding: 12px 0 10px;
    font: 500 22px Roboto;
    color: #636363;
    background: #f9e668;
    border: 3px solid #fff;
    text-transform: uppercase;
    cursor: pointer
}

div.opinions ul li {
    margin: 0 15% 40px
}

div.opinions ul li p.mes {
    line-height: 150%;
    text-indent: -12px;
    margin: 0 0 5px
}

div.opinions ul li p.man {
    font: italic 17px Arial;
    line-height: 150%;
    color: #939393
}

div.pager {
    margin: 60px 0 20px 15%
}

div.pager span.text {
    font: 16px Arial;
    color: #a2a2a2
}

div.pager a.active {
    padding: 2px 6px;
    background: #efefef;
    border: 1px solid #e3e3e3
}

div.cloud {
    background: url(images/design/clouds.png) top center no-repeat #fff;
    background-size: 100%
}

div.popup.otzyv_popup {
    width: 510px;
    margin: 0 0 0 -255px
}

div.popup.otzyv_popup div.popup_layout {
    background: url(images/design/vopros.png) right bottom no-repeat #fff
}

div.popup.otzyv_popup h3 {
    font: 500 35px Roboto;
    text-align: center;
    padding: 20px 0;
    text-transform: uppercase;
    margin: -20px 0 0
}

div.actions p.date, div.actions_view p.date {
    padding: 0 0 0 40px;
    text-transform: uppercase
}

div.popup.otzyv_popup dl.left {
    width: 45%;
    display: inline-block;
    margin: 0 3% 0 0
}

div.popup_layout form dl div.calendar {
    background: url(images/design/calendar.png) 95% 8px no-repeat #fff
}

div.popup.otzyv_popup div.ord img {
    width: 120px
}

div.popup.otzyv_popup div.ord p {
    float: right;
    width: 230px;
    font: 300 16px Roboto;
    text-transform: uppercase;
    margin: 12px 20px 40px 0
}

div.popup.otzyv_popup div.ord p a {
    font: 500 16px Roboto;
    color: #313131;
    cursor: default
}

div.popup.otzyv_popup div.ord p a span {
    border: none
}

div.actions h1 {
    font: 300 42px Roboto;
    margin: 40px 0 15px;
    text-align: center;
    text-transform: uppercase
}

div.actions h1 span {
    font-weight: 500
}

div.actions p.descr {
    font: 14px Arial;
    text-align: center;
    margin: 0 10% 40px;
    line-height: 150%
}

div.actions li {
    float: left;
    width: 30%;
    margin: 0 1.5% 40px
}

div.actions li a.img img {
    width: 100%
}

div.actions li a {
    font: 500 16px Roboto;
    text-transform: uppercase;
    margin: 0 0 15px
}

div.actions li a span {
    border-bottom-color: #e9daf1
}

div.actions li:nth-child(3n + 1) {
    clear: both;
    float: left
}

div.actions p.descr_short {
    font: 12px Arial;
    line-height: 150%;
    margin: 0 0 15px
}

div.actions p.date {
    font: 700 12px Arial;
    background: url(images/design/calendar.png) 5px 4px no-repeat;
    color: #6d6767
}

div.russia {
    background: url(images/design/russia.png) top center no-repeat #fff;
    background-size: 90%
}

div.actions div.pager {
    text-align: center;
    margin: 60px 0 20px
}

div.actions_view h1 {
    font: 300 42px Roboto;
    margin: 20px 10% 45px;
    text-align: center;
    text-transform: uppercase
}

div.actions_view h1 span {
    display: block;
    font: 300 18px Roboto;
    color: #ababab
}

div.actions_view p {
    font: 16px Arial;
    color: #656262;
    line-height: 150%;
    margin: 0 0 20px
}

div.actions_view div.left {
    margin: 0 50% 0 0
}

div.actions_view p.date {
    margin: 40px 0 0 25%;
    color: #6d6767;
    font: 700 12px Arial;
    background: url(images/design/calendar.png) 5px 4px no-repeat
}

div.actions-sl {
    width: 450px;
    float: right;
    margin: 0 0 50px 40px
}

div.actions-sl div.slides_container div {
    width: 450px
}

div.actions-sl div img {
    width: 100%
}

div.offers h1 {
    font: 300 42px Roboto;
    margin: 40px 0 15px;
    text-align: center;
    text-transform: uppercase
}

div.offers h1 span {
    font-weight: 500
}

div.offers p.descr {
    font: 14px Arial;
    text-align: center;
    margin: 0 15% 40px;
    line-height: 150%
}

div.offers ul li {
    float: left;
    margin: 0 4% 40px 0;
    width: 46%
}

div.offers a.show_block {
    display: block;
    position: relative
}

div.offers a.show_block img {
    width: 100%
}

div.offers a.show_block div.top_deco {
    width: 30px;
    height: 30px;
    background: url(images/design/top-deco-small.png) top left no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100
}

div.offers a.show_block div.bot_deco {
    width: 30px;
    height: 30px;
    background: url(images/design/bot-deco-small.png) bottom right no-repeat;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 100
}

div.offers p.date {
    font: 700 12px Arial;
    padding: 4px 0 4px 40px;
    text-transform: uppercase;
    background: url(images/design/calendar.png) 5px 0 no-repeat;
    margin: 15px 0 0 20px
}

@media screen and (max-width:1200px) {
    div.akcii div.show_block a.img img {
        width: 500px
    }

    div.menu-main {
        margin-left: 25px
    }

    div.lang {
        margin-right: 0
    }
}

div.box.white p.descr-title, p.descr-title {
    font-size: 14px;
    font-family: Arial;
    text-align: center;
    margin: -20px 15% 20px;
    line-height: 150%;
    font-style: italic
}

div.house_list p.descr-title {
    margin-top: 10px
}

div.box.white h1 {
    margin: 20px 0 30px
}

h2.h-center {
    font: 100 24px Roboto;
    text-transform: uppercase;
    text-align: center;
    margin: 0 5% 30px
}

h2.h-center b {
    font-weight: 500
}

ul.i-center {
    margin: 0;
    text-align: center;
    letter-spacing: 0
}

ul.i-center li {
    display: inline-block;
    margin: 0 3% 20px;
    line-height: 150%
}

ul.i-center.free li {
    height: 185px;
    font-size: 16px;
    width: 27%;
    background-position: bottom center;
    background-repeat: no-repeat
}

ul.i-center.free li.i01 {
    background-image: url(images/design/services/i01.jpg)
}

ul.i-center.free li.i02 {
    background-image: url(images/design/services/i02.jpg)
}

ul.i-center.free li.i03 {
    background-image: url(images/design/services/i03.jpg)
}

ul.i-center.free2 li {
    padding-top: 95px;
    width: 13%;
    vertical-align: top;
    margin-top: 0;
    font-size: 14px;
    background-position: top center;
    background-repeat: no-repeat
}

ul.i-center.free2 li.m01 {
    background-image: url(images/design/services/m01.png)
}

ul.i-center.free2 li.m02 {
    background-image: url(images/design/services/m02.png)
}

ul.i-center.free2 li.m03 {
    background-image: url(images/design/services/m03.png)
}

ul.i-center.free2 li.m04 {
    background-image: url(images/design/services/m04.png)
}

ul.i-center.free2 li.m05 {
    background-image: url(images/design/services/m05.png)
}

ul.i-center.free2.paid li {
    width: 18%
}

ul.i-center.free2 li.b01 {
    background-image: url(images/design/services/b01.png)
}

ul.i-center.free2 li.b02 {
    background-image: url(images/design/services/b02.png)
}

ul.i-center.free2 li.b03 {
    background-image: url(images/design/services/b03.png)
}

ul.i-center.free2 li.b04 {
    background-image: url(images/design/services/b04.png)
}

ul.i-center.free2 li.b05 {
    background-image: url(images/design/services/b05.png)
}

ul.i-center.free2 li.b06 {
    background-image: url(images/design/services/b06.png)
}

ul.i-center.free2 li.b07 {
    background-image: url(images/design/services/b07.png)
}

div.icon-plus {
    background: url(images/design/services/icon-plus.png) no-repeat;
    width: 62px;
    height: 62px;
    margin: -62px auto 10px
}

ul.bullets {
    width: 85%;
    margin: 30px auto 50px;
    letter-spacing: 0
}

ul.bullets li {
    width: 27%;
    margin: 0 1% 0 5%;
    float: left
}

ul.bullets li ul li {
    width: auto;
    margin: 0 0 20px;
    line-height: 150%
}

p.p-center {
    text-align: center;
    margin: 0 0 20px
}

div.bg-block {
    padding: 30px 0;
    margin: 0 0 30px
}

div.bg-block.green {
    background: #f5fbf3
}

div.bg-block h2.h-center {
    margin-bottom: 35px
}

div.carusel-bg.gallery {
    clear: both;
    margin: 0 -50px;
    background: 0 0
}

div.carusel-bg.gallery div.house_list {
    margin-top: 50px
}

div.carusel-bg.gallery .content-scroll .jcarousel-skin-tango .jcarousel-next-horizontal,
div.carusel-bg.gallery .content-scroll .jcarousel-skin-tango .jcarousel-prev-horizontal {
    top: 50%
}

div.carusel-bg.gallery div.bg-abs {
    background: url(images/design/services/bg-gallery.jpg) repeat-x;
    height: 330px;
    width: 100%;
    position: absolute;
    z-index: 0;
    left: 0
}

div.midline div.box{
    position: static;
}
div.down {
   padding-bottom: 350px!important;
}

div.bron.rules {
    width: auto;
    width: 250px;
    margin: 0 auto
}

div.bron.rules a {
    background: url(images/design/services/icon-doc.gif) 20px no-repeat #f9e668
}

div.rules-common {
    margin: 25px 0 0;
    text-align: center
}

div.bron.rules.rules2 {
    display: inline-block;
    vertical-align: middle;
    width: 300px;
    margin: 3px;
}

div.bron.rules.rules2 a {
    font-size: 15px
}

div.midline img.val_day {
    margin-top: 30px
}

div.carusel-bg.gallery .owl-theme .owl-controls .owl-nav [class * =owl-] {
    top: -150px
}

div.fixed-menu-left {
    position: fixed;
    left: 0;
    top: 100px;
    z-index: 2000;
    background-color: #f9e668;
}

div.fixed-menu-left a#visa-support {
    background: url(images/design/button-visa-support.gif) no-repeat;
    width: 39px;
    height: 171px;
    display: block
}

div.fixed-menu-left a#partnership {
    /*background-image: url(images/design/button-partnership.gif) no-repeat;*/
    /*width: 39px;
    height: 171px;*/
    display: block;
    border: 3px white solid;
    margin: 4px;
    writing-mode: vertical-rl;
    transform: scale(-1);
    text-align: center;
    padding: 10px 7px;
    text-transform: uppercase;
    color: #59606c !important;
    font-weight: normal;
}
@media screen and (min-width:760px) {
.mob_menu{
  display:none;
}
}
div.push40 {
  padding-bottom: 40px;
}
div.push30 {
  padding-bottom: 30px;
}
div.midline div.box3 {
	margin: 0 auto;
	max-width: 1100px;
	min-width: 1000px;
	padding: 1px 50px 30px;
}
.ob-calendar-widget * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
div.center {
  /* padding-left: 90px; */
}
.ui-state-default {
	color: #000!Important;
  border: 1px solid #c8c8c8!Important;
  background-color: #c8c8c8!Important;
  background: none;
}
.ui-widget-header {
	border: 1px solid #000!Important;
	background:none!Important;
	color: #333!Important;
}
.form-control:focus {
	border-color: #000!Important;
}
.ui-widget-content {
	border: 1px solid #000!Important;
}
.ec-antispam {
  display:none;
}
.alert-success {
  padding-top: 70px;
padding-left: 10px;
}
.ec-st {
padding: 10px;
}
.field2 {
    display:none;
}
div.obcal {
  display:none;
  }

.fa-css{
    position: relative;
    z-index: 9;
    font-size: 19px;
    color: #7a6ec8;
    margin-right: -5px;
}

/* FIX STYLES */
div.top-bar div.box {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap:wrap;
}
div.top-bar div.box > * {
    float: unset;
}
div.menu-main {
    flex: 1;
    width: unset;
    margin: 0;
}
div.phone {
    margin: 0;
}
div.phone p.phoneActive {
    margin-top: 0;
}
div.phone div.ico {
    top: 0;
}
div.menu-main ul li {
    margin-right: 0;
}

.box.white {
    display: flex;
    flex-wrap: wrap;
}
.box.white .front_deco_line {
    width: 100%;
}
.box.white .why {
    width: 50%;
    padding: 0;
    margin: 30px 0 0 0;
    box-sizing: border-box;
}
.box.white .why:nth-child(3) {
    padding-left: 40px;
}
.box.white .why:nth-child(2) {
    padding-right: 40px;
}
.box.white > * {
    float: unset;
}
div.midline div.box {
    padding: 0 50px 20px 50px;
}
.slider-gallery.about-sl.gallery {
    float: unset;
    margin: 0 auto 40px;
}
div.clear_content ul {
    list-style: disc;
    margin: 0 10px;
}
div.clear_content ul li {
    margin: 0 10px;
}
.fancybox.video {
    position: relative;
    height: 100%;
    width: 100%;
}
.fancybox.video img {
    height: 100%;
    object-fit: cover;
}
.fancybox.video::after {
    content: '';
    position: absolute;
    background-color: #ffffff50;
    background-image: url(/css/images/design/play_icon.png);
    background-size: 80%;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 10px;
    width: 64px;
    height: 64px;
    top: calc(50% - 32px);
    left: calc(50% - 32px);
}
.slides_container .owl-item > div {
    height: 335px;
    max-height: 335px;
}
#mycarousel4 .owl-controls {
    margin-top: 10px;
}
@media screen and (max-width: 760px) {
    div.top-bar div.box {
        display: block;
    }
    body div.midline div.box.white {
        display: block;
        padding-bottom: 20px;
    }
    div.box.white {
        /* flex-wrap: nowrap; */
    }
    div.box.white div.why {
        width: 100%;
        padding: 0;
        margin: 0;
        margin-bottom: 20px;
    }
    .box.white div.why > * {
        padding: 0;
        float: unset;
        margin: 0;
        position: relative;
    }
    .box.white .why:nth-child(3),
    .box.white .why:nth-child(2) {
        padding: 0;
    }
    .box.white div.why p {
        text-align: justify;
        margin-bottom: 20px;
    }
    .box.white div.why h3 {
        margin-bottom: 20px;
    }
    .box.white div.why a {
        padding: 8px 0;
    }
    div.why-r p, div.why:nth-child(3) p {
        width: 100%;
    }
}

  #block-search, #block-search * {
    box-sizing: border-box;
  }
  #block-search {
    background: rgba(255, 255, 255, 0.88);
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
  }
  .tl-container {
    padding: 0 30px;
  }

div.slogan h1 {
      font-size: 2.5em;
      font-weight: 600;
}

.hide_info {
    display: none;
}

.hide_btn_block {
    margin-top: 20px;
}

@media (max-width: 720px) {
    .why_description {
        text-align: left;
    }
}

.why_description p {
    margin-top: 10px;
}

#map_canvas2 iframe, #map_canvas iframe {max-height:100%;}
.midline > #map_canvas {margin-bottom:4px;}
div.contacts div.contact_block {top: 110px;}