/* THEME STYLES */
#slider-sequence {
	position: relative;
	overflow:hidden;
	background:#d9d9d9;
	width:100%;
	-webkit-backface-visibility:hidden;
}

.homeslider {
	width:100%;
	height:225px;
}

#slider-sequence  > .sequence-canvas {
	height: 100%;
	width: 100%;
}

#slider-sequence > .sequence-canvas > li {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 1;
  
}

#slider-sequence  > .sequence-canvas li > * {
    position: absolute;
  /* only cause the left and opacity properties to transition */
    -webkit-transition-property: left, opacity;
    -moz-transition-property: left, opacity;
    -ms-transition-property: left, opacity;
    -o-transition-property: left, opacity;
    transition-property: left, opacity;
}

#slider-sequence  .sequencebg {
	position: relative;
}

/* important */
#slider-sequence  > .sequence-canvas li > .container {
	position: relative !important;
}

#slider-sequence  > .sequence-canvas li > .sequence-container {
	height:100%;
}

/* important for autoplay */
#slider-sequence  > .sequence-canvas li > .sequencebg,
#slider-sequence  > .sequence-canvas li > .sequence-container {
	-webkit-transition-duration:0.4s;
	-moz-transition-duration:0.4s;
	-o-transition-duration:0.4s;
	-ms-transition-duration:0.4s;
	transition-duration:0.4s;
	opacity:0;
}

#slider-sequence  > .sequence-canvas li.animate-in > .sequencebg,
#slider-sequence  > .sequence-canvas li.animate-in > .sequence-container {
	opacity:1;
}

#slider-sequence  > .sequence-canvas li.animate-out > .sequencebg,
#slider-sequence  > .sequence-canvas li.animate-out > .sequence-container {
	opacity:0;
}

#slider-sequence  > .sequence-canvas li > .sequence-container > * {
	position: absolute;
  /* only cause the left and opacity properties to transition */
    -webkit-transition-property: left, opacity;
    -moz-transition-property: left, opacity;
    -ms-transition-property: left, opacity;
    -o-transition-property: left, opacity;
    transition-property: left, opacity;
}

#slider-sequence > .sequence-canvas > li .sequencebg-image {
	display:block;
	max-width:100%;
	height:100%;
	opacity:0;
	-webkit-transition-duration:1.2s;
	-moz-transition-duration:1.2s;
	-o-transition-duration:1.2s;
	-ms-transition-duration:1.2s;
	transition-duration:1.2s;
}

#slider-sequence > .sequence-canvas > li.animate-in .sequencebg-image {
	opacity:1;
}


#slider-sequence  > .sequence-canvas li > * {
	position: absolute;
}

.sequence-next,
.sequence-prev {
	background-color: #fafafa;
	background-image: url('../images/sprites/homeslidernav.png');
	background-repeat: no-repeat;
	cursor: pointer;
	position: absolute;
	top: 50%;
	width:56px;
	height:41px;
	z-index: 888;
	margin-top: -20.5px;
	border:1px solid #e0e0e0;
	-webkit-transition:background-color 0.6s ease-in-out, border 0.6s ease-in-out;
	-moz-transition:background-color 0.6s ease-in-out, border 0.6s ease-in-out;
	-o-transition:background-color 0.6s ease-in-out, border 0.6s ease-in-out;
	-ms-transition:background-color 0.6s ease-in-out, border 0.6s ease-in-out;
	transition:background-color 0.6s ease-in-out, border 0.6s ease-in-out;
	-webkit-box-shadow:inset 0 1px 1px #fff, 0 1px 1px rgba(0,0,0, 0.1);
	box-shadow:inset 0 1px 1px #fff, 0 1px 1px rgba(0,0,0, 0.1);
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	border-radius:3px;
}

.sequence-prev {
  left:20px;
  background-position: 0 0;
}

.sequence-next {
  right:20px;
  background-position: -54px 0;
}

.sequence-next:hover,
.sequence-prev:hover {
	background-color:#7b9fcf;
	border-color:#7b9fcf;
	-webkit-box-shadow:none;
	box-shadow:none;
}

.sequence-prev:hover {
	background-position: 0 -39px;
}

.sequence-next:hover {
	background-position: -54px -39px;
}

.sequence-pause {
	bottom: 0;
	cursor: pointer;
	position: absolute;
	z-index: 1000;
}

.sequence-paused {
	opacity: 0.3;
}

.sequence-pagination {
	bottom: 20px;
	display: none;
	width:100%;
	text-align:center;
	position: absolute;
	z-index: 10;
	height:10px;
}
.sequence-pagination li {
	display: inline-block;
	width:10px;
	height:10px;
	background:#444645;
	border-radius:500px;
	text-indent:-9999px;
	margin:0 4px;
	cursor:pointer;
	-webkit-transition:background 0.4s ease-in-out;
	-moz-transition:background 0.4s ease-in-out;
	-o-transition:background 0.4s ease-in-out;
	-ms-transition:background 0.4s ease-in-out;
	transition:background 0.4s ease-in-out;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
}

.sequence-pagination li.current {
	background-color:#3854cd;
	-webkit-box-shadow:inset 0 1px 1px rgba(255, 255, 255, 0.7);
	box-shadow:inset 0 1px 1px rgba(255, 255, 255, 0.7);

}

/* content */
.sequence-title {
	font:400 33px/1 "Oswald", Arial, sans-serif;
	color:#444645;
	width: 35%;
	opacity: 0;
	z-index: 50;
	text-transform:uppercase;
	position: absolute;
}

.animate-in .sequence-title {
	opacity: 1;
	-webkit-transition-duration: 0.7s;
	-moz-transition-duration: 0.7s;
	-o-transition-duration:  0.7s;
	-ms-transition-duration:  0.7s;
	transition-duration:  0.7s;
}

.animate-out .sequence-title {
	opacity: 0;
	-webkit-transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
	-o-transition-duration: 0.3s;
	-ms-transition-duration: 0.3s;
	transition-duration: 0.3s;
	
}


.sequence-slide1 .sequence-title {
	top:28%;
	max-width:450px;
	text-transform:capitalize;
	line-height:1.2;
}

.sequence-slide1 .sequence-title,
.sequence-slide1.animate-out .sequence-title {
	left: 20%;
}

.sequence-slide1.animate-in .sequence-title{
	left:6%;
}

.desc-list {
	font:400 20px/27px "Gudea", Arial, sans-serif;
	color:#606060;
	width: 35%;
	opacity: 0;
	z-index: 50;
	position: absolute;
	padding-left:40px;
	background:url('../images/homeslider/slider1-list.png') no-repeat left center;
}

.animate-in .desc-list {
	opacity: 1;
	-webkit-transition-duration: 0.7s;
	-moz-transition-duration: 0.7s;
	-o-transition-duration:  0.7s;
	-ms-transition-duration:  0.7s;
	transition-duration:  0.7s;
}

.animate-out .desc-list {
	opacity: 0;
	-webkit-transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
	-o-transition-duration: 0.3s;
	-ms-transition-duration: 0.3s;
	transition-duration: 0.3s;
	
}

.sequence-slide1 .desc-list,
.sequence-slide1.animate-out .desc-list {
	left:20%;
}

.sequence-slide1.animate-in .desc-list {
	left:6%;
}

.sequence-slide1 .desc-list1 {
	top:46%;
	transition-delay: 0.1s;
	-webkit-transition-delay: 0.1s;
	-ms-transition-delay: 0.1s;
	-o-transition-delay: 0.1s;
	-moz-transition-delay: 0.1s;
}


.sequence-slide1 .desc-list2 {
	top:53%;
	transition-delay: 0.5s;
	-webkit-transition-delay: 0.5s;
	-ms-transition-delay: 0.5s;
	-o-transition-delay: 0.5s;
	-moz-transition-delay: 0.5s;
}


.sequence-slide1 .desc-list3 {
	top:60%;
	transition-delay: 1s;
	-webkit-transition-delay: 1s;
	-ms-transition-delay: 1s;
	-o-transition-delay: 1s;
	-moz-transition-delay: 1s;
}


.sequence-slide1 .desc-list4 {
	top:67%;
	transition-delay: 1.5s;
	-webkit-transition-delay: 1.5s;
	-ms-transition-delay: 1.5s;
	-o-transition-delay: 1.5s;
	-moz-transition-delay: 1.5s;
}

.sequence-slide1 .desc-list5 {
	top:74%;
	transition-delay: 2s;
	-webkit-transition-delay: 2s;
	-ms-transition-delay: 2s;
	-o-transition-delay: 2s;
	-moz-transition-delay: 2s;
}


.sequence-slide2 .sequence-title {
	width:50%;
}

.sequence-slide2 .sequence-title {
	-webkit-transition-delay:1.2s;
	-moz-transition-delay:1.2s;
	-o-transition-delay:1.2s;
	-ms-transition-delay:1.2s;
	transition-delay:1.2s;
}

.sequence-slide2 .sequence-title {
	top:10%;
}

.sequence-slide2 .sequence-title,
.sequence-slide2.animate-out .sequence-title {
	left:30%;
}

.sequence-slide2.animate-in .sequence-title{
	left:3%;
}

.sequence-slide3 .sequence-title {
	left:20%;
	top:32%;
	-webkit-transition-delay:1.5s;
	-moz-transition-delay:1.5s;
	-o-transition-delay:1.5s;
	-ms-transition-delay:1.5s;
	transition-delay:1.5s;
}

.sequence-slide3.animate-in .sequence-title{
	left:9%;
}

.sequence-slide3.animate-out .sequence-title {
	left:20%;
}

.sequence-subtitle {
	color: black;
	font:400 26px/30px "Gudea", Arial, sans-serif;
	color:#707171;
	width: 40%;
	opacity: 0;
}

.animate-in .sequence-subtitle {
	opacity: 1;
	-webkit-transition-duration:0.8s;
	-moz-transition-duration:0.8s;
	-o-transition-duration:0.8s;
	-ms-transition-duration:0.8s;
	transition-duration:0.8s;
	-webkit-transition-delay:0.6s;
	-moz-transition-delay:0.6s;
	-o-transition-delay:0.6s;
	-ms-transition-delay:0.6s;
	transition-delay:0.6s;

}

.animate-out .sequence-subtitle {
	opacity: 0;
	-webkit-transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
	-ms-transition-duration: 0.3s;
	-o-transition-duration: 0.3s;
	transition-duration: 0.3s;
}

.sequence-slide2 .sequence-subtitle {
	-webkit-transition-delay:1.8s;
	-moz-transition-delay:1.8s;
	-o-transition-delay:1.8s;
	-ms-transition-delay:1.8s;
	transition-delay:1.8s;
	top:18%;
}

.sequence-slide2 .sequence-subtitle,
.sequence-slide2.animate-out .sequence-subtitle {
	left:30%;
}

.sequence-slide2.animate-in .sequence-subtitle{
	left:3%;
}

.sequence-slide3 .sequence-subtitle {
	font-size:22px;
	line-height:27px;
	color:#4f5150;
	-webkit-transition-delay:2s;
	-moz-transition-delay:2s;
	-o-transition-delay:2s;
	-ms-transition-delay:2s;
	transition-delay:2s;
	top:41%;
	left: 20%;
}

.sequence-slide3.animate-in .sequence-subtitle{
	left:9%;
}

.sequence-slide3.animate-out .sequence-subtitle {
	left: 20%;
}

.btn-sequence {
	text-transform:uppercase;
	opacity: 0;
}

.animate-in .btn-sequence{
	opacity: 1;
	-webkit-transition-duration: 0.8s;
	-moz-transition-duration: 0.8s;
	-o-transition-duration: 0.8s;
	-ms-transition-duration: 0.8s;
	transition-duration: 0.8s;
	-webkit-transition-delay:1.1s;
	-moz-transition-delay:1.1s;
	-o-transition-delay:1.1s;
	-ms-transition-delay:1.1s;
	transition-delay:1.1s;
}

.animate-out .btn-sequence {
	opacity: 0;
	-webkit-transition-duration: 0.2s;
	-moz-transition-duration: 0.2s;
	-ms-transition-duration: 0.2s;
	-o-transition-duration: 0.2s;
	transition-duration: 0.2s;
}

.sequence-slide2 .btn-sequence {
	-webkit-transition-delay:1.8s;
	-moz-transition-delay:1.8s;
	-o-transition-delay:1.8s;
	-ms-transition-delay:1.8s;
	transition-delay:1.8s;
}

.sequence-slide2 .btn-sequence{
	left:30%;
	top:31%;
}

.sequence-slide2.animate-in .btn-sequence {
	left:3%;
}

.sequence-slide2.animate-out .btn-sequence {
	left:30%;
}

.sequence-slide3 .btn-sequence {
	top:53%;
	-webkit-transition-delay:2.5s;
	-moz-transition-delay:2.5s;
	-o-transition-delay:2.5s;
	-ms-transition-delay:2.5s;
	transition-delay:2.5s;
}

.sequence-slide3 .btn-sequence,
.sequence-slide3.animate-out .btn-sequence {
	left: 20%;
}

.sequence-slide3.animate-in .btn-sequence {
	left:9%;
}

.sequence-model,
.sequence-model2 {
  opacity: 0;
  height: auto !important;
}

.animate-in .sequence-model,
.animate-in .sequence-model2 {
  opacity: 1;
  -webkit-transition-duration: 1.6s;
  -moz-transition-duration: 1.6s;
  -ms-transition-duration:1.6s;
  -o-transition-duration: 1.6s;
  transition-duration: 1.6s;
}

.animate-out .sequence-model,
.animate-out .sequence-model2 {
  opacity: 0;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -ms-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}

.sequence-slide1 .sequence-model {
	width:72%;
	-webkit-transition-duration: 1.8s;
	-moz-transition-duration: 1.8s;
	-ms-transition-duration:1.8s;
	-o-transition-duration: 1.8s;
	transition-duration: 1.8s;
	transition-delay:0.4s;
	-webkit-transition-delay:0.4s;
	-moz-transition-delay:0.4s;
	-ms-transition-delay:0.4s;
	-o-transition-delay:0.4s;
}

.sequence-slide1 .sequence-model,
.sequence-slide1.animate-out .sequence-model {
	left:10%;
	bottom:0;
}

.sequence-slide1.animate-in .sequence-model {
	left:26%;
}

.sequence-slide3 .sequence-model {
	width:65%;
}

.sequence-slide3 .sequence-model,
.sequence-slide3.animate-out .sequence-model {
	left:-30%;
	bottom:18%;
}

.sequence-slide3.animate-in .sequence-model {
	left:15px;
}

.sequence-slide3 .sequence-model2 {
	height: auto !important;
	width:30%;
	bottom:5%;
}

.sequence-slide3 .sequence-model2,
.sequence-slide3.animate-out .sequence-model2 {
	left:130%;
}

.sequence-slide3.animate-in .sequence-model2 {
	left:32%;
}
/* */
.sequence-slide2 .sequence-model {
	-webkit-transition-duration:1.2s;
	-moz-transition-duration:1.2s;
	-o-transition-duration:1.2s;
	-ms-transition-duration:1.2s;
	transition-duration:1.2s;
}

.sequence-slide2 .sequence-model,
.sequence-slide2.animate-out .sequence-model {
	left:30%;
	bottom:0;
	width:42%;
}

.sequence-slide2.animate-in .sequence-model {
	left:3%;
}

.sequence-slide2 .sequence-phone {
	left:40%;
	opacity:0;
	width:6%;
	height:auto;
	top:60%;
	-webkit-transition-duration:1.5s;
	-moz-transition-duration:1.5s;
	-o-transition-duration:1.5s;
	-ms-transition-duration:1.5s;
	transition-duration:1.5s;
	z-index:45;
	-webkit-transition-delay:0.4s;
	-moz-transition-delay:0.4s;
	-o-transition-delay:0.4s;
	-ms-transition-delay:0.4s;
	transition-delay:0.4s;
}

.sequence-slide2.animate-in .sequence-phone {
	left:54%;
	opacity:1;
}
.sequence-slide2.animate-out .sequence-phone {
	-webkit-transition-duration:0.3s;
	-moz-transition-duration:0.3s;
	-o-transition-duration:0.3s;
	-ms-transition-duration:0.3s;
	transition-duration:0.3s;
	opacity:0;
	left:40%;

}

.sequence-slide2 .sequence-tablet {
	left:40%;
	opacity:0;
	width:7%;
	height:auto;
	top:48%;
	-webkit-transition-duration:1.8s;
	-moz-transition-duration:1.8s;
	-o-transition-duration:1.8s;
	-ms-transition-duration:1.8s;
	transition-duration:1.8s;
	-webkit-transition-delay:0.2s;
	-moz-transition-delay:0.2s;
	-o-transition-delay:0.2s;
	-ms-transition-delay:0.2s;
	transition-delay:0.2s;
	z-index:40;
}

.sequence-slide2.animate-in .sequence-tablet {
	left:61%;
	opacity:1;
}
.sequence-slide2.animate-out .sequence-tablet {
	-webkit-transition-duration:0.3s;
	-moz-transition-duration:0.3s;
	-o-transition-duration:0.3s;
	-ms-transition-duration:0.3s;
	transition-duration:0.3s;
	opacity:0;
	left:40%;
	-webkit-transition-delay:0.5s;
	-moz-transition-delay:0.5s;
	-o-transition-delay:0.5s;
	-ms-transition-delay:0.5s;
	transition-delay:0.5s;
}

.sequence-slide2 .sequence-screen {
	left:35%;
	opacity:0;
	width:27%;
	height:auto;
	top:20%;
	-webkit-transition-duration:2.5s;
	-moz-transition-duration:2.5s;
	-o-transition-duration:2.5s;
	-ms-transition-duration:2.5s;
	transition-duration:2.5s;
}

.sequence-slide2.animate-in .sequence-screen {
	left:69%;
	opacity:1;
}

.sequence-slide2.animate-out .sequence-screen {
	-webkit-transition-duration:0.3s;
	-moz-transition-duration:0.3s;
	-o-transition-duration:0.3s;
	-ms-transition-duration:0.3s;
	transition-duration:0.3s;
	opacity:0;
	left:40%;
}

.sequence-price {
	width:135px;
	height:135px;
	background:#a8bf00;
	color:#fff;
	text-align:center;
	font: 400 30px/1 'Gudea', Arial, sans-serif;
	line-height:135px;
	border-radius:500px;
	z-index:99;
}

.animate-in .sequence-price {
	-webkit-transition-duration:1s;
	-moz-transition-duration:1s;
	-o-transition-duration:1s;
	-ms-transition-duration:1s;
	transition-duration:1s;
	
	-webkit-transition-delay:2s;
	-moz-transition-delay:2s;
	-o-transition-delay:2s;
	-ms-transition-delay:2s;
	transition-delay:2s;	
}

.animate-out .sequence-price {
	-webkit-transition-duration:0.3s;
	-moz-transition-duration:0.3s;
	-o-transition-duration:0.3s;
	-ms-transition-duration:0.3s;
	transition-duration:0.3s;
}
.sequence-slide2 .sequence-price {
	top:9%;
}

.sequence-slide2 .sequence-price,
.sequence-slide2.animate-out .sequence-price {
	left:-30%;
}

.sequence-slide2.animate-in .sequence-price {
	left:30%;
}

@media (min-width: 1200px) {

	.homeslider {
		height:300px;
	}

	.sequence-title {
		font-size:35px;
	}

	.sequence-subtitle {
		font-size:26px;
	}

}

@media (min-width: 768px) and (max-width: 979px) {
	
	.homeslider {
		height:225px;
	}

	.sequence-prev {
		left:5px;
	}

	.sequence-next {
		right:5px;
	}

	.sequence-title {
		font-size:30px;
		width: 50%;
	}
	
	.sequence-subtitle {
		font-size:22px;
		width: 40%;
	}
	
	.sequence-slide1 .sequence-subtitle {
		top:45%;
	}
	
	.sequence-slide1 .btn-sequence {
		top:62%;
	}

	.sequence-slide1 .desc-list1 {
		top:50%;
	}


	.sequence-slide1 .desc-list2 {
		top:58%;
	}


	.sequence-slide1 .desc-list3 {
		top:66%;
	}


	.sequence-slide1 .desc-list4 {
		top:74%;
	}

	.sequence-slide1 .desc-list5 {
		top:82%;
	}
	
	.sequence-slide2 .sequence-title,
	.sequence-slide2 .sequence-subtitle 	{
		width:60%;
	}
	
	.sequence-slide2 .sequence-subtitle {
		top:20%;
	}
	
	.sequence-slide2 .btn-sequence{
		top:38%;
	}

	.sequence-slide3 .sequence-subtitle {
		top:43%;
	}
	
	.sequence-slide3 .btn-sequence {
		top:68%;
	}
	.sequence-slide3.animate-in .sequence-title,
	.sequence-slide3.animate-in .sequence-subtitle,
	.sequence-slide3.animate-in .btn-sequence{
		left:10%;
	}
	
}

@media only screen and (max-width: 768px) {

	.homeslider {
		height:168px;
	}

	.sequence-next,
	.sequence-prev {
		width:42px;
		height:30px;
		margin-top: -15px;
	}

	.sequence-prev {
		background-position: -108px 0;
		left:5px;
	}

	.sequence-next {
		background-position: -148px 0;
		right:5px;
	}

	.sequence-prev:hover {
		background-position: -108px -28px;
	}

	.sequence-next:hover {
		background-position: -148px -28px;
	}
	
	.btn-sequence {
		font-size:12px !important;
		padding:4px 10px !important;
	}
	
	.sequence-title {
		font-size:20px;
		width: 60%;
	}
	
	.sequence-slide1 .sequence-subtitle,
	.sequence-slide2 .sequence-subtitle,
	.sequence-slide3 .sequence-subtitle,
	.sequence-slide1 .desc-list	{
		display:none;
	}
	

	.sequence-slide1 .btn-sequence {
		top:46%;
	}
	
	.sequence-slide2 .sequence-title	{
		width:65%;
	}
	
	.sequence-slide2 .btn-sequence{
		top:22%;
	}

	.sequence-slide3 .btn-sequence {
		top:43%;
	}

	.sequence-slide3.animate-in .sequence-title
	.sequence-slide3.animate-in .btn-sequence{
		left:10%;
	}

	.sequence-pagination {
		display:none !important;
	}

}

@media only screen and (max-width: 568px) {
 
	.homeslider {
		height:138px;
	}
	
}

@media only screen and (max-width: 480px) {

	.homeslider {
		height:120px;
	}

	.sequence-title {
		font-size:20px;
		padding:0 15px;
	}
	
	.sequence-slide1 .sequence-title,
	.sequence-slide2 .sequence-title,
	.sequence-slide3 .sequence-title {
		top:25px;
		width:100%;
		text-align:center;
	}
	
	.sequence-slide1.animate-in .sequence-title,
	.sequence-slide2.animate-in .sequence-title,
	.sequence-slide3.animate-in .sequence-title{
		left:0;
		
	}
	.sequence-slide1 .btn-sequence,
	.sequence-slide2 .btn-sequence,
	.sequence-slide3 .btn-sequence{
		top:52%;
	}
	
}


@media only screen and (max-width: 418px) {
	.homeslider {
		height:87px;
	}
}

@media only screen and (max-width: 320px) {
	.homeslider {
		height:80px;
	}
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {

	.sequence-next,
	.sequence-prev {
		background-image: url('../images/sprites/homeslidernav@2x.png');
		background-size: 200px 78px;
		-webkit-background-size: 200px 78px;
	}

	.desc-list {
		background:url('../images/homeslider/slider1-list.png') no-repeat left center;
		background-size: 25px 20px;
		-webkit-background-size: 25px 20px;
	}

}