/***************************
Slider 1
****************************/
/** Main slider style **/
#wrapper_top{
    width: 100%;
}

#wrapper_slider {
    height: 250px;
    margin: 0 auto 8px auto;
    position: relative;
    overflow: hidden;
    max-width: 1200px;
    width: 100%;
    color: #FFFFFF; 
}


.next,.prev {
    color: white;
    cursor: pointer;
    display: none;
    font-weight: bold;
    padding: 10px 15px;
    position: absolute;
    top: 50%;
    z-index: 1000;
    height: auto;
    margin-top: -47.5px;
}
.prev {
    left: 0;
}

.next {
	right:0;
}

.prev img, .next img{
    height: 100%;
    width: auto;
}

#sequence-preloader{
    background-color: #FFFFFF;
}

#nav {
    bottom:10px;
    width: 100%;
    text-align: center;
    height: 13px;
    overflow: hidden;
    display: block;
    position: absolute;
    z-index:9999;
}

#nav li {
    padding:1px;
    display: inline;
    text-align:center;
    cursor:pointer;
}

#nav li img {
    cursor: pointer;
    display: inline;
}
#nav li img.active{
    margin-top: -24px;
}
#sequence li{
    height: 100%;
    position: absolute;
    top: -50%;
    width: 100%;
}

#sequence li * {
    position: absolute;
}

#sequence li img{
    height: 256px;
}

#sequence {
    display: block;
    height: 100%;
    margin: 0;
    position: absolute;
    max-width: 1280px;
    width: 100%;
}



.next,.prev {
    position: absolute;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    filter: alpha(opacity=60);
    opacity: 0.6;
    -webkit-transition-duration: 1s;
    -moz-transition-duration: 1s;
    -o-transition-duration: 1s;
    -ms-transition-duration: 1s;
    transition-duration: 1s;
}

.next:hover,.prev:hover {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
    -webkit-transition-duration: 1s;
    -moz-transition-duration: 1s;
    -o-transition-duration: 1s;
    -ms-transition-duration: 1s;
    transition-duration: 1s;
}

.title {
    left: 65%;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    width: 35%;
    opacity: 0;
    bottom: 15%;
    z-index: 50;
}

.title.animate-in {
    left: 50%;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;

    -webkit-transition-duration: .5s;
    -moz-transition-duration: .5s;
    -o-transition-duration: .5s;
    -ms-transition-duration: .5s;
    transition-duration: .5s;
}

.title.animate-out {
    left: 35%;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;

    -webkit-transition-duration: .5s;
    -moz-transition-duration: .5s;
    -o-transition-duration: .5s;
    -ms-transition-duration: .5s;
    transition-duration: .5s;
}

.subtitle {
    left: 35%;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    width: 40%;
    opacity: 0;
    top: 92%;
}

.subtitle.animate-in {
    left: 50%;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
    -webkit-transition-duration: 1s;
    -moz-transition-duration: 1s;
    -o-transition-duration: 1s;
    -ms-transition-duration: 1s;
    transition-duration: 1s;
}

.subtitle.animate-out {
    left: 65%;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-transition-duration: .5s;
    -moz-transition-duration: .5s;
    -o-transition-duration: .5s;
    -ms-transition-duration: .5s;
    transition-duration: .5s;
}
.btn_slider {
    left: 5%;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    width: auto;
    opacity: 0;
    top: 115%;
}
#sequence li a.btn_slider i.icon-white{
    position: relative;
}
.btn_slider.animate-in {
    left: 50%;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
    -webkit-transition-duration: 1.5s;
    -moz-transition-duration: 1.5s;
    -o-transition-duration: 1.5s;
    -ms-transition-duration: 1.5s;
    transition-duration: 1.5s;
}

.btn_slider.animate-out {
    left: 95%;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-transition-duration: 1s;
    -moz-transition-duration: 1s;
    -o-transition-duration: 1s;
    -ms-transition-duration: 1s;
    transition-duration: 1s;
}
.model {
    left: 60%;
    bottom: -34%;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    position: relative;
    height: auto !important;
    max-height: 256px !important;
    width: 30%;
    min-width: 225px; /*prevents the model from shrinking when the browser is resized*/
    max-width: 256px;
}

.model.animate-in {
    left: 15%;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
    -webkit-transition-duration: 1s;
    -moz-transition-duration: 1s;
    -o-transition-duration: 1s;
    -ms-transition-duration: 1s;
    transition-duration: 1s;
}

.model.animate-out {
    left: 15%;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;

    -webkit-transition-duration: .5s;
    -moz-transition-duration: .5s;
    -o-transition-duration: .5s;
    -ms-transition-duration: .5s;
    transition-duration: .5s;
}

@media only screen and (min-width : 992px) {
    .title{
        width: 42%;
    }
	
}
@media only screen and (max-width : 979px) {
	#wrapper_slider{
		height: 165px!important;
	}

}
@media only screen and (max-width : 838px) {
	
    .model{
        max-height: 256px !important;
        width: auto;
    }
	#wrapper_slider{
		height: 165px!important;
	}
}

@media only screen and (max-width : 768px) {
	
    .next,.prev {
        display: none !important;
    }
    .model{
        max-height: 200px !important;
        top: 70% !important;
    }
    .model.animate-in{
        left: 5% !important;
		top: 50% !important;
    }
    .title.animate-in, .subtitle.animate-in, .btn_slider.animate-in{
        left: 45% !important;
    }
    .btn_slider{
        display: none;
    }
    #nav{
        opacity: 0;
        visibility: hidden;
    }
	#wrapper_slider{
		height: 165px!important;
	}
}

@media only screen
and (max-width : 568px) {
    .model{
        left: 50%;
        min-width: 40%; /*prevents the model from shrinking when the browser is resized*/
        width: 40%;
        top: 90% !important;
    }

    .model.animate-in {
		width: 40%;
		top: 50%;
    }

    .model.animate-out {
        left: 50%;
        margin-left: -20%;
    }

    .title{
        bottom: 0;
        padding: 4%;
        bottom: -50%;
        width: 100%;
        z-index: 10;
    }

    .title.animate-in{
        width: 40% !important;
		top: 70%;
    }

    .title.animate-out{
            left: -100%;	
    }
    .subtitle{
        visibility: hidden;
    }
    #nav{
        opacity: 0;
        visibility: hidden;
    }
}

@media only screen
and (max-width : 518px) {
    #nav{
        opacity: 0;
        visibility: hidden;
    }
    .model{
        left: 10%;
        min-width: 40%; /*prevents the model from shrinking when the browser is resized*/
        width: 40%;
        top: 90% !important;
    }

    .model.animate-in {
        margin-top: 0%;
    }
}

@media only screen
and (max-width : 468px) {
	.title{
        font-size: 18px;
		line-height: 24px;
    }

    .title.animate-in{
        width: 40% !important;
		top: 70%;
    }
	.model{
            min-width: 15%;
            width: 15%;
    }
	.model.animate-in{
		min-width: 35%;
            width: 35%;
	}
}

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

@media 	only screen
            and (max-width : 320px)
            and (orientation : portrait) { /*iphone portrait*/
	.model.animate-in{
                left: 17.5%;
                margin-left: 0;
				margin-top: 10%;
        }
	.title.animate-in{
        width: 40% !important;
		top: 60%;
    }

}

@media 	only screen
        and (min-width : 321px)
        and (max-width : 480px)
        and (orientation : landscape) {
}
/***************************
Slider 2
****************************/

#slider2 {
        width: 1170px;
        margin: 0px auto 0;
	z-index:100;
}

/*
	Slides container
	Important:
	Set the width of your slides container
	Set to display none, prevents content flash
*/

.slider2_container {
	overflow:hidden;
	position:relative;
	display:none;
        margin-bottom: 24px;
}

/*
	Each slide
	Important:
	Set the width of your slides
	If height not specified height will be set by the slide content
	Set to display block
*/

.slider2_container div.slide{
	height:250px;
        width: 1170px;
	display:block;
}
.slider2_container div.slide a{
	color:transparent;
	border:none;
}
.slider2_container div.slide img{
	
	-webkit-box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.2);
	-o-box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.2);
	-ms-box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.2);
}

/*
	Pagination
*/

.slider2_pagination {
	margin: 0px auto 0 auto;
width: 100px;
padding-left: 40px;
position: absolute;
bottom: 86%;
z-index: 9999;
left: 88%;
		
}

.slider2_pagination li {
	float:left;
	margin:0 1px;
	list-style:none;
}

.slider2_pagination li a {
	display:block;
	width:12px;
	height:0;
	padding-top:12px;
	background-image:url('../images/pagination.png');
	background-position:0 0;
	float:left;
	overflow:hidden;
}
.slider2_pagination li.current a {
	background-position:0 -13px;
}

/*
	Caption
*/

.caption {
	z-index:500;
	position:absolute;
	bottom:-2000px;
	left:0;
	height:30px;
	padding:5px 20px 0 20px;
	background:#000;
	background:rgba(0,0,0,.5);
        margin-left: 6px;
        margin-bottom: 14px;
	width:1100px;
	font-size:1.3em;
	line-height:1.33;
	color:#fff;
	border-top:1px solid #000;
	text-shadow:none;
}
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
        #slider2{width: 768px !important}
        .slider2_container div.slide img{width: 756px !important;
        height: auto;}
        .caption{display: none;}
        .slider2_pagination{ margin-top: 0 !important;}
        .slider2_container{margin-bottom: 0;}
}
 
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
        #slider2{width: 480px !important}
        .slider2_container div.slide img{width: 466px !important;
        height: auto;}
        .caption{display: none;}
        .slider2_pagination{ display: none !important;}
        .slider2_container{margin-bottom: 0;}
        #wrapper_slider{ max-height: 100px !important;}
 }
 
/* Landscape phones and down */
@media (max-width: 480px) {
        #slider2{width: 280px !important}
        .slider2_container div.slide img{width: 266px !important;
        height: auto;}
        .caption{display: none;}
        .slider2_pagination{ display: none !important;}
        .slider2_container{margin-bottom: 0;}
        #wrapper_slider{ max-height: 60px !important;}
        #shadow_header_container{ padding-bottom: 35px;}
}