@font-face {
	font-family: 'GothaProRegular';
	src: url('../fonts/gothaproreg-webfont.eot');
	src: url('../fonts/gothaproreg-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/gothaproreg-webfont.woff2') format('woff2'), url('../fonts/gothaproreg-webfont.woff') format('woff'), url('../fonts/gothaproreg-webfont.ttf') format('truetype'), url('../fonts/gothaproreg-webfont.svg#gotham_proregular') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'GothaProBold';
	src: url('../fonts/GothamProBold.eot');
	src: url('../fonts/GothamProBold.eot?#iefix') format('embedded-opentype'), url('../fonts/GothamProBold.woff') format('woff'), url('../fonts/GothamProBold.ttf') format('truetype'), url('../fonts/GothamProBold.svg#gotham_probold') format('svg');
	font-weight: normal;
	font-style: normal;
}
body {
	font-family: 'GothaProRegular', Arial, Helvetica, sans-serif;
	background-color: #fff;
	padding-right: 0px!important;
	-moz-user-select: none!important;
	-khtml-user-select: none!important;
	user-select: none!important;
	font-size: 16px;
	    letter-spacing: 1px;
 
}
.modal-title {
	font-size: 2em;
	padding-top: 10px;
	font-family: 'GothaProBold', Arial, Helvetica, sans-serif;
}
.modal-content {
	color: #000;
}
.empty-bag {
	padding: 50px;
	text-align: center;
}
.calendar-header, .profile-header {
	padding-top: 140px;
	padding-bottom: 100px;
	color: #fff; text-align: center;
	background-color: #666;
	background-image: url(../reserve-images/tennis-2open-big.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	position: relative;
	z-index: 1;
}
 .main-header {
	padding-bottom: 140px;
}
.main-header:before, .profile-header:before, .calendar-header:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #000;
	opacity: 0.5;
}
.home-page-contacts {
	padding-top: 100px;
	padding-bottom: 100px;
	background-color: #fff;
	text-align: center;
}
.calendar-header .container-fluid, .profile-header .container-fluid {
	position: relative;
	z-index: 2;
}
.container-fluid {
	max-width: 1300px;
	margin-right: auto;
	margin-left: auto;
}
 
.nav-tabs > li {
	width: 50%;
}
.nav-tabs > li > a {
	border-radius: 0px!important;
	font-weight: bold;
	text-align: center;
	color: #000;
}
.footer p { margin: 0px; }
.footer { color: #fff; padding-top: 15px; padding-bottom: 15px; 	background-color: #000;}
.footer .addr { float: right; }
 
.calendar-header h2 {
	margin-top: 0px;
	margin-bottom: 100px;
	font-size: 4em;
	position: relative;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
	border: 1px solid #333;
	background-color: #000;
	color: #fff;
}
.nav > li > a {
	margin: 0px;
}
.main-menu > li > a span {
	padding-top: 6px;
	display: inline-block;
	max-width: 120px;
}
.nav-tabs > li > a {
	border: 1px solid #333;
}
.nav > li > a:hover, .nav > li > a:focus {
	background-color: #222; border: 1px solid #222;
	color: #fff;
}
.calendar-header h2 span {
	display: block;
}
.calendar-header h2:after {
	background-color: #099;
	height: 5px;
	width: 200px;
	margin-left: -100px;
	position: absolute;
	bottom: -50px;
	left: 50%;
}
.modal-content {
	border-radius: 0px;
}
.modal-header .close {
	position: absolute; border: 2px solid #000!important;
	right: 40px;
	top: 25px; border-radius: 50%;
	border: none!important;
	height: 40px;
	width: 40px;
	background-image: url(/images/close.svg)!important;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 20px;
	font-size: 0px;
	color: transparent;
	background-color: #fff; border-radius: 2px solid #000!important;
}
.modal-header .close:hover, .modal-header .close:active, .modal-header .close:focus {
	opacity: 1!important;
	background-image: url(/images/close-hover.svg)!important;
	background-color: #000;
}
.fc-unthemed .fc-today {
	border: 1px solid #C00!important;
	z-index: 10000!important;
	position: relative!important;
}
.fc-time.fc-axis {
	background-color: #ccc;
}
.top a {
	color: #fff;
	padding: 5px;
}
.btn-lg, .btn-group-lg > .btn {
	padding: 5px 10px;
	font-size: 1em;
}
.top {
	position: absolute;
	z-index: 2;
	width: 100%;
}
.calendar-body, .profile-body {
	background-color: #f1f1f1;
}
.profile-body { padding-top: 40px; }
.calendar-body {
	min-height: 900px;
}
.main-menu > li > a {
	padding-top: 20px;
	padding-bottom: 20px;
}
.main-menu > li > a, .calendar-header h2, .close {
	color: #fff;
	opacity: 1;
}
h1 span {
	font-family: 'GothaProBold', Arial, Helvetica, sans-serif;
	display: block;
}
.sub-menu {
	font-family: 'GothaProBold', Arial, Helvetica, sans-serif;
}
.sub-menu li:first-of-type a { border-radius:  30px 0 0 30px  !important; }
 .sub-menu li:last-of-type a { border-radius:  0 30px   30px 0  !important; }

.sub-menu span {
	white-space: nowrap;
}
.top-menu a:hover {
	background-color: #0CF;
}
.main-menu > li > a:hover, .main-menu a.active, .main-menu a:active, .main-menu a:focus {
	background-color: transparent;
}
:focus {
	outline: none!important;
}
#calendar thead {
	padding-top: 10px;
	padding-bottom: 10px;
}
.title-container {
	position: relative;
	padding: 20px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}
 

.title-container:after {
	bottom: -30px;
	position: absolute;
	width: 100px;
	height: 4px;
	background-color: #0CF;
	margin-left: -50px;
}
.empty {
	color: #CCC;
}
.title-container h1 {
	font-size: 4em;
}
.main-menu a {
	display: block; font-family: 'GothaProBold', Arial, Helvetica, sans-serif;
	padding: 5px;
	margin-right: 10px;
	margin-left: 10px;
	color: #FFF;
	border-radius: 0px!important;
	text-decoration: none;
}
.main-menu a:after, .clearfix {
	content: '';
	clear: both;
	display: block;
}
.main-menu a:before {
	content: '';
	display: block;
	 
	margin-right: auto;
	margin-bottom: 10px;
	margin-top: 20px;
	margin-left: auto;
	background-image: url(../images/badminton-racket-and-feather.png);
	background-size: 70px;
	background-position: center center;
	background-repeat: no-repeat;
	
	
	background-color: rgba(0, 0, 0, 0.53);
	width: 140px;
	height: 140px;
	border: 2px solid #0cf;
	border-radius: 50%!important;
}
.title-container .main-menu a:hover:before {
	background-color: #000;
}
.contacts {
	padding: 20px;
	color: #fff;
	background-color: #000;
	width: 100%;
	text-align: center;
	font-size: .9em;
}
.main-menu a.active {
	background-color: #000!important; color: #fff!important;
}
.fc-day:hover {
	background-color: #999;
}
.fc-slats tr td, a {
	transition: all ease .1s;
}
.fc-slats tr:hover td {
	background-color: #232323;
	color: #fff;
}
.fc-time-grid .fc-slats td {
	height: 2.5em;
	border-bottom: 10px;
}
.fc-bg td:hover {
	background-color: #f1f1f1;
}
#link-cat-1:before {
	background-image: url(../images/ico3.svg);
}
#link-cat-2:before {
	background-image: url(../images/ico4.svg);
}
#link-cat-3:before {
	background-image: url(../images/ico5.svg);
}
#link-cat-5:before {
	background-image: url(../images/ico6.svg);
}
#link-cat-6:before {
	background-image: url(../images/ico1.svg);
}
#link-cat-4:before {
	background-image: url(../images/ico2.svg);
}
.sub-menu {
	text-align: center;
	font-size: 1.2em;
}
.sub-menu a {
	padding: 5px;
	color: #fff;
	text-align: center; border: 1px solid #fff;    
	 background-color: rgba(0, 0, 0, 0.1)!important;
}
 
.thmb {
	display: block;
	background-size: cover;
	background-position: center center;
	background-image: url(../reserve-images/Footboll-300.jpg);
}
.abonement1 .thmb {
	background-image: url(../reserve-images/tennis-2open-big.jpg);
}
.abonement2 .thmb {
	background-image: url(../reserve-images/badminton.jpg);
}
.abonement5 .thmb {
	background-image: url(../reserve-images/Squash-big.jpg);
}
.sub-menu a:after {
	content: '';
	clear: both;
	display: block;
}
.thmb1 {
	background-image: url(../reserve-images/Footboll-300.jpg);
}
.thmb2 {
	background-image: url(../reserve-images/Squash-300.jpg);
}
.thmb3 {
	background-image: url(../reserve-images/tennis-2open-300.jpg);
}
.thmb4 {
	background-image: url(../reserve-images/tennis-300.jpg);
}
.sub-menu a:hover {
	text-align: center;
	background-color: #00bbe9!important;
}
.sub-menu a {
	padding: 10px;
	display: block;
	text-align: center;
	border-radius: 0px!important;
}
thead {
	background-color: #fff;
}
.sub-menu a.active, .sub-menu a.active:hover {
	color: #fff!important;
	background-color: #000!important;
}
.sub-menu li {
	display: inline-block;
	float: none;
}
.orders-list {
	padding: 0px;
	list-style-type: none;
	margin-top: 0px;
	 
	margin-bottom: 0px;
	 
}
 
.profile-menu a {
	color: #fff;
}
 
.orders-list li {
	position: relative; padding-right: 40px;
	margin-bottom: 15px; padding-top: 20px; padding-bottom: 20px;
	background-color: #FFF;
}
.orders-list li h2 { margin-bottom: 5px; }
.orders-list li .remove {
	position: absolute;
	width: 30px;
	height: 30px;
    background-image: url(/images/close.svg)!important;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 15px;
	right: 0px;
	top: 15px;
	border-radius: 50%;
	 
}
.orders-list li:hover .remove {
	display: block;
	cursor: pointer;
}
.final-price {
	margin-bottom: 0px;
	margin-top: 20px;
	text-align: right;
}
.final-price span {
	     font-family: 'GothaProBold', Arial, Helvetica, sans-serif;
	margin-left: 10px;
}
.modal-dialog {
	width: 100%;
	max-width: 600px;
}
.modal-dialog .orders-list {
	margin-right: 0px;
	margin-left: 0px;
}
.orders-list-header {
}
.orders-list p {
	margin-bottom: 0px;
}
.orders-list h3 { margin-top: 0px; }
.order-list-container h2 {
	margin-top: 0px;
}
.main-menu {
	text-align: center;
}
.nav-pills > li > a {
	background-color: transparent;
}
.nav-pills > li > a:focus, .nav-pills > li > a:active {
	background-color: transparent;
}
.btn {
    
    padding: 10px 15px;
}
.modal-footer {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none; 	padding-right: 40px; 	padding-left: 40px; 	  
}
.modal-footer a { color: #ccc; padding: 10px;  text-align: center; display: block;  }
.modal-footer a:hover { color: #000; }

.modal-body .modal-footer {
	padding-right: 0px;
	padding-top: 0px;
	padding-left: 0px;
}
.modal-body h2 { margin-bottom: 20px;}
.modal-body h2:after { display: none; }
.modal-body button { width: 100%; padding: 10px; font-size: 1.2em;}
.btn-container {
	padding: 30px;
	padding-top: 0px!important;
}
.modal-body .btn-container {
	padding: 0px;
}
.empty {
	padding: 30px;  padding-left: 40px; padding-right: 40px; padding-bottom: 50px;
}
.loading  { padding: 30px;  padding-left: 40px; padding-right: 40px; padding-bottom: 50px;}
.btn-container button {
	float: right;
}
.btn-container:after {
	clear: both;
	display: block;
	content: '';
}
form {
	padding-top: 20px;
}
/*  fc  */ 

.modal-body {
	position: relative;
	padding: 30px; 
} 
.modal-header, .modal-body { padding-left: 40px; padding-right: 40px;}
.modal-body {
	padding-top: 10px;
}
.modal-header {
	 
	border: none;
}
.fc-time-grid-event .fc-time {
}
.fc-event {
	font-size: 0.9em;
	border-radius: 0px;
}
.fc-event:hover {
	background-color: #0CF;
}
.fc button {
	height: 2.8em; border-radius: 0px!important;
}
.services .title { margin-right: 20px; margin-bottom: 20px;}
.fc-event {
	background-color: #0CF;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #fff;
	border-top-style: solid;
	border-right-style: none;
	border-left-style: none;
	border-top-width: 3px;
	border-top-color: #fff;
}
.fc-ltr .fc-time-grid .fc-event-container {
	margin: 0;
}
.fc-event .fc-time span {
	padding: 5px!important;
	display: block;
	text-align: center;
}
.fc-unthemed th, .fc-unthemed td, .fc-unthemed thead, .fc-unthemed tbody, .fc-unthemed .fc-divider, .fc-unthemed .fc-row, .fc-unthemed .fc-popover {
	border-color: #232323;
}
.user-info {
 
	padding-bottom: 50px;
}
.user-info-container {
	padding: 20px;
	background-color: #fff;
}
.user-info-container form {
	padding-top: 0px;
}
.user-info-container h2, .orders-container h2 {
	font-size: 1.3em;
	margin-top: 0px;
	margin-bottom: 30px;
}
.orders-container {
 
}
.user-menu {
	display: none;
	background-color: #FFF;
	position: absolute;
	margin-top: 40px;
}
.user-menu a {
	display: block;
	color: #666;
	clear: both;
	float: none;
	margin: 0px;
	width: 130px;
}
.user-menu a:hover {
	background-color: #000;
	color: #fff;
}
label, .label {
	display: block;
	font-weight: normal;
	text-align: left;
	color: #a5a5a5;
	padding: 0px;  
	margin-bottom: 5px;
}
.alert { border-radius: 0px;}
.btn-primary, .btn, button, .fc-state-default {
	color: #000;
	font-family: 'GothaProBold', Arial, Helvetica, sans-serif;
	background-color: transparent!important;
	border-radius: 0px;
	font-weight: bold;
	text-transform: uppercase;
	border: 2px solid #0cf!important;
	border-radius: 0px;
}
h1, h2 {  position: relative;}
h1:after, h2:after {
    content: '';
    border-bottom-width: 3px;
    border-bottom-style: solid;
    border-bottom-color: #00bbe9;
    position: absolute;
    width: 60px;
    margin-left: -30px;
    left: 50%;
    bottom: -25px;
}
.btn-primary:hover, .btn:hover, button:hover, .fc-state-default:hover, 
.btn-primary:active, .btn:active, button:active,
.btn-primary:focus, .btn:focus, button:focus {
	border: 2px solid #0cf!important;
	background-color: #0cf!important;
	color: #fff;
}
.fc .fc-axis {
	padding: 0 16px;
	font-family: 'GothaProBold', Arial, Helvetica, sans-serif;
	text-align: center;
}
.fc th, .fc td {
	border-top-width: 5px;
	border-right-width: 5px;
	border-bottom-width: 5px;
	border-left-width: 5px;
	border-top-color: #f1f1f1;
	border-right-color: #f1f1f1;
	border-bottom-color: #f1f1f1;
	border-left-color: #f1f1f1;
}
.fc-state-default {
	background-image: none;
	box-shadow: none;
	text-shadow: none;
}
.buyCard {
	padding: 8px 20px!important;
}
.orders-list-header {
	font-weight: bold;
}
.nav-pills > li + li {
	margin-left: 0px;
}
input, select {
	border-radius: 0px!important;
}
.fc-slats td {
	cursor: pointer;
}
.site-title {
	color: #FFF;
	width: 100%;
	padding-top: 0px;
	z-index: 1;
}
.site-title .tel {
	float: right;
	padding: 10px;
}
.site-title .help {
	float: right;
}
.logo {
	text-align: left;
	display: block;
	float: left;
	 color: #a5a5a5;
	margin-right: 10px;
	padding: 5px;
	height: 65px;
	 
	font-family: 'GothaProBold', Arial, Helvetica, sans-serif;
}
.logo:hover, .logo:active, .logo:focus  {  color: #fff;}
.logo span {
	padding: 5px;
	font-size: 1.7em;
	margin-left: 10px;
	float: left;
}
.logo:before {
	content: '';
	float: left;
	width: 180px;
	background-image: url(../images/logo-new.png);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: auto 50px;
	height: 50px;
	width: 50px;
	margin-left: auto;
	margin-right: auto;
	display: block;
	margin-bottom: 0px;
}
.top-nav {
	position: relative;
	z-index: 10;
	float: right;
}
 
span.anchor {
	position: relative;
	top: -100px;
	height: 1px;
	width: 1px;
	display: block;
}
 .fc-slats td, {
 border-top-style: none;
 border-right-style: none;
 border-bottom-style: none;
 border-left-style: none;
}
.fc-slats tr:nth-child(2n) {
/*   background: #000;  Цвет фона */
}
.data-group {
	margin-bottom: 20px;
}
.data-group .data {
	 
}
.profile-nav {
	display: none;
	 
	position: absolute;
	left: 0px;
	top: 65px;
}
.profile-nav a {
	width: 180px;
}
.profile-nav a:hover {
	color: #fff;
	background-color: #777;
}
.active .profile-nav {
	display: block;
}
.profile-nav a {
	display: inline-block;
	padding: 15px;
	color: #000;
	background-color: #fff;
}
.forget {
	float: left;
}
.fc-content .fc-title {
	display: none;
}
.fc-event .fc-time span {
	font-size: 1.3em;
}
.profile-thanks {
	color: #000;
	margin-right: auto;
	margin-left: auto;
	padding-top: 200px;
	padding-bottom: 200px;
	text-align: center;
}
.profile-thanks h1 {
	color: #000;
}
.duration-container {
	position: relative;
	padding-right: 120px;
}
.duration-container {
}
.duration-container .increase {
	right: 0px;
	top: 0px;
	background-image: url(add.png);
}
.duration-container .decrease {
	right: 60px;
	top: 0px;
	background-image: url(remove.png);
}
.btn-default {
	background-color: #ccc;
	border: 1px solid #ccc;
}
.form-control {
	height: 60px;
	padding: 10px;
	font-size: 24px;
}
.increase, .decrease {
	background-color: #000;
	background-size: 20px;
	background-position: center center;
	background-repeat: no-repeat;
	height: 60px;
	width: 60px;
	color: #FFF;
	position: absolute;
	cursor: pointer;
}
.duration-input { border: none;
}
.fc-divider {
	display: none!important;
}
.top-menu a {
	text-decoration: none;
	display: block;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 15px;
	padding-right: 15px;
}
.fc-toolbar {
	margin-bottom: 0px;
	padding: 5px;
}
.fc-left {
	padding-top: 5px;
}
.top-menu a:hover {
}
.top-menu li {
	display: inline-block;
}
h1 {
}
.fc td.fc-today {
	border: none!important;
}
.fc-unthemed th, .fc-unthemed td, .fc-unthemed thead, .fc-unthemed tbody, .fc-unthemed .fc-divider, .fc-unthemed .fc-row, .fc-unthemed .fc-popover {
}
.fc-right button {
}
.fc-slats tr:nth-child(2n) {
	/* background-color: #d0d0d0!important; */
	border: 1px solid #ccc;
}
.fc-toolbar {
}
.fc-body {
	background-color: #fff;
}
.fc-toolbar h2 {
	font-size: 1.5em;
}
.fc-view-container {
	background-color: #fff;
}
.calendar-body {
	padding-top: 15px;
	padding-bottom: 15px;
}
.calendar-body-top {
	padding-top: 15px;
	color: #999;
 
}
.calendar-body {
	position: relative;
}
.calendar-body-top .btn {
	color: #fff;
	border: 2px solid #09C;
	padding-right: 20px;
	padding-left: 20px;
}
.calendar-body-top .btn:hover {
	background-color: #09C!important;
	border: 2px solid #09C!important;
}
.calendar-body-top h1 {
	margin-top: 0px;
}
.fc-scroller, .fc-time-grid-container {
	height: auto!important;
	overflow: auto!important;
}
.calendar-body-top-wrap {
	padding-top: 60px;
	padding-bottom: 50px;
}
.btn-cart {
	box-shadow: none!important;
	border: none!important;
	cursor: pointer;
}
.btn-cart:hover {
	border: none!important;
}
.btn-cart #cartCount {
	margin-left: 5px;
	padding-left: 5px;
	 
}
.cat-thmb {
	background-color: #000;
	height: 120px;
	display: block;
	background-position: center center;
	background-size: cover;
	width: 120px;
	border-radius: 50%;
	overflow: hidden;
	float: left;
	margin-right: 25px;
	border: 3px solid #00CBFF;
}
.top-info {
	position: relative;
}
.tel {
	padding-left: 15px;
	padding-top: 10px;
}
.tel span {
	margin-top: -8px;
	position: relative;
	display: inline-block;
}
.mfp-popup {
	background-color: #FFF;
	padding: 20px;
	width: 800px;
	margin-right: auto;
	position: relative;
	margin-left: auto;
}
#reserve {
	position: absolute;
	top: -60px;
}
h1, .abonement   .price, #primetimeprice, #daytimeprice  {     font-family: 'GothaProBold', Arial, Helvetica, sans-serif;}
.price {
	padding-top: 14px;     
	background-color: #fff;
	margin-bottom: 0px;
	text-align: center;
	padding-bottom: 30px;
}
.price > span { display: inline-block; margin-left: 10px; margin-right: 10px; }
.price > span:before { content: ''; height: 30px;  width: 30px; position: relative; 

transform: translateY(8px); 
  display: inline-block;   margin-right: 10px;
 
     background-size: 25px auto;
    background-position: center center;
    background-repeat: no-repeat; background-image: url(cal1.svg);
 
  }


.price > span.day-time:before { background-image: url(cal2.svg); }
 
.container-fluid {
	padding-right: 40px;
	padding-left: 40px;
	margin-right: auto;
	margin-left: auto;
}
.price .title {
	margin: 0;
}
.price .col-price {
	display: inline-block;
	padding-left: 20px;
	padding-right: 20px;
	width: 33.33%;
}
.col-price:before {
	border-radius: 50%;
	float: left;
	width: 50px;
	height: 50px;
	margin-right: 20px;
	background-color: #CCC;
}
.header {
	height: 65px;
	background-color: #000;
	position: fixed;
	z-index: 10;
	width: 100%;
}
.aside-panel {
	z-index: 100;
	position: absolute;
	 
	background-color: #fff;
	z-index: 3;
	width: 300px;
	top: 65px;
	left:  0px;
	display: none;
	color: #000;
}
.aside-panel .main-menu a {
	color: #000; border: none!important;
}
.aside-panel .main-menu {  text-align: left; }
.aside-panel  .main-menu li { float: none; }
.aside-panel .main-menu a:hover {
	background-color: #ccc;
	color: #000;
}

.aside-panel .main-menu a:before {
 
    margin-bottom: 0px;   margin-right: 0px;
    margin-top: 0px;
     background-size: 35px;
     width: 55px;
    height: 55px;
   
}


.aside-panel .main-menu > li > a {
	
	    padding-top: 15px;
    padding-bottom: 15px;
	
	}
 .fc-icon-right-single-arrow:after {}
 .fc-icon-left-single-arrow:after {
    content: "\02039";
    font-weight: bold;
    font-size: 200%;
    top: -7%;
    left: 3%;
}
.aside-panel .main-menu a span {
 
  padding: 15px; display: inline-block;
   
}
.aside-panel .main-menu a:before {
	float: left;
}
.aside-panel.active {
	display: block;
}
.aside-panel .aside-panel-wrap {
	position: relative;
}
.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
	color: #000;
	background-color: #fff!important; border: 1px solid #fff!important;
}
.aside-panel .main-menu li {
	display: block;
}
.article {
	position: relative;
}
.menu .item {
	text-align: center;
	padding: 5px;
	cursor: pointer;
}
.menu .item:hover {
	background-color: #222;
}
.btn-cart:before, .login:before, .tel:before,  .menu-toggle:before {
	background-image: url(shopping-cart.svg);
	content: '';
	float: left;
	height: 30px;
	width: 30px;
	display: block;
	line-height: 25px;
	margin-right: 20px;
	margin-left: auto;
	background-size: 30px auto;
	background-position: center center;
	background-repeat: no-repeat;
}
.menu-toggle:before { background-image: url(down-arrow.svg); 	background-size: 20px auto;}
.slick-prev:before, .slick-next:before { display: none!important; }

.slick-prev, .slick-next {
    border: none!important;
    width: 40px!important;
    height: 40px!important;
     background-size: 40px auto;
	background-position: center center;
	background-repeat: no-repeat;
}
.slick-prev:hover, .slick-next:hover {
    border: none!important;
    background-color: transparent!important;
}
.slick-prev {
     left: -40px!important; 
	 background-image: url(left-arrow.svg)!important;
}

 .slick-next {
      right: -40px!important;
	  background-image: url(right-arrow.svg)!important;
}
.menu-toggle { padding-right: 60px;}
.login:before {
	background-image: url(user.svg);
}
.tel:before {
	background-image: url(phone.svg);
}
.login .item:after, .abonements:after {
	display: block;
	content: '';
	clear: both;
}
.desc-container {
	font-size: 1.2em;
	margin-bottom: 40px;
}
.btn-help {
	display: block;
	cursor: pointer;
}
.order-this {
	background-color: #f1f1f1;
}
.login span {
	display: inline-block;
	max-width: 150px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.login a {
	display: block;
	padding: 10px;
	text-decoration: none;
}
.login:hover .user-menu {
	display: block;
}
.cart, .tel, .login, .menu-toggle  {
	float: left;
	color: #fff;
	padding-top: 18px;
	height: 65px;
	padding-left: 15px;
	padding-right: 15px;
	position: relative;
	border-left: 1px solid #353535;
}
 .menu-toggle { white-space: nowrap; width: auto; }
 .menu-toggle:before { float: right; margin-right: -30px; margin-left: 10px; }
.cart, .login, .menu-toggle {
	cursor: pointer;
}
.cart span, .login span, .menu-toggle span {
	padding-top: 3px;
}
.cart:hover, .login:hover {
	background-color: #222!important;
}
.cart .cart-title, .menu-toggle span {
	display: inline-block;
}
.sub-menu a:hover, .sub-menu a:focus {
	background-color: #00bbe9!important;
	border: 1px solid #00bbe9!important;
}

.fc-event .fc-content {
	position: absolute;
	top: 50%;
	z-index: 2;
	width: 100%;
	-ms-transform: translate(0, -50%); /* IE 9 */
	-webkit-transform: translate(0, -50%); /* Safari */
	transform: translate(0, -50%);
}
.no-orders {
	padding: 50px;
	font-size: 2em;
	text-align: center;
}
.abonements {
	padding-top: 50px;
	padding-bottom: 50px;
 
	text-align: center;
	background-color: #f2f2f2;
}
.abonements .desc-container { max-width: 700px; margin-left: auto; margin-right: auto; color: #777; }
.abonements .abonement {
	min-height: 200px;
	overflow: hidden;
	float: left;
	width: 33.33%;
	text-align: center;
	padding: 10px;
	box-sizing: border-box;
}
.abonements .abonement .abonement-wrap {
	background-color: #fff;
	padding-bottom: 30px;
}
  h1 { margin-bottom: 60px;}
.abonements .abonement .thmb {
	background-color: #D6D5D6;
	height: 200px;
	width: 100%;
}
.abonements .abonement .title {
	padding-top: 20px;
	height: 85px;
	margin-right: 20px;
	margin-left: 20px;
}
.abonements .abonement:before {
	display: block;
	background-color: #fff;
	width: 100%;
	height: 200px;
	margin-bottom: 20px;
}
.abonements button {
}
.services {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
.services .qty {
	color: #777;
}

@media (min-width: 920px) {
.main-menu-noslider > div {
	position: relative;
	float: none;
	display: inline-block;
	vertical-align: top;
	padding-left: 10px;
	padding-right: 10px;
}
}

@media (max-width: 1000px) {
.login span, .cart-title {
	display: none!important;
}
.tel { padding-right: 0px; }
.btn-cart:before, .login:before  {  margin-right: 0px; }
.abonements .abonement, .desc-container {
	width: 50%;
	margin-left: auto;
	margin-right: auto;
}
.sub-menu li {
	width: 50%;
}
}

@media (max-width: 768px) {
	
	.sub-menu li:first-of-type a { border-radius:   20px 20px 0  0  !important; }
 .sub-menu li:last-of-type a { border-radius:  0 0 20px   20px   !important; }
.main-menu a:before {
	float: none;
	margin-left: auto;
}
.menu-toggle.active {
	background-image: url(close.png);
}
.menu-toggle {
	display: block;
}
.aside-panel {
	 
}
.aside-panel.active {
	left: 0px;
}
.article {
	margin-left: 0px;
}
.cart .cart-title, .login span {
	display: none;
} .tel span { display: none; }


.header .container-fluid { padding-right: 0px;}
}

@media (max-width: 600px) {
		
.header .container-fluid { padding-left: 0px;}
	.logo span { display: none; }
.abonements .abonement, .desc-container {
	width: 100%;
	float: none;
}
.sub-menu li {
	width: 100%;
}
}

@media (max-height: 650px) { 


.title-container h1 {
	font-size: 2em;
}
.logo {
	margin-bottom: 0px;
}
.main-menu {
	margin-bottom: 10px!important;
}
.aside-panel {
	overflow: scroll;
}
}