@import url(http://fonts.googleapis.com/css?family=Roboto:400,700,500,300|Roboto+Condensed:400,700|Open+Sans:400,600&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: 22px/30px 'Roboto', sans-serif; color: #222222; background: #e0e0e0; position: relative;}
img { border: none;}
a { cursor: pointer; color: #2e93bd; text-decoration: underline;}
a:hover { text-decoration: none;}
p { margin-bottom: 25px;}
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: #d44343 !important;}


.playground h2:after, .search_item_cont:after, .rating_court:after, .nav:after, .club_container:after, .court_list li:after, .court_section:after, .booking_item_cont:after, .booking_item_section:after, .boking_buttons:after, .schedule_date:after, .schedule_reservation:after, .playground_price_wr:after, .playground_select_wr:after, .rating:after, .comment_info:after, .edit_ava_wr:after, .profile_edit_list li:after, .password01:after, .password02:after, .club_item_cont:after { content: ''; display: table; clear: both;}


.main { width: 640px; min-height: 100%; margin: 0 auto; position: relative;}

.splash { position: fixed; top: 0; right: 0; bottom: 0; left: 0; background: url("../images/splash.jpg") 0 50% no-repeat; background-size: cover;}

.cont { padding: 84px 0 79px; position: relative; z-index: 10;}

.search_result_list { background: #ffffff;}
.search_result_list ul { margin: 0;}
.search_result_list li { padding: 23px 5px 25px 30px; list-style: none; border-bottom: 1px solid #cdcdcd;}
.search_result_list li:last-child { padding-bottom: 14px; border: none;}

.search_result_list li h2 { margin-bottom: 21px; font-size: 34px; line-height: 36px;}
.search_result_list li h2 a { text-decoration: none;}

.rating_court { margin-bottom: 25px;}
.rating_star { display: inline-block; width: 23px; height: 22px; margin-right: 4px; background: url("../images/sprite.png") no-repeat; float: left;}
.rating_star:last-child { margin: 0;}
.rating_star.mod { background-position: -25px 0;}
.not_rated { font-size: 26px; color: #cccccc;}

.search_item_cont { margin-bottom: 32px;}

.seach_item_img { width: 201px; height: 200px; margin-right: 30px; padding-top: 5px; float: left;}
.seach_item_img img { width: 201px; height: 200px;}

.search_item_line { margin-bottom: 11px; font-size: 26px; line-height: 30px;}
.search_item_line span { display: block; margin-bottom: 7px; font-size: 22px; font-weight: bold; color: #999999; line-height: 24px;}

.search_item_price { margin-bottom: 15px; font-size: 32px; line-height: 36px;}

.header { width: 640px; padding-top: 16px; background: #2e93bd; position: fixed; top: 0; z-index: 20;}

.header_section01 { min-height: 48px; padding: 0 55px 20px; position: relative;}
.header_section01 h1 { margin: 0; color: #ffffff; text-align: center;}

.header_btn { position: absolute; top: 3px; left: 15px;}
.header_prev { display: block; width: 26px; height: 42px; background: url("../images/sprite.png") -50px 0 no-repeat;}

.footer { width: 640px; background: #ffffff; position: fixed; bottom: 0; z-index: 20;}

.nav { padding: 14px 0 6px; border-top: 1px solid #bfbfbf; border-right: 1px solid #bfbfbf;}

.nav ul { width: 100%; margin: 0; display: table; border-collapse: collapse;}
.nav li { width: 25%; padding: 0 4px; display: table-cell; list-style: none; text-align: center;}
.nav li a { display: inline-block; padding-top: 54px; text-align: center; font: 20px/24px "Helvetica Neue",Helvetica,Arial,sans-serif; text-decoration: none; position: relative;}
.nav .active a { color: #222222;}
.nav li a:before { content: ''; display: block; width: 46px; height: 46px; margin-left: -23px; position: absolute; top: 1px; left: 50%; background: url("../images/sprite.png") no-repeat;}
.nav li .my_profile:before { background-position: 0 -44px;}
.nav .active .my_profile:before { background-position: -50px -44px;}
.nav li .seats:before { width: 32px; top: 0; margin-left: -16px; background-position: 0 -92px;}
.nav .active .seats:before { background-position: -50px -92px;}
.nav li .favorites:before { background-position: 0 -141px;}
.nav .active .favorites:before { background-position: -50px -141px;}
.nav li .booking:before { background-position: 0 -189px;}
.nav .active .booking:before { background-position: -50px -189px;}

.club { padding: 28px 20px;}

.club_section { margin-bottom: 29px; padding: 22px 23px 38px; background: #ffffff;}

.club_section .rating_court { margin-bottom: 2px;}

.club_logo { height: 304px; margin-bottom: 12px; line-height: 304px; text-align: center;}
.club_logo img { max-width: 554px; max-height: 304px; vertical-align: middle;}

.club_container { margin-bottom: 21px;}

.club_time, .club_tel { width: 250px; padding: 15px 20px 6px; background: #ffffff;}
.club_time h3, .club_tel h3, .club_location h3 { font: bold 24px/28px 'Roboto', sans-serif;}
.club_time p, .club_tel p { margin-bottom: 20px; font-size: 24px; line-height: 28px;}
.club_time { float: left;}
.club_tel { float: right;}

.club_location { margin-bottom: 46px; padding: 16px 20px 5px; background: #ffffff;}
.club_location h3 { margin-bottom: 13px;}
.club_location p { margin-bottom: 20px; font-size: 24px; line-height: 32px;}
.club_location p span { margin-right: 10px; color: #999999;}

.available_court { margin-bottom: 37px;}
.available_court h2 { margin-bottom: 28px; font-size: 32px; line-height: 36px;}

.court_list { margin-bottom: 30px;}
.court_list ul { margin: 0;}
.court_list li { width: 100%; margin-bottom: 20px; padding: 20px 16px 25px 30px; list-style: none; background: #ffffff; box-sizing: border-box; position: relative;}

.court_img { width: 128px; margin-right: 28px; padding-top: 10px; float: left;}
.court_img img { width: 128px; height: 128px;}

.court_cont { overflow: hidden;}
.court_cont h3 { min-height: 80px; margin-bottom: 7px; font-size: 34px; line-height: 40px;}
.court_cont h3 a { text-decoration: none;}

.court_section { padding-right: 14px;}
.court_section .rating_court { margin: 0 0 0 5px; padding-top: 7px; float: right;}

.court_price { font: 30px/36px 'Roboto Condensed', sans-serif; color: #333333; overflow: hidden;}

.favorites_cont { width: 100%; padding: 20px; box-sizing: border-box; overflow: hidden;}

.visit { padding-top: 4px; font-size: 26px; color: #aaaaaa; line-height: 30px; overflow: hidden;}

.court_list_edit li { margin-left: 104px;}
.favirite_btn { position: absolute; top: 50%; left: -85px; margin-top: -22px; display: none;}
.favirite_btn a { display: block; width: 44px; height: 44px; background: url("../images/sprite.png") -28px -285px no-repeat; -webkit-border-radius: 22px; -moz-border-radius: 22px; border-radius: 22px; -webkit-box-shadow: 0 4px 0 rgba(0, 0, 0, .05); -moz-box-shadow: 0 4px 0 rgba(0, 0, 0, .05); box-shadow: 0 4px 0 rgba(0, 0, 0, .05);}
.court_list_edit .favirite_btn { display: block;}


.header_section02 { padding: 0 110px 22px; position: relative;}
.header_section02 h1 { margin: 0; font-size: 40px; color: #ffffff; line-height: 46px; text-align: center;}

.edit_btn { position: absolute; top: 0; right: 20px;}
.edit { display: block; width: 46px; height: 46px; background: url("../images/sprite.png") 0 -237px no-repeat;}

.schedule { padding: 30px 30px 74px; background: #ffffff; overflow: hidden;}
.schedule h2 { font-size: 36px; line-height: 43px;}
.schedule h2 a { color: #222222; text-decoration: none;}

.schedule_head { position: relative;}

.schedile_arrow { width: 114px; position: relative;}

.arrow_prev { margin-bottom: 2px;}
.arrow_prev a, .arrow_next a { display: block; width: 114px; height: 109px; background: #2e93bd; position: relative;}
.arrow_prev a:before, .arrow_next a:before { content: ''; display: block; width: 26px; height: 42px; margin: -21px 0 0 -13px; background: url("../images/sprite.png") no-repeat; position: absolute; top: 50%; left: 50%;}
.arrow_prev a:before { background-position: -50px -237px;}
.arrow_next a:before { background-position: 0 -284px;}

.schedule_date { position: absolute; top: 0; right: -30px; bottom: 0; left: 114px; overflow: hidden;}
.schedule_date ul { width: 200%; margin: 0; position: absolute; top: 0;}
.schedule_date li { width: 114px; height: 220px; list-style: none; background: #ededed; border-left: 2px solid #ffffff; font: 30px 'Roboto Condensed', sans-serif; color: #000; float: left; text-align: center;}
.schedule_date li span { display: inline-block; margin: 0 -50px; position: relative; top: 103px; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg);}

.schedule_cont { position: relative;}

.schedule_time { width: 114px;}
.schedule_time ul { margin: 0;}
.schedule_time li { height: 88px; list-style: none; background: #ededed; border-top: 2px solid #ffffff; font-size: 24px; font-weight: bold; line-height: 88px; color: #000000; text-align: center;}

.schedule_reservation { position: absolute; top: 0; right: -30px; bottom: 0; left: 114px; overflow: hidden;}
.schedule_reservation > ul { width: 200%; position: absolute; top: 0;}
.schedule_reservation > ul > li { width: 114px; border-left: 2px solid #ffffff; list-style: none; float: left;}

.schedule_column { margin: 0;}
.schedule_column li { height: 88px; padding: 0 5px; list-style: none; background: #dddddd; border-top: 2px solid #ffffff;}
.schedule_column .green { background: #cdde8a;}
.schedule_column .pink { background: #f8c6c6;}
.schedule_column .mine { background: #93bd2e;}
.schedule_column .red { background: #f83657;}
.schedule_column .gray { background: #dddddd;}
.schedule_column li span { display: block; width: 100%; margin-top: -15px; overflow: hidden; white-space: nowrap; position: relative; top: 50%; font-size: 20px; color: #000000; line-height: 30px; text-align: center;}
.schedule_column .red span { color: #ffffff; text-decoration: line-through;}

.main_login { background: url("../images/bg.jpg") 50% 0 no-repeat; background-size: cover;}

.login { padding: 96px 70px 20px;}
.login h3 { text-align:center; color: #93bd2e; font-size: 50px;}

.login_logo { margin-bottom: 85px; text-align: center;}

.login_form { margin-bottom: 40px;}
.login_form_line { margin-bottom: 40px;}
.login_form_line input { width: 100%; height: 80px; padding: 0 20px; background: #ffffff; border: 2px solid #ffffff; box-sizing: border-box; font: 36px/76px 'Roboto Condensed', sans-serif;}

.button { display: block; padding: 0 20px; background: #2e93bd; box-sizing: border-box; font: bold 36px/80px 'Roboto Condensed', sans-serif; color: #ffffff; text-decoration: none; text-align: center; text-transform: uppercase;}
.button_green { background: #93bd2e;}
.button_red { background: #ff6660;}
.button_scarlet { background: #ff3b54;}

.reg_btn { margin-bottom: 20px; padding-top: 17px; text-align: center;}
.reg { font: bold 36px/44px 'Roboto Condensed', sans-serif; color: #93bd2e; text-decoration: none; text-transform: uppercase;}

.clubs { margin-bottom: 62px;}

.clubs_list { margin-bottom: 64px; background: #ffffff;}
.clubs_list ul { margin: 0;}
.clubs_list li { padding: 26px 30px 17px; list-style: none; border-bottom: 1px solid #d3d3d3;}

.clubs_list li h2 { margin-bottom: 12px; font-size: 36px;}
.clubs_list li h2 a { text-decoration: none;}

.clubs_list li .rating_court { margin-bottom: 22px;}

.club_item_logo { width: 198px; height: 198px; margin: 8px 28px 8px 0; border: 1px solid #cccccc; float: left; line-height: 198px; text-align: center;}
.club_item_logo img { max-width: 190px; max-height: 190px; vertical-align: middle;}

.metro, .club_item_adr, .club_item_vid { margin-bottom: 19px; font-size: 28px; font-weight: 300; line-height: 40px;}
.club_item_adr { margin-bottom: 16px;}
.metro span, .club_item_adr span, .club_item_vid span { display: block; margin-bottom: 3px; font-size: 24px; font-weight: bold; color: #999999; line-height: 34px;}
.club_item_vid span { margin-bottom: 5px;}

.show_more { text-align: center;}
.show_more .button { display: inline-block; padding: 0 36px;}

.done_btn { position: absolute; top: 4px; right: 21px;}
.done { color: #ffffff; font: bold 34px 'Helvetica Neue', Helvetica, Arial, sans-serif; text-decoration: none;}

.header_section03 { padding: 0 20px 20px;}
.header_section03 h1 { margin-bottom: 32px; font-size: 40px; color: #ffffff; line-height: 46px; text-align: center;}

.booking_choice { border: 2px solid #ffffff; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;}
.future, .past { display: inline-block; width: 300px; height: 54px; font-size: 28px; line-height: 54px; color: #ffffff; text-align: center; text-decoration: none; position: relative; z-index: 10;}
.future.active, .past.active { background: #ffffff; color: #333333; font-weight: bold; z-index: 20;}
.past { margin-left: -4px;}

.my_booking { padding: 110px 20px 25px;}
.my_booking ul { margin: 0;}
.my_booking li { margin-bottom: 20px; padding: 20px 30px 22px; list-style: none; background: #ffffff;}

.booking_item_cont { margin-bottom: 25px;}

.item_section_wr { margin-bottom: 5px;}

.booking_item_section { padding: 10px 0 15px; border-top: 1px solid #e0e0e0;}

.my_booking li .court_section { padding: 0;}
.my_booking li .rating_court { margin: 0;}
.my_booking li .visit { padding-top: 3px; font-size: 28px; font-weight: 300; color: #333333; text-align: right;}

/*.booking_c1, .booking_c2 { width: 262px; font: 42px/48px 'Roboto Condensed', sans-serif; color: #333333;}
.booking_c1 { float: left;}
.booking_c2 { float: right;}
.booking_c1 span, .booking_c2 span { display: block; margin-bottom: 8px; font-size: 28px; color: #aaaaaa; line-height: 34px;}*/

.booking_item_section h4 { float: left; margin: 0 20px 0 0; font-size: 28px; color: #aaaaaa; line-height: 30px;}
.item_section_data { overflow: hidden; text-align: right; font-size: 28px; line-height: 30px;}
.item_section_data span { margin-left: 20px;}
.pin { display: inline-block; margin: 0 10px; font: bold 36px/40px 'Roboto Condensed', sans-serif;text-decoration: none; text-transform: uppercase;}
.pin_green {  color: #93bd2e; }
.pin_red { color: #ff6660;}

.boking_buttons { border-top: 1px solid #e0e0e0; padding: 17px 34px 0;}
.boking_buttons .pin_green { float: left;}
.boking_buttons .pin_red { float: right;}

.no_reservation { width: 320px; font-size: 36px; color: #aaaaaa; line-height: 43px; text-align: center; position: fixed; top: 50%; left: 50%; margin: 10px 0 0 -160px;}

.popup_wr { position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 100;}
.popup_cover { width: 100%; position: fixed; top: 0; bottom: 0; background: #000000; opacity: .8;}

.popup_cancel { width: 480px; padding: 67px 40px 0; background: #ffffff; position: fixed; top: 50%; left: 50%; margin: -280px 0 0 -280px;}
.cancel_tx { margin-bottom: 79px; font-size: 48px; font-weight: 300;line-height: 58px; text-align: center;}
.cancel_tx p { font-size:16px;line-height: 23px; text-align: left; padding-left: 30px;}
.popup_btn { margin-bottom: 40px;}

.playground { padding: 20px 20px 32px;}
.playground h2 { margin-bottom: 33px; padding: 0 8px; font-size: 36px; line-height: 43px;}
.playground h2 a { color: #222222; text-decoration: none;}
.cs_title{overflow: hidden; display: block;}

.playground_img { width: 640px; margin: 0 -20px 21px; overflow: hidden;}
.playground_img ul { margin: 0;}
.playground_img li { width: 640px; float: left; list-style: none;}
.playground_img img { width: 640px; height: 372px; vertical-align: top;}

.playground_section01 { margin-bottom: 20px; padding: 22px 20px 20px; background: #ffffff;}
.playground_section01 h3 { margin-bottom: 19px; font-size: 36px; line-height: 44px;}

.playground_price_wr { margin-bottom: 26px;}
.playground_price_wr h3 { margin: 0; font-size: 36px; line-height: 44px; float: left;}
.playground_price { padding-top: 5px; overflow: hidden; text-align: right; font-size: 32px; font-weight: 300; line-height: 38px;}

.playground_select { width: 360px; float: left; position: relative;}
.pl_r { display: block; height: 58px; padding: 0 50px 0 20px; border: 1px solid #cccccc; font: 30px/58px 'Roboto Condensed', sans-serif; color: #aaaaaa; position: relative;}
.pl_r:before { content: ''; display: block; width: 24px; height: 14px; background: url("../images/sprite.png") 0 -331px no-repeat; position: absolute; top: 23px; right: 17px;}
.pl_r.selected { color: #222222;}
.pl_r span { display: block; width: 100%; overflow: hidden; white-space: nowrap;}
.playground_select select { width: 100%; height: 60px; padding: 0 20px; font: 30px/58px 'Roboto Condensed', sans-serif; position: absolute; top: 0; left: 0; opacity: 0;}

.playground_select_btn { width: 180px; float: right;}
.playground_select_btn .button { height: 60px; font-size: 24px; line-height: 60px;}

.playground_section02 { margin-bottom: 20px; padding: 20px 20px 10px; background: #ffffff;}
.playground_section02 h3 { margin-bottom: 20px; font-size: 36px; line-height: 44px;}

.location_table table { width: 100%; border-collapse: collapse;}
.location_table td { padding: 0 0 14px 28px; vertical-align: top; font-size: 28px; font-weight: 300; line-height: 36px;}
.location_table td:first-child { padding-left: 0; color: #999999;}

.playground_section03 { margin-bottom: 20px; padding: 22px 20px 6px; background: #ffffff;}
.playground_section03 h3 { margin-bottom: 20px; font-size: 36px; line-height: 44px;}
.playground_section03 h4 { margin-bottom: 13px; font: 500 26px/32px 'Roboto', sans-serif;}
.playground_section03 p { font-weight: 300; color: #555555;}

.rating { margin-bottom: 30px;}
.rating_title { margin-right: 12px; padding-top: 3px; font-size: 28px; font-weight: 300; color: #aaaaaa; line-height: 34px; float: left;}

div.rating-cancel, div.rating-cancel a { display: none !important;}
div.star-rating { width: 37px; height: 36px; margin-left: 8px;}
div.star-rating, div.star-rating a { width: 37px; background:url("../images/sprite.png") 0 -347px no-repeat;}
div.star-rating-hover a { background-position: -50px -347px;}
div.star-rating-on a { background-position: -50px -347px !important;}

.comment { margin-bottom: 20px;}
.comment textarea { width: 100%; height: 100px; padding: 15px; box-sizing: border-box; background: #f5f5f5; border: 1px solid #cccccc; font: 300 28px/32px 'Roboto', sans-serif; resize: none; overflow: auto; vertical-align: top;}

.send_comment .button { width: 174px; height: 50px; padding: 0 15px; font-size: 24px; line-height: 50px;}

.playground_section04 { margin-bottom: 20px; padding: 20px 20px 2px; background: #ffffff;}
.playground_section04 h3 { margin-bottom: 4px; font-size: 36px; line-height: 44px;}
.playground_section04 h3 span { color: #aaaaaa;}

.comments_list ul { margin: 0;}
.comments_list li { padding: 18px 0 1px; list-style: none; background: url("../images/border.png") 0 100% repeat-x;}
.comments_list li:last-child { background: none;}

.comment_info { margin-bottom: 17px;}
.comment_info .rating_court { margin: 0 24px 0 2px; padding-top: 5px; float: left;}
.comment_info .rating_star { width: 20px; height: 20px; background-position: -78px -285px;}
.comment_info .rating_star.mod { background-position: -78px -307px;}
.comment_date { margin: 0 2px 0 24px; float: right; font-size: 26px; color: #aaaaaa;}
.comment_auth { overflow: hidden; font-size: 26px; font-weight: bold;}
.comments_list li p { margin-bottom: 24px; font-weight: 300;}

.main_places { background: url("../images/places.jpg") 50% 0 no-repeat; background-size: cover;}

.logo_wr { padding: 14px 0;}
.logo { width: 140px; height: 140px; margin: 0 auto;}

.places_wr { padding: 0 30px;}
.places { padding: 35px 40px 25px; background: #ffffff;}
.login_reg { padding: 35px 40px 25px;}
.login_reg a { color: #ffffff; font: bold 36px/44px 'Roboto Condensed', sans-serif; text-decoration: none; text-transform: uppercase;}
.login_reg a.llogin { float:right;}
.login_reg a.registration { float:left;}


.places .reg_btn { margin: 0;}
.places_services, .places_metro, .places_date { height: 78px; padding: 0 25px 0 85px; margin-bottom: 35px; background: #f5f5f5; border: 1px solid #cccccc; font: 34px/78px 'Roboto Condensed', sans-serif; color: #aaaaaa; position: relative;}
.places_services:before, .places_metro:before, .places_date:before { content: ''; display: block; width: 40px; height: 40px; background: url("../images/sprite.png") no-repeat; position: absolute; top: 19px; left: 21px;}
.places_services:before { background-position: 0 -385px;}
.places_metro:before { background-position: -42px -385px;}
.places_date:before { background-position: 0 -427px;}
.places_date input { width: 100%; height: 78px; box-sizing: border-box; border: none; background: none; font: 34px 'Roboto Condensed', sans-serif;}
.places_services span, .places_metro span { display: block; width: 100%; overflow: hidden; white-space: nowrap;}

.popup_additional_services { width: 500px; padding: 29px 40px 40px; background: #ffffff; position: fixed; top: 38px; bottom: 28px; left: 50%; margin: 0 0 0 -289px;}
.popup_head { margin: 0 -40px 30px; padding: 0 100px 29px 40px; border-bottom: 2px solid #e0e0e1; font: 36px/42px 'Roboto Condensed', sans-serif;}
.time_reservation { margin-left: 18px;}

.popup_cont h2 { font: bold 36px/44px 'Roboto', sans-serif;}

.popup_btn_wr { position: absolute; right: 40px; bottom: 0; left: 40px;}

.scroll_cont { position: absolute; top: 192px; right: 40px; left: 40px; bottom: 250px; z-index: 10;}
.scroll_cont:after { content: ''; display: block; height: 75px; background: url("../images/cover_list.png") repeat-x; position: absolute; right: 0; bottom: 0; left: 0; z-index: 50;}

.popup_list_wr { overflow: auto; position: absolute; top: 0; right: 0; bottom: 0; left: 0;}
.popup_list { margin-bottom: 20px;}
.popup_list ul { margin: 0;;}
.popup_list li { display: table; width: 100%; border-collapse: collapse; list-style: none;}
.checkbox_wr, .label_wr, .services_price { display: table-cell; padding: 17px 0 18px 30px; vertical-align: top;}
.checkbox_wr { width: 36px; padding-left: 0;}
.label_wr { font-size: 30px; line-height: 36px;}
.services_price { font: bold 30px/36px 'Roboto Condensed', sans-serif; text-align: right; letter-spacing: .01em;}

.scroll_cont .comment { margin-bottom: 70px;}

.clevered.alice .jClever-element-checkbox-twins { width: 36px; height: 36px;}
.clevered.alice .jClever-element-checkbox-twins .jClever-element-checkbox-twins-element { width: 36px; height: 36px; background: url("../images/sprite.png") 0 -469px no-repeat;}
.clevered.alice .jClever-element-checkbox-twins .jClever-element-checkbox-twins-color { width: 36px; height: 36px; background: none;}
.clevered.alice .jClever-element.focused .jClever-element-checkbox-twins .jClever-element-checkbox-twins-element { background-position: 0 -469px;}
.clevered.alice .jClever-element-checkbox-twins.checked  .jClever-element-checkbox-twins-element { background-position: -42px -469px;}
.clevered.alice .jClever-element.focused .jClever-element-checkbox-twins.checked  .jClever-element-checkbox-twins-element { background-position: -42px -469px;}
.clevered.alice label { border: none; font: 30px/36px 'Roboto', sans-serif; color: #222222;}
.clevered.alice label.active { border: none;}

.cancel_btn { position: absolute; top: 37px; right: 39px;}
.cancel { display: block; width: 27px; height: 27px; background: url("../images/sprite.png") -42px -427px no-repeat;}

.profile { padding: 80px 60px;}

.pfofile_ava, .profile_name, .profile_mail, .profile_tel { border-bottom: 1px solid #bbbbbb;}
.pfofile_ava { padding-bottom: 80px; text-align: center;}
.pfofile_ava img { width: 300px; height: 300px; vertical-align: top; -webkit-border-radius: 150px; -moz-border-radius: 150px; border-radius: 150px;}

.profile_name, .profile_mail, .profile_tel, .profile_exit { padding: 30px 0 33px 75px; position: relative; font-size: 32px; line-height: 36px; color: #333333;}
.profile_exit a {text-decoration: none; color: #f83657;}
.profile_name:before, .profile_mail:before, .profile_tel:before { content: ''; display: block; background: url("../images/sprite.png") no-repeat; position: absolute;}
.profile_name:before { width: 32px; height: 44px; background-position: 0 -507px; top: 27px; left: 7px;}
.profile_mail:before { width: 46px; height: 36px; background-position: -42px -507px; top: 31px; left: 0;}
.profile_tel:before { width: 45px; height: 49px; background-position: 0 -553px; top: 25px; left: 0;}

.ready { font: 300 34px/48px "Helvetica Neue",Helvetica,Arial,sans-serif; color: #ffffff; text-decoration: none;}

.profile_edit { padding: 70px 0;}

.edit_ava_wr { margin-bottom: 70px; padding: 18px 30px 17px; background: #ffffff; border-top: 1px solid #dddddd; border-bottom: 1px solid #dddddd;}
.edit_ava { width: 64px; height: 64px; float: right; overflow: hidden; position: relative; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px;}
.edit_ava img { width: 64px; height: 64px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px;}
.edit_ava input { width: 1500px; height: 1500px; position: absolute; right: 0; bottom: 0; outline: none; cursor: pointer;}
.edit_title { padding-top: 13px; font: 300 34px/38px "Helvetica Neue",Helvetica,Arial,sans-serif; color: #333333; overflow: hidden;}

.profile_edit_list { margin-bottom: 70px; background: #ffffff; border-top: 1px solid #dddddd;}
.profile_edit_list ul { margin: 0;}
.profile_edit_list li { padding: 30px; list-style: none; border-bottom: 1px solid #dddddd;}
.profile_edit_list li span { display: block; width: 160px; float: left;}
.profile_edit_list li label { font-size: 34px; font-weight: 300; color: #333333; line-height: 38px;}
.profile_edit_list li input { width: 400px; height: 38px; float: right; border: none; background: none; font: 34px/38px 'Roboto', sans-serif; color: #333333; text-align: right; outline: none;}

.edit_pass_transition { margin-bottom: 70px; padding: 31px 75px 30px 30px; background: #ffffff; border-top: 1px solid #dddddd; border-bottom: 1px solid #dddddd; font: 300 34px/38px "Helvetica Neue",Helvetica,Arial,sans-serif; color: #333333; position: relative;}
.transition { display: block; width: 16px; height: 25px; background: url("../images/sprite.png") -78px 0 no-repeat; position: absolute; top: 37px; right: 30px;}

.profile_edit_exit { padding: 31px 30px 30px; background: #ffffff; border-top: 1px solid #dddddd; border-bottom: 1px solid #dddddd; font: 300 34px/38px "Helvetica Neue",Helvetica,Arial,sans-serif;}
.profile_edit_exit a { text-decoration: none; color: #f83657;}

.password01, .password02 { padding: 30px; background: #ffffff; border-top: 1px solid #dddddd;}
.password01 span, .password02 span { display: block; width: 320px; float: left;}
.password01 label, .password02 label { font-size: 34px; font-weight: 300; color: #333333; line-height: 38px;}
.password01 input, .password02 input { width: 230px; height: 38px; float: right; border: none; background: none; font: 34px/38px 'Roboto', sans-serif; color: #333333; text-align: right; outline: none;}
.password01 { margin-bottom: 70px; border-bottom: 1px solid #dddddd;}

.popup_location {width: 500px; padding: 27px 40px 40px; background: #ffffff; position: fixed; top: 38px; bottom: 28px; left: 50%; margin: 0 0 0 -289px;}
.popup_location .popup_head { padding: 0 100px 31px 29px;}
.popup_location .scroll_cont { top: 124px; bottom: 120px;}
.popup_location .popup_list { margin-bottom: 70px;}
.add_favorite{float: right;}

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

.popup .button { height: 40px; font-size: 18px; line-height: 40px;}

.complain { margin-bottom: 20px;}

.white { background: #ffffff;}

.complain_cont { padding: 25px 28px;}
.complain_cont h2 { margin-bottom: 18px; font-size: 36px;}
.complain_cont h2 a { text-decoration: none;}

.complaint_tx textarea { width: 100%; height: 381px; box-sizing: border-box; padding: 6px 17px; border: 2px solid #dfdfdf; background: #ffffff; font: 28px/42px 'Open Sans', sans-serif; color: #333333; resize: none; overflow: auto;}