@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;}

    
© TrueDev.org