@charset "utf-8";
/* CSS Document */

section.bloglist .newsBlockdesk{ height: auto;}
section.bloglist .newsBlockdesk h2{ width: 100%; float: left; font-weight: 600; font-size: 24px;}

section.blog_detail .ndinfo h2{width: 100%; float: left; font-weight: 600; font-size: 20px; margin-bottom: 10px;}

/*Common*/
.ndinfo p{ margin-bottom: 50px;}
.back2top { position: fixed; z-index: 12; bottom: 14px; right: 15px; width: 30px; height: 30px; color: #fff; text-align: center; font-size: 18px; background: #135100; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%;  border-radius: 50%; line-height: 25px; display: none;}
.back2top a { color: #fff;}

.footerss{font-family: 'UnicaOne-Regular';}
.footerss span{ display: inline-block; vertical-align: middle; margin: 0 5px 0 0;}
.footerss a{ display: inline-block; vertical-align: middle; margin: 0 5px;}

.cholboxinnerlimg{ position: relative;}
.cholboxinnerlimg.extraspace{ padding-top: 80px;}
.cholboxinnerlimg .proBatch{ position: absolute; right: 15%; top: 5%; width: 10vw; height: 10vw; border-radius: 100%; background: url("../images/shop_circle.jpg") center center repeat; text-align: center; padding: 2.3vw 1.7vw; -webkit-box-shadow: 7px 7px 5px 0px rgba(222,219,222,1);
-moz-box-shadow: 7px 7px 5px 0px rgba(222,219,222,1);
box-shadow: 7px 7px 5px 0px rgba(222,219,222,1);}
.cholboxinnerlimg .proBatch:after{ border: 1px solid #fff; background: none; border-radius: 100%; width: calc(100% - 10px); height: calc(100% - 10px); content: ""; position: absolute; left: 5px; top: 5px;}
.cholboxinnerlimg .proBatch h4{font-family:'PillGothic300mg-Regular'; font-size: 1.2vw; color: #fff; text-transform: uppercase;}
.cholboxinnerlimg .proBatch p{font-family:'PillGothic300mg-Regular'; font-size: 0.9vw; color: #fff;}

.subscribe{ width: 100%; float: left; background: url("../images/subs_bg.jpg") no-repeat center center; background-size: cover; padding: 40px 0;}
.subscribe h1{ font-size: 30px; line-height: 1.1; width: 100%; float: left; text-transform: uppercase; color:#135100;}
.subscribe ul{ width: 100%; float: left; text-align: center; margin: 20px 0 0;}
.subscribe ul li{ width: auto; display: inline-block; vertical-align: middle; text-align: left; margin: 0 10px;}
.subscribe ul li .submitbutton{ width: auto; padding: 0 20px; height: 43px; line-height: 50px;}
.subscribe ul li .selectboxreg{ height: 43px;}

#barticle1 .slick-dots{ bottom: 0px; margin-top: 20px;}

.aboutSlider{ display: none; width: 100%; float: left; position: relative;}
.storyleaf1{ position: absolute; top:50%; left: 48%; transform: translate(-50%,-50%);}
.storyleaf1 img{ max-width: 230px;}
.storyleaf2{ position: absolute; top: -5%; right: 50px;}
.storyleaf2 img{ width: 90px;}



.missionWrap{ display: none; width: 100%; float: left; position: relative;}

.customer_speak{ display: none;}

@media screen and (max-width:1600px){
    .subscribe h1{ font-size: 27px;}
}

@media screen and (max-width:1400px){
    .subscribe h1{ font-size: 24px;}
}

@media screen and (max-width:1280px){
    .subscribe h1{ font-size: 21px;}
}

@media screen and (max-width:1024){
    .subscribe h1{ font-size: 18px;}
    #barticle1 .slick-dots { display: inline-block!important;}
}

@media screen and (max-width:768px){
    .cholboxinnerlimg .proBatch{width: 12vw; height: 12vw; padding: 2.6vw 1.8vw;}  
    .cholboxinnerlimg .proBatch h4{ font-size: 1.6vw;}
    .cholboxinnerlimg .proBatch p{ font-size: 1.1vw;}
    .subscribe{ padding: 30px 20px 10px;}
    .subscribe ul li{ margin: 0 10px 20px;}
}

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

@media screen and (max-width:560px){
    .cholboxinnerlimg .proBatch{ width: 23vw;height: 23vw;padding: 5vw 2.5vw;}  
    .cholboxinnerlimg .proBatch h4{ font-size: 3vw;}
    .cholboxinnerlimg .proBatch p{ font-size: 2.2vw;}
    .cholboxinnerlimg.extraspace { padding-top: 50px;}
    .subscribe ul li{ width: 100%; margin: 0 0 20px;}
    .subscribe ul li .submitbutton{ width: 100%;}
}

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

@-webkit-keyframes rotating /* Safari and Chrome */ {
  0% {
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  50% {
    -webkit-transform: rotate(50deg);
    -o-transform: rotate(50deg);
    transform: rotate(50deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}
@keyframes rotating {
  0% {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  50% {
    -ms-transform: rotate(50deg);
    -moz-transform: rotate(50deg);
    -webkit-transform: rotate(50deg);
    -o-transform: rotate(50deg);
    transform: rotate(50deg);
  }
  100% {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}
.rotating {
  -webkit-animation: rotating 45s linear infinite;
  -moz-animation: rotating 45s linear infinite;
  -ms-animation: rotating 45s linear infinite;
  -o-animation: rotating 45s linear infinite;
  animation: rotating 45s linear infinite;
}

@-webkit-keyframes rotating2 /* Safari and Chrome */ {
  0% {
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  50% {
    -webkit-transform: rotate(-50deg);
    -o-transform: rotate(-50deg);
    transform: rotate(-50deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}
@keyframes rotating2 {
  0% {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  50% {
    -ms-transform: rotate(-50deg);
    -moz-transform: rotate(-50deg);
    -webkit-transform: rotate(-50deg);
    -o-transform: rotate(-50deg);
    transform: rotate(-50deg);
  }
  100% {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}
.rotating2 {
  -webkit-animation: rotating2 45s linear infinite;
  -moz-animation: rotating2 45s linear infinite;
  -ms-animation: rotating2 45s linear infinite;
  -o-animation: rotating2 45s linear infinite;
  animation: rotating2 45s linear infinite;
}

@-webkit-keyframes rotating3 /* Safari and Chrome */ {
  0% {
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  50% {
    -webkit-transform: rotate(-20deg);
    -o-transform: rotate(-20deg);
    transform: rotate(-20deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}
@keyframes rotating3 {
  0% {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  50% {
    -ms-transform: rotate(-20deg);
    -moz-transform: rotate(-20deg);
    -webkit-transform: rotate(-20deg);
    -o-transform: rotate(-20deg);
    transform: rotate(-20deg);
  }
  100% {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}
.rotating3 {
  -webkit-animation: rotating3 45s linear infinite;
  -moz-animation: rotating3 45s linear infinite;
  -ms-animation: rotating3 45s linear infinite;
  -o-animation: rotating3 45s linear infinite;
  animation: rotating3 45s linear infinite;
}


.menuwrapper .cover{ z-index: 111; left: 0;}