/* CSS Document */
@import url("https://fonts.googleapis.com/css?family=Arimo:400,400i,700,700i|Montserrat:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i");
/*firstVisitPopup*/
/* CSS Document */
#my-welcome-message {
  display: block;
  position: fixed;
  top: 50px;
  transform: translateY(5%);
  z-index: 100000;
  background: #fff;
  width: 96%;
  padding: 30px 15px 15px;
  left: 2%;
  line-height: 30px;
  font-size: 15px;
  letter-spacing: 1px;
  box-shadow: 0 10px 20px #00000024;
  display: none; }

@media only screen and (min-width: 768px) {
  #my-welcome-message {
    transform: translateY(30%);
    width: 60%;
    left: 20%;
    padding: 50px 50px 30px; } }
a#fvpp-close {
  display: inline-block;
  position: absolute;
  top: 10px;
  right: 20px;
  font-size: 18px;
  font-weight: 300;
  z-index: 9; }

#fvpp-blackout {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 99999;
  background: #000;
  opacity: 0.7;
  display: none; }

/*for coment style for tag and its psudo class */
/* Sets the style to pseudo selectors AND base default anchor*/
/*end*/
body a {
  transition: 0.5s all;
  -webkit-transition: 0.5s all;
  -o-transition: 0.5s all;
  -moz-transition: 0.5s all;
  -ms-transition: 0.5s all;
  color: inherit;
  text-decoration: none; }

a, a:hover, a:active, a:visited, a:focus, a:active:focus {
  text-decoration: none;
  cursor: pointer;
  color: #000; }

html, body {
  font-size: 100%;
  font-family: 'Arimo', sans-serif;
  color: #000;
  line-height: 24px;
  font-size: 15px;
  font-weight: normal;
  letter-spacing: 0.5px; }

body {
  position: relative;
  /*margin-top:70px;
   @include respond-to(web-screens){ margin-top:70px;}*/ }

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  margin: 0 0 15px;
  font-family: 'Montserrat', sans-serif;
  font-weight: bold; }

p {
  margin: 0 0 10px; }

.btn {
  border-radius: 0;
  margin-top: 20px; }

.btn-default {
  font-size: 14px;
  font-weight: 600;
  position: relative;
  margin-top: 15px;
  margin-bottom: 15px;
  text-transform: uppercase;
  transform: translate(-1px, -1px); }
  .btn-default, .btn-default:hover, .btn-default:active, .btn-default:visited, .btn-default:focus, .btn-default:active:focus {
    background-color: #2e2e2e;
    border-color: #2e2e2e;
    color: #fff; }
  .btn-default:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    border: 1px solid #2e2e2e;
    position: absolute;
    z-index: 0;
    left: 0;
    top: 0;
    transition: all 0.6s;
    transform: translate(3px, 3px); }
  .btn-default:hover, .btn-default:active {
    transform: translate(0px, 0px); }
    .btn-default:hover:before, .btn-default:active:before {
      transform: translate(0px, 0px);
      transition: all 0.5s; }

.btn-primary {
  border: 0;
  border-radius: 0;
  padding: 10px 20px;
  font-size: 15px;
  font-weight: 600; }
  .btn-primary i {
    margin-left: 7px; }
  @media only screen and (min-width: 768px) {
    .btn-primary {
      min-width: 150px;
      width: auto; } }
  .btn-primary, .btn-primary:hover, .btn-primary:active, .btn-primary:visited, .btn-primary:focus, .btn-primary:active:focus {
    background: #1581d6;
    border-color: #1581d6;
    color: #fff; }

.btn-warning {
  border: 0;
  border-radius: 0;
  padding: 10px 20px;
  font-size: 15px;
  font-weight: 600; }
  .btn-warning i {
    margin-left: 7px; }
  @media only screen and (min-width: 768px) {
    .btn-warning {
      min-width: 150px;
      width: auto; } }
  .btn-warning, .btn-warning:hover, .btn-warning:active, .btn-warning:visited, .btn-warning:focus, .btn-warning:active:focus {
    background: #ffc245;
    border-color: #ffc245;
    color: #fff; }

.btn-success {
  border: 0;
  border-radius: 0;
  padding: 7px 30px;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 15px; }
  @media only screen and (min-width: 768px) {
    .btn-success {
      min-width: 150px;
      width: auto; } }
  .btn-success, .btn-success:hover, .btn-success:active, .btn-success:visited, .btn-success:focus, .btn-success:active:focus {
    background: #3aa849;
    border-color: #3aa849;
    color: #fff; }

.btn-outline-light {
  color: #fefefe;
  background-color: transparent;
  background-image: none;
  border-color: #fefefe;
  border-radius: 0px;
  padding: 7px 30px;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 14px; }
  .btn-outline-light:hover {
    color: #fff;
    background-color: rgba(255, 255, 255, 0.1803921569);
    border-color: #fff; }

.btn-ellipse {
  color: #000;
  background-color: transparent;
  background-image: none;
  border-color: #000;
  border-radius: 0px;
  padding: 6px 20px;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 11px;
  border-radius: 20px; }
  .btn-ellipse i {
    font-weight: bold;
    font-size: 13px;
    margin-left: 7px; }
  .btn-ellipse:hover {
    color: #fff;
    background-color: #000;
    border-color: #000; }

.section-heading {
  color: #000;
  margin-bottom: 30px;
  position: relative; }
  .section-heading h1 {
    position: relative;
    display: inline-block;
    margin-bottom: 15px;
    line-height: 1;
    text-transform: none;
    font-size: 30px;
    font-weight: 600; }
    @media only screen and (max-width: 767px) {
      .section-heading h1 {
        font-size: 24px; } }
  .section-heading p {
    margin-top: 30px; }
  .section-heading .line {
    position: relative;
    display: block;
    width: 120px;
    text-align: center;
    margin: 0 auto; }
    .section-heading .line:before, .section-heading .line:after {
      position: absolute;
      content: '';
      background: #000;
      width: 40px;
      height: 1px;
      top: 50%;
      z-index: 100; }
    .section-heading .line:before {
      right: 0; }
    .section-heading .line:after {
      left: 0; }
    .section-heading .line i {
      text-align: center;
      margin: 0; }
      .section-heading .line i:before {
        margin: 0; }
  .section-heading.center {
    text-align: center; }
    .section-heading.center h1:before {
      left: 50%;
      margin-left: -20px; }

.bx-wrapper {
  border: 0;
  margin: 0;
  box-shadow: none;
  background: transparent; }

/*product thumbnails*/
.product-thumbnail {
  color: #fff;
  margin: 3px; }
  @media only screen and (min-width: 768px) {
    .product-thumbnail {
      margin: 15px;
      border: 2px solid #fff; } }
  .product-thumbnail a, .product-thumbnail a:hover, .product-thumbnail a:active, .product-thumbnail a:visited, .product-thumbnail a:focus, .product-thumbnail a:active:focus {
    color: inherit; }
  .product-thumbnail .title {
    font-size: 20px;
    margin: 30px 0 15px;
    overflow: hidden;
    font-weight: 600; }
    @media only screen and (min-width: 768px) {
      .product-thumbnail .title {
        height: 27px; } }
  .product-thumbnail .project-thumbnail-caption {
    padding: 50px 30px; }
    @media only screen and (max-width: 767px) {
      .product-thumbnail .project-thumbnail-caption {
        padding: 15px; } }
    .product-thumbnail .project-thumbnail-caption .text {
      font-size: 15px;
      height: auto;
      overflow: hidden; }
      @media only screen and (max-width: 767px) {
        .product-thumbnail .project-thumbnail-caption .text {
          height: 120px; } }
    .product-thumbnail .project-thumbnail-caption .read-more {
      margin: 15px 0; }
      @media only screen and (max-width: 767px) {
        .product-thumbnail .project-thumbnail-caption .read-more {
          text-align: center; } }
  .product-thumbnail .project-thumbnail-img {
    position: relative;
    margin: 30px 0;
    display: block; }
    .product-thumbnail .project-thumbnail-img img {
      width: 100%;
      border-radius: 50%; }
      @media only screen and (max-width: 767px) {
        .product-thumbnail .project-thumbnail-img img {
          max-width: 250px;
          display: block;
          margin: 0 auto; } }
    .product-thumbnail .project-thumbnail-img .overlay {
      position: absolute;
      left: 20px;
      right: 20px;
      top: 20px;
      bottom: 20px;
      background: rgba(255, 255, 255, 0.2); }

/*navigation*/
.navbar-default {
  border: 0;
  margin: 0;
  border-radius: 0;
  box-shadow: none;
  z-index: 99999;
  background: #fff;
  transition: all 0.4s ease;
  /*//.navbar-toggle*/
  /*//.navbar-right */ }
  .navbar-default .navbar-toggle {
    border: 0;
    margin-top: 15px;
    /*//.collapsed*/ }
    .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
      background: transparent; }
    .navbar-default .navbar-toggle .icon-bar {
      width: 22px;
      transition: all 0.2s; }
    .navbar-default .navbar-toggle .top-bar {
      transform: rotate(45deg);
      transform-origin: 10% 10%; }
    .navbar-default .navbar-toggle .middle-bar {
      opacity: 0; }
    .navbar-default .navbar-toggle .bottom-bar {
      transform: rotate(-45deg);
      transform-origin: 10% 90%; }
    .navbar-default .navbar-toggle.collapsed .top-bar {
      transform: rotate(0); }
    .navbar-default .navbar-toggle.collapsed .middle-bar {
      opacity: 1; }
    .navbar-default .navbar-toggle.collapsed .bottom-bar {
      transform: rotate(0); }
  .navbar-default .navbar-brand {
    height: auto; }
    @media only screen and (max-width: 767px) {
      .navbar-default .navbar-brand {
        padding: 5px 15px; } }
    .navbar-default .navbar-brand img {
      width: 110px; }
  @media only screen and (max-width: 767px) {
    .navbar-default .navbar-collapse {
      border-color: transparent;
      box-shadow: none; } }
  .navbar-default .navbar-right {
    /*//.dropdown*/
    /*---end----*/ }
    @media only screen and (min-width: 768px) {
      .navbar-default .navbar-right {
        margin-top: 30px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .navbar-default .navbar-right {
        margin-top: 15px;
        width: 79%; } }
    .navbar-default .navbar-right > li > a {
      font-size: 13px;
      text-transform: uppercase;
      color: #000;
      font-weight: 600;
      padding: 7px 15px;
      position: relative; }
      @media only screen and (max-width: 767px) {
        .navbar-default .navbar-right > li > a {
          display: inline-block; } }
      .navbar-default .navbar-right > li > a:hover, .navbar-default .navbar-right > li > a:active {
        color: #555; }
      .navbar-default .navbar-right > li > a:after {
        content: "";
        background: #ffc245;
        width: 100%;
        height: 2px;
        display: block;
        transition: all 0.3s 0.3s ease;
        transform-origin: center;
        transform: scaleX(0); }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        .navbar-default .navbar-right > li > a {
          padding: 7px 7px; } }
    .navbar-default .navbar-right > li.active > a, .navbar-default .navbar-right > li.active > a:hover, .navbar-default .navbar-right > li.active > a:active, .navbar-default .navbar-right > li.active > a:visited, .navbar-default .navbar-right > li.active > a:focus, .navbar-default .navbar-right > li.active > a:active:focus {
      color: #000;
      background-color: transparent; }
      .navbar-default .navbar-right > li.active > a:after, .navbar-default .navbar-right > li.active > a:hover:after, .navbar-default .navbar-right > li.active > a:active:after, .navbar-default .navbar-right > li.active > a:visited:after, .navbar-default .navbar-right > li.active > a:focus:after, .navbar-default .navbar-right > li.active > a:active:focus:after {
        transform: scaleX(1); }
    @media only screen and (min-width: 768px) {
      .navbar-default .navbar-right .dropdown {
        position: relative;
        display: inline-block; }
        .navbar-default .navbar-right .dropdown:hover .dropdown-menu {
          display: block; } }
    .navbar-default .navbar-right .dropdown.open > a {
      background-color: transparent;
      color: #000; }
    .navbar-default .navbar-right .dropdown.open .dropdown-menu > li a {
      color: #000; }
    @media only screen and (min-width: 768px) {
      .navbar-default .navbar-right .dropdown-menu {
        display: none;
        position: absolute;
        background-color: #2e2e2e;
        min-width: 160px;
        box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
        z-index: 1; }
        .navbar-default .navbar-right .dropdown-menu li a {
          color: #fff;
          padding: 12px 16px;
          text-decoration: none;
          display: block; }
          .navbar-default .navbar-right .dropdown-menu li a:hover {
            background-color: rgba(221, 221, 221, 0.17); } }
  @media only screen and (max-width: 767px) {
    .navbar-default.sticky {
      transform: translateY(-110%);
      transition: all 0.4s ease; } }
  .navbar-default .navbar-right > li > a.nav-btn-warning {
    border: 0;
    border-radius: 0;
    font-size: 14px;
    box-shadow: 0 3px 8px #cecece; }
    .navbar-default .navbar-right > li > a.nav-btn-warning, .navbar-default .navbar-right > li > a.nav-btn-warning:hover, .navbar-default .navbar-right > li > a.nav-btn-warning:active, .navbar-default .navbar-right > li > a.nav-btn-warning:visited, .navbar-default .navbar-right > li > a.nav-btn-warning:focus, .navbar-default .navbar-right > li > a.nav-btn-warning:active:focus {
      background: #ffc245;
      border-color: #1581d6;
      color: #fff; }
    @media only screen and (max-width: 767px) {
      .navbar-default .navbar-right > li > a.nav-btn-warning {
        margin: 0 10px; } }

/*end navigation*/
/*home page design*/
.home-banner {
  padding: 0 0 30px;
  position: relative;
  background-color: #fff;
  background-repeat: no-repeat;
  background-size: cover;
  /*.bx-wrapper*/ }
  @media only screen and (min-width: 768px) {
    .home-banner {
      margin-top: 90px; } }
  @media only screen and (max-width: 767px) {
    .home-banner {
      padding-top: 74px;
      padding-bottom: 40px;
      background-size: contain;
      background-position: bottom; } }
  .home-banner .caption {
    padding: 30px;
    background: rgba(255, 255, 255, 0.85);
    color: #000; }
    @media only screen and (min-width: 768px) {
      .home-banner .caption {
        position: absolute;
        bottom: 30px;
        width: 530px;
        right: 15px;
        padding-bottom: 50PX; } }
    @media only screen and (max-width: 767px) {
      .home-banner .caption {
        background: #fff;
        padding: 20px 0px; } }
    .home-banner .caption h1, .home-banner .caption p {
      margin: 0 0 10px; }
    .home-banner .caption h1 {
      font-size: 18px;
      font-weight: 600;
      line-height: 1.5; }
      @media only screen and (min-width: 768px) {
        .home-banner .caption h1 {
          line-height: 1.5; } }
    .home-banner .caption p {
      font-size: 14px; }
    .home-banner .caption .btn-outline-light, .home-banner .caption .btn-outline-light:hover, .home-banner .caption .btn-outline-light:active, .home-banner .caption .btn-outline-light:visited, .home-banner .caption .btn-outline-light:focus, .home-banner .caption .btn-outline-light:active:focus {
      background-color: #fff;
      color: #000;
      border-color: #fff; }
    @media only screen and (max-width: 767px) {
      .home-banner .caption .btn-outline-light {
        margin-top: 5px; } }
  .home-banner .bx-wrapper {
    margin: 0 0 0px;
    /*.bx-controls-direction*/ }
    .home-banner .bx-wrapper .bx-viewport ul li {
      left: 0; }
    .home-banner .bx-wrapper .bx-controls-direction {
      width: 100px;
      position: absolute;
      padding: 15px 0;
      bottom: 45px;
      right: 50px;
      /*//a*/ }
      @media only screen and (max-width: 767px) {
        .home-banner .bx-wrapper .bx-controls-direction {
          bottom: -15px;
          right: 30px; } }
      .home-banner .bx-wrapper .bx-controls-direction a {
        text-align: center;
        line-height: 40px;
        font-size: 40px;
        color: #2e2e2e;
        height: 40px;
        width: 30px;
        margin-top: 0;
        text-indent: 0;
        top: 0;
        background: none; }

/*about course*/
.home-about {
  padding: 70px 0; }
  @media only screen and (max-width: 767px) {
    .home-about {
      padding: 50px 0; } }
  .home-about .section-heading span {
    margin: 0; }
  .home-about .btn-ellipse {
    border-color: #48830b;
    color: #48830b; }
    .home-about .btn-ellipse:hover {
      background: #48830b;
      color: #fff; }
  .home-about .text {
    font-size: 15px; }
    .home-about .text strong {
      font-weight: 600;
      font-style: italic; }
    .home-about .text p {
      margin-bottom: 5px; }
  .home-about .why-choose {
    display: block;
    position: relative; }
    @media only screen and (max-width: 767px) {
      .home-about .why-choose {
        margin-top: 50px;
        display: inline-block; } }
    .home-about .why-choose h1 {
      position: absolute;
      bottom: 0;
      color: #fff;
      font-size: 22px;
      padding: 15px;
      right: 0;
      text-align: right;
      padding-right: 40px;
      font-weight: 600;
      margin-bottom: 0; }
      .home-about .why-choose h1 span {
        display: block;
        margin: 5px 0;
        margin-right: -20px;
        position: relative; }
        .home-about .why-choose h1 span:before {
          content: "";
          background: #fff;
          height: 2px;
          width: 60%;
          display: block;
          position: absolute;
          right: 3px;
          top: 50%; }

/*home-projects*/
.home-products {
  padding: 80px 0 50px;
  background-color: #e5e9f3;
  background-repeat: no-repeat;
  background-size: cover; }
  .home-products .section-heading {
    color: #fff; }
    .home-products .section-heading span:before, .home-products .section-heading span:after {
      background: #fff; }

.home-process {
  padding: 70px 0;
  position: relative; }
  .home-process .section-heading .line {
    margin: 0; }
  @media only screen and (min-width: 768px) {
    .home-process .process-slider {
      padding-left: 100px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .home-process .process-slider {
      padding: 0 15px; } }
  @media only screen and (max-width: 767px) {
    .home-process .process-slider {
      margin: 50px 0 0; } }
  @media only screen and (max-width: 767px) {
    .home-process .read-more {
      margin: 50px 0 0;
      text-align: center; } }

.process-thumbnail {
  text-align: center;
  display: block; }
  .process-thumbnail img {
    width: 250px;
    height: 250px;
    border-radius: 50%;
    display: block;
    margin: 0 auto 30px; }
  .process-thumbnail .title {
    font-size: 17px;
    margin: 0; }

.home-products .bx-wrapper .bx-controls-direction a, .home-process .bx-wrapper .bx-controls-direction a {
  position: absolute;
  margin-top: -30px;
  width: 30px;
  height: 60px;
  text-indent: 0;
  font-size: 60px;
  font-weight: bold;
  color: #fff;
  background: none; }
  @media only screen and (min-width: 768px) {
    .home-products .bx-wrapper .bx-controls-direction a, .home-process .bx-wrapper .bx-controls-direction a {
      margin-top: -35px;
      width: 32px;
      height: 70px;
      font-size: 70px; } }
  .home-products .bx-wrapper .bx-controls-direction a.bx-prev, .home-process .bx-wrapper .bx-controls-direction a.bx-prev {
    left: -36px; }
    @media only screen and (min-width: 768px) {
      .home-products .bx-wrapper .bx-controls-direction a.bx-prev, .home-process .bx-wrapper .bx-controls-direction a.bx-prev {
        left: -50px; } }
  .home-products .bx-wrapper .bx-controls-direction a.bx-next, .home-process .bx-wrapper .bx-controls-direction a.bx-next {
    right: -36px; }
    @media only screen and (min-width: 768px) {
      .home-products .bx-wrapper .bx-controls-direction a.bx-next, .home-process .bx-wrapper .bx-controls-direction a.bx-next {
        right: -50px; } }

.home-process .bx-wrapper .bx-controls-direction a {
  color: #494949; }
.home-process .bx-wrapper .bx-controls-direction a.bx-prev {
  left: 0px; }
.home-process .bx-wrapper .bx-controls-direction a.bx-next {
  right: 0px; }

/*home-blogs*/
.home-request-milk {
  background-color: #e5e9f3;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 70px 0;
  position: relative; }
  .home-request-milk:before {
    content: "";
    background: rgba(0, 0, 0, 0.77);
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0; }
  .home-request-milk .request-milk-btn {
    position: relative;
    z-index: 1;
    display: block;
    color: #fff;
    border: 2px solid #ddd;
    width: 70%;
    margin: 0 auto;
    text-align: center;
    padding: 30px;
    font-size: 24px;
    text-transform: uppercase;
    line-height: 1.4;
    font-weight: 600; }
    .home-request-milk .request-milk-btn img {
      width: 9px;
      margin: -2px 0 0 5px; }

.home-testimonials {
  padding: 70px 0; }
  .home-testimonials .fa-quote-left {
    font-size: 40px;
    color: #3aa849; }
    @media only screen and (min-width: 768px) {
      .home-testimonials .fa-quote-left {
        font-size: 60px; } }
  .home-testimonials .testimonials-thumbnail {
    text-align: center;
    padding: 30px;
    margin: 0 0 10px; }
    @media only screen and (min-width: 768px) {
      .home-testimonials .testimonials-thumbnail {
        padding: 30px 10% 0; } }
    .home-testimonials .testimonials-thumbnail .testimonials-thumbnail-content {
      font-size: 17px; }
    .home-testimonials .testimonials-thumbnail .testimonials-thumbnail-title {
      padding: 30px 0 0; }
      .home-testimonials .testimonials-thumbnail .testimonials-thumbnail-title h2.title {
        font-size: 20px;
        margin: 0 0 5px; }
      .home-testimonials .testimonials-thumbnail .testimonials-thumbnail-title .org {
        font-size: 14px; }

/*//.home-testimonials*/
/*footer*/
footer, .footer {
  background: #fff;
  color: #fff;
  background-size: cover;
  background-position: bottom;
  position: relative;
  padding-top: 300px;
  text-transform: uppercase;
  background-repeat: no-repeat; }
  @media only screen and (max-width: 767px) {
    footer, .footer {
      background-position: center;
      padding-top: 140px; } }
  @media only screen and (min-width: 768px) {
    footer .right, .footer .right {
      text-align: right; } }
  footer p, footer a, .footer p, .footer a {
    font-size: 11px;
    margin: 0;
    color: #fff;
    letter-spacing: 0.5px; }
    @media only screen and (max-width: 767px) {
      footer p, footer a, .footer p, .footer a {
        font-size: 10px;
        line-height: 2; } }
  footer .foooter-contact, .footer .foooter-contact {
    padding-top: 34px;
    padding-bottom: 15px; }
    @media only screen and (min-width: 768px) {
      footer .foooter-contact, .footer .foooter-contact {
        text-align: right; } }
    footer .foooter-contact h1, .footer .foooter-contact h1 {
      text-transform: none;
      font-size: 16px;
      line-height: 1.6;
      font-weight: 600; }
      footer .foooter-contact h1 span, .footer .foooter-contact h1 span {
        display: block; }
  footer .list-inline, .footer .list-inline {
    margin: 0; }
    @media only screen and (min-width: 768px) {
      footer .list-inline, .footer .list-inline {
        text-align: right; } }
    footer .list-inline a, .footer .list-inline a {
      font-size: 16px;
      margin: 0; }
      @media only screen and (max-width: 767px) {
        footer .list-inline a, .footer .list-inline a {
          line-height: 1; } }
      @media only screen and (min-width: 768px) {
        footer .list-inline a, .footer .list-inline a {
          margin: 0 7px 0 0; } }
  footer .footer-bottom, .footer .footer-bottom {
    background: rgba(0, 0, 0, 0.79);
    padding: 15px 0; }
    footer .footer-bottom p, footer .footer-bottom a, .footer .footer-bottom p, .footer .footer-bottom a {
      color: #fff; }
    @media only screen and (max-width: 767px) {
      footer .footer-bottom, .footer .footer-bottom {
        position: relative;
        padding-top: 20px; } }
    footer .footer-bottom .link-facebook, .footer .footer-bottom .link-facebook {
      display: inline-block; }
      @media only screen and (max-width: 767px) {
        footer .footer-bottom .link-facebook, .footer .footer-bottom .link-facebook {
          margin-top: -7px;
          font-size: 11px;
          display: block; } }
    footer .footer-bottom .btn-warning, .footer .footer-bottom .btn-warning {
      position: absolute;
      bottom: calc(100% - 5px);
      right: 15px;
      box-shadow: 0 5px 9px rgba(53, 53, 53, 0.78);
      font-size: 15px;
      line-height: 1.4; }

/********************************************************************/
/*----------inner-page-------------------*/
/********************************************************************/
@media only screen and (min-width: 768px) {
  .flex {
    display: flex;
    flex-wrap: wrap; }

  > .col-md-6 {
    flex: 0 0 50%;
    max-width: 50%; } }
.inner-page {
  position: relative;
  /*--//.inner-banner----*/
  /*--//.inner-page-content----*/ }
  .inner-page .inner-banner {
    position: relative;
    background: #fff;
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: cover;
    margin: 75px 0 0;
    /*--//.bg-img----*/
    /*--//.inner-banner-caption----*/ }
    @media only screen and (min-width: 768px) {
      .inner-page .inner-banner {
        margin-top: 96px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .inner-page .inner-banner {
        margin-top: 87px; } }
    @media only screen and (max-width: 767px) {
      .inner-page .inner-banner .inner-banner-img {
        padding: 0; } }
    .inner-page .inner-banner .inner-banner-img .banner-img {
      background-position: center;
      padding-bottom: 29%;
      background-size: cover; }
      @media only screen and (max-width: 767px) {
        .inner-page .inner-banner .inner-banner-img .banner-img {
          padding-bottom: 30%; } }
    .inner-page .inner-banner .inner-banner-caption {
      position: relative;
      /*--//.inner-banner-caption-heading--*/ }
      @media only screen and (max-width: 767px) {
        .inner-page .inner-banner .inner-banner-caption {
          margin-top: 15px; } }
      .inner-page .inner-banner .inner-banner-caption .inner-banner-caption-heading {
        text-transform: capitalize;
        font-weight: 600;
        font-size: 20px;
        margin-bottom: 30px;
        position: relative;
        display: inline-block;
        padding-bottom: 10px;
        margin-right: 30px;
        font-size: 30px;
        margin-top: 30px; }
        @media only screen and (max-width: 767px) {
          .inner-page .inner-banner .inner-banner-caption .inner-banner-caption-heading {
            margin: 10px 0;
            font-size: 28px; } }
        .inner-page .inner-banner .inner-banner-caption .inner-banner-caption-heading:after {
          content: "";
          display: block;
          width: 95px;
          height: 2px;
          background: #a00f0a;
          position: absolute;
          right: -15px;
          bottom: 0; }
        @media only screen and (min-width: 768px) {
          .inner-page .inner-banner .inner-banner-caption .inner-banner-caption-heading {
            margin-left: 30px;
            margin-top: 50px;
            /*position: absolute;
            bottom: 0;	*/ } }
  .inner-page .inner-page-content {
    padding: 70px 0 30px; }
    @media only screen and (max-width: 767px) {
      .inner-page .inner-page-content {
        padding: 15px 0 15px; } }
    @media only screen and (max-width: 767px) {
      .inner-page .inner-page-content h1 {
        margin: 0; } }

/*-----//.inner-page-----*/
/*-------------end-----------*/
/*about page design */
.certification-logo {
  padding: 50px 0 0; }
  @media only screen and (max-width: 767px) {
    .certification-logo {
      text-align: center; } }
  @media only screen and (min-width: 992px) {
    .certification-logo {
      padding: 30px 0 0; } }
  .certification-logo a {
    margin-bottom: 15px;
    display: inline-block; }
  .certification-logo img {
    width: 160px;
    margin: 0px 15px 15px; }

.inner-page .inner-page-content.team-section {
  padding: 30px 0 0; }

.team-section .section-heading {
  margin-bottom: 30px; }
  @media only screen and (min-width: 768px) {
    .team-section .section-heading {
      margin-top: 15px;
      margin-bottom: 50px; } }
.team-section .team-thumbnail {
  text-align: center;
  margin-bottom: 30px; }
  .team-section .team-thumbnail img {
    width: 100%;
    margin-bottom: 15px;
    display: inline-block;
    border-radius: 50%;
    box-shadow: 0 3px 10px #a9a8a8; }
    @media only screen and (max-width: 767px) {
      .team-section .team-thumbnail img {
        max-width: 360px; } }
  .team-section .team-thumbnail strong {
    display: block;
    font-size: 18px; }
  .team-section .team-thumbnail span {
    display: block;
    font-size: 14px; }

.why-choose-gird {
  padding: 30px 0; }
  @media only screen and (min-width: 768px) {
    .why-choose-gird .col-sm-6 {
      padding-left: 50px; }
      .why-choose-gird .col-sm-6:nth-child(2n-1) {
        padding-right: 50px;
        padding-left: 15px; } }
  .why-choose-gird .why-choose-thumbnail {
    padding: 30px;
    color: #fff;
    margin-bottom: 30px; }
    .why-choose-gird .why-choose-thumbnail .media-left {
      padding-right: 30px; }
    .why-choose-gird .why-choose-thumbnail .media-object {
      display: block;
      border: 2px solid #fff;
      border-radius: 50%;
      width: 50px;
      padding: 3px; }

.infrastructure-thumbnails {
  margin-bottom: 60px; }
  .infrastructure-thumbnails .img-part {
    padding: 0 15px; }
    @media only screen and (min-width: 768px) {
      .infrastructure-thumbnails .img-part {
        width: 50%;
        float: left;
        padding-right: 30px; } }
    .infrastructure-thumbnails .img-part img {
      width: 100%; }
      @media only screen and (max-width: 767px) {
        .infrastructure-thumbnails .img-part img {
          max-width: 340px;
          margin: 0 auto; } }
  .infrastructure-thumbnails .content-part {
    padding: 15px; }
    @media only screen and (min-width: 768px) {
      .infrastructure-thumbnails .content-part {
        width: 50%;
        float: left;
        padding-left: 30px;
        padding: 50px 15px 0; } }
    .infrastructure-thumbnails .content-part h1 {
      font-size: 20px;
      margin: 0 0 20px; }
  @media only screen and (min-width: 768px) {
    .infrastructure-thumbnails:nth-child(2n) .img-part {
      float: right;
      padding-left: 30px;
      padding-right: 15px; }
    .infrastructure-thumbnails:nth-child(2n) .content-part {
      padding-right: 30px;
      padding-left: 15px; } }

/*process page*/
@media only screen and (max-width: 767px) {
  .process-pg-heading {
    width: 96%;
    margin: 0 auto 30px;
    padding: 30px;
    box-shadow: 0 7px 27px #ccc; }
    .process-pg-heading h1 {
      font-size: 22px;
      padding-bottom: 15px; } }
.process-pg-heading h1 {
  font-size: 22px; }
@media only screen and (min-width: 768px) {
  .process-pg-heading {
    margin: 0 auto 50px; } }
.process-pg-heading p {
  margin: 0; }

.process-pg-thumbnails {
  margin-bottom: 50px; }
  @media only screen and (min-width: 768px) {
    .process-pg-thumbnails {
      width: 85%; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .process-pg-thumbnails {
      width: 100%; } }
  .process-pg-thumbnails .img-part {
    padding: 15px; }
    @media only screen and (min-width: 768px) {
      .process-pg-thumbnails .img-part {
        width: 40%;
        float: left;
        padding: 0 30px 0 15px; } }
    .process-pg-thumbnails .img-part img {
      width: 100%;
      border-radius: 50%;
      box-shadow: 0 1px 3px 1px #b3b3b3; }
      @media only screen and (max-width: 767px) {
        .process-pg-thumbnails .img-part img {
          max-width: 340px;
          margin: 0 auto; } }
  .process-pg-thumbnails .content-part {
    padding: 15px; }
    @media only screen and (min-width: 768px) {
      .process-pg-thumbnails .content-part {
        width: 60%;
        float: left;
        padding: 60px 15px 0 50px; } }
    .process-pg-thumbnails .content-part h1 {
      font-size: 20px;
      margin: 0 0 20px; }
  @media only screen and (min-width: 768px) {
    .process-pg-thumbnails:nth-child(2n) {
      margin-left: 15%; }
      .process-pg-thumbnails:nth-child(2n) .img-part {
        float: right;
        padding-left: 30px;
        padding-right: 15px; }
      .process-pg-thumbnails:nth-child(2n) .content-part {
        padding-right: 50px;
        padding-left: 15px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .process-pg-thumbnails:nth-child(2n) {
      margin-left: -15px; } }

/*End*/
/*contact-map*/
.inner-page-content.contact-map {
  padding: 0;
  margin: 30px 0; }

.product-post-grid {
  padding: 0 0 10px; }
  @media only screen and (min-width: 768px) {
    .product-post-grid .left {
      padding-right: 50px; } }
  @media only screen and (min-width: 768px) {
    .product-post-grid .right {
      padding-left: 50px; } }

/*Product page thumbnails*/
.product-post-thumbnail {
  background-color: #fff;
  padding: 30px;
  box-shadow: 0 7px 20px #ccc; }
  @media only screen and (max-width: 767px) {
    .product-post-thumbnail {
      margin: 0 auto;
      max-width: 350px;
      margin-bottom: 30px; } }
  @media only screen and (min-width: 768px) {
    .product-post-thumbnail .product-post-thumbnail-media {
      padding: 0 15% 30px; } }
  .product-post-thumbnail .product-post-thumbnail-media .product-post-thumbnail-img {
    display: block;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding-bottom: 100%; }
  .product-post-thumbnail .product-post-thumbnail-content {
    text-align: center; }
    .product-post-thumbnail .product-post-thumbnail-content h1 {
      margin: 0 0 10px;
      font-size: 22px;
      font-weight: 500; }
    .product-post-thumbnail .product-post-thumbnail-content .btn {
      padding: 5px 30px;
      font-size: 15px; }

.bottle-benefit {
  background: #fff;
  padding: 60px 0; }
  .bottle-benefit strong {
    display: inline-block;
    font-weight: 600;
    margin-right: 5px; }
  .bottle-benefit hr {
    margin: 0 0 50px; }
  .bottle-benefit h1 {
    font-size: 30px;
    font-weight: 600;
    margin: 15px 0 30px; }
  .bottle-benefit ul > li {
    margin-bottom: 10px; }

/*Product  detail page*/
.product-detail {
  padding: 15px 0;
  /*.btn-ellipse{
		border-color: #48830b;
		color: #48830b;
		&:hover{ background: #48830b;color: #fff;}
		}*/
  /*	 .btn-ellipse{
  		color: #fff;
  		background: #1581d6 url(../img/milk-drop.png) no-repeat right -18px;
  		background-size: 140px;
  		border: 0;
  		border-radius: 0;
  		padding: 20px 30px;
  		font-size: 16px;
  		max-width: 390px;
  		width:100%;
  		 @include respond-to(small-screens){ text-align: left;}
  	   i {font-size: 16px;}       
  		&:hover{ background-color: #1581d6;color: #fff;}
  		}	*/ }
  @media only screen and (min-width: 768px) {
    .product-detail {
      padding: 30px 15px; } }
  .product-detail .product-detail-img {
    width: 100%; }
    @media only screen and (max-width: 767px) {
      .product-detail .product-detail-img {
        max-width: 300px;
        margin: 0 auto 30px;
        display: block; } }
  .product-detail .section-heading {
    margin-top: 15px;
    margin-bottom: 20px; }
    .product-detail .section-heading span {
      width: 67px;
      margin: 0;
      text-align: left;
      color: #48830b; }
      .product-detail .section-heading span:before {
        background: #48830b; }
      .product-detail .section-heading span:after {
        display: none; }
  .product-detail .btn {
    padding: 10px 30px;
    font-size: 16px; }
  .product-detail .product-detail-info {
    margin-bottom: 0; }
    .product-detail .product-detail-info li {
      font-weight: 600;
      margin-bottom: 10px; }
  @media only screen and (min-width: 768px) {
    .product-detail .right {
      padding-left: 50px; } }
  @media only screen and (min-width: 768px) {
    .product-detail .product-detail-content {
      margin-bottom: 15px; } }

.nutrients {
  background: #f5f5f5;
  padding: 30px 0 70px;
  margin: 0; }
  .nutrients .section-heading {
    margin-top: 15px;
    margin-bottom: 15px; }
    @media only screen and (max-width: 767px) {
      .nutrients .section-heading h1 {
        margin: 0; } }
    @media only screen and (min-width: 768px) {
      .nutrients .section-heading {
        margin-top: 30px; } }
  @media only screen and (min-width: 992px) {
    .nutrients .left {
      padding-right: 50px; } }
  @media only screen and (min-width: 992px) {
    .nutrients .right {
      padding-left: 50px; } }

@media only screen and (min-width: 992px) {
  .nutrients-header {
    margin: 70px 0 30px; } }

.nutrients-table .title {
  font-size: 18px;
  font-weight: 600;
  margin: 30px 0 15px; }
@media only screen and (min-width: 992px) {
  .nutrients-table .table {
    margin-bottom: 15;
    border: 1px solid #ddd; } }
.nutrients-table .table tr > td {
  font-size: 15px; }
.nutrients-table .table tr > th, .nutrients-table .table tr > td strong {
  font-size: 15px; }
.nutrients-table .table tr > td, .nutrients-table .table tr > th {
  padding: 5px 15px; }
  .nutrients-table .table tr > td:last-child, .nutrients-table .table tr > th:last-child {
    text-align: right; }
  @media only screen and (min-width: 768px) {
    .nutrients-table .table tr > td, .nutrients-table .table tr > th {
      width: 50%; } }
.nutrients-table .table > thead > tr > th {
  border-bottom: 1px solid #ddd; }

span.sub-cat {
  display: inline-block;
  margin-left: 20px; }

.cow-detail {
  padding: 50px 0 0; }
  @media only screen and (min-width: 768px) {
    .cow-detail {
      padding: 70px 0 0; } }
  .cow-detail .section-heading {
    margin-top: 0px;
    margin-bottom: 20px; }
    @media only screen and (max-width: 767px) {
      .cow-detail .section-heading {
        margin-bottom: 15px; }
        .cow-detail .section-heading h1 {
          margin: 0; } }
  .cow-detail .cow-detail-img {
    width: 100%;
    margin-bottom: 30px;
    margin-top: 0px; }
    @media only screen and (max-width: 767px) {
      .cow-detail .cow-detail-img {
        max-width: 300px;
        margin: 0 auto 30px;
        display: block; } }
  @media only screen and (min-width: 768px) {
    .cow-detail .right {
      padding-left: 60px; } }
  .cow-detail .right ul {
    list-style: square; }

.request-form .form-control {
  border-radius: 0;
  box-shadow: none;
  outline: none;
  height: auto;
  font-size: 15px;
  background: #f5f5f5;
  border: 0;
  border-bottom: 1px solid #ddd;
  padding: 7px 15px; }
  .request-form .form-control:focus {
    border-color: #ffc245; }
.request-form .section-heading p {
  margin-top: 0; }
.request-form .form-horizontal {
  margin-top: 50px; }
  .request-form .form-horizontal .flx-align-items {
    margin-bottom: 30px; }
  .request-form .form-horizontal .title {
    font-size: 20px;
    color: #000;
    font-weight: 600;
    margin: 0; }
    @media only screen and (min-width: 992px) {
      .request-form .form-horizontal .title {
        border-right: 1px solid #ddd;
        padding: 20px 15px 20px 0;
        margin-right: 15px; } }
  .request-form .form-horizontal label {
    font-weight: normal;
    padding: 7px 15px; }
    @media only screen and (min-width: 992px) {
      .request-form .form-horizontal label {
        padding-left: 30px; } }
  .request-form .form-horizontal .btn-success {
    margin-top: 0; }

/**/
@media only screen and (min-width: 992px) {
  .flx-align-items {
    align-items: center; } }

section.home-why-choose {
  padding: 50px 0; }
  section.home-why-choose .why-choose-gird .why-choose-thumbnail {
    padding: 30px 20px;
    color: #000;
    margin-bottom: 30px;
    background-image: none !important;
    background: #fff;
    border-radius: 3px;
    box-shadow: 0 7px 20px #ccc; }
    section.home-why-choose .why-choose-gird .why-choose-thumbnail .media-left {
      padding-right: 20px; }
    section.home-why-choose .why-choose-gird .why-choose-thumbnail .media-object {
      background: #ffc245;
      width: 60px; }
    section.home-why-choose .why-choose-gird .why-choose-thumbnail .media-heading {
      font-weight: 600; }
    @media only screen and (min-width: 768px) {
      section.home-why-choose .why-choose-gird .why-choose-thumbnail .media-text {
        min-height: 150px; } }
  @media only screen and (min-width: 768px) {
    section.home-why-choose .why-choose-gird .col-sm-6 {
      padding-left: 30px; }
      section.home-why-choose .why-choose-gird .col-sm-6:nth-child(2n-1) {
        padding-right: 30px;
        padding-left: 15px; } }

/* co-founder box design*/
.co-founder-thumbnails {
  padding: 20px;
  margin: 0 0 30px;
  border: 1px solid #ddd;
  /* box-shadow: 0 7px 20px #ccc;*/
  background: #fff; }
  .co-founder-thumbnails .flex {
    align-items: center; }
  .co-founder-thumbnails .co-founder-thumbnails-img img {
    max-width: 260px;
    width: 100%;
    margin: 0 auto 15px;
    display: block; }
    @media only screen and (min-width: 992px) {
      .co-founder-thumbnails .co-founder-thumbnails-img img {
        width: 220px;
        margin: 0; } }
  @media only screen and (min-width: 992px) {
    .co-founder-thumbnails .co-founder-thumbnails-tilte {
      text-align: center; } }
  .co-founder-thumbnails .co-founder-thumbnails-tilte h1 {
    font-size: 21px;
    margin: 0 0 10px;
    font-weight: 600;
    position: relative;
    padding-bottom: 10px; }
    .co-founder-thumbnails .co-founder-thumbnails-tilte h1:before {
      content: "";
      background: #ffc245;
      width: 50px;
      height: 2px;
      display: block;
      margin: 0 auto;
      position: absolute;
      left: 0;
      bottom: 0; }
      @media only screen and (min-width: 992px) {
        .co-founder-thumbnails .co-founder-thumbnails-tilte h1:before {
          left: calc(50% - 25px); } }
  .co-founder-thumbnails .co-founder-thumbnails-tilte > p {
    color: #555; }
  @media only screen and (min-width: 992px) {
    .co-founder-thumbnails .co-founder-thumbnails-content {
      padding-left: 30px; } }

/*new contact part 20-5-2019 add new design with img*/
.contact-form {
  padding: 15px 30px; }
  @media only screen and (min-width: 768px) {
    .contact-form {
      position: relative;
      z-index: 3; } }
  .contact-form h1 {
    font-weight: 500;
    color: #fff; }
  .contact-form .form-group {
    margin: 0 0 15px; }
  .contact-form .form-control {
    border: none;
    border-radius: 0;
    padding: 7px 0;
    font-size: 15px;
    background-color: #f5f5f5;
    height: auto;
    box-shadow: none;
    border-bottom: 1px solid #ddd; }
  .contact-form .btn-primary {
    background: #3aa849;
    border: 0;
    padding: 7px 30px;
    text-transform: uppercase;
    font-weight: 600;
    outline: none;
    margin: 10px 0; }

.contact-form-box-title {
  padding: 30px 15px; }
  @media only screen and (min-width: 768px) {
    .contact-form-box-title {
      padding: 60px 15px; } }
  .contact-form-box-title h1 {
    font-size: 30px;
    margin-bottom: 30px; }
  .contact-form-box-title p {
    font-size: 18px;
    line-height: 1.7; }

.contact-detail .contact-img {
  max-width: 200px;
  margin: auto;
  border: 3px solid #fff;
  margin-bottom: 15px;
  margin-top: -30px;
  padding: 0;
  border-radius: 1px;
  box-shadow: 0 7px 27px #ccc; }
  @media only screen and (min-width: 768px) {
    .contact-detail .contact-img {
      max-width: 100%; } }
  .contact-detail .contact-img img {
    width: 100%; }
.contact-detail .contact-info {
  padding: 30px 30px 15px; }
  .contact-detail .contact-info li {
    margin-bottom: 15px; }
    .contact-detail .contact-info li i {
      width: 30px;
      height: 30px;
      border: 2px solid #ffc245;
      text-align: center;
      color: #ffffff;
      font-size: 18px;
      border-radius: 50%;
      line-height: 30px;
      margin-right: 15px;
      background: #ffc245; }
.contact-detail .contact-detail-content {
  position: relative;
  padding-top: 30px;
  margin-bottom: 50px; }
  .contact-detail .contact-detail-content:before {
    content: "";
    display: block;
    background: #f5f5f5;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 30px;
    position: absolute; }
    @media only screen and (min-width: 768px) {
      .contact-detail .contact-detail-content:before {
        width: calc(100% - 50px);
        left: 50px; } }

/*# sourceMappingURL=style.css.map */