/* BASIC css start */
#sunny_header{}
#sunny_container{}
    
/* Main */
#main > div.bg{position: absolute;left:0;right:0;top:0;bottom:0; height: 100%; width: 100%; background: url('/design/myaura/sunny/images/bg_aboutbrand1.jpg') no-repeat center 0;background-size: cover; -moz-background-size: cover; -webkit-background-size: cover;  z-index: -1;}
#main .text{bottom:38%;}
#main .btn{position:relative; top:20px;}
#main .btn_arr_bottom{position:absolute; left:49%;bottom:25px;top:auto !important;width:40px; height:21px;opacity:0;}

#main .title{font-family:'Work Sans', sans-serif;color:#fff;font-size:90px;line-height:90px;font-weight:400;text-align:right;text-transform:uppercase;}
#main .textbox{color:#fff;font-size:30px;line-height:43px;font-weight:300;letter-spacing:-1px;text-align:right;}


/* page2 */
#brand_page2 > div.bg{position: absolute; height: 100%; width: 100%; background:#fff; z-index: -1;}
#brand_page2 .text{bottom:37%;}
#brand_page2 .btn{position:relative; top:20px;}
#brand_page2 .btn_arr_bottom{position:relative; top:30px; opacity:0;}

#brand_page2 .title{font-family:'Work Sans', sans-serif;color:#0e1424;font-size:90px;line-height:90px;font-weight:400;text-align:center;text-transform:uppercase;}
#brand_page2 .textbox{color:#0e1424;font-size:20px;line-height:33px;font-weight:300;letter-spacing:-1px;text-align:center;}

#brand_page2 #arrWrap a.down_arr   {bottom:30px;width:58px; height:32px;background:url('/design/myaura/sunny/images/arrow_s_btm2.png') no-repeat 0 0;background-size:100% auto;}


/* page3 */
#brand_page3 > div.bg{position: absolute; height: 100%; width: 100%; background: url('/design/myaura/sunny/images/bg_aboutbrand3.jpg') no-repeat center 0; background-size: cover; -moz-background-size: cover; -webkit-background-size: cover; z-index: -1;}
#brand_page3 .text{bottom:37%;}
#brand_page3 .btn{position:relative; top:20px;}
#brand_page3 .btn_arr_bottom{position:relative; top:30px; opacity:0;}

#brand_page3 .title{font-family:'Work Sans', sans-serif;color:#fff;font-size:90px;line-height:90px;font-weight:400;text-align:center;margin-bottom:30px;text-transform:uppercase;}
#brand_page3 .textbox{color:#fff;font-size:20px;line-height:33px;font-weight:300;letter-spacing:-1px;text-align:center;}

/* page4 */
#brand_page4 > div.bg{position: absolute; height: 100%; width: 100%; background:#fff; z-index: -1;}
#brand_page4 .text{bottom:15%;}
#brand_page4 .btn{position:relative; top:20px;}
#brand_page4 .btn_arr_bottom{position:relative; top:30px; opacity:0;}

#brand_page4 .title{overflow:hidden;margin-bottom:90px;}
#brand_page4 .title img{float:left;width:30.833333%;margin:0 0 0 3%;}
#brand_page4 .title img:first-child{margin-left:0.5%;}
#brand_page4 .textbox{font-family:'Work Sans', sans-serif;color:#0e1424;font-size:90px;line-height:90px;font-weight:400;text-align:left;text-transform:uppercase;}

#brand_page4 #arrWrap a.down_arr   {bottom:30px;width:58px; height:32px;background:url('/design/myaura/sunny/images/arrow_s_btm2.png') no-repeat 0 0;background-size:100% auto;}
    
/* page5 */
#brand_page5 > div.bg{position: absolute; height: 100%; width: 100%; background: url('/design/myaura/sunny/images/bg_aboutbrand5.jpg') no-repeat center 0; background-size: cover; -moz-background-size: cover; -webkit-background-size: cover; z-index: -1;}
#brand_page5 .text{bottom:20%;}
#brand_page5 .btn{position:relative; top:20px;}
#brand_page5 .btn_arr_bottom{position:relative; top:30px; opacity:0;}

#brand_page5 .title{color:#fff;font-size:30px;line-height:30px;font-weight:400;text-align:right;letter-spacing:-1px;margin-bottom:45px;text-transform:uppercase;}
#brand_page5 .textbox{color:#fff;font-size:18px;line-height:36px;font-weight:300;letter-spacing:-1px;text-align:right;}

/* page6 */
#brand_page6 > div.bg{position: absolute; height: 100%; width: 100%; background: url('/design/myaura/sunny/images/bg_aboutbrand6.jpg') no-repeat center 0; background-size: cover; -moz-background-size: cover; -webkit-background-size: cover;  z-index: -1;}
#brand_page6 .text{bottom:20%;}
#brand_page6 .btn{position:relative; top:20px;}
#brand_page6 .btn_arr_bottom{position:relative; top:30px; opacity:0;}

#brand_page6 .title{color:#fff;font-size:30px;line-height:30px;font-weight:400;text-align:left;letter-spacing:-1px;margin-bottom:45px;text-transform:uppercase;}
#brand_page6 .textbox{color:#fff;font-size:18px;line-height:36px;font-weight:300;letter-spacing:-1px;text-align:left;}

/* page7 */
#brand_page7 > div.bg{position: absolute; height: 100%; width: 100%; background: url('/design/myaura/sunny/images/bg_aboutbrand7.jpg') no-repeat center 0; background-size: cover; -moz-background-size: cover; -webkit-background-size: cover; z-index: -1;}
#brand_page7 .text{bottom:20%;}
#brand_page7 .btn{position:relative; top:20px;}
#brand_page7 .btn_arr_bottom{position:relative; top:30px; opacity:0;}

#brand_page7 .title{color:#fff;font-size:30px;line-height:30px;font-weight:400;text-align:right;letter-spacing:-1px;margin-bottom:45px;text-transform:uppercase;}
#brand_page7 .textbox{color:#fff;font-size:18px;line-height:36px;font-weight:300;letter-spacing:-1px;text-align:right;}

/* page8 */
#brand_page8 > div.bg{position: absolute; height: 100%; width: 100%; background:#fff; z-index: -1;}
#brand_page8 .text{bottom:37%;}
#brand_page8 .btn{position:relative; top:20px;}
#brand_page8 .btn_arr_bottom{position:relative; top:30px; opacity:0;}

#brand_page8 .title{font-family:'Work Sans', sans-serif;color:#0e1424;font-size:90px;line-height:90px;font-weight:400;text-align:center;text-transform:uppercase;}
#brand_page8 .textbox{}

#brand_page8 #arrWrap a.down_arr   {bottom:30px;width:58px; height:32px;background:url('/design/myaura/sunny/images/arrow_s_btm2.png') no-repeat 0 0;background-size:100% auto;}

/* page9 */
#brand_page9 > div.bg{position: absolute; height: 100%; width: 100%; background: url('/design/myaura/sunny/images/bg_aboutbrand9.jpg') no-repeat center 0; background-size: cover; -moz-background-size: cover; -webkit-background-size: cover; z-index: -1;}
#brand_page9 .text{bottom:37%;}
#brand_page9 .btn{position:relative; top:20px;}
#brand_page9 .btn_arr_bottom{position:relative; top:30px; opacity:0;}

#brand_page9 .title{text-align:center;}
#brand_page9 .title img{width:300px;}
#brand_page9 .textbox{}

/* page10 */
#brand_page10{background:#fff;}






/* Footer */

.side_btn{display:none;}


/* Arrow */
#arrWrap    {width:100%; height:0; text-align:center;}
#arrWrap a    {z-index:2; position:absolute; left:50%; display:inline-block; width:58px; height:32px; margin-left:-29px; text-indent:-9999px; opacity:0; cursor:pointer;}
#arrWrap a.up_arr   {display:none !important;top:170px; background:url('http://kitchen.hanssem.com/kb_asset/images/arrow_s_top.png') no-repeat 0 0;}
#arrWrap a.down_arr   {bottom:30px;width:58px; height:32px;background:url('/design/myaura/sunny/images/arrow_s_btm1.png') no-repeat 0 0;background-size:100% auto;}

.section{min-width:1300px;}

.main_con .btn{margin-top:40px; display:inline-block; opacity:0;}
.main_con .section {color:#000;}
.main_con h2.title  {margin-bottom:35px;}
.main_con .text{position:absolute;left:50%;transform:translateX(-50%);width:90%;}

.move.text h2.title{position:relative; top:60px;}
.move.text .textbox{position:relative; top:40px;}

.btn_arr_bottom{width:40px; height:21px;cursor:pointer;}
.btn_arr_bottom:after{content:"";display:inline-block;width:40px; height:21px;background:url('/design/myaura/sunny/images/arrow_s_btm.png') center no-repeat;background-size:100% auto;}



#footer{}






/* BASIC css end */