@import "spacing.css";
@import "fade.css";
@import "font.css";
@import "background.css";
@import "carousel.css";

.overflow {
	clear: both;
	/*overflow: hidden;*/
	padding: 0 0 0 0;
}

.hide-overflow {
	clear: both;
	overflow: hidden;
	padding: 0 0 0 0;
}

#map {
	min-height: 600px;
}

.test {
	background-color: #1073b3;
	opacity: 0.85;
	bottom: -20%;
	height: 100%;
	-webkit-transform: skewY(10deg);
	transform: skewY(10deg);
	-webkit-transform-origin: left;
	transform-origin: left;
}

.contact-angle {
	background-color: #51c7ed;
	opacity: 0.85;
	bottom: 75%;
	height: 30%;
	-webkit-transform: skewY(2deg);
	transform: skewY(2deg);
	-webkit-transform-origin: left;
	transform-origin: left;
}

.left-d {
	background-color: #1073b3;
	/*(opacity: .85;*/
	bottom: 85%;
	height: 30%;
	-webkit-transform: skewY(-5deg);
	transform: skewY(-5deg);
	-webkit-transform-origin: right;
	transform-origin: right;
	z-index: -1;
}

.left-d-b {
	background-color: #1073b3;
	/*(opacity: .85;*/
	bottom: 0%;
	height: 50%;
	-webkit-transform: skewY(-5deg);
	transform: skewY(-5deg);
	-webkit-transform-origin: right;
	transform-origin: right;
}

.left-d-2 {
	background-color: #1073b3;
	opacity: 0.8;
	bottom: 85%;
	height: 30%;
	-webkit-transform: skewY(-5deg);
	transform: skewY(-5deg);
	-webkit-transform-origin: right;
	transform-origin: right;
}

.left-d-b {
	background-color: #1073b3;
	/*(opacity: .85;*/
	bottom: 0%;
	height: 50%;
	-webkit-transform: skewY(-5deg);
	transform: skewY(-5deg);
	-webkit-transform-origin: right;
	transform-origin: right;
}

.right-d {
	background-color: #1073b3;
	/*(opacity: .85;*/
	bottom: -15%;
	height: 50%;
	-webkit-transform: skewY(5deg);
	transform: skewY(5deg);
	-webkit-transform-origin: left;
	transform-origin: left;
}

.right-d-t {
	background-color: #1073b3;
	opacity: 0.85;
	bottom: -15%;
	height: 50%;
	-webkit-transform: skewY(5deg);
	transform: skewY(5deg);
	-webkit-transform-origin: left;
	transform-origin: left;
}

.double-1 {
	background-color: #1073b3;
	opacity: 0.5;
	bottom: -40%;
	height: 70%;
	-webkit-transform: skewY(10deg);
	transform: skewY(10deg);
	-webkit-transform-origin: right;
	transform-origin: right;
}

.double-2 {
	background-color: #1073b3;
	opacity: 0.85;
	bottom: -50%;
	height: 100%;
	-webkit-transform: skewY(15deg);
	transform: skewY(15deg);
	-webkit-transform-origin: right;
	transform-origin: right;
}

.angle {
	position: absolute;
	-webkit-transform-origin: center;
	-ms-transform-origin: center;
	transform-origin: center;
	width: 100%;
	transition: opacity 0.25s cubic-bezier(0, 0.5, 0, 1), transform 3s cubic-bezier(0, 1.12, 0, 0.95),
		-webkit-transform 3s cubic-bezier(0, 1.12, 0, 0.95);
	will-change: transform, opacity;
}

/*
.slide-small {
    opacity: 0;
    font-size: 8em;
    text-transform: uppercase;
    letter-spacing: .3rem;
    line-height: 13rem;
    color: white;
    width: 95vw;
    text-align: center;
    position: absolute;
    top: 40vh;

}

.slide-big {
    opacity: 0;
    font-size: 8em;
    text-transform: uppercase;
    letter-spacing: .3rem;
    line-height: 13rem;
    color: white;
    text-align: center;
    width:100%;

}
*/

.slide {
	opacity: 0;
	font-size: 7em;
	text-transform: uppercase;
	letter-spacing: 0.3rem;
	line-height: 13rem;
	color: white;
	text-align: center;
	position: absolute;
	margin: auto;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100vw;
	max-width: 100%;
	height: 100px;
}

.ani {
	text-align: center;
	position: absolute;
	margin: auto;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 500px;

	height: 500px;
}

.HYPE_scene {
	background-color: transparent !important;
}

/*
#st2_hype_container{
position: absolute;
margin: auto;
top: 0;
right: 0;
bottom: 0;
left: 0;

}

*/

/*
.vertical-center-vid {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 95vw;
}

.vertical-center-bg {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background-image: url('/img/icon-1.png');
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    width: 95vw;
    min-height:40vh;
}
*/

.slide1 {
	animation: fade-item 1s 9.5s ease-out forwards;
	/*
    background-image: url('/img/icon-1.png');
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    padding-top: 10vh;
    margin-top: -10vh;
    padding-bottom: 10vh;
    margin-bottom: -10vh;
    */
}

.slide2 {
	animation: fade-in-item 2.5s 0.2s ease-out forwards;
	/*
    background-image: url('/img/icon-1.png');
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    padding-top: 10vh;
    margin-top: -10vh;
    padding-bottom: 10vh;
    margin-bottom: -10vh;
    */
}

.slide3 {
	animation: fade-in-item 2.5s 2.4s ease-out forwards;
}

.slide4 {
	animation: fade-in-item 2.5s 4.8s ease-out forwards;
}

.slide5 {
	animation: fade-in-item 2.5s 7.1s ease-out forwards;
}

@keyframes fade-item {
	0% {
		opacity: 0;
		/* -webkit-transform: translateX(-20px);*/
	}

	25% {
		opacity: 0.25;
		/* -webkit-transform: translateX(0);*/
	}

	75% {
		opacity: 0.75;
		/*-webkit-transform: translateX(0);*/
	}

	100% {
		opacity: 1;
		/*-webkit-transform: translateX(20px);*/
	}
}

@-webkit-keyframes fade-item {
	0% {
		opacity: 0;
		/* -webkit-transform: translateX(-20px);*/
	}

	25% {
		opacity: 0.25;
		/* -webkit-transform: translateX(0);*/
	}

	75% {
		opacity: 0.75;
		/* -webkit-transform: translateX(0);*/
	}

	100% {
		opacity: 0.8;
		/*  -webkit-transform: translateX(20px);*/
	}
}

@keyframes fade-in-item {
	0% {
		opacity: 0;
	}

	25% {
		opacity: 0.5;
		/* -webkit-transform: translateX(0);*/
	}

	50% {
		opacity: 1;
		/*-webkit-transform: translateX(0);*/
	}

	75% {
		opacity: 0.5;
		/* -webkit-transform: translateX(0);*/
	}

	100% {
		opacity: 0;
		display: none;
	}
}

@-webkit-keyframes fade-in-item {
	0% {
		opacity: 0;
	}

	25% {
		opacity: 0.5;
		/* -webkit-transform: translateX(0);*/
	}

	50% {
		opacity: 1;
		/* -webkit-transform: translateX(0);*/
	}

	75% {
		opacity: 0.5;
		/* -webkit-transform: translateX(0);*/
	}

	100% {
		opacity: 0;
		display: none;
	}
}

.navbar-default {
	/*background-color: rgba(40, 54, 63, 0.88);*/
	background-color: rgba(0, 0, 0, 0.75);
	border-color: transparent;
}

.navbar-default .navbar-nav>li>a {
	color: white;
	text-transform: uppercase;
}

.navbar-default .navbar-nav>li>a:hover {
	color: #3e98d1;
}

.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:focus,
.navbar-default .navbar-nav>.active>a:hover {
	color: #51c7ed;
	background-color: #252525;
	border-bottom: 3px solid #51c7ed;
}

.navbar-brand {
	height: 50px;
	padding: 10px 10px;
}

/******* Body *******/

body {
	min-height: 100%;
	font-family: "Montserrat", sans-serif;
	line-height: 1.7em;
}

.container-fluid {
	min-height: 100%;
}

/******* Footer *******/

.footer li {
	color: #e3e3e3;
	line-height: 27px;
}

.footer p {
	color: #e3e3e3;
	line-height: 17px;
}

.footer .btn-primary {
	color: #fff;
	background-color: #51c7ed;
	padding: 8px 12px;
	text-transform: uppercase;
	border-radius: 5px;
}

.socials {
	margin-top: 10px;
}

.socials i {
	border: 1px solid #03b2ea;
	border-radius: 50px;
	width: 40px;
	text-align: center;
	padding: 12px;
}

.bt-20 {
	border-top: 1px solid;
	padding-top: 20px;
	margin-top: 70px;
	color: #5a707d;
}

#homeVid {
	height: 100vh;
}

/***** H tags *****/

h1 {
	font-family: "Forza Medium";
	font-size: 60px;
}

hr {
	width: 92px;
	border-top: 10px solid #3e98d1;
}

.hr2 {
	margin-top: 25px;
	margin-bottom: 25px;
	margin-left: auto;
	margin-right: auto;
	width: 50%;
	border-top: 1px solid rgba(255, 255, 255, 0.28);
}

.comments-img {
	max-width: 200px;
}

.vertical-center {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}

.description {
	border-top: 1px solid white;
	margin-top: 15px;
	font-size: 4rem;
}

.promo-bg {
	background-image: url("/img/bg-vidholder.jpg");
}

.callout-m {
	background-image: url(/img/bg-know.jpg);
	background-size: cover;
	background-position: center;
	min-height: 600px;
}

.callout-f {
	background-image: url(/img/bg-know-13.jpg);
	background-size: cover;
	background-position: center;
	min-height: 600px;
}

.callout-text {
	color: white;
	font-size: 9em;
	line-height: 1em !important;
	text-align: center;
	width: 98%;
	/* line-height: 14px!important; */
	font-family: "Forza Medium";
}

.details-row {
	background-color: #28363f;
	color: #1073b3;
}

.diag-back {
	background-image: url("/img/tile-left.jpg");
	background-size: cover !important;
}

.white {
	color: white !important;
}

.blue {
	color: #1073b3 !important;
}

.dark-blue {
	color: #1d527a !important;
}

.title {
	font-size: 8em;
	text-transform: uppercase;
	letter-spacing: 0.3rem;
	line-height: 13rem;
	color: white;
	opacity: 0.7;
}

.map-container {
	height: 500px;
}

.jvectormap-container {
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
	background-color: transparent;
}

.jvectormap-tip {
	position: absolute;
	display: none;
	border-radius: 2px;
	background-color: #333;
	color: #fff;
	padding: 7px 12px;
}

.space-row {
	min-height: 100px;
}

/***** Team Page *****/

.overlay {
	position: absolute;
	top: 0px;
	left: 0;
	bottom: 0px;
	right: 0;
	background: rgba(20, 20, 20, 0.7);
	opacity: 0;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	border-radius: 430px;
	width: 100%;
}

.overlay2 {
	width: 100%;
	max-width: 282px;
	display: table;
	border-radius: 50%;
	text-align: center;
	font-size: 48px;
	position: absolute;
	top: 0px;
	left: 0;
	bottom: 0px;
	right: 0;
	background: #38a9e4;
	color: white;
	opacity: 0;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.overlay2:before {
	content: " ";
	float: left;
	height: 0;
	width: 1px;
	margin: 100% 0 0;
}

.overlay2>h2 {
	position: absolute;
	top: 42%;
	transform: translateY(-50%);
	padding-left: 25%;
}

.team-image,
.entry {
	position: relative;
}

.overlay:hover {
	opacity: 1;
}

.overlay2:hover {
	opacity: 0.9;
}

.overlay p {
	color: #d4d4d4;
	padding: 0 25px;
	font-size: 1em;
	line-height: 1.75em;
}

.login-3 {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1e69de+0,3690f0+49,54a3ee+49,6db3f2+100 */
	background: rgb(30, 105, 222);
	/* Old browsers */
	background: -moz-linear-gradient(20deg,
			rgb(44, 131, 187) 0%,
			rgb(44, 131, 187) 49%,
			rgba(84, 163, 238, 1) 49%,
			rgb(55, 150, 211) 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(20deg,
			rgb(44, 131, 187) 0%,
			rgb(46, 132, 187) 49%,
			rgb(51, 139, 195) 49%,
			rgb(42, 133, 191) 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(20deg,
			rgb(44, 131, 187) 0%,
			rgb(46, 132, 187) 49%,
			rgb(51, 139, 195) 49%,
			rgb(42, 133, 191) 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#1e69de', endColorstr='#6db3f2', GradientType=1);
	/* IE6-9 fallback on horizontal gradient */
	min-height: 100vh;
	color: white;
}

.btn-login {
	background-color: #51c7ed;
	min-width: 31%;
}

.login-3 a {
	color: white;
}

/*
.float-img-2 {
    position: relative;
    top: 0;
    margin-top: -100px;
    z-index: 50;
}

.float-img-3 {
    position: relative;
    top: 0;
    z-index: 50;
}

.float-img-4 {
    position: relative;
    top: 50px;
    width: 80%;
    z-index: 50;
}
*/

#video {
	width: 75%;
}

.home-vid {
	width: 100%;
	/* Could also use width: 100%; */
	height: 100vh;
	object-fit: cover;
	position: absolute;
	/* Change position to absolute if you don't want it to take up the whole page */
	left: 0px;
	top: 0px;
	z-index: -1;
	overflow: hidden;
}

.bx-wrapper {
	margin-left: auto;
	margin-right: auto;
}

.btn-primary {
	color: #fff;
	background-color: #1073b3;
	border: none;
	border-radius: 0px;
	padding: 20px 40px;
	text-transform: uppercase;
}

.btn-secondary {
	color: #1073b3;
	background-color: #fff;
	border: none;
	border-radius: 0px;
	padding: 20px 40px;
	text-transform: uppercase;
}

.row-eq-height {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	align-items: center;
}

.vertical-align-table {
	width: 100%;
	height: 100%;
	display: table;
}

.vertical-align-cell {
	display: table-cell;
	vertical-align: middle;
}

.left-down {
	-webkit-clip-path: polygon(0 15%, 100% 0, 100% 100%, 0 100%);
	clip-path: polygon(0 15%, 100% 0, 100% 100%, 0 100%);
}

.right-down {
	-webkit-clip-path: polygon(0 0, 100% 15%, 100% 100%, 0 100%);
	clip-path: polygon(0 0, 100% 15%, 100% 100%, 0 100%);
}

.left-up {
	-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 85%);
	clip-path: polygon(0 0, 100% 0, 100% 100%, 0 85%);
}

.right-up {
	-webkit-clip-path: polygon(0 0, 100% 0%, 100% 90%, 0 100%);
	clip-path: polygon(0 0, 100% 0%, 100% 90%, 0 100%);
}

.right-wedge {
	-webkit-clip-path: polygon(0 0, 100% 10%, 100% 90%, 0% 100%);
	clip-path: polygon(0 0, 100% 10%, 100% 90%, 0% 100%);
}

.left-wedge {
	-webkit-clip-path: polygon(0 15%, 100% 0, 100% 100%, 0% 85%);
	clip-path: polygon(0 15%, 100% 0, 100% 100%, 0% 85%);
}

@media only screen and (max-width: 1366px) {
	.callout-text {
		color: white;
		font-size: 7em;
		text-align: center;
		line-height: 1em !important;
		/font-family: "Forza Medium";
	}

	.slide {
		opacity: 0;
		font-size: 5em;
		text-transform: uppercase;
		letter-spacing: 0.3rem;
		line-height: 13rem;
		color: white;
	}

	/*
    .slide-big {
        opacity: 0;
        font-size: 6em;
        text-transform: uppercase;
        letter-spacing: .3rem;
        line-height: 9rem;
        color: white;
    }
    */
}

@media only screen and (max-width: 1024px) {
	.callout {
		line-height: 7em;
	}

	.callout-text {
		color: white;
		font-size: 6em;
		text-align: center;
		/* line-height: 14px!important; */
		font-family: "Forza Medium";
	}

	/*
    .slide-small {
        opacity: 0;
        font-size: 5.5em;
        text-transform: uppercase;
        letter-spacing: .3rem;
        line-height: 13rem;
        color: white;
    }
    */
	.slide {
		opacity: 0;
		font-size: 6em;
		text-transform: uppercase;
		letter-spacing: 0.3rem;
		line-height: 9rem;
		color: white;
	}

	.overlay2 {
		max-width: 226px;
	}
}

@media only screen and (max-width: 768px) {
	.overlay2 {
		max-width: 282px;
	}

	.tablet-m-t-100 {
		margin-top: 100px !important;
	}

	.tablet-p-t-100 {
		padding-top: 100px !important;
	}

	.tablet-white {
		color: #fff !important;
	}
}

@media only screen and (max-width: 500px) {
	.ani {
		width: 320px;

		height: 568px;
	}

	#video {
		width: 100%;
	}

	.mobile-white {
		color: #fff !important;
	}

	.btn-mobile-white {
		color: #1073b3;
		background-color: #fff !important;
		border: none;
		border-radius: 0px;
		padding: 20px 40px;
		text-transform: uppercase;
	}

	.promo-bg>div>img {
		max-width: 226px;
	}

	.overlay2>h2 {
		padding-left: 20%;
	}

	h1 {
		font-size: 35px;
	}

	.title {
		margin-left: 3%;
		margin-right: 3%;
		font-size: 7rem;
		line-height: 8rem;
		text-align: center;
	}

	/*
    .slide-small {
        opacity: 0;
        font-size: 4em;
        text-transform: uppercase;
        letter-spacing: .3rem;
        line-height: 13rem;
        color: white;
    }
    */
	.slide {
		opacity: 0;
		font-size: 3.5em;
		text-transform: uppercase;
		letter-spacing: 0.3rem;
		line-height: 5rem;
		color: white;
		z-index: 100001;
	}

	.carousel-caption {
		right: 10% !important;
		left: 10% !important;
		top: 20% !important;
	}

	.right-left {
		-webkit-clip-path: polygon(0 5%, 100% 0, 100% 100%, 0 100%);
		clip-path: polygon(0 5%, 100% 0, 100% 100%, 0 100%);
	}

	.left-down {
		-webkit-clip-path: polygon(0 5%, 100% 0, 100% 100%, 0 100%);
		clip-path: polygon(0 5%, 100% 0, 100% 100%, 0 100%);
	}

	.right-down {
		-webkit-clip-path: polygon(0 0, 100% 5%, 100% 100%, 0 100%);
		clip-path: polygon(0 0, 100% 5%, 100% 100%, 0 100%);
	}

	.left-up {
		-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 97%);
		clip-path: polygon(0 0, 100% 0, 100% 100%, 0 97%);
	}

	.right-up {
		-webkit-clip-path: polygon(0 0, 100% 0%, 100% 95%, 0 100%);
		clip-path: polygon(0 0, 100% 0%, 100% 95%, 0 100%);
	}

	.right-wedge {
		-webkit-clip-path: polygon(0 0, 100% 5%, 100% 95%, 0% 100%);
		clip-path: polygon(0 0, 100% 5%, 100% 95%, 0% 100%);
	}

	.left-wedge {
		-webkit-clip-path: polygon(0 3%, 100% 0, 100% 100%, 0% 97%);
		clip-path: polygon(0 3%, 100% 0, 100% 100%, 0% 97%);
	}

	.left-d {
		background-color: #1073b3;
		/*(opacity: .85;*/
		bottom: 80%;
		height: 25%;
		-webkit-transform: skewY(-3deg);
		transform: skewY(-3deg);
		-webkit-transform-origin: right;
		transform-origin: right;
	}

	.left-d-2 {
		background-color: #1073b3;
		opacity: 0.8;
		bottom: 80%;
		height: 55%;
		-webkit-transform: skewY(-3deg);
		transform: skewY(-3deg);
		-webkit-transform-origin: right;
		transform-origin: right;
	}

	.left-d-b {
		background-color: #1073b3;
		/*(opacity: .85;*/
		bottom: -10%;
		height: 65%;
		-webkit-transform: skewY(-3deg);
		transform: skewY(-3deg);
		-webkit-transform-origin: right;
		transform-origin: right;
	}

	.right-d {
		background-color: #1073b3;
		/*(opacity: .85;*/
		bottom: -10%;
		height: 65%;
		-webkit-transform: skewY(3deg);
		transform: skewY(3deg);
		-webkit-transform-origin: right;
		transform-origin: right;
	}

	.right-d-t {
		background-color: #1073b3;
		opacity: 0.85;
		bottom: -10%;
		height: 65%;
		-webkit-transform: skewY(5deg);
		transform: skewY(5deg);
		-webkit-transform-origin: left;
		transform-origin: left;
	}

	.double-1 {
		background-color: #1073b3;
		opacity: 0.5;
		bottom: -40%;
		height: 70%;
		-webkit-transform: skewY(10deg);
		transform: skewY(10deg);
		-webkit-transform-origin: right;
		transform-origin: right;
	}

	.double-2 {
		background-color: #1073b3;
		opacity: 0.85;
		bottom: -50%;
		height: 100%;
		-webkit-transform: skewY(15deg);
		transform: skewY(15deg);
		-webkit-transform-origin: right;
		transform-origin: right;
	}

	.callout {
		line-height: 5em;
	}

	.callout-text {
		color: white;
		font-size: 5em;
		text-align: center;
		/* line-height: 14px!important; */
		font-family: "Forza Medium";
	}

	.row-eq-height {
		display: block;
		align-items: center;
	}

	.partner-logo {
		min-height: 128px;
	}

	.mobile-tb-no-margin {
		margin-top: 0px !important;
		margin-bottom: 0px !important;
	}

	.mobile-tb-no-padding {
		padding-top: 0px !important;
		padding-bottom: 0px !important;
	}

	.mobile-tb-50 {
		padding-top: 50px !important;
		padding-bottom: 50px !important;
	}

	.mobile-p-b-50 {
		padding-bottom: 50px !important;
	}

	.mobile-p-t-50 {
		padding-top: 50px !important;
	}

	.mobile-b-no-padding {
		padding-bottom: 0px !important;
	}

	.mobile-t-no-padding {
		padding-top: 0px !important;
	}

	.mobile-p-b-100 {
		padding-bottom: 100px !important;
	}

	.mobile-p-t-100 {
		padding-top: 100px !important;
	}

	.footer .btn-primary {
		color: #fff;
		background-color: #51c7ed;
		padding: 8px 22px;
		text-transform: uppercase;
		border-radius: 5px;


	}
}

/*Notofication*/
.notification-wrap {
	margin: 10px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	padding: 10px 5px;

	position: relative;
}

.notification-wrap p {
	margin: 0px;
	padding-left: 30px;
	padding-right: 5px;
	text-align: left;
	color: #555;
}

.warning {
	background-position: 0px 0px;
	border: #d8b15a 1px solid;
}

.error {
	background-color: rgb(238, 48, 48);
}

.warning span {
	text-transform: uppercase;
	color: #c36508;
}

.information {
	background-position: 0px -230px;
	border: #8abbe6 1px solid;
}

.information span {
	text-transform: uppercase;
	color: #1768af;
}

.success {
	background-position: 0px -460px;
	background-color: #87c27c;
	color: #fff;
	border: #87c27c 1px solid;
}

.success span {
	text-transform: uppercase;
}

.failuer {
	background-position: 0px -690px;
	border: #dc8c7e 1px solid;
}

.failuer span {
	text-transform: uppercase;
	color: #e63112;
}

.icon-warning {
	background: url(../../img/admin/notify-icons.png) no-repeat 0px -5px;
	padding-left: 30px;
	padding-right: 10px;
	display: inline-block;
	float: left;
}

.icon-information {
	background: url(../../img/admin/notify-icons.png) no-repeat 0px -35px;
	padding-left: 30px;
	padding-right: 10px;
	display: inline-block;
	float: left;
}

.icon-success {
	background: url(../../img/admin/notify-icons.png) no-repeat 0px -65px;
	padding-left: 30px;
	padding-right: 10px;
	display: inline-block;
	float: left;
}

.icon-failure {
	background: url(../../img/admin/notify-icons.png) no-repeat 0px -95px;
	padding-left: 30px;
	padding-right: 10px;
	display: inline-block;
	float: left;
}

/*cake validation error*/
.error-message {
	/*background-color:#a90329;*/
	color: red;
	border: 1px solid red;
}