/* THEME STYLES */
.slider {
	font-size:100%;
	height:500px;
	position:relative;
	max-width: 1680px;
	min-width: 320px;
	margin: 0 auto;
}

.slider > .sequence-canvas {
	height: 100%;
	width: 100%;
	vertical-align: middle;
}
.slider > .sequence-canvas > li {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 1;
}
.slider > .sequence-canvas li > * {
	position: absolute;
	-webkit-transition-timing-function: ease-in-out;
	-moz-transition-timing-function: ease-in-out;
	-ms-transition-timing-function: ease-in-out;
	-o-transition-timing-function: ease-in-out;
	transition-timing-function: ease-in-out;
}

.slider .info h2 {
	font-size:269%;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight:300;
	text-align:center;
	width:100%; 
	color:#fff;
	letter-spacing:0.05em;
	height:auto;
}
.slider .info p {
	color:#fff;
	font-size:115.4%;
	font-family: 'Kameron', serif;
	line-height:100%;
	font-weight:500;
	letter-spacing:0.1em;
}
.slider .info p span {
	padding-bottom:10px;
}	
.slider .info {
	color: #fff;
	left:0px;
	width: 100%;
	z-index: 10;
	opacity: 0;
	-webkit-transition-duration: 1s;
	-moz-transition-duration: 1s;
	-ms-transition-duration: 1s;
	-o-transition-duration: 1s;
	transition-duration: 1s;
	-webkit-transition-property: "opacity";
	-moz-transition-property: "opacity";
	-ms-transition-property: "opacity";
	-o-transition-property: "opacity";
	transition-property: "opacity";
	-webkit-transition-timing-function: linear;
	-moz-transition-timing-function: linear;
	-ms-transition-timing-function: linear;
	-o-transition-timing-function: linear;
	transition-timing-function: linear;
}
.slider .animate-in .info {
	opacity: 1;
}
.slider .animate-out .info {
	opacity: 0;
}

.slider .logo_x {
	color: #fff;
	left:0px;
	width: 100%;
	z-index: 10;
	opacity: 0;
	-webkit-transition-duration: 1s;
	-moz-transition-duration: 1s;
	-ms-transition-duration: 1s;
	-o-transition-duration: 1s;
	transition-duration: 1s;
	-webkit-transition-property: "opacity";
	-moz-transition-property: "opacity";
	-ms-transition-property: "opacity";
	-o-transition-property: "opacity";
	transition-property: "opacity";
	-webkit-transition-timing-function: linear;
	-moz-transition-timing-function: linear;
	-ms-transition-timing-function: linear;
	-o-transition-timing-function: linear;
	transition-timing-function: linear;
}

.slider .animate-in .logo_x {
	opacity: 1;
}
.slider .animate-out .logo_x {
	opacity: 0;
}

.slider .main_bg {
	height: auto;
	width: 100%;
	left: 0%;
	opacity: 0;
	vertical-align:baseline;
	z-index: 1;
	-webkit-transition-duration: 1s;
	-moz-transition-duration: 1s;
	-ms-transition-duration: 1s;
	-o-transition-duration: 1s;
	transition-duration: 1s;
	-webkit-transition-property: "opacity";
	-moz-transition-property: "opacity";
	-ms-transition-property: "opacity";
	-o-transition-property: "opacity";
	transition-property: "opacity";
	-webkit-transition-timing-function: linear;
	-moz-transition-timing-function: linear;
	-ms-transition-timing-function: linear;
	-o-transition-timing-function: linear;
	transition-timing-function: linear;
}

.slider .animate-in .main_bg {
	opacity: 1;
}
.slider .animate-out .main_bg {
	opacity: 0;
}

@media only screen and (min-width: 960px){
	.slider #main1 .main_bg {
		bottom: -10%;
	}
	.slider .logo_x {
		margin-top:0px;
	}
	.slider .logo_x img {
		width:960px;
	}
	.slider #main1 .info h2 {
		font-size:232%;
		text-align:center;
		margin:220px 0px 10px 0px;
		line-height:100%;
	}
	.slider #main3 .info h2 {
		text-align:center;
		line-height:140%;
	}
}
@media only screen and (max-width: 960px){
	.slider .logo_x {
		margin-top:0px;
	}
	.slider .logo_x img {
		width:100%;
	}
}
@media only screen and (max-width: 768px){
	.slider .logo_x {
		margin-top:0px;
	}
	.slider .logo_x img {
		width:100%;
	}
}
@media only screen and (max-width: 640px){
	.slider .info {
		font-size:90%;
		width:100%;
	}
	.slider .logo_x {
		margin-top:0px;
	}
	.slider .logo_x img {
		width:100%;
	}
	.slider #main1 .info h2 {
		margin:150px 0px 10px 0px;
		line-height:100%;
		color:#fff;
		letter-spacing:0.05em;
	}
}
@media only screen and (max-width: 480px){
	.slider .info {
		font-size:50%;
		width:100%;
	}
	.slider .info p {
	}
	.slider .logo_x {
		margin-top:0px;
	}
	.slider .logo_x img {
		width:100%;
	}
	.slider #main1 .info h2 {
		margin:90px 0px 10px 0px;
		line-height:100%;
		color:#fff;
		letter-spacing:0.05em;
	}
}
@media only screen and (max-width: 320px){
	.slider .info {
		font-size:45%;
		width:100%;
	}
	.slider .info p {
		line-height:20%;
	}
	.slider .logo_x {
		margin-top:-2%;
	}
	.slider .logo_x img {
		width:100%;
	}
	.slider #main1 .info h2 {
		margin:80px 0px 10px 0px;
		line-height:100%;
		color:#fff;
		letter-spacing:0.05em;
	}
	.slider #main1 .info p {
		color:#fff;
		font-size:115.4%;
		line-height:50%;
	}
}