@charset "utf-8";
@import "grid-spec.css";

/*	CMS by MaxRA / v1.2515 ******/
	* {
		margin: 0;
		padding: 0;
		border: 0;
		word-wrap: break-word;
		box-sizing: border-box
	}
	html, body {
		height: 100vh;
		font-size: 150%;
		font-family: 'Cuprum';
		line-height: 120%
	}
	body {
		background: #FFF;
		color: #606060
	}

/*	FONTS ***********************/
	@font-face {
	    font-family: 'Cuprum-b';
	    src: url('fonts/cuprum-bold.eot');
	    src: url('fonts/cuprum-bold.eot?#iefix') format('embedded-opentype'),
	         url('fonts/cuprum-bold.woff') format('woff'),
	         url('fonts/cuprum-bold.ttf') format('truetype');
	    font-weight: normal;
	    font-style: normal;
	}
	@font-face {
	    font-family: 'Cuprum-bi';
	    src: url('fonts/cuprum-bolditalic.eot');
	    src: url('fonts/cuprum-bolditalic.eot?#iefix') format('embedded-opentype'),
	         url('fonts/cuprum-bolditalic.woff') format('woff'),
	         url('fonts/cuprum-bolditalic.ttf') format('truetype');
	    font-weight: normal;
	    font-style: normal;
	}
	@font-face {
	    font-family: 'Cuprum-i';
	    src: url('fonts/cuprum-italic.eot');
	    src: url('fonts/cuprum-italic.eot?#iefix') format('embedded-opentype'),
	         url('fonts/cuprum-italic.woff') format('woff'),
	         url('fonts/cuprum-italic.ttf') format('truetype');
	    font-weight: normal;
	    font-style: normal;
	}
	@font-face {
	    font-family: 'Cuprum';
	    src: url('fonts/cuprum-regular.eot');
	    src: url('fonts/cuprum-regular.eot?#iefix') format('embedded-opentype'),
	         url('fonts/cuprum-regular.woff') format('woff'),
	         url('fonts/cuprum-regular.ttf') format('truetype');
	    font-weight: normal;
	    font-style: normal;
	}
	@font-face {
	    font-family: 'Kelly';
	    src: url('fonts/KellySlabRegular.eot');
	    src: url('fonts/KellySlabRegular.eot?#iefix') format('embedded-opentype'),
	         url('fonts/KellySlabRegular.woff') format('woff'),
	         url('fonts/KellySlabRegular.ttf') format('truetype');
	    font-weight: normal;
	    font-style: normal;
	}
	@font-face {
	    font-family: 'Candara';
	    src: url('fonts/Candara.ttf') format('truetype');
	    font-weight: normal;
	    font-style: normal;
	}
	@font-face {
	    font-family: 'Candarab';
	    src: url('fonts/Candarab.ttf') format('truetype');
	    font-weight: normal;
	    font-style: normal;
	}
	@font-face {
	    font-family: 'Candarai';
	    src: url('fonts/Candarai.ttf') format('truetype');
	    font-weight: normal;
	    font-style: normal;
	}
	@font-face {
	    font-family: 'Candaraz';
	    src: url('fonts/Candaraz.ttf') format('truetype');
	    font-weight: normal;
	    font-style: normal;

	}

/*	WRAPPER *********************/
	.wrapper {
		position: relative;
		overflow: hidden;
		min-height: 100vh;
		height: auto !important;
		height: 100vh
	}

/*	FOR fancybox ****************/
	.popup {
		display: none;
		overflow: hidden;
		max-width: 50vw;
		padding: 3em;
		background: #FFF;
		color: #7C7C7C;
		border-radius: .5em;
		text-align: center
	}

/*	HEAD ************************/
	.head {
		position: relative;
		display: block;
		width: 100%;
		background: url(../data/UI/logo-bg.jpg) no-repeat center center;
		background-size: cover
	}
	.head span {
		display: block;
		font-family: 'Candaraz'
	}
		.head .txt {
			position: absolute;
			left: 0;
			bottom: 3rem
		}
		.head span.name_1 {
			color: #FCEA00;
			font-size: 10rem;
			line-height: 5.625rem;
			letter-spacing: -.3125rem;
			text-shadow:-0   -3px 0 #E14956,
						 0   -3px 0 #E14956,
						-0    3px 0 #E14956,
						 0    3px 0 #E14956,
						-3px -0   0 #E14956,
						 3px -0   0 #E14956,
						-3px  0   0 #E14956,
						 3px  0   0 #E14956,
						-1px -3px 0 #E14956,
						 1px -3px 0 #E14956,
						-1px  3px 0 #E14956,
						 1px  3px 0 #E14956,
						-3px -1px 0 #E14956,
						 3px -1px 0 #E14956,
						-3px  1px 0 #E14956,
						 3px  1px 0 #E14956,
						-2px -3px 0 #E14956,
						 2px -3px 0 #E14956,
						-2px  3px 0 #E14956,
						 2px  3px 0 #E14956,
						-3px -2px 0 #E14956,
						 3px -2px 0 #E14956,
						-3px  2px 0 #E14956,
						 3px  2px 0 #E14956,
						-3px -3px 0 #E14956,
						 3px -3px 0 #E14956,
						-3px  3px 0 #E14956,
						 3px  3px 0 #E14956,
						-3px -3px 0 #E14956,
						 3px -3px 0 #E14956,
						-3px  3px 0 #E14956,
						 3px  3px 0 #E14956
		}
		.head span.name_2 {
			color: #FFFFFF;
			font-size: 1.5rem;
			line-height: 1.5rem
		}
	.head img {
		width: auto;
		height: 34.375rem;
		margin-top: 32px;
		padding-bottom: 4rem
	}

/*	MENU ************************/
	#zero { display: none }
		#zero.fixed {
			display: block;
			height: 4rem
		}

	.slicknav_menu { display:none }

	/* Default */
		#navig {
			position: relative;
			z-index: 9999;
			width: 100%;
			height: 4rem;
			background: #E14956
		}
			/*#navig:after {
				content: '';
				display: block;
				width: 100%;
				height: 109px;
				background: url(../data/UI/circle.png) repeat-x center center;
			}*/
		#navig ul { list-style: none }
		#navig li {
			position: relative;
			display: inline-block
		}
		#navig li > a {
			display: block;
			padding: 1.5625rem .5rem;
			color: #FFFFFF;
			font-family: 'Kelly';
			font-size: 1.375rem;
			line-height: .875rem;
			text-transform: uppercase;
			transition: .25s linear
		}
			#navig li > a:before {
				content: "";
				position: absolute;
				opacity: 0;
				top: 50%;
				left: 50%;
				transform: translate(-50%,-50%);
				width: 0rem;
				height: 0rem;
				border-radius: 50%/30%;
				border: 2px solid #FEC959;
				border-left-color: transparent;
				border-right-color: transparent;
				transition: .25s linear
			}
			#navig li:hover > a,
			#navig li.active > a { color: #FEC959 }
			#navig li:hover > a:before,
			#navig li.active > a:before {
				opacity: 1;
				width: 4rem;
				height: 2.8125rem
			}

	/* Fixed */
		#navig.fixed {
			position: fixed;
			top: 0;
			width: 100%
		}

	/* Submenu */
		#navig .submenu {
			position: absolute;
			visibility: hidden;
			opacity: 1;
			min-width: 260px;
			width: 260px;
			max-width: 260px;
			top: 4rem;
            padding: .625rem;
			background: #FFF;
			transform-origin: 0% 0%;
			transform-style: preserve-3d;
			transform: rotateX(-90deg);
			transition: .5s ease-in-out;
			border-radius: 4px;
			box-shadow: 3px 3px 5px rgba(0,0,0,.15)
		}
			#navig .submenu:before {
				content: '';
				position: absolute;
				top: -20px;
				left: 16px;
				width: 0;
				height: 0;
				border-style: solid;
				border-width: 0 20px 20px 20px;
				border-color: transparent transparent #FFFFFF transparent;
				line-height: 0
			}
		#navig .submenu li {
			position: relative;
			display: block;
			text-align: left
		}
		#navig .submenu li a,
		#navig.fixed .submenu li a {
			display: block;
            padding: 12px;
			color: #606060;
			font-size: 1.125rem;
			line-height: 1.125rem;
			text-transform: none
		}
			#navig li:hover > .submenu {
				visibility: visible;
				opacity: 1;
				transform: rotateX(0deg)
			}
			#navig .submenu li:hover > a { color: #E14956 }
			#navig .submenu li > a:before { display: none }

/*	CONTENT *********************/
	.content {
		padding: 1px 0 0;
		font-size: 1.25rem;
		line-height: 1.5em
	}

	/* For map */
		.map:before {
			content: '';
			position: absolute;
			display: block;
			top: .375rem;
			left: 0;
			width: 100%;
			height: 100%;
			border: 2px solid #E14956;
			transform: rotate(2deg)
		}

	/* Box */
		[class^="box"],
		[class*=" box"] {
			position: relative;
			padding: 1rem;
			line-height: 1.375rem
		}

	/* Inform block */
		.inform .box {
			position: relative;
			display: block;
			overflow: hidden;
			width: 100%;
			height: 12rem;
			padding: 0;
		}
			.inform img {
				width: 100%;
				height: 100%;
				border-radius: .0625rem
			}
		.inform .titlel {
			position: absolute;
			display: block;
			z-index: 100;
			bottom: -12rem;
			left: 0;
			width: 100%;
			height: 100%;
			background: rgba(225,73,86,.75);
			font-size: 0;
			font-size: 1.25rem;
			font-family: 'cuprum-b';
			text-align: center;
			line-height: 1.375rem;
			transition: .25s linear;
			border-radius: .0625rem
		}
			.inform .box:hover .titlel { bottom: 0 }
			.inform .titlel span {
				display: block;
				width: 100%;
				margin-top: .5rem;
				padding-top: .5rem;
				border-top: 1px solid #FFFFFF;
				font-size: 1rem
			}
		.inform a {
			position: relative;
			display: block;
			top: 50%;
			padding: 5rem 1rem;
			color: #FFFFFF;
			transform: translate(0%,-50%)
		}
			.inform a:hover { color: #FFFFFF }

	/* Block news */
		.news {
			position: relative;
			width: 100%;
			background: #FEC959;
			border-radius: .125rem;
			transition: .25s linear
		}
			.grid-4:nth-of-type(even) .news:hover { transform: rotate(2.5deg) }
			.grid-4:nth-of-type(odd) .news:hover { transform: rotate(-2.5deg) }
		.news a span:after {
			content: '';
			position: absolute;
			display: block;
			top: .375rem;
			left: .375rem;
			width: 99%;
			height: 99%;
			border: 2px solid #E14956;
			color: #FFFFFF;
			font-size: 0rem;
			font-family: 'Kelly';
			text-align: center;
			transition: .25s linear
		}
			.grid-4:nth-of-type(even) .news a span:after { transform: rotate(1deg) }
			.grid-4:nth-of-type(odd) .news a span:after { transform: rotate(-1deg) }
			.news:hover a span:after {
				content: 'Читать...';
				top: 50%;
				left: 50%;
				width: 70%;
				height: 1rem;
				padding: 2rem 0;
				background: #E14956;
				font-size: 3rem
			}
			.grid-4:nth-of-type(even) .news:hover a span:after { transform: translate(-50%,-50%) rotate(-2.5deg) }
			.grid-4:nth-of-type(odd) .news:hover a span:after { transform: translate(-50%,-50%) rotate(2.5deg) }
		.news a.title {
			display: block;
			margin: -1rem -1rem 0;
			padding: 1rem;
			background: #FAB421;
			color: #FFFFFF;
			font-size: 1.75rem;
			font-family: 'Kelly';
			line-height: 1.875rem;
			transition: .25s linear
		}
			.news:hover a { color: #755002 }
		.news .date {
			padding: .4375rem 0;
			margin: 0 -1rem 0;
			padding: .75rem 1rem .5rem;
			background: #FBC048;
			color: #9C6A03;
			font-size: 1.125rem;
			text-align: right
		}
		.news .prew {
			display: block;
			padding: 1rem;
			color: #755002;
			line-height: 1.375rem
		}

	/* Block team */
		.team {
			position: relative;
			width: 100%;
			min-height: 14em;
			padding: 0.5em 1em;
			color: #978776;
			-webkit-border-radius: 0.3125em;
			   -moz-border-radius: 0.3125em;
					border-radius: 0.3125em;
			-webkit-transition: all .2s ease-out;
			   -moz-transition: all .2s ease-out;
				-ms-transition: all .2s ease-out;
				 -o-transition: all .2s ease-out;
					transition: all .2s ease-out;
		}

		.team a.title {
			color: #F44336;
			font-size: 1.8125em;
			line-height: 1em;
			text-decoration: none;
			-webkit-transition: all .2s ease-out;
			   -moz-transition: all .2s ease-out;
				-ms-transition: all .2s ease-out;
				 -o-transition: all .2s ease-out;
					transition: all .2s ease-out;
		}

		.team .prewtext {
			display: block;
			overflow: hidden;
			font-size: 1.0625em;
			line-height: 1.2em;
		}

		.team .img {
			display: block;
			float: left;
			width: 13em;
			height: 13em;
			margin: -0.5em 1em -0.5em -1em;
		}
			.team .img img {
				width: 100%;
				height: 100%;
				border: 0.45em solid #FFF;
				-webkit-box-shadow: 0 0.25em 0.625em 0.25em rgba(0,0,0,.15);
				   -moz-box-shadow: 0 0.25em 0.625em 0.25em rgba(0,0,0,.15);
						box-shadow: 0 0.25em 0.625em 0.25em rgba(0,0,0,.15);
				-webkit-transition: all .2s ease-out;
				   -moz-transition: all .2s ease-out;
					-ms-transition: all .2s ease-out;
					 -o-transition: all .2s ease-out;
						transition: all .2s ease-out;
			}
				.team:hover .img img {
					-webkit-transform: rotate(5deg);
					   -moz-transform: rotate(5deg);
						-ms-transform: rotate(5deg);
						 -o-transform: rotate(5deg);
							transform: rotate(5deg);
				}

	/* Block Repertoire */
		.repertoire {
			position: relative;
			display: block;
			width: 100%;
			height: 21.875em;
			margin-bottom: 2em;
		}
			.repertoire:last-child {
				margin-bottom: 0;
			}
			.repertoire:after {
				content: '';
				clear: both
			}

		.repertoire .title {
			position: relative;
			padding-top: 3rem;
			font-size: 3rem
		}
			.repertoire:nth-child(even) .title {
				text-align: left;
				color: #F44336;
			}
			.repertoire:nth-child(odd) .title {
				text-align: right;
			}

		.repertoire .text {
			position: relative;
			width: 100%;
			margin-top: .5em;
			font-size: 1.5rem;
			line-height: 1em
		}
			.repertoire:nth-child(even) .text {
				left: 0;
				padding: 0 1em;
				text-align: left
			}
			.repertoire:nth-child(odd) .text {
				right: 0;
				padding: 0 1em;
				text-align: right
			}

		.repertoire .img-main img {
			position: absolute;
			display: block;
			z-index: 9;
			width: 50%;
			height: 100%;
			top: 0;
			border: 0.75em solid #FFF;
			box-shadow: 0 0.25em 0.625em 0.25em rgba(0,0,0,.15)
		}
			.repertoire:nth-child(even) .img-main img {
				right: 0;
			}
			.repertoire:nth-child(odd) .img-main img {
				left: 0;
			}

		.repertoire .thumb {
			position: absolute;
			display: block;
			overflow: hidden;
			bottom: 0;
			width: 100%;
			height: 10.8em;
			padding: 1.5em 3em
		}
			.repertoire:nth-child(even) .thumb {
				left: 0%;
				padding-right: 27em;
				text-align: right;
			}
			.repertoire:nth-child(odd) .thumb {
				right: 0%;
				padding-left: 27em;
				text-align: left;
			}

			.repertoire .thumb a img {
				z-index: 10;
				width: 11.24em;
				height: 8em;
				margin: 0 -1em 0 -1em;
				border: 0.45em solid #FFF;
				box-shadow: 0 0.25em 0.625em 0.25em rgba(0,0,0,.15);
				transition: all 0.35s ease-in
			}
				.repertoire:nth-child(even) .thumb a img { transform: rotate(-5deg) }
				.repertoire:nth-child(odd) .thumb a img { transform: rotate(5deg) }
				.repertoire .thumb a img:hover {
					transform: rotate(0deg) translateY(45px);
					transition: all 0.25s ease-in
				}



















			.rotate {
				position: relative;
				width: 100%;
				transition: .25s linear
			}
			.grid-4:nth-of-type(even) .rotate:hover { transform: rotate(2.5deg) }
			.grid-4:nth-of-type(odd) .rotate:hover { transform: rotate(-2.5deg) }
			.rotate a span:after {
				content: '';
				position: absolute;
				display: block;
				top: .375rem;
				left: .375rem;
				width: 99%;
				height: 96%;
				border: 2px solid #FEC959;
				color: #FFFFFF;
				font-size: 0rem;
				font-family: 'Kelly';
				text-align: center;
				transition: .25s linear
			}
				.grid-4:nth-of-type(even) .rotate a span:after { transform: rotate(1deg) }
				.grid-4:nth-of-type(odd) .rotate a span:after { transform: rotate(-1deg) }
				.rotate:hover a span:after {
					content: 'Смотреть...';
					top: 50%;
					left: 50%;
					width: 70%;
					height: 1rem;
					padding: 1rem 0 2rem;
					background: #FEC959;
					border-color: #FEC959;
					font-size: 2rem
				}
			.grid-4:nth-of-type(even) .rotate:hover a span:after { transform: translate(-50%,-50%) rotate(-2.5deg) }
			.grid-4:nth-of-type(odd) .rotate:hover a span:after { transform: translate(-50%,-50%) rotate(2.5deg) }

			.rotate p {
				position: absolute;
				z-index: 999;
				bottom: 1rem;
				left: 1rem;
				color: #FFF;
				font-family: 'Kelly';
				font-size: 1.25rem
			}
			.rotate img {
				width: 100%;
				border-radius: .125rem
			}

	/* Block Achievements */
		.achievements {
			position: relative;
			display: block;
			overflow: hidden;
			height: 15rem;
			margin-bottom: -.5rem
		}
			.achievements:nth-child(even){
				border-right: .0625rem dashed #999
			}
			.achievements:last-child {
				margin-bottom: 0
			}
			.achievements:after {
				content: '';
				clear: both
			}

		.achievements .title {
			padding: 0 0.1739rem;
			color: #F44336;
			font-size: 4.75rem
		}
		.achievements:nth-child(even) .text {
			left: 0;
			padding: 0 1rem;
			text-align: right;
		}
		.achievements:nth-child(odd) .text {
			right: 0;
			padding: 0 1rem;
			text-align: left;
		}

		.achievements .thumb {
			position: absolute;
			display: block;
			overflow: hidden;
			width: 100%;
			top: 2rem;
			padding: .5rem 0;
		}
			.achievements .thumb {
				padding-right: 1rem;
				text-align: right
			}
			.achievements .thumb a img {
				z-index: 10;
				width: 4.375rem;
				height: 4.375rem;
				border: .1875rem solid #FFF;
				box-shadow: 0 .25em .625em .25em rgba(0,0,0,.15);
				transition: all 0.35s ease-in
			}
				.achievements .thumb a img {
					margin-left: -1.5rem;
					transform: scale(1)
				}
				.achievements .thumb a img:hover {
					z-index: 9999;
					transform: scale(1.1);
					transition: all .25s ease-in
				}

/*	FOOT *************************/
	.foot {
		position: relative;
		width: 100%;
		background-color: #E14956;
		color: #FFFFFF;
		font-size: 1.125rem;
		line-height: 1.375rem;
	}
		.foot.deg2:before {
			content: '';
			position: absolute;
			top: -2.125rem;
			left: -.125rem;
			display: block;
			width: 100%;
			height: 4.5rem;
			background-color: #E14956;
			transform: rotate(2deg);
			box-shadow: inset 0 10px 10px rgba(0,0,0,.25)
		}
	.foot span {
		display: block;
		padding: .25rem -1rem 0;
		color: #FFFFFF;
		font-size: 1rem;
		font-family: 'Kelly';
		line-height: 1
	}
	.foot .title h1 {
		display: block;
		padding: 0 0 .75rem;
		margin-bottom: .5rem;
		border-bottom: 1px solid #FFF;
		color: #FFFFFF;
		font-size: 2rem
	}
	.foot p { padding: .5rem 0 }
	.foot li a {
		display: block;
		padding: .25rem 0;
		color: #FFFFFF;
		font-family: 'Kelly'
	}
		.foot a { color: #FFFFFF }
		.foot a:hover,
		.foot li a:hover { color: #606060 }
	.foot ul { margin-left: 1rem }
	.foot li { list-style: circle }
	.foot hr { border-top: 1px solid #FFFFFF }

/*	LINKS ************************/
	a {
		outline: none;
		color: #0B98D0;
		text-decoration: none
	}
		a:hover {
			color: #E14956;
			text-decoration: none
		}

/*	BUTTON ***********************/
	.btn {
		display: block;
		cursor: pointer;
		outline: none;
		vertical-align: inherit;
		padding: 1.5rem 1rem;
		border: .1875rem solid #FFF;
		background: #FFF;
		color: #FFF;
		font-size: 1.625rem;
		font-family: 'Kelly';
		line-height: 0;
		text-align: center;
		text-decoration: none;
		transition: all .2s ease-out
	}
		.btn:hover,
		.btn:hover.green,
		.btn:hover.grey {
			border: .1875rem solid #F44336;
			background: none;
			color: #F44336;
			text-decoration: none
		}
		td .btn { border-radius: 0 0 1.25rem 1.25rem }

/*	FORMS ************************/
	input,
	textarea {
		position: relative;
		display: block;
		vertical-align: middle;
		outline: none;
		width: 100%;
		padding: .8332em;
		color: #606060;
		font-size: 1.25rem;
		font-family: 'cuprum'
	}
	input[type='submit'],
	input[type='reset'] {
		outline: none;
		border: 0
	}
	input:focus { outline: none }

	/* TEXTAREA */
		textarea {
			resize: vertical;
			overflow: auto;
			width: 100%;
			height: auto;
			padding: .8332rem;
			color: #606060;
			font-size: 1.25rem;
			font-family: 'cuprum';
		}

	/* PLACEHOLDER */
		::-webkit-input-placeholder { color: rgba(0, 0, 0, .75) }
		:-ms-input-placeholder { color: rgba(0, 0, 0, .75) }
		::-moz-placeholder { color: rgba(0, 0, 0, .75) }
		::placeholder { color: rgba(0, 0, 0, .75) }
			:focus::-webkit-input-placeholder {}
			:focus:-ms-input-placeholder {}
			:focus::-moz-placeholder {}
			:focus::placeholder {}
		.txRed::-webkit-input-placeholder { color: rgba(245, 41, 29, .75) }
		.txRed:-ms-input-placeholder { color: rgba(245, 41, 29, .75) }
		.txRed::-moz-placeholder { color: rgba(245, 41, 29, .75) }
		.txRed::placeholder { color: rgba(245, 41, 29, .75) }

/*	LIST *************************/
	ul, ol { margin-left: 20px }
	li { list-style: disc }
	ol li { padding: 10px 0 }

/*	ALIGN ***********************/
	left,
	.left { float: left }
	right,
	.right { float: right }
		left:after, .left:after,
		right:after, .right:after {
			content: "";
			display: block;
			overflow: hidden;
			visibility: hidden;
			clear: both;
			width: 0;
			height: 0
		}
	center, .center { margin: auto }

/*	MARGIN & PADDING ************/
	/* Marging */
		.ma0  { margin: 0 }
		.ma1  { margin: 1rem }
		.ma2  { margin: 3rem }
		.ma3  { margin: 5rem }
		.mub1 { margin: 1rem 0 }
		.mub2 { margin: 3rem 0 }
			.deg2 .mub2 { margin: 1rem 0 5rem }
		.mub3 { margin: 5rem 0 }

	/* Padding */

/*	TEXT STYLE ******************/
	/* Font family */
		.cb { font-family: 'cuprum-b' }
		.ci { font-family: 'cuprum-i' }
		.cbi { font-family: 'cuprum-bi' }

	/* Align */
		.txaR { text-align: right }
		.txaL { text-align: left }
		.txaC { text-align: center }
		.txaJ { text-align: justify }

		.tvaM { vertical-align: middle }
		.tvaT { vertical-align: top }
		.tvaB { vertical-align: bottom }

	/* Color */
		.txY { color: #FDB807 }
		.txB { color: #0B98D0 }
		.txG { color: #95BC11 }
		.txR { color: #E14956 }

/*	TITLE ***********************/
	.title h1 {
		position: relative;
		display: block;
		padding: 1rem 0;
		color: #0B98D0;
		font-size: 3.5rem;
		font-family: 'Kelly'
	}
		.title h1 span {
			display: block;
			width: 100%;
			font-size: 1.125rem;
			font-family: 'cuprum'
		}
	.titlel {
		position: relative;
		display: block;
		color: #E14956;
		font-size: 2.5rem;
		font-family: 'Kelly';
		line-height: 3rem
	}
	hr {
		margin: 1.5rem auto;
		border: none;
		border-top: .0625rem dashed #D0D0D0;
	}

	/* H1 - H5 */
		h1 {
			font-size: 2.5rem;
			line-height: 1
		}
		h2 {
			font-size: 1.5rem;
			line-height: 1.75em;
			color: #353535;
			text-transform: uppercase
		}
		h3 {
			font-size: 1.75rem;
			line-height: 2em
		}
		h4 {
			font-size: 2rem;
			line-height: 1em;
			text-transform: uppercase;
			margin-bottom: .5em;
			padding: .5em 0;
			border-bottom: .0416666666666667em solid #FFF
		}
		h5 {
			font-size: 2.5rem;
			line-height: 2.5em
		}

/*	QUOTE ***********************/
	blockquote {
		margin: 1em 0;
		padding: 0.625em;
		border: 0.0625em solid #CCC;
		font-style: italic;
		border-radius: .25em
	}
	blockquote:before {
		content: open-quote;
		width: 2em;
		height: 2em;
		margin-right: .5em;
		font-size: 1.5rem
	}
	blockquote:after {
		content: close-quote;
		width: 2em;
		height: 2em;
		margin-left: .5em;
		font-size: 1.5rem
	}

/*	COLORS **********************/
	.white {
		position: relative;
		background-color: #FFF;
		color: #606060
	}
		.white.deg2:before {
			content: '';
			position: absolute;
			top: -2.125rem;
			left: .125rem;
			display: block;
			width: 110%;
			height: 4.5rem;
			background-color: #FFF;
			transform: rotate(-2deg);
		}
	.yellow {
		position: relative;
		background: #FDB807;
		color: #FFF
	}
		.yellow .title h1 { color: #FFFFFF }
		.yellow.deg2:before {
			content: '';
			position: absolute;
			top: -2.125rem;
			left: -.125rem;
			display: block;
			width: 110%;
			height: 4.5rem;
			background: #FDB807;
			transform: rotate(2deg);
			box-shadow: inset 0 10px 10px rgba(0,0,0,.25)
		}
	.blue {
		position: relative;
		background-color: #34b2e4;
		background-image: url(../data/UI/sky-bg.jpg);
		background-repeat: no-repeat;
		background-position: center bottom;
		background-size: 100% 50%;
		color: #FFFFFF
	}
		.blue .title h1 { color: #FFFFFF }
		.blue.deg2:before {
			content: '';
			position: absolute;
			top: -2rem;
			left: -.125rem;
			display: block;
			width: 110%;
			height: 4.5rem;
			background: #34b2e4;
			transform: rotate(2deg);
			box-shadow: inset 0 10px 10px rgba(0,0,0,.25)
		}
	.darkblue {
		position: relative;
		background: #084884;
		color: #FFF
	}
	.blight {
		position: relative;
		background: #E6E7E9
	}
	.green {
		position: relative;
		background: #95BC11;
		color: #FFF
	}
		.btn.green {
			border: .1875rem solid #95BC11
		}

	.red {
		position: relative;
		background: #E14956;
		color: #FFF
	}
	.grey {
		background: #757575;
		color: #FFF
	}
		.btn.grey {
			border: .1875rem solid #757575
		}

/*	COLUMNS */
	.five {
		position: relative;
		float: left;
		width: 20%
	}
	.four {
		position: relative;
		float: left;
		width: 25%
	}
	.three {
		position: relative;
		float: left;
		width: 33.33333333%
	}
	.two {
		position: relative;
		float: left;
		width: 50%
	}
	.one {
		position: relative;
		width: 100%
	}

/*	ROUNDED BUTTONS */
	.vid,
	.go-up {
		position: fixed;
		overflow: hidden;
		cursor: pointer;
		z-index: 9999;
		right: -20.625rem;
		width: 25rem;
		height: 4.375rem;
		background-size: cover;
		border-radius: 2.1875rem 0 0 2.1875rem;
		transition: all .4s ease-out;
		opacity: .65
	}
		.vid:hover {
			right: 0;
			opacity: 1
		}
	.vid {
		bottom: 5.375rem;
		padding: 0.4375rem;
		background: #0063A7
	}
		.vid:before {
			content: '';
			position: absolute;
			width: 3.125rem;
			height: 3.125rem;
			top: .625rem;
			left: .75rem;
			background-image: url(../data/UI/icons/vid.png);
			background-size: cover;
		}
	.go-up {
		display: none;
		bottom: .5rem;
		padding: 1.0625rem;
		background: #FC9914
	}
		.go-up:before {
			content: '';
			position: absolute;
			width: 3.125rem;
			height: 3.125rem;
			top: .625rem;
			left: .75rem;
			background-image: url(../data/UI/icons/arrowW.png);
			background-size: cover;
		}
	.vid span a { color: #FFF }
	.vid span,
	.go-up span {
		position: absolute;
		display: inline-block;
		vertical-align: middle;
		padding: 1rem 0 1.25rem;
		width: 100%;
		color: #FFF;
		font-size: 1.25rem;
		text-align: center;
		text-transform: uppercase
	}

/*	CALENDARE */
	.tcalInput {
		background: url(../data/UI/cal.png) 100% 50% no-repeat;
		cursor: pointer
	}
	.tcalActive {
		background-image: url(../data/UI/no_cal.png)
	}
	#tcal {
		position: absolute;
		visibility: hidden;
		z-index: 100;
		margin-top: -1em;
		padding: 1em;
		background: #FFF;
		border-radius: .625em;
		box-shadow: 0 0.25em 0.25em .0625em rgba(0, 0, 0, .25)
	}
	#tcalControls {
		border-collapse: collapse;
		border: 0;
		width: 100%
	}
	#tcalControls td {
		border-collapse: collapse;
		border: 0;
		width: 20px;
		background-position: 50% 50%;
		background-repeat: no-repeat;
		cursor: pointer
	}
	#tcalControls th {
		border-collapse: collapse;
		border: 0;
		padding: 0;
		line-height: 1em;
		font-size: 1rem;
		text-align: center;
		white-space: nowrap
	}
	#tcalPrevYear { background-image: url(../data/UI/prev_year.png) }
	#tcalPrevMonth { background-image: url(../data/UI/prev_mon.png) }
	#tcalNextMonth { background-image: url(../data/UI/next_mon.png) }
	#tcalNextYear { background-image: url(../data/UI/next_year.png) }
	#tcalGrid {
		border-collapse: collapse;
		width: 100%
	}
	#tcalGrid th {
		border-collapse: collapse;
		padding: .625em;
		text-align: center
	}
	#tcalGrid td {
		border: 0;
		padding: .625em;
		text-align: center;
		cursor: pointer;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		border-radius: 50%
	}
	#tcalGrid td.tcalOtherMonth { color: silver }
	#tcalGrid td.tcalWeekend { color: red }
	#tcalGrid td.tcalToday {
		color: #20BBE7;
		font-family: 'cuprum-b'
	}
	#tcalGrid td.tcalSelected {
		background: #20BBE7;
		color: #FFF
	}

/*	TABEL */
	table {
		position: relative;
		overflow: hidden;
		width: 100%;
		border-collapse: separate;
		border-spacing: 0;
		color: #7C7C7C;
		border-radius: 1em
	}

	th {
		padding: .625em;
		background: #F0F0F0;
		border: .0625em solid #999;
		border-bottom: none;
		border-left: none;
		color: #303030;
		font-size: 1.25em
	}
		th:first-child {
			border-left: .0625em solid #999;
			border-radius: 1em 0 0 0
		}
		th:last-child { border-radius: 0 1em 0 0 }

	tr:first-child td { border-bottom: none }
		tr:first-child td:first-child { border-radius: 1em 0 0 0 }
		tr:first-child td:last-child { border-radius: 0 1em 0 0 }
		tr:last-child td { border-bottom: .0625em solid #999 }
		tr:last-child td:first-child { border-radius: 0 0 0 1em }
		tr:last-child td:last-child { border-radius: 0 0 1em 0 }
	tr:hover {
		background: #F0F0F0;
		color: #606060
	}
	tr.grey:hover {
		background: #757575;
		color: #FFF
	}
	tr:first-child:hover,
	tr:last-child:hover { background: none }

	td {
		padding: .625em;
		border: 1px solid #999;
		border-bottom: none;
		border-left: none;
		text-align: center
	}
		td:first-child { border-left: .0625em solid #999 }
		td:nth-of-type(2) { text-align: left }
		tr:nth-of-type(odd) td:first-child { padding: 0 }

	select {
		color: #7C7C7C;
		font-size: 1.125rem;
		font-family: 'cuprum'
	}
	option { padding: .5rem .75rem }

/*	CLEAN ***********************/
	.clean {
		clear: both;
		zoom: 1
	}


/*	GRID 1224x1823 */
	@media only screen and (min-width:1224px) and (max-width:1823px), only screen and (min-device-width:1224px) and (max-device-width:1823px) {
	}

/*	GRID 996x1223 */
	@media only screen and (min-width:996px) and (max-width:1223px), only screen and (min-device-width:996px) and (max-device-width:1223px) {
		#navig li > a {
			padding: 1.77255em 0.4545em;
			font-size: 1.125em
		}

	/* ROUNDED BUTTONS */
		.btn-sale,
		.btn-bay,
		.btn-cont,
		.go-up {
			width: 3.5em;
			height: 3.5em;
			border-radius: 1.8875em 0 0 1.8875em
		}
		.btn-sale {
			bottom: 11.4em;
			padding: 0.125em
		}
		.btn-bay {
			bottom: 7.75em;
			padding: 0.125em
		}
		.btn-cont {
			bottom: 4.125em;
			padding: 0.125em
		}
		.go-up {
			bottom: .5em;
			padding: 0.5em
		}
	}

/*	GRID 768x995 */
	@media only screen and (min-width:768px) and (max-width:995px), only screen and (min-device-width:768px) and (max-device-width:995px) {
		#navig { display: none }
		#menu { display: none }
		.slicknav_menu {
			display: block;
			z-index: 9999;
			width: 100%
		}

	/* ROUNDED BUTTONS */
		.btn-sale,
		.btn-bay,
		.btn-cont,
		.go-up {
			width: 2.8em;
			height: 2.8em;
			border-radius: 1.8875em 0 0 1.8875em
		}
			.btn-sale:hover,
			.btn-bay:hover,
			.btn-cont:hover {
				width: 3.775em
			}
		.btn-sale {
			bottom: 9.125em;
			padding: 0.275em
		}
		.btn-bay {
			bottom: 6.25em;
			padding: 0.275em
		}
		.btn-cont {
			bottom: 3.375em;
			padding: 0.275em
		}
		.go-up {
			bottom: .5em;
			padding: 0.275em
		}
		.btn-sale span, .btn-bay span, .btn-cont span, .go-up span { display: none }

			.icon-56ph {
				width: 2.25em;
				height: 2.25em;
				left: 50%;
				margin-left: -1.125em;
				background-position: -9em -8.625em
			}
			.icon-56em {
				width: 2.25em;
				height: 2.25em;
				left: 50%;
				margin-left: -1.125em;
				background-position: -11.25em -8.625em
			}
			.icon-56sl {
				width: 2.25em;
				height: 2.25em;
				left: 50%;
				margin-left: -1.125em;
				background-position: -20.25em -8.625em
			}
			.icon-36up {
				width: 2.25em;
				height: 2.25em;
				left: 50%;
				margin-left: -1.125em;
				background-position: -6.75em -8.625em
			}
	}

/*	GRID Mobile */
	@media only screen and (max-width:767px), only screen and (max-device-width:767px) {
		#navig { display: none }
		#menu { display: none }
		.slicknav_menu {
			display: block;
			z-index: 9999;
			width: 100%
		}

		/* ROUNDED BUTTONS */
			.btn-sale, .btn-bay, .btn-cont, .go-up {
				width: 25%;
				height: 2.75em;
				border-radius: 0;
				opacity: 1
			}
				.btn-sale:hover, .btn-bay:hover, .btn-cont:hover { width: 25% }
			.btn-sale {
				right: 75%;
				bottom: 0;
				padding: .4em;
			}
			.btn-bay {
				right: 50%;
				bottom: 0;
				padding: .4em;
			}
			.btn-cont {
				right: 25%;
				bottom: 0;
				padding: .4em;
			}
			.go-up {
				bottom: 0;
				padding: 0.4em;
			}
			.btn-sale span, .btn-bay span, .btn-cont span, .go-up span { display: none }
			.icon-56ph {
				width: 2.25em;
				height: 2.25em;
				left: 50%;
				margin-left: -1.125em;
				background-position: -9em -8.625em
			}
			.icon-56em {
				width: 2.25em;
				height: 2.25em;
				left: 50%;
				margin-left: -1.125em;
				background-position: -11.25em -8.625em
			}
			.icon-56sl {
				width: 2.25em;
				height: 2.25em;
				left: 50%;
				margin-left: -1.125em;
				background-position: -20.25em -8.625em
			}
			.icon-36up {
				width: 2.25em;
				height: 2.25em;
				left: 50%;
				margin-left: -1.125em;
				background-position: -6.75em -8.625em
			}
	}