.banner_content,.bottle_top,.button_part,.sec_1_para,.sec_1_top{

    text-align:center

}

a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{

    margin:0;

    padding:0;

    border:0;

    font:inherit;

    vertical-align:baseline

}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{

    display:block

}

body{

    line-height:1;

    font-family:Quicksand,sans-serif

}

.banner_content h1,.banner_para h3,.five_way_part h1,.sec_1_top h2,.sec_2_text h1,.sec_3_2nd_content h2 span,.sec_4_content,.sec_4_top h2{

   font-family: Impact, Arial, sans-serif

}

ol,ul{

    list-style:none

}

blockquote,q{

    quotes:none

}

blockquote:after,blockquote:before,q:after,q:before{

    content:'';

    content:none

}

table{

    border-collapse:collapse;

    border-spacing:0

}

img{

    max-width:100%

}

.banner_part{

     min-height:600px; 

    width:100%;

    background:url(../../images/banner.jpg) no-repeat;

    background-size:100%;

    padding-bottom: 10px;

}

.banner_btm{
    background: url(../../images/banner_btm_bg.jpg);
    padding: 20px;
}

.banner_btm_col{
    text-align: center;
    padding:24px;
    margin-top: 10px;
    margin-bottom: 10px;

}

.banner_btm_col h2{
    font-weight: 800;
    font-size: 22px;
    margin-bottom: 20px;
    margin-top: 10px;
}

.banner_btm_col p{
    font-size: 16px;
    font-weight: 700;
}



.list_part{

    text-align: center;

}

.banner_content{

    padding-top: 9%;

    text-align: center;

}

.banner_content h1{font-size: 47px;margin-top:18px;margin-bottom: 17px;color: #f3f2bd;/* text-shadow: 1px 1px 2px #000; */margin-top: 34px;line-height: 52px;}

.banner_content h1 span{display:block;font-size: 19px;color: #e0dfab;margin-bottom:8px;text-shadow: initial;margin-top: 8px;}

.banner_content p{

    font-size:28px;

    margin-bottom:44px;

    font-weight:600

}

.logo_part img{

    max-width:126px

}

.bottle_top img{



}

.bottle_top{

    text-align: center;

    

}

.banner_para h3{

    font-size: 30px;

    color: #508e77;

    position:relative;

    left:-62px;

}

.banner_para ul li{

    font-size:19px;

    margin-bottom:20px;

    margin-top:20px;

    font-weight:600;

    position:relative

}

.banner_para ul li:before{

    position:absolute;

    content:'';

    left:-34px;

    top:-2px;

    width:26px;

    height:26px;

    background:url(../../images/tick_icon.png) no-repeat;

    background-size:100%

}

.button_part a{

    display:inline-block;

    margin-top:20px;

    padding:22px 44px;

   /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1e5799+0,30cbf2+100 */

background: #03ad00; /* Old browsers */

background: -moz-linear-gradient(top, #03ad00 0%, #9dd53c 100%); /* FF3.6-15 */

background: -webkit-linear-gradient(top, #03ad00 0%,#9dd53c 100%); /* Chrome10-25,Safari5.1-6 */

background: linear-gradient(to bottom, #03ad00 0%,#9dd53c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#03ad00', endColorstr='#9dd53c',GradientType=0 ); /* IE6-9 */

    text-transform:uppercase;

    color:#fff;

    font-weight:700;

    font-size:37px;

    border-radius:60px

}











.five_solution{

    /* float: left; */

    /* width: 58%; */

    margin-top: 26px;

    position: relative;

    left: 19px;

    padding-bottom: 60px;

}



.five_solution i{

    display: block;

    position: relative;

    color: #ffffff;

    font-size: 21px;

    margin-bottom: 15px;

    font-weight: 600;

    text-shadow: 1px 1px solid #000;

    text-shadow: 1px 1px 4px #027b00;

}



.five_solution i b{

    font-size: 20px;

    color: #fff;

    height: 30px;

    width: 30px;

    border-radius: 50px;

    background: #08d405;

    display: inline-block;

    text-align: center;

    border: 3px #029000 solid;

    border-top: 0;

    border-left: 0;

    border-right: 0;

    position: relative;

    top: -1px;

    left: -11px;

    padding: 4px;

}





.sec_1{

   /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e8ffce+0,f6ffdd+100 */

   background: #e8ffce; /* Old browsers */

   background: -moz-linear-gradient(top, #e8ffce 0%, #f6ffdd 100%); /* FF3.6-15 */

   background: -webkit-linear-gradient(top, #e8ffce 0%,#f6ffdd 100%); /* Chrome10-25,Safari5.1-6 */

   background: linear-gradient(to bottom, #e8ffce 0%,#f6ffdd 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8ffce', endColorstr='#f6ffdd',GradientType=0 ); /* IE6-9 */

   /* padding-bottom:41px; */

   min-height:400px;

   /* border-top: 5px solid #b4e47b; */

   background: #fff;

   padding: 63px 0;

   padding-bottom: 0;

}

.sec_1_top h2{

    color: #33ad00;

    font-size: 51px;

    font-weight:400;

}

.sec_1_top h2 span{

    font-size:40px;

    display:block;

    color: #012e4e;

}

.sec_1_top{

    padding-top:80px

}

.sec_1_para{

    padding:10px;

    margin-top:20px

}

.sec_1_para p{

    font-size:17px;

    line-height:27px;

    padding:0 30px;

    color:#8c0046;

    font-weight:600

}

.sec_1_right{

    padding: 10px 40px;

}



.sec_1_right h1{font-size: 34px;font-weight: 700;color: #083263;text-transform: uppercase;background: #000;color: #fff;text-align: center;padding: 14px;}



.sec_1_right p{

    font-size: 20px;

    margin-bottom: 20px;

    line-height: 26px;

    margin-top: 20px;

}

.sec_1_right p strong{

    margin-top: 10px;

    display: block;

}

.sec_1_right strong{font-weight: 600;color: #ec0062;}

.sec_1_right ul li{margin-top: 22px;font-size: 16px;line-height: 24px;font-weight: 600;margin-left: 20px;color: #808080;}

.sec_1_right ul li span{    font-size: 38px;
    color: #00ef12;
    float: left;
    margin-right: 10px;
}





.sec_2{

    background:url(../../images/sec_2_bg.jpg);

    min-height:600px;

    background-size: 100%;

}

.sec_3 .sec_3_top,.sec_4_top{

    min-height:100px;

    text-align:center

}

.sec_2_text h1{font-size: 49px;color: #5bd8ff;line-height: 68px;}

.sec_2_text{

    margin-top:160px;

    text-align:center

}

.sec_2_text h2{

    font-size:30px;

    color:#fff;

    margin-top:40px

}

.sec_3 .sec_3_top{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#a90329+1,8f0222+44,6d0019+100 */
background: #a90329; /* Old browsers */
background: -moz-linear-gradient(left, #a90329 1%, #8f0222 44%, #6d0019 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #a90329 1%,#8f0222 44%,#6d0019 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #a90329 1%,#8f0222 44%,#6d0019 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#6d0019',GradientType=1 ); /* IE6-9 */
    padding: 28px;

}

.sec_3_top h1 span{

    font-size: 36px;

    display:block;

    color: #ffffff;

    margin-bottom:12px;

}

.sec_3_text{

    text-align:center;

    margin-top:80px

}

.sec_3_text h4{
    margin-bottom: 10px;
    font-weight: 600;
    text-align: left;
}

.sec_3_top h1{

    font-size: 27px;

    font-family: Impact, Arial, sans-serif;

    color: #f0ff10;

    /* text-shadow:1px 3px #000; */

}

.sec_3_text h3{

    font-size:26px;

    line-height:40px

}

.sec_3_content{

    / background:#fefcea;

    background:-moz-linear-gradient(left,rgba(254,252,234,1) 0,rgba(252,255,252,1) 100%);

    background:-webkit-linear-gradient(left,rgba(254,252,234,1) 0,rgba(252,255,252,1) 100%);

    background:linear-gradient(to right,rgba(254,252,234,1) 0,rgba(252,255,252,1) 100%);

    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefcea', endColorstr='#fcfffc', GradientType=1 );

    padding-top:50px;

    padding-bottom:80px

}

.sec_3_2nd_content{

    text-align:center;

    margin-top:40px

}

.sec_3_2nd_content h2{

    font-size:18px;

    margin-top:30px;

    line-height:28px

}

.sec_3_2nd_content h2 span{

    display:block;

    font-weight:400;

    font-size:26px;

    margin-bottom:14px

}

.sec_4_top{

  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#a90329+1,8f0222+44,6d0019+100 */
background: #a90329; /* Old browsers */
background: -moz-linear-gradient(left, #a90329 1%, #8f0222 44%, #6d0019 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #a90329 1%,#8f0222 44%,#6d0019 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #a90329 1%,#8f0222 44%,#6d0019 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#6d0019',GradientType=1 ); /* IE6-9 */
    padding: 28px;



}

.sec_4_top h2{

    font-size: 40px;

    color:#fff;

    text-align:center;

}

.sec_4_top h2 span{

    display:block;

    font-size:30px

}







.line_part{

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#a90329+1,8f0222+44,6d0019+100 */
background: #a90329; /* Old browsers */
background: -moz-linear-gradient(left, #a90329 1%, #8f0222 44%, #6d0019 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #a90329 1%,#8f0222 44%,#6d0019 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #a90329 1%,#8f0222 44%,#6d0019 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#6d0019',GradientType=1 ); /* IE6-9 */

    padding:28px

}

.line_part h2{font-size: 40px;color: #f3f2bd;text-align:center;font-weight: 700;text-shadow: 1px 4px 3px #424107;}

.line_part h2 span{

    display:block;

    font-size:30px

}



.five_way_part{

    background:url(../images/sec_2_bg.jpg) no-repeat;

    padding:30px;

    color:#fff;

    background-size:cover;

    background-position:  center;

}
.five_way_part.five_way_part2{

    background:url(../../images/sec_4_bg.jpg) no-repeat;

    padding:30px;

    color:#fff;

    background-size:cover;

    background-position:  center;

}

.five_way_part ul{

    padding:30px;
    
    margin-top: 30px !important;

}

.five_way_part ul li{font-size: 20px;font-weight:600;margin-bottom:30px;list-style-type:decimal;padding: 0px 18px;background: #9ed541;border-radius: 20px;line-height: 35px;margin: 0px 10px 30px;}

.sec_4_content{

    padding:20px;

    text-align:center;

    font-size:40px

}



.sec_4_content h1{

    font-size: 49px;

    color: #000;

}



.sec_4_content h3{font-size: 40px;color: #8a0006;}

.sec_4_content ul li{

       font-size: 15px;

    margin-top: 14px;

    color: #0390a7;

    background: #f5f5f5;

    display: inline-block;

    padding: 10px;

    border-radius: 24px;

}



.five_way_part h1{

    color:#f1ff15;

    font-size:30px;

    text-align:center;

    margin-top:50px;

    margin-bottom:40px

}

.five_way_part h1 span{

    font-size:80px;

    display:block

}

.footer_part{

    background:#000;

    padding:50px

}

.footer_part h1{

    color:#fff;

    text-align:center;

    font-size:40px

}

.footer_part h1 span{

    font-size:30px;

    color:#bfa066;

    margin-bottom:30px

}

.ftr_nav{

    text-align:center;

    padding-top:20px;

    margin-top:30px;

    border-top:1px solid #4a4a4a

}

.ftr_nav a{

    color:#ddd;

    padding:10px

}







/*==RESPONSIVE==*/



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



.banner_part {

    background-position: -480px;

    position: relative;

    background-size: 381% 100%;

}



.bottle_top{

    position: initial;

    text-align: center;

}



.banner_part:before{

    /* background-color: rgba(255, 255, 243, 0.85); */

    width: 100%;

    height: 100%;

    content: '';

    position: absolute;

}





.banner_content h1{font-size: 30px;}



.banner_content h1 span{font-size: 25px;color: #fff;}



.banner_content p{

    font-size: 40px;

}



.banner_para h3{

   position: inherit;

    text-align: center;

    font-size: 36px;

    margin-top: 21px;



}







.banner_para ul li{

    margin-left: 30px;

    font-size: 32px;

}



.button_part a{font-size: 31px;}



.sec_1_top h2{

    font-size: 30px;

}





.sec_1_top{

    padding-top: 20px;

}

.sec_1_top h2 span{

    font-size: 30px;

    margin-top: 10px;

}



.sec_1_para p{

 padding: 0;

    font-size: 29px;

    line-height: 51px;

}



.sec_2_text{

    margin-top: 30px;

}



.sec_2_text h1{

       font-size: 47px;

}



.apple_img{

    text-align: center;

}



.sec_3_text h3{

    font-size: 36px;

}



.sec_3_2nd_content h2 span{



    font-size: 30px;

}



.sec_3_2nd_content h2 {

    font-size: 31px;

    margin-top: 30px;

    line-height: 44px;

}



.sec_2{

  min-height: inherit;

    padding-bottom: 30px;

    /* background-position: -553px; */

    background-size: cover;

}



.sec_3_top h1 span{

    font-size: 40px;

}

.sec_3_text{

    margin-top: 0;

}



.sec_4_top h2{

    font-size: 40px;

        color: #e8ff00;

}



.sec_4_top{

    padding: 10px;

}



.sec_4_top h2 span{

    font-size: 30px;

    color: #fff;

}

.sec_4_content br{

    display: none;

}



.five_way_part h1 span{

    font-size: 40px;

}



.five_way_part{

    padding: 10px;

}





.five_way_part h1{

    margin: 0;

}



.five_way_part ul{

    padding-bottom: 0;

}



.footer_part{

    padding: 20px;

    padding-top: 30px;

}



.footer_part h1{

       font-size: 40px;

}



.footer_part h1 span{

    font-size:30px;

}



}

/* vietnamese */
@font-face {
  font-family: 'Alfa Slab One';
  font-style: normal;
  font-weight: 400;
  src: local('Alfa Slab One Regular'), local('AlfaSlabOne-Regular'), url(https://fonts.gstatic.com/s/alfaslabone/v7/6NUQ8FmMKwSEKjnm5-4v-4Jh2d1he-Wv.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Alfa Slab One';
  font-style: normal;
  font-weight: 400;
  src: local('Alfa Slab One Regular'), local('AlfaSlabOne-Regular'), url(https://fonts.gstatic.com/s/alfaslabone/v7/6NUQ8FmMKwSEKjnm5-4v-4Jh2dxhe-Wv.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Alfa Slab One';
  font-style: normal;
  font-weight: 400;
  src: local('Alfa Slab One Regular'), local('AlfaSlabOne-Regular'), url(https://fonts.gstatic.com/s/alfaslabone/v7/6NUQ8FmMKwSEKjnm5-4v-4Jh2dJhew.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face {
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 300;
  src: local('Quicksand Light'), local('Quicksand-Light'), url(https://fonts.gstatic.com/s/quicksand/v8/6xKodSZaM9iE8KbpRA_pgHYYQML_B48.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 300;
  src: local('Quicksand Light'), local('Quicksand-Light'), url(https://fonts.gstatic.com/s/quicksand/v8/6xKodSZaM9iE8KbpRA_pgHYYQcL_B48.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 300;
  src: local('Quicksand Light'), local('Quicksand-Light'), url(https://fonts.gstatic.com/s/quicksand/v8/6xKodSZaM9iE8KbpRA_pgHYYT8L_.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face {
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 400;
  src: local('Quicksand Regular'), local('Quicksand-Regular'), url(https://fonts.gstatic.com/s/quicksand/v8/6xKtdSZaM9iE8KbpRA_hJFQNcOM.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 400;
  src: local('Quicksand Regular'), local('Quicksand-Regular'), url(https://fonts.gstatic.com/s/quicksand/v8/6xKtdSZaM9iE8KbpRA_hJVQNcOM.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 400;
  src: local('Quicksand Regular'), local('Quicksand-Regular'), url(https://fonts.gstatic.com/s/quicksand/v8/6xKtdSZaM9iE8KbpRA_hK1QN.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face {
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 500;
  src: local('Quicksand Medium'), local('Quicksand-Medium'), url(https://fonts.gstatic.com/s/quicksand/v8/6xKodSZaM9iE8KbpRA_p2HcYQML_B48.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 500;
  src: local('Quicksand Medium'), local('Quicksand-Medium'), url(https://fonts.gstatic.com/s/quicksand/v8/6xKodSZaM9iE8KbpRA_p2HcYQcL_B48.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 500;
  src: local('Quicksand Medium'), local('Quicksand-Medium'), url(https://fonts.gstatic.com/s/quicksand/v8/6xKodSZaM9iE8KbpRA_p2HcYT8L_.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face {
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 700;
  src: local('Quicksand Bold'), local('Quicksand-Bold'), url(https://fonts.gstatic.com/s/quicksand/v8/6xKodSZaM9iE8KbpRA_pkHEYQML_B48.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 700;
  src: local('Quicksand Bold'), local('Quicksand-Bold'), url(https://fonts.gstatic.com/s/quicksand/v8/6xKodSZaM9iE8KbpRA_pkHEYQcL_B48.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 700;
  src: local('Quicksand Bold'), local('Quicksand-Bold'), url(https://fonts.gstatic.com/s/quicksand/v8/6xKodSZaM9iE8KbpRA_pkHEYT8L_.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

.five_way_part2 p{
    
    font-size: 18px;
    
    line-height: 30px;
    
}
.five_way_part2 p span{
    
    font-size: 32px;
    
}