@import url(http://fonts.googleapis.com/css?family=Roboto:400,300,700|Roboto+Condensed:400,700&subset=latin,cyrillic); html, body, div, span, h1, h2, h3, h4, h5, h6, p, img, sub, sup, ol, ul, li, form, label, input, select, button, textarea, table, tbody, tfoot, thead, tr, th, td, a { margin: 0; padding: 0;} html, body { height: 100%;} body { font: 14px/20px 'Roboto', sans-serif; color: #222222; background: #ffffff;} img { border: none;} a { cursor: pointer; color: #2e93bd; text-decoration: underline;} a:hover { text-decoration: none;} p { margin-bottom: 8px;} h1, h2, h3, h4, h5, h6 { margin-bottom: 15px; font-family: 'Roboto Condensed', sans-serif; font-weight: 400; color: #222222; line-height: normal;} h1 { font-size: 36px;} h2 { font-size: 30px;} h3 { font-size: 26px;} h4 { font-size: 22px;} h5 { font-size: 18px;} h6 { font-size: 16px;} input[type='submit'], input[type='button'] { cursor: pointer;} ol, ul { margin-bottom: 25px;} input[type='date'].error, input[type='text'].error, input[type='email'].error, input[type='number'].error , input[type="password"].error, input[type="tel"].error, textarea.error { border-color: #ff4e4e !important;} .benefits:after, .header_container:after, .footer_container:after, .filter:after, .place_list:after, .container:after, .search_result_list li:after, .review_container:after, .review_item_cont:after, .additional_serv_list li:after, .club_info:after, .available_item_info:after, .orders_list li:after, .order_item_line:after, .clubs_list li:after, .cabinet_section:after, .header_container_map:after, .vid_actions:after, .popup_map_cont:after { content: ''; display: table; clear: both;} .main { display: table; width: 100%; height: 100%;} .header_wr { display: table-header-group;} .cont_wr { display: table-row-group;} .footer_wr { display: table-footer-group;} .cont, .header, .footer { display: table-cell; vertical-align: top; position: relative;} .header, .footer { height: 1px;} .cont_container, .header_container, .footer_container, .service_container { width: 940px; margin: 0 auto;} .benefits { width: 934px; margin-bottom: 32px; padding: 0 3px; overflow: hidden;} .benefits ul { width: 105%; margin: 0;} .benefits li { width: 294px; margin-right: 26px ; padding-top: 166px; list-style: none; float: left; text-align: center; position: relative;} .benefits li:before { content: ''; display: block; width: 80px; height: 80px; margin-left: -40px; background: url("../images/sprite.png") no-repeat; position: absolute; top: 60px; left: 50%;} li.benefits_servece:before { background-position: 0 -86px;} li.benefits_time:before { background-position: -83px -86px;} li.benefits_joy:before { background-position: -166px -86px;} .benefits li h3 { margin-bottom: 16px; font-size: 24px; color: #111111; line-height: 26px;} .benefits li p { font-size: 16px; font-weight: 300; color: #777777; line-height: 24px;} .social { width: 286px; margin: 0 auto 40px;} .social img { vertical-align: top;} .header, .header_container_map { background: url("../images/header.jpg") 50% 0 no-repeat; background-size: cover;} .header_mod01 { background: url("../images/bg_01.jpg") 50% 0 no-repeat; background-size: cover;} .header_mod02 { background: url("../images/bg_02.jpg") 50% 0 no-repeat; background-size: cover;} .header_mod03 { background: url("../images/bg_03.jpg") 50% 0 no-repeat; background-size: cover;} .header_container { padding: 40px 0;} .header_container_map { min-width: 940px; padding: 10px 20px 10px 9px; box-sizing: border-box;} .logo { float: left;} .logo a { display: block; width: 208px; height: 40px; background: url("../images/sprite.png") 0 -188px no-repeat;} .logo.mod a { width: 258px; height: 60px; background-position: 0 0;} .lab_find{float: left; display: block; width: 300px; height: 30px; font: 24px/30px 'Roboto Condensed', sans-serif; text-transform: uppercase; color: #ffffff; margin-top: 3px; margin-left: 20px;} .find_title { margin: 6px 22px 0 33px; float: left; font: 20px 'Roboto', sans-serif; text-transform: uppercase; color: #ffffff; letter-spacing: -.01em;} .button_search { float: left; padding: 5px 10px 0 0;} .button_search .button { height: 30px; padding: 0 10px; font-size: 12px; line-height: 30px;} .login_wr { padding-top: 5px; float: right; } .login_wr.mod { padding-top: 15px;} .login_club, .login { height: 30px; font: bold 18px/30px 'Roboto Condensed', sans-serif; text-transform: uppercase; float: left;} .login_club { margin-right: 29px; padding-right: 30px; border-right: 1px solid rgba(255, 255, 255, .3);} .login_club a, .login a { text-decoration: none;} .login a { color: #93bd2e;} .exit a { color: #ff6660;} .service_container { padding: 48px 0 100px;} .service_container h1 { margin-bottom: 34px; font-size: 48px; text-align: center; color: #ffffff; line-height: 54px; text-transform: uppercase;} .service_container h1 span { display: block; font-size: 18px;} .filter { padding: 20px 19px 20px 21px; background: #ffffff; -webkit-box-shadow: 0 5px 18px rgba(0, 0, 0, .15); -moz-box-shadow: 0 5px 18px rgba(0, 0, 0, .15); box-shadow: 0 5px 18px rgba(0, 0, 0, .15);} .filter_mod { margin-bottom: 50px; background: rgba(255, 255, 255, .3); box-shadow: none;} .filter_serv, .filter_place, .filter_date, .name_clubs { float: left; position: relative;} .filter_serv, .filter_place, .name_clubs { margin-right: 20px;} .select_serv, .select_place, .select_date { width: 250px; height: 40px; padding: 0 28px 0 36px; background: #ffffff; box-sizing: border-box; border: 1px solid #cccccc; cursor: pointer; position: relative; font: 16px/38px 'Roboto Condensed', sans-serif; color: #aaaaaa;} .select_serv.selected, .select_place.selected { color: #222222;} .select_serv:before, .select_place:before, .select_date:before { content: ''; display: block; width: 20px; height: 20px; background: url("../images/sprite.png") no-repeat; position: absolute; top: 9px; left: 8px;} .select_serv:before { background-position: -15px -63px;} .select_serv.selected:before { background-position: -105px -63px;} .select_place:before { background-position: -38px -63px;} .select_place.selected:before { background-position: -128px -63px;} .select_date:before { width: 18px; height: 18px; top: 10px; left: 9px; background-position: -61px -63px;} .select_date.selected:before { background-position: -151px -63px;} .select_serv:after, .select_place:after, .select_date:after { content: ''; display: block; width: 12px; height: 7px; background: url("../images/sprite.png") 0 -63px no-repeat; position: absolute; top: 17px; right: 9px; z-index: 10;} .select_serv span, .select_place span { display: block; width: 100%; overflow: hidden; white-space: nowrap;} .filter_mod .select_serv, .filter_mod .select_place, .filter_mod .select_date { border-color: #ffffff;} .service_list_wr, .place_list_wr { position: absolute; top: 41px; left: 0; display: none;} .filter_serv.active .service_list_wr, .filter_place.active .place_list_wr { display: block;} .service_list, .place_list { max-height: 492px; overflow: auto; background: #ffffff; -webkit-box-shadow: 5px 5px 12px rgba(0, 0, 0, .12); -moz-box-shadow: 5px 5px 12px rgba(0, 0, 0, .12); box-shadow: 5px 5px 12px rgba(0, 0, 0, .12);} .service_list_map {max-height: 800px;} .service_list { width: 250px; padding-top: 20px;} .service_list ul { margin: 0;} .service_list li, .place_list li { list-style: none; font: 16px/18px 'Roboto Condensed', sans-serif; color: #333333;} .service_list li { padding: 1px 10px 20px;} .service_list li input, .place_list li input { margin-right: 12px;} .place_list { width: 610px; padding: 20px 10px 0;} .place_list ul { width: 186px; margin: 0 10px 0 0; float: left;} .place_list li { padding: 1px 0 20px;} .clevered.alice .jClever-element{ display: inline-block; vertical-align: middle; margin-right: 12px;} .clevered.alice .jClever-element-checkbox-twins { width: 16px; height: 16px;} .clevered.alice .jClever-element-checkbox-twins .jClever-element-checkbox-twins-element{ width: 16px; height: 16px; background: url("../images/sprite.png") 0 -169px no-repeat;} .clevered.alice .jClever-element.focused .jClever-element-checkbox-twins .jClever-element-checkbox-twins-element { background-position: 0 -169px;} .clevered.alice .jClever-element-checkbox-twins.checked .jClever-element-checkbox-twins-element, .clevered.alice .jClever-element.focused .jClever-element-checkbox-twins.checked .jClever-element-checkbox-twins-element { background-position: -19px -169px;} .clevered.alice .jClever-element-checkbox-twins .jClever-element-checkbox-twins-color { width: 16px; height: 16px; background: none;} .clevered.alice label { display: inline-block; vertical-align: middle; font: 16px/18px 'Roboto Condensed', sans-serif; color: #333333; border-bottom: none;} .clevered.alice label.active { border: none;} .clevered.alice .jClever-element-select-list-wrapper-- { max-height: none;} .clevered.alice .side_service_list label, .clevered.alice .side_section label{ font: 14px/18px 'Roboto', sans-serif; color: #222222; border-bottom: none;} .clevered.alice .service_list label { width: 182px; overflow: hidden;} .clevered.alice .place_list label { width: 156px; overflow: hidden;} .clevered.alice .side_service_list label { width: 168px; overflow: hidden;} .select_date input { width: 182px; height: 40px; padding: 0 30px 0 38px; border: none; font: 16px/40px 'Roboto Condensed', sans-serif; background: none; position: absolute; top: -1px; left: -1px; outline: none; z-index: 20;} .ui-widget-content { width: 228px; padding: 15px 11px 0; border: none; margin-top: 1px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-box-shadow: 5px 5px 12px rgba(0, 0, 0, .12); -moz-box-shadow: 5px 5px 12px rgba(0, 0, 0, .12); box-shadow: 5px 5px 12px rgba(0, 0, 0, .12);} .ui-widget-header { border: none; background: none;} .ui-datepicker .ui-datepicker-header { padding: 0 0 13px;} .ui-datepicker .ui-datepicker-title { font: 400 18px 'Roboto Condensed', sans-serif;} .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { width: 8px; height: 13px;} .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: 0; top: 4px; left: 0;} .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: none; background: none;} .ui-widget-header .ui-icon, .ui-state-hover .ui-icon, .ui-state-focus .ui-icon { width: 8px; height: 13px; background-image: url(../images/sprite.png);} .ui-icon-circle-triangle-w { background-position: -82px -169px;} .ui-icon-circle-triangle-e { background-position: -93px -169px;} .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-prev-hover { left: 0;} .ui-datepicker table { margin: 0; color: #333333; font: 16px 'Roboto Condensed', sans-serif;} .ui-datepicker th { display: none;} .ui-datepicker td { padding: 5px 1px;} .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: none; background: none; text-align: center;} .ui-datepicker-today .ui-state-highlight, .ui-datepicker-current-day .ui-state-active, .ui-datepicker td .ui-state-hover { background: #93bd2e; color: #ffffff;} .filter_find { float: right;} .registration, .show_at_map { text-align: center;} .button { display: inline-block; height: 40px; padding: 0 21px; background: #93bd2e; font: bold 18px/40px 'Roboto Condensed', sans-serif; color: #ffffff; text-decoration: none; text-align: center; text-transform : uppercase;} .button_sm { display: inline-block; height: 40px; padding: 0 7px; background: #93bd2e; font: bold 18px/40px 'Roboto Condensed', sans-serif; color: #ffffff; text-decoration: none; text-align: center; text-transform : uppercase;} .button_blue { background: #2e93bd;} .button_red { background: #ff3b54;} .button_pink { background: #ff6660;} .filter_find .button { display: block; width: 80px; padding: 0 5px;} .footer { background: #2e93bd;} .footer_mod { background: #93bd2e;} .footer_container { padding: 50px 0 49px;} .cop, .support { width: 190px; margin-right: 10px; padding-top: 1px; float: left; font: bold 14px 'Roboto Condensed', sans-serif; color: #ffffff; text-transform: uppercase;} .support { width: 250px;} .foot_nav { padding-top: 1px; float: right;} .foot_nav ul { margin: 0;} .foot_nav li { margin-left: 24px; float: left; list-style: none; font: bold 14px 'Roboto Condensed', sans-serif; text-transform: uppercase;} .foot_nav a { color: #ffffff; text-decoration: none;} .pay { overflow: hidden; text-align: center;} .filter_wr { padding: 40px 0 36px; position: relative; z-index: 11;} .container { position: relative; z-index: 10;} .sidebar { width: 240px; padding-top: 4px; float: left;} .side_section { margin-bottom: 20px; padding: 16px 18px 0 20px; background: #fbfbfb; border: 1px solid #e5e5e5;} .side_section h5 { margin-bottom: 13px; font-family: 'Roboto', sans-serif; font-weight: bold; line-height: 20px;} .side_select_date, .interval { margin-bottom: 24px;} .side_select_date span, .side_select_date span input { display: block; width: 200px; height: 36px; box-sizing: border-box;} .side_select_date span { display: block; margin-top: 9px; padding-right: 28px; background: #ffffff; border: 1px solid #cccccc; position: relative;} .side_select_date span:before { content: ''; display: block; width: 12px; height: 7px; background: url("../images/sprite.png") 0 -63px no-repeat; position: absolute; top: 14px; right: 8px;} .side_select_date span input { padding: 0 28px 0 14px; position: absolute; top: -1px; left: -1px; border: none; background: none; line-height: 36px;} .side_select_date span input { outline: none;} .side_select_date span input, .interval_inp input { font: 16px 'Roboto Condensed', sans-serif; color: #222;} .interval_inp { display: block; margin: 9px 0 24px;} .interval_inp input { width: 78px; height: 34px; border: 1px solid #cccccc; background: #ffffff; text-align: center; line-height: 34px;} .interval_inp span { margin: 0 15px; color: #aaaaaa;} .side_service_list { padding-top: 3px;} .side_service_list ul { margin: 0;} .side_service_list li { margin-bottom: 19px; padding-right: 2px; list-style: none;} .contentbar { width: 661px; float: right;} .search_result h2 { margin-bottom: 22px; font-size: 36px; line-height: 36px;} .search_result_list { margin-bottom: 36px; padding: 25px 0 4px; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5;} .search_result_list ul { margin: 0;} .search_result_list li { padding: 0 26px 35px 0; list-style: none;} .search_result_img { width: 201px; float: left; margin-right: 29px; padding-top: 5px;} .search_result_img img { width: 201px; height: 200px; float: left;} .search_result_tx { overflow: hidden;} .search_result_tx h3 { margin-bottom: 14px; font-size: 22px; line-height: 28px;} .search_result_tx .rating_court { margin-bottom: 7px;} .rating_star { display: inline-block; width: 17px; height: 16px; margin-right: 3px; background: url("../images/sprite.png") -61px -169px no-repeat;} .rating_star:last-child { margin: 0;} .rating_star.mod { background-position: -38px -169px;} .not_rated { font-size: 18px; color: #cccccc;} .price_court { margin-top: 10px; margin-bottom: 18px; font-size: 18px; font-weight: bold; line-height: 20px;} .search_result_table table { width: 100%; border-collapse: collapse;} .search_result_table td { padding: 2px 10px 2px 0;} .search_result_table td:first-child { width: 78px; color: #999999;} .pagination { margin-bottom: 48px; padding: 0 120px; position: relative; text-align: center;} .pagination ul { margin: 0; font-size: 0;} .pagination li { display: inline-block; min-width: 30px; margin: 0 1px; list-style: none; font-size: 16px; line-height: 28px; color: #2e93bd;} .pagination li a { display: block; padding: 0 4px; text-decoration: none; border: 1px solid #ffffff;} .pagination .active a, .pagination li a:hover { color: #222222; border-color: #dedede; font-weight: bold;} .pagination .prev, .pagination .next { width: auto; margin: 0; position: absolute; top: 0;} .prev { left: 0;} .next { right: 0;} .pagination .prev a, .pagination .next a { padding: 0; text-decoration: underline;} .pagination .prev a:hover, .pagination .next a:hover { text-decoration: underline; border: none;} .playground { margin-bottom: 36px;} .title_wr { margin-bottom: 29px; padding: 3px 110px 0 0; position: relative;} .title_wr h2 { margin: 0; line-height: 36px;} .title_wr h2 a { color: #222222; text-decoration: none;} .title_wr .rating_court { position: absolute; top: 14px; right: 0;} .content_column { width: 619px; float: left;} .court_sl_wr { width: 619px; min-height: 360px; margin-bottom: 20px; position: relative;} .court_sl { width: 100%; overflow: hidden; position: relative; z-index: 10;} .court_sl ul { margin: 0;} .court_sl li { width: 619px; height: 360px; float: left; list-style: none;} .court_sl li img { width: 619px; height: 360px;} .court_sl_prev, .court_sl_next { position: absolute; top: 155px; z-index: 20;} .court_sl_prev { left: 0;} .court_sl_next { right: 0;} .court_sl_prev a, .court_sl_next a { display: block; width: 40px; height: 50px; background: url("../images/sprite.png") no-repeat;} .court_sl_prev a { background-position: -43px -231px;} .court_sl_next a { background-position: 0 -231px;} .section { margin-bottom: 20px; padding: 14px 18px 0; border: 1px solid #e5e5e5;} .section.mod { padding-top: 17px;} .section h4 { margin-bottom: 18px; font-size: 24px; line-height: 28px;} .section h4 span { margin-left: 8px; color: #aaaaaa;} .available_list { padding: 22px 0 9px; background: url("../images/border_dotted.png") repeat-x;} .available_list ul { margin: 0;} .available_list li { margin-bottom: 18px; list-style: none;} .available_list li h5 { margin-bottom: 11px; font-size: 16px; line-height: 20px;} .available_list li h5 a { color: #222222; margin-right: 10px;} .available_list li p { color: #555555;} .review { margin-bottom: 20px; padding: 17px 19px 23px; background: #fbfbfb; border: 1px solid #cccccc;} .review_container { margin-bottom: 18px;} .rating { float: right; margin-left: 10px; padding-top: 3px;} .rating_title { margin-right: 12px; float: left; font-size: 16px; color: #aaaaaa; line-height: 22px;} div.rating-cancel, div.rating-cancel a { display: none !important;} div.star-rating { width: 21px; height: 20px; margin-left: 4px;} div.star-rating, div.star-rating a { width: 21px; background:url("../images/sprite.png") -211px -188px no-repeat;} div.star-rating-hover a { background-position: -235px -188px} div.star-rating-on a { background-position: -235px -188px !important;} .review_container h4 { font-size: 24px; margin: 0; line-height: 28px; overflow: hidden;} .review_content { margin-bottom: 20px;} .review_content textarea { width: 100%; height: 80px; padding: 9px 14px; border: 1px solid #cccccc; background: #ffffff; box-sizing: border-box; font: 16px/20px 'Roboto', sans-serif; resize: none; overflow: auto; vertical-align: top;} .review_btn .button { height: 32px; padding: 0 17px; font-size: 14px; line-height: 32px;} .review_list { margin-bottom: 5px;} .review_list ul { margin: 0;} .review_list li { padding: 20px 0 12px; list-style: none; background: url("../images/border_dotted.png") repeat-x;} .review_item_cont { margin-bottom: 9px;} .review_item_cont .rating_court { margin-right: 14px;float: left;} .review_item_date { margin-left: 14px; float: right; color: #aaaaaa; line-height: 16px;} .review_auth { font-size: 15px; font-weight: bold; line-height: 16px; overflow: hidden;} .side_column { width: 300px; float: right;} .side_column_section { margin-bottom: 20px; padding: 17px 19px 0; background: #fbfbfb; border: 1px solid #e5e5e5;} .side_column_section h5 { margin-bottom: 16px; font: bold 16px/20px 'Roboto', sans-serif;} .initial_price { margin-bottom: 23px; font: 18px/22px 'Roboto Condensed', sans-serif;} .select_court { margin-bottom: 20px;} /* .clevered.alice .select_court .jClever-element-select-wrapper { width: 260px !important; height: 40px; box-sizing: border-box; border-color: #cccccc; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;} .clevered.alice .select_court .jClever-element.focused .jClever-element-select-wrapper { border-color: #cccccc;} .clevered.alice .select_court .jClever-element-select-center { padding: 0 12px; font: 16px/38px 'Roboto Condensed', sans-serif; color: #aaaaaa; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;} .clevered.alice .select_court .jClever-element.focused .jClever-element-select-center { background: #ffffff;} .clevered.alice .select_court .jClever-element-select-right { width: 12px; height: 7px; top: 16px; right: 10px; background: none; border: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;} .clevered.alice .select_court .jClever-element-select-right>span { width: 12px; height: 7px; border: none; background: url("../images/sprite.png") 0 -63px no-repeat; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;} .clevered.alice .select_court .jClever-element-select-list-wrapper { width: auto; padding: 10px 0; border: none; font: 16px 'Roboto Condensed', sans-serif; top: 39px; right: -1px; -webkit-box-shadow: 5px 5px 12px rgba(0, 0, 0, .12); -moz-box-shadow: 5px 5px 12px rgba(0, 0, 0, .12); box-shadow: 5px 5px 12px rgba(0, 0, 0, .12);} .clevered.alice .select_court .jClever-element-select-list>li { padding: 9px 13px 10px; color: #2e93bd; list-style: none;} .clevered.alice .select_court .jClever-element-select-list>li:hover, .clevered.alice .select_court .jClever-element-select-list>li.selected, .clevered.alice .select_court .jClever-element-select-list>li.active { background: #f4f8ea; color: #222222;} */ /*styler*/ .jq-selectbox { width: 100%;} .jq-selectbox .placeholder { color: #aaaaaa;} .jq-selectbox__select { height: 38px; padding: 0 34px 0 12px; background: none; font: 16px/38px 'Roboto Condensed', sans-serif; border-bottom-color: #cccccc; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; text-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;} .jq-selectbox__trigger { width: 32px; border: none;} .jq-selectbox__trigger-arrow { width: 12px; height: 7px; background: url("../images/sprite.png") 0 -63px no-repeat; border: none; top: 16px; right: 10px; opacity: 1;} .jq-selectbox__select:hover { background: none;} .jq-selectbox__select:active { background: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;} .jq-selectbox.focused .jq-selectbox__select { border-color: #cccccc;} .jq-selectbox__dropdown { top: 40px; border: none; font: 16px/20px 'Roboto Condensed', sans-serif; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-box-shadow: 5px 5px 12px rgba(0, 0, 0, .12) ; -moz-box-shadow: 5px 5px 12px rgba(0, 0, 0, .12) ; box-shadow: 5px 5px 12px rgba(0, 0, 0, .12) ;} .jq-selectbox ul { max-height: none !important; padding: 10px 0;} .jq-selectbox li { padding: 10px 15px 10px; color: #2e93bd;} .jq-selectbox li.selected, .jq-selectbox li:hover { background: #f4f8ea; color: #222222;} /*styler*/ .show_btn { margin-bottom: 20px;} .show_btn .button { width: 100%; padding: 0 5px; box-sizing: border-box;} .time { margin-bottom: 18px;} .time p { margin-bottom: 12px; font: 18px/18px 'Roboto Condensed', sans-serif;} .location { margin: -3px 0 26px;} .location p { margin-bottom: 14px; line-height: 22px;} .location p span { margin-right: 4px; color: #999999; font-weight: bold;} .schedule { margin-bottom: 76px;} .schedule h2 { margin-bottom: 33px; line-height: 30px;} .schedule h2 a { color: #222222; text-decoration: none;} .time_day_wr { margin-bottom: 25px; padding: 5px 0; position: relative;} .time_day { border: 1px solid #e5e5e5;} .time_day ul { display: table; width: 100%; margin: 0; border-collapse: collapse;} .time_day li { display: table-cell; width: 25%; height: 38px; list-style: none; font-size: 16px; line-height: 38px; text-align: center;} .time_day_scroll { width: 236px; height: 46px; border: 2px solid #2e93bd; position: absolute; top: 0; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;} .schedule_table { border: 1px solid #e5e5e5; border-right: none;} .schedule_table_head { height: 48px; border-bottom: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; position: relative;} .month { width: 164px; height: 48px; padding: 0 18px; font: 18px/48px 'Roboto Condensed', sans-serif; color: #4d4f60;} .time_container { height: 48px; overflow: hidden; position: absolute; top: 0; right: 0; left: 200px;} .time_container ul { display: table; margin: 0; position: absolute;} .time_container li { display: table-cell; min-width: 79px; height: 48px; border-right: 1px solid #ffffff; list-style: none; vertical-align: middle;} .time_container li span, .time_container li b { display: block; width: 40px; text-align: center;} .time_container li span { margin-left: -20px;} .time_container li b { margin: -20px 0 0 -20px; position: relative; left: 100%; font-weight: 400;} .schedule_table_content { position: relative;} .date_column { width: 220px;} .date_column ul { margin: 0;} .date_column li { padding: 14px 18px; background: url("../images/border_dotted.png") 0 100% repeat-x; list-style: none; font: 18px/22px 'Roboto Condensed', sans-serif; color: #333333;} .date_column li:last-child { background: none; padding-bottom: 13px;} .date_column li span { margin-right: 12px;} .reserv_column { position: absolute; overflow: hidden; top: 0; right: 0; bottom: 0; left: 220px;} .reserv_table { margin: 0; position: absolute; top: 0;} .reserv_table > li { list-style: none;} .reserv_table_tr { display: table; margin: 0; border-bottom: 1px solid #fbfbfb;} .reserv_table > li:last-child .reserv_table_tr { border: none;} .reserv_table_tr li { display: table-cell; min-width: 79px; height: 49px; border-right: 1px solid #fbfbfb; background: #dddddd; list-style: none; text-align: center; vertical-align: middle;} .reserv_table_tr .pink { background: #f8c6c6;} .reserv_table_tr .green { background: #cdde8a; cursor: pointer;} .reserv_table_tr .mine { background: #93bd2e; font-weight: bold; color: #ffffff; cursor: pointer;} .reserv_table_tr .gray { background: #dddddd;} .reserv_table_tr .red { background: #fd7875;} .reserv_drop { width: 220px; padding: 15px 20px 0; position: absolute; background: #ffffff; -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, .3); -moz-box-shadow: 0 0 12px rgba(0, 0, 0, .3); box-shadow: 0 0 12px rgba(0, 0, 0, .3);} .reserv_drop:before { content: ''; display: block; width: 16px; height: 8px; background: url("../images/sprite.png") -187px -63px no-repeat; position: absolute; left: 35px; top: -8px;} .reserv_drop.arrow_tr:before { left: auto; top: -8px; right: 35px;} .reserv_drop.arrow_bl:before { top: auto; bottom: -8px; background-position: -206px -63px;} .reserv_drop.arrow_br:before { top: auto; bottom: -8px; left: auto; right: 35px; background-position: -206px -63px;} .reserv_date { margin: 0 -20px 15px; padding: 0 40px 14px 20px; border-bottom: 1px solid #e0e0e1; font: 16px 'Roboto Condensed', sans-serif;} .close_btn { position: absolute; top: 17px; right: 20px;} .close { display: inline-block; width: 12px; height: 13px; background: url("../images/sprite.png") -172px -63px no-repeat;} .reserv_drop_cont h5 { margin-bottom: 17px; font: bold 16px/20px 'Roboto', sans-serif;} .additional_serv_list { margin-bottom: 26px;} .additional_serv_list ul { margin: 0;} .additional_serv_list li { display: table; width: 100%; margin-bottom: 20px; list-style: none;} .check_wr, .label_wr, .serv_item_price { display: table-cell; vertical-align: middle;} .check_wr { width: 16px;} .serv_item_price { padding-left: 10px; font-family: 'Roboto Condensed', sans-serif; font-weight: bold; text-align: right;} .reserv_drop_btn { margin-bottom: 20px;} .reserv_drop_btn .button { width: 210px; padding: 0 5px;} .reserv_drop_btn textarea{width:220px; height: 60px; font: 16px/18px 'Roboto Condensed', sans-serif;} .club_info { margin-bottom: 34px; padding: 20px 20px 18px; background: #fbfbfb; border: 1px solid #e5e5e5;} .club_logo { width: 178px; height: 178px; border: 1px solid #e5e5e5; float: left; margin-right: 39px; text-align: center; line-height: 178px;} .club_logo img { max-width: 170px; max-height: 170px; vertical-align: middle;} .club_info_table { overflow: hidden;} .club_info_table table { border-collapse: collapse;} .club_info_table table td { padding: 6px 28px 10px 0; font-size: 16px; color: #333333;} .club_info_table table td:first-child { color: #999999;} .available_court { margin-bottom: 80px;} .available_court h3 { margin-bottom: 26px; font-size: 24px; line-height: 28px;} .available_court_list { width: 100%; overflow: hidden;} .available_court_list ul { width: 110%; margin: 0;} .available_court_list li { width: 260px; margin: 0 20px 20px 0; padding: 0 19px 14px; border: 1px solid #e5e5e5; float: left; list-style: none;} .available_item_img { margin: 0 -19px 14px;} .available_item_img img { width: 298px; height: 175px; vertical-align: top;} .available_item_name { margin-bottom: 10px; font: 18px/22px 'Roboto Condensed', sans-serif; white-space: nowrap; overflow: hidden; width:100%;} .available_item_info .rating_court { padding-top: 1px; float: right;} .available_item_price { font: 18px/18px 'Roboto Condensed', sans-serif; color: #333333; overflow: hidden;} .main_nav { float: left;} .main_nav ul { margin: 0;} .main_nav li { height: 30px; margin-right: 43px; float: left; list-style: none; font: bold 18px/30px 'Roboto Condensed', sans-serif; text-transform: uppercase; position: relative;} .main_nav li:before { content: ''; width: 20px; height: 10px; background: url("../images/sprite.png") -225px -63px no-repeat; position: absolute; bottom: -45px; left: 50%; margin-left: -10px; display: none;} .main_nav .active:before { display: block;} .main_nav li a { color: #93bd2e; text-decoration: none;} .main_nav .active a { color: #ffffff;} .history { margin-bottom: 195px; padding-top: 50px;} .history h1 { margin-bottom: 42px; padding-bottom: 18px; border-bottom: 1px solid #e5e5e5; line-height: 44px;} .history_section { margin-bottom: 72px;} .history_section h3 { margin-bottom: 23px; line-height: 30px;} .orders_list ul { margin: 0;} .orders_list li { margin-bottom: 34px; list-style: none;} .order_item_img { width: 140px; margin-right: 28px; padding-top: 6px; float: left;} .order_item_img img { width: 140px; height: 140px; vertical-align: top;} .order_item_container { overflow: hidden;} .order_item_line { margin-bottom: 14px; padding-bottom: 16px; background: url("../images/border_dotted.png") 0 100% repeat-x;} .order_number, .order_item_name { font: 22px/28px 'Roboto Condensed', sans-serif;} .order_number { float: right;} .order_item_name { overflow: hidden;} .order_date, .order_time, .order_sum { font-size: 16px; color: #aaaaaa;} .order_date b, .order_time b, .order_sum b { margin-left: 8px;} .order_date, .order_time { float: left;} .order_date { width: 180px; margin-right: 160px;} .order_time { width: 160px; margin-right: 10px;} .order_sum { overflow: hidden; text-align: right;} .order_item_btn { padding-top: 6px;} .order_item_btn .button { height: 32px; margin-right: 20px; padding: 0 14px; font-size: 14px; line-height: 32px;} .posted { font-size: 16px;} .posted:before { content: ''; display: inline-block; vertical-align: middle; width: 20px; height: 20px; margin-right: 12px; background: url("../images/sprite.png") -93px -231px no-repeat; position: relative; top: -2px;} .popup_wr { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1000;} .popup_cover { position: fixed; top: 0; bottom: 0; width: 100%; background: #000000; opacity: .5;} .popup_singin { width: 250px; padding: 21px 45px 23px; background: #ffffff; position: fixed; top: 50%; left: 50%; margin: -220px 0 0 -170px;} .popup_singin h2 { margin-bottom: 23px; line-height: 36px; text-align: center;} .popup_map_window { width: 874px; padding: 14px 15px 13px 19px; background: #ffffff; position: fixed; top: 50%; left: 50%; margin: -178px 0 0 -455px; border:1px solid #2e93bd;} .popup_map_window .close_button {display: inline-block;width: 19px;height: 19px;background: url("/images/sprite.png") -180px -110px no-repeat; float: right;} .popup_map_window .info_club h3 { margin-bottom: 10px; padding-right: 30px;} .popup_map_window .price_court { margin-top: 21px;} .popup_map_window .rating_court { margin-bottom: 5px;} .singin_line { margin-bottom: 20px;} .singin_line input { box-sizing: border-box; width: 100%; height: 40px; padding: 0 10px; border: 1px solid #cccccc; font: 16px/38px 'Roboto Condensed', sans-serif;} .agr_line { margin-bottom: 15px;} .agr_line input { margin-right: 10px;} .agr_line label { font-size: 16px; color: #aaaaaa;} .clevered.alice .agr_line label { color: #aaaaaa;} .singin_line .button { box-sizing: border-box; width: 100%;} .popup_time { width: 250px; padding: 239px 45px 40px; background: #ffffff url("../images/recd.png") 50% 60px no-repeat; position: fixed; top: 50%; left: 50%; margin: -220px 0 0 -170px;} .busy { background-image: url(../images/busy.png);} .popup_tx { margin: 0 -3px 49px; font: 22px/26px 'Roboto Condensed', sans-serif; text-align: center;} .popup_btn .button { width: 100%; box-sizing: border-box;} .cabinet { padding: 40px 0 66px;} .cabinet h1 { margin-bottom: 18px; line-height: 44px;} .cabinet_container { margin-bottom: 30px; padding: 25px 29px 3px; background: #fbfbfb; border: 1px solid #e5e5e5;} .cabinet_section { margin-bottom: 37px;} .cabinet_section h3 { margin-bottom: 25px; font-size: 24px; line-height: 28px;} .cabinet_line { margin-bottom: 20px;} .cabinet_line span { display: inline-block; vertical-align: middle; width: 161px; margin-right: 10px;} .cabinet_line label { font-size: 16px; color: #999999;} .cabinet_line input { width: 274px; height: 38px; padding: 0 12px; background: #ffffff; border: 1px solid #cccccc; font: 16px/38px 'Roboto', sans-serif; color: #333333; vertical-align: middle;} .cabiner_btn .button { height: 32px; font-size: 14px; line-height: 32px;} .text { padding: 50px 0 30px;} .h101 { margin-bottom: 42px; padding-bottom: 18px; border-bottom: 1px solid #e5e5e5; line-height: 44px;} .article { margin-bottom: 35px;} .text h3 { line-height: 36px;} .text p { margin-bottom: 23px; font-weight: 300; line-height: 24px; color: #555555;} .text ul {} .text li { padding: 0 0 10px 14px; font-size: 15px; font-weight: 300; font-style: italic; color: #555555; list-style: none; position: relative;} .text li:before { content: '•'; position: absolute; top: 0; left: 0;} .pagination .hidden{display:none;} .clubs_container { padding: 29px 0 18px;} .clubs_container h1 {} .clubs_container .filter_wr { padding: 12px 0 11px;} .name_clubs { width: 217px; height: 38px; padding-left: 31px; border: 1px solid #cccccc;} .name_clubs input[type="text"] { width: 100%; height: 38px; padding: 0 10px; box-sizing: border-box; border: none; background: #ffffff; font: 16px/38px 'Roboto Condensed', sans-serif; outline: none;} .name_clubs input[type="submit"] { width: 18px; height: 18px; position: absolute; top: 10px; left: 10px; background: url("../images/sprite.png") -115px -231px no-repeat; border: none; outline: none;} .clubs_container .filter_wr .filter_place { margin: 0;} .clubs_list { margin-bottom: 38px; border-bottom: 1px solid #e5e5e5;} .clubs_list ul { margin: 0;} .clubs_list li { padding: 34px 0 33px; background: url("../images/border_dotted.png") repeat-x; list-style: none;} .clubs_list li:first-child { background: none; padding-top: 33px;} .logo_club { width: 138px; height: 138px; margin: 6px 40px 7px 0; border: 1px solid #e5e5e5; float: left; line-height: 138px; text-align: center;} .logo_club img { max-width: 138px; max-height: 138px; vertical-align: middle;} .info_club { overflow: hidden;} .info_club h3 { margin-bottom: 21px; font-size: 24px; line-height: 28px;} .info_club h3 a { margin-right: 18px;} .info_club h3 .rating_court { display: inline-block;} .info_club_table table { width: 100%; border-collapse: collapse;} .info_club_table td { padding: 4px 0 4px 20px; vertical-align: top;} .info_club_table td:first-child { width: 66px; padding-left: 0; color: #999999;} .schedule_section { margin-bottom: 33px;} .schedule_section h2 { margin: 0; line-height: 30px; overflow: hidden;} .schedule_section h2 a { color: #222222; text-decoration: none;} .schedule_section .select_court_wr { width: 260px; margin-left: 20px; float: right;} .popup_btn{text-align: center;} .popup { width: 250px; margin: -155px 0 0 -165px; padding: 20px 40px 40px; background: #ffffff; position: fixed; left: 50%; top: 50%;} .popup h2 { margin-bottom: 21px; text-align: center;} .popup_reg { margin-top: -175px;} .reg_line { margin-bottom: 20px;} .reg_line input { width: 100%; height: 40px; padding: 0 10px; border: 1px solid #cccccc; box-sizing: border-box; font: 16px/38px 'Roboto Condensed', sans-serif;} .message_pin { display: block; padding-top: 3px; font: 14px 'Roboto Condensed', sans-serif; color: #aaaaaa; text-align: center;} .pact { padding: 16px 0 10px;} .pact input { margin-right: 10px;} .pact label { font: 16px 'Roboto Condensed', sans-serif; color: #aaaaaa;} .clevered.alice .pact label { font: 16px 'Roboto Condensed', sans-serif; color: #aaaaaa;} .clevered.alice .pact .jClever-element { margin-right: 10px;} .popup_reg { margin-top: -175px;} .tel_number { margin-bottom: 14px; font: 16px 'Roboto Condensed', sens-serif; color: #aaaaaa; text-align: center;} .tel_number span { display: block; padding-top: 1px; font-size: 18px; color: #222222;} .pincod input { text-align: center;} .repeatedly { display: block; padding: 4px 0 6px; font: 15px 'Roboto Condensed', sans-serif; text-align: center;} .popup_write .reg_line input { font-size: 28px; color: #ff4e4e;} .popup_entance { margin-top: -125px;} .popup_entance .reg_line { margin-bottom: 28px;} .google_map{ width: 100%; height: 300px; margin-top: 15px; border: 1px solid #000099;box-sizing: border-box;} .google_map_search{ width: 100%; height: 100%; box-sizing: border-box;} .map_filter{ width: 240px; padding-top: 14px; position: fixed; top: 60px; left: 0; bottom: 0;} .map_filter h5{ margin-bottom: 12px; text-align: center; font: bold 18px 'Roboto', sans-serif;} .cont_map{ position: fixed; top: 60px; right: 0; bottom: 0; left: 240px;} .map_search_wr { position: absolute; top: 10px; left: 10px;} .map_search_wr a{ display: block; width: 50px; height: 50px; background: url("../images/sprite.png") -151px -231px no-repeat; -webkit-box-shadow: 0 5px 18px rgba(0, 0, 0, .15); -moz-box-shadow: 0 5px 18px rgba(0, 0, 0, .15); box-shadow: 0 5px 18px rgba(0, 0, 0, .15);} .vid_actions{ padding: 11px 20px; border-top: 2px solid #f6f6f6; border-bottom: 2px solid #f6f6f6;} .clubsports { width: 100%; overflow: auto; position: absolute; top: 92px; bottom: 0;} .s_all,.d_all { display: inline-block; max-width: 98px; font: bold 12px 'Roboto Condensed', sans-serif; text-decoration: none; text-transform: uppercase;} .s_all { color: #2e93bd; float: left;} .d_all { color: #ff4e4e; float: right;} .map_filter .service_list { width: 100%; max-height: none; padding-top: 6px; overflow: auto;} .map_filter .service_list li { padding: 1px 10px 19px 21px;} .clevered.alice .service_list label { width: 164px;} .ava_cont { width: 185px; margin-right: 55px; float: left;} .ava_cont label { margin-right: 26px; font-size: 16px; color: #999999;} .ava_wr { display: inline-block; vertical-align: middle; width: 100px; height: 100px; background: url("../images/file.png") 50% 50% no-repeat; background-size: cover; overflow: hidden; position: relative; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px;} .ava_wr input { width: 1500px; height: 1500px; background: none; border: none; cursor: pointer; outline: none; opacity: 0; position: absolute; right: 0; bottom: 0;} .private_cont { overflow: hidden;} .close_popup { position: absolute; top: 20px; right: 19px;} .close_popup_btn { display: inline-block; width: 20px; height: 20px; background: url("../images/sprite.png") -206px -231px no-repeat;}