input {-webkit-text-size-adjust: none;} #top_panel .show_menu { display: none;} #top_panel .mobile_site_menu, #top_panel .favorites .title, #top_panel .admin_alarm .title, #top_panel .messages .title, #top_panel .tickets .title, #top_panel .menu_block.right_block .contacts { display: none;} #top_panel .menu_block_field {display: none;} #main_top .phone { display: none !important;} .mobile_room_more {display: none;} .search_table tbody td.left_side .show_filter { display: none;} @media (max-width: 1044px) { body { width: 100%; min-width: 320px;} .wrapper { width: 100%;} #bases_search { padding: 17px;} #bases_search_wrapper { max-width: 100%; margin: 0 auto; width: 100%; text-align: right;} #bases_search_wrapper .wrapper { max-width: 612px;} #bases_search .s_block { text-align: left; margin-bottom: 10px;} #bases_search .s_block.search_str_block { width: 100%; margin-right: 0;} #bases_search .s_block.dates_block { margin-bottom: 0;} #bases_search .s_block.dates_block .date_wr.focus:before { display: none !important;} #bases_search .s_block.peoples_block { margin-bottom: 0;} #bases_search .s_block.button_block { margin-bottom: 0;} #bases_search .search_str-wrapper { width: 100%} #bases_search input[name=search_str] {max-width: 100%} .part-bases .els { text-align: center; margin: 0 auto 20px;} .part-bases .els .el { margin: 5px; max-width: 48%;} .base_thumb .footer {text-align: left;} .search_table { display: block; position: relative; width: 100%;} .search_table tbody { display: block;} .search_table tbody tr { display: block;} .search_table tbody td { display: block;} .search_table tbody .filter_bg { position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 300;} .search_table tbody td.left_side { width: 275px; position: fixed; left: -285px; top: 0; bottom: 0; z-index: 600; background: #fff; padding: 10px; -webkit-transition: left 0.5s ease-out; -moz-transition: left 0.5s ease-out; -o-transition: left 0.5s ease-out; transition: left 0.5s ease-out; -webkit-box-shadow: 1px 0 5px 0 rgba(0, 0, 0, 0.75); -moz-box-shadow: 1px 0 5px 0 rgba(0, 0, 0, 0.75); box-shadow: 1px 0 5px 0 rgba(0, 0, 0, 0.75); } .search_table tbody td.left_side.open { left: 0;} .search_table tbody td.left_side #bases_filter { margin: 0; width: 100%; height: 85%; overflow: auto;} .search_table tbody td.left_side .show_filter { display: block; padding: 0 5px; height: 40px; position: absolute; left: 100%; top: 0; text-align: center; line-height: 40px; cursor: pointer; background: rgba(0, 180, 64, 0.8); color: #fff;} #bases_filter .sort {display: block;} #bases_filter .sort .el {padding: 0;} #bases_filter .sort .el a {display: block; position: relative; color: #666;} #bases_filter .sort .el a span {} .search_table tbody td.right_side { width: 100%;} .search_table tbody td.right_side #bases_results_bar { width: 100%;} #bases_results .el:not(.empty) { position: relative; } #bases_results .el .leftside { position: absolute; left: 0; top: 0; bottom: 0; width: 255px; padding-top: 15px; padding-left: 15px;} #bases_results .el .leftside .favor_status{ top: 23px;} #bases_results .el .rightside { width: 100%; padding-left: 255px;} #bases_results .el .room .name { width: 50%;} #bases_results .el .leftside .buttons a.more {height: 35px; line-height: 30px;} #bases_results_bar .show_filter { display: block;} #bases_results_bar .sort { display: none;} #type_view_1 {width: 100%;} #base .wrapper { width: 768px;} #base .base-menu .menu > a { font-size: 16px; padding: 0 25px; } #base .base-header a.edit { top: 0;} #base .base-header .lp { width: 70%; padding-bottom: 10px;} #base .base-header .rp { width: 30%; padding-bottom: 10px;} #base .base-header .rp .comments { margin-right: 0; margin-bottom: 10px; float: right;} #base .base-header .rp .by { margin-right: 0; margin-bottom: 10px; float: right;} #base .base-header .rp .favorite {display: block !important; text-align: right; clear: both; padding-top: 0;} #base .base-header .rp .favorite.hidden {display: none !important;} #base .follow { display: none;} #base .base-descr .lp { width: 100%; float: none; } #base .base-descr .rp { float: none; width: 100%;} #base .base-descr .location { position: relative; min-height: 260px;} #base .base-descr .location .text-block { width: 100%; display: block; padding-right: 350px; } #base .base-descr .location .map_block { width: 245px; position: absolute; top: 0; right: 0;} #base .base-descr .similar_bases { text-align: justify; line-height: 0; font-size: 1px; text-justify: newspaper; zoom: 1; /* Включаем в работу последнюю строку*/ text-align-last: left; } #base .base-descr .similar_bases:after {width: 100%; height: 0; visibility: hidden; overflow: hidden; content: ''; display: inline-block; } #base .base-descr .similar_bases .el { width: 245px; display: inline-block; text-align: left; line-height: normal; vertical-align: top;} #base .base-descr .similar_bases .el .name { text-align: left;} #base .base-descr .similar_bases .el .price { text-align: left;} #base .base-services .srv_block { width: 50%; position: relative; display: inline-block; vertical-align: top; float: none; padding: 5px; margin: 0 -2px 20px;} #base .broninfo { position: relative; float: right; margin-bottom: 20px; right: 0;} #base .base-rooms #bases_search { width: 100%; max-width: 300px;} #base .base-rooms #bases_search .dates_block { max-width: 100%; width: 100%; margin-bottom: 10px;} .base-rooms #bases_search .dates_block .date_wr:before { display: none !important;} #base .base-rooms #bases_search .peoples_block { max-width: 100%; width: 100%;} #base .base-rooms .el { font-size: 12px;} #base .base-rooms .el.opened .more .left { width: 100%; margin-bottom: 20px;} #base .base-rooms .el .more .images { width: 100%;} #base .bases-viewed { text-align: center; } #base .bases-viewed .els { max-width: 100%;} #base .bases-viewed .els .el { display: inline-block; vertical-align: top; margin: 0 10px 20px;} /*#base .base-rooms .el .room_header .room_intro { width: 36%}*/ #tab_comments .el .p2 { margin-bottom: 15px;} #tab_comments .el .comment_photos { padding-left: 0;} .page_about .block { margin-bottom: 30px;} .page_about .block.block1 { padding-top: 210px; background-position: top center; } .page_about .block .descr { width: 100%;} .page_about .block.block2 { padding-top: 200px; background-position: top center; background-size: auto 200px;} .page_about .block.block3 { padding-top: 220px; background-position: top center; background-size: auto 200px; } .page_about .block.block4 { padding-top: 220px; background-position: top center; background-size: auto 200px; } .page_about .block.block2 .descr, .page_about .block.block4 .descr { margin-left: 0;} #catalog .resorts_types .els { width: 535px; margin: 10px auto; text-align: center;} #catalog .resorts_types .header {text-align: center;} #catalog .resorts_types .el { width: 100%; display: block; margin: 0 auto 10px;} #catalog .popular_block .els { width: 535px; margin: 10px auto; text-align: center;} #catalog .popular_block .header {text-align: center;} #catalog .popular_block .el { margin: 0 10px 10px; } #catalog .popular_block .el:nth-of-type(2n) { margin: 0;} #catalog.type_resort .part-bases .carusel {display: block;} #catalog.type_resort .part-bases .carusel .el {display: inline-block;} #order_progress .arrow.ar1 { left: 18%;} #order_progress .arrow.ar2 { left: 45%;} #order_progress .arrow.ar3 { left: 71%;} } @media (max-width: 990px) { #footer .svg_cards { display: none;} #footer .social {right: 10px;} #resort .resort-filters { float: none; width: 100%; margin-bottom: 20px;} #region .flex.region_top { -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } #region .part-filters { padding: 25px 0 0;} #region .flex.region_top .col.region-filters, #region .flex.region_top .col.region_map { width: 100%; max-width: 100%; margin-bottom: 20px; padding: 0;} #region .flex.region_top .col.region_map { height: 350px;} #resort_map { float: none; width: 100%; height: 50vh !important;} #water .water-filters { float: none; width: 100%; margin-bottom: 20px;} #water_map { float: none; width: 100%; height: 50vh !important;} } @media (max-width: 915px) { #content { padding-top: 0 !important; overflow: hidden;} .mod_extranet #content {overflow: initial;} #top_panel .header {line-height: 20px;} #top_panel .exit {display: none;} #top_panel { background: #fff !important; color: #333 !important; position: relative; height: 50px; padding: 15px; z-index: 500;} .mod_extranet #top_panel {padding: 15px 15px 15px 175px;} #top_panel .wrapper { height: auto;} #top_panel .show_menu { display: block; position: absolute; top: -15px; z-index: 100;} #top_panel .show_menu:hover { background: #eee;} #top_panel .show_menu a { display: block; width: 50px; height: 50px; line-height: 50px; color: #2c3136; text-align: center;} #top_panel .show_menu.left { left: -15px; font-size: 16px;} #top_panel .show_menu.right { right: -15px; font-size: 26px;} #top_panel .show_menu.search_block { display: none;} #top_panel .logo + .contacts {display: none;} #top_panel .logo { position: absolute; left: 40%; top: -15px; margin: 0 0 0 -80px; height: 50px;} #top_panel .logo img { opacity: 0;} #top_panel .logo span.img { display: block; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: url("/images/common/layout/logo2x.png") no-repeat center; background-size: 100%;} #top_panel .zayavka { position: absolute; top: -2px; right: 145px; margin: 0;} #top_panel .messages { position: absolute; top: -15px; right: 35px; margin: 0; width: 50px; height: 50px; line-height: 50px; text-align: center;} #top_panel .messages:hover { background: #eee;} #top_panel .messages .iconka { height: 100%; display: block;} #top_panel .messages .count { right: 0;} #messages_popup:before { left: 74%;} /**/ #top_panel .admin_alarm { position: absolute; top: -15px; right: 85px; margin: 0; width: 50px; height: 50px; line-height: 50px; text-align: center;} #top_panel .admin_alarm:hover { background: #eee;} #top_panel .admin_alarm .iconka { height: 100%; display: block;} #top_panel .admin_alarm .count { right: 0;} #alarm_popup:before { left: 56%;} /**/ #top_panel .menu_block_field {display: block; position: fixed; z-index: 200; left: 0; top: 0; bottom: 0; right: 0;} #top_panel .menu_block.right_block { display: none; position: absolute; right: -300px; top: 35px; z-index: 300; width: 250px; background: rgba(255, 255, 255, 1); border-top: 1px solid #edeff2; opacity: 0; padding-top: 0; float: none; -webkit-transition: all 0.25s; -moz-transition: all 0.25s; -o-transition: all 0.25s; transition: all 0.25s; -webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .2); box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .2); } .mod_extranet #top_panel .menu_block.right_block { top: 48px;} .mod_extranet #top_panel .profile_wrapper #profile_menu ul { border-bottom: 0;} #top_panel .menu_block.right_block.open {right: -15px; opacity: 1; display: block;} #top_panel .menu_block.right_block .login { position: relative; right: auto; top: auto; color: #474a4f; border: none; width: 100%; font-size: 12px; line-height: 38px; display: block; height: auto; margin-left: 0; background: transparent !important; float: none;} #top_panel .menu_block.right_block .profile_wrapper { float: none; margin-left: 0; display: block;} #top_panel .profile_wrapper #profile_menu { position: relative; margin: 0; top: 0; left: 0; width: 100%; -webkit-box-shadow: none; box-shadow: none;} #top_panel .profile_wrapper #profile_menu:before { display: none;} #top_panel .profile_wrapper #profile_menu ul { border-bottom: 2px dotted #c1c9d4;} #top_panel .menu_block.right_block .user {position: relative; color: #474a4f; width: 100%; font-size: 12px; line-height: 38px; height: auto; text-align: left; border-bottom: 1px solid #ECF0F1; padding-left: 15px;} #top_panel .menu_block.right_block .user .name_icon { display: block; width: 0; height: 0; border: 6px solid transparent; border-top: 6px solid #c1c9d4; position: absolute; right: 20px; top: 50%; margin-top: -3px; } #top_panel .menu_block.right_block .open .user .name_icon { border: 6px solid transparent; border-bottom: 6px solid #c1c9d4; margin-top: -9px;} #top_panel .menu_block.right_block .user .avatar { width: 20px; height: 20px; vertical-align: middle;} #top_panel .menu_block.right_block .user .indicator { top: 9px; right: 10px;} #top_panel .menu_block.right_block .favorites {position: relative; right: auto; top: auto; color: #474a4f; border: none; width: 100%; font-size: 12px; line-height: 38px; display: block; height: auto; margin-left: 0; text-align: left; padding-left: 15px; float: none;} #top_panel .menu_block.right_block .favorites .title { display: inline-block; vertical-align: top;} #top_panel .menu_block.right_block .favorites .iconka { display: inline-block; width: 32px; font-size: 18px; line-height: 18px; vertical-align: top; padding-top: 9px;} #top_panel .menu_block.right_block .favorites .iconka .count { right: 10px; top: 9px; left: auto; position: absolute; border-radius: 3px; background: #f76262; padding: 2px 3px; color: #FFF; font-size: 10px;line-height: normal;} /*#top_panel .menu_block.right_block .tickets{position: relative; right: auto; top: auto; color: #474a4f; border: none; width: 100%;*/ /*font-size: 12px; line-height: 38px; display: block; height: auto; margin-left: 0; text-align: left; padding-left: 15px;*/ /*border-bottom: 1px solid #ECF0F1; float: none;}*/ /*#top_panel .menu_block.right_block .tickets .title{ display: inline-block; vertical-align: top;}*/ /*#top_panel .menu_block.right_block .tickets .iconka{ display: inline-block; width: 32px; font-size: 18px; line-height: 18px; vertical-align: top;*/ /*padding-top: 9px;}*/ /*#top_panel .menu_block.right_block .tickets .count{ right: 10px; top: 9px; left: auto; position: absolute;*/ /*border-radius: 3px; background: #f5cb1b; padding: 2px 3px; color: #FFF; font-size: 10px;line-height: normal;}*/ /*#top_panel .menu_block.right_block .messages{position: relative; right: auto; top: auto; color: #474a4f; border: none; width: 100%;*/ /*font-size: 12px; line-height: 38px; display: block; height: auto; margin-left: 0; text-align: left; padding-left: 15px;*/ /*border-bottom: 1px solid #ECF0F1; float: none;}*/ /*#top_panel .menu_block.right_block .messages .title{ display: inline-block; vertical-align: top;}*/ /*#top_panel .menu_block.right_block .messages .iconka{ display: inline-block; width: 32px; font-size: 18px; line-height: 18px; vertical-align: top;*/ /*padding-top: 9px; padding-left: 2px;}*/ /*#top_panel .menu_block.right_block .messages .count{ right: 10px; top: 9px; left: auto; position: absolute;*/ /*border-radius: 3px; background: #f5cb1b; padding: 2px 3px; color: #FFF; font-size: 10px;line-height: normal;}*/ #top_panel .top-menuPopup {width: 100%;} #contextmenu_mess ul { width: 100%;} #top_panel .menu_block.right_block .user:hover, #top_panel .menu_block.right_block .favorites:hover, #top_panel .menu_block.right_block .tickets:hover, #top_panel .menu_block.right_block .login:hover { background: #edeff2;} #top_panel .menu_block.right_block .contacts { position: relative; left: auto; top: auto; width: 100%; border-top: 1px dashed #ECF0F1; text-align: left; padding-top: 0; display: block;} #top_panel .menu_block.right_block .contacts:before { content: 'Контакты'; display: none; color: #359f0c; padding-left: 15px; font-size: 12px; line-height: 10px; padding-top: 15px; padding-bottom: 15px;} #top_panel .menu_block.right_block .contacts .phone { position: relative; left: auto; top: auto; color: #343535; font-size: 15px; line-height: 12px; padding-left: 50px;} #top_panel .menu_block.right_block .contacts .phone:before { font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none;line-height: 1; -webkit-font-smoothing: antialiased; content: "\e942"; color: #2db34b; font-size: 16px; position: absolute; left: 15px; top: 0; } #top_panel .menu_block.right_block .contacts .phone:after { content: 'Бесплатный звонок по России'; display: block; font-size: 12px; color: #7e848c; padding-top: 5px; padding-bottom: 15px; font-weight: 500;} #top_panel .menu_block.right_block .contacts .region { position: relative; padding: 10px 15px 15px 0;} #top_panel .menu_block.right_block .contacts .region:before { content: 'Ваш регион'; display: block; color: #359f0c; padding-left: 15px; font-size: 12px; line-height: 10px; padding-bottom: 10px;} #top_panel .menu_block.right_block .contacts .city { position: relative; top: auto; left: auto; color: #474a4f; margin-left: 50px; border-bottom-color: #474a4f;} #top_panel .menu_block.left_block {display: none; position: absolute; left: -300px; top: 35px; z-index: 300; width: 250px; background: rgba(255, 255, 255, 1); border-top: 1px solid #edeff2; opacity: 1; -webkit-transition: all 0.25s; -moz-transition: all 0.25s; -o-transition: all 0.25s; transition: all 0.25s;} #top_panel .menu_block.left_block.open {left: -15px; opacity: 1; display: block;} #top_panel .menu_block.left_block .choose_wrapper { display: none !important;} #top_panel .menu_block.left_block .mobile_site_menu { display: block; width: 100%; font-family: Roboto, sans-serif;} #top_panel .menu_block.left_block .mobile_site_menu ul {margin: 0; padding: 0; display: block;} #top_panel .menu_block.left_block .mobile_site_menu ul li {display: block; } #top_panel .menu_block.left_block .mobile_site_menu > ul > li { border-bottom: 1px solid #eee;} #top_panel .menu_block.left_block .mobile_site_menu > ul > li.last { border-bottom: 0;} #top_panel .menu_block.left_block .mobile_site_menu ul li.active {border-bottom: 2px dotted #c1c9d4;} #top_panel .menu_block.left_block .mobile_site_menu ul li:last-of-type.active {border-bottom: 0 !important; } #top_panel .menu_block.left_block .mobile_site_menu ul li > span.title { font-size: 15px; color: #7e848c; font-weight: 500; text-transform: uppercase; display: block; line-height: 38px; position: relative; padding: 0 25px; cursor: pointer;} #top_panel .menu_block.left_block .mobile_site_menu ul li.active > span.title, #top_panel .menu_block.left_block .mobile_site_menu ul li:hover > span.title { background: #edeff2; color: #474a4f;} #top_panel .menu_block.left_block .mobile_site_menu ul li > span.title:after {content: ''; display: block; width: 0; height: 0; border: 6px solid transparent; border-top: 6px solid #c1c9d4; position: absolute; right: 20px; top: 50%; margin-top: -3px; } #top_panel .menu_block.left_block .mobile_site_menu ul li.active > span.title:after { border: 6px solid transparent; border-bottom: 6px solid #c1c9d4; margin-top: -9px;} #top_panel .menu_block.left_block .mobile_site_menu ul li a {display: block; font-size: 12px; text-transform: uppercase; color: #7e848c; text-decoration: none; font-weight: 500; line-height: 28px; padding: 0 25px; } #top_panel .menu_block.left_block .mobile_site_menu ul li a:hover {color: #2db34b;} #top_panel .menu_block.left_block .mobile_site_menu ul li a.login { position: relative !important; left: auto; top: auto; right: auto;} #top_panel .menu_block.left_block .mobile_site_menu ul li ul { overflow: hidden; max-height: 0;} #top_panel .menu_block.left_block .mobile_site_menu ul li.active ul { overflow: hidden; max-height: 120px;} .region_accept { display: none !important;} #main_top.main_top { height: auto; padding-bottom: 50px;} #main_top.main_top .phone { display: block; font-size: 27px; text-align: center; line-height: 20px; color: #fff !important; padding: 24px 0;} #main_top.main_top .phone a { color: #fff !important;} #main_top.main_top .header { font-size: 6.5vw; padding: 30px 0 25px; line-height: 1; font-weight: 500;} #main_top.main_top .header_2 { padding: 0 0 25px; line-height: 1;} #main_promo .item .icon { position: relative !important; left: auto !important; top: auto !important; margin: 0 0 10px !important; font-size: 45px; text-align: center !important; padding: 0 !important; width: 100% !important;} #main_promo .item .title { padding: 0 !important; text-align: center;} h1 {padding-top: 5px;} .page_about h1 {padding-top: 20px;} .auth_content .lp { float: none; margin-bottom: 10px;} .auth_content .rp { float: none; margin-top: 10px; text-align: justify;} .auth_content .rp a.button_fb { float: left;} .auth_content .rp a.button_vk { float: right;} .auth_content .or { position: relative; top: auto; left: auto; right: auto; bottom: auto; text-align: center; width: auto;} .auth_content .or .text { position: relative; top: auto; left: auto; right: auto; bottom: auto; display: inline-block; margin-bottom: 0; padding: 5px; margin-top: 0;} .auth_content .or .line {top: 50%; left: 0; right: 0; bottom: auto; width: auto; height: 1px;} .add_order_but, .add_order_but tbody, .add_order_but tr, .add_order_but td { display: block; width: 100%; padding: 0; text-align: center;} #base_order .order_data td.no_commission { width: 100%; padding: 0; text-align: center;} #zayavka {} #zayavka > table { display: block} #zayavka > table > tbody { display: block} #zayavka > table > tbody > tr { display: block} #zayavka > table > tbody > tr > td { display: block; width: 100% !important;} #zayavka form { width: 100%;} #zayavka .region .select {width: 100%;} #zayavka input[type=text], #zayavka textarea {width: 100%; height: 40px;} #zayavka textarea {height: 80px; resize: vertical;} #zayavka .date { width: 48%; margin-right: 2% !important; max-width: 225px;} #zayavka .date2 { width: 48%; max-width: 225px;} #zayavka .col2 { display: none;} #zayavka .col1 .phone_send_form { display: block; margin-bottom: 40px;} #order_progress .arrow {display: none;} } @media (max-width: 768px) { #breadcrumbs span { line-height: 1.2;} #base .base-header a.edit {top: 0;} #base .base-header a.to_offer {top: 0;} #base .wrapper { width: 100%;} #base .base-header {padding: 10px 0;} #base .base-header .tags_and_services, #base .base-header .tags_and_services tbody, #base .base-header .tags_and_services tr, #base .base-header .tags_and_services td { display: block;} #base .base-header .tags_and_services td.tags_cell {padding: 10px 0; text-align: center; display: none; } #base .base-header .tags_and_services td.tags_cell .tags {width: 100%;} #base .base-header .tags_and_services td.srv_cell {} #base .base-header .tags_and_services td.srv_cell .services { text-align: center;} #base .base-header .comments {display: none;} #base .base-descr .rp { margin-top: 20px;} #base .base-descr .rp .header {padding: 0 15px; position: relative; font-size: 20px; color: #000; line-height: 60px; cursor: pointer; font-weight: 300; text-align: left; text-transform: none; border-top: 1px solid #acacac;} #base .base-descr .rp .location {padding: 0px 15px; margin: 0 0 25px;} #base .base-rooms .el .more .left { float: none; width: 100%;} #base .base-rooms .el .more .services { width: 100%; margin-bottom: 25px;} #base .base-rooms .el .more .service {padding: 5px; margin: 0 10px 5px 0; line-height: 1.2; background: #f6f6f6; } #base .fixed_float_wrapper {display: none;} #base .base-descr .similar_bases {} #base .base-descr .similar_bases .el { width: 32%;} .base-descr .gallery_buttons { margin-bottom: 0;} #base .base-services { padding: 0 20px; background: #fff;} #base .base-services h2 { font-size: 20px; line-height: 60px; height: 60px; } #base .base-rules {padding: 0 15px 20px; background: #fff; border-top: 1px solid #acacac;} #base .base-rules h2 { font-size: 20px; line-height: 60px; height: 60px; padding-bottom: 0; position: relative;} #base .base-rules table, #base .base-rules table * { display: block; width: 100%;} #base .base-rules th, .base-rules td { padding: 3px 0;} #base .base-location {padding: 0 15px 20px; background: #fff; border-top: 1px solid #acacac;} #base .base-location h2 { font-size: 20px; line-height: 60px; height: 60px; padding-bottom: 0; position: relative;} #order_progress {display: none;} #base_order { padding-top: 20px; max-width: 485px; width: 100%; margin: 0 auto;} #base_order .order_booking_table, #base_order .order_booking_table tbody, #base_order .order_booking_table tr, #base_order .order_booking_table td { display: block;} #base_order .order_booking_table > tbody > tr:first-of-type { -webkit-transform: scaleY(-1); -ms-transform: scaleY(-1); transform: scaleY(-1); } #base_order .order_booking_table > tbody > tr:first-of-type > td.col2 > div, #base_order .order_booking_table > tbody > tr:first-of-type > td.col1 { -webkit-transform: scaleY(-1); -ms-transform: scaleY(-1); transform: scaleY(-1); } #base_order .order_booking_table .col2 { height: auto; width: 100%; padding-bottom: 20px; padding-top: 30px;} #base_order .order_booking_table .col1 { height: auto; width: 100%; padding-bottom: 20px; padding-right: 0;} #base_order .order_data input {width: 100%; max-width: 100%;} #base_order .order_data td.no_commission { width: 100%; padding: 0; text-align: center;} #base_order .order_data a.go { margin: 0 auto; display: block;} #contacts table, #contacts table tbody, #contacts table tbody tr, #contacts table tbody tr td { display: block; width: 100%;} #contacts table tbody tr td { margin-bottom: 15px;} #contacts table .lp, #contacts table .rp {width: 100%;} #contacts table h1 { font-size: 24px; line-height: 18px; padding-bottom: 15px; padding-top: 5px; border-bottom: 1px solid #acacac; margin-bottom: 16px;} #contacts table .bottom_blocks { -webkit-transform: scaleY(-1); -ms-transform: scaleY(-1); transform: scaleY(-1); } #contacts table .bottom_blocks td { -webkit-transform: scaleY(-1); -ms-transform: scaleY(-1); transform: scaleY(-1); } #region h1, #water h1, #resort h1 { font-size: 24px; line-height: 1.2; width: 100%; white-space: normal;} #bookbattle { padding: 0 0;} #bookbattle .bookbattle_page .bookbattle_info { -webkit-box-orient: vertical; -moz-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } #bookbattle .bookbattle_page .bookbattle_info .col.col1 { border-right: 0;} #bookbattle .bookbattle_page .bookbattle_info .col { width: 100%;} #bookbattle .bookbattle_page .offers_list > .base_offer { margin: 0 auto 15px;} } @media (max-width: 760px) { a[name^=a_] { margin: 0;} .event_attention { margin: 0 2.5%;} .base-descr .contact_buttons { display: none;} #base .base-rooms #bases_search { margin-left: 2.5%;} #base .broninfo { margin-right: 2.5%;} #base .base-rooms .wrapper {padding: 0;} #base .base-rooms .els-header {height: 0; margin-bottom: 10px; overflow: hidden; padding: 0;} #base .base-rooms .el { width: 95%; margin: 0 auto 10px; position: relative; padding: 0; background: transparent;} #base .base-rooms .el .desctop_view { display: none;} #base .base-rooms .el .mobile_view { display: block;} #base .base-rooms .el.opened .mobile_view { border: 1px solid #00A43D;} #base .base-rooms .el .mobile_view .room_header {padding: 1px 20px 15px; min-height: 135px; height: auto; position: relative;} #base .base-rooms .el .mobile_view .room_header .special_offer_label { position: relative; top: 0; left: -30px; width: 114px; height: 35px; background-size: 100% auto; margin-top: 5px; margin-bottom: -22px;} #base .base-rooms .el .mobile_view .room_header .comment {clear: both; color: #fff; text-align: center;} #base .base-rooms .el .mobile_view .gray_overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #000; opacity: .5; z-index: 1;} #base .base-rooms .el .mobile_view .name {position: relative; z-index: 3; color: #fff; text-decoration: underline; font-size: 16px; font-weight: 500; text-align: center; clear: both; padding: 15px 10px 10px;} #base .base-rooms .el .mobile_view .short_info { text-align: center; z-index: 3; position: relative;} #base .base-rooms .el .mobile_view .short_info:before, #base .base-rooms .el .mobile_view .short_info:after { content: ''; display: block; clear: both;} #base .base-rooms .el .mobile_view .short_info .block { float: left; font-size: 14px; margin-bottom: 5px; color: #fff; padding-top: 7px;} #base .base-rooms .el .mobile_view .short_info .block.peoples .suffix { display: none;} #base .base-rooms .el .mobile_view .short_info .block.peoples .icon-users { color: #f4cb14; font-size: 13px;} #base .base-rooms .el .mobile_view .short_info .price { font-size: 18px; font-weight: 300; color: #fff; float: right;} #base .base-rooms .el .mobile_view .short_info.no_price .block.peoples, #base .base-rooms .el .mobile_view .short_info.no_price .price { display: inline-block; vertical-align: top; float: none;} #base .base-rooms .el .mobile_view .short_info .price .num { font-size: 23px; font-weight: 500; vertical-align: baseline;} #base .base-rooms .el .mobile_view .short_info .price small { font-size: 14px; vertical-align: baseline;} #base .base-rooms .el .mobile_view .more_btn { position: relative; z-index: 3; width: 144px; height: 36px; text-align: center; font-size: 16px; color: #f6f7f7; line-height: 32px; font-weight: 600; border: 2px solid #2db34b; border-radius: 4px; margin: 8px auto 0; cursor: pointer;} #base .base-rooms .el .mobile_view .more_btn .cl { display: block;} #base .base-rooms .el.opened .mobile_view .more_btn .cl { display: none;} #base .base-rooms .el .mobile_view .more_btn .op { display: none;} #base .base-rooms .el.opened .mobile_view .more_btn .op { display: block;} #base .base-rooms .el .mobile_view .more { display: none; background: #fff; margin-top: 0; padding: 0 0 5px;} #base .base-rooms .el.opened .mobile_view .more {display: block;} #base .base-rooms .el .mobile_view .more .name { text-align: center; padding: 15px 20px 0; font-size: 16px; color: #424343; font-weight: 500; text-decoration: underline; margin-bottom: 15px; line-height: 1.2} #base .base-rooms .el .mobile_view .more .separator { width: 80%; border-bottom: 2px dotted #373737; opacity: 0.16; margin: 0px auto; clear: both;} #base .base-rooms .el .mobile_view .more .price_info {position: relative; padding-bottom: 20px; } #base .base-rooms .el .mobile_view .more .price_info:before, #base .base-rooms .el .mobile_view .more .price_info:after { content: ''; display: block; clear: both;} #base .base-rooms .el .mobile_view .more .price_info .old { display: inline-block; color: #db0505; font-size: 18px; padding: 0 15px; position: relative; margin-right: 40%} #base .base-rooms .el .mobile_view .more .price_info .old:after { content: ''; position: absolute; left: 13px; right: 13px; top: 50%; height: 2px; background: #db0505; opacity: 0.5;} #base .base-rooms .el .mobile_view .more .price_info .old span.num { font-weight: 600; vertical-align: baseline;} #base .base-rooms .el .mobile_view .more .price_info .old small { vertical-align: baseline;} #base .base-rooms .el .mobile_view .more .price_info .price { display: inline-block; font-size: 16px; width: 50%; margin: 0 -2px; padding-left: 15px; padding-top: 5px; color: #00A43D; vertical-align: top;} #base .base-rooms .el .mobile_view .more .price_info .price small { vertical-align: baseline;} #base .base-rooms .el .mobile_view .more .price_info .price span.gray { color: #727372;} #base .base-rooms .el .mobile_view .more .price_info .price span.num { font-size: 20px; font-weight: 600; vertical-align: baseline;} #base .base-rooms .el .mobile_view .more .price_info .button_block { display: inline-block; vertical-align: top; width: 50%; margin: 0 -2px;} #base .base-rooms .el .mobile_view .more .price_info .btn-green { width: 145px; height: 36px; padding: 0; font-size: 16px; line-height: 36px; margin-right: 20px; font-weight: 400;} #base .base-rooms .el .mobile_view .more .price_info .comment { padding: 0 15px; text-align: center;} #base .base-rooms .el .mobile_view .more .prop_info { padding: 15px;} #base .base-rooms .el .mobile_view .more .prop_info .block {position: relative;font-size: 14px; color: #000; font-weight: 500; margin-bottom: 5px;} #base .base-rooms .el .mobile_view .more .prop_info .block.peoples [class^=icon] {color: #f4cb14;} #base .base-rooms .el .mobile_view .more .prop_info .block.food {font-weight: 300;} #base .base-rooms .el .mobile_view .more .prop_info .block.food [class^=icon] {color: #818181; font-size: 16px;} #base .base-rooms .el .mobile_view .more .prop_info .free_cancel { font-size: 14px; color: #5d5d5d; font-weight: 400;} #base .base-rooms .el .mobile_view .more .prop_info .free_cancel [class^=icon] { color: #00A43D;} #base .base-rooms .el .mobile_view .more .room_images_slider {position: relative;} #base .base-rooms .el .mobile_view .more .room_images_slider .slide_counts {position: absolute; background: #000; right: 15px; bottom: 10px; border-radius: 4px; padding: 5px; line-height: 7px; font-size: 10px; color: #fff; opacity: .7;} #base .base-rooms .el .mobile_view .more .room_images_slider .room_slide { height: 50vw; min-height: 180px;} #base .base-rooms .el .mobile_view .more .services { padding: 10px 20px 5px;} #base .base-rooms .el .mobile_view .more .services .service { padding: 0; background: transparent; font-size: 14px; font-weight: 400; color: #2d2c2c; position: relative;} #base .base-rooms .el .mobile_view .more .services .service:after {content: '•'; position: absolute; top: 0; right: -10px;} #base .base-rooms .el .mobile_view .more .services .service:last-of-type:after {display: none;} #base .base-rooms .el .mobile_view .more .descr { margin-bottom: 10px;} #base .base-rooms .el .mobile_view .more .descr .ttl {padding: 10px 20px; font-size: 20px; color: #111; font-weight: 300; text-align: center;} #base .base-rooms .el .mobile_view .more .descr .content { padding: 0 20px 10px; font-size: 14px; color: #303336; line-height: 1.4; font-weight: 300; } #base .base-rooms .el .mobile_view .more .descr .content ul { padding: 0 20px;} #base .base-rooms .el .mobile_view .more .more_btn { color: #707070; margin: 10px auto 5px; font-weight: 400;} #base .base-rules { margin: 5px 0; padding: 0 15px; border-top: 0;} #base .base-rules h2 .icon { display: block;} #base .base-rules .wrapper {padding: 0;} #base .base-rules table {overflow: hidden; max-height: 0; -webkit-transition: all 0.25s; -moz-transition: all 0.25s; -o-transition: all 0.25s; transition: all 0.25s; } #base .base-rules.open table {max-height: 3000px;} #base .base-rules table tr { margin-bottom: 15px; line-height: 22px;} #base .base-rules table th { padding: 0; font-size: 15px;} #base .base-rules table td { padding: 0; font-size: 15px; font-weight: 300;} #base .base-location { margin: 5px 0; padding: 0 15px; border-top: 0;} #base .base-location h2 .icon {display: block;} #base .base-location .wrapper {padding: 0;} #base .base-location .contacts { overflow: hidden; max-height: 0; -webkit-transition: all 0.25s; -moz-transition: all 0.25s; -o-transition: all 0.25s; transition: all 0.25s; } #base .base-location.open .contacts { max-height: 3000px; padding: 0 0 20px;} } @media (max-width: 750px) { #win_select_region input { max-width: 100%;} #main_map { min-height: 300px; height: 30vh;} #footer .menu { display: none;} #footer .copyright { text-align: center; display: block;} #catalog .regions_letters { text-align: left; height: auto; } #catalog .regions_letters.fixed_float_active { padding: 10px 10px;} #catalog .regions_letters .wrapper { padding: 0;} #catalog .regions_letters .text { font-size: 20px; margin: 0; text-align: left; line-height: 16px;} a.scrollTop { width: 50px; height: 50px; position: fixed; right: 0; bottom: 100px; z-index: 9999; background: url('/images/template/top_icon.png') no-repeat center; cursor: pointer;} } @media (max-width: 670px) { #top_panel .logo { left: 0; margin-left: -10px;} #top_panel .zayavka {display: none;} #top_panel .messages { right: 70px; width: 40px;} #top_panel .messages .iconka { height: 100%; display: block;} #messages_popup:before { left: 64%;} #top_panel .admin_alarm { right: 110px !important; width: 40px;} #top_panel .admin_alarm .iconka { height: 100%; display: block;} #alarm_popup:before { left: 64%;} #top_panel .show_menu a {width: 40px;} #top_panel .show_menu.left { right: 30px; font-size: 16px; left: auto;} #top_panel .show_menu.right { right: -10px; font-size: 26px;} #top_panel .show_menu.search_block { display: block; right: 105px; font-size: 20px;} .application_but { background: #fff; padding: 0 0 20px; text-align: center; display: block;} .application_but a { margin: 0 auto; width: 300px;} #bases_search_wrapper {height: 0; padding: 0; overflow: hidden; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease;} #main_top #bases_search_wrapper { overflow: visible;} #bases_search_wrapper.open {height: auto; padding: 20px 0 10px;} #top_commercial_block{ height: auto; padding-bottom: 0;} #bases_search_wrapper .wrapper { max-width: 450px; width: 100%;} /**/ #top_panel .menu_block.left_block {left: auto; right: -300px;} #top_panel .menu_block.left_block.open {left: auto; right: -15px;} #main_top #bases_search_wrapper, #p404_top #bases_search_wrapper {height: 250px !important; padding: 0 0 22px !important;} #p404_top .header {font-size: 45px; max-width: 300px; margin: 0 auto; padding-top: 30px;} #p404_top .header_2 {font-size: 20px; max-width: 300px; margin: 0 auto; padding-bottom: 20px;} #p404_top { height: auto; min-height: 100vh;} #main_top.main_top .header { padding-bottom: 5px;} #main_top.main_top .header_2:not(.clone) { /* display: none;*/ font-size: 15px; padding-top: 15px; line-height: 1.4;} /*#main_top.main_top .header_2.clone{ display: block; padding-bottom: 0;}*/ #bases_search input[name=search_str] {max-width: 100%;} #bases_search { padding: 15px } #bases_search .s_block { margin-bottom: 10px; height: auto;} #bases_search .s_block input { height: 45px;} #bases_search .dates_input { line-height: 45px;} .base-rooms #bases_search .dates_block { height: 45px;} .base-rooms #bases_search .dates_input { line-height: 45px; text-align: left; padding: 3px 15px 0 40px;} #bases_search .s_block.dates_block { width: 100%; text-align: left; height: 45px; margin-bottom: 10px; margin-right: 0; } #bases_search .s_block.dates_block .dates.hasPh:before { line-height: 46px;} #bases_search .s_block.peoples_block { width: 49%; margin-bottom: 0; margin-right: 0; height: 45px;} #bases_search [name=peoples] { width: 100%; height: 45px;} #bases_search .s_block.button_block { width: 49%; margin-bottom: 0;} #bases_search .submit { width: 100%; height: 45px; line-height: 39px;} #bases_search .select_peoples {width: 274px;} #bases_search .select_peoples .ok { margin-right: 4px;} #bases_results .el .room .name { width: 35%;} #bases_search .icon-location2 { top: 13px;} #bases_search .s_block.dates_block .icon-calendar2 { top: 14px;} #bases_search .icon-peoples { top: 14px;} #base .main_mobile_slider {display: block; min-height: 225px; position: relative; z-index: 200;} #base .main_mobile_slider .favorite{position: absolute; right: 15px; top: 0; z-index: 1000; cursor: pointer;} #base .main_mobile_slider .favorite svg {height: 30px; width: 30px; display: block; overflow: visible; fill: #484848;fill-opacity: 0.5; stroke: #ffffff;} #base .main_mobile_slider .favorite.checked svg {fill: #ea7575; fill-opacity: 1;} #base .main_mobile_slider .slide {height: 62.5vw; min-height: 225px;} #base .main_mobile_slider .slide_counts {position: absolute; background: #000; right: 15px; bottom: 10px; border-radius: 4px; padding: 5px; line-height: 7px; font-size: 10px; color: #fff; opacity: .7;} #base .base-header { padding: 0;} #base .base-header .wrapper { padding: 0;} #base .base-header .lp {position: relative; width: 100%; float: none; padding-bottom: 0; background: #f2f3f3; min-height: 82px;} #base .base-header h1 { display: block; width: 100%; font-size: 18px; line-height: 1.1; color: #303336; margin-bottom: 10px; padding: 10px 90px 0 15px; position: relative; z-index: 10;} #base .base-header .location { display: block; width: 100%; padding: 0 90px 20px 15px; font-size: 12px; clear: both;} #base .base-header .location a { display: none;} #base .base-header .location .icon-location { font-size: 15px; margin-top: -8px;} #base .base-header .location figure { position: absolute; right: 0; top: 0; display: block; padding: 0; margin: 0; min-height: 80px; height: 100%;} #base .base-header .location figure img { height: 100%;} #base .base-header .location figure .gradient_hover { position: absolute;; width: 100%; height: 100%; left: 0; top: 0; background: -moz-linear-gradient(left, rgba(242, 243, 243, 1) 0%, rgba(242, 243, 243, 1) 1%, rgba(242, 243, 243, 0) 100%); background: -webkit-linear-gradient(left, rgba(242, 243, 243, 1) 0%, rgba(242, 243, 243, 1) 1%, rgba(242, 243, 243, 0) 100%); background: linear-gradient(to right, rgba(242, 243, 243, 1) 0%, rgba(242, 243, 243, 1) 1%, rgba(242, 243, 243, 0) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2f3f3', endColorstr='#00f2f3f3', GradientType=1); } #base .base-header .rp { display: none; width: 100%; float: none; background: #f2f3f3; padding-bottom: 20px; border-top: 1px solid #acacac;} #base .base-header .rp .comments { position: relative; right: auto; top: auto; display: block; text-align: left; float: left; margin: 23px 0 0 15px;} #base .base-header .comments.empty { display: none;} #base .base-header .stars_rate { width: 95px; width: 110px;} #base .comments .common_rate {width: 26px;} #base .comments * {vertical-align: middle;} #base .base-header .comments .caption { display: none; padding-left: 20px; padding-top: 10px;} #base .base-header .comments .caption .first_word { display: none;} #base .base-header .comments .caption .second { display: none;} #base .base-header .rp .by {display: block; float: right; width: 143px; height: 36px; font-size: 16px; line-height: 36px; padding: 0; margin: 20px 15px 10px 0;} #base .base-header .rp .favorite { font-size: 11px; margin-right: 20px; width: 143px; float: right;} #base .base-header .rp .favorite .istar { font-size: 12px; } #base .base-header .rp:before, #base .base-header .rp:after { content: ''; clear: both; display: block;} #base .base-header .tags { display: none;} #base .base-header .tags_line {margin-top: 0; padding: 15px 15px 10px; clear: both;} #base .base-header .tags_line .services {padding: 0 20px; text-align: center; float: none; width: 100%; max-width: 100%;} #base .images-thumbs-wrapper {display: none;} #base .base-descr { padding: 0; background: transparent !important;} #base .base-descr .wrapper { padding: 0; background: #fff;} #base .base-descr .images { display: none;} #base .image_slider.turbaza-lightbox .promo_banner { display: none;} #base .base-descr .descr { margin-top: 20px;padding: 0 15px; font-size: 15px; line-height: 1.4;} #base .base-descr div.expand {padding: 0; border-bottom: 1px solid #acacac;} #base .base-descr a.descr-expand { display: block; width: 100%; text-align: center; color: #878887; font-size: 16px; line-height: 30px; text-decoration: none;} #base .base-descr a.descr-expand span {position: static;} #base .base-descr .rp { margin-top: 0;} #base .base-descr .rp .header { border-top: 0;} #base .base-descr .rp .header .icon { display: block; position: absolute; top: 50%; margin-top: -10px; right: 15px; font-size: 14px; color: #878887;padding-left: 15px;} #base .base-descr .rp .text-block { width: 100%; padding: 0 15px;} #base .base-descr .rp .text-block strong { text-transform: uppercase; font-weight: 500;} #base .base-descr .rp .location { margin: 0; position: relative; min-height: 0; padding: 20px 0; -webkit-transition: all 0.25s; -moz-transition: all 0.25s; -o-transition: all 0.25s; transition: all 0.25s;} #base .base-descr .rp .location.open { margin: 0; position: relative; overflow: hidden; max-height: 1500px; } #base .base-descr .location .map_block { position: static; width: 100%; font-size: 15px; line-height: 22px; color: #303336;} #base .base-descr .location .map_block #map { height: 100vw; max-height: 370px; min-height: 350px; } #base .base-descr .location .map_block .coord_container { text-align: left; margin: 0; padding: 15px; } #base .base-descr .location .map_block .coord_container .ttl { display: block; font-size: 15px; text-transform: uppercase; line-height: 22px;} #base .base-descr .rp .header-2, #base .base-descr .similar_bases {display: none;} #base .base-services .srv_block { width: 100%; display: block; float: none; margin-bottom: 0; padding: 0;} .mod_base #tab_main { display: block !important;} #tab_comments { display: block !important;} #tab_comments .wrapper { padding: 0;} #tab_comments .top_comments { padding: 0 0 1px; margin-bottom: 0;} #tab_comments .top_comments h2 { font-size: 20px; line-height: 60px; height: 60px; padding: 0 15px; position: relative;} #tab_comments .top_comments h2 .icon {display: block; right: 15px;} #tab_comments .top_comments table, #tab_comments .top_comments tbody, #tab_comments .top_comments tr, #tab_comments .top_comments td { display: block; padding: 0;} #tab_comments .top_comments table { padding: 0 15px;} #tab_comments .top_comments tr { margin-bottom: 15px; } #tab_comments .top_comments tr:before, #tab_comments .top_comments tr:after { content: ''; display: block; clear: both; } #tab_comments .top_comments .rate_block { float: left; margin-right: 14px;} #tab_comments .top_comments .rate_block .common_rate { width: 60px; height: 55px; line-height: 55px; font-size: 30px; margin: 0; } #tab_comments .top_comments .caption { white-space: nowrap; display: block;} #tab_comments .el { padding: 10px 15px;} #tab_comments .el.button_block {padding: 0 15px 15px; margin-bottom: 0;} #tab_comments .comments_list { background: #fff;} #tab_comments .comments_list .el { padding: 0 15px 15px; /*height: 100vw; max-height: 450px;*/} #tab_comments .comments_list .el .comment_wraper { padding: 15px; background: #f1f1f1; height: 100%;} /*#tab_comments .comments_list .el:first-of-type{display: block;}*/ #tab_comments .el .p1 { width: 50px;} #tab_comments .el .p3 { /*overflow: auto; max-height: 80%; */padding: 0 15px;} #tab_comments .el .stay_type { margin-bottom: 0;} #tab_comments .el .comment_content { font-size: 14px; line-height: 1.2;} #tab_comments .el .comment_content p { word-wrap: break-word;} /*#tab_comments .show_all_comments{ display: block; margin: 10px auto 15px; width: 200px; height: 36px; line-height: 36px;*/ /*text-align: center; cursor: pointer; background: #00A43D; color: #fff;}*/ #tab_comments .rate_table, #tab_comments .button_block, #tab_comments .comments_list {display: none !important;} #tab_comments.open .rate_table, #tab_comments.open .button_block, #tab_comments.open .comments_list {display: block !important;} .page_about .tags .el { display: block;} .page_about .tags .el .name { width: 300px; padding-left: 140px; vertical-align: middle; height: 72px; padding-bottom: 0; } .page_about .tags .el .count { width: 120px; vertical-align: middle; height: 72px; padding-bottom: 0;} .page_about .tags .el .descr { display: block; padding-left: 140px; padding-bottom: 20px; padding-top: 0;} .page_about h1 { font-size: 28px; padding: 15px 0; line-height: 1.2;} #catalog.type_resort .part-bases { padding-bottom: 1px;} #catalog.type_resort .part-bases h2 { font-size: 24px; padding: 20px 0; line-height: 1.2;} #catalog.type_resort .letters .title { font-size: 23px; line-height: 1.2; padding: 10px;} #resort .part-waters h2, #region .part-waters h2, #region .part-resorts h2, #water .part-resorts h2, #water .part-waters h2, #water h2, #region h2, #resort h2 { font-size: 23px; line-height: 1.2;} .part-bases { padding: 20px 0 !important;} .part-bases .els { margin: 20px auto !important;} .part-bases .els .el { width: 100%; max-width: 100%; margin: 10px auto; display: block;} .part-bases .buttons a { width: 300px; height: 55px; line-height: 50px; font-size: 18px; font-weight: 400;} .base_thumb .favor_status, #bases_results .el .leftside .favor_status{ top: 10px; right: 30px;} .base_thumb .favor_status svg, #bases_results .el .leftside .favor_status svg{ width: 15px; height: 15px;} #region .part-resorts {padding: 20px 0;} #region .part-resorts .carusel .el { width: 100%; margin: 10px auto;} #region .part-resorts .carusel { width: 100%; margin: 5px 0;} #region .part-waters {padding: 20px 0;} #region .part-waters .carusel .el { width: 100%; margin: 10px auto;} #region .part-waters .carusel { width: 100%; margin: 5px 0;} #water .part-resorts {padding: 20px 0;} #water .part-resorts .carusel .el { width: 100%; margin: 10px auto;} #water .part-resorts .carusel { width: 100%; margin: 5px 0;} /**/ .ymaps-2-1-72-zoom__plus{ top: -18px !important;} } @media (max-width: 570px) { #top_panel .logo { width: 130px; background-size: 100% auto;} #main_map .my_region {font-size: 16px;} #main_map .my_region a {font-size: 16px;} #win_select_region .regions_list .el {min-width: 48%; margin: 0 1% 20px 0;} #tab_comments .el .comment_photos .image { max-width: 49%;} #bases_results .el {width: 100%; margin: 0 auto 20px;} #bases_results .el .isset_contract { width: 30px; height: 30px; padding: 5px; color: #fff; background: #ffb200; right: 0; top: 0; font-size: 18px; text-align: center; line-height: 18px;} #bases_results .el .leftside { position: relative; left: auto; top: auto; bottom: auto; width: 100%; padding: 0;} #bases_results .el .rightside { position: relative; left: auto; top: auto; bottom: auto; width: 100%; padding: 10px 0 0;} #bases_results .el .leftside .sliderWrapper { height: 48vw;} #bases_results .el .leftside .sliderWrapper .slide { height: 48vw;} #bases_results .el .leftside .sliderWrapper .slick-arrow { opacity: 1;} #bases_results .el .leftside .buttons {padding-bottom: 0;} #bases_results .el .leftside .buttons .gomap { display: none;} #bases_results .el .tags { display: none;} #bases_results .el .services { display: none;} #bases_results .el .comments { top: -103px; right: 0; width: 100%; background: rgba(0, 0, 0, 0.8); color: #fff; text-align: right; padding: 5px 10px; min-height: 40px; display: none;} #bases_results .el .comments.empty { display: none;} #bases_results .el .comments .common_rate {color: #fff; font-size: 20px; } #bases_results .el .comments .common_rate span {color: #fff; display: none;} #bases_results .el .comments .caption { display: none;} #bases_results_bar .type_view a {width: 46px;} #bases_results_bar .type_view a span.ttl {display: none;} #bases_results .el .rightside .header { padding-right: 0;} #bases_results .el .room {width: 100%; padding: 0; } #bases_results .el .room.hidden {display: none; } #bases_results .el .room .peoples {width: 55px; float: none; padding: 8px 0 8px 5px; margin: 0 -2px;} #bases_results .el .room .name { float: none; padding: 8px 0; margin: 0 -2px;} #bases_results .el .room .price { float: none; padding: 8px 5px 8px 0; margin: 0 -2px; display: inline-block; vertical-align: middle;} #base .bases-viewed { padding-bottom: 25px;} #catalog h1 { padding: 15px 10px 5px; line-height: 20px; font-size: 24px;} #catalog .h1-links { padding: 10px; border-bottom: 1px solid #acacac; margin-bottom: 0;} #catalog .h1-links .h1-comment { margin-bottom: 0;} #catalog .h1-links a { font-size: 15px; margin-bottom: 0; margin-right: 0;} #catalog .popular_block .els { width: 100%; text-align: center;} #catalog .popular_block .el { margin: 0 auto 10px; display: block; width: 100%; } #catalog .popular_block .el:nth-of-type(2n) {margin: 0 auto 10px;} #catalog .resorts_types .els { width: 100%;} #catalog .resorts_types .el img { width: 100%;} #catalog .regions_letters { text-align: left; height: auto; } #catalog .regions_letters.fixed_float_active { padding: 0 10px;} #catalog .regions_letters .wrapper { padding: 0;} #catalog .regions_letters .text { display: block; padding: 10px 0; font-size: 20px; margin: 0; text-align: left; line-height: 16px;} #catalog .region, #catalog .water, #catalog .resort { width: 46%;} #catalog.type_resort .top_map { padding-top: 0;} #catalog.type_resort .top_map h1 { padding: 15px 10px 5px; line-height: 20px; font-size: 24px; text-align: left;} #catalog.type_resort .top_map .h1-comment {padding: 10px; border-bottom: 1px solid #acacac; margin: 0 auto 20px; width: 100%;text-align: left;} } @media (max-width: 484px) { .auth_content .rp a { float: none !important; margin: 0 auto 10px;} .auth_content [class*=btn] { margin: 0 0 0 11%;} #zayavka [class*=btn] {margin: 20px auto 0; float: none; display: block;} } @media (max-width: 450px) { .search_table td.right_side { padding-bottom: 0;} /*.modal-header .close{line-height: 17px; font-size: 11px;}*/ #bases_results_bar .sort a { width: 100px; font-size: 12px; padding: 0; } #rooms { padding: 0 0 20px;} #rooms h2 { text-align: center; font-size: 20px; line-height: 1.2; padding-bottom: 0;} #base .base-rooms { padding-bottom: 0;} #base .broninfo { text-align: center; font-size: 15px; font-weight: 600; width: 320px; margin: 0 auto; float: none; position: relative; top: auto; padding: 15px 0;} #base .base-rooms #bases_search { width: 100%; max-width: 100%; margin: 0 auto; padding: 20px 15px; background: #f0d24b; float: none;} #base .base-rooms #bases_search .dates_block { margin: 0 auto 15px; width: 275px} .base-rooms #bases_search .dates_block .date_wr { padding-left: 35px;} .base-rooms #bases_search .dates_block .icon-calendar2 { left: 9px; } #base .base-rooms #bases_search .peoples_block { display: block; margin: 0 auto; width: 275px} .event_attention { margin: 10px 2.5% 10px; top: auto; text-align: center;} #tab_comments .el .rate_block {position: relative; padding-left: 50px; border: 0; margin-top: 10px; padding-top: 10px; border-top: 1px solid #d3dbde; border-bottom: 1px solid #d3dbde; border-radius: 0; min-height: 37px;} #tab_comments .el .rate_block span { display: inline-block; margin-bottom: 5px; margin-right: 5px; line-height: 37px;} #tab_comments .el .rate_block span:last-of-type { margin-right: 0;} #tab_comments .el .rate_block div.common_rate span { margin-bottom: 0; } #tab_comments .el .rate_block div.common_rate { position: absolute; left: 0; top: 50%; margin-top: -18px;} #tab_comments .el .comment_photos:after, #tab_comments .el .comment_photos .image { max-width: 100%; margin: 0 auto 15px;} .page_about {font-size: 14px;} .page_about .tags .el .name { width: 100%; padding-left: 140px; display: block; padding-top: 20px; height: auto;} .page_about .tags .el .count { width: 100%; padding-left: 140px; display: block; height: auto; text-align: left; font-size: 30px; } .page_about .block.block1 { padding-top: 57vw; padding-bottom: 30px; background-size: 100% auto; } .page_about .block.block2 { padding-top: 58vw; padding-bottom: 30px; background-size: 100% auto; } .page_about .block.block3 { padding-top: 58vw; padding-bottom: 30px; background-size: 60% auto; } .page_about .block.block4 { padding-top: 58vw; padding-bottom: 30px; background-size: 72% auto; } .page_about .tags { margin: 30px 0;} .page_about .block .name { font-size: 23px; line-height: 1.2;} #catalog.type_resort .part-bases .carusel .el { width: 100%;} /**/ .base-promo .els .el .head .name {text-overflow: unset; white-space: normal;} } @media (max-width: 375px) { #tab_comments .el .rate_block span { display: inline-block; margin-bottom: 5px; margin-right: 5px; line-height: 14px;} } @media (max-width: 320px) { #main_top.main_top .header { font-size: 23px;} #main_top.main_top .header_2 { font-size: 14px;} .part-bases .els .el { margin: 5px; width: 100%; margin: 15px 0;} .part-bases [class*='btn-'] { width: 100%; margin: 0 auto;} #win_select_region .regions_list .el {min-width: 100%; margin: 0 0 20px;} .page_about .block.block1 { padding-top: 180px;} .page_about .block.block2 { padding-top: 195px;} .page_about .block.block3 { padding-top: 195px;} .page_about .block.block4 { padding-top: 195px;} }