@charset "utf-8";

@media screen and (max-width:760px) {
#bookForm .payments-checkbox {
	margin-top: 0px!important;
	margin-left: 0px!important;
}  
div.stepButtons .prev {
	display: none!important;
}  
  #payment {
	width: 200px !important;
}
  #bookForm .payments-checkbox {
	margin-top: 0px;
	margin-left: 0px;
}
div.stepButtons {
display: flex;
align-items: center;
justify-content: center;
}
#ob-form-wrap {
	width: 260px!Important;
}
.inline-group, .inline-group-last {
	width: 90%!Important;
}
div.ob-calendar-widget {
	display: none;
}
#info-steps li {
	display: none;
}
div.center {
	padding-left: 0px;
}
  
  
div.obcal_mob {
  display:none;
  }
  div.obcal {
  display:block;
  }
  div.mob_menu {
        float: none;     
        z-index: 20;
        width: 90%
    }
    div.mob_menu ul li a {
        text-align: center;
        margin: 0 auto;
        width: 320px;
        padding-top:10px;
        text-transform: uppercase; 
        color: #59606c;
        font-size: 22px;
        line-height: 2.5;
        margin-top: 40px;
    } 
  div.mob_menu a:hover {
    color: #a66cc7;
  }
  
  div.phone {
	margin: 5px 40px 0 0;
}
  div.phone p.phoneActive {
	margin-top: 5px;
}
  div.phone div.ico {
	height: 17px;
}
   .hidden-menu {
  display: block;
  list-style:none;
  position: fixed;
  padding: 10px;
  margin: 0;
  box-sizing: border-box;
  width: 360px;
  background-color: #eee;
  height: 100%;
  top: 0;
  left: -360px;
  transition: left .2s;
  z-index: 200;
  -webkit-transform: translateZ(0);
  -webkit-backface-visibility: hidden;
}
.hidden-menu-ticker {
  display: none;
}
.btn-menu {
  color: #fff;
  background-color: #666;
  padding: 5px;
  position: fixed;
  top: 5px;
  left: 5px;
  cursor: pointer;
  transition: left .23s;
  z-index: 300;
  width: 25px;
  -webkit-transform: translateZ(0);
  -webkit-backface-visibility: hidden;
}
.btn-menu span {
  display: block;
  height: 5px;
  background-color: #fff;
  margin: 5px 0 0;
  transition: all .1s linear .23s;
  position: relative;
}
.btn-menu span.first {
  margin-top: 0;
}
.hidden-menu-ticker:checked ~ .btn-menu {
  left: 300px;
}
.hidden-menu-ticker:checked ~ .hidden-menu {
  left: 0;
}
.hidden-menu-ticker:checked ~ .btn-menu span.first {
  -webkit-transform: rotate(45deg);
  top: 10px;
}
.hidden-menu-ticker:checked ~ .btn-menu span.second {
  opacity: 0;
}
.hidden-menu-ticker:checked ~ .btn-menu span.third {
  -webkit-transform: rotate(-45deg);
  top: -10px;
}
    div.menu-main ul li,
    div.why {
        clear: both
    }
    div.midline,
    div.slogan,
    div.visuals,
    div.why {
        position: relative
    }
    * {
        margin: 0;
        padding: 0;
        box-sizing: border-box
    }
    div.header,
    div.logo,
    div.top-bar,
    div.top-bar div.box {
        min-width: 0;
        max-width: none;
        width: 100%
    }
    div.top-bar div.box {
        min-height: 105px;
        height: 240px;
    }
    div.menu-main {
        display: none;
        }
    div.logo a {
        background: url(images/design/logo.png) top center no-repeat;
        margin: 40px auto;
        width: 170px;
        display: block
    }
    div.visuals {
        min-width: 0;
        margin: 0 auto
    }
    div.slogan {
        margin: -20px auto 0;
        height: 290px;
        width: 100%;
        padding: 88px 35px 38px;
        color: #fff;
        background: url(images/design/slogan-bg.png) top center no-repeat;
        background-size: cover
    }
    div.midline {
        padding: 1px 0;
        min-width: 0;
        clear: both;
        height: 450px
    }
    div.midline div.box {
        margin: 0 auto;
        max-width: none;
        min-width: 0;
        padding: 1px 50px 30px;
        height: 300px;
        text-align: center
    }
    div.why {
        float: left;
        width: 100%;
        padding: 20px 0
    }
    div.why a,
    div.why h3,
    div.why p {
        width: 100%
    }
    div.why p {
        float: right;
        font: 14px Arial;
        line-height: 150%;
        margin-top: 200px;
        text-indent: -10px
    }
    div.why h3 {
        font: 100 42px Roboto;
        color: #313131;
        margin: 0 0 25px;
        line-height: 120%;
        position: absolute;
        text-transform: uppercase
    }
    div.why a {
        margin: 15px 0
    }
    div.midline.carusel-bg {
        height: 740px;
        z-index: -1;
    }
    .carusel-bg {
        background: url(images/design/carusel-bg.jpg) top center repeat-x;
        z-index: 1000;
        background-size: cover
    }
    div.centr_lnk a.purple_btn {
        margin-bottom: 10px
    }
    div.botline {
        margin-top: -10px;
        background: url(images/design/footer-bg.png) top center repeat-x;
        z-index: 10;
        float: left;
        width: 100%;
        background-size: cover;
        height: 700px
    }
    div.footer {
        padding: 50px 0;
        max-width: none;
        margin: 0 auto;
        height: 250px
    }
    div.footer div.left_f {
        float: left;
        width: 100%;
        margin: 0
    }
    div.left_f ul {
        float: none;
        width: 100%;
        text-align: center
    }
    div.right_f {
        float: left;
        width: 100%
    }
    div.right_f div.phone {
        background: 0 0;
        margin-right: 15%;
        text-align: center;
        margin-bottom: 20px
    }
    div.right_f div.address {
        float: none;
        width: 193px;
        background: url(images/design/addr-bg.png) 30px 60px no-repeat;
        font: italic 14px Arial;
        color: #acacac;
        margin: 0 19%
    }
    div.right_f a.mail {
        font: italic 17px Arial;
        color: #7a6ec8;
        display: block;
        margin: 15px auto;
        float: none;
        width: 192px
    }
    div.botline,
    div.footer {
        min-width: 0;
        position: relative
    }
    div.centr_f {
        margin: 0;
        border: none;
        width: 100%;
        height: 280px;
        float: left
    }
    div.visuals div#fade {
        overflow: hidden
    }
    
	div.top-bar {
	    position: relative;
	    z-index: 12;
        height: 45px;
	}  

	.popup{
	    width: 96% !important;
	    margin: 0 auto !important;
	    left: 2% !important;
	    background: #fff;
	}
	
	div.popup.map_popup div.left h3,
	div.popup.otzyv_popup h3	{
	    font: 500 22px Roboto;
	}
	
	div.popup_layout {
	    padding: 20px;
	}
	
	div.popup_layout form dl div {
	    width: 100%;
	}
	
	div.popup.map_popup div.left {
	    float: left;
	    width: 100%;
	    position: relative;
	    overflow: hidden;
	}
	
	.left img {
	    width: 100%;
	    height: auto;
	}
	
	div#map_canvas2 {
	    float: left;
	    margin: 0 !important;
	    height: 400px;
	    width: 100%;
	}
	
	div.popup.bronirovanie_popup h3 {
	    font: 500 21px Roboto;
	    background: url(images/design/bag.png) 15px 15px no-repeat;
	    background-size: 25px 25px;
	    margin: 0;
	}
	
	div.popup_layout.form-block {
	    min-height: 500px;
	}	

body.int div.header {
	    height: 510px;
	}
	
	body.int div.header div.internal {
	    min-height: 400px;
	}
	
	body.int div.header div.internal div.logo {
	    float: left;
	    margin-left: 0;
	}

	body.int div.header div.internal div.logo a{
		margin: 15px auto;
	}
	
	body.int div.header div.internal div.slogan {
	    margin: 0 auto 0;
	    width: 100%;
	    padding: 20px 30px;
	    color: #fff;
	    float: left;
	}
	
	body.int div.header div.internal div.centr_calendar {
	    float: left;
	    margin: 0;
	    width:100%;
	}
	
	body.int div.midline{
        padding: 1px 0;
        min-width: 0;
        clear: both;
    }
    body.int div.midline div.box{
        margin: 0 auto;
        max-width: none;
        min-width: 0;
        padding: 1px 50px 30px;
        text-align: center
    }
    
    div.house_list.view li {
		float: left;
		width: 100%;
		margin: 0 1.5% 40px;
	}
	
	div.next_prev_links a.ar_R {
	    right: -10%;
	}
	
	div.next_prev_links a.ar_L {
	    left: -10%;
	}
	
	div.number_view h3 {
	    font: 300 18px Roboto;
	    margin: 30px 10% 45px;
	}
	
	div.number_view div.left {
	    margin: 0;
	    float: left;
	    width: 100%;
	}
	
	div.about div.slider-gallery, div.number_view div.no-photo, div.number_view div.slider-gallery {
	    width: 100%;
	    float: right;
	    margin: 0 2%;
	    position: relative;
	}
	
	div.number_view p.price span.for_one span.txt_for_one {
	    bottom: -20px;
	}
	
	div.number_view div.bron {
	    width: 200px;
	    float: none;
	    margin: 35px auto;
	}
	
	div.bron a {
	    font: 500 18px Roboto;
	}	
	
	div.centr_calendar div.bron {
	    width: 110% !important;
	}
	
		body.int div.header {
	    height: 510px;
	}
	
	body.int div.header div.internal {
	    min-height: 400px;
	}
	
	body.int div.header div.internal div.logo {
	    float: left;
	    margin-left: 0;
	}

	body.int div.header div.internal div.logo a{
		margin: 15px auto;
	}
	
	body.int div.header div.internal div.slogan {
	    margin: 0 auto 0;
	    width: 100%;
	    padding: 20px 30px;
	    color: #fff;
	    float: left;
	    height: auto;
	}
	
	body.int div.header div.internal div.centr_calendar {
	    float: left;
	    margin: 0;
	    width:100%;
	}
	
	body.int div.midline{
        padding: 1px 0;
        min-width: 0;
        clear: both;
	   height:auto;
    }
    body.int div.midline div.box{
        margin: 0 auto;
        max-width: none;
        min-width: 0;
        padding: 1px 50px 30px;
        text-align: center;
	   height:auto;
    }
    
    div.house_list.view li {
		float: left;
		width: 100%;
		margin: 0 1.5% 40px;
	}
	
	div.next_prev_links a.ar_R {
	    right: -10%;
	}
	
	div.next_prev_links a.ar_L {
	    left: -10%;
	}
	
	div.number_view h3 {
	    font: 300 18px Roboto;
	    margin: 30px 10% 45px;
	}
	
	div.number_view div.left {
	    margin: 0;
	    float: left;
	    width: 100%;
	}
	
	div.about div.slider-gallery, div.number_view div.no-photo, div.number_view div.slider-gallery {
	    width: 100%;
	    float: right;
	    margin: 0 2%;
	    position: relative;
	    margin-bottom: 10%;
	}
	
	div.number_view div.bron {
	    width: 200px;
	    float: none;
	    margin-top: 25px;
	}
	
	div.centr_calendar div.bron {
	    width: 100% !important;
	}
	
	div.bron a {
	    font: 500 18px Roboto;
	}
	
	div.about h1 {
	    font: 300 26px Roboto;
	}
	
	div.about div.slides_container, div.about div.slides_control, div.about-sl div.slides_container, div.about-sl div.slides_control {
	    height: 215px;
	}
	
	div.about ul {
	    margin: 0;
	    list-style: none;
	}
	
	div.about ul li{
	    margin: 0;
	    list-style: none;
	}
	
	div.bron.rules.rules2 {
	    width: 100%;
	}
	
	div.bron.rules a {
	    background: url(images/design/services/icon-doc.gif) 15px no-repeat #f9e668;
	}
	
	div.bron.rules.rules2 a {
	    font-size: 16px;
	    text-align: center;
	    padding-left: 40px;
	}
	
	div.opinions div.otzyv_btn {
	    width: 100%;
	}
	
	div.opinions div.otzyv_btn a {
	    font: 500 18px Roboto;
	}
	
	.opinions ul li {
	    margin: 10px 0 40px !important;
	    font-size: 16px;
	}
	
	ul.i-center.free li,
	ul.i-center.free2 li,
	ul.i-center.free2.paid li	{
	    width: 100%;
	    margin-bottom: 21px;
	     padding-bottom: 20px;
		border-bottom: 2px solid #eee;
	}
	
	ul.bullets li,
	ul.bullets 	
	{
	    width: 100%;
    }
	
	ul.bullets li ul li {
	    width: 100%;
	    margin: 0 0 20px;
	    line-height: 150%;
	    border-bottom: 2px solid #eee;
	    padding-bottom: 20px;
	}
	
/*	div.house_list ul li a.img img {
	    height: 100% !important;
	    width:auto;
	}
*/	
	h2.h-center {
	    font: 100 21px Roboto;
	    margin-top: 25px;
	}
	
	div.contacts div#map_canvas {
	    height: 300px;
	    margin: 0 -50px;
	}
	
	div.contacts div.contact_block {
	    position: relative;
	    top: 0;
	    right: 0;
	    width: 100%;
	    padding: 30px 0;
	}
	div.contact_block div.addr {
	    font: italic 17px Arial;
	}
	
	div.contact_block div.mail {
	    font: 300 18px Roboto;
	    padding-top: 14px;
	}
	
	div.contact_block div.tel p {
	    font: 100 16px Roboto;
	}
	div.contact-form div.form-contacts {
	    margin: 0 auto;
	    width: 100%;
	}
	div.form-block div.form-layout {
	    padding: 40px 0;
	}
	div.contact-form div.popup-btn.bron {
	    width: 100%;
	}	
}


@media screen and (max-width:760px) {
    div.menu-main ul li,
    div.why {
        clear: both
    }
      div.why-r {
        clear: both
    }
    div.midline,
    div.slogan,
    div.visuals,
    div.why {
        position: relative
    }
  div.why-r {
        position: relative
    }
    * {
        margin: 0;
        padding: 0;
        box-sizing: border-box
    }
    div.header,
    div.logo,
    div.top-bar,
    div.top-bar div.box {
        min-width: 0;
        max-width: none;
        width: 100%
    }
    div.top-bar div.box {
        min-height: 105px;
        height: 240px;
    }
    div.menu-main {
    display:none;
    }
    div.logo a {
        background: url(images/design/logo.png) top center no-repeat;
        margin: 40px auto;
        width: 170px;
        display: block
    }
    div.visuals {
        min-width: 0;
        margin: 0 auto
    }
    div.slogan {
        margin: -20px auto 0;
        height: 290px;
        width: 100%;
        padding: 88px 35px 38px;
        color: #fff;
        background: url(images/design/slogan-bg.png) top center no-repeat;
        background-size: cover
    }
    div.midline {
        padding: 1px 0;
        min-width: 0;
        clear: both;
        height: 450px
    }
    div.midline div.box {
        margin: 0 auto;
        max-width: none;
        min-width: 0;
        padding: 1px 50px 30px;
        height: 300px;
        text-align: center
    }
   div.midline div.box2 {
        margin: 0 auto;
        max-width: none;
        min-width: 0;
        padding: 1px 50px 30px;
        height: 300px;
        text-align: center
    }
    div.why {
        float: left;
        width: 100%;
        padding: 20px 0
    }
    div.why a,
    div.why h3,
    div.why p {
        width: 100%
    }
    div.why p {
        float: right;
        font: 14px Arial;
        line-height: 150%;
        margin-top: 200px;
        text-indent: -10px
    }
    div.why h3 {
        font: 100 42px Roboto;
        color: #313131;
        margin: 0 0 25px;
        line-height: 120%;
        position: absolute;
        text-transform: uppercase
    }
    div.why a {
        margin: 15px 0
    }
  
  div.why-r {
        float: left;
        width: 100%;
        padding: 20px 0
    }
    div.why-r a,
    div.why-r h3,
    div.why-r p {
        width: 100%
    }
    div.why-r p {
        float: right;
        font: 14px Arial;
        line-height: 150%;
        margin-top: 200px;
        text-indent: -10px
    }
    div.why-r h3 {
        font: 100 42px Roboto;
        color: #313131;
        margin: 0 0 25px;
        line-height: 120%;
        position: absolute;
        text-transform: uppercase
    }
    div.why-r a {
        margin: 15px 0
    }
    div.midline.carusel-bg {
        height: 740px
    }
    .carusel-bg {
        background: url(images/design/carusel-bg.jpg) top center repeat-x;
        z-index: 1000;
        background-size: cover
    }
    div.centr_lnk a.purple_btn {
        margin-bottom: 10px
    }
    div.botline {
        margin-top: -10px;
        background: url(images/design/footer-bg.png) top center repeat-x;
        z-index: 10;
        float: left;
        width: 100%;
        background-size: cover;
        height: 700px
    }
    div.footer {
        padding: 50px 0;
        max-width: none;
        margin: 0 auto;
        height: 250px
    }
    div.footer div.left_f {
        float: left;
        width: 100%;
        margin: 0
    }
    div.left_f ul {
        float: none;
        width: 100%;
        text-align: center
    }
    div.right_f {
        float: left;
        width: 100%
    }
    div.right_f div.phone {
        background: 0 0;
        margin-right: 15%;
        text-align: center;
        margin-bottom: 20px
    }
    div.right_f div.address {
        float: none;
        width: 193px;
        background: url(images/design/addr-bg.png) 30px 60px no-repeat;
        font: italic 14px Arial;
        color: #c8d0de;
        margin: 0 19%
    }
    div.right_f a.mail {
        font: italic 17px Arial;
        color: #a578c2;
        display: block;
        margin: 15px auto;
        float: none;
        width: 192px
    }
    div.botline,
    div.footer {
        min-width: 0;
        position: relative
    }
    div.centr_f {
        margin: 0;
        border: none;
        width: 100%;
        height: 285px;
        float: left
    }
    div.visuals div#fade {
        overflow: hidden
    }
    
	div.top-bar {
	    position: relative;
	    z-index: 12;
	} 

	.popup{
	    width: 96% !important;
	    margin: 0 auto !important;
	    left: 2% !important;
	    background: #fff;
	}
	
	div.popup.map_popup div.left h3,
	div.popup.otzyv_popup h3	{
	    font: 500 22px Roboto;
	}
	
	div.popup_layout {
	    padding: 20px;
	}
	
	div.popup_layout form dl div {
	    width: 100%;
	}
	
	div.popup.map_popup div.left {
	    float: left;
	    width: 100%;
	    position: relative;
	    overflow: hidden;
	}
	
	.left img {
	    width: 100%;
	    height: auto;
	}
	
	div#map_canvas2 {
	    float: left;
	    margin: 0 !important;
	    height: 400px;
	    width: 100%;
	}
	
	div.popup.bronirovanie_popup h3 {
	    font: 500 21px Roboto;
	    background: url(images/design/bag.png) 15px 15px no-repeat;
	    background-size: 25px 25px;
	    margin: 0;
	}
	
	div.popup_layout.form-block {
	    min-height: 500px;
	}	
	
		
	body.int div.header {
	    height: 510px;
	}
	
	body.int div.header div.internal {
	    min-height: 400px;
	}
	
	body.int div.header div.internal div.logo {
	    float: left;
	    margin-left: 0;
	}

	body.int div.header div.internal div.logo a{
		margin: 15px auto;
	}
	
	body.int div.header div.internal div.slogan {
	    margin: 0 auto 0;
	    width: 100%;
	    padding: 20px 30px;
	    color: #fff;
	    float: left;
	}
	
	body.int div.header div.internal div.centr_calendar {
	    float: left;
	    margin: 0;
	    width:100%;
	}
	
	body.int div.midline{
        padding: 1px 0;
        min-width: 0;
        clear: both;
    }
    body.int div.midline div.box{
        margin: 0 auto;
        max-width: none;
        min-width: 0;
        padding: 1px 50px 30px;
        text-align: center
    }
    
    div.house_list.view li {
		float: left;
		width: 100%;
		margin: 0 1.5% 40px;
	}
	
	div.next_prev_links a.ar_R {
	    right: -10%;
	}
	
	div.next_prev_links a.ar_L {
	    left: -10%;
	}
	
	div.number_view h3 {
	    font: 300 18px Roboto;
	    margin: 30px 10% 45px;
	}
	
	div.number_view div.left {
	    margin: 0;
	    float: left;
	    width: 100%;
	}
	
	div.about div.slider-gallery, div.number_view div.no-photo, div.number_view div.slider-gallery {
	    width: 100%;
	    float: right;
	    margin: 0 2%;
	    position: relative;
	}
	
	div.number_view p.price span.for_one span.txt_for_one {
	    bottom: -20px;
	}
	
	div.number_view div.bron {
	    width: 200px;
	    float: none;
	    margin: 35px auto;
	}
	
	div.bron a {
	    font: 500 18px Roboto;
	}	
	
	div.centr_calendar div.bron {
	    width: 110% !important;
	}
	
		body.int div.header {
	    height: 510px;
	}
	
	body.int div.header div.internal {
	    min-height: 400px;
	}
	
	body.int div.header div.internal div.logo {
	    float: left;
	    margin-left: 0;
	}

	body.int div.header div.internal div.logo a{
		margin: 15px auto;
	}
	
	body.int div.header div.internal div.slogan {
	    margin: 0 auto 0;
	    width: 100%;
	    padding: 20px 30px;
	    color: #fff;
	    float: left;
	}
	
	body.int div.header div.internal div.centr_calendar {
	    float: left;
	    margin: 0;
	    width:100%;
	}
	
	body.int div.midline{
        padding: 1px 0;
        min-width: 0;
        clear: both;
	   height:auto;
    }
    body.int div.midline div.box{
        margin: 0 auto;
        max-width: none;
        min-width: 0;
        padding: 1px 50px 30px;
        text-align: center;
	   height:auto;
    }
    
    div.house_list.view li {
		float: left;
		width: 100%;
		margin: 0 1.5% 40px;
	}
	
	div.next_prev_links a.ar_R {
	    right: -10%;
	}
	
	div.next_prev_links a.ar_L {
	    left: -10%;
	}
	
	div.number_view h3 {
	    font: 300 18px Roboto;
	    margin: 30px 10% 45px;
	}
	
	div.number_view div.left {
	    margin: 0;
	    float: left;
	    width: 100%;
	}
	
	div.about div.slider-gallery, div.number_view div.no-photo, div.number_view div.slider-gallery {
	    width: 100%;
	    float: right;
	    margin: 0 2%;
	    position: relative;
	}
	
	div.number_view div.bron {
	    width: 200px;
	    float: none;
	    margin-top: 25px;
	}
	
	div.centr_calendar div.bron {
	    width: 100% !important;
	}
	
	div.bron a {
	    font: 500 18px Roboto;
	}
	
	div.about h1 {
	    font: 300 26px Roboto;
	}
	
	div.about div.slides_container, div.about div.slides_control, div.about-sl div.slides_container, div.about-sl div.slides_control {
	    height: 215px;
	}
	
	div.about ul {
	    margin: 0;
	    list-style: none;
	}
	
	div.about ul li{
	    margin: 0;
	    list-style: none;
	}
	
	div.bron.rules.rules2 {
	    width: 100%;
	}
	
	div.bron.rules a {
	    background: url(images/design/services/icon-doc.gif) 5px no-repeat #f9e668;
	}
	
	div.bron.rules.rules2 a {
	    font-size: 13px;
	    text-align: left;
	    padding-left: 40px;
	}
	
	div.opinions div.otzyv_btn {
	    width: 100%;
	}
	
	div.opinions div.otzyv_btn a {
	    font: 500 18px Roboto;
	}
	
	.opinions ul li {
	    margin: 10px 0 40px !important;
	    font-size: 12px;
	}
	
	ul.i-center.free li,
	ul.i-center.free2 li,
	ul.i-center.free2.paid li	{
	    width: 100%;
	    margin-bottom: 21px;
	     padding-bottom: 20px;
		border-bottom: 2px solid #eee;
	}
	
	ul.bullets li,
	ul.bullets 	
	{
	    width: 100%;
    }
	
	ul.bullets li ul li {
	    width: 100%;
	    margin: 0 0 20px;
	    line-height: 150%;
	    border-bottom: 2px solid #eee;
	    padding-bottom: 20px;
	}
	
/*	div.house_list ul li a.img img {
	    height: 100% !important;
	    width:auto;
	}
*/	
	h2.h-center {
	    font: 100 21px Roboto;
	    margin-top: 25px;
	}
	
	div.contacts div#map_canvas {
	    height: 300px;
	    margin: 0 -50px;
	}
	
	div.contacts div.contact_block {
	    position: relative;
	    top: 0;
	    right: 0;
	    width: 100%;
	    padding: 30px 0;
	}
	div.contact_block div.addr {
	    font: italic 17px Arial;
	}
	
	div.contact_block div.mail {
	    font: 300 18px Roboto;
	    padding-top: 14px;
	}
	
	div.contact_block div.tel p {
	    font: 100 16px Roboto;
	}
	div.contact-form div.form-contacts {
	    margin: 0 auto;
	    width: 100%;
	}
	div.form-block div.form-layout {
	    padding: 40px 0;
	}
	div.contact-form div.popup-btn.bron {
	    width: 100%;
	}
}

@media screen and (max-width:760px) {
    div.menu-main ul li,
    div.why {
        clear: both
    }
    div.midline,
    div.slogan,
    div.visuals,
    div.why {
        position: relative
    }
    * {
        margin: 0;
        padding: 0;
        box-sizing: border-box
    }
    div.header,
    div.logo,
    div.top-bar,
    div.top-bar div.box {
        min-width: 0;
        max-width: none;
        width: 100%
    }
    div.top-bar div.box {
        min-height: 105px;
        height: 40px;
    }
    div.menu-main {
        float: none;
        margin: 10px auto;
        z-index: 20;
        width: 90%
    }
    div.menu-main ul li a {
        text-align: center;
        margin: 0 auto;
        width: 320px
    }
    div.logo a {
        background: url(images/design/logo.png) top center no-repeat;
        margin: 40px auto;
        width: 170px;
        display: block
    }
    div.visuals {
        min-width: 0;
        margin: 0 auto
    }
    div.slogan {
        margin: -20px auto 0;
        height: 290px;
        width: 100%;
        padding: 88px 35px 38px;
        color: #fff;
        background: url(images/design/slogan-bg.png) top center no-repeat;
        background-size: cover
    }
    div.midline {
        padding: 1px 0;
        min-width: 0;
        clear: both;
        height: 450px
    }
    div.midline div.box {
        margin: 0 auto;
        max-width: none;
        min-width: 0;
        padding: 1px 50px 30px;
        height: 300px;
        text-align: center
    }
    div.midline div.box2 {
        margin: 0 auto;
        max-width: none;
        min-width: 0;
        padding: 1px 50px 30px;
        height: 300px;
        text-align: center
    }
    div.midline div.box3 {
        margin: 0 auto;
        max-width: none;
        min-width: 0;
        padding: 1px 50px 70px;
        text-align: center
    }
    div.why{
        float: left;
        width: 100%;
        padding: 20px 0
    }
    div.why a,
    div.why h3,
    div.why p {
        width: 100%
    }
    div.why p {
        float: right;
        font: 14px Arial;
        line-height: 150%;
        margin-top: 200px;
        text-indent: -10px
    }
    div.why h3 {
        font: 100 42px Roboto;
        color: #313131;
        margin: 0 0 25px;
        line-height: 120%;
        position: absolute;
        text-transform: uppercase
    }
    div.why a {
        margin: 15px 0
    }
     div.why-r{
        float: left;
        width: 100%;
        padding: 20px 0
    }
    div.why-r a,
    div.why-r h3,
    div.why-r p {
        width: 100%
    }
    div.why-r p {
        float: right;
        font: 14px Arial;
        line-height: 150%;
        margin-top: 200px;
        text-indent: -10px
    }
    div.why-r h3 {
        font: 100 42px Roboto;
        color: #313131;
        margin: 0 0 25px;
        line-height: 120%;
        position: absolute;
        text-transform: uppercase
    }
    div.why-r a {
        margin: 15px 0
    }
    div.midline.carusel-bg {
        height: 740px
    }
    .carusel-bg {
        background: url(images/design/carusel-bg.jpg) top center repeat-x;
        z-index: 1000;
        background-size: cover
    }
    div.centr_lnk a.purple_btn {
        margin-bottom: 10px
    }
    div.botline {
        margin-top: -10px;
        background: url(images/design/footer-bg.png) top center repeat-x;
        z-index: 10;
        float: left;
        width: 100%;
        background-size: cover;
        height: 720px
    }
    div.footer {
        padding: 50px 0;
        max-width: none;
        margin: 0 auto;
        height: 250px
    }
    div.footer div.left_f {
        float: left;
        width: 100%;
        margin: 0
    }
    div.left_f ul {
        float: none;
        width: 100%;
        text-align: center
    }
    div.right_f {
        float: left;
        width: 100%
    }
    div.right_f div.phone {
        background: 0 0;
        margin-right: 15%;
        text-align: center;
        margin-bottom: 20px
    }
    div.right_f div.address {
        float: none;
        width: 193px;
        background: url(images/design/addr-bg.png) 20px 60px no-repeat;
        font: italic 14px Arial;
        color: #acacac;
        margin: 0 19%
    }
    div.right_f a.mail {
        font: italic 17px Arial;
        color: #7a6ec8;
        display: block;
        margin: 15px auto;
        float: none;
        width: 132px
    }
    div.botline,
    div.footer {
        min-width: 0;
        position: relative
    }
    div.centr_f {
        margin: 0;
        border: none;
        width: 100%;
        height: 285px;
        float: left
    }
    div.visuals div#fade {
        overflow: hidden
    }
    
    div.top-bar {
	    position: relative;
	    z-index: 12;
	}
	
	.popup{
	    width: 96% !important;
	    margin: 0 auto !important;
	    left: 2% !important;
	    background: #fff;
	}
	
	div.popup_layout {
	    padding: 20px;
	}
	
	div.popup_layout form dl div {
	    width: 100%;
	}
	
	div.popup.map_popup div.left {
	    float: left;
	    width: 100%;
	    position: relative;
	    overflow: hidden;
	}
	
	.left img {
	    width: 100%;
	    height: auto;
	}
	
	div#map_canvas2 {
	    float: left;
	    margin: 0 !important;
	    height: 400px;
	    width: 100%;
	}
	
	div.popup.bronirovanie_popup h3 {
	    font: 500 21px Roboto;
	    background: url(images/design/bag.png) 15px 15px no-repeat;
	    background-size: 25px 25px;
	    margin: 0;
	}
	
	div.popup_layout.form-block {
	    min-height: 500px;
	}

	
	body.int div.header {
	    height: 510px;
	}
	
	body.int div.header div.internal {
	    min-height: 400px;
	}
	
	body.int div.header div.internal div.logo {
	    float: left;
	    margin-left: 0;
	}

	body.int div.header div.internal div.logo a{
		margin: 15px auto;
	}
	
	body.int div.header div.internal div.slogan {
	    margin: 0 auto 0;
	    width: 100%;
	    padding: 20px 30px;
	    color: #fff;
	    float: left;
	}
	
	body.int div.header div.internal div.centr_calendar {
	    float: left;
	    margin: 0;
	    width:100%;
	}
	
	body.int div.midline{
        padding: 1px 0;
        min-width: 0;
        clear: both;
    }
    body.int div.midline div.box{
        margin: 0 auto;
        max-width: none;
        min-width: 0;
        padding: 1px 50px 30px;
        text-align: center
    }
    
    div.house_list.view li {
		float: left;
		width: 100%;
		margin: 0 1.5% 40px;
	}
	
	div.next_prev_links a.ar_R {
	    right: -10%;
	}
	
	div.next_prev_links a.ar_L {
	    left: -10%;
	}
	
	div.number_view h3 {
	    font: 300 18px Roboto;
	    margin: 30px 10% 45px;
	}
	
	div.number_view div.left {
	    margin: 0;
	    float: left;
	    width: 100%;
	}
	
	div.about div.slider-gallery, div.number_view div.no-photo, div.number_view div.slider-gallery {
	    width: 100%;
	    float: right;
	    margin: 0 2%;
	    position: relative;
	}
	
	div.number_view p.price span.for_one span.txt_for_one {
	    bottom: -20px;
	}
	
	div.number_view div.bron {
	    width: 200px;
	    float: none;
	    margin: 35px auto;
	}
	
	div.bron a {
	    font: 500 18px Roboto;
	}	
	
	div.centr_calendar div.bron {
	    width: 110% !important;
	}
	
		body.int div.header {
	    height: 510px;
	}
	
	body.int div.header div.internal {
	    min-height: 400px;
	}
	
	body.int div.header div.internal div.logo {
	    float: left;
	    margin-left: 0;
	}

	body.int div.header div.internal div.logo a{
		margin: 15px auto;
	}
	
	body.int div.header div.internal div.slogan {
	    margin: 0 auto 0;
	    width: 100%;
	    padding: 20px 30px;
	    color: #fff;
	    float: left;
	}
	
	body.int div.header div.internal div.centr_calendar {
	    float: left;
	    margin: 0;
	    width:100%;
	}
	
	body.int div.midline{
        padding: 1px 0;
        min-width: 0;
        clear: both;
	   height:auto;
    }
    body.int div.midline div.box{
        margin: 0 auto;
        max-width: none;
        min-width: 0;
        padding: 1px 50px 30px;
        text-align: center;
	   height:auto;
    }
    
    div.house_list.view li {
		float: left;
		width: 100%;
		margin: 0 1.5% 40px;
	}
	
	div.next_prev_links a.ar_R {
	    right: -10%;
	}
	
	div.next_prev_links a.ar_L {
	    left: -10%;
	}
	
	div.number_view h3 {
	    font: 300 18px Roboto;
	    margin: 30px 10% 45px;
	}
	
	div.number_view div.left {
	    margin: 0;
	    float: left;
	    width: 100%;
	}
	
	div.about div.slider-gallery, div.number_view div.no-photo, div.number_view div.slider-gallery {
	    width: 100%;
	    float: right;
	    margin: 0 2%;
	    position: relative;
	}
	
	div.number_view div.bron {
	    width: 200px;
	    float: none;
	    margin-top: 25px;
	}
	
	div.centr_calendar div.bron {
	    width: 100% !important;
	}
	
	div.bron a {
	    font: 500 18px Roboto;
	}
	
	div.about h1 {
	    font: 300 26px Roboto;
	}
	
	div.about div.slides_container, div.about div.slides_control, div.about-sl div.slides_container, div.about-sl div.slides_control {
	    height: 215px;
	}
	
	div.about ul {
	    margin: 0;
	    list-style: none;
	}
	
	div.about ul li{
	    margin: 0;
	    list-style: none;
	}
	
	div.bron.rules.rules2 {
	    width: 100%;
	}
	
	div.bron.rules a {
	    background: url(images/design/services/icon-doc.gif) 5px no-repeat #f9e668;
	}
	
	div.bron.rules.rules2 a {
	    font-size: 13px;
	    text-align: left;
	    padding-left: 40px;
	}
	
	div.opinions div.otzyv_btn {
	    width: 100%;
	}
	
	div.opinions div.otzyv_btn a {
	    font: 500 18px Roboto;
	}
	
	.opinions ul li {
	    margin: 10px 0 40px !important;
	    font-size: 12px;
	}
	
	ul.i-center.free li,
	ul.i-center.free2 li,
	ul.i-center.free2.paid li	{
	    width: 100%;
	    margin-bottom: 21px;
	     padding-bottom: 20px;
		border-bottom: 2px solid #eee;
	}
	
	ul.bullets li,
	ul.bullets 	
	{
	    width: 100%;
    }
	
	ul.bullets li ul li {
	    width: 100%;
	    margin: 0 0 20px;
	    line-height: 150%;
	    border-bottom: 2px solid #eee;
	    padding-bottom: 20px;
	}
	
/*	div.house_list ul li a.img img {
	    height: 100% !important;
	    width:auto;
	}
*/	
	h2.h-center {
	    font: 100 21px Roboto;
	}
	
	div.contacts div#map_canvas {
	    height: 300px;
	    margin: 0 -50px;
	}
	
	div.contacts div.contact_block {
	    position: relative;
	    top: 0;
	    right: 0;
        width: 100%;
        height: 120px;
	    padding: 30px 0;
	}
	div.contact_block div.addr {
	    font: italic 17px Arial;
	}
	
	div.contact_block div.mail {
	    font: 300 18px Roboto;
	    padding-top: 14px;
	}
	
	div.contact_block div.tel p {
	    font: 100 20px Roboto;
	}
	div.contact-form div.form-contacts {
	    margin: 0 auto;
	    width: 100%;
	}
	div.form-block div.form-layout {
	    padding: 40px 0;
	}
	div.contact-form div.popup-btn.bron {
	    width: 100%;
	}
	
div.mob_menu ul li:nth-child(1){
    margin-top: 30px;
}

div.mob_menu ul li a {
    margin: 0.5em 0;
    padding: 0;
    display: block;
    width: auto;
    line-height: 2;
}

.hidden-menu-ticker:checked ~ .hidden-menu {
    overflow-y: auto;
}

}


@media screen and (max-width:321px) {

    * {
        margin: 0;
        padding: 0;
        box-sizing: border-box
    }
    div.menu-main ul li,
    div.why,
    body.int div.menu-main ul li{
        clear: both
    }
    div.midline,
    div.slogan,
    div.visuals,
    div.why, 
    body.int div.midline,
    body.int div.slogan,
    body.int div.visuals{
        position: relative
    }
    div.header,
    div.logo,
    div.top-bar,
    div.top-bar div.box, 
    body.int div.header,
    body.int div.logo,
    body.int div.top-bar,
    body.int div.top-bar div.box {
        min-width: 0;
        max-width: none;
        width: 100%
    }
    body.int div.top-bar div.box, 
    div.top-bar div.box {
        min-height: 105px;
        height: 240px;
    }
    div.menu-main,
    body.int div.menu-main {
        float: none;
        margin: 10px auto;
        z-index: 20;
        width: 90%
    }
    div.menu-main ul li a {
        text-align: center;
        margin: 0 auto;
        width: 285px
    }
    div.logo a{
        background: url(images/design/logo.png) top center no-repeat;
        margin: 40px auto;
        width: 170px;
        display: block
    }
    div.visuals{
        min-width: 0;
        margin: 0 auto
    }
    div.slogan{
        margin: -20px auto 0;
        height: 290px;
        width: 100%;
        padding: 88px 35px 38px;
        color: #fff;
        background: url(images/design/slogan-bg.png) top center no-repeat;
        background-size: cover
    }
    
    div.slogan h1{
	    font: 100 33px Roboto;
	    text-align: center;
	    color: #fff;
	    text-transform: uppercase;
	    line-height: 100%;
	}
	
    div.midline{
        padding: 1px 0;
        min-width: 0;
        clear: both;
        height: 450px
    }
    div.midline div.box{
        margin: 0 auto;
        max-width: none;
        min-width: 0;
        padding: 1px 50px 30px;
        height: 300px;
        text-align: center
    }
    div.midline div.box2{
        margin: 0 auto;
        max-width: none;
        min-width: 0;
        padding: 1px 50px 30px;
        height: 300px;
        text-align: center
    }
    div.why {
        float: left;
        width: 100%;
        padding: 20px 0
    }
    div.why a,
    div.why h3,
    div.why p {
        width: 100%
    }
    div.why p {
        float: right;
        font: 14px Arial;
        line-height: 150%;
        margin-top: 200px;
        text-indent: -10px
    }
    div.why h3 {
        font: 100 42px Roboto;
        color: #313131;
        margin: 0 0 25px;
        line-height: 120%;
        position: absolute;
        text-transform: uppercase
    }
    div.why a {
        margin: 15px 0
    }
    div.why-r {
        float: left;
        width: 100%;
        padding: 20px 0
    }
    div.why-r a,
    div.why-r h3,
    div.why-r p {
        width: 100%
    }
    div.why-r p {
        float: right;
        font: 14px Arial;
        line-height: 150%;
        margin-top: 200px;
        text-indent: -10px
    }
    div.why-r h3 {
        font: 100 42px Roboto;
        color: #313131;
        margin: 0 0 25px;
        line-height: 120%;
        position: absolute;
        text-transform: uppercase
    }
    div.why-r a {
        margin: 15px 0
    }
    div.midline.carusel-bg {
        height: 740px
    }
    .carusel-bg {
        background: url(images/design/carusel-bg.jpg) top center repeat-x;
        z-index: 1000;
        background-size: cover
    }
    div.centr_lnk a.purple_btn {
        margin-bottom: 10px
    }
    div.botline {
        margin-top: -10px;
        background: url(images/design/footer-bg.png) top center repeat-x;
        z-index: 10;
        float: left;
        width: 100%;
        background-size: cover;
        height: 700px
    }
    div.footer {
        padding: 50px 0;
        max-width: none;
        margin: 0 auto;
        height: 250px
    }
    div.footer div.left_f {
        float: left;
        width: 100%;
        margin: 0
    }
    div.left_f ul {
        float: none;
        width: 100%;
        text-align: center
    }
    div.right_f {
        float: left;
        width: 100%
    }
    div.right_f div.phone {
        background: 0 0;
        margin-right: 15%;
        text-align: center;
        margin-bottom: 20px
    }
    div.right_f div.address {
        float: none;
        width: 193px;
        background: url(images/design/addr-bg.png) 30px 60px no-repeat;
        font: italic 14px Arial;
        color: #c8d0de;
        margin: 0 19%
    }
    div.right_f a.mail {
        font: italic 17px Arial;
        color: #a578c2;
        display: block;
        margin: 15px auto;
        float: none;
        width: 192px
    }
    div.botline,
    div.footer {
        min-width: 0;
        position: relative
    }
    div.centr_f {
        margin: 0;
        border: none;
        width: 100%;
        height: 285px;
        float: left
    }
    div.visuals div#fade {
        overflow: hidden
    }
    
    .top-bar {
	    position: relative;
	    z-index: 12;
	}
	
	.popup{
	    width: 96% !important;
	    margin: 0 auto !important;
	    left: 2% !important;
	    background: #fff;
	    border-top: 5px solid #bc91d5;
	}
	
	div.popup_layout {
	    padding: 20px;
	}
	
	div.popup_layout form dl div {
	    width: 100%;
	}
	
	div.popup.map_popup div.left {
	    float: left;
	    width: 100%;
	    position: relative;
	    overflow: hidden;
	}
	
	.left img {
	    width: 100%;
	    height: auto;
	}
	
	div#map_canvas2 {
	    float: left;
	    margin: 0 !important;
	    height: 400px;
	    width: 100%;
	}
	
	div.popup.bronirovanie_popup h3 {
	    font: 500 21px Roboto;
	    background: url(images/design/bag.png) 15px 15px no-repeat;
	    background-size: 25px 25px;
	    margin: 0;
	}
	
	div.popup_layout.form-block {
	    min-height: 500px;
	}
	
	body.int div.header {
	    height: 510px;
	}
	
	body.int div.header div.internal {
	    min-height: 400px;
	}
	
	body.int div.header div.internal div.logo {
	    float: left;
	    margin-left: 0;
	}

	body.int div.header div.internal div.logo a{
		margin: 15px auto;
	}
	
	body.int div.header div.internal div.slogan {
	    margin: 0 auto 0;
	    width: 100%;
	    padding: 20px 30px;
	    color: #fff;
	    float: left;
	}
	
	body.int div.header div.internal div.centr_calendar {
	    float: left;
	    margin: 0;
	    width:100%;
	}
	
	body.int div.midline{
        padding: 1px 0;
        min-width: 0;
        clear: both;
	   height:auto;
    }
    body.int div.midline div.box{
        margin: 0 auto;
        max-width: none;
        min-width: 0;
        padding: 1px 50px 30px;
        text-align: center;
	   height:auto;
    }
    
    div.house_list.view li {
		float: left;
		width: 100%;
		margin: 0 1.5% 40px;
	}
	
	div.next_prev_links a.ar_R {
	    right: -10%;
	}
	
	div.next_prev_links a.ar_L {
	    left: -10%;
	}
	
	div.number_view h3 {
	    font: 300 18px Roboto;
	    margin: 30px 10% 45px;
	}
	
	div.number_view div.left {
	    margin: 0;
	    float: left;
	    width: 100%;
	}
	
	div.about div.slider-gallery, div.number_view div.no-photo, div.number_view div.slider-gallery {
	    width: 100%;
	    float: right;
	    margin: 0 2%;
	    position: relative;
	}
	
	div.number_view p.price span.for_one span.txt_for_one {
	    bottom: 5px;
	}
	
	div.number_view div.bron {
	    width: 200px;
	    float: none;
	    margin-top: 25px;
	}
	
	div.centr_calendar div.bron {
	    width: 100% !important;
	}
	
	div.bron a {
	    font: 500 18px Roboto;
	}
	
	div.about h1 {
	    font: 300 26px Roboto;
	}
	
	div.about div.slides_container, div.about div.slides_control, div.about-sl div.slides_container, div.about-sl div.slides_control {
	    height: 215px;
	}
	
	div.about ul {
	    margin: 0;
	    list-style: none;
	}
	
	div.about ul li{
	    margin: 0;
	    list-style: none;
	}
	
	div.bron.rules.rules2 {
	    width: 100%;
	}
	
	div.bron.rules a {
	    background: url(images/design/services/icon-doc.gif) 5px no-repeat #f9e668;
	}
	
	div.bron.rules.rules2 a {
	    font-size: 13px;
	    text-align: left;
	    padding-left: 40px;
	}
	
	div.opinions div.otzyv_btn {
	    width: 100%;
	}
	
	div.opinions div.otzyv_btn a {
	    font: 500 18px Roboto;
	}
	
	.opinions ul li {
	    margin: 10px 0 40px !important;
	    font-size: 12px;
	}
	
	ul.i-center.free li,
	ul.i-center.free2 li,
	ul.i-center.free2.paid li	{
	    width: 100%;
	    margin-bottom: 21px;
	     padding-bottom: 20px;
		border-bottom: 2px solid #eee;
	}
	
	ul.bullets li,
	ul.bullets 	
	{
	    width: 100%;
    }
	
	ul.bullets li ul li {
	    width: 100%;
	    margin: 0 0 20px;
	    line-height: 150%;
	    border-bottom: 2px solid #eee;
	    padding-bottom: 20px;
	}
	
/*	div.house_list ul li a.img img {
	    height: 100% !important;
	    width:auto;
	}
*/	
	h2.h-center {
	    font: 100 21px Roboto;
	}
	
	div.contacts div#map_canvas {
	    height: 300px;
	    margin: 0 -50px;
	}
	
	div.contacts div.contact_block {
	    position: relative;
	    top: 0;
	    right: 0;
	    width: 100%;
	    padding: 30px 0;
	}
	div.contact_block div.addr {
	    font: italic 17px Arial;
	}
	
	div.contact_block div.mail {
	    font: 300 18px Roboto;
	}
	
	div.contact_block div.tel p {
	    font: 100 16px Roboto;
	}
	div.contact-form div.form-contacts {
	    margin: 0 auto;
	    width: 100%;
	}
	div.form-block div.form-layout {
	    padding: 40px 0;
	}
	div.contact-form div.popup-btn.bron {
	    width: 100%;
	}
  
}