@yellow: #fede3d;
@green: #32d500;
@dgreen: #30b362;
@red: #da1f2b;
@dred: #cc1723;
@ddred: #ae0814;
@brown: #692f00;
@lbrown: #934200;
@pourpre: #7c328e;
@dpourpre: #461252;

@font: 'Open Sans', sans-serif;
@fontSec: 'Roboto', sans-serif;
@fontTitle: 'centschbkcyrill_btitalic', sans-serif;

@widthLarge: 1170px;
@paddingLarge: 0px;

@breakpointMid: 1200px;
@widthMid: 780px;
@paddingMid: 0px;

@breakpointSmall: 800px;
@widthSmall: 290px;
@paddingSmall: 15px;

@font-face {
    font-family: 'centschbkcyrill_btitalic';
    src: url('../fonts/centschbkcyrill_bt.eot');
    src: url('../fonts/centschbkcyrill_bt.eot?#iefix') format('embedded-opentype'),
         url('../fonts/centschbkcyrill_bt.woff2') format('woff2'),
         url('../fonts/centschbkcyrill_bt.woff') format('woff'),
         url('../fonts/centschbkcyrill_bt.ttf') format('truetype'),
         url('../fonts/centschbkcyrill_bt.svg#centschbkcyrill_btitalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* v2.0 | 20110126
  http://meyerweb.com/eric/tools/css/reset/
  License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* ----------- */

html, body{
  height: 100%;
}

body {
	font: 16px/1.5 @font;
	background: #fff;
	color: #333333;
}
a {
	color: inherit;
}
.nowrap {
	white-space: nowrap;
}
.container {
	position: relative;
	// box-sizing: border-box;
	margin: 0 auto;
	max-width: @widthLarge;
	padding: 0 @paddingLarge;

	@media screen and (max-width: @breakpointMid) {
		max-width: @widthMid;
		padding: 0 @paddingMid;
	}

	@media screen and (max-width: @breakpointSmall) {
		min-width: @widthSmall;
		padding: 0 @paddingSmall;
	}
}
.clr {
	clear: both;
	content: '';
	display: block;
	width: 100%;
	min-height: 1px;
	&:after {
		content: '';
	}
}
.trn {
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
}
.icn {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.btn {
	.trn;
	display: inline-block;
	outline: none;
	box-sizing: border-box;
	font: 700 18px/30px @fontSec;
	padding: 20px 25px;
	max-width: 100%;
	min-width: 320px;
	color: #fff;
	background: @red;
	border-radius: 35px;
	-webkit-box-shadow: none;
	box-shadow: none;

	text-transform: uppercase;
	text-decoration: none;
	text-align: center;
	cursor: pointer;
	&:focus, &:hover {
		outline: none;
	}
	&:hover {
		background: @yellow;
		color: #000;
	}
	&:active {
	}
	&.btn-invert {
		background: @yellow;
		color: #000;
		&:hover {
			background: @red;
			color: #fff;
		}
	}
	&.btn-small {
		font-weight: 300;
		font-size: 16px;
		line-height: 20px;
		padding: 15px 30px;
		min-width: 100px;
		text-transform: none;
	}
	@media screen and (max-width: @breakpointSmall) {
		min-width: 280px;
	}
}
.btn-more, .btn-back, a.btn-more, a.btn-back {
	.trn;
	background: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	text-decoration: none !important;
	text-align: center;
	cursor: pointer;

	display: inline-block;
	border: 1px solid @red;
	padding: 8px 10px;
	white-space: nowrap;
	font: italic 300 16px/17px @font;
	color: @red;
	border-radius: 19px;
	min-width: 118px;
	&:hover {
		background: @red;
		color: #fff;
	}
	&.invert {
		border-color: #fff;
		color: #fff;
		&:hover {
			background-color: #fff;
			color: @red;
		}
	}
}
.btn-back {
	&:before {
		.icn;
		content: "\f104";
		margin-right: 8px;
	}
}
.request-btn {
	.trn;
	display: inline-block;
	vertical-align: top;
	background: @yellow;
	text-decoration: none !important;
	color: #000;
	font: 300 16px/30px @font;
	padding: 4px 33px;
	box-sizing: border-box;
	max-width: 100%;
	border: 1px solid transparent;
	border-radius: 20px;
	text-align: center;
	&:before {
		.icn;
		content: "\f040";
		font-size: 24px;
		line-height: 30px;
		margin-right: 10px;
		margin-left: -10px;
	}
	&:hover {
		background: @red;
		color: #fff;
	}
	&.invert {
		background: none;
		border-color: #fff;
		color: #fff;
		&:before {
			font-size: 16px;
			margin-right: 17px;
		}
		&:hover {
			background: #fff;
			color: #000;
			border-color: transparent;
		}
	}
}
.main-wrapper {
	min-height: 100%;
}
.main-container {
	padding-top: 185px;
	padding-bottom: 265px;
	.mainPage & {
		padding-bottom: 700px;
		@media screen and (max-width: @breakpointMid) {
			padding-bottom: 500px;
		}
	}
	@media screen and (max-width: @breakpointMid) {
		padding-top: 100px;
	}
	@media screen and (max-width: @breakpointSmall) {
		padding-top: 60px;
	}
}
.content{
	h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
		margin-bottom: 1em;
		line-height: normal;
		color: #000;
		font-family: @fontSec;
		font-weight: 300;
	}
	h6, .h6 { font-size: 16px; }
	h5, .h5 { font-size: 18px; }
	h4, .h4 { font-size: 20px; }
	h3, .h3 { font-size: 24px; }
	h2, .h2 { font-size: 30px; }
	h1, .h1 { font-size: 36px; }

	// @media screen and (max-width: @breakpointSmall) {
	// 	h6, .h6 {font-size: 16px}
	// 	h5, .h5 {font-size: 18px}
	// 	h4, .h4 {font-size: 20px}
	// 	h3, .h3 {font-size: 22px}
	// 	h2, .h2 {font-size: 24px}
	// 	h1, .h1 {font-size: 26px}
	// }

	p {
		margin-bottom: 1.2em;
	}
	strong, .strong {
		font-weight: bold;
	}
	ul, ol {
		margin-bottom: 2em;
		margin-top: 2em;
	}
	li {
		margin-bottom: .8em;
	}
	ul li {
		padding-left: 1.5em;
		position: relative;
		&:before{
			.icn;
			content: "\f00c";
			color: @red;
			position: absolute;
			left: 1px;
			top: .3em;
		}
	}
	ol {
		list-style: inside decimal;
	}
	a {
		text-decoration: underline;
		color: @red;
		&:hover{
			text-decoration: none;
		}
	}
	img {
		max-width: 100%;
	}
	form {
		text-align: right;
		input, textarea {
			.trn;
		    display: block;
		    width: 100%;
		    box-sizing: border-box;
		    border: 1px solid transparent;
		    border-radius: 0;
		    height: 50px;
		    padding: 15px 25px;
		    margin-bottom: 21px;
		    text-align: left;

			background: 0;
		    -webkit-box-shadow: none;
		    box-shadow: none;
		    outline: none;

		    font: 300 italic 16px/20px @font;
		    color: #000;
		    background: #eeeeee;

			&::-webkit-input-placeholder {color: #555555;opacity: 1;}
			&::-moz-placeholder          {color: #555555;opacity: 1;}
			&:-ms-input-placeholder      {color: #555555;opacity: 1;}

			&:focus {
				&::-webkit-input-placeholder {opacity: 0}
				&::-moz-placeholder          {opacity: 0}
				&:-ms-input-placeholder      {opacity: 0}
				outline: none;
				border-color: @red;
			}
		}
		textarea {
			height: 200px;
			max-width: 100%;
		}
		button {
			.btn;
		}
		// .capture {
		// 	input {
		// 		width: 100px;
		// 		display: inline-block;
		// 		margin-right: 5px;
		// 		vertical-align: middle;
		// 		margin-bottom: 0;
		// 	}
		// 	img {
		// 		display: inline-block;
		// 		width: 80px;
		// 		vertical-align: middle;
		// 	}
		// }
	}
	table {
		border-collapse: collapse;
		margin: 10px 0 20px;
		border-color: @red;
		font-size: 14px;
		margin: 2em 0;
		width: 100% !important;
		th {
			font-weight: bold;
			text-transform: uppercase;
			text-transform: none;
		}
		tr:hover {
			td {
				background: fade(@red,10%);
			}
		}
		td {}
		th {
			font-weight: 400;
			text-align: center;
			background: @red;
			color: #fff;
		}
		th, td {
			padding: 15px 25px;
			border: 1px solid #bbb;
		}
		&.table_site {
			td {
				border: 0;
				border-bottom: 1px solid @red;
			}
		}
		// @media screen and (max-width: @breakpointSmall) {
		// 	th, td {
		// 		padding: 5px 10px;
		// 	}
		// }
	}
/* Custom table */
.content .timetable {
    width: 100%;
}
.content .timetable tr:first-child td {
    width: 14.284%;
}
.content .timetable p {
    margin: 0px;
    text-align: center;
}
.content .timetable p strong {
    font-weight: 600;
}
.content .timetable td {
    border: 1px solid #e2e0e0;
    padding: 1em;
}
.content .timetable .timetable-title {
    background-color: #fbbc00;
}
.content .timetable .timetable-title p {
    font-weight: 700;
}
.content .timetable .timetable-date td {
    border-top: 2px solid #c1c1c1;
    border-bottom: 2px solid #c1c1c1;
}
.content .timetable .timetable-date p {
    font-weight: 700;
    text-decoration: underline;
}
/* End custom table */
}
#overlay {
	display: block;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 90;
}
.main-nav-wrapper {
	.trn;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 200;
	width: 500px;
	height: 100%;
	overflow: auto;
	background: @yellow;
	background: fade(@yellow, 95);
	margin-left: -500px;
	&.open {
		margin-left: 0;
	}
	.nav-logo {
		display: block;
		padding: 30px 75px 30px 55px;
		margin-bottom: 30px;
		margin-right: 150px;
		img {
			display: block;
		}
	}
	.close-nav {
		width: 60px;
		height: 60px;
		font-size: 30px;
		line-height: 60px;
		text-align: center;
		cursor: pointer;
		text-decoration: none;
		color: #000000;
		box-sizing: border-box;
		border-radius: 50%;
		border: 1px solid rgba(0,0,0,.3);
		position: absolute;
		right: 36px;
		top: 33px;
	}
	.phones {
		display: none;
	}
	.toggle-map {
		font: 300 16px/24px @font;
		display: inline-block;
		vertical-align: middle;
		text-decoration: none;
		display: none;
		vertical-align: middle;
		margin-left: 50px;
		margin-right: 70px;
		margin-bottom: 20px;
		&:before {
			.icn;
			content: "\f041";
			font-size: 30px;
			color: #000;
			margin-right: 10px;
			vertical-align: top;

		}
		span {
			display: inline-block;
			border-bottom: 1px solid #000;
		}
	}
	.request-btn {
		background: none;
		border: 1px solid #000;
		color: #000;
		display: none;
		vertical-align: middle;
		margin-bottom: 20px;
	}
	.main-nav {
		> ul {
			border-top: 1px solid rgba(0,0,0,.3);
			> li {
				> a, > span {
					display: block;
					text-decoration: none;
					font: 300 18px/22px @font;
					color: #040708;
					padding: 18px 55px;
					border-bottom: 1px solid rgba(0,0,0,.3);
					&:hover, &.current {
						color: #fff;
						background: @red;
					}
				}
				ul {
					li {
						a, span {
							display: block;
							text-decoration: none;
							font: 300 18px/22px @font;
							color: #040708;
							padding: 18px 55px;
							border-bottom: 1px solid rgba(0,0,0,.3);
							padding-left: 90px;
							&:hover, &.current {
								color: #fff;
								background: @red;
							}
						}
					}
				}
			}
		}
	}
	@media screen and (max-width: @breakpointMid) {
		.toggle-map {
			display: inline-block;
		}
		.request-btn {
			display: inline-block;
		}
	}
	@media screen and (max-width: @breakpointSmall) {
		width: 100%;
		max-width: 500px;
		.nav-logo {
			padding: 20px 75px 20px 15px;
			margin-right: 80px;
			margin-bottom: 30px;
		}
		.close-nav {
			right: 15px;
			top: 25px;
		}
		.toggle-map {
			display: block;
			margin-left: 15px;
			margin-right: 0;
		}
		.phones {
			display: block;
			padding-left: 15px;
			margin-bottom: 15px;
			a {
				display: block;
				text-decoration: none;
			}
		}
		.request-btn {
			margin-left: 15px;
		}
		.main-nav > ul > li > a,
		.main-nav > ul > li > span {
			padding-left: 15px;
			padding-right: 15px;
		}
	}
}
.main-header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	background: #fff;
	color: #2b303b;
	min-height: 185px;
	z-index: 100;
	&:after {
		content: '';
		display: block;
		width: 310px;
		height: 40px;
		background: url(../images/section_border.png) top center no-repeat;
		position: absolute;
		bottom: -40px;
		left: 50%;
		margin-left: -155px;
		z-index: -1;
	}
	.col {
		display: inline-block;
		vertical-align: top;
		width: 50%;
		box-sizing: border-box;
		padding-right: 170px;
		+ .col {
			padding-right: 0;
			padding-left: 170px;
			text-align: right;
			margin-top: 47px;
		}
	}
	.logo {
		position: absolute;
		display: block;
		width: 320px;
		height: 150px;
		left: 50%;
		margin-left: -160px;
		top: 0px;
		padding: 27px 0 8px;
		img {
			display: block;
			max-width: 100%;
			max-height: 100%;
			margin: 0 auto;
		}
	}
	.toggle-nav {
		.trn;
		display: inline-block;
		vertical-align: middle;
		cursor: pointer;
		padding: 83px 0 77px;
		font: 300 24px/26px @font;
		margin-right: 85px;
		.icn-toggle-nav {
			display: inline-block;
			vertical-align: top;
			width: 26px;
			height: 26px;
			position: relative;
			margin-right: 6px;
			.icn-bar {
				.trn;
				position: absolute;
				width: 100%;
				height: 5px;
				background: #000;
				top: 50%;
				left: 0;
				border-radius: 1px;
				margin-top: -10px;
				+ .icn-bar {
					margin-top: -1px;
					+ .icn-bar {
						margin-top: 7px;
					}
				}
			}
		}
		&.open {
			.icn-toggle-nav {
				.icn-bar {
					-moz-transform: rotate(45deg) translateX(5px) translateY(7px);
					-webkit-transform: rotate(45deg) translateX(5px) translateY(7px);
					-o-transform: rotate(45deg) translateX(5px) translateY(7px);
					-ms-transform: rotate(45deg) translateX(5px) translateY(7px);
					transform: rotate(45deg) translateX(5px) translateY(7px);
					+ .icn-bar {
						opacity: 0;
						-moz-transform: scale(.1);
						-webkit-transform:  scale(.1);
						-o-transform:  scale(.1);
						-ms-transform:  scale(.1);
						transform:  scale(.1);
						+ .icn-bar {
							opacity: 1;
							-moz-transform: rotate(-45deg) translateX(5px) translateY(-7px);
							-webkit-transform: rotate(-45deg) translateX(5px) translateY(-7px);
							-o-transform: rotate(-45deg) translateX(5px) translateY(-7px);
							-ms-transform: rotate(-45deg) translateX(5px) translateY(-7px);
							transform: rotate(-45deg) translateX(5px) translateY(-7px);
						}
					}
				}
			}
		}
	}
	.toggle-map {
		font: 300 16px/24px @font;
		display: inline-block;
		padding: 86px 0 70px;
		vertical-align: middle;
		text-decoration: none;
		&:before {
			.icn;
			content: "\f041";
			font-size: 30px;
			color: @yellow;
			margin-right: 10px;
			vertical-align: top;

		}
		span {
			display: inline-block;
			border-bottom: 1px solid #d1d1d1;
		}
	}
	.phones {
		font-size: 24px;
		line-height: 30px;
		margin-bottom: 10px;
		margin-top: 36px;
		a {
			text-decoration: none;
		}
	}
	.cntc {
		display: inline-block;
		margin-left: 30px;
	}
	.logoToMain {
		display: inline-block;
		padding: 20px 0;
		vertical-align: middle;
	}
	@media screen and (max-width: @breakpointMid) {
		min-height: 100px;
		&:after {
			display: none;
		}
		.col {
			padding-right: 100px;
			+ .col {
				padding-left: 100px;
				margin-top: 0;
			}
		}
		.logo {
			width: 200px;
			height: 70px;
			margin-left: -100px;
			padding: 10px 0 20px;
		}
		.toggle-nav {
			padding: 37px 0 37px;
			margin-right: 30px;
		}
		.toggle-map {
			display: none;
		}
		.phones {
			font-size: 24px;
			margin-bottom: 0px;
			margin-top: 0px;
			margin-bottom: 0px;
			display: table;
			height: 100px;
			margin-left: auto;
			p {
				display: table-row;
				a {
					display: table-cell;
					vertical-align: middle;
				}
			}
		}
		.request-btn {
			display: none;
		}
	}
	@media screen and (max-width: @breakpointSmall) {
		min-height: 60px;
		.phones {
			display: none;
		}
		.col {
			display: block;
			padding: 0;
			+ .col {
				padding: 0;
			}
		}
		.toggle-nav {
			padding: 17px 0 17px;
			.toggle-nav-label {
				display: none;
			}
		}
		.logo {
			width: 140px;
			height: 50px;
			margin-left: -70px;
			padding: 5px 0 5px;
		}
	}
}
.main-footer {
	min-height: 265px;
	margin-top: -265px;
	position: relative;
	background: @ddred;
	color: #fff;
	font: 300 14px/16px @font;
	.main-footer-top {
		background: @dred;
		padding: 15px 0 15px;
		.col {
			vertical-align: top;
		}
	}
	.main-footer-bot {
		padding: 12px 0 27px;
		.col {
			vertical-align: bottom;
		}
	}
	.mainPage & {
		&:after {
			content: '';
			width: 100%;
			height: 816px;
			background: url(../images/page_after_img.png) bottom center no-repeat;
			position: absolute;
			left: 0;
			top: -775px;
			z-index: -1;
			@media screen and (max-width: @breakpointMid) {
				height: 500px;
				background-size: auto 100%;
				top: -476px;
			}
		}
	}
	.col {
		display: inline-block;
		width: 33.3333%;
		// @media screen and (max-width: @breakpointSmall) {
		// 	width: 100% !important;
		// 	text-align: center !important;
		// 	margin: 15px 0;
		// }
		+ .col {
			text-align: center;
			+ .col {
				text-align: right;
			}
		}
	}
	a {
		text-decoration: underline;
		&:hover {
			text-decoration: none;
		}
	}
	.logo {
		display: block;
		text-decoration: none;
		padding: 18px 0 9px;
		img {
			display: block;
			width: 220px;
			max-width: 100%;
		}
	}
	.phones {
		font-size: 24px;
		line-height: 30px;
		margin-bottom: 22px;
		a {
			text-decoration: none;
		}
	}
	.copy {
		font-size: 11px;
		text-transform: uppercase;
	}
	.dev {
		margin-top: 5px;
	}
	.soc {
		padding-top: 20px;
		a {
			display: inline-block;
			vertical-align: top;
			text-decoration: none;
			width: 43px;
			height: 43px;
			overflow: hidden;
			position: relative;
			text-indent: 999px;
			border-radius: 50%;
			border: 1px solid transparent;
			color: @ddred;
			background: #fff;
			font-size: 20px;
			line-height: 45px;
			margin: 0 3px;
			&:before, i {
				.icn;
				position: absolute;
				left: 0;
				top: 0;
				width: 100%;
				height: 100%;
				text-indent: 0;
				line-height: 45px;
			}
			&.fb:before {
				content: "\f09a";
			}
			&.vk:before {
				content: "\f189";
			}
			&.ok:before {
				content: "\f263";
			}
			&.in:before {
				content: "\f16d";
			}
			&.yt:before {
				content: "\f167";
			}
			&:hover {
				color: #fff;
				background: none;
				border-color: #fff;
			}
		}
	}
	@media screen and (max-width: @breakpointSmall) {
		.col {
			display: block;
			width: 100%;
			text-align: center;
			+ .col {
				text-align: center;
				margin-bottom: 15px;
				+ .col {
					text-align: center;
				}
			}
		}
		.logo {
			display: none;
		}
	}
}
.page {
	padding: 30px 0 60px;
}
.section-main-slider {
	position: relative;
	z-index: 1;
	> .btns {
		position: absolute;
		left: 0;
		width: 100%;
		bottom: 100px;
		text-align: center;
		z-index: 75;

	}
	.main-slider,
	.title-slider {
		> div {
			padding: 170px 0 50px;
			min-height: 530px;
			background-size: cover;
			background-position: center top;
			background-repeat: no-repeat;
		}
		.slide-content {
			max-width: 515px;
			text-align: center;
			padding: 0 62px;
			font: 300 24px/40px @font;
			strong, .strong {
				font-weight: 500;
				text-transform: uppercase;
			}
			.text {
				min-height: 80px;
			}
			.title {
				position: relative;
				font: 75px/80px @fontTitle;
				color: #000;
				padding: 77px 18px 77px 2px;
				letter-spacing: -2px;
				margin-bottom: 47px;
				// &:before {
				// 	content: '';
				// 	display: block;
				// 	width: 1008px;
				// 	height: 292px;
				// 	background: url(../images/slide_1_title.png) center center no-repeat;
				// 	background-size: cover;
				// 	position: absolute;
				// 	left: -273px;
				// 	top: 11px;
				// 	z-index: -1;
				// }
			}
			.link {
				.trn;
				display: inline-block;
				text-decoration: none;
				margin-top: 28px;
				background: @red;
				padding: 18px 40px;
				max-width: 100%;
				width: 280px;
				box-sizing: border-box;
				border-radius: 30px;
				font: 300 18px/24px @font;
				color: #fff;
				&:hover {
					background: @yellow;
				}
			}
		}
		.slide_4 {
			.title {
				position: relative;
				font: 75px/80px @fontTitle;
				color: #000;
				padding: 77px 18px 77px 2px;
				letter-spacing: -2px;
				margin-bottom: 47px;
				&:before {
					content: '';
					display: block;
					width: 1008px;
					height: 292px;
					background: url(../images/slide_1_title.png) center center no-repeat;
					background-size: cover;
					position: absolute;
					left: -273px;
					top: 11px;
					z-index: -1;
				}
			}
		}
		.slide_5 {
			.title {
				position: relative;
				font: 75px/80px @fontTitle;
				color: #fff;
				padding: 77px 18px 77px 2px;
				letter-spacing: -2px;
				margin-bottom: 47px;
				&:before {
					content: '';
					display: block;
					width: 639px;
					height: 484px;
					background: url(../images/slide_2_title.png) center center no-repeat;
					background-size: cover;
					position: absolute;
					left: -86px;
					top: -159px;
					z-index: -1;
				}
			}
		}
		.slide_6 {
			.title {
				position: relative;
				font: 75px/80px @fontTitle;
				color: #fff;
				padding: 77px 18px 77px 2px;
				letter-spacing: -2px;
				margin-bottom: 47px;
				&:before {
					content: '';
					display: block;
					width: 483px;
					height: 302px;
					background: url(../images/slide_3_title.png) center center no-repeat;
					background-size: cover;
					position: absolute;
					left: 17px;
					top: -69px;
					z-index: -1;
				}
			}
		}
	}
	.bx-controls {
		.container;
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		width: 100%;
		height: 100%;
		.bx-next, .bx-prev {
			display: block;
			position: absolute;
			overflow: hidden;
			text-align: left;
			text-indent: 999px;
			top: 0;
			height: 100%;
			width: 60px;
			cursor: pointer;
			text-decoration: none;
			z-index: 60;
			&:before {
				.trn;
				content: '';
				display: block;
				width: 60px;
				height: 60px;
				border-radius: 50%;
				background: rgba(255,255,255,.23);
				position: absolute;
				left: 0;
				top: 50%;
				margin-top: -45px;
			}
			&:after {
				.icn;
				content: '';
				width: 60px;
				height: 60px;
				font-size: 18px;
				line-height: 60px;
				text-align: center;
				text-indent: 0;
				color: @yellow;
				position: absolute;
				left: 0;
				top: 50%;
				margin-top: -45px;
			}
			&:hover {
				&:before {
					background: rgba(255,255,255,.6);
				}
			}
		}
		.bx-prev {
			left: 0;
			&:after {
				content: "\f053";
			}
		}
		.bx-next {
			right: 0;
			&:after {
				content: "\f054";
			}
		}
	}
	@media screen and (max-width: @breakpointMid) {
		.main-slider,
		.title-slider {
			> div {
				min-height: 400px;
				padding-top: 100px;
			}
			.slide-content {
				margin: 0 auto;
			}
		}
		.bx-controls {
			box-sizing: border-box;
		}
	}
	@media screen and (max-width: @breakpointSmall) {
		.main-slider, .title-slider {
			> div {
				padding-top: 40px;
				min-height: 500px;
			}
			.slide-content {
				padding: 0;
			}
			.title {
				margin-bottom: 0;
				font-size: 45px;
				line-height: 50px;
			}
			.slide-content .text {
				min-height: 120px;
			}
		}
		.main-slider {
			.slide_4 {
				.title {
					font-size: 45px;
					line-height: 50px;
					margin-bottom: 0;
					padding: 72px 18px 72px 2px;
					&:before {
						width: 698px;
						height: 200px;
						left: -213px;
						top: 32px;
					}
				}
			}
			.slide_5 {
				.title {
					font-size: 42px;
					line-height: 50px;
					padding: 72px 18px 72px 2px;
					margin-bottom: 0;
					&:before {
						width: 429px;
						height: 325px;
						left: -46px;
						top: -109px;
					}
				}
			}
			.slide_6 {
				.title {
					margin-bottom: 0;
					font-size: 50px;
					line-height: 60px;
					padding: 65px 18px 69px 2px;
					&:before {
						width: 263px;
						height: 162px;
						left: 7px;
						top: 1px;
					}
				}
			}
		}
	}
}
.section-title {
	padding: 11px 0;
	text-align: center;
	margin-bottom: 15px;
	.title {
		font: 300 36px/40px @fontSec;
		color: #000;
		margin-bottom: 15px;
		a {
			text-decoration: none;
			color: inherit;
		}
	}
	.all {
		font: 300 18px/20px @font;
		display: block;
		text-decoration: underline;
		color: #888888;
		margin-top: -4px;
		margin-bottom: -20px;
	}
	@media screen and (max-width: @breakpointSmall) {
		.title {
			font-size: 28px;
			line-height: 30px;
		}
	}
}
.section-about {
	position: relative;
	z-index: 5;
	background: url(../images/about_img.jpg) bottom center no-repeat;
	padding: 50px 0 454px;
	text-align: center;
	&:before {
		content: '';
		display: block;
		position: absolute;
		z-index: 5;
		top: -40px;
		left: 50%;
		margin-left: -155px;
		width: 310px;
		height: 65px;
		background: 
			url(../images/logo_small.png) bottom 1px center no-repeat,
			url(../images/section_border.png) top -40px center no-repeat;
	}
	.title {
		padding: 11px 0;
		text-align: center;
		margin-bottom: 15px;
		font: 300 36px/40px @fontSec;
		color: #000;
		margin-bottom: 15px;
		a {
			text-decoration: none;
			color: inherit;
		}
	}
	.text {
		max-width: 1030px;
		margin: 0 auto;
		font: 300 16px/30px @font;
		p {
			margin-bottom: 30px;
		}
	}
	.link {
		.trn;
		margin-top: 30px;
		display: inline-block;
		font: 300 16px/20px @font;
		color: #010101;
		text-align: center;
		text-decoration: none;
		box-sizing: border-box;
		width: 190px;
		max-width: 100%;
		padding: 15px 20px;
		border-radius: 25px;
		background: @yellow;
		&:hover {
			background: @red;
		}
	}
	@media screen and (max-width: @breakpointMid) {
		padding-bottom: 250px;
		background-size: auto 300px;
	}
}
.section-specials {
	padding: 50px 0 20px;
	position: relative;
	&:before {
		content: '';
		display: block;
		position: absolute;
		z-index: 5;
		top: -40px;
		left: 50%;
		margin-left: -155px;
		width: 310px;
		height: 65px;
		background: 
			url(../images/logo_small.png) bottom 1px center no-repeat,
			url(../images/section_border.png) top -40px center no-repeat;
	}
	.specials-slider-wrapper {
		position: relative;
		// padding: 0 70px;
		max-width: 1050px;
		margin: 0 auto;
		.slick-list {
			padding: 50px 0 !important;
		}
		.specials-slider {
			text-align: center;
			li {
				width: 350px;
				height: 260px;
				&.slick-center a{
					opacity: 1;
					-moz-transform: scale(1.286);
					-webkit-transform: scale(1.286);
					-o-transform: scale(1.286);
					-ms-transform: scale(1.286);
					transform: scale(1.286);
					@media screen and (max-width: @breakpointSmall) {
						-moz-transform: none;
						-webkit-transform: none;
						-o-transform: none;
						-ms-transform: none;
						transform: none;
					}
					z-index: 10;
					// .img {
					// 	opacity: .6;
					// 	opacity: .6;
					// }
					// .info {
					// 	opacity: 1;
					// }
				}
				a {
					.trn;
					opacity: .5;
					position: relative;
					display: block;
					text-decoration: none;
					width: 100%;
					height: 100%;
					background: @red;
					display: inline-block;
					vertical-align: top;

					border-radius: 15px;
					overflow: hidden;
					text-align: center;
					&:hover {
						.btn-more {
							background: #fff;
							color: @red;
						}
					}
				}
				.img {
					.trn;
					width: 100%;
					height: 100%;
					img, .noImg {
						display: block;
						width: 100%;
						height: 100%;
					}
					.noImg {
						background:  #ddd;
					}

				}
				.info {
					.trn;
					position: absolute;
					left: 0;
					top: 0;
					width: 100%;
					height: 100%;
					opacity: 0;
					z-index: 5;
					color: #fff;
					text-align: center;
					p {
						font: 300 italic 16px/18px @font;
						display: none;
					}
					.date {
						margin: 30px 0 28px;
						display: none;
					}
					.btns {
						position: absolute;
						bottom: 30px;
						width: 100%;
						left: 0;
					}
					.name {
						padding: 0 40px;
					}
				}
			}
			.slick-arrow {
				.trn;
				width: 300px;
				height: 100%;
				position: absolute;
				top: 0;
				background: none;
				box-shadow: none;
				-webkit-box-shadow: none;
				outline: none;
				border: none;
				padding: 0;
				margin: 0;
				text-indent: 9999px;
				overflow: hidden;
				text-align: center;
				// opacity: .5;
				z-index: 10;
				cursor: pointer;
				&:hover {
					// opacity: 1;
					&:before {
						border-color: @yellow;
						color: @yellow;
					}
				}
				&:before {
					.icn;
					.trn;
					font-size: 36px;
					line-height: 50px;
					position: absolute;
					text-align: center;
					top: 50%;
					margin-top: -25px;
					width: 50px;
					height: 50px;
					text-indent: 0px;
					border: 1px solid @red;
					color: @red;
					border-radius: 50%;
					@media screen and (max-width: @breakpointSmall) {
						background: #fff;
					}
				}
				&.slick-prev {
					left: 0;
					&:before {
						content: "\f104";
						left: 30px;
					}
				}
				&.slick-next {
					right: 0;
					&:before {
						content: "\f105";
						right: 30px;
					}
				}
			}
		}
	}
	@media screen and (max-width: @breakpointMid) {
		.specials-slider-wrapper {
			&:before, &:after {
				position: absolute;
				width: 40px;
				height: 100%;
				content: '';
				display: block;
				top: 0;
				z-index: 5;
			}
			&:before {
				left: 0;
				background: -moz-linear-gradient(left,  rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
				background: -webkit-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
				background: linear-gradient(to right,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 );
			}
			&:after {
				right: 0;
				background: -moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
				background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
				background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 );
			}
		}
	}
	@media screen and (max-width: @breakpointSmall) {
		.specials-slider-wrapper .specials-slider .slick-arrow {
			width: 60px;
		}
		.specials-slider-wrapper .specials-slider .slick-arrow.slick-next:before {
			right: 0
		}
		.specials-slider-wrapper .specials-slider .slick-arrow.slick-prev:before {
			left: 0
		}
	}
}
.section-advantages {
	padding: 15px 0 0;
	.section-title {
		padding-bottom: 24px;
		&:before {
			content: '';
			display: block;
			position: absolute;
			z-index: 5;
			bottom: -55px;
			left: 50%;
			margin-left: -155px;
			width: 310px;
			height: 65px;
			background:
				url(../images/logo_small.png) bottom 25px center no-repeat,
				url(../images/section_border.png) bottom -40px center no-repeat;
		}
	}
	.text {
		background: url(../images/advantages_img.jpg) top center no-repeat;
		background-size: cover;
		text-align: center;
		font: 300 24px/28px @font;
		letter-spacing: -.7px;
		color: #fff;
		padding: 94px 0 55px;
		.text-content {
			padding-left: 50%;
		}
		ul {
			text-align: left;
			li {
				position: relative;
				padding-left: 85px;
				margin-bottom: 50px;
				&:before {
					content: '';
					position: absolute;
					left: 30px;
					top: 5px;
					background: @yellow;
					border-radius: 50%;
					width: 20px;
					height: 20px;
				}
			}
		}
		.link {
			.trn;
			display: inline-block;
			text-decoration: none;
			margin-top: 10px;
			background: @yellow;
			padding: 23px 40px;
			max-width: 100%;
			width: 310px;
			box-sizing: border-box;
			border-radius: 35px;
			font: 600 18px/24px @font;
			color: #000;
			text-transform: uppercase;
			letter-spacing: 0;
			&:hover {
				background: @ddred;
			}
		}
	}
	@media screen and (max-width: @breakpointMid) {
		.text {
			background-position: top right;
			background-size: 200% auto;
			.text-content {
				padding-left: 0;
			}
		}
	}
	@media screen and (max-width: @breakpointSmall) {
		.text {
			background-size: auto 100%;
			font-size: 20px;
			line-height: 24px;
			ul {
				li {
					padding-left: 40px;
					margin-bottom: 30px;
					&:before {
						left: 0;
					}
				}
			}
			.link {
				width: auto;
			}
		}
	}
}
.section-news {
	padding: 50px 0;
	ul {
		margin-top: 30px;
		li {
			display: inline-block;
			vertical-align: top;
			width: 31.6%;
			margin: 0 0 30px;
			padding: 0;
			&:before {
				display: none;
			}
			+ li {
				margin-left: 2.6%;
			}
			&:nth-child(4n) {
				margin-left: 0;
			}
			@media screen and (max-width: @breakpointMid) {
				width: 48%;
				margin-left: 4%;
				&:nth-child(4n) {
					margin-left: 4%;
				}
				&:nth-child(odd) {
					margin-left: 0;
				}
			}
			@media screen and (max-width: @breakpointSmall) {
				display: block;
				width: 100%;
				max-width: 450px;
				margin-left: auto !important;
				margin-right: auto !important;
				+ li {
					+ li {
						display: block;
					}
				}
			}
			a {
				display: block;
				text-decoration: none;
				&:hover {
					.info {
						> p {
							color: #000;
							> span {
								background-color: @yellow;
								box-shadow:
									10px 0px 0px 0px @yellow,
									-10px 0px 0px 0px @yellow;
							}
						}
					}
				}
			}
			.img {
				margin-bottom: 22px;
				border-radius: 4px;
				overflow: hidden;
				img {
					display: block;
					width: 100%;
					border-radius: 4px;
				}
				.noImg {
					background: #eeee;
					padding-top: 59.45%;
					border-radius: 4px;
				}
			}
			.info {
				text-align: center;
				font: 300 16px/1.2 @font;
				color: #555555;
				p {
					text-align: left;
					margin-bottom: 5px;
					padding: 0 7px;
				}
				.date {
					color: #888888;
					font-size: 14px;
				}
			}
		}
	}
	.mainPage &, .titlePage & {
		@media screen and (max-width: @breakpointMid) {
			ul {
				li {
					+ li {
						+ li {
							display: none;
						}
					}
				}
			}
			@media screen and (max-width: @breakpointSmall) {
				ul {
					li {
						+ li {
							+ li {
								display: block;
							}
						}
					}
				}
			}
		}
	}
}
.article {
	.img {
		margin-bottom: 20px;
		img {
			display: block;
			max-width: 100%;
			margin: 0 auto;
		}
	}
	.date {
		text-align: center;
		font-size: 14px;
		line-height: 16px;
		margin-bottom: 5px;
	}
	.article-title {
		font: 300 30px/40px @font;
		text-align: center;
		margin-bottom: 25px;
	}
	.text {
		margin-bottom: 30px;
	}
}
.section-gallery {
	padding: 15px 0 0 0;
	.gallery {
		margin: 0;
		a {
			.trn;
			overflow: hidden;
			position: relative;
			text-decoration: none;
			margin-top: 30px;
			display: inline-block;
			vertical-align: top;
			width: 25%;
			margin: 0;
			// @media screen and (max-width: @breakpointMid) {
			// 	width: 48%;
			// 	+ li {
			// 		margin-left: 4%;
			// 		+ li {
			// 			display: none;
			// 		}
			// 	}
			// }
			// @media screen and (max-width: @breakpointSmall) {
			// 	display: block;
			// 	width: 100%;
			// 	max-width: 450px;
			// 	margin-left: auto;
			// 	margin-right: auto;
			// 	+ li {
			// 		margin-left: auto;
			// 		+ li {
			// 			display: block;
			// 		}
			// 	}
			// }
			
			&:before{
				content: '';
				display: block;
				width: 100%;
				height: 100%;
				position: absolute;
				left: 0;
				top: 0;
				background: fade(@red, 80);
				z-index: 2;
			}
			&:after {
				.icn;
				content: "\f067";
				color: @yellow;
				font-size: 48px;
				line-height: 50px;
				position: absolute;
				left: 0;
				top: 50%;
				margin-top: -30px;
				width: 100%;
				text-align: center;
				z-index: 3;
			}
			&:before, &:after{
				.trn;
				opacity: 0;
			}
			&:hover {
				&:before, &:after{
					opacity: 1;
				}
			}
		}
		img {
			display: block;
			width: 100%;
		}
		p {
			display: none;
		}
	}
	@media screen and (max-width: @breakpointSmall) {
		.gallery {
			a {
				width: 50%;
			}
		}
	}
}
.section-team {
	padding: 48px 0 85px;
	background: #f9f9f9;
	.section-team-items {
		margin-top: 53px;
		text-align: center;
	}
}
.section-team-item {
	display: inline-block;
	vertical-align: top;
	width: 220px;
	margin: 0 33px 15px;
	color: #000;
	text-align: center;
	a {
		display: block;
		text-decoration: none;
		color: inherit;
		color: #000 !important;
		&:hover {
			.link {
				background: @red;
				color: #fff;
			}
		}
	}
	.img {
		display: block;
		margin: 0 auto 15px;
		width: 170px;
		height: 170px;
		img {
			display: block;
			width: 100%;
			height: 100%;
			border-radius: 50%;
		}
	}
	.name {
		font: 600 18px/22px @fontSec;
	}
	.info {
		font: 300 16px/20px @fontSec;
		margin-bottom: 5px;
	}
	.link {
		.trn;
		display: inline-block;
		background: @yellow;
		padding: 5px 10px;
		font: 300 16px/20px @fontSec;
		border-radius: 15px;
		text-decoration: none;
		text-align: center;
		margin-top: 25px;
	}
}
.slider-team {
	position: relative;
	.section-team-item {
		margin-left: 0;
	}
	.bx-wrapper {
		position: relative;
		margin-top: 53px !important;
		.section-team-items {
			margin-top: 0;
		}
	}
	.bx-controls {
		.bx-next, .bx-prev {
			display: block;
			position: absolute;
			overflow: hidden;
			text-align: left;
			text-indent: 999px;
			top: 0;
			height: 100%;
			width: 30px;
			cursor: pointer;
			text-decoration: none;
			z-index: 60;
			&:after {
				.icn;
				content: '';
				width: 30px;
				height: 60px;
				font-size: 24px;
				line-height: 60px;
				text-align: center;
				text-indent: 0;
				color: #cccccc;
				position: absolute;
				left: 0;
				top: 50px;
			}
			&:hover {
				&:before {
					background: rgba(255,255,255,.6);
				}
			}
		}
		.bx-prev {
			left: -30px;
			&:after {
				content: "\f053";
			}
		}
		.bx-next {
			right: -30px;
			&:after {
				content: "\f054";
			}
		}
	}
	@media screen and (max-width: @breakpointMid) {
		.bx-controls {
			// .bx-next, .bx-prev {
			// 	width: 15px;
			// 	&:after {
			// 		width: 15px;
			// 	}
			// }
			.bx-prev {
				left: -15px;
			}
			.bx-next {
				right: -15px;
			}
		}
	}
}
.section-testimonials {
	padding: 50px 0 60px;
	position: relative;
	text-align: center;
	&:before {
		content: '';
		display: block;
		position: absolute;
		z-index: 5;
		top: -40px;
		left: 50%;
		margin-left: -155px;
		width: 310px;
		height: 65px;
		background: 
			url(../images/logo_small.png) bottom 1px center no-repeat,
			url(../images/section_border.png) top -40px center no-repeat;
	}
	.section-title {
		margin-bottom: 0px;
	}
	.testimonials-slider-wrapper {
		position: relative;
		max-width: 770px;
		padding: 0 90px;
		margin: 0 auto 64px;
		
		.testimonials-slider {
			text-align: center;
			li {
				font: 300 italic 16px/24px @font;
				color: #000;
				.img {
					width: 110px;
					height: 110px;
					margin: 0 auto 12px;
					border: 3px solid @red;
					border-radius: 50%;
					box-sizing: border-box;
					img, .noImg {
						display: block;
						width: 100%;
						height: 100%;
						border-radius: 50%;
					}
				}
				.info {
					margin-bottom: 30px;
				}
				.name {
					font: 300 18px/22px @fontSec;
					color: #000000;
				}
				.text {
					font: 300 16px/24px @font;
					color: #333333;
					p {
						margin-bottom: 20px;
					}
				}
			}
		}

		.bx-controls {
			.bx-next, .bx-prev {
				display: block;
				position: absolute;
				overflow: hidden;
				text-align: left;
				text-indent: 999px;
				top: 0;
				height: 100%;
				width: 30px;
				cursor: pointer;
				text-decoration: none;
				z-index: 60;
				&:after {
					.icn;
					content: '';
					width: 30px;
					height: 60px;
					font-size: 24px;
					line-height: 60px;
					text-align: center;
					text-indent: 0;
					color: #cccccc;
					position: absolute;
					left: 0;
					top: 168px;
				}
				&:hover {
					&:before {
						background: rgba(255,255,255,.6);
					}
				}
			}
			.bx-prev {
				left: 0;
				&:after {
					content: "\f053";
				}
			}
			.bx-next {
				right: 0;
				&:after {
					content: "\f054";
				}
			}
		}
	}
	@media screen and (max-width: @breakpointSmall) {
		.testimonials-slider-wrapper {
			margin-bottom: 30px;
			padding: 0 30px;
			.bx-controls .bx-prev {
				left: 0px;
			}
			.bx-controls .bx-next {
				right: 0px;
			}
		}
	}
}
.gallery {
	margin: 15px 0;
	text-align: left;
	margin-left: -30px;
	a {
		display: inline-block;
		vertical-align: top;
		width: 270px;
		margin-left: 30px;
		margin-bottom: 25px;
		text-decoration: none;
		text-align: center;
		color: @red;
		img {
			display: block;
			margin: 0 auto;
			max-width: 100%;
		}
		p {
			margin-top: 5px;
			font-size: 18px;
			font-weight: bold;
			text-align: center;
		}
	}
}
.videogallery {
	overflow: hidden;
	.video {
		display: inline-block;
		vertical-align: top;
		margin: 0 20px 20px 0;
		max-width: 100% !important;
		a {
			text-decoration: none;
		}
		.img {
			display: block;
			background-position: center center;
			background-size: cover;
			background-repeat: no-repeat;
			position: relative;
			max-width: 100%;
			width: 320px;
			height: 240px;
			&:before {
				.trn;
				position: absolute;
				width: 100%;
				height: 100%;
				top: 0;
				left: 0;
				content: '';
				background: rgba(0,0,0,.7);
				cursor: pointer;
			}
			&:after {
				.icn;
				.trn;
				content: "\f16a";
				position: absolute;
				font-size: 50px;
				line-height: 60px;
				height: 60px;
				width: 60px;
				text-align: center;
				cursor: pointer;
				top: 50%;
				left: 50%;
				margin-left: -30px;
				margin-top: -30px;
				color: #fff;
				z-index: 10;
				text-decoration: none;
			}
			&:hover {
				&:before {
					background: rgba(0,0,0,.5);
				}
				&:after {
					color: @red;
				}
			}
			&.playing {
				&:before, &:after {
					display: none;
				}
			}
		}
		.title {
			text-align: center;
			margin-top: 10px;
			font-weight: bold;
			color: @red;
		}
	}
}
.nav_pages{
	margin: 2em 0;
	text-align: center;

	a {
		.trn;
		text-decoration: none;
		display: inline-block;
		vertical-align: top;
		border: 1px solid #cacaca;
		border-radius: 50%;
		text-align: center;
		min-width: 35px;
		height: 35px;
		font-size: 18px;
		line-height: 35px;
		color: #cacaca;
		margin: 6px 2px;
		&:hover, &.current{
			border-color: transparent;
			color: #fff;
			background: @red;
		}
		&.current {
			cursor: default;
		}
	}

	.prev-page, .next-page{
		border-radius: 5px;
	}
	.prev-page{
		&:before{
			display: block;
			.icn;
			content: "\f100";
		}
	}
	.next-page{
		&:before{
			display: block;
			.icn;
			content: "\f101";
		}
	}
}
.news {
	.news-container {
		margin-left: -30px;
		a {
			display: inline-block;
			vertical-align: top;
			width: 270px;
			margin-left: 30px;
			margin-bottom: 25px;
			text-decoration: none;
			text-align: left;
			font-size: 14px;
			line-height: 16px;
			color: inherit;
			&:hover {
				color: @red;
			}
			.img {
				margin-bottom: 10px;
				img {
					display: block;
					margin: 0 auto;
					max-width: 100%;
				}
				.noImg {
					background: @red;
					padding-top: 75%;
				}
			}
			.text {
				.date {
					color: @red;
					margin-bottom: 5px;
					font: 14px/16px @font;
				}
				.title {
					font: 14px/16px @font;
					color: inherit;
				}
			}
		}
	}
	@media screen and (max-width: @breakpointSmall) {
		text-align: center;
	}
}
body {
	.fancybox-overlay {
		background: rgba(0,0,0,.2);
		cursor: pointer;
	}
	.fancybox-opened .fancybox-skin {
		box-shadow: none;
		-webkit-box-shadow: none;
	}
	.fancybox-skin {
		// background: @pink;
		padding: 10px;
		color: #fff;
		border-radius: 15px;
	}
	.fancybox-close {
		width: 50px;
		height: 50px;
		background: none;
		text-align: center;
		text-decoration: none;
		font-size: 36px;
		line-height: 50px;
		color: @yellow;
		top: -40px;
		right: -40px;
		background: #000;
		border-radius: 50%;
		&:before {
			.icn;
			content: "\f00d";
		}
	}
}
#map {
	width: 100%;
	height: 100%;
}
.mdl {
	width: 500px;
	max-width: 100%;
	// background: #fff;
	text-align: center;
	color: #040708;
	font: 300 18px/24px @font;
	.mdl-container {
		padding: 30px;
	}
	&.mdl-message {
		padding: 50px 30px;
		font-weight: bold;
	}
	form {
		input, textarea {
			display: inline-block;
			width: 100%;
			box-sizing: border-box;
			height: 50px;
			resize: none;
			overflow: hidden;
			box-shadow: none;
			-webkit-box-shadow: none;
			outline: none;
			border: 1px solid #b1aeae;
			background: transparent;
			color: #040708;
			font: 300 18px/24px @font;
			padding: 12px 20px;
			margin-bottom: 20px;
			&::-webkit-input-placeholder {color: #040708;opacity: 1;}
			&::-moz-placeholder          {color: #040708;opacity: 1;}
			&:-ms-input-placeholder      {color: #040708;opacity: 1;}

			&:focus {
				outline: none;
				// border-color: #fff;
				// background: @pink;
				// color: #fff;
			}
		}
		textarea {
			height: 125px;
		}
		button {
			.trn;
			display: inline-block;
			vertical-align: top;
			background: @yellow;
			text-decoration: none !important;
			color: #000;
			font: 300 16px/30px @font;
			padding: 4px 33px;
			box-sizing: border-box;
			max-width: 100%;
			border: 1px solid transparent;
			border-radius: 20px;
			text-align: center;
			&:hover {
				background: @red;
				color: #fff;
			}
		}
		.capture {
			.capture_img {
				display: inline-block;
				vertical-align: middle;
			}
			.capture_reload {
				cursor: pointer;
				vertical-align: middle;
				margin-left: 10px;
				color: #040708;
				font-size: 18px;
			}
			input {
				margin-top: 15px;
			}
		}
	}
}
.page-title {
	background: #000;
	display: table;
	width: 100%;
	height: 200px;
	position: relative;
	font: 300 36px/40px @fontSec;
	color: #fff;
	margin-top: -30px;
	margin-bottom: 30px;
	&:before {
		content: '';
		background: url(../images/title.jpg) center center no-repeat;
		background-size: cover;
		width: 100%;
		height: 100%;
		position: absolute;
		left: 0;
		top: 0;
		opacity: .2;
	}
	.page-title-container {
		display: table-cell;
		padding: 30px 0;
		vertical-align: middle;
	}
}
.services {
	margin-top: 40px;
	margin-bottom: 20px;
	ul {
		text-align: center;
		li {
			display: inline-block;
			vertical-align: top;
			width: 240px;
			margin: 0 20px 25px;
			.img {
				width: 170px;
				height: 170px;
				margin: 0 auto 15px;
				border-radius: 50%;
				background: @yellow;
				img {
					display: block;
					width: 100%;
					height: 100%;
					border-radius: 50%;
				}
			}
			.descr {
				font: 500 18px/22px @font, sans-serif;
			}

			&:before, &:after {
				display: none !important;
			}
			a {
				display: block;
				// width: 100%;
				// height: 100%;
				text-decoration: none;
			}
			.btn {
				color: #fff;
			}
		}
	}
}
.team-item-full {
	.img {
		display: block;
		max-width: 320px;
		margin: 0 auto 20px;
		img {
			display: block;
			max-width: 100%;
			margin: 0 auto;
		}
	}
	.head {
		text-align: center;
		margin-bottom: 25px;
	}
	.name {
		font: 600 24px/28px @fontSec;
		margin-bottom: 5px;
	}
	.info {
		font: 300 18px/20px @fontSec;
	}
	.gallery {
		a {
		}
	}
}
.fitPage {
	&.titlePage {
		.main-container {
			padding-bottom: 920px;
			@media screen and (max-width: @breakpointMid) {
				padding-bottom: 800px;
			}
		}
		.main-footer {
			&:after {
				content: '';
				width: 100%;
				height: 816px;
				background: url(../images/fit_page_after_img.png) bottom center no-repeat;
				position: absolute;
				left: 0;
				top: -775px;
				z-index: -1;
				@media screen and (max-width: @breakpointMid) {
					height: 520px;
					background-size: auto 100%;
					top: -476px;
				}
			}
		}
	}
	.page-title:before {background-image: url(../images/title-fit.jpg)}
	.section-about {
		background-image: url(../images/fit-about-img.jpg);
		background-size: 100% auto;
		padding-bottom: 104px;
		min-height: 500px;
	}
	.services ul li .btn {background: @dgreen;}
	.section-specials .specials-slider-wrapper .specials-slider li a {
		background: @dgreen;
	}
	.section-advantages .text {
		background-image: url(../images/fit-advantages_img.jpg);
	}
	.section-gallery .gallery a:before {background: fade(@dgreen, 80);}
	.main-footer {
		background: #0e6b31;
		.main-footer-top {background: #30b362;}
		.soc a {color: @dgreen;}
	}
	.content{
		ul li:before{color: @dgreen;}
		a {	color: @dgreen;}
		form {input, textarea {&:focus {border-color: @dgreen;}}}
		table {	
			border-color: @dgreen;
			tr:hover td {background: fade(@dgreen,10%);}
			th {background: @dgreen;}
			&.table_site td { border-color: @dgreen;}
		}
	}
	.section-team-item {
		a:hover .link {	background: @dgreen; }
	}
	.section-testimonials {
		.testimonials-slider-wrapper .testimonials-slider li .img {
			border-color: @dgreen;
		}
	}
	.gallery {
		a {
			color: @dgreen;
		}
	}
	.videogallery {
		.img:hover:after {
			color: @dgreen;
		}
		.title {
			color: @dgreen;
		}
	}
}
.spaPage {
	&.titlePage {
		.main-container {
			padding-bottom: 920px;
			@media screen and (max-width: @breakpointMid) {
				padding-bottom: 800px;
			}
		}
		.main-footer {
			&:after {
				content: '';
				width: 100%;
				height: 816px;
				background: url(../images/spa_page_after_img.png) bottom center no-repeat;
				position: absolute;
				left: 0;
				top: -775px;
				z-index: -1;
				@media screen and (max-width: @breakpointMid) {
					height: 500px;
					background-size: auto 100%;
					top: -476px;
				}
			}
		}
	}
	.page-title:before {background-image: url(../images/title-spa.jpg)}
	.section-about {
		background-image: url(../images/spa-about-img.jpg);
		background-size: 100% auto;
		padding-bottom: 104px;
		min-height: 500px;
	}
	.services {
		ul {
			li {
				.btn {
					background: @brown;
				}
			}
		}
	}
	.section-specials .specials-slider-wrapper .specials-slider li a {
		background: @brown;
	}
	.section-advantages .text {
		background-image: url(../images/spa-advantages_img.jpg);
	}
	.section-gallery .gallery a:before {
		background: fade(@brown, 80);
	}
	.main-footer {
		background: @brown;
		.main-footer-top {
			background: @lbrown;
		}
		.soc a {
			color: @brown;
		}
	}
	.content{
		ul li:before{color: @brown;}
		a {	color: @brown;}
		form {input, textarea {&:focus {border-color: @brown;}}}
		table {	
			border-color: @brown;
			tr:hover td {background: fade(@brown,10%);}
			th {background: @brown;}
			&.table_site td { border-color: @brown;}
		}
	}
	.section-team-item {
		a:hover .link {	background: @brown; }
	}
	.section-testimonials {
		.testimonials-slider-wrapper .testimonials-slider li .img {
			border-color: @brown;
		}
	}
	.gallery {
		a {
			color: @brown;
		}
	}
	.videogallery {
		.img:hover:after {
			color: @brown;
		}
		.title {
			color: @brown;
		}
	}
}
.beaPage {
	&.titlePage {
		.main-container {
			padding-bottom: 920px;
			@media screen and (max-width: @breakpointMid) {
				padding-bottom: 800px;
			}
		}
		.main-footer {
			&:after {
				content: '';
				width: 100%;
				height: 816px;
				background: url(../images/bea_page_after_img.png) bottom center no-repeat;
				position: absolute;
				left: 0;
				top: -775px;
				z-index: -1;
				@media screen and (max-width: @breakpointMid) {
					height: 500px;
					background-size: auto 100%;
					top: -476px;
				}
			}
		}
	}
	.page-title:before {background-image: url(../images/title-bea.jpg)}
	.section-about {
		background-image: url(../images/bea-about-img.jpg);
		background-size: 100% auto;
		padding-bottom: 104px;
		min-height: 500px;
	}
	.services {
		ul {
			li {
				.btn {
					background: @pourpre;
				}
			}
		}
	}
	.section-specials .specials-slider-wrapper .specials-slider li a {
		background: @pourpre;
	}
	.section-advantages .text {
		background-image: url(../images/bea-advantages_img.jpg);
	}
	.section-gallery .gallery a:before {
		background: fade(@pourpre, 80);
	}
	.main-footer {
		background: @dpourpre;
		.main-footer-top {
			background: @pourpre;
		}
	}
	.main-footer .soc a {
		color: @dpourpre;
	}
	.content{
		ul li:before{color: @dpourpre;}
		a {	color: @dpourpre;}
		form {input, textarea {&:focus {border-color: @dpourpre;}}}
		table {	
			border-color: @dpourpre;
			tr:hover td {background: fade(@dpourpre,10%);}
			th {background: @dpourpre;}
			&.table_site td { border-color: @dpourpre;}
		}
	}
	.section-team-item {
		a:hover .link {	background: @pourpre; }
	}
	.section-testimonials {
		.testimonials-slider-wrapper .testimonials-slider li .img {
			border-color: @pourpre;
		}
	}
	.gallery {
		a {
			color: @pourpre;
		}
	}
	.videogallery {
		.img:hover:after {
			color: @pourpre;
		}
		.title {
			color: @pourpre;
		}
	}
}

.pageId-51 {
	.gallery {
		a {
			width: 570px;
			max-width: 100%;
		}
	}
	@media screen and (max-width: @breakpointMid) {
		.gallery {
			margin-left: 0;
			text-align: center;
			a {
				margin-left: 0;
				margin-right: 0;
			}
		}
	}
	@media screen and (max-width: @breakpointSmall) {

	}
}

.pageId-58 {
	.page-title:before {
		background-image: url(../images/title-58.jpg);
	}
}
.pageId-59 {
	.page-title:before {
		background-image: url(../images/title-59.jpg);
	}
}
.pageId-60 {
	.page-title:before {
		background-image: url(../images/title-60.jpg);
	}
}
.pageId-61 {
	.page-title:before {
		background-image: url(../images/title-61.jpg);
	}
}
.pageId-62 {
	.page-title:before {
		background-image: url(../images/title-62.jpg);
	}
}
.pageId-71 {
	.page-title:before {
		background-image: url(../images/title-71.jpg);
	}
}
.pageId-20 {
	.page-title:before {
		background-image: url(../images/title-20.jpg);
	}
}
.pageId-7 {
	.page-title:before {
		background-image: url(../images/title-7.jpg);
	}
}

.main-video {
	.video {
		position: relative;
		.img {
			display: block;
			height: 600px;
			@media screen and (max-width: @breakpointMid) {
				height: 400px;
			}
			@media screen and (max-width: @breakpointSmall) {
				height: 300px;
			}
			width: 100%;
			background: #000 url(../images/main-video-bg.jpg) center center no-repeat;
			background-size: cover;
			position: relative;
			&:before {
				content: '';
				position: absolute;
				left: 0;
				top: 0;
				right: 0;
				bottom: 0;
				background: fade(#000,.3);
				cursor: pointer;
			}
			&:after {
				.icn;
				.trn;
				content: "\f16a";
				position: absolute;
				font-size: 50px;
				line-height: 60px;
				height: 60px;
				width: 60px;
				text-align: center;
				cursor: pointer;
				top: 50%;
				left: 50%;
				margin-left: -30px;
				margin-top: -30px;
				color: #fff;
				z-index: 10;
				text-decoration: none;
			}
			&:hover {
				&:before {
					background: rgba(0,0,0,.5);
				}
				&:after {
					color: @red;
				}
			}
			&.playing {
				&:before, &:after {
					display: none;
				}
			}
			iframe {
				display: block;
				width: 100% !important;
				height: 100% !important;
			}
		}
	}
	&.main-video--fit .video .img {background-image: url(../images/main-video-fit-bg.jpg);}
	&.main-video--spa .video .img {background-image: url(../images/main-video-spa-bg.jpg);}
	&.main-video--beu .video .img {background-image: url(../images/main-video-beu-bg.jpg);}
}


.team {
	display: flex;
	flex-wrap: wrap;
	gap: 23px;
	box-sizing: border-box;

	@media screen and (max-width: @breakpointMid) {
		gap: 15px;
		justify-content: center;
	}

	@media screen and (max-width: @breakpointSmall) {
		gap: 10px;
	}

	* {
		box-sizing: inherit;
	}

	&__item {
		flex: none;
		display: flex;
	}

	&__link {
		width: 275px;
		min-height: 410px;
		border-radius: 17px;
		background-color: #F5F5F4;
		padding: 40px 25px 25px;
		display: flex;
		align-items: center;
		text-align: center;
		flex-direction: column;
		text-transform: uppercase;
		text-decoration: none;

		@media screen and (max-width: @breakpointMid) {
			width: 240px;
			min-height: 340px;
			padding: 20px 15px 15px;
		}

		@media screen and (max-width: @breakpointSmall) {
			width: 200px;
			min-height: 300px;
			padding: 15px 5px 10px;
		}
	}


	&__picture {
		width: 180px;
		height: 180px;
		border-radius: 50%;
		margin-bottom: 24px;
	}

	&__img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		object-position: center center;
		border-radius: inherit;
		display: block;
	}

	&__name {
		font-size: 20px;
		line-height: 28px;
		letter-spacing: 2%;
		font-weight: 700;
		margin-bottom: 16px;
	}


	&__post	 {
		font-size: 14px;
		line-height: 20px;
		margin-bottom: 18px;
	}

	&__more {
		margin-top: auto;
		font-size: 14px;
		line-height: 20px;
		color: #1AB25C;

		&:hover {
			text-decoration: underline;
		}
	}
}


.team-person {
	display: grid;
	width: 100%;
	gap: 68px;
	grid-template-columns: 470px 1fr;


	@media screen and (max-width: @breakpointMid) {
		gap: 40px;
		grid-template-columns: 320px 1fr;
	}

	@media screen and (max-width: @breakpointSmall) {
		grid-template-columns: 1fr;
	}

	&__side {
		
	}

	&__back {
		display: inline-flex;
		margin-bottom: 18px;
		padding: 10px 16px;
		gap: 12px;
		border-radius: 20px;
		border: 1px solid #1AB25C;
		text-decoration: none;
		font-size: 14px;
		line-height: 20px;
		align-items: center;
		font-weight: 600;

		&:before {
			.icn;
			content: "\f104";
			font-size: 20px;
		}
	}

	&__img {
		width: 100%;
		height: auto;
	}

	&__name {
		font-size: 28px;
		line-height: 36px;	
		font-weight: 700;
		color: black;
	}

	&__content {
		h4 {
			font-weight: 600;
			font-size: 16px;
			line-height: 20px;
			margin-top: 16px;
			margin-bottom: 24px;
		}
	}

	&__education,
	&__progress {
		ul {
			margin-top: 16px;
			margin-bottom: 24px;

			li {
				padding-left: 42px;

				&::before {
					content: '';
					width: 32px;
					height: 32px;
					background-size: contain;
					border-radius: 50%;
				}
			}
		}
	}

	&__education {
		ul li {
			&::before {
				background: #1AB25C url('../images/li-sert.svg') center center no-repeat;
			}
		}
	}

	&__progress {
		ul li {
			&::before {
				background: #FF9900 url('../images/li-medal.svg') center center no-repeat;
			}
		}
	}
}