/* BASIC css start */
#fullpage{}
#fullpage .section{position:relative;box-sizing:border-box;}

#fullpage #main{height:100vh;background:url('/design/myaura/sunny/mobile/bg_aboutbrand1.jpg') no-repeat center 0;background-size:cover;}
#fullpage #brand_page2{height:80vh;}
#fullpage #brand_page3{height:80vh;background:url('/design/myaura/sunny/mobile/bg_aboutbrand3.jpg') no-repeat center 0;background-size:cover;}
#fullpage #brand_page4{height:60vh;}
#fullpage #brand_page5{height:80vh;background:url('/design/myaura/sunny/mobile/bg_aboutbrand5.jpg') no-repeat center 0;background-size:cover;}
#fullpage #brand_page6{height:80vh;background:url('/design/myaura/sunny/mobile/bg_aboutbrand6.jpg') no-repeat center 0;background-size:cover;}
#fullpage #brand_page7{height:80vh;background:url('/design/myaura/sunny/mobile/bg_aboutbrand7.jpg') no-repeat center 0;background-size:cover;}
#fullpage #brand_page8{height:60vh;}
#fullpage #brand_page9{height:60vh;background:url('/design/myaura/sunny/mobile/bg_aboutbrand9.jpg') no-repeat center 0;background-size:cover;}

.section .text_box1{opacity:0;position:absolute;top:50%;left:5%;right:5%;transform:translateY(-50%);width:90%;transition: all 0.3s ease-in-out;}
.section .text_box1.active{opacity:1;}
.section .text_box1 .title{font-family:'Work Sans', sans-serif;color:#fff;font-size:30px;line-height:36px;font-weight:400;text-align:right;margin-bottom:5%;text-transform:uppercase;}
.section .text_box1 .textbox{color:#fff;font-size:14px;line-height:26px;font-weight:300;letter-spacing:-1px;text-align:right;}


.section .text_box2{position:absolute;top:50%;left:5%;right:5%;transform:translateY(-50%);width:90%;}
.section .text_box2 .title{font-family:'Work Sans', sans-serif;color:#0e1424;font-size:30px;line-height:36px;font-weight:400;text-align:center;margin-bottom:5%;text-transform:uppercase;}
.section .text_box2 .textbox{color:#0e1424;font-size:14px;line-height:26px;font-weight:300;letter-spacing:-1px;text-align:center;}

.section .text_box3{position:absolute;top:50%;left:5%;right:5%;transform:translateY(-50%);width:90%;}
.section .text_box3 .title{font-family:'Work Sans', sans-serif;color:#fff;font-size:30px;line-height:36px;font-weight:400;text-align:center;margin-bottom:5%;text-transform:uppercase;}
.section .text_box3 .textbox{color:#fff;font-size:14px;line-height:26px;font-weight:300;letter-spacing:-1px;text-align:center;}

.section .text_box4{position:absolute;top:50%;left:5%;right:5%;transform:translateY(-50%);width:90%;}
.section .text_box4 .title{overflow:hidden;margin-bottom:10%;}
.section .text_box4 .title img{float:left;width:32.33%;margin:0 0.5%;}
.section .text_box4 .textbox{font-family:'Work Sans', sans-serif;color:#0e1424;font-size:30px;line-height:30px;font-weight:400;text-align:left;text-transform:uppercase;}

.section .text_box5{position:absolute;top:50%;left:5%;right:5%;transform:translateY(-50%);width:90%;}
.section .text_box5 .title{color:#fff;font-size:20px;line-height:20px;font-weight:400;text-align:right;margin-bottom:5%;text-transform:uppercase;}
.section .text_box5 .textbox{color:#fff;font-size:14px;line-height:26px;font-weight:300;letter-spacing:-1px;text-align:right;}

.section .text_box6{position:absolute;top:50%;left:5%;right:5%;transform:translateY(-50%);width:90%;}
.section .text_box6 .title{color:#fff;font-size:20px;line-height:20px;font-weight:400;text-align:left;margin-bottom:5%;text-transform:uppercase;}
.section .text_box6 .textbox{color:#fff;font-size:14px;line-height:26px;font-weight:300;letter-spacing:-1px;text-align:left;}

.section .text_box7{position:absolute;top:50%;left:5%;right:5%;transform:translateY(-50%);width:90%;}
.section .text_box7 .title{color:#fff;font-size:20px;line-height:20px;font-weight:400;text-align:right;margin-bottom:5%;text-transform:uppercase;}
.section .text_box7 .textbox{color:#fff;font-size:14px;line-height:26px;font-weight:300;letter-spacing:-1px;text-align:right;}

.section .text_box8{position:absolute;top:50%;left:5%;right:5%;transform:translateY(-50%);width:90%;}
.section .text_box8 .title{font-family:'Work Sans', sans-serif;color:#0e1424;font-size:30px;line-height:40px;font-weight:400;text-align:center;text-transform:uppercase;}

.section .text_box9{position:absolute;top:50%;left:5%;right:5%;transform:translateY(-50%);width:90%;}
.section .text_box9 .title{text-align:center;}
.section .text_box9 .title img{width:40%;}
/* BASIC css end */

