/*RESET CSS*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font:inherit;font-size:100%;vertical-align:baseline;}
html{line-height:1;}
ol,ul{list-style:none;}
table{border-collapse:collapse;border-spacing:0;}
caption,th,td{text-align:left; font-weight:normal;vertical-align:middle;}
q,blockquote{quotes:none;}
q:before,q:after,blockquote:before,blockquote:after{content:"";content:none;}
a img{border:none;}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block;}

/*CUSTOM CSS*/
body{font-family:Roboto, "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;}

.title{height:80px;width:100%;position:fixed;z-index:19861107;text-align:center;font-size:20px;color:#333;line-height:80px;text-shadow:0 1px 2px 2px #FFF;background:#FEFEFE;box-shadow:0 4px 2px 0 #666;}
.title_1{
    text-align:center;
    background-color: rgba(0, 0, 0, 0.3);
    color: white;
    font-size: 12px;
}


/*SCROLL PAGE MAIN CSS*/
.scroll_page{position:absolute;top:0;z-index:19861106;width:100%;height:100%;overflow:hidden;}
.scroll_page .page{width:100%;height:100%;margin:0 auto;position:relative;color:#FFF;overflow:hidden;}
.scroll_page .page .control{position:absolute;width:100%;height:50px;bottom:30px;left:0;right:0}
.scroll_page .page .control a{position:absolute;width:75px;height:75px;line-height:75px;display:inline-block;border-radius:50px;
    color:black;background:#FFF;font-size:12px;text-transform:uppercase;text-align:center;opacity:0.5;}
.scroll_page .page .control a:hover{color:white;background:#001F00;opacity:0.5;}
.scroll_page .page .control a.home{right:20px;bottom:150px;}
.scroll_page .page .control a.prev{left:20px;bottom:0;}
.scroll_page .page .control a.next{right:20px;bottom:0;}
.scroll_page .page .content{
    /*margin:120px 50px auto;*/

    padding:50px;
    text-transform:uppercase;
    color:#333;
    display:none;

}
.scroll_page .page .content_1{
    text-align: right;
    margin-top: 75px;
    margin-right: 75px;
    font-size: 12px;
    font-weight: bold;
    text-shadow : 3px 2px 3px #001F00;
    color:white;


}
.scroll_page .page .content_2{
    margin-right: 75px;
    text-align: right;
    vertical-align: bottom;
    font-size: 23px;
    /*text-shadow : 3px 2px 3px white;
    color:#001F00;*/
    text-shadow : 3px 2px 3px #001F00;
    color:white;
    line-height:30px;

}
.scroll_page .page .content_3{
    text-align: right;
    margin-top: 50px;
    margin-left: 50px;
    font-size: 12px;
    font-weight: bold;
    text-shadow : 3px 2px 3px #001F00;
    color:#BDBDBD;


}
.scroll_page .page .content_4{
    margin-left: 50px;
    text-align: right;
    vertical-align: bottom;
    font-size: 23px;
    text-shadow : 3px 2px 3px white;
    color:#001F00;
    line-height:30px;

}

.scroll_page .page .content_5{
    margin-left: 50px;
    margin-top: 100px;
    text-align: center;
    font-size: 12px;
    text-shadow : 3px 2px 3px white;
    color:#001F00;
    line-height:40px;

}

.scroll_page .page .content_6{

    margin-top: 90px;
    margin-left: 10px;
    font-size: 12px;
    font-weight: bold;
    text-shadow : 3px 2px 3px #001F00;
    color:#BDBDBD;


}
.scroll_page .page .content_7{
    margin-left: 10px;

    vertical-align: bottom;
    font-size: 23px;
    text-shadow : 3px 2px 3px white;
    color:#001F00;
    line-height:30px;

}
.scroll_page .page .content_8{

    margin-top: 75px;
    margin-right: 15px;
    font-size: 12px;
    font-weight: bold;
    text-shadow : 3px 2px 3px #001F00;
    color:white;


}
.scroll_page .page .content_9{
    margin-right: 15px;

    vertical-align: bottom;
    font-size: 23px;
    /*text-shadow : 3px 2px 3px white;
    color:#001F00;*/
    text-shadow : 3px 2px 3px #001F00;
    color:white;
    line-height:30px;

}
.scroll_page .page .content_10{
    margin:120px auto;
    width:300px;
    height:380px;
    background:#EFEFEF;
    border:1px solid #FEFEFE;
    box-shadow:0 0 3px 1px #DDD;
    padding:50px;
    text-transform:uppercase;
    color:#333;
    display:none;
}





.scroll_page .zero{background: transparent url('/images/brandstory/31.jpg');background-size: cover;}
.scroll_page .first{background: transparent url('/images/brandstory/32.jpg');background-size: cover;}
.scroll_page .second{background: transparent url('/images/brandstory/33.jpg');background-size: cover;}
.scroll_page .third{background: transparent url('/images/brandstory/34.jpg');background-size: cover;}
.scroll_page .fourth{background: transparent url('/images/brandstory/35.jpg');background-size: cover;}
.scroll_page .fifth{background: transparent url('/images/brandstory/36.jpg');background-size: cover;}
.scroll_page .six{background: transparent url('/images/brandstory/37.jpg');background-size: cover;}


/*SCROLL PAGE NAV*/
.scroll_page ol.scroll_nav{position:fixed;width:14px;right:80px;top:50%;margin-top:-24px;bottom:0;z-index:19861108;padding:0 0;}
.scroll_page ol.scroll_nav li{width:12px;height:12px;margin:10px auto;background:none;border:1px solid #DDD;border-radius:12px;text-indent:-99px;overflow:hidden;cursor:pointer;}
.scroll_page ol.scroll_nav li.curr_page{background:#DDD;}

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




}