html {
	font-family: sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	background-color: #87aad2;
	background-image: url(../images/bg.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	color: #111010;
	font-family: sans-serif;
	font-family: Calibri, Arial;
}

body {
	margin: 0;
}

body {
	margin: 0;
}

*, *::after, *::before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

b {
	font-weight: bold;
}

h1 {
	font-family: Calibri, Arial;
	font-size: 23pt;
	color: white;
	font-weight: bold;
	padding: 20px 0;
}

h2 {
	font-family: Calibri, Arial;
	font-size: 23pt;
	color: #1e88b4;
	font-weight: bold;
}

h3 {
	font-family: Calibri, Arial;
	font-size: 18pt;
	color: #1e88b4;
	font-weight: normal;
}
h4 {
	font-family: Calibri, Arial;
	font-size: 23pt;
	color: #1e88b4;
	font-weight: bold;
	padding: 20px 0;
}


.btn {
	padding: 10px 60px;
	border-radius: 8px;
	cursor: pointer;
	color: white;
	font-family: Calibri,Arial;
	font-size: 18pt;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#4477b7+0,6d9bd3+20,6d9bd3+80,4477b7+100 */
	background: #4477b7; /* Old browsers */
	background: -moz-linear-gradient(left, #4477b7 0%, #6d9bd3 20%, #6d9bd3 80%, #4477b7 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #4477b7 0%,#6d9bd3 20%,#6d9bd3 80%,#4477b7 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #4477b7 0%,#6d9bd3 20%,#6d9bd3 80%,#4477b7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4477b7', endColorstr='#4477b7',GradientType=1 ); /* IE6-9 */
}
.btn:hover {
	background: #4477b7; /* Old browsers */
	background: -moz-linear-gradient(left, #4477b7 0%, #4477b7 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #4477b7 0%,#4477b7 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #4477b7 0%, #4477b7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4477b7', endColorstr='#4477b7',GradientType=1 ); /* IE6-9 */
}
.footer-fixed {
	position: fixed;
	bottom: 0;
}
.linkintext a {
	color: #4377b7 !important;
}
.linkintext a:hover {
	text-decoration: none;
}


.logo {
	position: absolute;
	z-index: 5;
	top: 1px;
}

.container {
	font-family: Calibri, Arial;
	color: #111010;
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto;
	width: 1024px;
	text-align: center;
}

.container-bottom {
	font-family: Calibri, Arial;
	color: #111010;
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto;
	width: 1024px;
	text-align: center;
}

.container-slider {
	margin-right: auto;
	margin-left: auto;
	width: 1024px;
	text-align: center;
	height: 375px;
	margin-top: 54px;
}

.background-white {
	background-color: white;
}

.clearfix:before,
.clearfix:after {
	content: "";
	display: table;
}

.clearfix:after {
	clear: both;
}

.clearfix {
	zoom: 1; /* ie 6/7 */
}

.header-contact {
	position: absolute;
	z-index: 4;
	text-align: center;
	top: 56px;
	background-image: url(../images/address.png);
	background-repeat: no-repeat;
	width: 766px;
	height: 98px;
}

.contact-container {
	font-family: Calibri, Arial;
	font-size: 11pt;
	padding: 29px 85px 0 78px;
	color: white;
	line-height: 1;
}

	.contact-container a {
		font-family: Calibri, Arial;
		color: white;
		line-height: 1.1;
		text-decoration: none;
	}

.map-icon {
	margin-top: 8px;
}

div#rotator {
	position: relative;
	width: 100%;
	height: 100%;
	overflow-x: hidden;
	overflow-y: hidden;
	z-index: 1;
	padding-left: 0px;
}

	div#rotator ul {
		background-image: none;
	}

		div#rotator ul li {
			float: left;
			position: absolute;
			list-style: none;
			list-style-type: none;
			list-style-image: none;
			background: none;
		}

			div#rotator ul li.show {
				z-index: 500;
			}

.contact-container img {
	margin-right: 8px;
}
@media (min-width: 940px) {
	.mosttopmenu {
	left: calc((100% - 940px) / 2);
	}
}
@media (min-width:641px) {
	.nav-right {
		float: right;
	}
}
@media (max-width:1024px) {
	.corner-right {
		display: none;
	}

	.corner-left {
		display: none;
	}
}

@media (max-width:767px) {
	.header-contact {
		display: none;
	}
}
@media (width:768px) {
	.header-contact {
		left: 85px;
	}
	.mosttopmenu{
		padding-left: 30px;
	}
}
@media (min-width:769px) and (max-width:900px) {
			.header-contact {
		left: 85px;
	}

}

/*-------стили длЯ лого-------*/
@media (min-width:320px) and (max-width:640px) {
	.mosttopmenu{
		padding-left: 200px;
	}

	.nav-right {
		float: left;
	}

	.logo {
		left: 8px;
		top: 6px;
	}

		.logo img {
			width: 80%;
		}
}


@media (min-width:641px) and (max-width:900px) {

	.logo {
		left: 360px;
	}
}


@media (min-width:901px) and (max-width:939px) {
	.header-contact {
		left: 13%;
	}

	.logo {
		left: calc((100% - 233px) / 2);
	}

		.logo img {
			width: 100%;
			height: 100%;
		}
}
@media (max-width:639px) {
	.mosttopmenu a {
		padding: 35px 5px;
	}
}
@media (min-width:640px) and (max-width:939px) {
	.mosttopmenu a {
		padding: 15px 8px;
	}
}

@media (min-width: 940px) {
	.logo {
		left: calc((100% - 233px) / 2);
	}
	.header-contact {
		left: calc((100% - 766px) / 2);
	}
	.mosttopmenu a {
		padding: 15px;
	}
}


@media (max-width:1023px) {
	.navbar-bottom {
		background-color: #8daec9;
	}
}

@media (min-width:1024px) {
	.navbar-bottom {
		background-color: #2c5b97;
	}
}

.tagline {
	text-shadow: 0 0 10px #000;
	color: #fff;
}

.img-center {
	margin: 0 auto;
}

footer {
	margin: 50px 0;
}

img {
	max-width: 100%;
}

.float-left {
	float: left;
}

.float-right {
	float: right;
}

.empty-li {
	width: 10%;
}

.menu-footer {
	padding-top: 18px;
}

	.menu-footer ul li {
		display: inline;
		font-family: Calibri, Arial;
		font-size: 11pt;
		color: white;
	}

	.menu-footer a {
		font-family: Calibri, Arial;
		font-size: 11pt;
		color: white;
		padding: 5px 15px;
		text-decoration: none;
	}

.copyright {
	font-family: Calibri, Arial;
	text-align: right;
	padding-top: 18px;
	color: white;
}

.slider {
	width: 100%;

	height: 431px;
	position: absolute;
	top: 63px;
	z-index: 1;
	border-top: 1px solid white;
	border-bottom: 1px solid #6e96bf;
	box-shadow: 0 0 22px rgba(0, 0, 0, 0.3);
	
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#a8c4e1+0,b6cde6+27,b6cde6+27,cdddee+49,b6cde6+69,8cb0d7+90,80a6ce+100 */
background: #adc8e3; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2E4YzRlMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjI3JSIgc3RvcC1jb2xvcj0iI2I2Y2RlNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjI3JSIgc3RvcC1jb2xvcj0iI2I2Y2RlNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ5JSIgc3RvcC1jb2xvcj0iI2NkZGRlZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjY5JSIgc3RvcC1jb2xvcj0iI2I2Y2RlNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjkwJSIgc3RvcC1jb2xvcj0iIzhjYjBkNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM4MGE2Y2UiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #a8c4e1 0%, #b6cde6 27%, #b6cde6 27%, #cdddee 49%, #b6cde6 69%, #8cb0d7 90%, #80a6ce 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #a8c4e1 0%,#b6cde6 27%,#b6cde6 27%,#cdddee 49%,#b6cde6 69%,#8cb0d7 90%,#80a6ce 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #a8c4e1 0%,#b6cde6 27%,#b6cde6 27%,#cdddee 49%,#b6cde6 69%,#8cb0d7 90%,#80a6ce 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#adc8e3', endColorstr='#adc8e3',GradientType=0 ); /* IE6-8 */


}

.empty-box {
	height: 375px;
	width: 100%;
}
.empty-box2 {
	height: 130px;
	width: 100%;
}




.col-2 {
	font-family: Calibri, Arial;
	width: 50%;
	padding: 30px 15px;
	float: left;
	text-align: left;
	font-size: 13pt;
	line-height: 1.4;
}

.col-7 {
	font-family: Calibri, Arial;
	width: 14.2857%;
	float: left;
}

.col-3 {
	font-family: Calibri, Arial;
	width: 33.33%;
	padding: 10px;
	float: left;
	text-align: left;
	font-size: 13pt;
	line-height: 1.2;
}

.sport-for {
	background-image: url(../images/headers-for.png);
	background-repeat: no-repeat;
	background-position: center top;
	padding-top: 30px;
}

.sport-for-title {
	font-family: Calibri,Arial;
	font-size: 18pt;
	color: white;
	font-weight: bold;
	text-align: center;
	margin-bottom: 30px;
}

.navbar-bottom {
	color: white;
	height: 60px;
	font-family: Calibri;
	width: 100%;
}

.design {
	opacity: 0.2;
}

	.design a {
		font-family: Calibri, Arial;
		text-decoration: none;
		color: white;
		margin-left: 5px;
	}

/*------------Спортивные направления-------------*/
.football {
	background-image: url(../images/sport.png);
	width: 129px;
	height: 182px;
	background-position: 0 0;
}

	.football:hover {
		background-image: url(../images/sport.png);
		width: 129px;
		height: 182px;
		background-position: -128px 0;
	}

.hockey {
	background-image: url(../images/sport.png);
	width: 129px;
	height: 182px;
	background-position: -256px 0;
}

	.hockey:hover {
		background-image: url(../images/sport.png);
		width: 129px;
		height: 182px;
		background-position: -384px 0;
	}

.basketball {
	background-image: url(../images/sport.png);
	width: 129px;
	height: 182px;
	background-position: 514px 0;
}

	.basketball:hover {
		background-image: url(../images/sport.png);
		width: 129px;
		height: 182px;
		background-position: 386px 0;
	}

.tennis {
	background-image: url(../images/sport.png);
	width: 129px;
	height: 182px;
	background-position: 258px 0;
}

	.tennis:hover {
		background-image: url(../images/sport.png);
		width: 129px;
		height: 182px;
		background-position: 129px 0;
	}

.combat {
	background-image: url(../images/sport.png);
	width: 129px;
	height: 182px;
	background-position: 0 182px;
}

	.combat:hover {
		background-image: url(../images/sport.png);
		width: 129px;
		height: 182px;
		background-position: -128px 182px;
	}

.boxing {
	background-image: url(../images/sport.png);
	width: 129px;
	height: 182px;
	background-position: -256px 182px;
}

	.boxing:hover {
		background-image: url(../images/sport.png);
		width: 129px;
		height: 182px;
		background-position: -384px 182px;
	}

.dancing {
	background-image: url(../images/sport.png);
	width: 129px;
	height: 182px;
	background-position: 514px 183px;
}

	.dancing:hover {
		background-image: url(../images/sport.png);
		width: 129px;
		height: 182px;
		background-position: 386px 183px;
	}

.sport-name {
	text-transform: uppercase;
	color: #384d0b;
	font-size: 13pt;
	padding-top: 185px;
}

#sport {
	margin-bottom: 60px;
}
/*------------Спортивные направления закончились-------------*/
/*Main menu START*/

.nav-left {
	float: left;
	padding-top: 18px;
}

.nav-right {
	padding-top: 18px;
}

	.nav-left div, {
		float: left;
	}

.menu {
	background-image: url(../images/menu.jpg);
	background-repeat: repeat-x;
	height: 109px;
	border-left: 1px solid white;
	border-right: 1px solid white;
	margin-top: 10px;
	position: relative;
	z-index: 3;
	width: 1024px;
	margin: 0 auto;
}

.menu-container {
	margin-right: auto;
	margin-left: auto;
	margin-top: 9px;
	width: 1024px;
	text-align: center;
	position: relative;
	z-index: 2;
}

.corner-left {
	background-image: url(../images/corner.png);
	background-repeat: no-repeat;
	width: 33px;
	height: 84px;
	margin-top: 23px;
	margin-left: -33px;
}

.corner-right {
	background-image: url(../images/corner2.png);
	background-repeat: no-repeat;
	width: 33px;
	height: 84px;
	margin-top: 23px;
	margin-right: -33px;
}

/*Main menu END*/




/*стили подменю*/


.mosttopmenu {
	position: absolute;
	z-index: 1000;
	margin-right: auto;
	margin-left: auto;
	width: 940px;
	}

	.mosttopmenu ul,
	.mosttopmenu li,
	.mosttopmenu span {
		margin: 0;
		padding: 0;
		position: relative;
	}

		.mosttopmenu:after,
		.mosttopmenu ul:after {
			content: '';
			display: block;
			clear: both;
		}

	.mosttopmenu a {
		font-family: Calibri, Arial;
		color: #111010;
		line-height: 20px;
		text-decoration: none;
		font-size: 14pt;
		display: inline-block;
		text-align: center;
	}

		.mosttopmenu a:hover {
			background-color: #f7f8fa;
		}

	.mosttopmenu ul {
		list-style: none;
	}

	.mosttopmenu > ul > li {
		float: left;
	}

		.mosttopmenu > ul > li a {
			filter: none;
		}

			.mosttopmenu > ul > li a:hover {
				background-color: #f1f5f8;
			}

	.mosttopmenu .has-sub:hover ul {
		display: block;
	}

	.mosttopmenu .has-sub ul {
		background-color: #d0d6e4;
		display: none;
		position: absolute;
		top: 47px;
		left: -1px;
		min-width: 100%;
		text-align: center;
		/* IE7 */
	}

			.mosttopmenu .has-sub ul li a {
				border-top: 0 none;
				display: block;
				line-height: 120%;
				padding: 9px 15px;
				text-align: left;
			}

/*стили подменю*/
.accommodation-list {
	list-style-type: circle;
	margin-left: 15px;
}


/*---------------------------------------------*/



.calendar {
	margin: 0 19%;
}

.calendar-class {
	background-color: #f5fbfe;
}
.calendar table {
	border-style: solid;
	border-color: #8b8b9b;
	border-collapse: separate !important;
}
	.calendar table td {
		width: 40px !important;
		align-content: center;
		text-align: center;
		font-family: Verdana;
		font-size: 8pt;
		color: white;
		font-weight: lighter;
		padding: 9px 0;
	}

.calendar .days-week {
	background-color: #d5d6d0;
	border-bottom: 1px solid #8b8b9b;
	color: #282315;
	font-family: verdana;
	font-size: 9px;
	font-weight: bold;
	height: 20px;
	text-transform: uppercase;
	vertical-align: middle;
}

.calendar .calendar-day {
	background-color: #;
}

.calendar-select {
	background-color: #2d72c8;

}
.calendar-select span{
	color:white !important;
}

.calendar .next-month {
	color: #C0C0C0;
	background-color: #cfdee5;
	border: 0px;
}

.calendar td span {
	color:black;
}