@import url(http://fonts.googleapis.com/css?family=Fira+Sans:400,700|Roboto:400,500,700,300&subset=latin,cyrillic); html, body, div, ul, ol, li, h1, h2, h3, h4, h5, h6, dd, dt, dl, table, tr, td, th, p, span, strong, small, a, img, form, input, textarea, button { margin: 0; padding: 0;} html { height: 100%;} body { height: 100%; font: 16px/28px 'Roboto', sans-serif; color: #4b5055; background: #f7f7f7; min-width: 1000px; position: relative;} img { border: none; } a { cursor: pointer; text-decoration: underline; color: #1085fe; } a:hover { text-decoration: none; } p { margin-bottom: 16px; } p small { font-size: 0.8em; } h1, h2, h3, h4, h5, h6 { font: 500 24px 'Roboto', sans-serif; color: #4b5055; line-height: normal; margin-bottom: 20px; text-transform: uppercase;} h1 { font-size: 30px; } h3 { font-size: 22px; } h4 { font-size: 20px; } h5 { font-size: 18px; } h6 { font-size: 16px; } input[type='submit'], input[type='button'] { cursor: pointer;} ul, ol { padding-left: 30px; margin-bottom: 20px;} ul li { list-style: disc outside;} .wrap { display: table; width: 100%; height: 100%; border-collapse: collapse; border: none;} .head_wr { display: table-header-group;} .head, .footer, .cont { display: table-cell; vertical-align: top;} .footer, .head { height: 1px;} .head { background: url("../images/head_bg.jpg") 50% 0 no-repeat; background-size: cover;} .footer_wr { display: table-footer-group;} .cont_wr { display: table-row-group;} .head_section:after, .footer_section:after, .footer_cont:after, .filter:after, .value_range:after, .result_setting:after, .container:after, .reservation_date:after, .cost_wr:after { content: ''; display: table; clear: both;} .center { width: 1000px; margin: 0 auto;} .head_section { min-height: 46px; position: relative; padding: 36px 0 0 136px;} .logo { position: absolute; top: 38px; left: 0;} .logo a { display: block; width: 126px; height: 46px; background: url("../images/sprite.png") 0 0 no-repeat;} .head_cont { float: right; padding: 4px 0} .search, .region { float: left; margin-left: 20px;} .search { padding-right: 50px; background: #cbcbcb; position: relative; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;} .send { width: 22px; height: 22px; background: url("../images/sprite.png") -128px 0 no-repeat; border: none; position: absolute; top: 12px; right: 19px;} .search_text { border: none; background: none; width: 100%; height: 44px; padding-left: 10px; box-sizing: border-box; font: 18px/44px 'Roboto', sans-serif; color: #ffffff; outline: none;} .search_text::-webkit-input-placeholder {color:#ffffff;} .search_text::-moz-placeholder {color:#ffffff;}/* Firefox 19+ */ .search_text:-moz-placeholder {color:#ffffff;}/* Firefox 18- */ .search_text:-ms-input-placeholder {color:#ffffff;} .close_search { display: block; width: 14px; height: 14px; background: url("../images/sprite.png") -128px -24px no-repeat; position: absolute; top: 19px; right: 20px;} .search.active .search_button { opacity: 0;} .search.active .search_form { display: block;} .vid_section { text-align: center;} .vid_section h1 { margin-bottom: 4px; font-size: 64px; font-weight: bold; color: #434d58; text-transform: none;} .subtitle { margin-bottom: 62px; font-size: 18px; font-weight: 500; color: #76bcf6;} .vid_info { margin-bottom: 52px;} .vid_info ul { margin: 0; padding: 0; font-size: 0;} .vid_info li { display: inline-block; vertical-align: top; padding: 5px 0 0 56px; font-size: 14px; color: #323840; line-height: 14px; list-style: none; position: relative; text-align: left;} .info_n { display: block; margin-bottom: 5px; font-size: 28px; font-weight: 500; color: #434d58;} .info_n span { font-size: 20px; color: #232f39;} .info1 { margin: 0 92px 0 17px;} .info2 { margin-right: 91px;} .info3 { margin-right: 72px;} .vid_info li:before { content: ''; display: block; background-image: url(../images/sprite.png); background-repeat: no-repeat; position: absolute;} .info1:before { width: 38px; height: 26px; background-position: 0 -72px; top: 5px; left: 5px;} .info2:before { width: 43px; height: 28px; background-position: -40px -72px; top: 4px; left: 2px;} .info3:before { width: 38px; height: 31px; background-position: 0 -105px; top: 0; left: 4px;} .info4:before { width: 38px; height: 26px; background-position: -85px -72px; top: 5px; left: 0;} .footer_section { padding: 50px 0 59px;} .support, .cop { font: 14px 'Fira Sans', sans-serif; color: #34383e;} .support { margin-left: 20px; float: right; text-align: right;} .tel { display: block; margin-bottom: 5px; font-size: 20px; font-weight: bold; color: #68aff3;} .footer_cont { overflow: hidden;} .cop, .add { float: left;} .cop { border-right: 2px solid #d0d1d2; margin-right: 20px; padding: 2px 19px 1px 0;} .foot_logo { display: block; width: 143px; height: 22px; margin-bottom: 6px; background: url("../images/sprite.png") 0 -48px no-repeat;} .add_btn { display: inline-block; height: 48px; padding: 0 9px; background: #76bcf6; font-size: 14px; font-weight: 500; color: #ffffff; line-height: 48px; text-decoration: none; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;} .add_btn:hover, .find:hover { background: #259ad1;} .filter_wr { width: 100%; margin-bottom: 24px; background: #434d58; position: relative; z-index: 100;} .filter { width: 1000px;} .filter ul { margin: 0; padding: 0;} .filter li { width: 20%; float: left; list-style: none; position: relative; z-index: 10;} .filter li:hover { z-index: 20;} .filter_county, .filter_price, .filter_date, .filter_time, .find { height: 84px; font-weight: 500; color: #ffffff; line-height: 84px; cursor: pointer;} .filter_county, .filter_price, .filter_date, .filter_time { padding: 0 40px; font-size: 16px; position: relative; white-space: nowrap; overflow: hidden;} .filter_county { background: #252b31;} .filter_price { background: #2b3239;} .filter_date { background: #333b43;} .filter_time { background: #3c454f;} .filter_county:before, .filter_price:before, .filter_date:before, .filter_time:before , .filter_county:after, .filter_price:after, .filter_date:after, .filter_time:after { content: ''; display: block; background-image: url(../images/sprite.png); background-repeat: no-repeat; position: absolute;} .filter_county:before, .filter_date:before { top: 33px;;} .filter_price:before, .filter_time:before { top: 34px;} .filter_county:before, .filter_date:before, .filter_time:before { left: 13px;} .filter_price:before { left: 12px;} .filter_county:before { width: 14px; height: 18px; background-position: -40px -105px;} .filter_price:before { width: 17px; height: 15px; background-position: -56px -105px;} .filter_date:before { width: 16px; height: 18px; background-position: -75px -105px;} .filter_time:before { width: 18px; height: 18px; background-position: -93px -105px;} .filter_county:after, .filter_price:after, .filter_date:after, .filter_time:after, .result_list:after { width: 12px; height: 8px; top: 40px; right: 15px; background-position: -128px -72px;} .find { display: block; background: #76bcf6; font-size: 18px; font-weight: 500; color: #ffffff; line-height: 84px; text-align: center; text-decoration: none;} .filter_value { opacity: .5;} .active .filter_value, .selected .filter_value { opacity: 1;} .active .filter_county, .active .filter_price, .active .filter_date, .active .filter_time { background: #76bcf6;} .active .filter_county:before { background-position: 0 -138px;} .active .filter_price:before { background-position: -16px -138px;} .active .filter_date:before { background-position: -35px -138px;} .active .filter_time:before { background-position: -53px -138px;} .dropdown_county, .dropdown_range, .dropdown_date { position: absolute; top: 84px; left: 0; background: #ffffff; -webkit-box-shadow: 0 7px 16px rgba(0,0,0,.41); -moz-box-shadow: 0 7px 16px rgba(0,0,0,.41); box-shadow: 0 7px 16px rgba(0,0,0,.41);} .dropdown_county { width: 580px; padding: 25px 10px 5px 40px; display: none;} .active .dropdown_county, .active .dropdown_range, .active .dropdown_date { display: block;} .dropdown_county ul { margin: 0; padding: 0; font-size: 0;} .dropdown_county li { display: inline-block; vertical-align: top; width: 180px; margin: 0 10px 20px 0; font-size: 14px; font-weight: 500; color: #7c8084; line-height: 20px;} .dropdown_county li label.active { color: #76bcf6;} .dropdown_county li input { margin-right: 10px;} .clevered.alice { font-family: 'Roboto', sans-serif;} .clevered.alice .dropdown_county li .jClever-element, .clevered.alice .selection_dropdown .jClever-element { display: inline-block; margin-right: 10px; vertical-align: top;} .clevered.alice .dropdown_county li .jClever-element-checkbox-twins, .clevered.alice .selection_dropdown .jClever-element-checkbox-twins { width: 20px; height: 20px;} .clevered.alice .dropdown_county li .jClever-element-checkbox-twins .jClever-element-checkbox-twins-element, .clevered.alice .selection_dropdown .jClever-element-checkbox-twins .jClever-element-checkbox-twins-element { width: 20px; height: 20px; background: url("../images/sprite.png") -128px -82px no-repeat;} .clevered.alice .dropdown_county li .jClever-element-checkbox-twins .jClever-element-checkbox-twins-color, .clevered.alice .selection_dropdown .jClever-element-checkbox-twins .jClever-element-checkbox-twins-color { width: 20px; height: 20px; background: none;} .clevered.alice .dropdown_county li label, .clevered.alice .selection_dropdown label { font-size: 14px; color: #7c8084; border-bottom: none;} .clevered.alice .dropdown_county li label.active, .clevered.alice .selection_dropdown label.active { color: #76bcf6; border-bottom: none;} .clevered.alice .dropdown_county li .jClever-element.focused .jClever-element-checkbox-twins.checked .jClever-element-checkbox-twins-element, .clevered.alice .selection_dropdown .jClever-element.focused .jClever-element-checkbox-twins.checked .jClever-element-checkbox-twins-element { background-position: -128px -105px;} .clevered.alice .dropdown_county li .jClever-element.focused .jClever-element-checkbox-twins .jClever-element-checkbox-twins-element, .clevered.alice .selection_dropdown .jClever-element.focused .jClever-element-checkbox-twins .jClever-element-checkbox-twins-element { background-position: -128px -82px;} .clevered.alice .dropdown_county li .jClever-element-checkbox-twins.checked .jClever-element-checkbox-twins-element, .clevered.alice .selection_dropdown .jClever-element-checkbox-twins.checked .jClever-element-checkbox-twins-element { background-position: -128px -105px;} .dropdown_range { width: 220px; padding: 27px 40px 30px; display: none;} .dropdown_range h6 { margin-bottom: 27px; font-size: 14px; color: #4b5055;} .value_range { margin: 0 0 40px -25px;} .lower_wr, .upper_wr { max-width: 100px;} .lower_wr { float: left;} .upper_wr { float: right;} .value_range input { width: 50px; height: 44px; padding: 0 10px; background: #eff2f4; border: none; font: 14px/44px 'Roboto', sans-serif; color: #4b5055; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;} .value_range label { display: inline-block; min-width: 20px; margin-right: 6px; font-size: 14px; color: #4b5055;} .clevered.alice .value_range label { display: inline-block; min-width: 20px; font-size: 14px; color: #4b5055; border: none;} .slider_range { margin: 10px 0;} .slider_range.ui-widget-content { border: none; background: #eff2f4;} .slider_range.ui-corner-all { -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;} .slider_range.ui-slider-horizontal { height: 4px;} .slider_range.ui-slider-horizontal .ui-slider-range { height: 8px; top: -2px;} .slider_range .ui-widget-header { background: #76bcf6;} .slider_range.ui-slider .ui-slider-handle { width: 16px; height: 16px;} .slider_range .ui-state-default { background: #ffffff; border: 2px solid #eff2f4; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, .24); -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, .24); box-shadow: 0 1px 4px rgba(0, 0, 0, .24);} .slider_range.ui-slider-horizontal .ui-slider-handle { top: -6px; margin-left: -8px; outline: none; background: #ffffff;} .dropdown_date { display: none; position: absolute; top: 84px; left: 0;} .ui-widget-content { margin: 0 auto; border: none; background: #ffffff;-webkit-box-shadow: 0 7px 16px rgba(0,0,0,.41); -moz-box-shadow: 0 7px 16px rgba(0,0,0,.41); box-shadow: 0 7px 16px rgba(0,0,0,.41);} .ui-widget { font: 500 14px 'Roboto', sans-serif;} .ui-datepicker { width: 280px; padding: 35px 28px 14px;} .ui-datepicker .ui-datepicker-header { margin-bottom: 29px; padding: 0; font-weight: 500; color: #4b5055; text-transform: uppercase;} .ui-corner-all { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;} .ui-widget-header { border: none; background: none;} .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { width: 7px; height: 11px; top: 1px;} .ui-datepicker .ui-datepicker-prev { left: 0;} .ui-datepicker .ui-datepicker-next{ right: 0;} .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { margin-left: -3px; margin-top: -5px;} .ui-icon { width: 7px; height: 11px;} .ui-widget-header .ui-icon { background-image: url(../images/sprite.png);} .ui-widget-header .ui-state-hover, .ui-widget-header .ui-state-focus { border: none; background: none;} .ui-datepicker .ui-datepicker-calendar .ui-state-hover, .ui-datepicker .ui-datepicker-calendar .ui-state-focus { border: none; background: #76bcf6; color: #ffffff;} .ui-icon-circle-triangle-w { background-position: -75px -138px;} .ui-icon-circle-triangle-e { background-position: -85px -138px;} .ui-datepicker .ui-datepicker-title { margin: 0 20px; line-height: 14px;} .ui-datepicker-year { color: #76bcf6;} .ui-datepicker table { margin: 0; font-size: 18px; line-height: 40px;} .ui-datepicker table thead { display: none;} .ui-datepicker td { padding: 5px 0;} .ui-datepicker td span, .ui-datepicker td a { width: 40px; height: 40px; padding: 0; text-align: center; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;} .ui-state-default, .ui-widget-content .ui-state-default { border: none; background: none; font-weight: 500; color: #4b5055;} .ui-widget-content .ui-state-highlight { background: #76bcf6; color: #ffffff;} .result { margin-bottom: 5px; position: relative; z-index: 20;} .result_setting { margin-bottom: 22px;} .result_view, .result_sort { font-size: 14px; color: #aeb0b2; line-height: 18px;} .result_sort { float: right; margin-left: 20px;} .result_view { overflow: hidden;} .setting_btn { display: inline-block; padding: 7px 9px 9px;} .setting_btn:first-child { margin-left: 8px;} .setting_btn a { text-decoration: none; color: #232f39; border-bottom: 2px dotted #76bcf6;} .setting_btn.active { background: #76bcf6;} .setting_btn.active a { color: #ffffff;} .result_setting_map .result_sort { display: none;} .result_list { overflow: hidden;} .result_list ul { width: 110%; margin: 0; padding: 0;} .result_list li { width: 330px; margin: 0 5px 5px 0; background-size: cover; background-repeat: no-repeat; background-position: 50% 50%; float: left; list-style: none; position: relative;} .club_img, .club_data, .align, .h3, .club_adr, .club_info, .club_price, .metro, .club_county { display: block;} .club_img { height: 330px; position: relative; text-align: center; font-size: 0; line-height: 0; overflow: hidden;} .club_img:after { display: inline-block; width: 1px; height: 330px; margin: 0 -1px; content: ''; vertical-align: middle;} .club_img img { width: 330px; vertical-align: middle;} .club_img:before { content: ''; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: #000000; opacity: .5;} .result_list li:hover .club_img:before { background: #40bcf6; opacity: .75;} .club_data { width: 100%; height: 140px; color: #ffffff; position: absolute; top: 82px; text-align: center; overflow: hidden;} .club_data:after { content: ''; display: inline-block; height: 100%; vertical-align: middle;} .align { display: inline-block; width: 320px; vertical-align: middle;} .h3 { margin-bottom: 0; font-size: 24px; font-weight: bold; color: #ffffff; line-height: 30px; text-transform: uppercase;} .club_adr { font-size: 14px; line-height: 20px;} .club_info { width: 184px; color: #ffffff; position: absolute; bottom: 14px; left: 20px;} .club_price { padding: 0 0 2px 32px; position: relative; font-size: 18px; font-weight: 500; line-height: 18px;} .club_price:before { content: ''; display: block; width: 17px; height: 15px; background: url("../images/sprite.png") -56px -105px no-repeat; position: absolute; top: 2px; left: 3px;} .start { font-size: 12px;} .rub { font-size: 14px; font-weight: 300;} .metro { margin-top: 9px; /*padding-left: 32px;*/ font-size: 16px; font-weight: 500; line-height: 22px; position: relative;} .metro:before { content: 'м. '; /*display: block; width: 22px; height: 22px*/; /*background: url("../images/sprite.png") -94px -138px no-repeat;*/ /*position: absolute; *//*top: 0;*//* left: 5px;*/} .green:before { background-position: -118px -138px;} .club_county { width: 100px; font-size: 16px; font-weight: 500; color: #ffffff; line-height: 20px; text-align: right; position: absolute; bottom: 15px; right: 20px;} .result_map { width: 100%; height: 560px; overflow: hidden; position: relative;} .popup_item { width: 330px; background: #ffffff; position: absolute;} .popup_item .club_data { top: 99px;} .more { width: 100%; position: absolute; top: 232px; text-align: center;} .more_btn { display: inline-block; height: 44px; padding: 0 28px; border: 2px solid #76bcf6; font-size: 14px; font-weight: 500; color: #ffffff; line-height: 44px; text-decoration: none;} .poup_item_cont { padding: 27px 0 29px 20px; position: relative;} .poup_item_cont .club_info { position: static;} .poup_item_cont .club_price, .popup_item .metro, .popup_item .club_county { color: #434d58;} .popup_item .club_county { bottom: 30px;} .close { position: absolute; left: 100%; top: -1px;} .close a { display: block; width: 50px; height: 50px; background: url("../images/sprite.png") 0 -162px;} .inner .head { background: #ffffff;} .inner .head_section { padding-bottom: 32px;} .inner .search { background: #eef2f4;} .inner .search_text { color: #70757a;} .inner .search_text::-webkit-input-placeholder {color:#8c9196;} .inner .search_text::-moz-placeholder {color:#8c9196;}/* Firefox 19+ */ .inner .search_text:-moz-placeholder {color:#8c9196;}/* Firefox 18- */ .inner .search_text:-ms-input-placeholder {color:#8c9196;} .breadcrumbs { padding-top: 11px; overflow: hidden;} .breadcrumbs ul { margin: 0; padding: 0;} .breadcrumbs li { display: inline; margin-right: 7px; font-size: 14px; font-weight: 500; color: #4b5055; line-height: 16px; list-style: none;} .breadcrumbs li:before { content: ''; display: inline-block; vertical-align: middle; width: 5px; height: 7px; margin-right: 10px; background: url("../images/sprite.png") -118px -105px no-repeat;;} .breadcrumbs li a { color: #4b5055; text-decoration: none;} .container { padding: 33px 0 15px; overflow: hidden;} .contentbar { width: 680px; float: left;} .contentbar h2 { margin-bottom: 15px; font-size: 24px;} .item_info { margin-bottom: 25px; font-size: 14px; color: #b2b3b5; line-height: 18px;} .item_info span { margin-right: 28px;} .item_metro:before { content: ''; display: inline-block; vertical-align: middle; width: 18px; height: 18px; margin-right: 8px; background: url("../images/sprite.png") -53px -162px no-repeat; position: relative; top: -2px;} .slider { margin-bottom: 27px;} .gv_galleryWrap { margin: -6px; background: none;} .current:after { content: ''; display: block; top: 0; position: absolute; right: 0; bottom: 0; left: 0; border: 3px solid #79bff6;} .text { margin-bottom: 16px; font-weight: 300;} .sidebar { width: 300px; float: right;} .side_info { display: table; margin-bottom: 27px;} .side_descr, .side_price { display: table-cell; vertical-align: middle; font-size: 14px; color: #acaeb0; line-height: 14px; position: relative;} .side_descr { padding: 25px 0 0 66px;} .side_price { padding: 25px 0 0 90px;} .bold { display: block; margin-bottom: 5px; font-size: 28px; font-weight: 500; color: #232f39;} .bold span { font-size: 20px;} .side_descr:before, .side_price:before { content:''; display: block; background: url("../images/sprite.png") no-repeat; position: absolute;} .side_descr:before { width: 43px; height: 28px; background-position: -40px -72px; left: 11px; top: 28px;} .side_price:before { width: 38px; height: 31px; background-position: 0 -105px; top: 25px; left: 39px;} .reservation { margin: 0 -1px 15px; padding: 22px 21px 21px 19px; background: #ffffff; border: 1px solid #ebe7e7;} .reservation h3 { margin-bottom: 20px; font-size: 20px; color: #53575c;} .reservation_date { margin-bottom: 17px; position: relative; z-index: 100;} .i_date, .i_time, .select_time select,.selection_cont { background: #eff2f4; font: 14px/44px 'Roboto', sans-serif; color: #4b5055;} .i_date, .i_time { height: 44px; padding: 0 10px; border: none; box-sizing: border-box; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;} .i_date { width: 150px; float: left;} .i_time { width: 90px; float: right;} .select_time { margin-bottom: 20px; position: relative; z-index: 50;} .select_time select { width: 100%; height: 44px; border: none;} .clevered.alice .select_time .jClever-element-select-wrapper { border: none; height: 44px; background: #eff2f4;} .clevered.alice .select_time .jClever-element.focused .jClever-element-select-wrapper { border: none;} .clevered.alice .select_time .jClever-element-select-center { line-height: 44px; color: #4b5055; background: #eff2f4;} .clevered.alice .select_time .jClever-element-select-right { width: 12px; height: 8px; background: none; top: 20px; right: 10px; border: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;} .clevered.alice .select_time .jClever-element-select-right>span { width: 12px; height: 8px; background: url("../images/sprite.png") -75px -162px no-repeat; border: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;} .clevered.alice .select_time .jClever-element-select-list-wrapper { border: none; padding:5px 0; top: 45px; left: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-box-shadow: 0 7px 16px rgba(0, 0, 0, .41); -moz-box-shadow: 0 7px 16px rgba(0, 0, 0, .41); box-shadow: 0 7px 16px rgba(0, 0, 0, .41);} .clevered.alice .select_time .jClever-element-select-list-wrapper-- { max-height: none;} .clevered.alice .select_time .jClever-element-select-list>li { padding: 5px 10px; line-height: 20px; list-style: none;} .clevered.alice .select_time .jClever-element-select-list>li.active { background: none; color: #76bcf6;} .clevered.alice .select_time .jClever-element-select-list>li:hover, .clevered.alice .select_time .jClever-element-select-list>li.selected { background: none; color: #76bcf6;} .selection { margin-bottom: 9px; position: relative;} .selection_cont { height: 44px; padding: 0 32px 0 10px; background: #eff2f4; position: relative; cursor: pointer; white-space: nowrap; overflow: hidden; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;} .selection_cont:before { content: ''; display: block; width: 12px; height: 8px; background: url("../images/sprite.png") -75px -162px no-repeat; position: absolute; top: 20px; right: 10px;} .selection_dropdown { padding: 25px 40px 7px; position: absolute; top: 45px; right: 0; left: 0; background: #ffffff; -webkit-box-shadow: 0 7px 16px rgba(0, 0, 0, .41); -moz-box-shadow: 0 7px 16px rgba(0, 0, 0, .41); box-shadow: 0 7px 16px rgba(0, 0, 0, .41); display: none;} .selection.active .selection_cont { background: #76bcf6; color: #ffffff;} .selection.active .selection_cont:before { background-position: -75px -172px;} .selection.active .selection_dropdown { display: block;} .selection_dropdown ul { margin: 0; padding: 0;} .selection_dropdown li { margin-bottom: 20px; list-style: none; font-size: 14px;; line-height: 20px;} .cost_wr { margin-bottom: 15px;} .cost { margin-left: 10px; float: right; font-size: 28px; font-weight: bold; color: #2a363f;} .cost span { font-weight: 300;} .cost sup { font-size: 12px; font-weight: 400;} .cost_title { padding-top: 9px; font-size: 14px; font-weight: 500; overflow: hidden;} .book a { display: block; height: 44px; padding: 0 10px; background: #79bef6; font-size: 14px; font-weight: bold; color: #ffffff; line-height: 44px; text-align: center; text-decoration: none; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;} .book a:hover { background: #259ad1;} .clarif { padding: 0 20px; font-size: 12px; color: #a3a6a9; line-height: 18px;} .inner_map { height: 500px; margin-bottom: 5px; overflow: hidden;} .popup_wr { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1000;} .popup_cover { position: fixed; width: 100%; top: 0; bottom: 0; background: #ffffff; opacity: .9;} .popup_confirm, .popup_ok { background: #ffffff; position: fixed; top: 50%; left: 50%; -webkit-box-shadow: 7px 7px 16px rgba(0, 0, 0, .09); -moz-box-shadow: 7px 7px 16px rgba(0, 0, 0, .09); box-shadow: 7px 7px 16px rgba(0, 0, 0, .09);} .popup_confirm { width: 260px; margin: -128px 0 0 -150px; padding: 22px 20px 20px;} .popup_confirm h3 { margin-bottom: 20px; font-size: 20px; color: #53575c;} .popup_confirm input { width: 100%; height: 44px; margin-bottom: 17px; padding: 0 10px; border: none; box-sizing: border-box; background: #eff2f4; font: 14px/44px 'Roboto', sans-serif; color: #4b5055; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;} .confirm_btn { display: block; margin-top: 3px; height: 44px; line-height: 44px; background: #79bef6; font-size: 14px; font-weight: bold; color: #ffffff; text-decoration: none; text-align: center; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;} .confirm_btn:hover { background: #259ad1;} .popup_close { display: block; width: 50px; height: 50px; background: url("../images/sprite.png") -93px -162px no-repeat; position: absolute; top: 0; right: -50px;} .popup_ok { width: 630px; margin: -74px 0 0 -335px; padding: 22px 20px 15px;} .popup_ok p { line-height: 24px; font-weight: 300; color: #8c9093;}