.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: 'Alfa Slab One', cursive;



}



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;



}



.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: #ffb100;



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



    margin-top: 34px;



    line-height: 53px;



}



.banner_content h1 span{



    display:block;



    font-size: 24px;



    color: #35b5e4;



    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: #1e5799; /* Old browsers */



background: -moz-linear-gradient(top, #1e5799 0%, #30cbf2 100%); /* FF3.6-15 */



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



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



filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#30cbf2',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: 43px;



    font-weight: 700;



    color: #083263;



    text-transform: uppercase;



}







.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: #ffb100;;



}



.sec_1_right ul li{



    margin-top: 26px;



    font-size: 20px;



    line-height: 30px;



    font-weight: 600;



    margin-left: 20px;



}



.sec_1_right ul li span{



    font-size: 40px;



        color: #00d9ef;















}











.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: #f4ff4f;



    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{



background: #1e5799;



    background: -moz-linear-gradient(left, #1e5799 0%, #1e5799 51%, #34a4ef 51%);



    background: -webkit-linear-gradient(left, #1e5799 0%,#1e5799 51%,#34a4ef 51%);



    background: linear-gradient(to right, #1e5799 0%,#1e5799 51%,#34a4ef 51%);



    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#34a4ef',GradientType=1 );



    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_top h1{



    font-size: 27px;



    font-family: 'Alfa Slab One', cursive;



    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{



    background: #1e5799;



    background: -moz-linear-gradient(left, #1e5799 0%, #1e5799 51%, #34a4ef 51%);



    background: -webkit-linear-gradient(left, #1e5799 0%,#1e5799 51%,#34a4ef 51%);



    background: linear-gradient(to right, #1e5799 0%,#1e5799 51%,#34a4ef 51%);



    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#34a4ef',GradientType=1 );



    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/#1e5799+0,1e5799+51,34a4ef+51 */



background: #1e5799; /* Old browsers */



background: -moz-linear-gradient(left, #1e5799 0%, #1e5799 51%, #34a4ef 51%); /* FF3.6-15 */



background: -webkit-linear-gradient(left, #1e5799 0%,#1e5799 51%,#34a4ef 51%); /* Chrome10-25,Safari5.1-6 */



background: linear-gradient(to right, #1e5799 0%,#1e5799 51%,#34a4ef 51%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */



filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#34a4ef',GradientType=1 ); /* IE6-9 */



    padding:28px



}



.line_part h2{



    font-size: 40px;



    color:#fff;



    text-align:center;



    font-weight: 700;



    text-shadow: 1px 4px 3px #002550;



}



.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



}



.five_way_part ul li{



    font-size:24px;



    font-weight:600;



    margin-bottom:30px;



    list-style-type:decimal



}



.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: #03b500;



}



.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: 66px;



}







.banner_content h1 span{



    font-size: 55px;



}







.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: 50px;



}







.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;



}


.sec_2_text h2{



       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;



}







}

.show-mobile{

    display: none;

}

@media(max-width: 800px){

    .banner-heading:before {

    content: "";

    background: rgb(30 87 153);

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    border-radius: 35px;

    z-index: -1;

}

.banner-heading{

    position: relative;

    z-index: 1;

    padding: 20px;

}

.banner-heading h1{

    line-height: 60px;

}

.show-mobile{

    display: inline;

}

.hide-mobile{

    display: none;

}

}