.sequence-theme {
	width: 100%;
    min-width: 280px;
	height: auto;
    position: relative;
    z-index: 15;
    background: #fff;
	-webkit-backface-visibility: hidden;
    backface-visibility: hidden; 
}

	.sequence-theme #sequence {
		max-width: 1920px;
        min-width: 280px;
		height: 600px;
        margin: 0 auto;
		position:relative;
        z-index: 5;
        overflow: hidden;
	}
	
		.sequence-theme #sequence-preloader { background: #000; }
		#sequence > ul {
          height: 100%;
          width: 100%;
        }
        #sequence > ul > li {
          position: absolute;
          width: 100%;
          height: 100%;
          z-index: 9999;
        }        
									                 
		/* BG_IMAGE */
		.sequence-theme div.bg_img.img_01 { background: url('../img/header_banner_01.jpg') no-repeat center; background-size: cover; }
		.sequence-theme div.bg_img.img_02 { background: url('../img/header_banner_02.jpg') no-repeat center; background-size: cover; }
		.sequence-theme div.bg_img.img_03 { background: url('../img/header_banner_03.jpg') no-repeat top center; background-size: cover; }
		
		.sequence-theme div.bg_img {
            width: 100%;
			height: 100%;
			opacity: 0;
			-webkit-transition-duration: 1s;
			-moz-transition-duration: 1s;
			-ms-transition-duration: 1s;
			-o-transition-duration: 1s;
			transition-duration: 1s;
		}
		
            .sequence-theme .animate-in div.bg_img {
                opacity: 1;
                -webkit-transition-duration: 1s;
                -moz-transition-duration: 1s;
                -ms-transition-duration: 1s;
                -o-transition-duration: 1s;
                transition-duration: 1s;
            }
            .sequence-theme .animate-out div.bg_img {
                opacity: 0;
                -webkit-transition-duration: 1s;
                -moz-transition-duration: 1s;
                -ms-transition-duration: 1s;
                -o-transition-duration: 1s;
                transition-duration: 1s;
            }
            
            
        .sequence-theme #sequence div.content {
            max-width: 1280px;
            min-width: 280px;
            height: auto;
            margin: 0 auto;
            position: relative;
        }

            /* TITLE */    
            .sequence-theme #sequence div.content .title {
                width: 100%;
                margin: 0;
                padding: 0;
                opacity: 1;
                position: absolute;
                left: 0;
                top: 100px;
                z-index: 9005;
                color: #fff;
                font-size: 2.4em;
                font-weight: 700;
                letter-spacing: -1px;
            }
    
            /* TEXT */    
            .sequence-theme #sequence div.content p.text {
                width: 100%;
                max-width: 500px;
                opacity: 1;
                position: absolute;
                left: 0;
                top: 160px;
                z-index: 9005;
                color: #fff;
                font-size: 1.3em;
                font-weight: 400;
                line-height: 170%;
            }

            /* BUTTON */    
            .sequence-theme #sequence div.content a.button {
                width: 100%;
                max-width: 300px;
                height: auto;
                padding: 15px 10px;
                opacity: 1;
                position: absolute;
                left: 0;
                top: 300px;
                z-index: 9005;
                background: #ff7800;
                color: #fff;
                font-size: 1.5em;
                font-weight: 500;
                letter-spacing: -1px;
                text-align: center;
                text-shadow: 1px 1px 3px rgba(0, 0, 0, .6);
                -webkit-box-shadow: inset 0px 1px 1px rgba(255, 255, 255, .5);
                box-shadow: inset 0px 1px 1px rgba(255, 255, 255, .5);
                -webkit-border-radius: 6px;
                border-radius: 6px;
                -webkit-transition: all 300ms;
                transition: all 300ms;
            }
            
                .sequence-theme #sequence div.content a.button:hover { background: #d56705; }

                
/*  MEDIA QUERIES
    --------------------------------------------- */

    @media only screen and (min-width: 0) and (max-width: 1360px) {
        
        .sequence-theme #sequence div.content {
            margin: 0 20px; 
        }
        
    }

    @media only screen and (min-width: 0) and (max-width: 1024px) {

		.sequence-theme #sequence { 
            max-height: 400px; 
        }  

            .sequence-theme div.bg_img.img_01,
            .sequence-theme div.bg_img.img_03 { 
                background-position: center right;
            }

    }
    
    @media only screen and (min-width: 0) and (max-width: 640px) {  

         .sequence-theme #sequence div.content .title { 
            max-width: 270px;
            font-size: 1.8em;
            font-weight: 500;
            top: 50px;
        }
         .sequence-theme #sequence div.content p.text {
            max-width: 270px;
            font-size: .85em;
            font-weight: 400;
            top: 90px; 
        } 
         .sequence-theme #sequence div.content a.button { 
            top: 190px; 
            max-width: 260px;
            font-size: 1em;
        } 
          
    }