 /*CSS Document */

/* 
    Created on   : 08/09/2017. 
    Theme Name   : Farmfresh.
    Description  : Farm Fresh - Organic Food & Eco Farm HTML Template.
    Version      : 1.0.
    Author       : @Unifytheme.
    Developed by : @Unifytheme.
   
*/

/* ------------------------------------------ */
/*             TABLE OF CONTENTS
/* ------------------------------------------ */
/*   01 - Loading Transition  */
/*   02 - Global stlye  */
/*   03 - Theme Main Header  */
/*   04 - Theme Main Menu */
/*   05 - Theme Main Banner */
/*   06 - Sample-section */
/*   07 - Farm Fresh Section  */
/*   08 - Counter Number Section  */
/*   09 - sale day Section  */
/*   10 - Product Section  */
/*   11 - Testimonial Section  */
/*   12 - Latest News Section  */
/*   13 - partners section  */
/*   14 - Firm-farmers Section  */
/*   15 - Footer  */
/*   16 - inner page Banner  */
/*   17 - about us section  */
/*   18 - about-us-vs2 section  */
/*   19 - gallary section  */
/*   20 - shop section */
/*   21 - contact section  */
/*   22 - Error-section  */

/**
* Importing necessary  Styles.
**/
@import url('https://fonts.googleapis.com/css?family=Lato:400,700|PT+Sans:700|Pacifico');
/*----bootstrap css ----- */
@import url('../resource/bootstrap/css/bootstrap.min.css');
/*----hover css ----- */
@import url('../resource/hover.css');
/*----camera-slider---*/
@import url('../resource/Camera-master/css/camera.css');
/*----animation css---*/
@import url('../resource/WOW-master/css/libs/animate.css');
/*----flaticone---*/
@import url('../resource/my-icons-collection/font/flaticon.css');
/*----font awesome -------*/
@import url('../resource/font-awesome/css/font-awesome.min.css');
/*----owl-carousel css----*/
@import url('../resource/OwlCarousel/dist/assets/owl.carousel.min.css');
@import url('../resource/OwlCarousel/dist/assets/owl.theme.default.min.css');
/*----------- Fancybox css -------*/
@import url('../resource/fancybox/dist/jquery.fancybox.min.css');

/*** 

====================================================================
  Loading Transition
====================================================================

 ***/
#loader-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 999999;
  background: #fff;
  overflow: hidden;
}
#loader {
  background: url(../images/1.gif);
  width: 64px;
  height: 64px;
  position: relative;
  top: 50%;
  margin: -32px auto 0 auto;
}

/*==================== Click Top ====================*/
.scroll-top {
  width:40px;
  height:40px;
  position: fixed;
  bottom: 5px;
  right: 10px;
  z-index: 99;
  text-align: center;
  color:#fff;
  background: #19c40c;
  font-size: 30px;
  display: none;
}
.scroll-top:after {
  position: absolute;
  z-index: -1;
  content: '';
  top: 100%;
  left: 5%;
  height: 10px;
  width: 90%;
  opacity: 1;
  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 80%);
}
/*** 

/*______________________ Global stlye ___________________*/

 @font-face {
  font-family: 'font-awesome';
  src: url('../resource/font-awesome/fonts/fontawesome-webfont.ttf');
  src: url('../resource/font-awesome/fonts/FontAwesome.otf');
  src: url('../resource/font-awesome/fonts/fontawesome-webfont.eot'), /* IE9 Compat Modes */
         url('../resource/font-awesome/fonts/fontawesome-webfont.woff2') format('woff2'), /* Super Modern Browsers */
         url('../resource/font-awesome/fonts/fontawesome-webfont.woff') format('woff'), /* Pretty Modern Browsers */
           url('../resource/font-awesome/fonts/fontawesome-webfont.svg') format('svg'); /* Legacy iOS */
 }
body {
  font-family: 'Lato', sans-serif;
  font-size: 18px;
  font-weight: normal;
  color:#121212;
  margin:0;
  padding: 0;
  overflow-x:hidden !important;
}
.fakeh1{ h2 font-size: 58px; color: white;}
 h1,h2,h3,h4,h5,h6,p,ul { margin:0;padding: 0;}
 h1,h2 { font-family: 'Roboto', sans-serif; font-weight: 400;color: #121212;}
 h1 {font-size: 58px;}
 h2 {font-size: 38px;}
 h3 {font-size: 30px;}
 h4 {font-size: 28px;font-family: 'PT Sans', sans-serif; font-weight:700;color:#121212;}
 h5 {font-size: 22px;}
 h6 {font-size: 18px;}
 p  {font-size:16px;line-height: 28px;}
 ul {list-style-type: none;}
 a {text-decoration: none; display: inline-block;}
 a:hover,a:focus,a:visited {text-decoration: none; outline: none;}
 img {max-width: 100%; display: block;}
 button {border:none;outline: none;-webkit-box-shadow: none;box-shadow: none;display: block; padding: 0;}
 input,textarea,select,option {outline: none; -webkit-box-shadow: none; box-shadow: none;-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.float_left {
  float:left;
}
.float_right {
  float:right;
}
.clear_fix {
  clear:both;
}
.clear_fix:after {
  display: table;
  clear:both;
  content: '';
}
.images-hover{
  position: relative;
  overflow: hidden;
}
.blog-vs2-page .blog-images-categories .left-blog:hover .img img{
  -webkit-transform: scale3D(1.1,1.1,1);
          transform: scale3D(1.1,1.1,1);
          opacity: .5;
}
.tran3s,.main-container .theme-main-menu .navbar-nav>li>a,.sample-section .single-content:before,.sample-section .single-content .text h5,
.sample-section .single-content .text p,.best-sale .owl-best-sale .owl-prev,.testimonial .info_wrapper .brief-content h6,
.best-sale .owl-best-sale .owl-next,.categories-sidebar .left-about ul li a,.details-tab-text>ul>li,
#theme-main-banner .camera_prev:before,#theme-main-banner .camera_next:before {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.round-border{
  border-radius: 50px;
}
.testimonial .info_wrapper .brief-content:hover,footer h5:after,footer .bottom-footer form button,.farm-fresh h2:after,.counter-number,
.Organice-Product .gallery_item_wrapper .Product .value-info h6,.Organice-Product .gallery_item_wrapper .Product:hover,
.page_pagination li a.active,.page_pagination li a:hover,#theme-main-banner .camera_caption .container a.active,.sample-section .single-content:before,
.error-page .submit-section a:hover,.shop-details .right-side .clearfix ul li button,.shop-details .right-side .clearfix a {
  background-color: #19c40c;
}
.main-container .theme-main-menu .navbar-nav>li>a:hover,.home-page-vs2 .theme-main-menu .navbar-nav>li.active>a,.main-container .theme-main-menu .navbar-nav>li.active>a,.latest-news .latest-single-content:hover h4 a,footer .footer-logo h6 span,
footer .bottom-footer .float_left p a,footer .footer-Useful-Links li a:hover,footer .footer-Update .footer-News h6 a:hover,footer .footer-logo .footer-icon  li a:hover,.best-sale .owl-best-sale .owl-prev:hover i,
.best-sale .owl-best-sale .owl-next:hover i,.best-sale a,.inner-page-banner .opacity ul li span,.fresh-bottom .fresh-single-content h5 a:hover,.fresh-bottom .fresh-single-content a:hover,
.Organice-Product .gallery_item_wrapper .Product:hover .value-info h4 a,.theme-search-box form button span:hover,.blog-vs2-page .blog-images-categories .left-blog a:hover,.categories-sidebar .left-about ul li a:hover,
.categories-sidebar .single-recent-news:hover .post h6 a,.categories-sidebar .sidebar-recent-news .post p span,.imges-categories .text-blog p span,.error-page .error h2 span,.right-side ul li,
.home-page-vs2 .theme-main-menu .collapse .navbar-nav>li.active>a,.Organice-Product .mixitUp_menu ul li.active,#theme-main-banner .camera_prev:hover:before,#theme-main-banner .camera_next:hover:before{
  color: #19c40c;
}
/*** 
====================================================================
  Theme Main Header
====================================================================
 ***/
header {
  position: relative;
  background-color: #19c40c;
  padding:5px 0 0 0;
  z-index: 99;
}
header .address-list ul li,
header .social-icon ul li {
  display: inline-block;
  position: relative;
}
header .address-list ul li{
  font-weight: 400;
  font-size: 16px;
  vertical-align: middle;
  padding: 15px 25px 0 71px;
  color: #fff;
}
header .address-list ul li .icon{
  position: absolute;
  left:0px;
  top:0px;
  width: 55px;
  height: 55px;
  line-height: 50px;
  text-align: center;
  font-size: 60px; 
}
header .address-list ul li .icon .header-flat{
  font-size: 28px;
  display: block;
}
header .social-icon ul li a {
  line-height: 50px;
  font-size: 16px;
  margin-left: 20px;
  color:#fff;
}
header .social-icon ul li a:hover{
  color: #121212;
}
/*** 
====================================================================
  Theme Main Menu
====================================================================
 ***/
 header .main-container {background: #fff;position: relative;}
header .main-container.home-page-vs2{
  position: absolute;
  top: 100%;
  left:0;
  right: 0;
  z-index: 9999;
  border-radius: 0;
  margin: 0;
  border:none;
  background: transparent;
  border-bottom: 1px solid rgba(255,255,255,0.1)
}
.main-container .container{
  position: relative;
}
.main-container .logo {
  margin: 28px 0 10px 0;
}
.home-page-vs2 .theme-main-menu .collapse .navbar-nav>li>a {
  color: #fff;
  padding: 50px 0 40px 0;
}
.main-container .theme-main-menu .navbar-nav>li>a {
  text-transform: uppercase;
  position: relative;
  font-size: 16px;
  color: #121212;
  padding: 55px 0;
  margin-left: 45px;
  background: none;
}
.main-container .navbar-default{
  background-color: transparent;
  border:none;
  margin-bottom: 0;
}
.main-container .navbar-default .navbar-collapse{
  padding-right: 40px;
}
header .main-container .navbar-toggle {
  margin: 30px 0;
  border:none;
  border-radius: 0;
  color:#fff;
  font-size: 20px;
  padding: 3px 0 3px 15px;
  background: transparent !important;
}
header .navbar-toggle .icon-bar+.icon-bar {margin-top: 6px;}
.navbar-default .navbar-toggle .icon-bar {width: 28px;background: #19c40c;}
.main-container.home-page-vs2 .logo {margin: 20px 0 0 0;}
.main-container .search_option {
  position: relative;
}
.home-page-vs2 .container .search_option .search {
  color: #fff;
  margin-top: 50px;
}
.main-container.home-page-vs2  .search_option form.dropdown-menu {top:130%;}
.main-container .search_option .search {
  color:#272626;
  font-size: 16px;
  margin-top:55px;
  background-color: transparent;
}
.main-container .search_option .search:hover,
.main-container .search_option .search:focus {
  color:#19c40c;;
}
.main-container .search_option form.dropdown-menu {
  position: absolute;
  height: 55px;
  width: 280px;
  padding: 5px;
  border-radius: 0;
  right: 0;
  left: auto;
  top: 136px;
  font-size: 15px;
  border: none;
  float: none;
  margin: 0;
  background: #fff;
      -webkit-box-shadow: 0px 13px 20px -12px rgba(0,0,0,0.10);
    box-shadow: 0px 13px 20px -12px rgba(0,0,0,0.10);
}
.main-container .search_option form input {
  width:100%;
  height:100%;
  background: transparent;
  border:1px solid rgba(0,0,0,0.1);
  padding: 0 49px 0 10px;
}
.main-container .search_option form button {
  display: block;
  width:48px;
  background: #19c40c;
  color:#fff;
  border:1px solid #fff;
  border-left:none;
  line-height: 45px;
  text-align: center;
  position: absolute;
  top:4px;
  right:5px;
}
.main-container .navbar-default .navbar-nav>.active>a:hover{
  background: none;
} 
/*=================== Sub Menu ==============*/
.theme-main-menu .navbar-nav>li.dropdown-holder .sub_menu {
  position: absolute;
  left: 0;
  top:80%;
  width:220px;
  background: #19c40c;
  opacity: 0;
  visibility: hidden;
  margin-top: 0px;
  -webkit-box-shadow: 0px 13px 20px -12px rgba(0,0,0,0.10);
  box-shadow: 0px 13px 20px -12px rgba(0,0,0,0.10);
  -webkit-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
}
.theme-main-menu .navbar-nav>li.dropdown-holder:hover .sub_menu {
  opacity: 1;
  visibility: visible;
  top:100%;
}
.theme-main-menu .navbar-nav>li.dropdown-holder .sub_menu li a {
  font-size: 15px;
  color:#fff;
  line-height: 44px;
  display: block;
  padding: 0 0 0 14px;
  position: relative;
  border-bottom: 1px solid rgba(255,255,255,0.2);
  z-index: 9;
  text-transform: capitalize;
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}
.theme-main-menu .navbar-nav>li.dropdown-holder .sub_menu li:last-child a {
  border:none;
}
.theme-main-menu .navbar-nav>li.dropdown-holder .sub_menu li a:hover {
  color:#19c40c;
  background-color: #fff; 
}
.theme-main-menu .navbar-nav>li.dropdown-holder .fa {
  display: none;
  position: absolute;
  top:0;
  right:0;
  cursor: pointer;
  line-height: 46px;
  cursor: pointer;
  color:#121212;
  text-align: center;
  width: 55px;
  font-size: 20px;
  border-left: 1px solid rgba(0,0,0,0.05)
}
/*================= Sticky Menu ===============*/
@-webkit-keyframes menu_sticky {
  0%   {margin-top:-120px;opacity: 0;}
  50%  {margin-top: -64px;opacity: 0;}
  100% {margin-top: 0;opacity: 1;}
}
@keyframes menu_sticky {
  0%   {margin-top:-120px;opacity: 0;}
  50%  {margin-top: -64px;opacity: 0;}
  100% {margin-top: 0;opacity: 1;}
}
header .main-container.fixed {
  position: fixed !important;
  border-bottom: none;
  width:100%;
  top:0;
  left:0;
  z-index: 999;
  background: rgba(255,255,255,1);
  -webkit-animation-name: menu_sticky;
          animation-name: menu_sticky;
  -webkit-animation-duration: 0.60s;
          animation-duration: 0.60s;
  -webkit-animation-timing-function: ease-out;
          animation-timing-function: ease-out;
  -webkit-box-shadow: 0px 13px 20px -12px rgba(0,0,0,0.10);
  box-shadow: 0px 13px 20px -12px rgba(0,0,0,0.10);
}
.main-container.fixed.home-page-vs2 {background: rgba(21,21,21,0.9);}
.main-container.fixed.home-page-vs2 .logo,header .main-container.fixed .logo {margin: 5px 0 0 0;}
.main-container.fixed.home-page-vs2 .theme-main-menu .collapse .navbar-nav>li>a,
header .main-container.fixed .theme-main-menu .navbar-nav>li>a {padding: 32px 0;}
.main-container.fixed.home-page-vs2 .container .search_option .search,
header .main-container.fixed .search_option .search {margin-top: 31px;}
header .main-container.fixed .search_option form.dropdown-menu {top: 88px;}
/*** 
====================================================================
  Theme Main Banner
====================================================================
 ***/
.camera_wrap {
  float:none;
  text-align: center;
}
.home-page-vs2.camera_wrap{
  float:none;
  text-align: left;
}
#theme-main-banner .camera_overlayer {
  content: '';
  position: absolute;
  top:0;
  left:0;
  right: 0;
  bottom: 0;
  background: rgba(1,6,0,.7);
}
.home-page-vs2 .camera_overlayer{
  background: rgba(1,6,0,.65);
}
#theme-main-banner.camera_wrap .camera_pag .camera_pag_ul {
  position: absolute;
  width: 100%;
  text-align: center;
  bottom: 25px;
  left:0;
}
#theme-main-banner .camera_prev:hover, #theme-main-banner .camera_next:hover {
  background: rgba(30,31,50,0.5);
}
#theme-main-banner .camera_prev > span,#theme-main-banner .camera_next > span {
  display: none;
}
#theme-main-banner .camera_prev:before,#theme-main-banner .camera_next:before {
  position: absolute;
  top:0;
  left:0;
  font-family: 'font-awesome';
  font-size: 32px;
  color:#fff;
  background: transparent;
}
.camera_prevThumbs, .camera_nextThumbs, .camera_prev, .camera_next, .camera_commands, .camera_thumbs_cont {background: transparent !important;}
#theme-main-banner .camera_prev:before {
  content: '';
}
#theme-main-banner .camera_next:before {
  content: '';
}
#theme-main-banner.camera_wrap .camera_pag .camera_pag_ul li {
  width: 8px;
  height: 15px;
  margin: 0 5px;
  background: #8f8e93;
  border-radius: 0;
}
#theme-main-banner.camera_wrap .camera_pag .camera_pag_ul li span {
  display: none;
}
#theme-main-banner.camera_wrap .camera_pag .camera_pag_ul li.cameracurrent {
  background: #fff;
  -webkit-transform: scale(1,1.6);
          transform: scale(1,1.6);
}
#theme-main-banner .camera_caption {
  height: 100%;
}
#theme-main-banner .camera_caption>div {
  background: transparent;
  position: absolute;
  width: 100%;
  z-index: 1;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  text-shadow: none;
  left: 0;
  padding: 0;
}
#theme-main-banner .camera_caption .container.align-center {
  text-align: center;
}
#theme-main-banner .camera_caption .container.align-right {
  text-align: right;
}
#theme-main-banner .camera_caption .container h1,
#theme-main-banner .camera_caption .container p,
#theme-main-banner .camera_caption .container a,
#theme-main-banner .camera_caption .container h3{
  color:#fff;
}
#theme-main-banner .camera_caption .container h3{
  font-weight: normal;
  text-transform: none;
  line-height: 81px;
  margin:10px 0 90px 0;
}
#theme-main-banner .camera_caption .container h1 {
  line-height: 70px;
}
#theme-main-banner .camera_caption .container p {
  text-transform: none;
  line-height: 28px;
  margin: 27px 0 40px 0;
}
#theme-main-banner .camera_caption .container a {
  width: 200px;
  font-size: 16px;
  text-transform: uppercase;
  border: 1px solid #fff;
  margin-right: 20px;
  line-height: 53px;
  text-align: center;
}
#theme-main-banner .camera_caption .container a:hover,
#theme-main-banner .camera_caption .container a.active {
  border: 1px solid #19c40c;
}
#theme-main-banner .camera_caption.center {
  text-align: center;
}
#theme-main-banner .camera_caption.center .container a {
  margin: 0 10px;
}
/*** 
====================================================================
  Sample-section
====================================================================
 ***/
.sample-section{
  position: relative;
  text-align: center;
  border-bottom: 1px solid #d0d0d0;
}
.sample-section .single-content img {
  margin: 0 auto;
}
.sample-section .single-content .text {
   margin-top: -3px; 
}
.sample-section .single-content .text h5,.sample-section .single-content .text p {
  color: #121212;
  line-height: 81px;
}
.sample-section .single-content .text p{
  color: rgba(18,18,18,0.7);
  margin-top: -45px;
}
.sample-section .single-content {position: relative;z-index: 9;  margin-top: 20px;}
.sample-section .single-content:before {
  content: '';
  top:0;
  left:0;
  right: 0;
  height: 0;
  position: absolute;
  z-index: -1;
}
.sample-section .single-content:hover:before {height: 100%;}
.sample-section .single-content:hover h5,.sample-section .single-content:hover p {
 color: #fff;
}
/*** 
====================================================================
  Farm Fresh Section
====================================================================
 ***/
.farm-fresh{
  position: relative;
}
.home-page-vs2 .fresh-section{
  text-align: center;
  margin: -20px 0 120px 0;
} 
.home-page-vs2 .fresh-section h6{
  margin-top: 25px;
}
.home-page-vs2 .fresh-section img{
  left: 50%;
  position: relative;
  margin-top: 0;
  margin-bottom: 50px;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  -webkit-translateX(-50%);
}
.farm-fresh h2{
  line-height: 81px;
  margin: 118px 0 0 0;
  position: relative;
}
.farm-fresh h2:after {
  content: '';
  width: 80px;
  height: 2px;
  position: absolute;
  bottom: 0;
  left: 0;
}
.home-page-vs2 .fresh-section h2:after{
  position: absolute;
  content: '';
  width: 80px;
  height: 2px;
  background-color: #19c40c;
  top: 90px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  -webkit-translateX(-50%);
}
.farm-fresh h6{
  line-height: 35px;
  opacity: 0.7;
  margin: 15px 0 30px 0;
}
.farm-fresh .container>h6 {margin-bottom: 100px;}
.farm-fresh img{
  margin: 155px 0 150px 0;
}
.farm-fresh a {
  width: 195px;
  line-height: 50px;
  color: #fff;
  border: 1px solid #19c40c;
  background: #19c40c;
  text-align: center;
  font-size: 16px;
}

/*** 
====================================================================
 Counter Number Section
====================================================================
 ***/
.counter-number{
  position: relative;
  padding: 95px 0 90px 0; 
}
.counter-number .counter-box h6{
  color: #fff;
  font-size: 20px;
}
.counter-number .counter-box i{
  font-size: 70px;
  color: #fff;
  margin: -13px 7px 0 0px;
}
.counter-number .counter-box .number{
  color: #fff;
  font-size: 50px;
  font-weight: 700;
}
.homepage-vs2-counter{
  background:url(../images/inner-page/counter.jpg) no-repeat center;
  background-size: cover;
  background-attachment: fixed;
  position: relative;
  padding: 0;
}
.homepage-vs2-counter .opacity{
   background: rgba(25,196,12,0.90);
   padding: 95px 0 80px 0;
}
/*** 
====================================================================
 sale day Section
====================================================================
 ***/
.best-sale{
  text-align: center;
  position: relative;
}
.best-sale h2{
  line-height: 81px;
  margin-top: 128px;
  position: relative;
}
.best-sale h6{
  line-height: 35px; 
  opacity:0.7;
  margin: 35px 0 90px 0;
}
.best-sale .owl-best-sale .owl-prev,
.best-sale .owl-best-sale .owl-next {
  background-color: #fff;
  color: #000;
  width: 40px;
  height: 40px;
  line-height: 40px;
  border-radius: 50%;
  border: 1px solid #212121;
  padding: 0;
  margin: 0 6px;
}
.best-sale .owl-best-sale .owl-nav {
  position: absolute;
  margin: 0;
  width: 100%;
  left:0;
  top:-50px;
}
.best-sale .owl-best-sale .owl-prev:hover,.best-sale .owl-best-sale .owl-next:hover {
  border: 1px solid #19c40c;
  background-color: #fff;
}
.best-sale a {
  width: 195px;
  line-height: 50px;
  border: 1px solid #19c40c;
  background: #19c40c;
  color: #fff;
  text-align: center;
  font-size: 16px;
  margin: 15px 0 100px 0;
}
/*** 
====================================================================
 Product Section
====================================================================
 ***/
.Organice-Product{
  text-align: center;
  position: relative;
  margin-bottom: 120px;
}
.mix {display: none;}
.homepage-vs2-Product{
  margin: 120px 0 -60px 0;
}
.homepage-vs2-best{
  margin-top: -50px;
}
.Organice-Product h2{
  position: relative;
  margin-bottom: 87px;
}
.Organice-Product .mixitUp_menu ul li {
  display: inline-block;
  font-size: 18px;
  line-height: 50px;
  cursor:pointer;
  position: relative;
  text-align: center;
  padding: 0 30px;
  margin-bottom: 60px;
}
.Organice-Product .gallery_item_wrapper .Product{
  background-color: #e9e8e8;
  margin-bottom: 30px;
  position: relative;
  overflow: hidden; 
}
.Organice-Product .gallery_item_wrapper .Product img{
  position: relative;
  margin: 0 auto;
}
.Organice-Product .gallery_item_wrapper .Product:before{
  content: '';
  position: absolute;
  width: calc(100% + 120px);
  height: 130%;
  background: #f8f8f8;
  border-radius: 50%;
  left: -60px;
  top: -160px;
}
.Organice-Product .gallery_item_wrapper .Product ul li a{
  position: relative; 
  top: 15px;
  line-height: 40px;
  width: 70px;
  background-color: #e9e8e8;
  color: #abb3ab;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
.Organice-Product .gallery_item_wrapper .Product ul li a:hover{
  color: #fff;
}
.Organice-Product .gallery_item_wrapper .Product ul li .float_left{
  margin-left: 10px;
}
.Organice-Product .gallery_item_wrapper .Product ul li .float_right{
  margin-right: 10px;
}
.Organice-Product .gallery_item_wrapper .Product .value-info h4 a{
  color: #121212;
  font-size: 22px;
  line-height: 30px;
  font-weight: 700;
  margin-bottom: 85px;
  position: relative;
}
.Organice-Product .gallery_item_wrapper .Product .value-info h6{
  font-size: 18px;
  line-height: 30px;
  font-weight: 700;
  text-align: center;
  width: 90px;
  color: #fff;
  position: relative;
  bottom: 60px;
  margin: 0 auto;
}
.Organice-Product #mixitup_list .mix{
  margin-bottom: 0px;
}
.theme-product-slider .item {margin: 0 15px;}
/*** 
====================================================================
 Testimonial Section
====================================================================
 ***/
 .testimonial{
  background:url(../images/inner-page/testimonial-home.jpg) no-repeat center;
  background-size: cover;
  background-attachment: fixed;
  position: relative;
}
.testimonial .opacity {
  background: rgba(0,0,0,0.75);
}
.testimonial .main_title h2 {
  text-align: center;
  color: #fff;
  line-height: 81px;
  margin-top: 73px;
  position: relative;
} 
.testimonial .opacity .main_title h2:after, 
.latest-news .latest-title h2:after,.best-sale h2:after,.Organice-Product h2:after{
  position: absolute;
  content: '';
  width: 80px;
  height: 2px;
  background-color: #19c40c;
  top: 90px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  -webkit-translateX(-50%);
}
.testimonial .info_wrapper .brief-content{
  background: #ffffff;
  text-align: center;
  position: relative;
    -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; 
}
.testimonial .info_wrapper{
  margin: 67px 0;
}
.testimonial .info_wrapper .name{
  color: #fff;
  margin-left: 110px;
  text-align: center;
}
.testimonial .info_wrapper .name h6{
  line-height: 81px;
  font-weight: 700;
}
.testimonial .info_wrapper .name span{
  font-size: 14px;
  line-height: 81px;
  font-weight: 400;
  margin-top: -45px;
  display: block;
}
.testimonial #testimonial-slider{
  position: relative;
} 
.testimonial #testimonial-slider .item img{
  height: auto;
  width: auto;
  display: inline;
  position: absolute;
  top: 65px;
  left: 0px;
  border-radius: 50%;
}
.testimonial .info_wrapper .brief-content:before {
  position: absolute;
  content: '';
  height: 0;
  width: 0;
  border: 0px solid transparent;
  border-bottom-color: #fff;
  border-width: 0px 15px 18px 0px;
  left: 60px;
  top: -18px;
   -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; 
}
.testimonial .info_wrapper .brief-content:hover:before{
  border-bottom-color: #19c40c;
}
.testimonial .info_wrapper .brief-content h6{
  color: #000000;
  opacity: 0.7;
  line-height: 30px;
  padding: 60px 15px 90px 55px; 
}
.testimonial .info_wrapper .brief-content span:nth-child(2){
  width: 20px;
  height: 20px;
  background-color: #e8e5e5;
  position: absolute;
  top: 170px;
  left: 40px;
}
.testimonial .info_wrapper .brief-content span:nth-child(3){
  width: 20px;
  height: 20px;
  background-color: #e8e5e5;
  position: absolute;
  top: 170px;
  left: 75px;
}
.testimonial .info_wrapper .brief-content span:nth-child(2):after{
  position: absolute;
  content: '';
  height: 0;
  width: 0;
  border: 0px solid transparent;
  border-top-color: #e8e5e5;
  border-width: 18px 20px 0px 0px;
  left: 0px;
  top: 20px;
}
.testimonial .info_wrapper .brief-content span:nth-child(3):after{
  position: absolute;
  content: '';
  height: 0;
  width: 0;
  border: 0px solid transparent;
  border-top-color: #e8e5e5;
  border-width: 18px 20px 0px 0px;
  left: 0px;
  top: 20px;
}
.testimonial .info_wrapper .brief-content:hover h6{
  color: #ffffff;
  opacity: 1;
}
/*** 

====================================================================
  Latest News Section
====================================================================
 ***/
.latest-news{
  position: relative;
  text-align: center;
 }
 .latest-news .latest-title h2{
  line-height: 81px;
  margin: 105px 0 75px 0;
  position: relative;
}
.latest-news .latest-single-content h4 a{
  font-size: 28px;
  font-weight: 700;
  line-height: 30px;
  color: #121212;
  font-family: 'PT Sans', sans-serif;
  margin: 45px 0 10px 0;
}
.latest-news .latest-single-content .news-single-content p:nth-child(3){
  opacity: 0.7;
  padding: 15px 0 45px 0;
  border-bottom: 2px solid #d9d6d6;
}
.latest-news .latest-single-content  img {margin: 0 auto;}
.latest-news .latest-single-content:hover p:nth-child(3){
  border-bottom: 2px solid #19c40c;
}

/*** 

====================================================================
 partners section
====================================================================

 ***/
.partners-section {
  position: relative;
  text-align: center;
}
.partners-section .owl-partners .item{
  line-height:140px;
  margin: 105px 0px 95px 0px;
}
.partners-section .owl-partners .item>img{
  height: auto;
  width: auto;
  display: inline;
}

/*** 
====================================================================
Firm-farmers Section
====================================================================
 ***/
.firm-farmers {
  margin: 120px 0 -10px 0;
  position: relative;
}
.firm-farmers .farmers-box h2{
  margin-bottom: 60px;
  position: relative;
  display: inline-block;
}
.firm-farmers .item {
  margin: 15px;
  display: block;
}
.firm-farmers .farmers-img {
  overflow: hidden;
  position: relative;
}
.firm-farmers .item img {
  display: block;
  width: 100%;
  height: auto;
}
.firm-farmers .farmers-box h2:after{
  position: absolute;
  content: '';
  width: 80px;
  height: 2px;
  background-color: #19c40c;
  bottom: -20px;
  left: 50%;
  -webkit-transform:translateX(-50%);
          transform:translateX(-50%);
}
.farmers-hover {
  position: absolute;
  top:0;
  left:0;
  right: 0;
  bottom: 0;
  background-color: rgba(25,196,12,0.76);
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
  -webkit-transform: scale(0.9);
          transform: scale(0.9);
  opacity: 0;
}
.farmers-opacity {
  width: 100%;
  height: 100%;
  position: absolute;
}
.farmers-hover-text {
  z-index: 2;
  position: absolute;
  text-align: center;
  left: 0;
  top:50%;
  width: 100%;
  opacity: 0;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
  visibility: hidden;
  display: block;
}
.farmers-img:hover .farmers-hover-text {
  opacity: 1;
  visibility: visible;
}
.farmers-hover-text h3{
  color: #fff;
}
.farmers-img:hover .farmers-hover {
  z-index: 2;
  opacity: 1;
  visibility: visible;
  -webkit-transform: scale(1);
          transform: scale(1);
}
.featured-hov-text h3 {
  color: #fff;
  font-weight: 700;
  font-size: 15px;
  font-family: 'Roboto', sans-serif;
}
.farmers-icon {
  z-index: 2;
  left:0;
  top:50%;
  position: absolute;
  width:100%;
  text-align: center;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
  opacity: 0;
  visibility: hidden;
  margin-top:40px;
}
.farmers-img:hover .farmers-icon {
  opacity: 1;
  visibility: visible;
}
.farmers-icon i{
  color: #fff;
  font-size: 20px;
  margin-right: 20px;
}
.farmers-opacity:after{
  content: '';
  border-top: 1px solid #fff;
  border-left: 1px solid #fff;
  width: 20px;
  height: 20px;
  position: absolute;
  top: -30px;
  left: -30px;
  -webkit-transition: all 0.4s linear;
  transition: all 0.4s linear;
  -webkit-transition-delay: 0.3s;
          transition-delay: 0.3s;
  opacity: 0;
}

.farmers-opacity:before{
  content: '';
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  width: 20px;
  height: 20px;
  position: absolute;
  bottom: -30px;
  right: -30px;
  -webkit-transition: all 0.4s linear;
  transition: all 0.4s linear;
  -webkit-transition-delay: 0.3s;
          transition-delay: 0.3s;
}
.farmers-img>img{
  -webkit-transition: all 0.4s linear;
  transition: all 0.4s linear;
}
.farmers-img:hover .farmers-opacity{
  opacity: 0.9;
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
.farmers-img:hover .farmers-opacity:after{
  top: 20px;
  left: 20px;
  opacity: 1;
}
.farmers-img:hover .farmers-opacity:before{
  bottom: 20px;
  right: 20px;
  opacity: 1;
}
.farmers-img:hover>img{
  -webkit-transform: scale3d(1.1,1.1,1);
          transform: scale3d(1.1,1.1,1);
}

/*** 
====================================================================
 footer section
====================================================================

 ***/
footer{
  background-color: #090202;
  padding-top: 80px;
}
footer p,footer input,footer button{
  color: white;
}
footer h6,footer .footer-Update .footer-News h6 a{
  font-size: 16px;
  line-height: 26px;
  color: rgba(255,255,255,0.75);
}
footer h5{
  line-height: 26px;
  color: #fff;
  position: relative;
  margin-bottom: 22px;
  padding-bottom: 15px;
}
footer h5:after{
  content: '';
  width: 35px;
  height: 2px;
  position: absolute;
  bottom: 0;
  left:0;
}
footer .footer-logo h6{
  margin:22px 0 45px 0;
  font-size: 14px;
  color: rgba(255,255,255,0.75);
}
footer .footer-logo .footer-icon  li,
footer .footer-logo .footer-featured  li{
  display: inline-block; 
}
footer .footer-logo .footer-icon  li a{
  line-height: 50px;
  font-size: 16px;
  text-align: center;
  color: #fff;
  margin:0 20px 40px 0;
}
footer .footer-logo .footer-featured li a {
  color: rgba(255,255,255,0.5);
  padding-right: 15px;
  font-size: 16px;
}
footer .footer-logo .footer-featured li {line-height: 20px;}
footer .footer-logo .footer-featured li:last-child {
  border-left:1px solid #a6a6a6;
  padding-left: 18px;
}
footer .footer-logo .footer-featured li a:hover {color: #fff;}
footer .footer-Useful-Links{
  padding-left: 69px;
}
footer .footer-Useful-Links ul {
  display: inline-block;
  vertical-align: top;
}
footer .footer-Useful-Links ul li a {
  color: rgba(255,255,255,0.75);
  font-size: 15px;
  line-height: 40px;
}
footer .footer-Useful-Links ul:nth-child(3) {
  padding-left: 70px;
}
footer .footer-Update {
  padding-left: 61px;
}
footer .footer-Update div{
  position: relative;
}
footer .footer-Update div:nth-child(2):after{
  content: '';
  position:absolute;
  height: 1px;
  width: 245px;
  background-color: #21222b; 
  top:110px;
}
footer .footer-Update .footer-News p{
  margin: 10px 0 52px 0;
  font-size: 15px;
  line-height: 26px;
  color: rgba(255,255,255,0.6);
}
/*================= Bottom Footer  ===============*/
footer .bottom-footer{
  background-color: #0c0a0a;
  margin-top: 72px;
  padding: 26px 0;
}
footer .bottom-footer .float-left p{
  font-size: 16px;
  line-height: 40px;
  color: #fff;
  opacity: 0.6;
} 
footer .bottom-footer form {
  position: relative;
  height: 50px;
}
footer .bottom-footer form input {
  width: 100%;
  height: 100%;
  border:none;
  color: #fff;
  background: #16161c;
  padding: 0px 165px 0 15px;
}
footer .bottom-footer form button {
  position: absolute;
  width: 155px;
  height:80%;
  font-size: 16px;
  color:#fff;
  top: 5px;
  right: 5px;
}

/*** 
====================================================================
 inner page Banner
====================================================================
 ***/
.inner-page-banner {
  background: url(../images/inner-page/innerpage.jpg) no-repeat center;
  background-size: cover;
}
.inner-page-banner-vs2{
  background: url(../images/inner-page/innerpage2.jpg) no-repeat center;
  background-size: cover;
}
.inner-page-banner .opacity {
  background: rgba(0,0,0,0.57);
  padding: 150px 0 18px 0;
}
.inner-page-banner .opacity h3 {
  font-size: 45px;
  line-height: 81px;
  color: #fff;
  text-align: center;
  text-transform: capitalize;
  margin: 0 0 105px 0; 
  font-weight: 700;
}
.inner-page-banner .opacity ul{
  text-align: right;
}
.inner-page-banner .opacity ul li {
  display: inline-block;
  font-size: 18px;
  color: #fff;
  line-height: 30px;
  margin-right: 4px;
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: 400;
}
.inner-page-banner .opacity ul li a{
  color: #fff;
}

/*** 
====================================================================
 about us section
====================================================================
 ***/
.about-us-best a{
  margin-bottom: 0;
}
.about-us-fresh img{
  margin-bottom: 60px;
}
.about-us-fresh h6:nth-child(3){
  margin-bottom: 110px;
}

/*** 
====================================================================
 about-us-vs2 section
====================================================================
 ***/
 .fresh-bottom {
  text-align: center;
  position: relative;
 }
  .fresh-bottom .fresh-single-content {margin-top: 35px;}
 .fresh-bottom .fresh-single-content img {
  left: 50%;
  position: relative;
  margin-top: 0;
  margin-bottom: -65px;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  -webkit-translateX(-50%);
 }
.fresh-bottom .fresh-single-content span{
  background-color: #d6ebd5;
  display: inline-block;
  height: 95px;
  width: 200px;
}
.fresh-bottom .fresh-single-content h5 a{
  font-size: 20px;
  line-height: 35px;
  color: #121212;
  font-weight: 700;
  margin: 15px 0 25px 0;
}
.fresh-bottom .fresh-single-content p{
  padding: 0 30px; 
}
.fresh-bottom .fresh-single-content a{
  font-size: 16px;
  line-height: 35px;
  color: #121212;
  margin: 10px 0 -20px 0;
}
.homepage-farmers{
  margin: 70px 0 105px 0;
}

/*** 
====================================================================
gallary section
====================================================================
 ***/
.gallery-section {
  margin: 150px 0 0 0;
}
.gallery_item_wrapper .single-project {
  overflow: hidden;
  margin-bottom: 30px;
}
.gallery_item_wrapper .single-project .img {
  position: relative;
}
.gallery_item_wrapper .single-project .img img {
  width: 100%;
  -webkit-transition: all .5s ease-in-out;
          transition: all .5s ease-in-out;
}



.gallery-section-vs3 .gallery_item_wrapper .single-project:hover .img .opacity{
  top: 0;
}
.gallery_item_wrapper .single-project:hover .img .opacity {
  top:0;
}
.gallery_item_wrapper .single-project .img ul {
  position: absolute;
  z-index: 9;
  bottom: 20px;
  right: 0;
}
.gallery_item_wrapper .single-project .img ul li {
  font-size: 18px;
  margin: 6px 18px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-transform: translateX(50px);
          transform: translateX(50px);
}
.gallery_item_wrapper .single-project .img ul li a {color: #fff;}
.gallery_item_wrapper .single-project:hover .img ul li {
  -webkit-transform: translateX(0);
          transform: translateX(0);
}
.gallery_item_wrapper .single-project:hover .img ul li:nth-child(1) {
  -webkit-transition-delay: 0.1s;
          transition-delay: 0.1s;
}
.gallery_item_wrapper .single-project:hover .img ul li:nth-child(2) {
  -webkit-transition-delay: 0.19s;
          transition-delay: 0.19s;
}
.gallery-section-vs4 .gallery_item_wrapper .single-project{
  margin-right: -15px;
  margin-left: -15px;
  margin-bottom: 0px;
}
.gallery-section-vs4 .gallery_item_wrapper .single-project .img .opacity{
  z-index: 1;
  position: absolute;
  width: 140%;
  height: 133%;
  top: 100%;
  right: -98%;
  background-color: rgba(25,196,12,0.76);
  -webkit-transform: rotate(124deg);
  transform: rotate(124deg);
}
.gallery-section-vs4 .gallery_item_wrapper .single-project:hover .img .opacity {
  top:0;
}
.gallry-details p{
  color: rgba(0,0,0,0.8);
}
.gallry-details h3{
  font-weight: 700;
  margin: 0 0 25px 0;
}
.gallry-details .a-teg a {
  display: block;
  margin: 0 auto 0 auto;
}
.gallry-details-latest{
  position: relative;
  margin: 80px 0 0 0;
}
.gallry-details-latest h4{
  font-size: 26px;
  position: relative;
  margin-bottom: 35px;
}
.gallry-details-latest h4:after{
  position: absolute;
  content: '';
  width: 80px;
  height: 2px;
  background-color: #19c40c;
  top: 20px;
  left: 170px;
}
.gallry-details-latest .item{
  margin: 15px;
  display: block;
}
.gallry-details.farm-fresh img {margin: 0;}
.gallry-details {margin: 120px 0 0 0;}
.gallry-details [class*="col-"] {margin-bottom: 60px;}
/*** 
====================================================================
  shop section
====================================================================
 ***/
.shop-section{
  position: relative;
  margin: 50px 0 0 0;
}
.shop-section .gallery_item_wrapper{
  margin-top: 65px;
}
.theme-search-box form {
  width: 100%;
  height: 50px;
  position: relative;
  margin: 0 auto;
  color: #868686;
}
.theme-search-box form input {
  width: 100%;
  height: 100%;
  background: #ffffff;
  border: 2px solid #e9e8e8;
  color: #000000;
  opacity: 0.5;
  padding: 0 27px 0 20px;
}
.theme-search-box form button {
  position: absolute;
  height: 100%;
  width: 50px;
  top: 0;
  right: 0;
  color: #c2bbbb;
  background-color: transparent;
  border-radius: 0 15px 15px 0;
}
.shop-section .Result p{
  margin: 10px 0px 0px 245px;
  color:#928f8f;
}
.page_pagination li {
  display: inline-block;
  margin: 30px 9px 0 9px;
}
.page_pagination li a {
  line-height: 55px;
  background: #fff;
  font-size: 22px;
  padding: 0 14px;
  color: #19c40c;
  border: 1px solid #19c40c;
}
.page_pagination li a.active,.page_pagination li a:hover{
  color: #fff;
}
.shop-details{
  position: relative;
  margin-top: 150px;
}
.upper-left .images-left{
  background-color: #f4f1f1;
}
.upper-left .small-col{
  padding: 15px 10px 0 10px;
  width: 33.33%;
}
.upper-left .small-col .img {
  background-color: #f4f1f1;
}
.right-side h3{
  font-size: 32px;
  font-weight: 700;
  padding-bottom: 25px;
}
.right-side ul li{
   display: inline-block;
}
.right-side ul:nth-child(2) li h3{
  font-size: 35px;
  font-weight: 700;
  color: #121212;
  padding-right: 10px;
}
.right-side ul:nth-child(2) li h5{
  color: #000000;
  opacity: 0.7;
}
.right-side ul:nth-child(2) li:nth-child(3){
  padding-left: 83px;
}
.right-side ul:nth-child(3) li{
  padding-right: 5px;
}
.right-side ul:nth-child(3) li:nth-child(6){
  padding-left: 73px;
}
.right-side ul li span{
  color: #121212;
  opacity: 0.7;
}
.right-side p{
  margin-top: 42px; 
}
.shop-details .right-side .clearfix ul li {
  display: inline-block;
  vertical-align: middle;
}
.shop-details .right-side .clearfix ul li button {
  width: 70px;
  height: 40px;
  color: #fff;
  font-size: 18px;
}
.shop-details .right-side .clearfix ul li:nth-child(2) {
  width: 70px;
  height: 40px;
  line-height: 40px;
  background: #eaede8;
  text-align: center;
  font-size: 18px;
  font-weight: 600;
}
.shop-details .right-side .clearfix a {
  width: 150px;
  line-height: 40px;
  text-align: center;
  font-size: 14px;
  text-transform: uppercase;
  color: #fff;
}
.shop-details .right-side .clearfix {margin-top: 74px;}
.details-tab-text {margin-top: 90px;}
.details-tab-text>ul>li {
  border-bottom: 2px solid #f4f1f1;
}
.details-tab-text .nav-pills>li>a {
  font-size: 22px;
  color: #121212 !important;
  background: transparent !important; 
  border-radius: 0px;
}
.details-tab-text .nav-pills>li.active,
.details-tab-text .nav-pills>li:hover {
  border-bottom: 2px solid #19c40c;
  color: #121212;
}
.tab-content .tab-pane p{
  opacity: 0.7;
  color: #000000;
}
.tab-content .tab-pane>p:nth-child(1){
  margin-top: 48px; 
}
.tab-content .tab-pane>p:nth-child(2){
   margin: 37px 0 12px 0;
   font-weight: 700;
}
.tab-content .tab-pane>p:nth-child(2) span{
  padding-left: 410px;
  color: #19c40c;
}
.tab-content .progress {
  height: 25px;
  width: 570px;
  margin-bottom: 50px;
  border-radius: 50px;
  -webkit-box-shadow: none;
          box-shadow: none;
  background-color: #f4f1f1;
}
.tab-content .progress .progress-bar{
  position: relative;
  -webkit-box-shadow: none;
          box-shadow: none;
  border-radius: 50px;
  background-color: #19c40c;
}
.tab-content .tab-pane>p:nth-child(5){
  font-weight: 700;
  margin: 25px 0;
}
.production h4{
  margin: 60px 0 33px 0;
}
.production .product{
  text-align: center;
  position: relative;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.production .product:before{
  position: absolute;
  content: '';
  width: 40px;
  height: 1px;
  background-color: #19c40c;
  top: 178px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  -webkit-translateX(-50%);
}
.production .product img{
  background-color: #f4f1f1;
  border: 1px solid #fff;
}
.production .product h6:nth-child(2){
  font-weight: 700;
  margin: 20px 0 11px 0;
}
.production .product:hover img{
  border-top: 1px solid #19c40c;
  border-bottom: 1px solid #19c40c;
}


/*** 
====================================================================
  shop section
====================================================================
 ***/
.blog-section{
  margin: 150px 0 0 0;
 }
.blog-section .row>div{
  margin-bottom: 40px;
}
.blog-vs2-page{
  position: relative;
  margin: 150px 0 0 0;
}
.blog-images-categories .left-blog .img div{
  background-color: #19c40c;
  color: #fff;
  position: relative;
  width: 160px;
  text-align: center;
  line-height: 40px;
  top: -55px;
  left: 10px;
  font-size: 16px;
}
.blog-images-categories .left-blog h3>a{
  font-weight: 700;
  font-size: 36px;
  line-height: 30px;
  margin: 7px 0 40px 0;
}
.blog-images-categories .left-blog p{
  opacity: 0.7;
}
.blog-images-categories .left-blog a{
  font-size: 16px;
  line-height: 30px;
  color: #121212;
  margin: 25px 0 55px 0;
}
.blog-images-categories .page_pagination{
  margin-top: -15px
}
.categories-sidebar .theme-search-box form button{
  border-radius: 0;
  width: 70px;
  background-color: #19c40c;
  color: #fff;
}
.categories-sidebar .theme-search-box form button span:hover{
  color: #fff;
}
.categories-sidebar .theme-search-box form input{
  position: relative;
  width: 73%;
}
.categories-sidebar h2{
  font-size: 28px;
  line-height: 30px;
  position: relative;
}
.categories-sidebar h2:before{
  position: absolute;
  content: '';
  width: 100px;
  height: 2px;
  background-color: #19c40c;
  top: 58px;
}
.categories-sidebar .left-about h2{
  margin: 55px 0;
}
.categories-sidebar .left-about ul li a{
  font-size: 18px;
  opacity: 0.7;
  color: #121212;
  margin-bottom: 22px;
}
.categories-sidebar .left-about ul li a span{
  margin-left: 100px;
}
.categories-sidebar .sidebar-recent-news h2{
  margin:30px 0 70px 0;
}
.categories-sidebar .sidebar-recent-news img{
  width: 28%;
}
.categories-sidebar .sidebar-recent-news .single-recent-news{
  margin-bottom: 20px;
}
.categories-sidebar .sidebar-recent-news .post{
  width: 72%;
  padding-left: 33px;
} 
.categories-sidebar .sidebar-recent-news .post h6 a {
  font-size: 17px;
  line-height: 26px;
  color: #121212;
  margin: 14px 0;
}
.categories-sidebar .archive-post h2{
  margin: 60px 0 65px 0;
}
.categories-sidebar .archive-post ul li a span{
  margin-left: 35px;
}
.categories-sidebar .sidebar-keywords h2{
   margin: 20px 0 70px 0;
}
.categories-sidebar .sidebar-keywords ul li {
  display: inline-block;
  margin:0 20px 20px 0;
}
.categories-sidebar .sidebar-keywords ul li a {
  line-height: 40px;
  background: #f2f0f0;
  color: #121212;
  opacity: 0.7;
  font-size: 14px;
  text-transform: uppercase;
  padding: 0 21px;
}
.categories-sidebar .sidebar-keywords ul li a:hover{
  color: #fff;
}
.blog-images-categories .single_comment .comment h6{
  display: inline-block;
}
.imges-categories .left-blog .img div{
  background-color: #19c40c;
  color: #fff;
  width: 160px;
  text-align: center;
  line-height: 40px;
  font-size: 16px;
  margin: 100px 10px 0 0;
}
.imges-categories .left-blog h3>a{
  display: inherit;
  margin: -93px 0 22px 0;
}
.imges-categories .text-blog p:nth-child(3){
  margin: 35px 0 60px 0;
} 
.imges-categories .text-blog p:nth-child(7){
   margin: 50px 0 43px 0;
}
.imges-categories .text-blog .img-box {width: 49%;}
.imges-categories .text-blog .img-box img {border-radius: 20px;}
.imges-categories .text-blog .recipess h5,.blog-images-categories .comments_area h5,
.blog-images-categories .leave_reply h3{
  position: relative;
  font-size: 25px;
}
.imges-categories .text-blog .recipess h5:before,.blog-images-categories .comments_area h5:before,
.blog-images-categories .leave_reply h3:before{
  content: '';
  position: absolute;
  width: 40px;
  height: 2px;
  background-color: #19c40c;
  top: 35px;
}
.imges-categories .text-blog .recipess p{
   margin: 30px 0 30px 0;
}
.imges-categories .text-blog .recipess ul li p{
  margin-bottom: -25px;
}
.imges-categories .text-blog .recipess-bottom h5{
  margin: 90px 0 40px 0;
}
.blog-images-categories .link-details ul li{
  display: inline-block;
  padding-right: 10px;
  font-size: 16px;
  margin-top: 45px;
}
.blog-images-categories .link-details ul li.float_right a{
  color: #f28965;
}
.blog-images-categories .link-details ul li.float_right a i{
  color: #848080;
}
.blog-images-categories .comments_area h5{
  margin: 23px 0 70px 0;
}
.blog-images-categories .single_comment img {width: 105px;}
.blog-images-categories .single_comment .comment {
  width: calc(100% - 105px);
  padding-left: 20px;
  position: relative;
}
.blog-images-categories .single_comment .comment span{
  color: #b2acac;
  font-size: 14px;
  margin-left: 35px
}
.blog-images-categories .single_comment .comment h6{
  font-size: 22px;
}
.blog-images-categories .single_comment .comment p:nth-child(3){
    margin: 15px 0 0 0; 
}
.blog-images-categories .single_comment .comment a{
  background-color: #eeeeee;
  padding: 5px 35px;
  margin-bottom: 35px;
}
.blog-images-categories .comments_area .border{
  border-bottom: 1px solid #eeeeee;
}
.blog-images-categories .single_comment .comment a:hover{
  color: #fff;
}
.blog-images-categories .comments_area .border_fix{
  margin: 34px 0 0px 80px;
}
.blog-images-categories .comments_area .border_fix .comment{
  padding-left: 15px;
}
.blog-images-categories .comments_area .single_comment:nth-child(3){
  padding-top: 35px;
}
.blog-images-categories .leave_reply h3{
  margin: 20px 0 50px 0;
}
.blog-images-categories .leave_reply .single_input input{
  width: 100%;
  display: block;
  height: 55px;
  color: #000000;
  opacity: 0.7;
  background-color: #f3f2f2;
  padding: 0 10px 0 20px;
  border: 1px solid #f3f2f2;
  margin-bottom: 30px;
}
.blog-images-categories .leave_reply .single_input textarea{
  display: block;
  width: 100%;
  min-height: 200px;
  color: #000000;
  opacity: 0.7;
  border: 1px solid #f3f2f2;
  background-color: #f3f2f2;
  padding: 20px 10px 10px 15px;
  margin-bottom: 30px;
}
.blog-images-categories .leave_reply button{
  height: 50px;
  width: 185px;
  color: #19c40c;
  border: 1px solid #19c40c;
  background-color: #fff;
  margin-bottom: 45px;
}
.blog-images-categories .leave_reply button:hover{
  color: #fff;
}
/*** 
====================================================================
  contact section
====================================================================
 ***/
 #contact-google-map {
  height: 380px;
  width: 100%;
}
.single-list{
  background-color: #19c40c;
  margin: 145px 0px 0 15px;
  padding-left: 50px;
}
.contact-section .theme-title{
  text-align: center;
}
.contact-section .theme-title h1{
  font-size: 45px;
  line-height: 90px;
  color: #242222;
  margin: 91px 0 3px 0;
}
.contact-section .theme-title h6 {
  opacity: 0.7;
  color: #000000;
  line-height: 26px;
}
.contact-section .contact-us-section h2{
  font-size: 25px;
  line-height: 26px;
  margin: 70px 0 50px 0;
  color: #393939;
}
.contact-section .contact-single-list{
  padding-top: 85px;
}
.contact-section .contact-single-list ul li {
  font-size: 16px;
  color: rgba(0,0,0,0.8);
  position: relative;
  padding-left: 50px;
}
.contact-section .contact-single-list ul li .fa-globe {
  margin-left: 22px;
}
.contact-section .contact-single-list ul li a {
  font-size: 16px;
  color: rgba(0,0,0,0.8);
  margin-bottom: 15px;
}
.contact-section .contact-single-list ul li a i {
  position: absolute;
  left:0;
  top:0;
  font-size: 20px;
  vertical-align: middle;
  color: #fff;
}
.contact-section .contact-single-list ul li .fa-chain{
  margin:0 0 0 20px;
}
.contact-section .contact-single-list ul li:nth-child(4){
  margin: 20px 0 35px 0;
  font-size: 16px;
}
.contact-section .social-icon h6{
  margin: 10px 0 0 0;
}
.contact-section .social-icon ul li {
  display: inline-block;
  position: relative;
}
.contact-section .social-icon ul li a{
  line-height: 50px;
  width: 50px;
  font-size: 16px;
  background: #19c40c;
  text-align: center;
  border-radius: 50%;
  color: #fff;
  border: 1px solid #fff;
  margin: 20px 17px 0 0;
}
.contact-section .social-icon ul li a:hover{
  color: #979595;
  border: none;
}

.contact-section{margin-bottom: 25px;}
.theme-form-two textarea, .theme-form-two input {
  border: 1px solid #ececec;
  width: 100%;
  max-width: 100%;
  padding: 0 30px;
  font-size: 16px;
  line-height: 30px;
}
.theme-form-two textarea:focus, .theme-form-two input:focus {
  border-color: #19c40c;
}
.theme-form-two textarea {
  padding: 20px;
  height: 225px;
  max-height: 225px;
  margin-bottom: 25px;
}
.theme-form-two input {
  height: 55px;
  margin-bottom: 30px;
}
.contact-us-section .buttonDiv button {
  height: 50px;
  width: 185px;
  border: 1px solid #19c40c;
  background-color: #19c40c;
  color: #fff;
  margin-top: 35px;
}
.contact-us-section .buttonDiv button:hover{
  color: #fff;
}
.contact-section .social-icon{
  padding-bottom: 85px;
}
/*======================= Form Validation ===================*/
.alert-wrapper {
  display: none;
  position: fixed;
  width: 100%;
  height:100%;
  background: rgba(0,0,0,0.6);
  top: 0;
  left: 0;
  z-index: 9999999;
}
#success,
#error {
  position: relative;
  width:500px;
  height: 100px;
  top: calc(50% - 50px);
  left:calc(50% - 250px);
  background: rgba(0,0,0,0.8);
  text-align: center;
}
#success .wrapper,
#error .wrapper {
  display: table;
  width:100%;
  height: 100%;
}
#success .wrapper p,
#error .wrapper p{
  display: table-cell;
  vertical-align: middle;
  letter-spacing: 1px;
}
#success p{
  color: #26ace3;
}
#error p{
  color: #C9182B;
}
#error button,
#success button {
  color:#fff;
  width:40px;
  height:40px;
  line-height: 20px;
  background: transparent;
  border-radius: 50%;
  position: absolute;
  top: -20px;
  right: -20px;
  font-size: 20px;
}
.form-validation label.error {display: none !important;}
.form-validation input.error {border:1px solid #f03838 !important;}
.form-validation textarea.error {border:1px solid #f03838 !important;}

/*** 
====================================================================
  Error-section
====================================================================
 ***/
.error-page{
  text-align: center;
  position: relative;
  padding: 100px 0;
  margin: 170px 0 40px 0;
}
.error-page .error h2 {
  font-size: 75px;
  color: #d1d1d1;
  margin-bottom: -40px;
}
.error-page .error h3 {
  padding: 110px 0 25px 0;
  color: #242222;
  font-size: 33px;
  line-height: 65px;
}
.error-page .middle-error {text-align: center;}
.error-page .middle-error h1 {
  display: inline-block;
  font-size: 129px;
}
.error-page .middle-error img {
  display: inline-block;
}
.error-page .submit-section a {
  display: inline-block;
  line-height: 58px;
  width: 244px;
  margin: 0 10px 20px 0;
  border: 1px solid #19c40c;
  background-color: #fff;
  color: #19c40c;
}
.error-page .submit-section a:hover{
  color: #fff;
}
.error-page .submit-section .theme-search-box {display: inline-block;}
.error-page .submit-section .theme-search-box form{
  height: 60px;
  width: 340px;
}
.error-page .submit-section .theme-search-box form button{
  width: 70px;
}
.error-page .submit-section .theme-search-box form input{
  padding: 0 55px 0 20px;
}

.times h2{margin-top: 25px !important;}