@import url("font-awesome.min.css");
@import url('https://fonts.googleapis.com/css?family=Signika:300,400,600,700');
@import url('https://fonts.googleapis.com/css?family=Cairo:200,300,400,600,700,900&subset=arabic');

*, html{
  padding:0;
  margin:0;
  box-sizing:border-box;
}

html, body {
    max-width: 100%;
    overflow-x: hidden;
}

body {
  font-family:'Signika', sans-serif;
  font-size:16px;
  box-sizing:border-box;
  color:#000;
  background-image:url(../images/body-bg.png);
  /*background-repeat:repeat-x;*/
  background-position:center;
}

input[type="text"], input[type="email"], input[type="search"],
input[type="date"], input[type="time"], input[type="file"],
textarea, button, input[type="password"], input[type="tel"],
select {
  -webkit-appearance:none!important;
  -moz-appearance:none!important;
  appearance:none!important;
  box-shadow:none!important;
  border-radius:2px;
}
a, input, button, a:focus, input:focus, button:focus {outline:none!important;}
/*img{max-width:100%;}*/
li{list-style-type:none;}

.r{box-shadow:inset 0px 0px 10px red;} .g{box-shadow:inset 0px 0px 10px green;} .b{box-shadow:inset 0px 0px 10px blue;}
.Dcell{display:table-cell!important; vertical-align:middle!important;}
.Dblock{display:block;}
}


.pd0{padding:0px!important;} .pd5{padding:5px!important;} .pd10{padding:10px!important;} .pd15{padding:15px!important;}
.mr0{margin:0px!important;}

.pLR5{padding-left:5px!important; padding-right:5px!important;}
.pLR6{padding-left:6px!important; padding-right:6px!important;}
.pLR10{padding-left:10px!important; padding-right:10px!important;}
.pLR15{padding-left:15px!important; padding-right:15px!important;}

.pr0{padding-right:0px!important;} .pr1{padding-right:1px!important;} .pr2{padding-right:0px!important;}
.pr3{padding-right:3px!important;} .pr4{padding-right:4px!important;} .pr5{padding-right:5px!important;}

.pt0{padding-top:0px!important;} .pt1{padding-top:1px!important;} .pt2{padding-top:0px!important;}
.pt3{padding-top:3px!important;} .pt4{padding-top:4px!important;}
.pt5{padding-top:5px!important;} .pt10{padding-top:10px!important;} .pt15{padding-top:15px!important;}
.pt20{padding-top:20px!important;} .pt25{padding-top:25px!important;} .pt30{padding-top:30px!important;} .pt35{padding-top:35px!important;}

.pb0{padding-bottom:0px!important;} .pb5{padding-bottom:5px!important;} .pb10{padding-bottom:10px!important;} .pb15{padding-bottom:15px!important;}
.pb20{padding-bottom:20px!important;} .pb25{padding-bottom:25px!important;} .pb30{padding-bottom:30px!important;} .pb35{padding-bottom:35px!important;}

.mt0{margin-top:0px!important;} .mt1{margin-top:1px!important;} .mt2{margin-top:2px!important;} .mt3{margin-top:3px!important;}
.mt4{margin-top:4px!important;} .mt5{margin-top:5px!important;} .mt6{margin-top:6px!important;} .mt7{margin-top:7px!important;}
.mt8{margin-top:8px!important;} .mt9{margin-top:9px!important;} .mt10{margin-top:10px!important;} .mt15{margin-top:15px!important;}
.mt20{margin-top:20px!important;} .mt25{margin-top:25px!important;} .mt30{margin-top:30px!important;} .mt35{margin-top:35px!important;}
.mt40{margin-top:40px!important;} .mt45{margin-top:45px!important;} .mt50{margin-top:50px!important;}

.mb0{margin-bottom:0px!important;} .mb1{margin-bottom:1px!important;} .mb2{} .mb3{margin-bottom:3px!important;}
.mb3{margin-bottom:4px!important;} .mb4{margin-bottom:5px!important;} .mb5{margin-bottom:5px!important;} .mb10{margin-bottom:10px!important;}
.mb15{margin-bottom:15px!important;} .mb20{margin-bottom:20px!important;} .mb25{margin-bottom:25px!important;} .mb30{margin-bottom:30px!important;}
.mb35{margin-bottom:35px!important;} .mb40{margin-bottom:40px!important;} .mb45{margin-bottom:45px!important;} .mb50{margin-bottom:50px!important;}

.mr0{margin-right:0px!important;} .mr1{margin-right:1px!important;} .mr2{margin-right:2px!important;} .mr3{margin-right:3px!important;}
.mr4{margin-right:4px!important;} .mr5{margin-right:5px!important;} .mr6{margin-right:6px!important;} .mr7{margin-right:7px!important;}
.mr8{margin-right:8px!important;} .mr9{margin-right:6px!important;} .mr10{margin-right:10px!important;}

.mL0{margin-left:0px!important;} .mL1{margin-left:1px!important;} .mL2{margin-left:2px!important;} .mL3{margin-left:3px!important;}
.mL4{margin-left:4px!important;} .mL5{margin-left:5px!important;}

.mt-min0{margin-top:-0px!important;} .mt-min1{margin-top:-1px!important;} .mt-min2{margin-top:-2px!important;} .mt-min3{margin-top:-3px!important;}
.mt-min4{margin-top:-4px!important;} .mt-min5{margin-top:-5px!important;} .mt-min6{margin-top:-6px!important;} .mt-min7{margin-top:-7px!important;}
.mt-min8{margin-top:-8px!important;} .mt-min9{margin-top:-9px!important;} .mt-min10{margin-top:-10px!important;}

.top-0{top:0px!important} .top-1{top:1px!important} .top-2{top:2px!important} .top-3{top:3px!important} .top-4{top:4px!important}
.top-5{top:5px!important} .top-10{top:10px!important} .top-15{top:15px!important} .top-20{top:20px!important} .top-25{top:25px!important}
.top-30{top:30px!important} .top-35{top:35px!important} .top-40{top:40px!important} .top-45{top:45px!important} .top-50{top:50px!important}
.top-55{top:55px!important} .top-60{top:60px!important} .top-65{top:65px!important} .top-70{top:70px!important} .top-75{top:75px!important}
.top-80{top:80px!important} .top-85{top:85px!important} .top-90{top:90px!important} .top-95{top:95px!important} .top-100{top:100px!important}

.topmin-0{top:-0px!important} .topmin-1{top:-1px!important} .topmin-2{top:-2px!important} .topmin-3{top:-3px!important} .topmin-4{top:-4px!important}
.topmin-5{top:-5px!important} .topmin-10{top:-10px!important}

.left-0{left:0px!important} .left-1{left:1px!important} .left-2{left:2px!important} .left-3{left:3px!important} .left-4{left:4px!important}
.left-5{left:5px!important} .left-10{left:10px!important} .left-15{left:15px!important} .left-20{left:20px!important} .left-25{left:25px!important}
.left-30{left:30px!important} .left-35{left:35px!important} .left-40{left:40px!important} .left-45{left:45px!important} .left-50{left:50px!important}
.left-55{left:55px!important} .left-60{left:60px!important} .left-65{left:65px!important} .left-70{left:70px!important} .left-75{left:75px!important}
.left-80{left:80px!important} .left-85{left:85px!important} .left-90{left:90px!important} .left-95{left:95px!important} .left-100{left:100px!important}

/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */


.about-sec1{

    display: block;
    width: 100%;
    height: auto;
    overflow: visible;
    position:relative;
    z-index: 5
}

.desert-block{
    position:relative;
    left:0px;
    width:100%;
    background: url(../images/slider.jpg) no-repeat left center;
    z-index:2;
    background-size:cover;
    overflow: visible;
}


.vision-sec{
    display:block;
    width:100%;
    height:900px;
    min-height: 55vw;
    margin-top: -20vw;
    background-image:url(../images/vision-bg.png);
    background-size:cover;
    background-position:center 20%;
    overflow: hidden;
    z-index: -5}

.about-intro{margin:0; color:#213f99; text-align:center; z-index:2; position:relative; text-transform: uppercase; top:160px; left:50%; font-weight:100; font-size:4.5vw; line-height:4.5vw; transform:translateX(-50%); -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%);}

.about-intro span{margin:0; color:#0096d7; display:block;}


.rstory1{position: relative;
  width:100%;
  height:auto;
  padding-top:0px;
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 0px;
  overflow: visible;
  z-index:3;
  background-color:transparent;
}

.rstory1-text{display:block; width:100%; max-width:700px; height:auto; text-align:center; margin:0 auto;}
.rstory1-text p{margin:0px; font-size:18px; font-weight:400; color:#213f99;}


.visionMission{width:320px; height:320px; border-radius:300px; background:#fff; text-align:center; position:absolute; text-align:center; padding:45px 30px;}
.visionMission.vision{top:150px; left:150px;}
.visionMission h1{margin:0px; margin-bottom:10px; color:#1dab56; font-weight:100; font-size:42px;}
.visionMission p{margin:0px; font-weight:400; color:#42464a;}
.vision-leave{position:absolute; top:-70px; right:-40px; width:150px; height:auto;}
.vision-leave img{width:100%; height:auto;}
.visionMission.mission{top:300px; right:150px;}
.mission-leave{position:absolute; bottom:5px; right:20px; width:150px; height:auto;}
.mission-leave img{width:100%; height:auto;}


.bottle-sec{display:block; width:100%; position:relative; height:100%; margin-top:-400px; background-image:url(../images/bottol.png); background-position:center bottom; background-size:cover; overflow:visible; background-repeat:no-repeat;}


.bottle-box{position:absolute; top:0px; left:0px; width:100%; height:100vw; position:relative; /*background-image:url(../images/splash-bottle.png); background-position:center top;*/ background-size:cover;}


.goodlife-sec{display:block; width:100%; height:auto; margin-top:50px; position:relative; overflow:visible;}
.goodlife-content{display:block; width:100%; max-width:1024px; margin:0 auto; text-align:center; padding:0px 15px;}
.goodlife-content h1{margin:0px; margin-bottom:15px; color:#23a1da; font-size:48px; font-weight:100;}
.goodlife-content h1 span{display:block; color:#529e3b; font-weight:700; font-size:60px;}
.goodlife-content p{color:#42464a; font-size:18px; font-size:300;}


.rstory{display:block; width:100%; height:auto; background:#fff; padding:50px 15px;}
.rstory-text{display:block; width:100%; max-width:700px; height:auto; text-align:center; margin:0 auto;}
.rstory-text h1{margin:0px; color:#1dab56; text-transform:uppercase; font-weight:100; font-size:52px;}
.rstory-text h1 span{color:#213f99;}
.rstory-text p{margin:0px; font-size:18px; font-weight:400; color:#42464a;}


.ourValues-sec{display:block; width:100%; height:auto; position:relative; background-image:url(../images/building-bg.png); background-repeat:no-repeat; background-size:initial; background-position:center top; padding-top:122px; overflow:hidden;}
.ourValues-content{background:#213f99; width:100%; padding-bottom:50px;}
.ourValues-content h1{margin:0; color:#fff; font-size:60px; font-weight:100; text-align:center; padding:50px 0px;}
.ourValues-parent{display:block; width:100%; max-width:1024px; height:auto; position:relative; padding:0px 15px; margin:0 auto;}
.ourValues-box{display:block; width:100%; position:relative; margin-bottom:40px; padding-left:80px; padding-right:25px;}
.ourValues-img{position:absolute; left:0px; top:10px; width:70px; height:auto;}
.ourValues-img img{width:100%; height:auto;}
.ourValues-box h2{margin:0px; margin-bottom:15px; color:#fff;}
.ourValues-box p{margin:0px; color:#fff; font-weight:100; font-size:17px;}


.thinkgreen-sec{display:block; width:100%; height:700px; position:relative; background-image:url(../images/thinkgreen-bg.jpg); background-repeat:no-repeat; background-size:cover; background-position:right bottom; overflow:hidden;}
.thinkgreen-table{display:table; width:100%; max-width:991px; height:570px; margin:0 auto; padding:0px 20px;}
.thinkgreen-tablecell{display:table-cell; width:100%; height:100%; vertical-align:top; padding-top: 50px;}
.thinkgreen-content{width:100%; max-width:480px;}
.thinkgreen-content h1{margin:0px; margin-bottom:20px; color:#fff; font-size:44px; font-weight:100;}
.thinkgreen-content h1 span{display:block; font-size:60px; font-weight:700;}
.thinkgreen-content p{color:#fff; margin-bottom:20px; font-size:17px; font-weight:100;}


/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */




.scroll-circle{position:fixed; top:50%; right:20px; width:12px; height:auto; transform:translateY(-50%); -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); z-index:10;}
.scroll-circle a{display:inline-block; width:12px; height:12px; border-radius:12px; background:#ffffff; margin:5px 0px; backface-visibility:hidden; box-shadow:
0px 0px 10px rgba(0,0,0,0.5);}
.scroll-circle a:hover, .scroll-circle a.active{background:#213f99;}
.scroll-tooltip + .tooltip > .tooltip-inner {background-color: #ffffff; white-space:nowrap;}
.scroll-tooltip + .tooltip > .tooltip-arrow {border-right-color:#ffffff;}

.container-custome{width:100%; max-width:1280px; margin:0 auto; box-shadow:0px 0px 50px rgba(0,0,0,0.2);}

header{position:fixed; top:0px; left:0px; right:0px; width:100%; min-height:70px; z-index:1051;}
.menu-bg{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100,1488c3+100&0+0,1+100 */
background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(64,152,212,0.9) 80%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(64,152,212,0.9) 80%, rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(64,152,212,0.9) 80%, rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#1488c3',GradientType=1 ); /* IE6-9 */
 position:relative;
 padding:0px 60px;
}
.menu-bg:after{content:''; display:table; clear:both;}
.boder-menu{
  width:100%; height: 1px; position:absolute; left:0px; bottom:0px; z-index:0;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100,1488c3+100&0+0,1+100 */
  background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 80%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 80%, rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 80%, rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#1488c3',GradientType=1 ); /* IE6-9 */
}
/*header.header_bg{background:rgba(0,0,0,0.6);}*/
.logo{
  width:100%; max-width:170px; height:auto; margin-top:20px; margin-left:20px; position:absolute; left:0px; top:0px;
  transform:translateY(0%); -webkit-transform:translateY(0%); -ms-transform:translateY(0%); transition:400ms; z-index:1;
}
.logo.resize{max-width:80px;}
.logo.logo-hide{max-width:90px; margin-top:10px;}
.logo img{width:100%; height:auto;}
.menu{float:right; width:auto;}
.menu ul{margin:0; padding:0; list-style:none;}
.menu ul:after{content:''; display:table; clear:both;}
.menu ul li{float:left; position:relative; border-right:0.5px solid rgba(255,255,255,0.4);}
.menu ul li span.fa{position:absolute; bottom:5px; left:50%; color:#fff; font-size:30px; transform:translateX(-50%); -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%);}
.menu ul li a{display:inline-block; padding:25px 35px 35px 35px; background:none; color:#fff; text-decoration:none; font-size:17px; font-weight:100; transition:300ms;
}
.menu ul li a:hover, .menu ul li a.active{
  -webkit-text-fill-color: #fff;
-webkit-text-stroke-width: 0.5px;
-webkit-text-stroke-color: #fff;}
.menu ul li a.ainclass{font-family:'Adobe Arabic'; font-size:36px; padding:16px 20px; color:#213f99;}

ul.drpdown{display:none; margin:0; padding:0; list-style:none; position:absolute; left:auto; right:0; top:100%; width:220px;}
ul.drpdown li{width:100%; display:block;}
ul.drpdown li a{width:100%; background:#481125; padding:10px 10px; font-size:14px; border-bottom:1px solid #fff;}
ul.drpdown li:last-child a{border-bottom:1px solid transparent;}
.menu ul li:hover a ~ ul.drpdown{display:block;}
.btn-mobmenu{display:none; position:fixed; top:15px; right:0px; width:50px; height:40px; border-radius:0px; background:transparent; font-size:28px; z-index:101; line-height:30px;}
.btn-mobmenu i.fa-bars{color:#1466aa;}
.btn-mobmenu.whiteicon i.fa-bars{color:#fff;}


.banner{display:block; width:100%; height:auto; position:relative; background-image:url(../images/banner-1.jpg); background-repeat:no-repeat; background-size:cover; background-position:0px 0px;}
.banner:after{content:''; display:table; clear:both;}
.banner-content{display:block; width:100%; height:770px; padding-top:85px; padding:85px 50px 0px 50px;}
.banner-videobox{float:right; width:100%; max-width:360px; height:100%; display:table;}
.banner-videoboxin{display:table-cell; width:100%; height:100%; vertical-align:middle;}
.videobox{width:100%; height:auto}
.video-element{width:100%; max-width:480px; height:auto;}
.videobox video{width:100%; height:auto; border:3px solid #2089be; position:relative; z-index:1;}
.videobox h2{margin:0px;  color:#213f99; font-size:32px; font-weight:100;}
.videobox p{margin:0px;  color:#213f99; font-weight:100;}
.video-control{display:block; width:100%; height:auto; position:relative; margin:10px 0px;}
.video-control .banner-image{width:100%; max-width:300px; height:auto; display:block; margin:0 auto;}
.video-leaves{position:absolute; right:-105px; top:-80px; width:160px; height:auto;}
.video-leaves img{width:100%; height:auto;}
.playpouse{position:absolute; width:90px; height:90px; border-radius:50px; background:rgba(255,255,255,0.6); top:50%; left:50%; margin-top:-50px; margin-left:-50px; cursor:pointer; text-align:center; z-index:1;}
.playpouse i.fa{font-size:48px; color:#213f99; line-height:90px;}
.video-carousel .carousel-control.right{background-image:none; opacity:1; width:50px; right:55px;}
.video-carousel .carousel-control.left{display:none; background-image:none; opacity:1; width:50px; left:0;}
.video-carousel .video-arrow{width:50px; height: auto; position: absolute; top: 50%; margin-top: -50px; left:0px;}
.video-carousel .carousel-inner .item {
  opacity: 0;
  transition-property: opacity;
}

.video-carousel .carousel-inner .active {
  opacity: 1;
}
.video-carousel .carousel-inner .active.left,
.video-carousel .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}

.video-carousel .carousel-inner .next.left,
.video-carousel .carousel-inner .prev.right {
  opacity: 1;
}

.video-carousel .carousel-control {
  z-index: 2;
}
@media all and (transform-3d), (-webkit-transform-3d) {
  .video-carousel .carousel-inner > .item.next,
  .video-carousel .carousel-inner > .item.active.right {
    opacity: 0;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  .video-carousel .carousel-inner > .item.prev,
  .video-carousel .carousel-inner > .item.active.left {
    opacity: 0;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  .video-carousel .carousel-inner > .item.next.left,
  .video-carousel .carousel-inner > .item.prev.right,
  .video-carousel .carousel-inner > .item.active {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}

.placeOrder-sec{
  display:block; width:100%; min-height:500px; background-image:url(../images/placeorder-bg.jpg); background-repeat:no-repeat; background-position:center center; background-size:cover; padding:50px 40px; background-color:#fff; overflow:hidden;
}
.bottle-slide{width:100%; max-width:300px;}
.bottol-Slidbox{width:100%; max-width:200px; height:auto; margin:0 auto;}
.bottol-Slidbox img{width:100%; height:auto;}
.bottle-slide .slick-prev, .bottle-slide .slick-next{
  width:40px; height:50px; background-repeat:no-repeat; z-index:1;
}
.bottle-slide .slick-prev{left:0px; background-image:url(../images/arrow-prev.png); background-position:left -7px; transition:300ms;}
.bottle-slide .slick-next{right:0px; background-image:url(../images/arrow-next.png); background-position:right -7px; transition:300ms;}
.bottle-slide .slick-prev:before, .bottle-slide .slick-next:before{content:'';}
.bottle-slide .slick-prev:hover{
  opacity:1;width:40px; height:50px; background-repeat:no-repeat; background-position:right -7px;  background-image:url(../images/arrow-prev.png);
}
.bottle-slide .slick-next:hover{
  opacity:1;width:40px; height:50px; background-repeat:no-repeat; background-position:left -7px; background-image:url(../images/arrow-next.png);
}

.bottle-content{display:table; width:100%; max-width:480px; height:400px;}
.bottle-contentin{display:table-cell; width:100%; height:100%; vertical-align:middle;}
.bottle-content h2{margin:0; margin-bottom:15px; color:#2089be;}
.bottle-content p{margin:0; color:#4e5053; font-weight:400;}

.place-order{width:100%; text-align:right;}
.place-ordermap{display:inline-block; width:100%; max-width:270px; height:auto;}
.place-ordermap img{width:100%; height:auto;}
.place-ordertext{display:block; width:100%; max-width:270px; text-align:center; margin-top:15px;}
.place-ordertext h1{margin:0px; color:#213f99; font-weight:400; font-size:40px; line-height:40px;}
.place-ordertext.right{float: right;}

footer{display:block; width:100%; height:auto; padding:25px 5%; background:#fff;}
.foot-col{float:left; padding:0px 15px;}
.fcol-1{width:20%;}
.fcol-2{width:25%;}
.fcol-3{width:20%;}
.fcol-4{width:15%;}
.fcol-5{width:20%;}
.footer-menubox{display:block; width:100%; text-align: center}
.footer-menubox ul{margin: 0}
.footer-menubox h4{margin:0px; margin-bottom:10px;}
.footer-menubox h4 a{color:#a3a7ac; font-weight:600;}
.footer-menu li{display:inline-block;    padding-right: 30px;}
.footer-menu li a{display:block; width:100%; height:100%; color:#a3a7ac; font-weight:500; font-size:18px; padding:5px 0px;}

.social-box{display:inline-block; width:100%; max-width:154px; height:42px; float:right; margin-top:-40px;}
.social-box li{display:inline-block; width:40px; height:40px; margin:0px 4px; transition:300ms;}
.social-box li.social-instagram{background-repeat:no-repeat; background-position:right 0;  background-image:url(../images/icon-instagram.png);}
.social-box li.social-youtube{background-repeat:no-repeat; background-position:right 0;  background-image:url(../images/icon-youtube.png);}
.social-box li.social-facebook{background-repeat:no-repeat; background-position:right 0;  background-image:url(../images/icon-facebook.png);}
.social-box li:hover{background-position:right -40px;}
.social-box li a{display:block; width:100%; height:100%;}
.copyright{display:block; color:#7a7979; font-weight:100; font-size:14px; margin-top:0px; margin-bottom:0px;}


.modal-box{display:none; position:fixed; width:100%; height:100%; top:0; left:0; background:rgba(0,0,0,0.8); overflow:hidden; z-index:10000;}
.close-modal{position:absolute; right:0px; top:0px; background-color:#1488c3; width:100px; height:100px; border-radius:100px 100px 100px 0%;}
.close-icon{position:absolute; width:40px; height:40px; left:50%; top:50%; margin-left:-20px; margin-top:-20px; transition:300ms;}
.close-modal:hover{background:#213f99;}
.close-modal:hover .close-icon{transform:rotate(180deg); -webkit-transform:rotate(180deg); -ms-transform:rotate(180deg);}
.modalcust-body{display:block; position:relative; width:calc(100% - 60px); height:calc(100vh - 60px); margin:30px auto; background:#fff; border-top-right-radius:50px; overflow:hidden;
}
.modalcust-bodyin{position:relative; width:100%; height:calc(100vh - 165px); overflow:hidden; overflow-y:auto; margin-top:105px;}
.modalcust-content{display:block; width:100%; max-width:767px; height:auto; margin:0 auto;}
.modalcust-content h1{margin:0px; margin-bottom:15px; color:#213f99; font-weight:100; font-size:40px;}
.modalcust-content p{margin:0px; margin-bottom:25px; color:#111; font-weight:100; line-height:25px;}

a.more{width:70px; height:24px; line-height:24px; text-decoration:none; color:#213f99; font-size:14px; font-weight:100; float:right; border-radius:24px; text-align:center;}
a.more:hover{background:#213f99; color:#fff;}

a.more-medium{width:75px; height:24px; line-height:24px; text-decoration:none; color:#213f99; font-size:17px; font-weight:300; float:right; border-radius:24px; text-align:center;}
a.more-medium:hover{background:#213f99; color:#fff;}

.drop {
  height:300px; width:300px;  /*border-radius:50%;*/ margin:0px auto; position:relative; top:40px; z-index:2;
  /*background-color:transparent; box-shadow:0px 0px 5px rgba(0,0,0,0.5);*/
  /*mask-image: url(../images/desert-img.jpg);*/
/*  background-image:url(../images/desert-img.jpg);
  background-repeat:no-repeat;
  background-position:center bottom;*/
}
/*.drop:before {content:""; position:absolute; height:180px; width:180px; top:-20px; left:60px; background-color:transparent; border-radius:4px 4px 4px 4px; -webkit-transform:scaleY(1.4) rotate(45deg); box-shadow:0px 0px 5px rgba(0,0,0,0.5);
  background-image:url(../images/desert-img.jpg);
  background-repeat:no-repeat;
  background-position:center bottom;
}*/
/*.drop:after {content:""; height:30px; width:30px; position:absolute; background-color:#1DC7E5; border-radius:50%; top:40px; left:20px; -webkit-transform:rotate(35deg);
}*/

.target {
  display: block;
  max-width: 50%;
  height: auto;
  margin: 0 auto;
}

.alpha-target {
  mask-image: url(../images/drop-shap.png);
  mask-mode: alpha;
  mask-repeat: no-repeat;
  mask-size: 80%;
}

.drip {
  -webkit-animation: drip 1s 1 linear;
}

@-webkit-keyframes drip {
  0% {
    top: 40px;
    opacity: 1;
    -webkit-transform: scale(1);
  }
  75% {
    opacity: 1;
    -webkit-transform: scale(1);
  }
  100% {
    top: 400px;
    opacity: 0;
    -webkit-transform: scale(0);
  }
}


.aboutText1{width:100%; padding-right:135px; text-align:left; display:inline-block;}
.aboutText1 p{margin:0px; font-size:16px; font-weight:100; color:#1dab56;}

.aboutText2{width:100%; padding-left:180px; text-align:left; float:right; padding-right:27px;}
.aboutText2 p{margin:0px; font-size:16px; font-weight:400; color:#333;}

.about-story{width:100%; min-height:620px; background: url(../images/story-bg.jpg) no-repeat center top; position:relative; margin-top:-70px; padding-top:50px; background-size:cover; overflow:hidden;}
.story-intro{position:relative; margin:100px 0px; font-size:60px; font-weight:100; color:#23a1da; text-align:center; text-transform:uppercase; line-height:54px;}
.story-intro span{display:block; color:#1dab56;}
.story-tab{display:block; width:100%; position:relative; margin-top:100px;}
.nav-story{text-align:center; border:0px;}
.nav-story>li{width:150px; height:150px; border-radius:150px; margin:0px 20px; display:inline-block; float:none; background:#fff; vertical-align:top;
 position:static;}
.nav-story>li>a{display:block; width:150px; height:150px; border-radius:150px; padding:0px; border:0px; box-shadow:0px 10px 20px rgba(0,0,0,0.1); z-index:1;}
.nav-story>li>a:hover, .nav-story>li.active>a{background:#fff; border:0px!important;}
.nav-story>li>a:before{
  content:''; position:absolute; left:0px; top:0px; width:100%; height:100%; border-radius:150px; background:transparent;
  border: 3px solid #0096d7; border-bottom-color: #fff; border-left-color: #fff;
  transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg);
}
.nav-story>li.active>a:before{
  content:''; position:absolute; left:0px; top:0px; width:100%; height:100%; border-radius:150px; background:transparent; border:3px solid #0096d7;
}
.nav-story>li.active>a:after{
  content:''; position:absolute; left:50%; bottom:-26px; width:0px; height:0px; margin-left:-14px;
  border-top:16px solid #fff;
  border-bottom:16px solid transparent;
  border-right:16px solid transparent;
  border-left:16px solid transparent;
}
.nav-story>li>a>img{width:100%; height:100%; border-radius:150px;}
.story-description{position:absolute; left:0px; width:100%; background:#529e3b; margin-top:-75px; padding-top:85px; display:none;}
.story-contentbox{display:block; width:100%; max-width:767px; margin:0 auto; text-align: center; padding:40px 15px;}
.story-contentbox p{margin:0; color:#fff; font-weight:100; font-size:18px;}
.story-description.active{display:block;}



.bubbles{width:100%; height:auto; position:relative;}
.bubble{
  -webkit-animation:short-bubble 1500ms linear infinite;
  animation:short-bubble 1500ms linear infinite;
  -webkit-animation-fill-mode:forwards;
  animation-fill-mode:forwards;
  width:140px; height:auto; position:absolute;
}
.drop1{
  -webkit-animation:medium-bubble 5000ms linear infinite;
  animation:medium-bubble 5000ms linear infinite;
  -webkit-animation-fill-mode:forwards;
  animation-fill-mode:forwards;
  left:0px; margin-left:3%; margin-top:10%;
  width:110px; height:auto;
}
.drop2{
  -webkit-animation:medium-bubble 3000ms linear infinite;
  animation:medium-bubble 3000ms linear infinite;
  -webkit-animation-fill-mode:forwards;
  animation-fill-mode:forwards;
  left:0px; margin-left:48%; margin-top:12%;
}
.drop3{
  -webkit-animation-duration:3000ms;
  animation-duration:3000ms;
  width:90px; height:auto; margin-right:5%; margin-top:20%; right:0px;
}
.drop4{
  -webkit-animation-duration:3500ms;
  animation-duration:3500ms;
  width:60px; height:auto; margin-left:8%; margin-top:35%; left:0px;
}
.drop5{
  -webkit-animation-duration:2000ms;
  animation-duration:2000ms;
  -webkit-animation-fill-mode:forwards;
  animation-fill-mode:forwards;
 width:80px; height:auto; margin-left:38%; margin-top:35%; left:0px;
}

/*.drop6{
  -webkit-animation-duration:6000ms;
  animation-duration:6000ms;
  margin-left:-3px;
  margin-bottom:50px;
}
.drop7{
  -webkit-animation:medium-bubble 2000ms linear infinite;
  -webkit-animation-fill-mode:forwards;
  animation:medium-bubble 2000ms linear infinite;
  animation-fill-mode:forwards;
}*/

@-webkit-keyframes short-bubble{
  0%{ -webkit-transform:translate3d(0, 0, 0); opacity:0; }
  13%{ -webkit-transform:translate3d(0, 20px, 0); opacity:1; }
  20%{ -webkit-transform:translate3d(0, 40px, 0);}
  30%{ -webkit-transform:translate3d(0, 60px, 0); }
  40%{ -webkit-transform:translate3d(0, 80px, 0); }
  50%{ -webkit-transform:translate3d(0, 100px, 0); }
  60%{ -webkit-transform:translate3d(0, 120px, 0); }
  70%{ opacity:0.4; }
  80%, 100%{ -webkit-transform:translate3d(0, 200px, 0); opacity:0; }
}

@keyframes short-bubble{
  0%{ transform:translate3d(0, 0, 0);opacity:0; }
  13%{ transform:translate3d(0, 20px, 0); opacity:1; }
  20%{ transform:translate3d(0, 40px, 0); }
  30%{ transform:translate3d(0, 60px, 0); }
  40%{ transform:translate3d(0, 80px, 0); }
  50%{ transform:translate3d(0, 100px, 0); }
  60%{ transform:translate3d(0, 120px, 0); }
  70%{ opacity:0.4; }
  80%, 100%{ transform:translate3d(0, 200px, 0); opacity:0; }
}

@-webkit-keyframes medium-bubble{
  0%{ -webkit-transform:translate3d(0, 0, 0); opacity:0;}
  5%{ -webkit-transform:translate3d(0, 20px, 0); opacity:1;}
  10%{ -webkit-transform:translate3d(0, 40px, 0);}
  20%{ -webkit-transform:translate3d(0, 80px, 0);}
  30%{ -webkit-transform:translate3d(0, 120px, 0);}
  40%{ -webkit-transform:translate3d(0, 160px, 0);}
  50%{ -webkit-transform:translate3d(0, 200px, 0);}
  60%{ -webkit-transform:translate3d(0, 240px, 0); opacity:0.4; }
  100%{ -webkit-transform:translate3d(0, 400px, 0); opacity:0; }
}

@keyframes medium-bubble{
  0%{ transform:translate3d(0, 0, 0); opacity:0;}
  5%{ transform:translate3d(0, 20px, 0); opacity:1;}
  10%{ transform:translate3d(0, 40px, 0);}
  20%{ transform:translate3d(0, 80px, 0);}
  30%{ transform:translate3d(0, 120px, 0);}
  40%{ transform:translate3d(0, 160px, 0);}
  50%{ transform:translate3d(0, 200px, 0)}
  60%{ transform:translate3d(0, 240px, 0); opacity:0.4; }
  100%{ transform:translate3d(0, 400px, 0); opacity:0; }
}

.line-container {
  position: absolute;
  width: 100%;
  height: 1px;
  top:130px;
  left: -4px;
}
.line {
  background: #255d90;
  width: 4px;
  height: 1px;
  float: left;
  -webkit-animation: wave 1s infinite ease-in-out alternate;
          animation: wave 1s infinite ease-in-out alternate;
  z-index: 1;
  position: absolute;
}
.line:nth-child(1) {
  -webkit-animation-delay: 0.002s;
          animation-delay: 0.002s;
  left: 4px;
}
.line:nth-child(2) {
  -webkit-animation-delay: 0.004s;
          animation-delay: 0.004s;
  left: 8px;
}
.line:nth-child(3) {
  -webkit-animation-delay: 0.006s;
          animation-delay: 0.006s;
  left: 12px;
}
.line:nth-child(4) {
  -webkit-animation-delay: 0.008s;
          animation-delay: 0.008s;
  left: 16px;
}
.line:nth-child(5) {
  -webkit-animation-delay: 0.01s;
          animation-delay: 0.01s;
  left: 20px;
}
.line:nth-child(6) {
  -webkit-animation-delay: 0.012s;
          animation-delay: 0.012s;
  left: 24px;
}
.line:nth-child(7) {
  -webkit-animation-delay: 0.014s;
          animation-delay: 0.014s;
  left: 28px;
}
.line:nth-child(8) {
  -webkit-animation-delay: 0.016s;
          animation-delay: 0.016s;
  left: 32px;
}
.line:nth-child(9) {
  -webkit-animation-delay: 0.018s;
          animation-delay: 0.018s;
  left: 36px;
}
.line:nth-child(10) {
  -webkit-animation-delay: 0.02s;
          animation-delay: 0.02s;
  left: 40px;
}
.line:nth-child(11) {
  -webkit-animation-delay: 0.022s;
          animation-delay: 0.022s;
  left: 44px;
}
.line:nth-child(12) {
  -webkit-animation-delay: 0.024s;
          animation-delay: 0.024s;
  left: 48px;
}
.line:nth-child(13) {
  -webkit-animation-delay: 0.026s;
          animation-delay: 0.026s;
  left: 52px;
}
.line:nth-child(14) {
  -webkit-animation-delay: 0.028s;
          animation-delay: 0.028s;
  left: 56px;
}
.line:nth-child(15) {
  -webkit-animation-delay: 0.03s;
          animation-delay: 0.03s;
  left: 60px;
}
.line:nth-child(16) {
  -webkit-animation-delay: 0.032s;
          animation-delay: 0.032s;
  left: 64px;
}
.line:nth-child(17) {
  -webkit-animation-delay: 0.034s;
          animation-delay: 0.034s;
  left: 68px;
}
.line:nth-child(18) {
  -webkit-animation-delay: 0.036s;
          animation-delay: 0.036s;
  left: 72px;
}
.line:nth-child(19) {
  -webkit-animation-delay: 0.038s;
          animation-delay: 0.038s;
  left: 76px;
}
.line:nth-child(20) {
  -webkit-animation-delay: 0.04s;
          animation-delay: 0.04s;
  left: 80px;
}
.line:nth-child(21) {
  -webkit-animation-delay: 0.042s;
          animation-delay: 0.042s;
  left: 84px;
}
.line:nth-child(22) {
  -webkit-animation-delay: 0.044s;
          animation-delay: 0.044s;
  left: 88px;
}
.line:nth-child(23) {
  -webkit-animation-delay: 0.046s;
          animation-delay: 0.046s;
  left: 92px;
}
.line:nth-child(24) {
  -webkit-animation-delay: 0.048s;
          animation-delay: 0.048s;
  left: 96px;
}
.line:nth-child(25) {
  -webkit-animation-delay: 0.05s;
          animation-delay: 0.05s;
  left: 100px;
}
.line:nth-child(26) {
  -webkit-animation-delay: 0.052s;
          animation-delay: 0.052s;
  left: 104px;
}
.line:nth-child(27) {
  -webkit-animation-delay: 0.054s;
          animation-delay: 0.054s;
  left: 108px;
}
.line:nth-child(28) {
  -webkit-animation-delay: 0.056s;
          animation-delay: 0.056s;
  left: 112px;
}
.line:nth-child(29) {
  -webkit-animation-delay: 0.058s;
          animation-delay: 0.058s;
  left: 116px;
}
.line:nth-child(30) {
  -webkit-animation-delay: 0.06s;
          animation-delay: 0.06s;
  left: 120px;
}
.line:nth-child(31) {
  -webkit-animation-delay: 0.062s;
          animation-delay: 0.062s;
  left: 124px;
}
.line:nth-child(32) {
  -webkit-animation-delay: 0.064s;
          animation-delay: 0.064s;
  left: 128px;
}
.line:nth-child(33) {
  -webkit-animation-delay: 0.066s;
          animation-delay: 0.066s;
  left: 132px;
}
.line:nth-child(34) {
  -webkit-animation-delay: 0.068s;
          animation-delay: 0.068s;
  left: 136px;
}
.line:nth-child(35) {
  -webkit-animation-delay: 0.07s;
          animation-delay: 0.07s;
  left: 140px;
}
.line:nth-child(36) {
  -webkit-animation-delay: 0.072s;
          animation-delay: 0.072s;
  left: 144px;
}
.line:nth-child(37) {
  -webkit-animation-delay: 0.074s;
          animation-delay: 0.074s;
  left: 148px;
}
.line:nth-child(38) {
  -webkit-animation-delay: 0.076s;
          animation-delay: 0.076s;
  left: 152px;
}
.line:nth-child(39) {
  -webkit-animation-delay: 0.078s;
          animation-delay: 0.078s;
  left: 156px;
}
.line:nth-child(40) {
  -webkit-animation-delay: 0.08s;
          animation-delay: 0.08s;
  left: 160px;
}
.line:nth-child(41) {
  -webkit-animation-delay: 0.082s;
          animation-delay: 0.082s;
  left: 164px;
}
.line:nth-child(42) {
  -webkit-animation-delay: 0.084s;
          animation-delay: 0.084s;
  left: 168px;
}
.line:nth-child(43) {
  -webkit-animation-delay: 0.086s;
          animation-delay: 0.086s;
  left: 172px;
}
.line:nth-child(44) {
  -webkit-animation-delay: 0.088s;
          animation-delay: 0.088s;
  left: 176px;
}
.line:nth-child(45) {
  -webkit-animation-delay: 0.09s;
          animation-delay: 0.09s;
  left: 180px;
}
.line:nth-child(46) {
  -webkit-animation-delay: 0.092s;
          animation-delay: 0.092s;
  left: 184px;
}
.line:nth-child(47) {
  -webkit-animation-delay: 0.094s;
          animation-delay: 0.094s;
  left: 188px;
}
.line:nth-child(48) {
  -webkit-animation-delay: 0.096s;
          animation-delay: 0.096s;
  left: 192px;
}
.line:nth-child(49) {
  -webkit-animation-delay: 0.098s;
          animation-delay: 0.098s;
  left: 196px;
}
.line:nth-child(50) {
  -webkit-animation-delay: 0.1s;
          animation-delay: 0.1s;
  left: 200px;
}
.line:nth-child(51) {
  -webkit-animation-delay: 0.102s;
          animation-delay: 0.102s;
  left: 204px;
}
.line:nth-child(52) {
  -webkit-animation-delay: 0.104s;
          animation-delay: 0.104s;
  left: 208px;
}
.line:nth-child(53) {
  -webkit-animation-delay: 0.106s;
          animation-delay: 0.106s;
  left: 212px;
}
.line:nth-child(54) {
  -webkit-animation-delay: 0.108s;
          animation-delay: 0.108s;
  left: 216px;
}
.line:nth-child(55) {
  -webkit-animation-delay: 0.11s;
          animation-delay: 0.11s;
  left: 220px;
}
.line:nth-child(56) {
  -webkit-animation-delay: 0.112s;
          animation-delay: 0.112s;
  left: 224px;
}
.line:nth-child(57) {
  -webkit-animation-delay: 0.114s;
          animation-delay: 0.114s;
  left: 228px;
}
.line:nth-child(58) {
  -webkit-animation-delay: 0.116s;
          animation-delay: 0.116s;
  left: 232px;
}
.line:nth-child(59) {
  -webkit-animation-delay: 0.118s;
          animation-delay: 0.118s;
  left: 236px;
}
.line:nth-child(60) {
  -webkit-animation-delay: 0.12s;
          animation-delay: 0.12s;
  left: 240px;
}
.line:nth-child(61) {
  -webkit-animation-delay: 0.122s;
          animation-delay: 0.122s;
  left: 244px;
}
.line:nth-child(62) {
  -webkit-animation-delay: 0.124s;
          animation-delay: 0.124s;
  left: 248px;
}
.line:nth-child(63) {
  -webkit-animation-delay: 0.126s;
          animation-delay: 0.126s;
  left: 252px;
}
.line:nth-child(64) {
  -webkit-animation-delay: 0.128s;
          animation-delay: 0.128s;
  left: 256px;
}
.line:nth-child(65) {
  -webkit-animation-delay: 0.13s;
          animation-delay: 0.13s;
  left: 260px;
}
.line:nth-child(66) {
  -webkit-animation-delay: 0.132s;
          animation-delay: 0.132s;
  left: 264px;
}
.line:nth-child(67) {
  -webkit-animation-delay: 0.134s;
          animation-delay: 0.134s;
  left: 268px;
}
.line:nth-child(68) {
  -webkit-animation-delay: 0.136s;
          animation-delay: 0.136s;
  left: 272px;
}
.line:nth-child(69) {
  -webkit-animation-delay: 0.138s;
          animation-delay: 0.138s;
  left: 276px;
}
.line:nth-child(70) {
  -webkit-animation-delay: 0.14s;
          animation-delay: 0.14s;
  left: 280px;
}
.line:nth-child(71) {
  -webkit-animation-delay: 0.142s;
          animation-delay: 0.142s;
  left: 284px;
}
.line:nth-child(72) {
  -webkit-animation-delay: 0.144s;
          animation-delay: 0.144s;
  left: 288px;
}
.line:nth-child(73) {
  -webkit-animation-delay: 0.146s;
          animation-delay: 0.146s;
  left: 292px;
}
.line:nth-child(74) {
  -webkit-animation-delay: 0.148s;
          animation-delay: 0.148s;
  left: 296px;
}
.line:nth-child(75) {
  -webkit-animation-delay: 0.15s;
          animation-delay: 0.15s;
  left: 300px;
}
.line:nth-child(76) {
  -webkit-animation-delay: 0.152s;
          animation-delay: 0.152s;
  left: 304px;
}
.line:nth-child(77) {
  -webkit-animation-delay: 0.154s;
          animation-delay: 0.154s;
  left: 308px;
}
.line:nth-child(78) {
  -webkit-animation-delay: 0.156s;
          animation-delay: 0.156s;
  left: 312px;
}
.line:nth-child(79) {
  -webkit-animation-delay: 0.158s;
          animation-delay: 0.158s;
  left: 316px;
}
.line:nth-child(80) {
  -webkit-animation-delay: 0.16s;
          animation-delay: 0.16s;
  left: 320px;
}
.line:nth-child(81) {
  -webkit-animation-delay: 0.162s;
          animation-delay: 0.162s;
  left: 324px;
}
.line:nth-child(82) {
  -webkit-animation-delay: 0.164s;
          animation-delay: 0.164s;
  left: 328px;
}
.line:nth-child(83) {
  -webkit-animation-delay: 0.166s;
          animation-delay: 0.166s;
  left: 332px;
}
.line:nth-child(84) {
  -webkit-animation-delay: 0.168s;
          animation-delay: 0.168s;
  left: 336px;
}
.line:nth-child(85) {
  -webkit-animation-delay: 0.17s;
          animation-delay: 0.17s;
  left: 340px;
}
.line:nth-child(86) {
  -webkit-animation-delay: 0.172s;
          animation-delay: 0.172s;
  left: 344px;
}
.line:nth-child(87) {
  -webkit-animation-delay: 0.174s;
          animation-delay: 0.174s;
  left: 348px;
}
.line:nth-child(88) {
  -webkit-animation-delay: 0.176s;
          animation-delay: 0.176s;
  left: 352px;
}
.line:nth-child(89) {
  -webkit-animation-delay: 0.178s;
          animation-delay: 0.178s;
  left: 356px;
}
.line:nth-child(90) {
  -webkit-animation-delay: 0.18s;
          animation-delay: 0.18s;
  left: 360px;
}
.line:nth-child(91) {
  -webkit-animation-delay: 0.182s;
          animation-delay: 0.182s;
  left: 364px;
}
.line:nth-child(92) {
  -webkit-animation-delay: 0.184s;
          animation-delay: 0.184s;
  left: 368px;
}
.line:nth-child(93) {
  -webkit-animation-delay: 0.186s;
          animation-delay: 0.186s;
  left: 372px;
}
.line:nth-child(94) {
  -webkit-animation-delay: 0.188s;
          animation-delay: 0.188s;
  left: 376px;
}
.line:nth-child(95) {
  -webkit-animation-delay: 0.19s;
          animation-delay: 0.19s;
  left: 380px;
}
.line:nth-child(96) {
  -webkit-animation-delay: 0.192s;
          animation-delay: 0.192s;
  left: 384px;
}
.line:nth-child(97) {
  -webkit-animation-delay: 0.194s;
          animation-delay: 0.194s;
  left: 388px;
}
.line:nth-child(98) {
  -webkit-animation-delay: 0.196s;
          animation-delay: 0.196s;
  left: 392px;
}
.line:nth-child(99) {
  -webkit-animation-delay: 0.198s;
          animation-delay: 0.198s;
  left: 396px;
}
.line:nth-child(100) {
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s;
  left: 400px;
}
.line:nth-child(101) {
  -webkit-animation-delay: 0.202s;
          animation-delay: 0.202s;
  left: 404px;
}
.line:nth-child(102) {
  -webkit-animation-delay: 0.204s;
          animation-delay: 0.204s;
  left: 408px;
}
.line:nth-child(103) {
  -webkit-animation-delay: 0.206s;
          animation-delay: 0.206s;
  left: 412px;
}
.line:nth-child(104) {
  -webkit-animation-delay: 0.208s;
          animation-delay: 0.208s;
  left: 416px;
}
.line:nth-child(105) {
  -webkit-animation-delay: 0.21s;
          animation-delay: 0.21s;
  left: 420px;
}
.line:nth-child(106) {
  -webkit-animation-delay: 0.212s;
          animation-delay: 0.212s;
  left: 424px;
}
.line:nth-child(107) {
  -webkit-animation-delay: 0.214s;
          animation-delay: 0.214s;
  left: 428px;
}
.line:nth-child(108) {
  -webkit-animation-delay: 0.216s;
          animation-delay: 0.216s;
  left: 432px;
}
.line:nth-child(109) {
  -webkit-animation-delay: 0.218s;
          animation-delay: 0.218s;
  left: 436px;
}
.line:nth-child(110) {
  -webkit-animation-delay: 0.22s;
          animation-delay: 0.22s;
  left: 440px;
}
.line:nth-child(111) {
  -webkit-animation-delay: 0.222s;
          animation-delay: 0.222s;
  left: 444px;
}
.line:nth-child(112) {
  -webkit-animation-delay: 0.224s;
          animation-delay: 0.224s;
  left: 448px;
}
.line:nth-child(113) {
  -webkit-animation-delay: 0.226s;
          animation-delay: 0.226s;
  left: 452px;
}
.line:nth-child(114) {
  -webkit-animation-delay: 0.228s;
          animation-delay: 0.228s;
  left: 456px;
}
.line:nth-child(115) {
  -webkit-animation-delay: 0.23s;
          animation-delay: 0.23s;
  left: 460px;
}
.line:nth-child(116) {
  -webkit-animation-delay: 0.232s;
          animation-delay: 0.232s;
  left: 464px;
}
.line:nth-child(117) {
  -webkit-animation-delay: 0.234s;
          animation-delay: 0.234s;
  left: 468px;
}
.line:nth-child(118) {
  -webkit-animation-delay: 0.236s;
          animation-delay: 0.236s;
  left: 472px;
}
.line:nth-child(119) {
  -webkit-animation-delay: 0.238s;
          animation-delay: 0.238s;
  left: 476px;
}
.line:nth-child(120) {
  -webkit-animation-delay: 0.24s;
          animation-delay: 0.24s;
  left: 480px;
}
.line:nth-child(121) {
  -webkit-animation-delay: 0.242s;
          animation-delay: 0.242s;
  left: 484px;
}
.line:nth-child(122) {
  -webkit-animation-delay: 0.244s;
          animation-delay: 0.244s;
  left: 488px;
}
.line:nth-child(123) {
  -webkit-animation-delay: 0.246s;
          animation-delay: 0.246s;
  left: 492px;
}
.line:nth-child(124) {
  -webkit-animation-delay: 0.248s;
          animation-delay: 0.248s;
  left: 496px;
}
.line:nth-child(125) {
  -webkit-animation-delay: 0.25s;
          animation-delay: 0.25s;
  left: 500px;
}
.line:nth-child(126) {
  -webkit-animation-delay: 0.252s;
          animation-delay: 0.252s;
  left: 504px;
}
.line:nth-child(127) {
  -webkit-animation-delay: 0.254s;
          animation-delay: 0.254s;
  left: 508px;
}
.line:nth-child(128) {
  -webkit-animation-delay: 0.256s;
          animation-delay: 0.256s;
  left: 512px;
}
.line:nth-child(129) {
  -webkit-animation-delay: 0.258s;
          animation-delay: 0.258s;
  left: 516px;
}
.line:nth-child(130) {
  -webkit-animation-delay: 0.26s;
          animation-delay: 0.26s;
  left: 520px;
}
.line:nth-child(131) {
  -webkit-animation-delay: 0.262s;
          animation-delay: 0.262s;
  left: 524px;
}
.line:nth-child(132) {
  -webkit-animation-delay: 0.264s;
          animation-delay: 0.264s;
  left: 528px;
}
.line:nth-child(133) {
  -webkit-animation-delay: 0.266s;
          animation-delay: 0.266s;
  left: 532px;
}
.line:nth-child(134) {
  -webkit-animation-delay: 0.268s;
          animation-delay: 0.268s;
  left: 536px;
}
.line:nth-child(135) {
  -webkit-animation-delay: 0.27s;
          animation-delay: 0.27s;
  left: 540px;
}
.line:nth-child(136) {
  -webkit-animation-delay: 0.272s;
          animation-delay: 0.272s;
  left: 544px;
}
.line:nth-child(137) {
  -webkit-animation-delay: 0.274s;
          animation-delay: 0.274s;
  left: 548px;
}
.line:nth-child(138) {
  -webkit-animation-delay: 0.276s;
          animation-delay: 0.276s;
  left: 552px;
}
.line:nth-child(139) {
  -webkit-animation-delay: 0.278s;
          animation-delay: 0.278s;
  left: 556px;
}
.line:nth-child(140) {
  -webkit-animation-delay: 0.28s;
          animation-delay: 0.28s;
  left: 560px;
}
.line:nth-child(141) {
  -webkit-animation-delay: 0.282s;
          animation-delay: 0.282s;
  left: 564px;
}
.line:nth-child(142) {
  -webkit-animation-delay: 0.284s;
          animation-delay: 0.284s;
  left: 568px;
}
.line:nth-child(143) {
  -webkit-animation-delay: 0.286s;
          animation-delay: 0.286s;
  left: 572px;
}
.line:nth-child(144) {
  -webkit-animation-delay: 0.288s;
          animation-delay: 0.288s;
  left: 576px;
}
.line:nth-child(145) {
  -webkit-animation-delay: 0.29s;
          animation-delay: 0.29s;
  left: 580px;
}
.line:nth-child(146) {
  -webkit-animation-delay: 0.292s;
          animation-delay: 0.292s;
  left: 584px;
}
.line:nth-child(147) {
  -webkit-animation-delay: 0.294s;
          animation-delay: 0.294s;
  left: 588px;
}
.line:nth-child(148) {
  -webkit-animation-delay: 0.296s;
          animation-delay: 0.296s;
  left: 592px;
}
.line:nth-child(149) {
  -webkit-animation-delay: 0.298s;
          animation-delay: 0.298s;
  left: 596px;
}
.line:nth-child(150) {
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s;
  left: 600px;
}
.line:nth-child(151) {
  -webkit-animation-delay: 0.302s;
          animation-delay: 0.302s;
  left: 604px;
}
.line:nth-child(152) {
  -webkit-animation-delay: 0.304s;
          animation-delay: 0.304s;
  left: 608px;
}
.line:nth-child(153) {
  -webkit-animation-delay: 0.306s;
          animation-delay: 0.306s;
  left: 612px;
}
.line:nth-child(154) {
  -webkit-animation-delay: 0.308s;
          animation-delay: 0.308s;
  left: 616px;
}
.line:nth-child(155) {
  -webkit-animation-delay: 0.31s;
          animation-delay: 0.31s;
  left: 620px;
}
.line:nth-child(156) {
  -webkit-animation-delay: 0.312s;
          animation-delay: 0.312s;
  left: 624px;
}
.line:nth-child(157) {
  -webkit-animation-delay: 0.314s;
          animation-delay: 0.314s;
  left: 628px;
}
.line:nth-child(158) {
  -webkit-animation-delay: 0.316s;
          animation-delay: 0.316s;
  left: 632px;
}
.line:nth-child(159) {
  -webkit-animation-delay: 0.318s;
          animation-delay: 0.318s;
  left: 636px;
}
.line:nth-child(160) {
  -webkit-animation-delay: 0.32s;
          animation-delay: 0.32s;
  left: 640px;
}
.line:nth-child(161) {
  -webkit-animation-delay: 0.322s;
          animation-delay: 0.322s;
  left: 644px;
}
.line:nth-child(162) {
  -webkit-animation-delay: 0.324s;
          animation-delay: 0.324s;
  left: 648px;
}
.line:nth-child(163) {
  -webkit-animation-delay: 0.326s;
          animation-delay: 0.326s;
  left: 652px;
}
.line:nth-child(164) {
  -webkit-animation-delay: 0.328s;
          animation-delay: 0.328s;
  left: 656px;
}
.line:nth-child(165) {
  -webkit-animation-delay: 0.33s;
          animation-delay: 0.33s;
  left: 660px;
}
.line:nth-child(166) {
  -webkit-animation-delay: 0.332s;
          animation-delay: 0.332s;
  left: 664px;
}
.line:nth-child(167) {
  -webkit-animation-delay: 0.334s;
          animation-delay: 0.334s;
  left: 668px;
}
.line:nth-child(168) {
  -webkit-animation-delay: 0.336s;
          animation-delay: 0.336s;
  left: 672px;
}
.line:nth-child(169) {
  -webkit-animation-delay: 0.338s;
          animation-delay: 0.338s;
  left: 676px;
}
.line:nth-child(170) {
  -webkit-animation-delay: 0.34s;
          animation-delay: 0.34s;
  left: 680px;
}
.line:nth-child(171) {
  -webkit-animation-delay: 0.342s;
          animation-delay: 0.342s;
  left: 684px;
}
.line:nth-child(172) {
  -webkit-animation-delay: 0.344s;
          animation-delay: 0.344s;
  left: 688px;
}
.line:nth-child(173) {
  -webkit-animation-delay: 0.346s;
          animation-delay: 0.346s;
  left: 692px;
}
.line:nth-child(174) {
  -webkit-animation-delay: 0.348s;
          animation-delay: 0.348s;
  left: 696px;
}
.line:nth-child(175) {
  -webkit-animation-delay: 0.35s;
          animation-delay: 0.35s;
  left: 700px;
}
.line:nth-child(176) {
  -webkit-animation-delay: 0.352s;
          animation-delay: 0.352s;
  left: 704px;
}
.line:nth-child(177) {
  -webkit-animation-delay: 0.354s;
          animation-delay: 0.354s;
  left: 708px;
}
.line:nth-child(178) {
  -webkit-animation-delay: 0.356s;
          animation-delay: 0.356s;
  left: 712px;
}
.line:nth-child(179) {
  -webkit-animation-delay: 0.358s;
          animation-delay: 0.358s;
  left: 716px;
}
.line:nth-child(180) {
  -webkit-animation-delay: 0.36s;
          animation-delay: 0.36s;
  left: 720px;
}
.line:nth-child(181) {
  -webkit-animation-delay: 0.362s;
          animation-delay: 0.362s;
  left: 724px;
}
.line:nth-child(182) {
  -webkit-animation-delay: 0.364s;
          animation-delay: 0.364s;
  left: 728px;
}
.line:nth-child(183) {
  -webkit-animation-delay: 0.366s;
          animation-delay: 0.366s;
  left: 732px;
}
.line:nth-child(184) {
  -webkit-animation-delay: 0.368s;
          animation-delay: 0.368s;
  left: 736px;
}
.line:nth-child(185) {
  -webkit-animation-delay: 0.37s;
          animation-delay: 0.37s;
  left: 740px;
}
.line:nth-child(186) {
  -webkit-animation-delay: 0.372s;
          animation-delay: 0.372s;
  left: 744px;
}
.line:nth-child(187) {
  -webkit-animation-delay: 0.374s;
          animation-delay: 0.374s;
  left: 748px;
}
.line:nth-child(188) {
  -webkit-animation-delay: 0.376s;
          animation-delay: 0.376s;
  left: 752px;
}
.line:nth-child(189) {
  -webkit-animation-delay: 0.378s;
          animation-delay: 0.378s;
  left: 756px;
}
.line:nth-child(190) {
  -webkit-animation-delay: 0.38s;
          animation-delay: 0.38s;
  left: 760px;
}
.line:nth-child(191) {
  -webkit-animation-delay: 0.382s;
          animation-delay: 0.382s;
  left: 764px;
}
.line:nth-child(192) {
  -webkit-animation-delay: 0.384s;
          animation-delay: 0.384s;
  left: 768px;
}
.line:nth-child(193) {
  -webkit-animation-delay: 0.386s;
          animation-delay: 0.386s;
  left: 772px;
}
.line:nth-child(194) {
  -webkit-animation-delay: 0.388s;
          animation-delay: 0.388s;
  left: 776px;
}
.line:nth-child(195) {
  -webkit-animation-delay: 0.39s;
          animation-delay: 0.39s;
  left: 780px;
}
.line:nth-child(196) {
  -webkit-animation-delay: 0.392s;
          animation-delay: 0.392s;
  left: 784px;
}
.line:nth-child(197) {
  -webkit-animation-delay: 0.394s;
          animation-delay: 0.394s;
  left: 788px;
}
.line:nth-child(198) {
  -webkit-animation-delay: 0.396s;
          animation-delay: 0.396s;
  left: 792px;
}
.line:nth-child(199) {
  -webkit-animation-delay: 0.398s;
          animation-delay: 0.398s;
  left: 796px;
}
.line:nth-child(200) {
  -webkit-animation-delay: 0.4s;
          animation-delay: 0.4s;
  left: 800px;
}
.line:nth-child(201) {
  -webkit-animation-delay: 0.402s;
          animation-delay: 0.402s;
  left: 804px;
}
.line:nth-child(202) {
  -webkit-animation-delay: 0.404s;
          animation-delay: 0.404s;
  left: 808px;
}
.line:nth-child(203) {
  -webkit-animation-delay: 0.406s;
          animation-delay: 0.406s;
  left: 812px;
}
.line:nth-child(204) {
  -webkit-animation-delay: 0.408s;
          animation-delay: 0.408s;
  left: 816px;
}
.line:nth-child(205) {
  -webkit-animation-delay: 0.41s;
          animation-delay: 0.41s;
  left: 820px;
}
.line:nth-child(206) {
  -webkit-animation-delay: 0.412s;
          animation-delay: 0.412s;
  left: 824px;
}
.line:nth-child(207) {
  -webkit-animation-delay: 0.414s;
          animation-delay: 0.414s;
  left: 828px;
}
.line:nth-child(208) {
  -webkit-animation-delay: 0.416s;
          animation-delay: 0.416s;
  left: 832px;
}
.line:nth-child(209) {
  -webkit-animation-delay: 0.418s;
          animation-delay: 0.418s;
  left: 836px;
}
.line:nth-child(210) {
  -webkit-animation-delay: 0.42s;
          animation-delay: 0.42s;
  left: 840px;
}
.line:nth-child(211) {
  -webkit-animation-delay: 0.422s;
          animation-delay: 0.422s;
  left: 844px;
}
.line:nth-child(212) {
  -webkit-animation-delay: 0.424s;
          animation-delay: 0.424s;
  left: 848px;
}
.line:nth-child(213) {
  -webkit-animation-delay: 0.426s;
          animation-delay: 0.426s;
  left: 852px;
}
.line:nth-child(214) {
  -webkit-animation-delay: 0.428s;
          animation-delay: 0.428s;
  left: 856px;
}
.line:nth-child(215) {
  -webkit-animation-delay: 0.43s;
          animation-delay: 0.43s;
  left: 860px;
}
.line:nth-child(216) {
  -webkit-animation-delay: 0.432s;
          animation-delay: 0.432s;
  left: 864px;
}
.line:nth-child(217) {
  -webkit-animation-delay: 0.434s;
          animation-delay: 0.434s;
  left: 868px;
}
.line:nth-child(218) {
  -webkit-animation-delay: 0.436s;
          animation-delay: 0.436s;
  left: 872px;
}
.line:nth-child(219) {
  -webkit-animation-delay: 0.438s;
          animation-delay: 0.438s;
  left: 876px;
}
.line:nth-child(220) {
  -webkit-animation-delay: 0.44s;
          animation-delay: 0.44s;
  left: 880px;
}
.line:nth-child(221) {
  -webkit-animation-delay: 0.442s;
          animation-delay: 0.442s;
  left: 884px;
}
.line:nth-child(222) {
  -webkit-animation-delay: 0.444s;
          animation-delay: 0.444s;
  left: 888px;
}
.line:nth-child(223) {
  -webkit-animation-delay: 0.446s;
          animation-delay: 0.446s;
  left: 892px;
}
.line:nth-child(224) {
  -webkit-animation-delay: 0.448s;
          animation-delay: 0.448s;
  left: 896px;
}
.line:nth-child(225) {
  -webkit-animation-delay: 0.45s;
          animation-delay: 0.45s;
  left: 900px;
}
.line:nth-child(226) {
  -webkit-animation-delay: 0.452s;
          animation-delay: 0.452s;
  left: 904px;
}
.line:nth-child(227) {
  -webkit-animation-delay: 0.454s;
          animation-delay: 0.454s;
  left: 908px;
}
.line:nth-child(228) {
  -webkit-animation-delay: 0.456s;
          animation-delay: 0.456s;
  left: 912px;
}
.line:nth-child(229) {
  -webkit-animation-delay: 0.458s;
          animation-delay: 0.458s;
  left: 916px;
}
.line:nth-child(230) {
  -webkit-animation-delay: 0.46s;
          animation-delay: 0.46s;
  left: 920px;
}
.line:nth-child(231) {
  -webkit-animation-delay: 0.462s;
          animation-delay: 0.462s;
  left: 924px;
}
.line:nth-child(232) {
  -webkit-animation-delay: 0.464s;
          animation-delay: 0.464s;
  left: 928px;
}
.line:nth-child(233) {
  -webkit-animation-delay: 0.466s;
          animation-delay: 0.466s;
  left: 932px;
}
.line:nth-child(234) {
  -webkit-animation-delay: 0.468s;
          animation-delay: 0.468s;
  left: 936px;
}
.line:nth-child(235) {
  -webkit-animation-delay: 0.47s;
          animation-delay: 0.47s;
  left: 940px;
}
.line:nth-child(236) {
  -webkit-animation-delay: 0.472s;
          animation-delay: 0.472s;
  left: 944px;
}
.line:nth-child(237) {
  -webkit-animation-delay: 0.474s;
          animation-delay: 0.474s;
  left: 948px;
}
.line:nth-child(238) {
  -webkit-animation-delay: 0.476s;
          animation-delay: 0.476s;
  left: 952px;
}
.line:nth-child(239) {
  -webkit-animation-delay: 0.478s;
          animation-delay: 0.478s;
  left: 956px;
}
.line:nth-child(240) {
  -webkit-animation-delay: 0.48s;
          animation-delay: 0.48s;
  left: 960px;
}
.line:nth-child(241) {
  -webkit-animation-delay: 0.482s;
          animation-delay: 0.482s;
  left: 964px;
}
.line:nth-child(242) {
  -webkit-animation-delay: 0.484s;
          animation-delay: 0.484s;
  left: 968px;
}
.line:nth-child(243) {
  -webkit-animation-delay: 0.486s;
          animation-delay: 0.486s;
  left: 972px;
}
.line:nth-child(244) {
  -webkit-animation-delay: 0.488s;
          animation-delay: 0.488s;
  left: 976px;
}
.line:nth-child(245) {
  -webkit-animation-delay: 0.49s;
          animation-delay: 0.49s;
  left: 980px;
}
.line:nth-child(246) {
  -webkit-animation-delay: 0.492s;
          animation-delay: 0.492s;
  left: 984px;
}
.line:nth-child(247) {
  -webkit-animation-delay: 0.494s;
          animation-delay: 0.494s;
  left: 988px;
}
.line:nth-child(248) {
  -webkit-animation-delay: 0.496s;
          animation-delay: 0.496s;
  left: 992px;
}
.line:nth-child(249) {
  -webkit-animation-delay: 0.498s;
          animation-delay: 0.498s;
  left: 996px;
}
.line:nth-child(250) {
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
  left: 1000px;
}
.line:nth-child(251) {
  -webkit-animation-delay: 0.502s;
          animation-delay: 0.502s;
  left: 1004px;
}
.line:nth-child(252) {
  -webkit-animation-delay: 0.504s;
          animation-delay: 0.504s;
  left: 1008px;
}
.line:nth-child(253) {
  -webkit-animation-delay: 0.506s;
          animation-delay: 0.506s;
  left: 1012px;
}
.line:nth-child(254) {
  -webkit-animation-delay: 0.508s;
          animation-delay: 0.508s;
  left: 1016px;
}
.line:nth-child(255) {
  -webkit-animation-delay: 0.51s;
          animation-delay: 0.51s;
  left: 1020px;
}
.line:nth-child(256) {
  -webkit-animation-delay: 0.512s;
          animation-delay: 0.512s;
  left: 1024px;
}
.line:nth-child(257) {
  -webkit-animation-delay: 0.514s;
          animation-delay: 0.514s;
  left: 1028px;
}
.line:nth-child(258) {
  -webkit-animation-delay: 0.516s;
          animation-delay: 0.516s;
  left: 1032px;
}
.line:nth-child(259) {
  -webkit-animation-delay: 0.518s;
          animation-delay: 0.518s;
  left: 1036px;
}
.line:nth-child(260) {
  -webkit-animation-delay: 0.52s;
          animation-delay: 0.52s;
  left: 1040px;
}
.line:nth-child(261) {
  -webkit-animation-delay: 0.522s;
          animation-delay: 0.522s;
  left: 1044px;
}
.line:nth-child(262) {
  -webkit-animation-delay: 0.524s;
          animation-delay: 0.524s;
  left: 1048px;
}
.line:nth-child(263) {
  -webkit-animation-delay: 0.526s;
          animation-delay: 0.526s;
  left: 1052px;
}
.line:nth-child(264) {
  -webkit-animation-delay: 0.528s;
          animation-delay: 0.528s;
  left: 1056px;
}
.line:nth-child(265) {
  -webkit-animation-delay: 0.53s;
          animation-delay: 0.53s;
  left: 1060px;
}
.line:nth-child(266) {
  -webkit-animation-delay: 0.532s;
          animation-delay: 0.532s;
  left: 1064px;
}
.line:nth-child(267) {
  -webkit-animation-delay: 0.534s;
          animation-delay: 0.534s;
  left: 1068px;
}
.line:nth-child(268) {
  -webkit-animation-delay: 0.536s;
          animation-delay: 0.536s;
  left: 1072px;
}
.line:nth-child(269) {
  -webkit-animation-delay: 0.538s;
          animation-delay: 0.538s;
  left: 1076px;
}
.line:nth-child(270) {
  -webkit-animation-delay: 0.54s;
          animation-delay: 0.54s;
  left: 1080px;
}
.line:nth-child(271) {
  -webkit-animation-delay: 0.542s;
          animation-delay: 0.542s;
  left: 1084px;
}
.line:nth-child(272) {
  -webkit-animation-delay: 0.544s;
          animation-delay: 0.544s;
  left: 1088px;
}
.line:nth-child(273) {
  -webkit-animation-delay: 0.546s;
          animation-delay: 0.546s;
  left: 1092px;
}
.line:nth-child(274) {
  -webkit-animation-delay: 0.548s;
          animation-delay: 0.548s;
  left: 1096px;
}
.line:nth-child(275) {
  -webkit-animation-delay: 0.55s;
          animation-delay: 0.55s;
  left: 1100px;
}
.line:nth-child(276) {
  -webkit-animation-delay: 0.552s;
          animation-delay: 0.552s;
  left: 1104px;
}
.line:nth-child(277) {
  -webkit-animation-delay: 0.554s;
          animation-delay: 0.554s;
  left: 1108px;
}
.line:nth-child(278) {
  -webkit-animation-delay: 0.556s;
          animation-delay: 0.556s;
  left: 1112px;
}
.line:nth-child(279) {
  -webkit-animation-delay: 0.558s;
          animation-delay: 0.558s;
  left: 1116px;
}
.line:nth-child(280) {
  -webkit-animation-delay: 0.56s;
          animation-delay: 0.56s;
  left: 1120px;
}
.line:nth-child(281) {
  -webkit-animation-delay: 0.562s;
          animation-delay: 0.562s;
  left: 1124px;
}
.line:nth-child(282) {
  -webkit-animation-delay: 0.564s;
          animation-delay: 0.564s;
  left: 1128px;
}
.line:nth-child(283) {
  -webkit-animation-delay: 0.566s;
          animation-delay: 0.566s;
  left: 1132px;
}
.line:nth-child(284) {
  -webkit-animation-delay: 0.568s;
          animation-delay: 0.568s;
  left: 1136px;
}
.line:nth-child(285) {
  -webkit-animation-delay: 0.57s;
          animation-delay: 0.57s;
  left: 1140px;
}
.line:nth-child(286) {
  -webkit-animation-delay: 0.572s;
          animation-delay: 0.572s;
  left: 1144px;
}
.line:nth-child(287) {
  -webkit-animation-delay: 0.574s;
          animation-delay: 0.574s;
  left: 1148px;
}
.line:nth-child(288) {
  -webkit-animation-delay: 0.576s;
          animation-delay: 0.576s;
  left: 1152px;
}
.line:nth-child(289) {
  -webkit-animation-delay: 0.578s;
          animation-delay: 0.578s;
  left: 1156px;
}
.line:nth-child(290) {
  -webkit-animation-delay: 0.58s;
          animation-delay: 0.58s;
  left: 1160px;
}
.line:nth-child(291) {
  -webkit-animation-delay: 0.582s;
          animation-delay: 0.582s;
  left: 1164px;
}
.line:nth-child(292) {
  -webkit-animation-delay: 0.584s;
          animation-delay: 0.584s;
  left: 1168px;
}
.line:nth-child(293) {
  -webkit-animation-delay: 0.586s;
          animation-delay: 0.586s;
  left: 1172px;
}
.line:nth-child(294) {
  -webkit-animation-delay: 0.588s;
          animation-delay: 0.588s;
  left: 1176px;
}
.line:nth-child(295) {
  -webkit-animation-delay: 0.59s;
          animation-delay: 0.59s;
  left: 1180px;
}
.line:nth-child(296) {
  -webkit-animation-delay: 0.592s;
          animation-delay: 0.592s;
  left: 1184px;
}
.line:nth-child(297) {
  -webkit-animation-delay: 0.594s;
          animation-delay: 0.594s;
  left: 1188px;
}
.line:nth-child(298) {
  -webkit-animation-delay: 0.596s;
          animation-delay: 0.596s;
  left: 1192px;
}
.line:nth-child(299) {
  -webkit-animation-delay: 0.598s;
          animation-delay: 0.598s;
  left: 1196px;
}
.line:nth-child(300) {
  -webkit-animation-delay: 0.6s;
          animation-delay: 0.6s;
  left: 1200px;
}
.line:nth-child(301) {
  -webkit-animation-delay: 0.602s;
          animation-delay: 0.602s;
  left: 1204px;
}
.line:nth-child(302) {
  -webkit-animation-delay: 0.604s;
          animation-delay: 0.604s;
  left: 1208px;
}
.line:nth-child(303) {
  -webkit-animation-delay: 0.606s;
          animation-delay: 0.606s;
  left: 1212px;
}
.line:nth-child(304) {
  -webkit-animation-delay: 0.608s;
          animation-delay: 0.608s;
  left: 1216px;
}
.line:nth-child(305) {
  -webkit-animation-delay: 0.61s;
          animation-delay: 0.61s;
  left: 1220px;
}
.line:nth-child(306) {
  -webkit-animation-delay: 0.612s;
          animation-delay: 0.612s;
  left: 1224px;
}
.line:nth-child(307) {
  -webkit-animation-delay: 0.614s;
          animation-delay: 0.614s;
  left: 1228px;
}
.line:nth-child(308) {
  -webkit-animation-delay: 0.616s;
          animation-delay: 0.616s;
  left: 1232px;
}
.line:nth-child(309) {
  -webkit-animation-delay: 0.618s;
          animation-delay: 0.618s;
  left: 1236px;
}
.line:nth-child(310) {
  -webkit-animation-delay: 0.62s;
          animation-delay: 0.62s;
  left: 1240px;
}
.line:nth-child(311) {
  -webkit-animation-delay: 0.622s;
          animation-delay: 0.622s;
  left: 1244px;
}
.line:nth-child(312) {
  -webkit-animation-delay: 0.624s;
          animation-delay: 0.624s;
  left: 1248px;
}
.line:nth-child(313) {
  -webkit-animation-delay: 0.626s;
          animation-delay: 0.626s;
  left: 1252px;
}
.line:nth-child(314) {
  -webkit-animation-delay: 0.628s;
          animation-delay: 0.628s;
  left: 1256px;
}
.line:nth-child(315) {
  -webkit-animation-delay: 0.63s;
          animation-delay: 0.63s;
  left: 1260px;
}
.line:nth-child(316) {
  -webkit-animation-delay: 0.632s;
          animation-delay: 0.632s;
  left: 1264px;
}
.line:nth-child(317) {
  -webkit-animation-delay: 0.634s;
          animation-delay: 0.634s;
  left: 1268px;
}
.line:nth-child(318) {
  -webkit-animation-delay: 0.636s;
          animation-delay: 0.636s;
  left: 1272px;
}
.line:nth-child(319) {
  -webkit-animation-delay: 0.638s;
          animation-delay: 0.638s;
  left: 1276px;
}
.line:nth-child(320) {
  -webkit-animation-delay: 0.64s;
          animation-delay: 0.64s;
  left: 1280px;
}
.line:nth-child(321) {
  -webkit-animation-delay: 0.642s;
          animation-delay: 0.642s;
  left: 1284px;
}
.line:nth-child(322) {
  -webkit-animation-delay: 0.644s;
          animation-delay: 0.644s;
  left: 1288px;
}
.line:nth-child(323) {
  -webkit-animation-delay: 0.646s;
          animation-delay: 0.646s;
  left: 1292px;
}
.line:nth-child(324) {
  -webkit-animation-delay: 0.648s;
          animation-delay: 0.648s;
  left: 1296px;
}
.line:nth-child(325) {
  -webkit-animation-delay: 0.65s;
          animation-delay: 0.65s;
  left: 1300px;
}
.line:nth-child(326) {
  -webkit-animation-delay: 0.652s;
          animation-delay: 0.652s;
  left: 1304px;
}
.line:nth-child(327) {
  -webkit-animation-delay: 0.654s;
          animation-delay: 0.654s;
  left: 1308px;
}
.line:nth-child(328) {
  -webkit-animation-delay: 0.656s;
          animation-delay: 0.656s;
  left: 1312px;
}
.line:nth-child(329) {
  -webkit-animation-delay: 0.658s;
          animation-delay: 0.658s;
  left: 1316px;
}
.line:nth-child(330) {
  -webkit-animation-delay: 0.66s;
          animation-delay: 0.66s;
  left: 1320px;
}
.line:nth-child(331) {
  -webkit-animation-delay: 0.662s;
          animation-delay: 0.662s;
  left: 1324px;
}
.line:nth-child(332) {
  -webkit-animation-delay: 0.664s;
          animation-delay: 0.664s;
  left: 1328px;
}
.line:nth-child(333) {
  -webkit-animation-delay: 0.666s;
          animation-delay: 0.666s;
  left: 1332px;
}
.line:nth-child(334) {
  -webkit-animation-delay: 0.668s;
          animation-delay: 0.668s;
  left: 1336px;
}
.line:nth-child(335) {
  -webkit-animation-delay: 0.67s;
          animation-delay: 0.67s;
  left: 1340px;
}
.line:nth-child(336) {
  -webkit-animation-delay: 0.672s;
          animation-delay: 0.672s;
  left: 1344px;
}
.line:nth-child(337) {
  -webkit-animation-delay: 0.674s;
          animation-delay: 0.674s;
  left: 1348px;
}
.line:nth-child(338) {
  -webkit-animation-delay: 0.676s;
          animation-delay: 0.676s;
  left: 1352px;
}
.line:nth-child(339) {
  -webkit-animation-delay: 0.678s;
          animation-delay: 0.678s;
  left: 1356px;
}
.line:nth-child(340) {
  -webkit-animation-delay: 0.68s;
          animation-delay: 0.68s;
  left: 1360px;
}
.line:nth-child(341) {
  -webkit-animation-delay: 0.682s;
          animation-delay: 0.682s;
  left: 1364px;
}
.line:nth-child(342) {
  -webkit-animation-delay: 0.684s;
          animation-delay: 0.684s;
  left: 1368px;
}
.line:nth-child(343) {
  -webkit-animation-delay: 0.686s;
          animation-delay: 0.686s;
  left: 1372px;
}
.line:nth-child(344) {
  -webkit-animation-delay: 0.688s;
          animation-delay: 0.688s;
  left: 1376px;
}
.line:nth-child(345) {
  -webkit-animation-delay: 0.69s;
          animation-delay: 0.69s;
  left: 1380px;
}
.line:nth-child(346) {
  -webkit-animation-delay: 0.692s;
          animation-delay: 0.692s;
  left: 1384px;
}
.line:nth-child(347) {
  -webkit-animation-delay: 0.694s;
          animation-delay: 0.694s;
  left: 1388px;
}
.line:nth-child(348) {
  -webkit-animation-delay: 0.696s;
          animation-delay: 0.696s;
  left: 1392px;
}
.line:nth-child(349) {
  -webkit-animation-delay: 0.698s;
          animation-delay: 0.698s;
  left: 1396px;
}
.line:nth-child(350) {
  -webkit-animation-delay: 0.7s;
          animation-delay: 0.7s;
  left: 1400px;
}
.line:nth-child(351) {
  -webkit-animation-delay: 0.702s;
          animation-delay: 0.702s;
  left: 1404px;
}
.line:nth-child(352) {
  -webkit-animation-delay: 0.704s;
          animation-delay: 0.704s;
  left: 1408px;
}
.line:nth-child(353) {
  -webkit-animation-delay: 0.706s;
          animation-delay: 0.706s;
  left: 1412px;
}
.line:nth-child(354) {
  -webkit-animation-delay: 0.708s;
          animation-delay: 0.708s;
  left: 1416px;
}
.line:nth-child(355) {
  -webkit-animation-delay: 0.71s;
          animation-delay: 0.71s;
  left: 1420px;
}
.line:nth-child(356) {
  -webkit-animation-delay: 0.712s;
          animation-delay: 0.712s;
  left: 1424px;
}
.line:nth-child(357) {
  -webkit-animation-delay: 0.714s;
          animation-delay: 0.714s;
  left: 1428px;
}
.line:nth-child(358) {
  -webkit-animation-delay: 0.716s;
          animation-delay: 0.716s;
  left: 1432px;
}
.line:nth-child(359) {
  -webkit-animation-delay: 0.718s;
          animation-delay: 0.718s;
  left: 1436px;
}
.line:nth-child(360) {
  -webkit-animation-delay: 0.72s;
          animation-delay: 0.72s;
  left: 1440px;
}
@-webkit-keyframes wave {
  0% {
    -webkit-transform: translateY(-5px);
            transform: translateY(-5px);
    height: 5px;
  }
  100% {
    -webkit-transform: translateY(-30px);
            transform: translateY(-30px);
    height: 30px;
  }
}
@keyframes wave {
  0% {
    -webkit-transform: translateY(-5px);
            transform: translateY(-5px);
    height: 5px;
  }
  100% {
    -webkit-transform: translateY(-30px);
            transform: translateY(-30px);
    height: 30px;
  }
}




.bubbleSmall {
  background: url(../images/thinkgreen-bg-bubble.jpg) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  position: absolute;
  cursor: help;
  height: 80px;
  -webkit-border-radius: 80px;
  -moz-border-radius: 80px;
  border-radius: 80px;
  animation-name: bubbleSmall;
  animation-duration: 2.25s;
  animation-direction: linear;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  -webkit-animation-name: bubbleSmall;
  -webkit-animation-duration: 2.25s;
  -webkit-animation-direction: linear;
  -webkit-animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-name: bubbleSmall;
  -moz-animation-duration: 2.25s;
  -moz-animation-direction: linear;
  -moz-animation-timing-function: ease-in-out;
  -moz-animation-iteration-count: infinite;
  -o-animation-name: bubbleSmall;
  -o-animation-duration: 2.25s;
  -o-animation-direction: linear;
  -o-animation-timing-function: ease-in-out;
  -o-animation-iteration-count: infinite;
}

.bubbleSmall {
  background: url(../images/thinkgreen-bg-bubble.jpg) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  position: absolute;
  cursor: help;
  height: 80px;
  -webkit-border-radius: 80px;
  -moz-border-radius: 80px;
  border-radius: 80px;
  animation-name: bubbleSmall;
  animation-duration: 2.25s;
  animation-direction: linear;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  -webkit-animation-name: bubbleSmall;
  -webkit-animation-duration: 2.25s;
  -webkit-animation-direction: linear;
  -webkit-animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-name: bubbleSmall;
  -moz-animation-duration: 2.25s;
  -moz-animation-direction: linear;
  -moz-animation-timing-function: ease-in-out;
  -moz-animation-iteration-count: infinite;
  -o-animation-name: bubbleSmall;
  -o-animation-duration: 2.25s;
  -o-animation-direction: linear;
  -o-animation-timing-function: ease-in-out;
  -o-animation-iteration-count: infinite;
}

@keyframes bubbleSmall {
    0% {opacity: 0.5; top:100%; width:80px;}
    100% {opacity: 0.2; top:0%; width:80px;}
}

@-moz-keyframes bubbleSmall {
    0% {opacity: 0.5; top:100%; width:80px;}
    100% {opacity: 0.2; top:0%; width:80px;}
}

@-webkit-keyframes bubbleSmall {
    0% {opacity: 0.5; top:100%; width:80px;}
    100% {opacity: 0.2; top:0%; width:80px;}
}

@-o-keyframes bubbleSmall {
    0% {opacity: 0.5; top:100%; width:80px;}
    100% {opacity: 0.2; top:0%; width:80px;}
}

.bubbleMedium {
  background: url(../images/thinkgreen-bg-bubble.jpg) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  position: absolute;
  cursor: help;
    height: 110px;
    -webkit-border-radius: 110px;
    -moz-border-radius: 110px;
    border-radius: 110px;
    animation-name: bubbleMedium;
    animation-duration: 3.75s;
    animation-direction: linear;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    -webkit-animation-name: bubbleMedium;
    -webkit-animation-duration: 3.75s;
    -webkit-animation-direction: linear;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-name: bubbleMedium;
    -moz-animation-duration: 3.75s;
    -moz-animation-direction: linear;
    -moz-animation-timing-function: ease-in-out;
    -moz-animation-iteration-count: infinite;
    -o-animation-name: bubbleMedium;
    -o-animation-duration: 3.75s;
    -o-animation-direction: linear;
    -o-animation-timing-function: ease-in-out;
    -o-animation-iteration-count: infinite;

}

@keyframes bubbleMedium {
    0% {opacity: 0.5; top:100%; width:110px;}
    100% {opacity: 0.2; top:0%; width:110px;}
}

@-moz-keyframes bubbleMedium {
    0% {opacity: 0.5; top:100%; width:110px;}
    100% {opacity: 0.2; top:0%; width:110px;}
}

@-webkit-keyframes bubbleMedium {
    0% {opacity: 0.5; top:100%; width:110px;}
    100% {opacity: 0.2; top:0%; width:110px;}
}

@-o-keyframes bubbleMedium {
    0% {opacity: 0.5; top:100%; width:110px;}
    100% {opacity: 0.2; top:0%; width:110px;}
}

.bubbleLarge {
  background: url(../images/thinkgreen-bg-bubble.jpg) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  position: absolute;
    height: 140px;
    -webkit-border-radius: 140px;
    -moz-border-radius: 140px;
    border-radius: 140px;
    animation-name: bubbleLarge;
    animation-duration: 3.5s;
    animation-direction: linear;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    -webkit-animation-name: bubbleLarge;
    -webkit-animation-duration: 3.5s;
    -webkit-animation-direction: linear;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-name: bubbleLarge;
    -moz-animation-duration: 3.5s;
    -moz-animation-direction: linear;
    -moz-animation-timing-function: ease-in-out;
    -moz-animation-iteration-count: infinite;
    -o-animation-name: bubbleLarge;
    -o-animation-duration: 3.5s;
    -o-animation-direction: linear;
    -o-animation-timing-function: ease-in-out;
    -o-animation-iteration-count: infinite;

}

@keyframes bubbleLarge {
    0% {opacity: 1.0; top:100%; width:140px;}
    100% {opacity: 0.2; top:0%; width:140px;}
}

@-moz-keyframes bubbleLarge {
    0% {opacity: 1.0; top:100%; width:140px;}
    100% {opacity: 0.2; top:0%; width:140px;}
}

@-webkit-keyframes bubbleLarge {
    0% {opacity: 1.0; top:100%; width:140px;}
    100% {opacity: 0.2; top:0%; width:140px;}
}

@-o-keyframes bubbleLarge {
    0% {opacity: 1.0; top:100%; width:140px;}
    100% {opacity: 0.2; top:0%; width:140px;}
}

.bubbleLarge:nth-child(1){
  left:45%;
  animation-delay: .3s;
  -webkit-animation-delay: .3s;
  -moz-animation-delay: .3s;
  -o-animation-delay: .3s;
}

.bubbleLarge:nth-child(2){
  left:75%;
  animation-delay: .6s;
  -webkit-animation-delay: .6s;
  -moz-animation-delay: .6s;
  -o-animation-delay: .6s;
}

.bubbleLarge:nth-child(3){
  left:5%;
  animation-delay: 1s;
  -webkit-animation-delay: 1s;
  -moz-animation-delay: 1s;
  -o-animation-delay: 1s;
}

.bubbleLarge:nth-child(4){
  left:25% !important;
  animation-delay: 1.2s;
  -webkit-animation-delay: 1.2s;
  -moz-animation-delay: 1.2s;
  -o-animation-delay: 1.2s;
}

.bubbleLarge:nth-child(5){
  left:90%;
  animation-delay: 1.6s;
  -webkit-animation-delay: 1.6s;
  -moz-animation-delay: 1.6s;
  -o-animation-delay: 1.6s;
}

.bubbleMedium:nth-child(6){
  left:90%;
  animation-delay: 1.4s;
  -webkit-animation-delay: 1.4s;
  -moz-animation-delay: 1.4s;
  -o-animation-delay: 1.4s;
}

.bubbleMedium:nth-child(7){
  left:35%;
  animation-delay: .4s;
  -webkit-animation-delay: .4s;
  -moz-animation-delay: .4s;
  -o-animation-delay: .4s;
}

.bubbleMedium:nth-child(8){
  left:65%;
  animation-delay: .3s;
  -webkit-animation-delay: .3s;
  -moz-animation-delay: .3s;
  -o-animation-delay: .3s;
}

.bubbleMedium:nth-child(9){
  left:75%;
  animation-delay: .4s;
  -webkit-animation-delay: .4s;
  -moz-animation-delay: .4s;
  -o-animation-delay: .4s;
}

.bubbleMedium:nth-child(10){
  left:15%;
  animation-delay: .5s;
  -webkit-animation-delay: .5s;
  -moz-animation-delay: .5s;
  -o-animation-delay: .5s;
}

.bubbleSmall:nth-child(11){
  left:30%;
  animation-delay: .2s;
  -webkit-animation-delay: .2s;
  -moz-animation-delay: .2s;
  -o-animation-delay: .2s;
}

.bubbleSmall:nth-child(12){
  left:40%;
  animation-delay: .3s;
  -webkit-animation-delay: .3s;
  -moz-animation-delay: .3s;
  -o-animation-delay: .3s;
}

.bubbleSmall:nth-child(13){
  left:25%;
  animation-delay: .2s;
  -webkit-animation-delay: .2s;
  -moz-animation-delay: .2s;
  -o-animation-delay: .2s;
}

.bubbleSmall:nth-child(14){
  left:10%;
  animation-delay: .1s;
  -webkit-animation-delay: .1s;
  -moz-animation-delay: .1s;
  -o-animation-delay: .1s;
}

.bubbleSmall:nth-child(15){
  left:20%;
  animation-delay: .3s;
  -webkit-animation-delay: .3s;
  -moz-animation-delay: .3s;
  -o-animation-delay: .3s;
}

.bubbleSmall:nth-child(16){
  left:60%;
  animation-delay: .1s;
  -webkit-animation-delay: .1s;
  -moz-animation-delay: .1s;
  -o-animation-delay: .1s;
}

.bubbleSmall:nth-child(17){
  left:70%;
  animation-delay: .3s;
  -webkit-animation-delay: .3s;
  -moz-animation-delay: .3s;
  -o-animation-delay: .3s;
}

.bubbleSmall:nth-child(18){
  left:55%;
  animation-delay: .1s;
  -webkit-animation-delay: .1s;
  -moz-animation-delay: .1s;
  -o-animation-delay: .1s;
}

.bubbleSmall:nth-child(19){
  left:85%;
  animation-delay: .1s;
  -webkit-animation-delay: .1s;
  -moz-animation-delay: .1s;
  -o-animation-delay: .1s;
}

.bubbleSmall:nth-child(20){
  left:90%;
  animation-delay: .3s;
  -webkit-animation-delay: .3s;
  -moz-animation-delay: .3s;
  -o-animation-delay: .3s;
}


/**************** Lif Style Page Css ****************/
.lifestyle-banner{width:100%; height:700px; position:relative; background-image: url('../images/lifestyle-banner.jpg'); overflow:hidden;}

.mouse-bg {left:0; right:0; bottom:0; top:0; position:absolute; width:calc(100% + 30px); height:calc(100% + 30px); background-position:center center; background-size:cover;}
#sky-layer {
  background-image: url('../images/lifestyle-sky.jpg');  transform:translate(-30px, -30px);
}
#nature-layer {
  background-image: url('../images/lifestyle-nature.png');
}
#girl-layer {
  background-image: url('../images/lifestyle-banner-girl.png');
}

.yourHealth{display:block; width:100%; height:auto; background:#fff; padding:50px 15px;}
.yourHealth-text{display:block; width:100%; max-width:767px; height:auto; text-align:center; margin:0 auto;}
.yourHealth-text h1{margin:0px; color:#0096d7; text-transform:uppercase; font-weight:100; font-size:52px;}
.yourHealth-text h1 span{color:#213f99;}
.yourHealth-text h2{margin:0px; color:#529e3b; text-transform:uppercase; font-weight:100; font-size:42px;}
.health-leaves{position:relative; top:-5px; width:70px; height:auto;}
.yourHealth-text p{margin:0px; font-size:18px; font-weight:400; color:#42464a;}






.dehydration-sec{display:block; width:100%; min-height:800px; padding-top:80px; position:relative; background-image:url(../images/dehydration-bg.jpg); background-repeat:no-repeat; background-color:#fff; background-position:center top; background-size:initial;}
.dehydration-content{display:block; width:100%; max-width:767px; margin:0px auto; text-align:center; padding:0px 15px;}
.dehydration-text1{display:inline-block; width:100%; max-width:460px; margin-bottom:20px; overflow:hidden;}
.dehydration-text1 h1{margin:0px; color:#213f99; text-transform:uppercase; font-size:58px; font-weight:100; line-height:50px; height:50px; overflow:hidden;
  -webkit-transform: translate3d(0, 100%, 0);
  -ms-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
  transition: 1.2s;
  -webkit-transition: 1.2s;

}
.dehydration-text1 h1.in-view{
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.dehydration-text2{width:100%; margin-bottom:20px; overflow:hidden;}
.dehydration-text2 p{margin:0px; color:#fff; font-size:17px; font-weight:100; line-height:20px;
-webkit-transform: translate3d(0, -100%, 0);
  -ms-transform: translate3d(0, -100%, 0);
  transform: translate3d(0, -100%, 0);
  transition: 1.2s;
  -webkit-transition: 1.2s;
}
.dehydration-text2 p.in-view{
   -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.dehydration-text3{display:inline-block; width:100%; max-width:605px; overflow:hidden;}
.dehydration-text3 h2{margin:0px; color:#213f99; font-weight:600; height:33px; overflow:hidden;
-webkit-transform: translate3d(0, 100%, 0);
  -ms-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
  transition: 1.2s;
  -webkit-transition: 1.2s;
}
.dehydration-text3 h2.in-view{
-webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.dehydration-intro{display:block; width:100%; height:auto; position:relative; margin-top:20px; /*background-image:url(../images/dehydration-repeat.png); background-repeat:repeat-y;*/ padding-bottom:50px;}
.dehydration-description{width:100%; max-width:1024px; height:665px; position:relative; margin:0 auto;}
.human-body{position:absolute; left:50%; top:0px; width:230px; height:auto; margin-left:-115px;}
.human-body img{width:100%; height:auto;}
.dehydration-description .body-desc{position:absolute; display:table; height:90px; top:50%; margin-top:-40px; left:50%; margin-left:-100px; opacity:0; transition:1000ms;}
.dehydration-description.in-view .body-desc{opacity:1;}
.dehydration-description.in-view .body-desc.desc1{width:200px; margin-left:55px; margin-top:-250px;}
.dehydration-description.in-view .body-desc.desc2{width:175px; margin-left:125px; margin-top:-155px;}
.dehydration-description.in-view .body-desc.desc3{width:240px; margin-left:200px; margin-top:-60px;}
.dehydration-description.in-view .body-desc.desc4{width:185px; margin-left:140px; margin-top:40px;}
.dehydration-description.in-view .body-desc.desc5{width:210px; margin-left:78px; margin-top:136px;}
.dehydration-description.in-view .body-desc.desc6{width:80px; margin-top:215px; margin-left:-45px;}
.dehydration-description.in-view .body-desc.desc7{width:185px; margin-left:-278px; margin-top:136px;}
.dehydration-description.in-view .body-desc.desc8{width:200px; margin-left:-380px; margin-top:40px;}
.dehydration-description.in-view .body-desc.desc9{width:240px; margin-left:-450px; margin-top:-60px;}
.dehydration-description.in-view .body-desc.desc10{width:175px; margin-left:-340px; margin-top:-155px;}
.dehydration-description.in-view .body-desc.desc11{width:145px; margin-left:-220px; margin-top:-250px;}

.body-desc .body-icon{position:absolute; top:0px; width:90px; height:90px;}
.desc-left .body-icon{left:0px;}
.desc-right .body-icon{right:0px;}
.desc-bottom .body-icon{left:50%; margin-left:-45px;}
.desc-left{padding-left:100px; text-align:left;}
.desc-right{padding-right:100px; text-align:right;}
.desc-bottom{padding-top:100px;}

.body-desc-cont{display:table-cell; width:100%; height:100%; vertical-align:middle;}
.body-desc-cont h4{margin:0px; color:#1896d3; font-weight:600; font-size:15px;}

.thepower-sec{display:block; width:100%; height:696px; background-image:url(../images/power-water.jpg); background-repeat:no-repeat; background-size:initial; background-position:center center; overflow:hidden; position:relative;}
.thepower-bottle{position:absolute; width:100%; max-width:230px; right:250px; bottom:-285px; z-index:1;}
.thepower-bottle img{width:100%; height:auto;}
.thepower-drop{position:absolute; left:0; top:0; width:100%; height:100%; background:url(../images/power-water-drop.png) no-repeat fixed 57% center; z-index:1;}
.thepower-content{display:block; width:100%; max-width:560px; height:auto; margin:0px auto; text-align:center; position:relative; margin-top:60px; z-index:2;}
.thepower-content h1{margin:0px; color:#213f99; text-transform:uppercase; font-size:54px; font-weight:100; line-height:54px; display:inline-block; width:280px;}
.thepower-content p{margin:0px; color:#213f99; font-size:17px;}

.drinkWater-sec{display:block; width:100%; height:auto; position:relative; background:#213f99; padding-top:50px;}
.drinkWater-box{display:block; width:100%; max-width:710px; margin:0px auto; position:relative; z-index:1; top:35px;}
.drinkWater-box:after{content:''; display:table; clear:both;}
.water-glass{display:block; width:100%; max-width:200px; height:330px; margin:0 auto; position:relative;}
.water-glass img{width:100%; height:auto;}
.glass-count{position:absolute; width:100%; top:50%; left:0px; text-align:center;}
.glass-count h1{margin:0px; color:#fff; font-weight:600; font-size:32px;}
.glass-count h3{margin:0px; color:#fff; font-weight:300; font-size:28px;}

.water-glass-content{display:block; width:100%; position:relative;}
.water-glass-heading{width:100%; position:relative; text-align:right; padding-right:70px;}
.water-glass-heading h1{margin:0px; color:#fff; text-transform:uppercase; font-weight:100; font-size:40px;}
.water-glass-heading h2{margin:0px; color:#fff; font-weight:100; font-size:34px;}
.water-glass-heading strong{position:absolute; right:0px; top:0px; color:#fff; font-size:120px; font-weight:600; line-height:90px;}
.agebox{display:block; width:100%; min-height:50px; margin-top:50px; position:relative; z-index:1;}
.agebox h3{margin:0px; color:#fff; font-weight:100; text-align:right; font-size:26px; position:relative; top:12px; z-index:0;}
.dropdown-age{width:180px; height:50px; margin-left:15px; float:right;  position:relative; z-index:1;}
.btn-age{background:#fff; width:100%; padding:6px 50px 6px 20px; border-radius:20px; font-size:24px; font-weight:100; color:#7fbcce; border:1px solid #0aa8f8; text-align:left;}
.btn-age:hover, .btn-age:focus{color:#7fbcce;}
.btn-age .fa-angle-down{color:#1b9fda; font-size:40px; position:absolute; right:18px; top:6px;}
.dropdown-age .dropdown-menu-age{padding:0px; margin:0px; top:calc(100% - 3px); min-width:100%; border-radius:15px;}
.dropdown-menu-age>li>a{font-size:24px; color:#7fbcce; font-weight:100;}
.numberofGlass{display:block; width:100%; position:relative; height:150px;}
.glass{position:absolute;}
.glass-back{width:50px; height:auto; top:35px;}
.glass-back img{width:100%; height:auto;}
.Gback-1 {right:25px;}
.Gback-2 {right:90px;}
.Gback-3 {right:155px;}
.Gback-4 {right:220px;}
.Gback-5 {right:285px;}

.glass-front{width:55px; height:auto; top:65px;}
.glass-front img{width:100%; height:auto;}
.Gfront-1 {right:45px;}
.Gfront-2 {right:120px;}
.Gfront-3 {right:195px;}
.Gfront-4 {right:265px;}
.Gfront-5 {right:335px;}


.drinkmore-sec{display:block; width:100%; height:auto; background-image:url(../images/drink-more.jpg); background-repeat:no-repeat; background-size:initial; background-position:right bottom; overflow:hidden; position:relative; padding-top:70px;}
.drinkmore-content{display:table; width:100%; max-width:767px; height:540px; position:relative; margin:0 auto;}
.drinkmore-contentin{display:table-cell; width:100%; height:100%; vertical-align:middle;}
.tip-image{width:100px; height:auto;}
.drinkmore-content h1{margin:0px; color:#213f99; text-transform:uppercase; font-weight:100; font-size:44px;}
.drinkmore-content h2{margin:0px; color:#213f99; text-transform:uppercase; font-weight:600; font-size:44px;}

.drinkmore-tab{display:block; width:100%; position:relative;}
.nav-drinkmore{width:100%; max-width:767px; margin:0 auto; text-align:center; border:0px;}
.nav-drinkmore>li{
  width:150px; height:150px; border-radius:150px; margin:0px 20px; display:inline-block; float:none; background:#fff; vertical-align:top;
 position:static; text-align:center;}
.nav-drinkmore>li>a{display:block; width:150px; height:150px; border-radius:150px; background:#fff; padding:0px; border:0px; box-shadow:0px 10px 20px rgba(0,0,0,0.1); z-index:1;}
.nav-drinkmore>li>a>img{width:70px; height:70px; margin:0 auto; display:block; position:relative; top:5px}
.nav-drinkmore>li>a>span{display:inline-block; width:75px; color:#0095d5; line-height:20px;}
.nav-drinkmore>li:last-child>a>span{width:100%;}
.nav-drinkmore>li>a:hover, .nav-drinkmore>li.active>a{background:#fff; border:0px!important;}
.nav-drinkmore>li>a:before{
  content:''; position:absolute; left:0px; top:0px; width:100%; height:100%; border-radius:150px; background:transparent;
  border: 3px solid #0096d7; border-bottom-color: #fff; border-left-color: #fff;
  transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg);
}
.nav-drinkmore>li.active>a:before{
  content:''; position:absolute; left:0px; top:0px; width:100%; height:100%; border-radius:150px; background:transparent; border:3px solid #fff;
}
.nav-drinkmore>li.active>a:after{
  content:''; position:absolute; left:50%; bottom:-26px; width:0px; height:0px; margin-left:-14px;
  border-top:16px solid #fff;
  border-bottom:16px solid transparent;
  border-right:16px solid transparent;
  border-left:16px solid transparent;
}
.drinkmore-tab-content{background:#0095d5; width:100%; margin-top:-75px; padding-top:75px;}
.drinkmore-tabText{display:block; width:100%; max-width:680px; padding:20px 15px; margin:0 auto;}
.drinkmore-tabText p{margin:0px; color:#fff; font-weight:100;}

.naturally-balanced{display:block; width:100%; height:580px; background-image:url(../images/naturally-balanced.jpg); background-repeat:no-repeat; background-size:initial; background-position:center bottom; overflow:hidden;}
.naturally-box{display:block; width:100%; max-width:991px; height:auto; margin:0 auto;}
.naturally-box:after{content:''; display:table; clear:both;}
.hanging-bottle{width:100%; max-width:260px; height:auto; position:relative;}
.hanging-bottle img{width:100%; height:auto;}
.waterdrop-bottle{position:absolute; left:0px; bottom:0px; width:100%; height:375px; border:1px solid red;}

.hanging-textbox {display:table; width:100%; max-width:510px; height:580px;}
.hanging-textboxin{display:table-cell; width:100%; height:100%; vertical-align:middle;}
.hanging-textbox h1{margin:0px; color:#fff; text-transform:uppercase; font-weight:100; font-size:47px;}
.hanging-textbox h2{margin:0px; color:#529e3b; text-transform:uppercase; font-weight:600; font-size:42px;}
.hanging-textbox p{margin:0px; color:#fff; font-weight:100; font-size:16px}

.waterfall {
  position: relative;
  width: 960px;
  height: 801px;
  background-image: url("../images/waterfall/waterfall.jpg");
}

.waterfall > div {
  position: absolute;
}

.waterfall-loop {
  left: 367px;
  top: 87px;
  width: 221px;
  height: 620px;
  background: url("../images/waterfall/waterfall-loop.png") 0 0 repeat-y;
  -moz-animation: waterfallloop 5s infinite linear;
  -webkit-animation: waterfallloop 5s infinite linear;
  -ms-animation: waterfallloop 5s infinite linear;
  -o-animation: waterfallloop 5s infinite linear;
}

@-moz-keyframes waterfallloop {
  0% { background-position:0 0; }
  100% { background-position: 0 1112px; }
}

@-webkit-keyframes waterfallloop {
  0% { background-position:0 0; }
  100% { background-position: 0 1112px; }
}

@-ms-keyframes waterfallloop {
  0% { background-position:0 0; }
  100% { background-position: 0 1112px; }
}

@-o-keyframes waterfallloop {
  0% { background-position:0 0; }
  100% { background-position: 0 1112px; }
}
.waterfall-mask {
  width: 960px;
  height: 801px;
  background: url("../images/waterfall/waterfall-mask.png") 367px 87px no-repeat;
}

.healthyHabit-sec{display:block; width:100%; height:570px; position:relative; background-image:url(../images/healthy-habit.png); background-repeat:no-repeat; background-size:cover; background-position:right center; overflow:hidden;}
.healthyHabit-box{display:block; width:100%; max-width:991px; height:auto; margin:0 auto;}
.healthyHabit-box:after{content:''; display:table; clear:both;}
.baby-withglass{width:100%; max-width:480px; height:auto; }
.baby-withglass img{width:100%; height:auto;}
.healthyHabit-table{display:table; width:100%; max-width:991px; height:570px; margin:0 auto; padding:0px 15px;}
.healthyHabit-tablecell{display:table-cell; width:100%; height:100%; vertical-align:middle;}
.healthyHabit-content{width:100%; max-width:480px;}
.healthyHabit-content h1{margin:0px; margin-bottom:20px; color:#0095d5; font-size:44px; font-weight:100;}
.healthyHabit-content p{color:#2d2d2d; margin-bottom:20px; font-size:17px; font-weight:400;}

.bubbleSmall2 {
  position: absolute;
  cursor: help;
  height: 80px;
  -webkit-border-radius: 80px;
  -moz-border-radius: 80px;
  border-radius: 80px;
  animation-name: bubbleSmall2;
  animation-duration: 2.25s;
  animation-direction: linear;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  -webkit-animation-name: bubbleSmall2;
  -webkit-animation-duration: 2.25s;
  -webkit-animation-direction: linear;
  -webkit-animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-name: bubbleSmall2;
  -moz-animation-duration: 2.25s;
  -moz-animation-direction: linear;
  -moz-animation-timing-function: ease-in-out;
  -moz-animation-iteration-count: infinite;
  -o-animation-name: bubbleSmall2;
  -o-animation-duration: 2.25s;
  -o-animation-direction: linear;
  -o-animation-timing-function: ease-in-out;
  -o-animation-iteration-count: infinite;
}

@keyframes bubbleSmall2 {
    0% {top:100%; width:80px;}
    100% {top:0%; width:80px;}
}

@-moz-keyframes bubbleSmall2 {
    0% {top:100%; width:80px;}
    100% {top:0%; width:80px;}
}

@-webkit-keyframes bubbleSmall {
    0% {top:100%; width:80px;}
    100% {top:0%; width:80px;}
}

@-o-keyframes bubbleSmall2 {
    0% {top:100%; width:80px;}
    100% {top:0%; width:80px;}
}

.bubbleMedium2 {
  position: absolute;
  cursor: help;
    height: 110px;
    -webkit-border-radius: 110px;
    -moz-border-radius: 110px;
    border-radius: 110px;
    animation-name: bubbleMedium2;
    animation-duration: 3.75s;
    animation-direction: linear;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    -webkit-animation-name: bubbleMedium2;
    -webkit-animation-duration: 3.75s;
    -webkit-animation-direction: linear;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-name: bubbleMedium2;
    -moz-animation-duration: 3.75s;
    -moz-animation-direction: linear;
    -moz-animation-timing-function: ease-in-out;
    -moz-animation-iteration-count: infinite;
    -o-animation-name: bubbleMedium2;
    -o-animation-duration: 3.75s;
    -o-animation-direction: linear;
    -o-animation-timing-function: ease-in-out;
    -o-animation-iteration-count: infinite;

}

@keyframes bubbleMedium2 {
    0% {top:100%; width:110px;}
    100% {top:0%; width:110px;}
}

@-moz-keyframes bubbleMedium2 {
    0% {top:100%; width:110px;}
    100% {top:0%; width:110px;}
}

@-webkit-keyframes bubbleMedium2 {
    0% {top:100%; width:110px;}
    100% {top:0%; width:110px;}
}

@-o-keyframes bubbleMedium2 {
    0% {top:100%; width:110px;}
    100% {top:0%; width:110px;}
}

.bubbleLarge2 {
  position: absolute;
    height: 140px;
    -webkit-border-radius: 140px;
    -moz-border-radius: 140px;
    border-radius: 140px;
    animation-name: bubbleLarge2;
    animation-duration: 3.5s;
    animation-direction: linear;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    -webkit-animation-name: bubbleLarge2;
    -webkit-animation-duration: 3.5s;
    -webkit-animation-direction: linear;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-name: bubbleLarge2;
    -moz-animation-duration: 3.5s;
    -moz-animation-direction: linear;
    -moz-animation-timing-function: ease-in-out;
    -moz-animation-iteration-count: infinite;
    -o-animation-name: bubbleLarge2;
    -o-animation-duration: 3.5s;
    -o-animation-direction: linear;
    -o-animation-timing-function: ease-in-out;
    -o-animation-iteration-count: infinite;

}

@keyframes bubbleLarge2 {
    0% {top:100%; width:140px;}
    100% {top:0%; width:140px;}
}

@-moz-keyframes bubbleLarge2 {
    0% {top:100%; width:140px;}
    100% {top:0%; width:140px;}
}

@-webkit-keyframes bubbleLarge2 {
    0% {top:100%; width:140px;}
    100% {top:0%; width:140px;}
}

@-o-keyframes bubbleLarge2 {
    0% {top:100%; width:140px;}
    100% {top:0%; width:140px;}
}

.bubbleLarge2:nth-child(1){
  left:45%;
  animation-delay: .3s;
  -webkit-animation-delay: .3s;
  -moz-animation-delay: .3s;
  -o-animation-delay: .3s;
}

.bubbleLarge2:nth-child(2){
  left:75%;
  animation-delay: .6s;
  -webkit-animation-delay: .6s;
  -moz-animation-delay: .6s;
  -o-animation-delay: .6s;
}

.bubbleLarge2:nth-child(3){
  left:5%;
  animation-delay: 1s;
  -webkit-animation-delay: 1s;
  -moz-animation-delay: 1s;
  -o-animation-delay: 1s;
}

.bubbleLarge2:nth-child(4){
  left:25% !important;
  animation-delay: 1.2s;
  -webkit-animation-delay: 1.2s;
  -moz-animation-delay: 1.2s;
  -o-animation-delay: 1.2s;
}

.bubbleLarge2:nth-child(5){
  left:90%;
  animation-delay: 1.6s;
  -webkit-animation-delay: 1.6s;
  -moz-animation-delay: 1.6s;
  -o-animation-delay: 1.6s;
}

.bubbleMedium2:nth-child(6){
  left:90%;
  animation-delay: 1.4s;
  -webkit-animation-delay: 1.4s;
  -moz-animation-delay: 1.4s;
  -o-animation-delay: 1.4s;
}

.bubbleMedium2:nth-child(7){
  left:35%;
  animation-delay: .4s;
  -webkit-animation-delay: .4s;
  -moz-animation-delay: .4s;
  -o-animation-delay: .4s;
}

.bubbleMedium2:nth-child(8){
  left:65%;
  animation-delay: .3s;
  -webkit-animation-delay: .3s;
  -moz-animation-delay: .3s;
  -o-animation-delay: .3s;
}

.bubbleMedium2:nth-child(9){
  left:75%;
  animation-delay: .4s;
  -webkit-animation-delay: .4s;
  -moz-animation-delay: .4s;
  -o-animation-delay: .4s;
}

.bubbleMedium2:nth-child(10){
  left:15%;
  animation-delay: .5s;
  -webkit-animation-delay: .5s;
  -moz-animation-delay: .5s;
  -o-animation-delay: .5s;
}

.bubbleSmall2:nth-child(11){
  left:30%;
  animation-delay: .2s;
  -webkit-animation-delay: .2s;
  -moz-animation-delay: .2s;
  -o-animation-delay: .2s;
}

.bubbleSmall2:nth-child(12){
  left:40%;
  animation-delay: .3s;
  -webkit-animation-delay: .3s;
  -moz-animation-delay: .3s;
  -o-animation-delay: .3s;
}

.bubbleSmall2:nth-child(13){
  left:25%;
  animation-delay: .2s;
  -webkit-animation-delay: .2s;
  -moz-animation-delay: .2s;
  -o-animation-delay: .2s;
}

.bubbleSmall2:nth-child(14){
  left:10%;
  animation-delay: .1s;
  -webkit-animation-delay: .1s;
  -moz-animation-delay: .1s;
  -o-animation-delay: .1s;
}

.bubbleSmall2:nth-child(15){
  left:20%;
  animation-delay: .3s;
  -webkit-animation-delay: .3s;
  -moz-animation-delay: .3s;
  -o-animation-delay: .3s;
}

.bubbleSmall2:nth-child(16){
  left:60%;
  animation-delay: .1s;
  -webkit-animation-delay: .1s;
  -moz-animation-delay: .1s;
  -o-animation-delay: .1s;
}

.bubbleSmall2:nth-child(17){
  left:70%;
  animation-delay: .3s;
  -webkit-animation-delay: .3s;
  -moz-animation-delay: .3s;
  -o-animation-delay: .3s;
}

.bubbleSmall2:nth-child(18){
  left:55%;
  animation-delay: .1s;
  -webkit-animation-delay: .1s;
  -moz-animation-delay: .1s;
  -o-animation-delay: .1s;
}

.bubbleSmall2:nth-child(19){
  left:85%;
  animation-delay: .1s;
  -webkit-animation-delay: .1s;
  -moz-animation-delay: .1s;
  -o-animation-delay: .1s;
}

.bubbleSmall2:nth-child(20){
  left:90%;
  animation-delay: .3s;
  -webkit-animation-delay: .3s;
  -moz-animation-delay: .3s;
  -o-animation-delay: .3s;
}
.darkblue{background:rgba(37,93,144,0.5);}
.lightblue{background:#2486d5;}
.lightbluegray{background:#d9ecf8;}
.lightwhite{background:rgba(255,255,255,0.5);}

.product-banner-water{width:100%; height:800px; position:relative; background-image:url(../images/product-banner-water.png); background-repeat:no-repeat; background-position:center top; background-color: #f7fbfc; }
.product-banner-water1{background: url(../images/pb_banner.jpg) no-repeat left center; background-size: cover; text-align: right}
.product-banner-water1 .banner-toptext{max-width: inherit}
.product-banner-water1 .banner-product-Slidbox{padding-right: 100px}
.product-banner-water1 .banner-product-Slidbox .bottle-Slidbox{left: inherit; right: 0}
.chld-sec img{width: 100%}
.sml-btl{text-align: center; position: relative; z-index: 1;background: linear-gradient(to bottom, #ffffff 0%,transparent 100%); margin-bottom: 30px; }
.sml-btl h4{margin: 0px; font-size: 40px; font-weight: 600; color: #213f99;}
.sml-btl h4 span{color: #0096d7; font-weight: 100}
.sml-lft{position: absolute; left: 5%; top: -130%; width: 20%}
.sml-rgt{position: absolute; right: 5%; top: -130%; width: 20%}
.sml-rgt img, .sml-lft img{max-width: 100%}

.product-banner:before{content:''; position:absolute; left:0px; bottom:0px; right:0px; height:45%; z-index:1;}
.banner-box{display:block; width:100%; max-width:991px; margin:0 auto; padding:150px 15px 0px 15px; position:relative; z-index:2;}
.banner-toptext{display:block; width:100%; max-width:480px; margin-top:40px;}
.banner-toptext h1{margin:0px; font-size:44px; font-weight:100; color:#0096d7; text-transform:uppercase;}
.banner-toptext h2{margin:0px; font-size:40px; font-weight:600; color:#213f99;}
.banner-bottle{width:100%; max-width:335px; height:auto; padding-top:80px;}
.banner-bottle img{width:100%; height:auto;}
.banner-product-slider{display:block; position:relative; margin-top:145px}
.banner-product-slide{max-width:100%; padding:0px 60px;}
.banner-product-Slidbox{width:100%; position:relative; padding-left:100px;}
.banner-product-Slidbox .bottle-Slidbox{position: absolute; width:100%; max-width:65px; left:0px; top:0px;}
.banner-product-Slidbox .bottle-Slidbox img{width:100%; height:auto;}
.product-Slidbox-text{display:table; width:100%; height:235px;}
.product-Slidbox-textin{display:table-cell; width:100%; height:100%; vertical-align:middle;}
.product-Slidbox-text h3{margin:0px; color:#1896d3; text-transform:uppercase; font-size:22px; font-weight:600;}
.product-Slidbox-text h3 span{font-size:48px;}
.product-Slidbox-text p{font-size:18px; font-weight:100; color:#42464a;}
.link-product, .link-order{display:block; color:#213f99;}



.animatebottle .juice-bottle.juice-bottle-1{margin-left:-140px;}
.animatebottle .juice-bottle.juice-bottle-2{margin-left:-75px;}
.animatebottle .juice-bottle.juice-bottle-4{margin-left:130px;}



.natural-water-sec{width:100%; position:relative; background:#f7fbfc; padding-top:0px;}
.natural-water-content{display:block; width:100%; max-width:660px; margin:0 auto; padding:0px 15px; text-align:center;}
.natural-water-content h3{margin:0px; color:#1896d3; font-size:22px;}
.natural-water-content h3 span{font-size:48px; margin-right:5px; font-weight:600;}
.natural-water-content p{margin:0px; color:#42464a; font-size:18px; font-weight:400;}
.natural-water-bottle{display:block; width:100%; height:auto;}
.natural-water-bottle img{width:100%; height:auto;}
.tissue-sec{display:block; width: 100%; height:auto; background-image:url(../images/tissue-bg.png); background-repeat:no-repeat; background-size:initial;background-position: center center; background-color: #f7fbfc;}
.tissue-box{display:block; width:100%; max-width:991px; margin:0 auto; padding:100px 15px 50px 15px;}
.tissue-imgbox{display:inline-block; width:100%; max-width:480px; height:auto;}
.tissue-imgbox img{width:100%; height:auto;}
.tissue-texbox{display:block; width:100%; position:relative;}
.tissue-texbox h1{margin:0px; font-weight:100; font-size:44px; color:#213f99; text-transform:uppercase;}
.tissue-texbox h2{margin:0px; margin-bottom:10px; font-weight:600; font-size:44px;  color:#213f99;}
.tissue-texbox p{margin:0px; margin-bottom:10px; font-weight:500; color:#42464a; font-size:17px;}
.order-now{font-size:17px;}

.product-order-sec{display:block; width:100%; position:relative; background:#47a350;}
.product-order-block{width:100%; max-width:1024px; padding:60px 15px 40px 15px; margin:0 auto;}
.product-order-content{width:100%; max-width:500px; position:relative;}
.product-order-content h1{margin:0px; color:#fff; font-size:48px; font-weight:300;}
.product-order-content h3{margin:0px; color:#fff; font-weight:100; font-size:23px;}
.product-order-content p{margin:0px; color:#fff; font-weight:100; font-size:17px;}
.product-order-content strong{margin:0px; color:#fff; font-weight:600; display:block; font-size:17px;}
.product-order-content strong a{color:#fff;}
.product-order-mapbox{width:100%; text-align:right;}
.product-ordermap{display:inline-block; width:100%; max-width:270px; height:auto;}
.product-ordermap img{width:100%; height:auto;}



.more-white{color:#fff!important;}
/*Gallery Css*/
.pd6{padding:6px!important; }
.banner-gallery{display: block; width: 100%;height:100%; background-image:url(../images/gallery-banner.png);background-repeat: no-repeat;
background-size:initial;background-position: center -18px;background-color: #fff;}
.banner-content-innerpage{display: block;width: 100%;padding: 85px 50px 0px 50px;}
.banner-content2{max-width:1024px;margin:100px auto 0px;}
h2.banner-heading1{color:#0096d7;font-weight:300;font-size:40px;}
.gallery-content{padding:20px 0px;}
.gallery-content .left-sec{padding:25px;background:rgba(255,255,255,0.8);box-shadow: 0 0 10px #c7c7c5;}
.gallery-content .common-inner-heading{color:#213f99;font-weight:500;font-size:25px;margin:0 0 15px;}
.gallery-content .left-sec  .image-box{max-width:100%;height:auto;margin: 0 0 15px;}
.gallery-content .left-sec  .image-box img{width:100%;height:100%;}
.gallery-content .left-sec  .image-title{color:#213f99;font-weight:500;font-size:20px;}
.gallery-content .left-sec  .date{color:#0096d7;font-size:14px;}
.read-more{color:#213f99;font-size:17px;}
.gallery-content .left-sec .text{font-size:14px;margin-bottom:8px;}
.gallery-content .right-sec .top-tab{padding-left:100px;position:relative;font-size:22px;font-weight:400;background:rgba(255,255,255,0.8);
min-height: 70px;line-height: 40px;box-shadow:0 0 10px #ddd;margin: 0 0 15px;}
.gallery-content .right-sec .filter-sec{position:absolute;top:0;left:0;padding:15px;color:#213f99;border-right: 1px solid #213f99;width:100px;}
.gallery-content .right-sec  .tab-list li{display:inline-block;padding:15px;width: 24%;text-align: center;}
.gallery-content .right-sec  .tab-list li a{text-decoration:none;color:#0096d7;}
.gallery-images-sec {padding:25px;background:rgba(255,255,255,0.8);box-shadow: 0 0 10px #c7c7c5; }
.gallery-images-sec  .gallery-heading{color:#213f99;font-weight:500;font-size:25px;margin:0 0 15px;padding:0 0 8px;border-bottom:1px solid #213f99}
.gallery-image-box{max-width:100%;width:100%;height:auto; min-height:120px;}
.gallery-image-box img{width:100%;height:100%;}
.gallery-image-inner{margin:0 0 30px;}
.read-more.center{text-align:center;padding:15px 0px 0px;border-top:1px solid #213f99;}

.contact-us-section{background:#fff;}
.gallery-content .right-sec  .tab-list li{position:relative;}
.fa.gallery-angle{position: absolute;bottom: -1px;left: 43%;font-size: 30px;color: #0096dc;display:none;}
.gallery-content .right-sec  .tab-list li:hover .fa.gallery-angle,
.gallery-content .right-sec  .tab-list li:active
.fa.gallery-angle,.gallery-content .right-sec  .tab-list li.active .fa.gallery-angle{display:block;}
.news-detail-box{padding:5px 0px;min-height: 142px;}
.news-detail-box h4{color:#213f99;font-size:17px;margin:0px;}
.news-detail-box h5{margin: 5px 0px;font-size: 12px;color: #0096d7;}
.news-detail-box p{font-size: 14px;color: #42464a;margin:0 0 6px;}
.read-mare2 a{color: #213f99;font-size:15px;}
#map{height:617px;width:100%;}
.map-section{position:relative;}
.map-top-content{position:absolute;top:20%;right:10%;background:rgba(255,255,255,0.8);padding: 20px 45px 20px 25px;max-width:440px;width:100%;box-shadow:0 0 5px #ddd;}
.map-top-content .contect-heading{color:#213f99;font-size:40px;margin:0 0 15px;font-weight:300;text-transform:uppercase;}
.map-top-content .text-blue{font-size:17px;color:#213f99;font-weight:400;}
.map-top-content .common-text{color:#42464a;font-size:17px;margin:0;font-weight:400;}
.career-block{padding:30px 0 20px;max-width:1024px;margin: 0 auto;}
.career-block .career-heading{color:#0096d7;font-size:40px;margin:0 0 10px;text-transform:uppercase;font-weight:300;}
p.carrer-desc{font-size:16px;color:#42464a;}
.carrer-detail{margin:0 15px;}
.carrer-detail .left-sec{margin:0 -15px;}
.carrer-detail .left-sec .form-group{min-height:44px;}
.custum-formcontrol{height:44px;border:1px solid #a9a8a8;border-radius:0px;font-size:16px;color:#0096d7;font-weight:400;}
input.custum-formcontrol::-webkit-input-placeholder{color:#0096d7!important;}
input.custum-formcontrol::-moz-placeholder  {color:#0096d7!important; }
input.custum-formcontrol:-ms-input-placeholder {color:#0096d7!important; }
input.custum-formcontrol:-moz-placeholder {color:#0096d7!important; }
.btn.btn-blue{color:#fff;background:#0096d7;border:0px;border-radius:0px;max-width: 100px;width: 100%;font-size:15px;padding:8px 12px;}
.button-box.right{text-align:right;}
.form-group.attach-file{position:relative;}
.btn.attach{position:absolute;top:3px;right:5px;}
.available-job{padding-left:35px;}
.avail-job{font-size:18px;color:#0096d7;margin: 0 0 10px;border-bottom: 1px solid #213f99;padding: 0 0 5px;}
.avail-list li{position:relative;padding-left:40px;padding:5px 0px 5px 35px;color:#626568;font-size:15px;}
.avail-list li i{position:absolute;left:0;top:9px;color:#213f99;font-size:14px;}
.avail-text{color:#42464a;font-size:15px;}







/*Start Deepak Css for full layout changing*/
.logo {max-width: 214px;margin-top: 12px;}
.container-custome {max-width:calc(100% - 0px);}
.line{width: 15%;}
.dehydration-sec{background-size: cover;}
.thepower-sec{background-size: cover;    height: 500px;}
.lifestyle-banner {background-repeat: no-repeat;background-size: cover;}
.human-body{left: 49%;}
.drinkmore-sec{background-position:center center;background-size: cover;}
.naturally-balanced{background-size:cover;}
.banner-gallery {background-position: center top;background-size: 100%;}
.product-banner {background-size: cover;}
.product-banner-water {background-size: cover;}
.tissue-sec {background-size: cover;}


.gallery{margin: 85px 0 0; padding: 50px 15%; background: #fff; text-align: center}
.grid-layout {
  display:grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    grid-gap: 5px;
    grid-auto-rows: minmax(200px, auto);
    grid-auto-flow: dense;
    padding: 10px;
  overflow-x:auto;
}

.grid-item {
    background-color: #333;
}
.grid-item img{width: 100%; height: 100%; object-fit: cover}
.span-1 {
    grid-column-end: span 2;
    grid-row-end: span 2;
}


.span-2 {
    grid-column-end: span 3;
    grid-row-end: span 3;
}
.span-2-1{
    grid-column-end: span 4;
    grid-row-end: span 2;
}
.span-3 {
    grid-column-end: span 2;
    grid-row-end: span 1;
}
.span-4 {
  grid-column-end: span 4;
  grid-row-end: span 4;
}
.span-5{
  grid-column-end: span 4;
  grid-row-end: span 2;
}

@media only screen and (max-width:768px) { 
	.grid-layout {
    grid-template-columns: repeat(auto-fill, minmax(20px, 1fr));
    grid-auto-rows: minmax(20px, auto);
 }
}

@media only screen and (max-width:992px) { 
	.grid-layout {
    grid-template-columns: repeat(auto-fill, minmax(80px, 1fr));
    grid-auto-rows: minmax(80px, auto);
 }
}

@media only screen and (max-width:480px) { 
	.grid-layout {
    grid-template-columns: repeat(auto-fill, minmax(60px, 1fr));
    grid-auto-rows: minmax(60px, auto);
 }
}

.vid-ply{position: relative}
.vid-ply:before{position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 80px; height: 80px; background: rgba(0, 0, 0, 0.4); border-radius: 100%; content: ""; }
.vid-ply:after{position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); content: ""; width: 0; height: 0; border-top: 15px solid transparent; border-left: 25px solid #fff; border-bottom: 15px solid transparent;}
.gallery h3{font-size: 40px; font-weight: 700; color: #213f98}
.gallery h4{color: #000; font-size: 24px; margin: 0 0 30px}