/************************************************************************************
To Top Button up50.png and LoadingBar image down50.png
*************************************************************************************/
.to_Top{
		 bottom:50px;
		 right:50px;
		 position:fixed;
		 cursor:pointer;
		 display:none;
		z-index: 10000;
}

@media screen and (max-width: 768px) {
		 .to_Top {
		 		 bottom:20px;
		 		 right:12px;
		 }
}
.to_bottom{
		 bottom:50px;
		 right:110px;
		 position:fixed;
		 cursor:pointer;
		 display:none;
		z-index: 10000;

}

@media screen and (max-width: 768px) {
		 .to_bottom {
		 		 bottom:20px;
		 		 right:65px;
		 }
}
.pull-right {
  float: right;
}
.logout {
  	float: right;
	margin-top: 2em;
}
@media screen and (max-width: 768px) {
		 .logout {
		 		 bottom: 2em;
		 		 float: left;
		 }
}
/* cтили алертов jquery.validate.js jquery.dovalidateform.js*/   
label.error {
	/* remove the next line when you have trouble in IE6 with labels in list */
	color: white;
	padding-top: 0.2em;
	font-style: italic;
	font-weight: 400;
	letter-spacing: 0em;
}
.einput.error, input.error, select.error, textarea.error  { border: 2px solid white; }
/* Spotlights2 PRT Person */
	.spotlights2 {
		border-top: 0 !important;
	}
		.spotlights2 + * {
			border-top: 0 !important;
		}
		.spotlights2 > section {
			display: -moz-flex;
			display: -webkit-flex;
			display: -ms-flex;
			display: flex;
			-moz-flex-direction: row;
			-webkit-flex-direction: row;
			-ms-flex-direction: row;
			flex-direction: row;
			background-color: #fafafa;
		}
			.spotlights2 > section > .image {
				background-position: center center;
				background-size: cover;
				border-radius: 0;
				display: block;
				position: relative;
				width: 30%;
			}
				.spotlights2 > section > .image img {
					border-radius: 0;
					display: block;
					width: 100%;
				}
				.spotlights2 > section > .image:before {
					background: rgba(36, 41, 67, 0.9);
					content: '';
					display: block;
					height: 100%;
					left: 0;
					opacity: 0;
					position: absolute;
					top: 0;
					width: 100%;
				}
			.spotlights2 > section > .content {
				display: -moz-flex;
				display: -webkit-flex;
				display: -ms-flex;
				display: flex;
				-moz-flex-direction: column;
				-webkit-flex-direction: column;
				-ms-flex-direction: column;
				flex-direction: column;
				-moz-justify-content: center;
				-webkit-justify-content: center;
				-ms-justify-content: center;
				justify-content: center;
				-moz-align-items: center;
				-webkit-align-items: center;
				-ms-align-items: center;
				align-items: center;
				padding: 2em 3em 0.1em 3em ; /*prt 2em 3em 0.1em 3em */
				
				width: 30%;
			}
			
			.spotlights2 > section > .content2 {
				display: -moz-flex;
				display: -webkit-flex;
				display: -ms-flex;
				display: flex;
				-moz-flex-direction: column;
				-webkit-flex-direction: column;
				-ms-flex-direction: column;
				flex-direction: column;
				-moz-justify-content: center;
				-webkit-justify-content: center;
				-ms-justify-content: center;
				justify-content: center;
				-moz-align-items: center;
				-webkit-align-items: center;
				-ms-align-items: center;
				align-items: center;
				padding: 2em 3em 0.1em 3em ; 
				
				width: 70%;
			}			
				.spotlights2 > section > .content > .inner {
					margin: 0 auto;
					max-width: 100%;
					width: 65em;
				}
				.spotlights2 > section > .content2 > .inner {
					margin: 0 0 1em 0;
					width: 100%;					
				}
			.spotlights2 > section:nth-child(2n) {
				-moz-flex-direction: row-reverse;
				-webkit-flex-direction: row-reverse;
				-ms-flex-direction: row-reverse;
				flex-direction: row-reverse;
				background-color: #ffffff;
			}
				.spotlights2 > section:nth-child(2n) > .content {
					-moz-align-items: -moz-flex-end;
					-webkit-align-items: -webkit-flex-end;
					-ms-align-items: -ms-flex-end;
					align-items: flex-end;
				}
		@media screen and (max-width: 1680px) {
			.spotlights2 > section > .image {
				width: 40%;
			}
			.spotlights2 > section > .content {
				width: 40%;
			}
			
			.spotlights2 > section > .content2 {
				width: 60%;
			}			
		}
		@media screen and (max-width: 1280px) {
			.spotlights2 > section > .image {
				width: 45%;
			}
			.spotlights2 > section > .content {
				width: 35%;
			}
			
			.spotlights2 > section > .content2 {
				width: 65%;
			}
		}
		@media screen and (max-width: 980px) {
			.spotlights2 > section {
				display: block;
			}
				.spotlights2 > section > .image {
					width: 100%;
				}
				.spotlights2 > section > .content {
					padding: 4em 3em 2em 3em ;
					width: 100%;
				}
				
				.spotlights2 > section > .content2 {
					padding: 4em 3em 2em 3em ;
					width: 100%;
				}
		}
		@media screen and (max-width: 736px) {
			.spotlights2 > section > .content,
			.spotlights2 > section > .content2
			{
				padding: 3em 1.5em 1em 1.5em ;
			}
		}