*{ margin: 0; padding: 0; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
*{ -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
html, body,  div,  span,  applet,  object,  iframe,  h1,  h2,  h3,  h4,  h5,  h6,  p,  blockquote,  pre,  a,  abbr,  acronym,  address,  big,  cite,  code,  del,  dfn,  em,  font,  img,  ins,  kbd,  q,  s,  samp,  small,  strike,  strong,  sub,  sup,  tt,  var,  dl,  dt,  dd,  ol,  ul,  li,  fieldset,  form,  label,  legend,  table,  caption,  tbody,  tfoot,  thead,  tr,  th,  td,  select,  input,  option { margin: 0; padding: 0; border: 0; outline: 0;}
html { -webkit-text-size-adjust: none; scroll-behavior: smooth;}
img { width: 100%; }
body { margin: 0; padding: 0; color: #000;  font-size: 16px; background: #ffffff;  font-weight: 400; font-family: 'Helvetica Neue regular'; } 
h1{ font-size: 70px; color: #ffffff; line-height: 1.2; font-weight: 400; font-family: 'Bagoni Type reg'; }
h1 span { font-weight: 100; font-family: 'Bagoni Type reg'; }
h2{ font-size: 50px; color: #17341A; line-height: 1.2; font-weight: 400; margin-bottom:20px; font-family: 'Bagoni Type reg'; letter-spacing: 2px;}
.h2{ font-size: 40px; color: #17341A; line-height: 1.2; font-weight: 600; margin-bottom:20px;  }
h3{ font-size: 34px; color: #17341A; line-height: 1.2; font-weight: bold; }
h4{ font-size: 28px; color: #17341A; line-height: 1.3; font-weight: 300; }
h5{ font-size: 24px; color: #17341A; line-height: 1.3; font-weight: 600; }
h6{ font-size: 20px; color: #17341A; line-height: 1.3; font-weight: 700; margin-bottom:10px; }
p { font-size: 20px; line-height: 1.5;  color: #17341a; font-weight: 400;  }
button:focus { outline: none; }
.navbar-light .navbar-toggler { color: rgb(23 52 26); border-color: rgb(24 53 26); }

.pd_100{ padding: 100px 0; }
.pd_200 { padding: 200px 0; }
* + p  { margin-top: 5px; }

.btn-white { border: 1px solid white; padding-left: 15px !important;}
.padding100 { padding: 100px 0;}
.pd_50 { padding:50px 0; }
.upper { text-transform: uppercase; }
.color_green { color: #17341A; }
.color_white { color: #ffffff; }

.btn_blue{ font-size: 20px; background-color: #b3d235; border-radius: 149px; padding: 10px 45px; color: #fff; font-weight: 100; border: 2px solid #b3d235; }
.btn_blue:hover { color: #b3d235;  background-color: transparent; }

.btn_white{ font-size: 20px; background-color: #fff; border-radius: 149px; padding: 10px 45px; color: #17341A; font-weight: 100; border: 2px solid #fff; }
.btn_white:hover { color: #fff;  background-color: transparent; border: 2px solid #fff; }

.bg { background-position: center; background-repeat: no-repeat; background-size: cover; }
.pd_100 { padding: 100px 0; }
.mb-50 { margin-bottom: 50px; }
.font_400 { font-weight: 400; }
.button { margin-top: 30px; }
.mb-0 { margin-bottom: 0; }
.mb-20 { margin-bottom: 20px; }
.mt-50 { margin-top: 50px; }
.mt-100 { margin-top: 100px; }

::-webkit-input-placeholder {color: #838183; }
::-moz-placeholder {color: #838183;}
:-ms-input-placeholder {color: #838183; }
:-moz-placeholder {color: #838183; }

.container_main {max-width: 1200px; padding: 0 15px; margin: 0 auto;}
.mx_900 { max-width: 960px; width: 100%; margin:0 auto; }
.dark_green_bg {background-color: #17341A; }
.light_greeb_bg { background-color: #B3D235; }
.dis_flx { display: flex;align-items: center; justify-content: center; }

/*Header css start*/

header { background-color: #B3D235; padding: 44px 20px;  transition:all .2s ease;  }
header.fix { position: fixed; width: 100%; z-index: 999;  transition:all .2s ease; }
header .inr { max-width: 18px; width: 100%; }
header .navbar-light .navbar-nav .nav-link {color: #17341A; font-size: 18px; line-height: 20px; margin-right: 30px;}
header .nav-link { padding: 0; }
header a.nav-link img {width: 19px; height: 19px; }
header .navbar-light .navbar-brand {color: rgba(0,0,0,.9); position: absolute; left: 50%; transform: translate(-50%, 0px); max-width: 250px;}
header ul.navbar-nav { width: 100%; }
header .dropdown-toggle::after {display: inline-block; margin-left: 0; FONT-VARIANT: JIS04; FONT-VARIANT: JIS04; border-top: 0; border-right: 0; border-bottom: 0; border-left: 0; content: "\f078"; font: normal normal normal 14px/1 FontAwesome; position: absolute; right: 18px; top: 3px; }
header select { background-color: #b3d235; margin-right: 20px; cursor: pointer; }
.search_box {position: absolute; top: 40px; right: auto; display: none; }
input[type="search"] {border-radius: 25px; padding: 5px 15px; }

header .navbar-light .navbar-nav .nav-link:hover + .dropdown-menu , 
header .navbar-light .navbar-nav .nav-link + .dropdown-menu:hover , 
header .navbar-light .navbar-nav .nav-link:hover + .dropdown-menu:hover,
.dropdown-menu:hover {display: block; }
header .show_down { display: none; transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; }
header.fix .show_down { display: block; max-width: 90px; margin-bottom: -100px; background-color: #b3d235; border-radius: 12px; transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; visibility: visible; opacity: 1; }
header.fix .show_top { display: none; transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; }

/* Banner css start here */

.banner { position: relative; background-image: url(../images/bg_.png); background-position: center bottom; background-repeat: no-repeat; background-size: cover; height: 100vh; position: relative; z-index: 1; }
.banner .container_main {height: 100%; display: flex; justify-content: left; align-items: center; width: 100%; }
.banner .banner_txt { width: 100%; }
.banner_img img {max-width: 440px; margin-left: auto; display: block; }

/* Banner css End here */

/*section1 css start*/
.section1 { position: relative; background-image: url(../images/sec8_bg.png); background-position: center bottom; background-repeat: no-repeat; background-size: cover; position: relative; z-index: 1; background-attachment: fixed; }
.section1 .slider_txt { background: #FFC729; border-radius: 146.007px 146.007px 146.007px 56px; padding: 70px; position: relative; text-align: center; }
.section1 .dis_flx img { margin-right: 50px;     max-width: 120px; }
/*section1 css end*/

.slider_products .pro_box a img { margin: 0 auto; max-width: 300px; transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s;  } 
.slider_products .pro_box a:hover .hide_img { display: block; transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s;  }
.slider_products .pro_box a:hover .show_img { display: none; transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s;  }

.slider_products .pro_box a img.hide_img { display: none; transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s;  }
.slider_products .pro_box a img { margin-bottom: 50px; }
.slider_products .pro_box { /*border-left: 1px solid #17341a45;*/ padding: 20px; }
.slider_products .pro_box, .slider_products .pro_box a { text-align: center; }
.slider_products .pro_box a:hover{ text-decoration: none; }
.slider_products .pro_box h3 { margin-bottom: 10px; }
.slider_products .pro_box h4 { margin-bottom: 20px; }
.amz .btn_blue{ display: flex; align-items: center; justify-content: center; max-width: 250px; margin: 0 auto; }
.amz .btn_blue img {  margin: 0 !important; margin-left: 9px !important; margin-top: 4px !important;  width: 100%; max-width: 25px !important; }
.amz .btn_blue:hover { background-color: #B4D340; color:#ffffff; opacity: 0.8; }

.slick-slide.slick-current.slick-active {  }
button.slick-arrow { margin: 0; padding: 0; background: none; border: none; border-radius: 0; outline: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; font-size: 0;}
button.slick-arrow{ position: absolute; top: 50%; margin-top: -15px; }
button.slick-arrow.slick-prev{left: -60px; background-image: url('../images/arrow_right.svg'); width: 52px; height: 32px; background-size: contain; background-repeat: no-repeat; position: absolute; z-index: 9; transform: rotate(180deg); }
button.slick-arrow.slick-next{ right: -60px; background-image: url('../images/arrow_right.svg'); width: 52px; height: 32px; background-size: contain; background-repeat: no-repeat; position: absolute; z-index: 9;}

.slick-dots { display: flex; justify-content: center; margin: 0; padding: 1rem 0; list-style-type: none; margin-top: 50px; }
.slick-dots li {margin: 0 5px; }
.slick-dots button { display: block; width: 15px; height: 15px; padding: 0; border: none; border-radius: 100%; border: 1px solid #b4d340; text-indent: -9999px; background-color: transparent; } .slick-dots li.slick-active button { background-color: #B4D340; }

/*section3*/
.row_dis { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; }
.w_20 { width: 20%; }
.sec3_box { text-align: center; }
.sec3_box .sec3_box_img { background-color: #17341A;  margin-bottom: 20px; width: 164px; height: 164px; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto; }
.sec3_box .sec3_box_img img { width: 100%; max-width: 83px; }
.sec3_box p { margin-top: 20px; }
/* end section 3 */

/* section 4 */
.section4 video { border-radius: 20px; }
/* end section 4 */

/* section 5 */
.section5 { position: relative; background-image: url(../images/sec5.png); background-position: center bottom; background-repeat: no-repeat; background-size: cover; position: relative; z-index: 1; }
.counter {text-align: center; padding: 15px; }
.counter h2 { font-weight: 600; }
/* end section 5 */

/*section6 */
.section6 { position: relative; overflow: hidden; }
.section6 h4 img { margin-right: 15px; margin-left: 15px; }
.section6 h4 a { color: #fff; }
.section6 h4 a:hover { text-decoration: none; }
/*.section6 h4 {width: 130%;  }*/
/*.section6 h4 { bottom: 30%; position: absolute; -webkit-animation: linear infinite; -webkit-animation-name: run; -webkit-animation-duration: 20s; }*/
@-webkit-keyframes run {0% {right: 0; } 50% {right: 50%; } 100% {right: 100%; } }

.sec7_box img {max-width: 460px; width: 460px; margin-top: -100px; margin-left: -70px; margin-right: 0; margin-bottom: 30px; padding-top: 20px;     transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; }
.sec7_box {background-color: #B4D340; margin: 55px; padding: 35px; text-align: center; max-width: 400px; margin: 55px auto; }
.sec7_box h3 { font-weight: 300; border-top: 1px solid #17341A; padding-top: 30px; }
.sec7_box h3 b { font-weight: 700; }
.sec7_box .btn { margin-top: 20px; }
.sec7_box:hover img { transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; }
.sec7_box:hover img { transform: scale(1.1); transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; }

/*.sec7_box img { max-width: 100%; width: 100%; margin-top: -100px; margin-left: -70px; margin-right: -100px; margin-bottom: 70px; }*/


.section8 { position: relative; background-image: url(../images/sec8_bg.png); background-position: center bottom; background-repeat: no-repeat; background-size: cover; position: relative; z-index: 1; background-attachment: fixed; }


.section9 {position: relative; background-image: url(../images/bg_9.png); background-position: center bottom; background-repeat: no-repeat; background-size: cover; position: relative; z-index: 1; }
.section9 .head_txt h2 { margin-bottom: 0px; }
.section9 .head_txt h3 { font-family: 'Helvetica Neue thin'; letter-spacing: 2px; margin-bottom: 80px; }
.section9 .sec8_box h3 { font-family: 'Bagoni Type reg'; margin-top: 50px; margin-top: 30px; }
.section9 .sec8_box h3.pos { font-family: 'Helvetica Neue thin'; margin-top: 0; }
.section9 .sec8_box img { width: 100%; }
.section9 .sec8_box { text-align: center; }


.section10 img { width: 100%; }
.text_review img { margin-top: 20px; margin-bottom: 20px; max-width: 120px; }
.text_review h5 { font-family: Bagoni Type; }
.section6 h4 img  { max-width: 60px; }

.slider_11 a { display: block; padding: 15px; }
.slider_11 a img { width: 100%; }
.slider_11 a.mt-20 { margin-top: 40px; }

.section12 {position: relative; background-image: url(../images/sec8_bg.png); background-position: center bottom; background-repeat: no-repeat; background-size: cover; position: relative; z-index: 1; background-attachment: fixed; }

footer a:hover { text-decoration: none; color: #59691a; }
footer a img { width: 100%; max-width: 150px; }
footer .hr { border: 1px solid #17341A; margin: 25px 0; }
footer .footer_socail a { display: block; margin-left: 15px; display: flex; align-items: center; font-size: 26px; }
footer .footer_socail a img { max-width: 30px; }
footer .footer_socail { display: flex; justify-content: end; }
footer .footer_socail a:hover { opacity: 0.5; }
footer .footer_socail a i {color: #17341a; }
footer .copy { display: flex; align-items: end; justify-content: space-between; }
footer .copy a img { max-width: 20px; margin-left: 6px; }
footer .copy p { width: 50%; }
.dropdown:hover .dropdown-menu {display: block; margin-top: 0; }

.x1 {-webkit-animation: moveclouds 15s linear infinite; -moz-animation: moveclouds 15s linear infinite; -o-animation: moveclouds 15s linear infinite; width: 570%; }

.x1 .ele { max-width: 30px; }
@-webkit-keyframes moveclouds {0% {margin-left: 1000px;} 100% {margin-left: -1000px;} }
@-moz-keyframes moveclouds {0% {margin-left: 1000px;} 100% {margin-left: -1000px;} }
@-o-keyframes moveclouds {0% {margin-left: 1000px;} 100% {margin-left: -1000px;} }


/* pipe css start  */

.sec1_pipe h2, .sec3_count h2 { font-family: 'Helvetica Neue regular'; }
.sec3_count h2 span{   font-family: 'Helvetica Neue thin'; }
.sec3_count .counter h2{  font-family: 'Helvetica Neue thin'; }
.logo_pipe { max-width: 110px; margin-bottom: 30px; }

.sec2_pipe { position: relative; }
.sec2_pipe .right_pos_details { position: absolute; }
.sec2_pipe .right_pos_details { position: absolute; top: 40%; right: 10%; transform: translate(0%, -50%); z-index: 99; width: 40%; max-width: 420px; }
.sec2_pipe .right_pos_details h3 {  font-family: 'Helvetica Neue thin'; font-size: 40px; }
.sec2_pipe .right_pos_details h3 b { font-family: 'Helvetica Neue bold'; }
.sec2_pipe .right_pos_details p { font-weight: 400;  font-family: 'Helvetica Neue thin'; }
.sec2_pipe .right_pos_details.left_details { left: 10%; top: 40%; }
.sec3_count { position: relative; }
.sec3_img img {position: relative; max-width: 730px; margin: 0 auto; display: block; }
.sec3_img { margin-bottom: 0px; }
.pdt_100 { padding-top: 100px; }

.mb_show { display: none; }

/* media query */

@media screen and (max-width: 1400px){
    .sec2_pipe .right_pos_details { right: 5%; }
    .sec2_pipe .right_pos_details.left_details { left: 5%; }
}

@media screen and (max-width: 1300px){
    button.slick-arrow.slick-prev { left: 0; }
    button.slick-arrow.slick-next { right: 0; }
}

@media screen and (max-width: 1200px){
    h1 { font-size: 40px; color: #ffffff; }
    h2 { font-size: 36px; }
    h3 { font-size: 28px;}
    h4 { font-size: 24px; }

    .slider_products .pro_box a img { max-width: 240px; }

    .sec3_box .sec3_box_img { width: 124px; height: 124px; }
    .sec3_box .sec3_box_img img { width: 100%; max-width: 63px; }
    p { font-size: 18px; }

    .pd_200 { padding: 100px 0; }

    .sec2_pipe .right_pos_details { right: 2%; }
    .sec2_pipe .right_pos_details.left_details { left: 3%; }

    .sec2_pipe .right_pos_details h3 { font-size: 30px; }

}

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

    h1 { font-size: 40px; color: #ffffff; }
    h2 { font-size: 30px; letter-spacing: 1px;}

    header .navbar-light .navbar-brand { position: relative; left: 0; transform: none; }
    header { background-color: #B3D235; padding: 0px 20px; }
    header ul.navbar-nav {width: 100%; max-width: 350px; margin: 0 auto; }
    header .navbar-light .navbar-brand { max-width: 170px; width: 100%; }
    header .navbar-light .navbar-brand img { width: 100%; }
    header.fix .navbar-light .navbar-brand {max-width: 70px; width: 100%; }
    header.fix .show_down { margin-bottom: -50px; }
    li.nav-item.dropdown {margin-bottom: 10px; }
    li.nav-item.ml-auto { margin: 0 !important; margin-top: 5px !important; }
    li.nav-item { margin-bottom: 10px; margin-top: 10px; }
    li.nav-item.mb_line { text-align: right; }
    .navbar { padding: 0.5rem 0rem; }

    .btn_blue, .btn_white { font-size: 18px; }
    .pd_100 { padding: 70px 0; }

    .section1 .dis_flx img {margin-right: 30px; max-width: 70px; width: 100%; }

    button.slick-arrow.slick-prev {  }

    .w_20 { width: 33.33%; }
    .sec3_box {text-align: center; margin-bottom: 40px; }

    .sec7_box img {max-width: 380px; width: 100%; margin-top: 0; margin-left: 0; margin-right: 0; margin-bottom: 30px; }
    .sec7_box { max-width: 330px; }
    button.slick-arrow.slick-prev, button.slick-arrow.slick-next {width: 42px; height: 22px; }
    .sec7_box { margin: 0 auto; }
    .pd_200 { padding: 70px 0; }
    .x1 { width: 1000%; }

    .mb_show { display: block; }
    .mb_hide { display: none; }

    .sec2_pipe .right_pos_details, .sec2_pipe .right_pos_details.left_details { right: 0; width: 100%; max-width: 500px; left: 0px; background-color: #b3d235d9; padding: 30px; }
    .sec2_pipe .right_pos_details h3 { font-size: 24px; }


}

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

    h1 { font-size: 36px; color: #ffffff; }
    h2 { font-size: 26px; }
    h3 { font-size: 24px;}
    h4 { font-size: 20px; }

    .btn_blue, .btn_white { font-size: 16px; padding: 8px 35px; }
    .pd_100 { padding: 50px 0; }

    .section1 .dis_flx img {margin-right: 30px; max-width: 50px; width: 100%; }
    .slider_products .pro_box a img { margin-bottom: 20px; }

    button.slick-arrow.slick-prev { width: 32px; left: 8px;  height: 22px; }
    button.slick-arrow.slick-next { width: 32px; height: 22px; }
    .slick-dots li { margin: 0 5px; }
    .slick-dots { margin-top: 20px; }
    .sec3_box .sec3_box_img {width: 104px; height: 104px; }
    .sec3_box .sec3_box_img img {width: 100%; max-width: 53px; }
    .section4  { text-align: center; }
    .section4 .amz .btn_blue  {  margin: 0  auto 30px auto !important; }
    .pd_200 { padding: 50px 0; }
    .section9 .head_txt h3 { margin-bottom: 30px; }
    .section9 .sec8_box { max-width: 500px; margin: 0 auto 20px; }
    .text_review { margin-top: 20px; margin-bottom: 20px; }
    a.footer_link img { max-width: 110px; margin-bottom: 20px; }
    .pd_50 { padding: 30px 0; }
    .section9 .row.mt-50 .order-2{ order: 0; }
    p { font-size: 16px; }
    .sec1_pipe  { text-align: center; }
    a.footer_link img {margin: 0 auto 20px; display: block; }
    footer .footer_socail {justify-content: center; }
    footer .footer_socail a { margin-left: 0; margin-right: 15px; }
    footer .copy { flex-wrap: wrap; }
    footer .copy p { width: 100%; }
    footer .copy p.text-right {text-align: left !important; }
    footer .footer-txt {text-align: center; }
    footer .col-md-4.text-right {text-align: center !important; }
    footer .copy p { text-align: center; }
    footer .copy p.text-right { text-align: center !important; }

}

@media screen and (max-width: 600px){
    .slider_11 a.mt-20 { margin-top: 0; }
    .slider_11 a { max-width: 300px; margin: 0 auto;}

    header.fix .navbar-light .navbar-brand {max-width: 50px; width: 100%; }

    .x1 { width: 1520%; }

    .sec2_pipe .right_pos_details, .sec2_pipe .right_pos_details.left_details{
        position: relative;
        max-width: 100%;
    }
    .sec2_pipe .container_main { padding: 0 ; }
    .sec2_pipe .right_pos_details h3 { font-size: 20px; }
    .sec2_pipe .right_pos_details h3 br { display: none; }

}
@media screen and (max-width: 500px){
    h1 { font-size: 26px; color: #ffffff; }
    h2 { font-size: 24px; }
    .w_20 { width: 50%; }
    .pd_200 { padding: 30px 0; }
}

@media screen and (max-width: 480px){
    .w_20 { width: 100%; }
}